@anthusai/papyrus 5.50.0 → 5.52.0

package/components/newsroom-ops-shell.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { SearchIcon } from "lucide-react";
 import { Button } from "./ui/button";
 import { Separator } from "./ui/separator";
 import { cn } from "../lib/utils";
@@ -179,27 +178,6 @@ export function NewsroomOpsShell({ activeTab, appTitle, backHref = "/", backLabe
   </div>;
 }
 
-export function NewsroomOpsSearchButton({
-  disabled,
-  onPress,
-}: {
-  disabled?: boolean;
-  onPress?: () => void;
-}) {
-  return (
-    <Button
-      aria-label="Search knowledge base"
-      disabled={disabled}
-      onClick={onPress}
-      size="icon-sm"
-      type="button"
-      variant="outline"
-    >
-      <SearchIcon className="size-4" />
-    </Button>
-  );
-}
-
 export function NewsroomOpsStatusBanner({
   children,
   tone = "info",

package/components/newsroom-organizer.css

@@ -417,3 +417,22 @@ body:has(.newsroom-organizer)>[data-staging-banner]{flex-shrink:0}
 [data-feed-flat][data-feed-flat][data-feed-flat][data-feed-flat][data-feed-flat][data-feed-flat] [data-review-queue-bar] { background: var(--feed-footer) !important; }
 /* The rating grid keeps its own rounded rectangles in the borderless panes (not the pill shape the flat rules give other buttons). */
 [data-feed-flat][data-feed-flat][data-feed-flat][data-feed-flat][data-feed-flat][data-feed-flat][data-feed-flat][data-feed-flat] [data-rating-grid] :is(button, [data-cyclotron-choice]) { border-radius: var(--feed-radius-md) !important; }
+
+/* Flat chrome (Ryan, 2026-10-28): the shell has no outlines or rules either. Controls are tone fills in rounded rectangles; on a phone the
+   page's own heading names the page, so the bar keeps one search field and the account button, nothing cut off. */
+.newsroom-organizer,.organizer-menu,.organizer-account-popup{--org-control:color-mix(in oklab,var(--org-paper) 90%,var(--org-ink))}
+.organizer-sidebar{border-right:0}
+.organizer-search{border-bottom:0;background:var(--org-control);border-radius:8px;padding:6px 10px}
+.newsroom-organizer button.organizer-toggle,.newsroom-organizer button.organizer-account{border:0;background:var(--org-control);border-radius:8px !important}
+.organizer-account-popup{border:0}
+.organizer-menu .organizer-destinations a{border:0;background:var(--org-control);border-radius:8px !important}
+@media(max-width:900px){
+ .organizer-topbar h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+ .organizer-search{flex:1;max-width:none}
+ .organizer-header-settings{display:none}
+ .organizer-bottom-nav{border-top:0;background:color-mix(in oklab,var(--org-paper) 95%,var(--org-ink))}
+}
+
+/* Captured text in the reference detail reads in the feed's own type, not the analysis view's serif and small caps. */
+[data-capture-text] .reference-capture-markdown,[data-capture-text] .reference-capture-markdown :is(h1,h2,h3,h4,h5,h6,p,li,th,td){font-family:inherit;letter-spacing:normal;text-transform:none}
+[data-capture-text] .reference-capture-markdown :is(h3,h4,h5){font-size:1em;font-weight:600;margin:1em 0 .25em}

package/components/newsroom-references-view.tsx

@@ -9,7 +9,7 @@ import { usePathname } from "next/navigation";
 import { useCallback, useEffect, useMemo, useRef, useState, type MutableRefObject } from "react";
 import { Badge } from "./ui/badge";
 import { Button } from "./ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card";
+import { Card, CardDescription, CardHeader, CardTitle } from "./ui/card";
 import { ScrollArea } from "./ui/scroll-area";
 import { Separator } from "./ui/separator";
 import {
@@ -661,7 +661,6 @@ export function NewsroomReferencesView({
   return (
     <div
       className="flex min-h-0 flex-1 flex-col gap-4 md:max-h-[100dvh] md:flex-row"
-      data-detail-reserved={view === "feed" ? "true" : undefined}
       data-news-desk-section="references"
       data-detail-open={selectedReference || routeLineageId ? "true" : "false"}
     >
@@ -762,8 +761,9 @@ export function NewsroomReferencesView({
               </button>
             </div>
           ) : null}
+          {/* 6px of room on every side, so a selected card's 4px ring (drawn outside the card) is never cut off by the scroller. */}
           <ScrollArea className="min-h-0 flex-1 [overflow-anchor:none]" data-reference-feed-scroll>
-            <div className="pb-6 pr-1">
+            <div className="px-1.5 pb-6 pt-1.5 pr-2.5">
               <ReferenceFeed
                 disabledReason={feedDisabledReason}
                 loading={previewSkeleton || (loading && !references.length)}
@@ -871,7 +871,9 @@ export function NewsroomReferencesView({
 
       <div
         className={cn(
-          "hidden min-h-0 w-full shrink-0 flex-col overflow-hidden rounded-[20px] bg-[var(--feed-card)] md:flex md:w-[min(100%,24rem)] md:pb-16 lg:w-[min(100%,28rem)]",
+          "hidden min-h-0 w-full shrink-0 flex-col overflow-hidden rounded-[20px] bg-[var(--feed-card)] md:w-[min(100%,24rem)] md:pb-16 lg:w-[min(100%,28rem)]",
+          // The pane appears once a reference is selected (or when the queue is done); until then the feed has the whole width.
+          (selectedReference || caughtUp) && "md:flex",
         )}
         data-newsroom-list-detail-shell
         data-news-desk-section="references"
@@ -907,11 +909,7 @@ export function NewsroomReferencesView({
               previewAttachments={previewAttachments}
               reference={selectedReference}
             />
-          ) : caughtUp ? caughtUpPanel : (
-            <CardContent className="p-4 text-sm text-muted-foreground">
-              Select a reference to inspect curation details.
-            </CardContent>
-          )}
+          ) : caughtUp ? caughtUpPanel : null}
         </ScrollArea>
         </div>
         {queueBar}

package/components/reader-auth-control.tsx

@@ -36,7 +36,9 @@ export function ReaderAuthControl({
     if (!nextPath) return;
     if (window.location.pathname !== "/" || window.location.search || window.location.hash) return;
     if (storedPath) window.sessionStorage.removeItem(POST_AUTH_PATH_KEY);
-    window.history.replaceState(window.history.state, "", nextPath);
+    if (nextPath === "/") return;
+    // Sign-in comes back to "/"; the page asked for (a deep link such as /references/<id>) may be another route, so load it.
+    window.location.replace(nextPath);
   }, [postAuthPath]);
 
   const refreshAuthState = useCallback(async () => {

package/components/reference-capture-client.ts

@@ -7,7 +7,7 @@ import {
   captureStatus, countWords, curationCardOf, grobidRows, primaryTextAttachment, structuredRows,
   type CaptureAssessment as Assessment, type CaptureStatus, type CurationCard,
 } from "../lib/reference-capture";
-import { loadModelPayloadsForOwner, loadStoragePathText } from "./news-desk-taxonomy-client";
+import { loadModelPayloadsForOwner, loadStoragePathText, uploadModelPayloadForOwner } from "./news-desk-taxonomy-client";
 
 export type CaptureAssessment = Assessment;
 
@@ -23,8 +23,16 @@ export type CaptureView = {
   rows: Array<{ label: string; value: string }>;
   /** Saves an editor's pasted or corrected text and their verdict on the capture (the `correctReferenceCapture` action). */
   correct?: (input: { text?: string; assessment: CaptureAssessment; note?: string }) => Promise<void>;
+  /** True when the current text was read from a PDF the editor uploaded. */
+  fromPdf: boolean;
+  /** Stores a PDF the editor downloaded as an attachment of the Reference, then has the server read its text (`correctReferenceCapture` with `pdfAttachmentId`). */
+  uploadPdf?: (input: { file: File; assessment: CaptureAssessment; note?: string }, onStep?: (step: "uploading" | "reading") => void) => Promise<void>;
 };
 
+/** The server reads PDFs up to this size (ideas.source_text.MAXIMUM_PDF_BYTES); say so before a slow upload that would be refused. */
+export const MAXIMUM_PDF_UPLOAD_BYTES = 8_000_000;
+export const PDF_UPLOAD_ROLE = "curation-upload-pdf";
+
 function previewText(attachment: ReferenceAttachmentRecord): string | null {
   // Local preview only: a fixture can carry the captured text inline instead of in storage.
   if (!isLocalPreviewEnabled()) return null;
@@ -42,7 +50,7 @@ type Payloads = { key: string; text: string | null; grobid: unknown; summary: st
  * Reads what the newsroom stored for one Reference. The curation card comes first (status, word count, signals, summary, GROBID fields,
  * and the `curation-text` body its `current` points at); the older `extracted_text` attachment is the fallback.
  */
-export type CorrectCaptureAction = (input: { referenceId: string; text?: string; assessment: CaptureAssessment; note?: string }) => Promise<unknown>;
+export type CorrectCaptureAction = (input: { referenceId: string; text?: string; pdfAttachmentId?: string; assessment: CaptureAssessment; note?: string }) => Promise<unknown>;
 
 export function useReferenceCapture(reference: ReferenceRecord, attachments: readonly ReferenceAttachmentRecord[], teaserLine: number, correctAction?: CorrectCaptureAction): CaptureView {
   const card: CurationCard | null = useMemo(() => curationCardOf(attachments), [attachments]);
@@ -51,7 +59,7 @@ export function useReferenceCapture(reference: ReferenceRecord, attachments: rea
   const grobidSortKey = card?.current?.grobidSortKey ?? card?.grobid?.fieldsSortKey ?? null;
   const [payloads, setPayloads] = useState<Payloads>({ key: "", text: null, grobid: null, summary: null, loaded: false });
   const [fallback, setFallback] = useState<{ key: string; text: string | null; error: string | null; loading: boolean }>({ key: "", text: null, error: null, loading: false });
-  const [corrected, setCorrected] = useState<{ key: string; text: string; assessment: CaptureAssessment } | null>(null);
+  const [corrected, setCorrected] = useState<{ key: string; text: string; assessment: CaptureAssessment; fromPdf?: boolean } | null>(null);
   const referenceKey = `${reference.id}:${textSortKey ?? ""}:${grobidSortKey ?? ""}`;
 
   // The card's bodies and the Reference's metadata.json, in one read of the Reference's ModelAttachments.
@@ -92,6 +100,7 @@ export function useReferenceCapture(reference: ReferenceRecord, attachments: rea
 
   const current = payloads.key === referenceKey ? payloads : null;
   const mine = corrected && corrected.key === reference.id ? corrected : null;
+  const fromPdf = mine ? mine.fromPdf === true : card?.current?.textVia === "editor_pdf";
   const text = mine?.text ?? (textSortKey ? current?.text ?? null : fallback.key === fallbackKey ? fallback.text : null);
   const loading = mine ? false : textSortKey ? !(current?.loaded) : useFallback && fallback.key === fallbackKey ? fallback.loading : useFallback;
   const error = textSortKey || mine ? null : fallback.key === fallbackKey ? fallback.error : null;
@@ -103,8 +112,27 @@ export function useReferenceCapture(reference: ReferenceRecord, attachments: rea
 
   const correct = useCallback(async (input: { text?: string; assessment: CaptureAssessment; note?: string }) => {
     if (correctAction) await correctAction({ referenceId: reference.id, ...(input.text !== undefined ? { text: input.text } : {}), assessment: input.assessment, ...(input.note ? { note: input.note } : {}) });
-    setCorrected({ key: reference.id, text: input.text ?? text ?? "", assessment: input.assessment });
-  }, [reference.id, text, correctAction]);
+    setCorrected({ key: reference.id, text: input.text ?? text ?? "", assessment: input.assessment, fromPdf: input.text === undefined && fromPdf });
+  }, [reference.id, text, fromPdf, correctAction]);
+
+  const uploadPdf = useCallback(async (input: { file: File; assessment: CaptureAssessment; note?: string }, onStep?: (step: "uploading" | "reading") => void) => {
+    if (!correctAction) throw new Error("Uploading is not available here.");
+    if (input.file.size > MAXIMUM_PDF_UPLOAD_BYTES) throw new Error(`That PDF is larger than we read (${MAXIMUM_PDF_UPLOAD_BYTES / 1_000_000} MB). Paste the text instead.`);
+    onStep?.("uploading");
+    const attachment = await uploadModelPayloadForOwner({
+      ownerKind: "reference", ownerId: reference.id, ownerLineageId: reference.lineageId ?? reference.id, ownerVersionNumber: reference.versionNumber ?? null,
+      ownerVersionKey: `reference#${reference.id}`, role: PDF_UPLOAD_ROLE, sortKey: `${PDF_UPLOAD_ROLE}-${Date.now().toString(36)}`,
+      filename: input.file.name || "upload.pdf", mediaType: "application/pdf", content: input.file,
+    });
+    onStep?.("reading");
+    const result = await correctAction({ referenceId: reference.id, pdfAttachmentId: attachment.id, assessment: input.assessment, ...(input.note ? { note: input.note } : {}) });
+    // The server read the text; fetch the new body it stored so the panel shows it.
+    const sortKey = (result as { edits?: Array<{ sortKey?: string; kind?: string }> } | null | undefined)?.edits?.find((edit) => edit.kind === "text")?.sortKey;
+    const rows = sortKey ? await loadModelPayloadsForOwner("reference", reference.id, ["metadata"]) : [];
+    const stored = rows.find((row) => row.attachment.sortKey === sortKey)?.text;
+    if (typeof stored !== "string") throw new Error("The PDF was read, but its text could not be loaded. Reload to see it.");
+    setCorrected({ key: reference.id, text: stored, assessment: input.assessment, fromPdf: true });
+  }, [reference.id, reference.lineageId, reference.versionNumber, correctAction]);
 
-  return { status, text, loading, error, summary, summaryStale: Boolean(mine) || status.summaryStale === true, rows, correct: correctAction || isLocalPreviewEnabled() ? correct : undefined };
+  return { status, text, loading, error, summary, summaryStale: Boolean(mine) || status.summaryStale === true, rows, fromPdf, correct: correctAction || isLocalPreviewEnabled() ? correct : undefined, uploadPdf: correctAction ? uploadPdf : undefined };
 }

package/components/reference-capture-panel.tsx

@@ -1,11 +1,12 @@
 "use client";
 
-import { FileCheckIcon, FileClockIcon, FileWarningIcon, FileXIcon, Loader2Icon } from "lucide-react";
-import { useEffect, useState } from "react";
+import { FileCheckIcon, FileClockIcon, FileUpIcon, FileWarningIcon, FileXIcon, Loader2Icon } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
 import { captureLine, type CaptureAssessment, type CaptureState, type CaptureStatus } from "../lib/reference-capture";
 import { cn } from "../lib/utils";
 import { AutoGrowTextarea } from "./ui/auto-grow-textarea";
 import type { CaptureView } from "./reference-capture-client";
+import { MarkdownContext } from "./markdown-context";
 
 const ICON = { full: FileCheckIcon, thin: FileWarningIcon, none: FileXIcon, running: FileClockIcon } as const;
 /** Colour never stands alone: each state has its own icon and words. */
@@ -41,6 +42,87 @@ const ASSESSMENTS: Array<{ key: CaptureAssessment; label: string; hint: string }
   { key: "incorrect", label: "Incorrect", hint: "This is not the right text." },
 ];
 
+/** The editor's verdict on the machine capture; asked the same way whether they paste text or upload a PDF. */
+function AssessmentChoice({ value, onChange }: { value: CaptureAssessment | null; onChange: (value: CaptureAssessment) => void }) {
+  return (
+    <div aria-label="Was the capture complete?" className="flex flex-wrap gap-2" role="group">
+      {ASSESSMENTS.map((option) => (
+        <button
+          aria-pressed={value === option.key}
+          className={cn("inline-flex min-h-9 items-center rounded-full px-3 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring", value === option.key ? "bg-[var(--primary)] text-[var(--primary-foreground)]" : "bg-[var(--feed-card)]")}
+          data-capture-assessment={option.key}
+          key={option.key}
+          onClick={() => onChange(option.key)}
+          title={option.hint}
+          type="button"
+        >
+          {option.label}
+        </button>
+      ))}
+    </div>
+  );
+}
+
+/** "Upload a PDF": the editor's verdict, then the PDF they downloaded themselves; the server reads its text. */
+function PdfUploadForm({ capture, onDone, onCancel }: { capture: CaptureView; onDone: () => void; onCancel: () => void }) {
+  const [assessment, setAssessment] = useState<CaptureAssessment | null>(null);
+  const [note, setNote] = useState("");
+  const [phase, setPhase] = useState<"idle" | "uploading" | "reading" | "error">("idle");
+  const [message, setMessage] = useState<string | null>(null);
+  const input = useRef<HTMLInputElement>(null);
+  const reason = !assessment ? "Say whether the capture was complete, incomplete or incorrect, then choose the PDF." : null;
+  const busy = phase === "uploading" || phase === "reading";
+  async function upload(file: File) {
+    if (!assessment || !capture.uploadPdf) return;
+    setMessage(null);
+    try {
+      await capture.uploadPdf({ file, assessment, ...(note.trim() ? { note: note.trim() } : {}) }, (step) => setPhase(step));
+      onDone();
+    } catch (failure) {
+      setPhase("error");
+      setMessage(failure instanceof Error ? failure.message : "The PDF could not be uploaded.");
+    }
+  }
+  return (
+    <div className="space-y-3 rounded-2xl bg-[var(--feed-control)] p-3" data-capture-upload-form>
+      <p className="text-sm font-medium">Upload the PDF you downloaded. Its text replaces the capture, and the capture is kept.</p>
+      <AssessmentChoice onChange={setAssessment} value={assessment} />
+      <label className="block text-sm font-medium">
+        Note (optional)
+        <AutoGrowTextarea aria-label="Note about the capture (optional)" className="mt-1 block min-h-16 w-full rounded-2xl bg-[var(--feed-card)] p-3 text-sm font-normal" onChange={(event) => setNote(event.target.value)} value={note} />
+      </label>
+      <input
+        accept="application/pdf"
+        aria-label="PDF file"
+        className="hidden"
+        data-capture-upload-input
+        onChange={(event) => {
+          const file = event.target.files?.[0];
+          event.target.value = "";
+          if (file) void upload(file);
+        }}
+        ref={input}
+        type="file"
+      />
+      {reason && !busy ? <p className="text-xs text-muted-foreground" data-capture-upload-reason>{reason}</p> : null}
+      {busy ? <p className="inline-flex items-center gap-1.5 text-xs text-muted-foreground" data-capture-upload-status role="status"><Loader2Icon aria-hidden="true" className="size-3.5 animate-spin" />{phase === "uploading" ? "Uploading the PDF…" : "Reading the text from the PDF…"}</p> : null}
+      {phase === "error" ? <p className="text-xs text-destructive" data-capture-upload-error role="alert">{message}</p> : null}
+      <div className="flex gap-2">
+        <button
+          aria-disabled={reason || busy ? true : undefined}
+          className={cn("inline-flex min-h-9 items-center gap-1.5 rounded-full bg-[var(--primary)] px-4 text-sm font-semibold text-[var(--primary-foreground)] outline-none focus-visible:ring-2 focus-visible:ring-ring", (reason || busy) && "opacity-60")}
+          data-capture-upload-choose
+          onClick={() => { if (!reason && !busy) input.current?.click(); }}
+          type="button"
+        >
+          <FileUpIcon aria-hidden="true" className="size-4" />Choose the PDF
+        </button>
+        <button className="inline-flex min-h-9 items-center rounded-full bg-[var(--feed-card)] px-4 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring" disabled={busy} onClick={onCancel} type="button">Cancel</button>
+      </div>
+    </div>
+  );
+}
+
 /** "Paste or correct the text": an editor's own text and verdict on the capture, saved with `correctReferenceCapture`. */
 function CorrectionForm({ capture, onDone }: { capture: CaptureView; onDone: () => void }) {
   const [text, setText] = useState(capture.text ?? "");
@@ -76,21 +158,7 @@ function CorrectionForm({ capture, onDone }: { capture: CaptureView; onDone: ()
           value={text}
         />
       </label>
-      <div aria-label="Was the capture complete?" className="flex flex-wrap gap-2" role="group">
-        {ASSESSMENTS.map((option) => (
-          <button
-            aria-pressed={assessment === option.key}
-            className={cn("inline-flex min-h-9 items-center rounded-full px-3 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring", assessment === option.key ? "bg-[var(--primary)] text-[var(--primary-foreground)]" : "bg-[var(--feed-card)]")}
-            data-capture-assessment={option.key}
-            key={option.key}
-            onClick={() => setAssessment(option.key)}
-            title={option.hint}
-            type="button"
-          >
-            {option.label}
-          </button>
-        ))}
-      </div>
+      <AssessmentChoice onChange={setAssessment} value={assessment} />
       <label className="block text-sm font-medium">
         Note (optional)
         <AutoGrowTextarea aria-label="Note about the capture (optional)" className="mt-1 block min-h-16 w-full rounded-2xl bg-[var(--feed-card)] p-3 text-sm font-normal" onChange={(event) => setNote(event.target.value)} value={note} />
@@ -122,6 +190,7 @@ export function ReferenceCapturePanel({ capture, showSummary = true, startEditin
 }) {
   const [expanded, setExpanded] = useState(false);
   const [editing, setEditing] = useState(startEditing && Boolean(capture.correct));
+  const [uploading, setUploading] = useState(false);
   const [savedNote, setSavedNote] = useState(false);
   const line = captureLine(capture.status);
   const Icon = ICON[line.state];
@@ -144,11 +213,13 @@ export function ReferenceCapturePanel({ capture, showSummary = true, startEditin
       {capture.loading ? <p className="inline-flex items-center gap-1.5 text-xs text-muted-foreground" role="status"><Loader2Icon aria-hidden="true" className="size-3.5 animate-spin" />Reading the stored text…</p> : null}
       {capture.error ? <p className="text-xs text-destructive" role="alert">The stored text could not be read. {capture.error}</p> : null}
       {/* While the editor is open it holds the text, so the read-only copy steps aside: the text is never shown twice. */}
+      {text && capture.fromPdf ? <p className="text-xs font-medium" data-capture-from-pdf>Text from a PDF you uploaded</p> : null}
       {text && !editing ? (
         <div className="space-y-2">
           {/* No scroll box of its own: on a phone a swipe here scrolls the page. "Show all" grows it in place. */}
-          <div className="whitespace-pre-wrap rounded-2xl bg-[var(--feed-control)] p-3 text-sm leading-relaxed" data-capture-text>
-            {expanded || !long ? text : `${text.slice(0, PREVIEW_CHARACTERS)}…`}
+          {/* Captured pages are stored as Markdown: render it (as React elements, never HTML) so headings and lists read as such. */}
+          <div className="rounded-2xl bg-[var(--feed-control)] p-3 text-sm leading-relaxed" data-capture-text>
+            <MarkdownContext className="reference-capture-markdown" text={expanded || !long ? text : `${text.slice(0, PREVIEW_CHARACTERS)}…`} />
           </div>
           {long ? (
             <button className="rounded-full bg-[var(--feed-control)] px-3 py-1.5 text-xs font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring" data-capture-toggle onClick={() => setExpanded((value) => !value)} type="button">
@@ -173,15 +244,24 @@ export function ReferenceCapturePanel({ capture, showSummary = true, startEditin
           ))}
         </dl>
       ) : null}
-      {capture.correct ? (
-        editing ? <CorrectionForm capture={capture} onDone={() => { setEditing(false); setSavedNote(true); }} /> : (
-          <div className="flex flex-wrap items-center gap-2">
-            <button className="inline-flex min-h-9 items-center rounded-full bg-[var(--feed-control)] px-4 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring" data-capture-correct onClick={() => { setSavedNote(false); setEditing(true); }} type="button">
-              Paste or correct the text
-            </button>
-            {savedNote ? <span className="text-xs text-muted-foreground" data-capture-correction-saved role="status">Saved. Your verdict trains the completeness check.</span> : null}
-          </div>
-        )
+      {capture.correct || capture.uploadPdf ? (
+        editing && capture.correct ? <CorrectionForm capture={capture} onDone={() => { setEditing(false); setSavedNote(true); }} />
+          : uploading && capture.uploadPdf ? <PdfUploadForm capture={capture} onCancel={() => setUploading(false)} onDone={() => { setUploading(false); setSavedNote(true); }} />
+          : (
+            <div className="flex flex-wrap items-center gap-2">
+              {capture.correct ? (
+                <button className="inline-flex min-h-9 items-center rounded-full bg-[var(--feed-control)] px-4 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring" data-capture-correct onClick={() => { setSavedNote(false); setEditing(true); }} type="button">
+                  Paste or correct the text
+                </button>
+              ) : null}
+              {capture.uploadPdf ? (
+                <button className="inline-flex min-h-9 items-center gap-1.5 rounded-full bg-[var(--feed-control)] px-4 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring" data-capture-upload onClick={() => { setSavedNote(false); setUploading(true); }} type="button">
+                  <FileUpIcon aria-hidden="true" className="size-4" />Upload a PDF
+                </button>
+              ) : null}
+              {savedNote ? <span className="text-xs text-muted-foreground" data-capture-correction-saved role="status">Saved. Your verdict trains the completeness check.</span> : null}
+            </div>
+          )
       ) : null}
     </section>
   );

package/components/reference-feed.tsx

@@ -81,6 +81,10 @@ export type ReferenceFeedProps = {
 };
 
 /** Columns follow the width the feed has (a container query, not the screen), so they stay put while a detail pane holds its place beside it. */
+/** A selected card: a thick ring drawn outside it on every side (a box-shadow, so it takes no layout space and covers nothing inside
+ *  the card). The grid's gap leaves room for it between cards. The fallback keeps the ring if a theme has no --primary. */
+export const SELECTED_RING = { boxShadow: "0 0 0 4px var(--primary, currentColor)" } as const;
+
 export const FEED_GRID = "grid grid-cols-[repeat(auto-fill,minmax(17rem,1fr))] gap-5";
 const GRID = FEED_GRID;
 /** The lead spans two columns only where there are at least two to span (two 17rem columns and the gap). */
@@ -115,7 +119,7 @@ function hueOf(name: string): number {
   return Math.abs(hash) % 360;
 }
 
-/** A small mark for a source: its own favicon on a light tile when it loads, else its first letter. */
+/** A small mark for a source: its own icon (found on the server, see lib/source-icon.ts) on a light tile when there is one, else its first letter. */
 export function SourceMark({ host, size = "sm" }: { host: string | null; size?: "sm" | "lg" }) {
   const [failed, setFailed] = useState(false);
   const box = size === "lg" ? "size-16 rounded-2xl text-3xl" : "size-5 rounded-md text-[0.65rem]";
@@ -124,7 +128,7 @@ export function SourceMark({ host, size = "sm" }: { host: string | null; size?:
     <span aria-hidden="true" className={cn("inline-flex shrink-0 items-center justify-center overflow-hidden bg-white font-bold uppercase text-neutral-700", box)} data-feed-source-mark>
       {host && !failed ? (
         // eslint-disable-next-line @next/next/no-img-element
-        <img alt="" className={size === "lg" ? "size-10 object-contain" : "size-3.5 object-contain"} loading="lazy" onError={() => setFailed(true)} referrerPolicy="no-referrer" src={`https://${host}/favicon.ico`} />
+        <img alt="" className={size === "lg" ? "size-10 object-contain" : "size-3.5 object-contain"} loading="lazy" onError={() => setFailed(true)} src={`/api/newsroom/source-icon?host=${encodeURIComponent(host)}`} />
       ) : letter}
     </span>
   );
@@ -254,17 +258,17 @@ export function FeedCard({
       aria-current={selected ? "true" : undefined}
       className={cn(
         "relative flex flex-col overflow-hidden rounded-[20px] text-card-foreground transition-[background-color,box-shadow] duration-200",
-        selected ? "bg-[var(--feed-control)] shadow-xl" : "bg-[var(--feed-card)]",
+        selected ? "bg-[var(--feed-control)]" : "bg-[var(--feed-card)]",
         lead && LEAD_SPAN,
       )}
       data-feed-card={item.lineageId}
       data-feed-lead={lead || undefined}
       data-feed-rated={answer ?? undefined}
       data-feed-selected={selected || undefined}
+      style={selected ? SELECTED_RING : undefined}
       data-feed-visit-rated={visitRated || undefined}
       data-newsroom-card-id={item.lineageId}
     >
-      {selected ? <span aria-hidden="true" className="absolute inset-y-0 left-0 z-10 w-1.5 bg-[var(--primary)]" data-feed-selected-bar /> : null}
       <button
         aria-label={`Open: ${title}`}
         className="flex flex-1 flex-col text-left outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"