Skip to content

Show case conclusion citations after one expansion #8411

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
loopx-agent wants to merge 1 commit into
base: main
Choose a base branch
from
+13 −8
Open

Show case conclusion citations after one expansion #8411

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion apps/presentation/dashboard/src/features/personal-workspace/research-case-study.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,9 @@
.case-section-number { color: var(--pw-muted); font-size: var(--text-body); margin-bottom: 6px; }
.research-case-study .case-section h3 { font-size: 23px; font-weight: 600; line-height: 1.5; margin: 0 0 18px; }
.case-section > .personal-md { max-width: 80ch; }
.case-sources { margin-block-top: 8px; }.case-sources button { display: block; text-align: start; font: inherit; font-size: var(--text-body); color: var(--pw-text); background: none; border: 0; min-height: 44px; padding: 8px 0; cursor: pointer; overflow-wrap: anywhere; }
.case-sources { margin-block-top: 8px; }
.case-citation-links { list-style: none; margin: 0; padding: 0; }
.case-citation-links button { display: block; text-align: start; font: inherit; font-size: var(--text-body); color: var(--pw-text); background: none; border: 0; min-height: 44px; padding: 8px 0; cursor: pointer; overflow-wrap: anywhere; }
.case-table-scroll { overflow-x: auto; margin-block: 24px; }.case-table-scroll table { border-collapse: collapse; width: 100%; font-size: var(--text-body); line-height: 1.7; }
.case-table-scroll :is(th,td) { border-bottom: 1px solid var(--pw-line); text-align: start; vertical-align: top; padding: 12px 16px 12px 0; min-width: 85px; }
.case-table-scroll th { font-weight: 500; }.case-table-scroll thead th { color: var(--pw-muted); }.goal-research-workbench .research-case-reader .research-case-study .case-table-scroll .personal-md { font-size: inherit; }.case-table-scroll .personal-md p { margin: 0; }
Expand Down
17 changes: 10 additions & 7 deletions apps/presentation/dashboard/src/features/personal-workspace/research-case-study.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,21 +51,22 @@ export function ResearchCaseStudy({study, zh, historical, scope, onCitation}: {
onCitation: (c: AssessmentCitation, origin?: HTMLButtonElement) => void;
}) {
const id = useId().replace(/:/g, '');
const sources = (citations: AssessmentCitation[]) => <details className="case-sources"><summary>{zh ? '依据与原文' : 'Evidence and originals'}</summary>
{citations.map((c, i) => <button key={i} type="button" onClick={e => onCitation(c, e.currentTarget)}>
{c.source_id} · {c.first_line}–{c.last_line} ↗</button>)}
</details>;
const citationLinks = (citations: AssessmentCitation[]) => <ul className="case-citation-links" role="list">
{citations.map((c, i) => <li key={i}><button type="button" onClick={e => onCitation(c, e.currentTarget)}>
{c.source_id} · {zh ? '行' : 'lines'} {c.first_line}–{c.last_line} <span aria-hidden="true">↗</span>
</button></li>)}
</ul>;
return <article className="research-case-study" lang={study.language === 'zh' ? 'zh-CN' : 'en'}>
<header className="case-opening">
<p className="case-eyebrow">{scope.case_id} <span>· {zh ? 'Case 深度解读' : 'Case study'}</span></p>
<h2>{study.title}</h2>
<div className="case-lead"><MarkdownText text={study.summary}/></div>
{historical ? <p className="case-read-warning" role="status">{zh ? '来源已变化或暂不可读。下文保留注册时的解读与证据快照，不能视作当前结果。' : 'The source changed or is unavailable. This reading and its evidence snapshot describe the registered version, not current results.'}</p> : null}
{study.language !== (zh ? 'zh' : 'en') ? <p className="case-original-language">{zh ? '显示已保存的英文原文。' : 'Showing the saved Chinese original.'}</p> : null}
<details className="case-provenance"><summary>{zh ? '范围与来源' : 'Scope and provenance'}</summary>
<details className="case-provenance"><summary>{zh ? '结论依据与范围' : 'Conclusion evidence and scope'}</summary>
{citationLinks(study.citations)}
<p>{zh ? '已保存的作者分析；来源绑定不代表结论已独立验证。' : 'Saved author analysis; source binding does not independently verify the conclusions.'}</p>
<dl><dt>{zh ? '观察窗口' : 'Window'}</dt><dd>{scope.window}</dd><dt>{zh ? '运行' : 'Run'}</dt><dd>{scope.run_id}</dd><dt>{zh ? '版本' : 'Revision'}</dt><dd>{scope.revision}</dd></dl>
{sources(study.citations)}
</details>
</header>
<div className="case-reading-layout">
Expand All @@ -79,7 +80,9 @@ export function ResearchCaseStudy({study, zh, historical, scope, onCitation}: {
{s.table ? <div className="case-table-scroll" tabIndex={0} role="region" aria-label={s.title}><table><thead><tr>{s.table.columns.map((c, i) => <th key={i} scope="col">{c}</th>)}</tr></thead>
<tbody>{s.table.rows.map((row, i) => <tr key={i}>{row.map((cell, j) => j === 0 ? <th key={j} scope="row">{cell}</th> : <td key={j}><MarkdownText text={cell}/></td>)}</tr>)}</tbody></table></div> : null}
{s.timeline ? <ol className="case-timeline">{s.timeline.map((event, i) => <li key={i}><span className="case-event-label">{event.label}</span><div><h4>{event.title}</h4><MarkdownText text={event.text}/></div></li>)}</ol> : null}
{sources(s.citations)}
<details className="case-sources"><summary>{zh ? '依据与原文' : 'Evidence and originals'}</summary>
{citationLinks(s.citations)}
</details>
</section>)}
{study.limitations.length ? <section className="case-section case-limitations"><h3>{zh ? '这份解读还缺什么' : 'What this reading cannot resolve'}</h3><ul>{study.limitations.map((text, i) => <li key={i}>{text}</li>)}</ul></section> : null}
</div>
Expand Down
Loading