diff --git a/assets/css/tools.css b/assets/css/tools.css index cc1902f..3513758 100644 --- a/assets/css/tools.css +++ b/assets/css/tools.css @@ -2176,3 +2176,127 @@ p { .dr-source-card { grid-template-columns: 32px 1fr; } .dr-source-aside { display: none; } } + +/* Per-sub-question agent report cards (v2) */ +.dr-subq-list { + display: grid; + gap: 10px; +} + +.dr-subq-report { + border: 1px solid var(--line); + border-radius: 8px; + padding: 12px 13px; + background: #fbfcfe; +} + +.dr-subq-report__head { + display: grid; + grid-template-columns: auto 1fr; + gap: 10px; + align-items: start; + margin-bottom: 10px; +} + +.dr-subq-report__index { + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 30px; + height: 24px; + padding: 0 8px; + border-radius: 999px; + background: var(--soft-teal); + color: var(--teal-dark); + font-weight: 800; + font-variant-numeric: tabular-nums; + font-size: 0.78rem; + letter-spacing: 0.04em; + text-transform: uppercase; +} + +.dr-subq-report__question { + font-weight: 700; + color: var(--ink); + line-height: 1.4; +} + +.dr-subq-report__rationale { + margin-top: 4px; + color: var(--muted); + font-size: 0.86rem; + line-height: 1.45; +} + +.dr-mini-source-list { + list-style: none; + padding: 0; + margin: 0; + display: grid; + gap: 6px; +} + +.dr-mini-source { + display: grid; + grid-template-columns: 32px 1fr; + gap: 8px; + align-items: start; + padding: 8px 10px; + background: #fff; + border: 1px solid var(--line); + border-radius: 6px; +} + +.dr-mini-source--empty { + display: block; + color: var(--muted); + padding: 8px 10px; +} + +.dr-mini-source__n { + font-variant-numeric: tabular-nums; + color: var(--coral); + font-weight: 800; + font-size: 0.85rem; +} + +.dr-mini-source__title { + display: inline-block; + font-weight: 700; + color: var(--ink); + text-decoration: none; + line-height: 1.35; +} + +a.dr-mini-source__title:hover { color: var(--teal-dark); text-decoration: underline; } + +.dr-mini-source__meta { + color: var(--muted); + font-size: 0.78rem; + margin-top: 3px; +} + +.dr-mini-source__excerpt { + color: var(--muted); + font-size: 0.86rem; + line-height: 1.45; + margin-top: 5px; +} + +.dr-external-link { + display: inline-block; + color: var(--teal); + font-size: 0.8em; + margin-left: 3px; + vertical-align: 1px; +} + +a.dr-source-title-link { + color: var(--ink); + text-decoration: none; +} + +a.dr-source-title-link:hover { + color: var(--teal-dark); + text-decoration: underline; +} diff --git a/assets/js/deep-research.js b/assets/js/deep-research.js index 39b51f6..16abde6 100644 --- a/assets/js/deep-research.js +++ b/assets/js/deep-research.js @@ -346,8 +346,12 @@ lastResult = finalResult; const meta = finalResult.trace_metadata || {}; + const rc = meta.retrieval_counts || {}; + const countSummary = (rc.post_filter_corpus != null) + ? `${rc.post_filter_corpus} corpus${rc.filtered_website ? ` (${rc.filtered_website} website filtered)` : ''}${rc.raw_upload ? ` + ${rc.raw_upload} upload` : ''}` + : `${meta.source_count || 0} sources`; setStatus( - `Done in ${Math.round((finalResult.latency_ms || 0) / 1000)} s · ${meta.source_count || 0} sources · confidence ${meta.citation_confidence || '?'}`, + `Done in ${Math.round((finalResult.latency_ms || 0) / 1000)} s · ${countSummary} · confidence ${meta.citation_confidence || '?'}`, 'ok' ); els.runButton.disabled = false; @@ -425,19 +429,23 @@ const briefHtml = renderBrief(data.brief_markdown || '', sources); - const subQHtml = subs.length ? ` + // Per-sub-question report cards — the "what each agent researched" view + const subQReportsHtml = subs.length ? `