@anthusai/papyrus 5.50.0 → 5.51.0

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-panel.tsx

@@ -6,6 +6,7 @@ import { captureLine, type CaptureAssessment, type CaptureState, type CaptureSta
 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. */
@@ -147,8 +148,9 @@ export function ReferenceCapturePanel({ capture, showSummary = true, startEditin
       {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">

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"

package/components/topic-steering-workspace.tsx

@@ -103,7 +103,8 @@ import { NewsroomCurationBootstrap } from "./newsroom-curation-bootstrap";
 import { NewsroomReferencesView } from "./newsroom-references-view";
 import { NewsroomAssignmentsView } from "./newsroom-assignments-view";
 import { NewsroomTopicsView } from "./newsroom-topics-view";
-import { NewsroomOpsSearchButton, NewsroomOpsSectionIntro, NewsroomOpsShell, NewsroomOpsStatusBanner, type NewsroomNavCount } from "./newsroom-ops-shell";
+import { MarkdownContext } from "./markdown-context";
+import { NewsroomOpsSectionIntro, NewsroomOpsShell, NewsroomOpsStatusBanner, type NewsroomNavCount } from "./newsroom-ops-shell";
 import { Button, buttonVariants } from "./ui/button";
 import { Badge } from "./ui/badge";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs";
@@ -3060,14 +3061,8 @@ function NewsDeskDashboard({
             {dashboard.isDemo ? (
               dashboard.realDataPreview ? null : <Badge variant="outline">Demo</Badge>
             ) : (
-              <Link className={cn(buttonVariants({ variant: "ghost", size: "sm" }))} href="/settings">Settings</Link>
+              <Link className={cn(buttonVariants({ variant: "ghost", size: "sm" }), "organizer-header-settings")} href="/settings">Settings</Link>
             )}
-            {canEdit && editorShellReady && !dashboard.isDemo ? (
-              <NewsroomOpsSearchButton
-                disabled={false}
-                onPress={activeTab === "search" ? focusNewsroomSearchForm : topBarSearchControl.open}
-              />
-            ) : null}
             <NewsroomConsoleProgressToggle />
           </>
         )}
@@ -9861,415 +9856,6 @@ function SearchDeskView({
   );
 }
 
-function MarkdownContext({ className, text }: { className?: string; text: string }) {
-  const blocks = useMemo(() => parseMarkdownBlocks(normalizeMarkdownForRendering(text)), [text]);
-  return (
-    <div className={className ? `news-desk-markdown-context ${className}` : "news-desk-markdown-context"}>
-      {blocks.map((block, index) => renderMarkdownBlock(block, index))}
-    </div>
-  );
-}
-
-type MarkdownBlock =
-  | { type: "code"; text: string }
-  | { type: "heading"; depth: number; text: string }
-  | { type: "list"; items: string[]; ordered: boolean }
-  | { type: "table"; headers: string[]; rows: string[][] }
-  | { type: "paragraph"; text: string };
-
-function normalizeMarkdownForRendering(text: string): string {
-  const trimmed = text.trim();
-  const fencedMarkdown = /^```(?:markdown|md|mdx)?\s*\n([\s\S]*?)\n```$/i.exec(trimmed);
-  const unwrapped = fencedMarkdown ? (fencedMarkdown[1] ?? "") : text;
-  return normalizeMultilineMarkdownLinks(unwrapped);
-}
-
-function parseMarkdownBlocks(text: string): MarkdownBlock[] {
-  const blocks: MarkdownBlock[] = [];
-  const lines = text.split(/\r?\n/);
-  let paragraph: string[] = [];
-  let list: string[] = [];
-  let listOrdered = false;
-  let code: string[] = [];
-  let inCode = false;
-  const flushParagraph = () => {
-    if (paragraph.length) {
-      blocks.push({ type: "paragraph", text: paragraph.join(" ").trim() });
-      paragraph = [];
-    }
-  };
-  const flushList = () => {
-    if (list.length) {
-      blocks.push({ type: "list", items: list, ordered: listOrdered });
-      list = [];
-      listOrdered = false;
-    }
-  };
-  for (let lineIndex = 0; lineIndex < lines.length; lineIndex += 1) {
-    const line = lines[lineIndex];
-    if (line.trim().startsWith("```")) {
-      if (inCode) {
-        blocks.push({ type: "code", text: code.join("\n") });
-        code = [];
-        inCode = false;
-      } else {
-        flushParagraph();
-        flushList();
-        inCode = true;
-      }
-      continue;
-    }
-    if (inCode) {
-      code.push(line);
-      continue;
-    }
-    const trimmed = line.trim();
-    if (!trimmed) {
-      flushParagraph();
-      flushList();
-      continue;
-    }
-    if (
-      lineIndex + 1 < lines.length
-      && looksLikeMarkdownTableHeaderLine(line)
-      && isMarkdownTableDividerLine(lines[lineIndex + 1] ?? "")
-    ) {
-      flushParagraph();
-      flushList();
-      const headerCells = splitMarkdownTableCells(line);
-      const dividerCells = splitMarkdownTableCells(lines[lineIndex + 1] ?? "");
-      const columnCount = Math.max(headerCells.length, dividerCells.length, 1);
-      const headers = normalizeMarkdownTableCells(headerCells, columnCount);
-      const rows: string[][] = [];
-      lineIndex += 2;
-      while (lineIndex < lines.length) {
-        const rowLine = lines[lineIndex] ?? "";
-        if (!looksLikeMarkdownTableRowLine(rowLine)) {
-          lineIndex -= 1;
-          break;
-        }
-        rows.push(normalizeMarkdownTableCells(splitMarkdownTableCells(rowLine), columnCount));
-        lineIndex += 1;
-      }
-      if (lineIndex >= lines.length) lineIndex -= 1;
-      blocks.push({ type: "table", headers, rows });
-      continue;
-    }
-    const heading = /^(#{1,4})\s+(.+)$/.exec(trimmed);
-    if (heading) {
-      flushParagraph();
-      flushList();
-      blocks.push({ type: "heading", depth: heading[1].length, text: heading[2].trim() });
-      continue;
-    }
-    const bullet = /^(?:([-*+])\s+|(\d+)[.)]\s+)(.+)$/.exec(trimmed);
-    if (bullet) {
-      flushParagraph();
-      const ordered = Boolean(bullet[2]);
-      if (list.length && listOrdered !== ordered) flushList();
-      listOrdered = ordered;
-      list.push((bullet[3] ?? "").trim());
-      continue;
-    }
-    flushList();
-    paragraph.push(trimmed);
-  }
-  flushParagraph();
-  flushList();
-  if (code.length) blocks.push({ type: "code", text: code.join("\n") });
-  return blocks;
-}
-
-function renderMarkdownBlock(block: MarkdownBlock, index: number): ReactNode {
-  const key = `${block.type}-${index}`;
-  if (block.type === "code") return <pre className="news-desk-analysis-command" key={key}>{block.text}</pre>;
-  if (block.type === "list") {
-    const ListTag = block.ordered ? "ol" : "ul";
-    return (
-      <ListTag key={key}>
-        {block.items.map((item, itemIndex) => <li key={`${key}-${itemIndex}`}>{renderInlineMarkdown(item)}</li>)}
-      </ListTag>
-    );
-  }
-  if (block.type === "heading") {
-    if (block.depth <= 1) return <h3 key={key}>{block.text}</h3>;
-    if (block.depth === 2) return <h4 key={key}>{block.text}</h4>;
-    return <h5 key={key}>{block.text}</h5>;
-  }
-  if (block.type === "table") {
-    return (
-      <table key={key}>
-        <thead>
-          <tr>
-            {block.headers.map((header, headerIndex) => (
-              <th key={`${key}-head-${headerIndex}`} scope="col">{renderInlineMarkdown(header)}</th>
-            ))}
-          </tr>
-        </thead>
-        {block.rows.length ? (
-          <tbody>
-            {block.rows.map((row, rowIndex) => (
-              <tr key={`${key}-row-${rowIndex}`}>
-                {row.map((cell, cellIndex) => (
-                  <td key={`${key}-row-${rowIndex}-cell-${cellIndex}`}>{renderInlineMarkdown(cell)}</td>
-                ))}
-              </tr>
-            ))}
-          </tbody>
-        ) : null}
-      </table>
-    );
-  }
-  return <p key={key}>{renderInlineMarkdown(block.text)}</p>;
-}
-
-function renderInlineMarkdown(text: string): ReactNode[] {
-  const nodes: ReactNode[] = [];
-  let index = 0;
-  let plain = "";
-  const flushPlain = () => {
-    if (!plain) return;
-    nodes.push(plain);
-    plain = "";
-  };
-
-  while (index < text.length) {
-    const linkLike = parseMarkdownLinkLikeAt(text, index);
-    if (linkLike) {
-      flushPlain();
-      if (!linkLike.image) {
-        const href = normalizeInlineMarkdownHref(linkLike.hrefRaw);
-        const label = collapseMarkdownLinkLabel(linkLike.label);
-        if (href) {
-          nodes.push(
-            <a href={href} key={`${index}-link`} rel="noopener noreferrer" target="_blank">
-              {renderInlineMarkdown(label)}
-            </a>,
-          );
-        } else {
-          nodes.push(linkLike.raw);
-        }
-      }
-      index += linkLike.length;
-      continue;
-    }
-
-    if (text.startsWith("**", index) || text.startsWith("__", index)) {
-      const marker = text.slice(index, index + 2);
-      const end = text.indexOf(marker, index + 2);
-      if (end > index + 2) {
-        flushPlain();
-        nodes.push(<strong key={`${index}-strong`}>{renderInlineMarkdown(text.slice(index + 2, end))}</strong>);
-        index = end + 2;
-        continue;
-      }
-    }
-
-    if (text.startsWith("~~", index)) {
-      const end = text.indexOf("~~", index + 2);
-      if (end > index + 2) {
-        flushPlain();
-        nodes.push(<del key={`${index}-strike`}>{renderInlineMarkdown(text.slice(index + 2, end))}</del>);
-        index = end + 2;
-        continue;
-      }
-    }
-
-    if (text[index] === "*" || text[index] === "_") {
-      const marker = text[index];
-      const end = text.indexOf(marker, index + 1);
-      if (end > index + 1) {
-        flushPlain();
-        nodes.push(<em key={`${index}-em`}>{renderInlineMarkdown(text.slice(index + 1, end))}</em>);
-        index = end + 1;
-        continue;
-      }
-    }
-
-    if (text[index] === "`") {
-      const end = text.indexOf("`", index + 1);
-      if (end > index + 1) {
-        flushPlain();
-        nodes.push(<code key={`${index}-code`}>{text.slice(index + 1, end)}</code>);
-        index = end + 1;
-        continue;
-      }
-    }
-
-    const autolinkMatch = /^(<https?:\/\/[^>\s]+>|https?:\/\/[^\s<]+)/.exec(text.slice(index));
-    if (autolinkMatch) {
-      flushPlain();
-      const token = autolinkMatch[1];
-      const href = normalizeInlineMarkdownHref(token);
-      if (href) {
-        nodes.push(
-          <a href={href} key={`${index}-autolink`} rel="noopener noreferrer" target="_blank">
-            {href}
-          </a>,
-        );
-      } else {
-        nodes.push(token);
-      }
-      index += token.length;
-      continue;
-    }
-
-    plain += text[index];
-    index += 1;
-  }
-
-  flushPlain();
-  return nodes;
-}
-
-function normalizeInlineMarkdownHref(rawHref: string): string | null {
-  const href = extractMarkdownHrefDestination(rawHref);
-  if (!href) return null;
-  if (/^(https?:\/\/|mailto:)/i.test(href)) return href;
-  return null;
-}
-
-function normalizeMultilineMarkdownLinks(text: string): string {
-  let normalized = "";
-  let index = 0;
-  while (index < text.length) {
-    const linkLike = parseMarkdownLinkLikeAt(text, index);
-    if (!linkLike || linkLike.image || !linkLike.raw.includes("\n")) {
-      normalized += text[index];
-      index += 1;
-      continue;
-    }
-    const href = extractMarkdownHrefDestination(linkLike.hrefRaw);
-    const label = collapseMarkdownLinkLabel(linkLike.label);
-    if (!href || !label) {
-      normalized += linkLike.raw;
-      index += linkLike.length;
-      continue;
-    }
-    normalized += `[${label}](${href})`;
-    index += linkLike.length;
-  }
-  return normalized;
-}
-
-function collapseMarkdownLinkLabel(label: string): string {
-  const withoutImages = label.replace(/!\[[^\]]*\]\((?:[^)(]|\([^)(]*\))*\)/g, " ");
-  return withoutImages
-    .replace(/\r?\n+/g, " ")
-    .replace(/(^|\s)#{1,6}\s+/g, "$1")
-    .replace(/\s+/g, " ")
-    .trim();
-}
-
-function extractMarkdownHrefDestination(rawHref: string): string {
-  const trimmed = rawHref.trim();
-  if (!trimmed) return "";
-  if (trimmed.startsWith("<")) {
-    const closing = trimmed.indexOf(">");
-    if (closing > 1) return trimmed.slice(1, closing).trim();
-  }
-  const match = /^(\S+)/.exec(trimmed);
-  return match?.[1]?.trim() ?? "";
-}
-
-function parseMarkdownLinkLikeAt(
-  source: string,
-  startIndex: number,
-): { hrefRaw: string; image: boolean; label: string; length: number; raw: string } | null {
-  const image = source.startsWith("![", startIndex);
-  const link = source[startIndex] === "[";
-  if (!image && !link) return null;
-  const labelStart = startIndex + (image ? 2 : 1);
-  const labelEnd = findMatchingBracketIndex(source, labelStart, "[", "]");
-  if (labelEnd < 0) return null;
-  let next = labelEnd + 1;
-  while (next < source.length && /\s/.test(source[next])) next += 1;
-  if (source[next] !== "(") return null;
-  const hrefStart = next + 1;
-  const hrefEnd = findMatchingBracketIndex(source, hrefStart, "(", ")");
-  if (hrefEnd < 0) return null;
-  const raw = source.slice(startIndex, hrefEnd + 1);
-  return {
-    image,
-    label: source.slice(labelStart, labelEnd),
-    hrefRaw: source.slice(hrefStart, hrefEnd),
-    length: raw.length,
-    raw,
-  };
-}
-
-function findMatchingBracketIndex(source: string, contentStart: number, open: string, close: string): number {
-  let depth = 1;
-  for (let index = contentStart; index < source.length; index += 1) {
-    const ch = source[index];
-    if (ch === "\\") {
-      index += 1;
-      continue;
-    }
-    if (ch === open) {
-      depth += 1;
-      continue;
-    }
-    if (ch !== close) continue;
-    depth -= 1;
-    if (depth === 0) return index;
-  }
-  return -1;
-}
-
-function looksLikeMarkdownTableHeaderLine(line: string): boolean {
-  return /\|/.test(line.trim());
-}
-
-function looksLikeMarkdownTableRowLine(line: string): boolean {
-  const trimmed = line.trim();
-  if (!trimmed) return false;
-  if (!/\|/.test(trimmed)) return false;
-  if (isMarkdownTableDividerLine(trimmed)) return false;
-  return true;
-}
-
-function isMarkdownTableDividerLine(line: string): boolean {
-  const cells = splitMarkdownTableCells(line);
-  if (!cells.length) return false;
-  return cells.every((cell) => /^:?-{3,}:?$/.test(cell.trim()));
-}
-
-function splitMarkdownTableCells(line: string): string[] {
-  const trimmed = line.trim().replace(/^\|/, "").replace(/\|$/, "");
-  if (!trimmed) return [];
-  const cells: string[] = [];
-  let current = "";
-  let escaping = false;
-  for (let index = 0; index < trimmed.length; index += 1) {
-    const ch = trimmed[index];
-    if (escaping) {
-      current += ch;
-      escaping = false;
-      continue;
-    }
-    if (ch === "\\") {
-      escaping = true;
-      current += ch;
-      continue;
-    }
-    if (ch === "|") {
-      cells.push(current.trim());
-      current = "";
-      continue;
-    }
-    current += ch;
-  }
-  cells.push(current.trim());
-  return cells;
-}
-
-function normalizeMarkdownTableCells(cells: string[], columnCount: number): string[] {
-  const normalized = cells.slice(0, columnCount);
-  while (normalized.length < columnCount) normalized.push("");
-  return normalized;
-}
-
 function PayloadDetailBlock({
   fallback,
   hideLabel = false,
@@ -14571,17 +14157,6 @@ function buildNewsroomSearchHref(request: NewsroomSearchRequest, demo?: boolean)
   return toPublicNewsroomPath(queryString ? `/newsroom/search?${queryString}` : "/newsroom/search");
 }
 
-function focusNewsroomSearchForm() {
-  if (typeof window === "undefined") return;
-  const input = document.getElementById("newsroom-search-query");
-  if (input instanceof HTMLElement) {
-    input.focus();
-    input.scrollIntoView({ behavior: "smooth", block: "center" });
-    return;
-  }
-  window.dispatchEvent(new CustomEvent("papyrus:newsroom-search-focus"));
-}
-
 function resolveCurrentRouteAnchor(activeTab: NewsDeskTab): KnowledgeQueryAnchor | null {
   if (typeof window === "undefined") return null;
   const url = new URL(window.location.href);

package/lib/newsroom-index-filters.ts

@@ -167,3 +167,21 @@ export function parseAssignmentIdFromNewsroomPathname(pathname: string | null |
     return segment;
   }
 }
+
+/** The Notification Center's deep link to one item: `/newsroom/needs-me/<id>` (public `/needs-me/<id>` on a root-path newsroom). */
+export function buildNeedsMeItemPath(itemId: string): string {
+  return toPublicNewsroomPath(`/newsroom/needs-me/${encodeURIComponent(itemId)}`);
+}
+
+/** Item id from `/newsroom/needs-me/<id>`, else null. */
+export function parseNeedsMeItemIdFromNewsroomPathname(pathname: string | null | undefined): string | null {
+  const internalPathname = pathname ? browserPathToInternalNewsroomPath(pathname) : null;
+  if (!internalPathname?.startsWith("/newsroom/needs-me/")) return null;
+  const segment = internalPathname.slice("/newsroom/needs-me/".length).split("/")[0]?.trim() ?? "";
+  if (!segment) return null;
+  try {
+    return decodeURIComponent(segment);
+  } catch {
+    return segment;
+  }
+}

package/lib/newsroom-references.ts

@@ -96,7 +96,31 @@ export function formatReferenceListDate(reference: ReferenceRecord): string {
 }
 
 export function referenceDisplayTitle(reference: ReferenceRecord): string {
-  return reference.title?.trim() || reference.externalItemId;
+  const title = reference.title?.trim();
+  if (!title) return reference.externalItemId;
+  let host: string | null = null;
+  try { host = reference.sourceUri ? new URL(reference.sourceUri).hostname : null; } catch { host = null; }
+  return withoutSiteName(title, host);
+}
+
+const TITLE_SEPARATORS = [" | ", " – ", " — ", " - "] as const;
+
+/**
+ * A page title without the site's name tacked on: "Auditing employment algorithms | Brookings" reads "Auditing employment
+ * algorithms". Only a last segment that names the site (its host's name, such as "brookings" in brookings.edu) is dropped,
+ * and with a pipe, which sites use for furniture, the section names before it go too ("… | Poverty and Development | Al Jazeera").
+ */
+export function withoutSiteName(title: string, host: string | null): string {
+  const label = (host ?? "").toLowerCase().replace(/^www\./, "").split(".").slice(0, -1).filter((part) => part.length >= 4).at(-1);
+  if (!label) return title;
+  const plain = (text: string) => text.toLowerCase().replace(/[^a-z0-9]/g, "");
+  // The separator whose last segment is shortest wins, so "… groups – report - Amnesty International" keeps "– report".
+  const match = TITLE_SEPARATORS.map((separator) => ({ separator, parts: title.split(separator) }))
+    .filter(({ parts }) => parts.length > 1 && plain(parts.at(-1)!).includes(label))
+    .sort((left, right) => left.parts.at(-1)!.length - right.parts.at(-1)!.length)[0];
+  if (!match) return title;
+  const kept = match.separator === " | " ? match.parts[0] : match.parts.slice(0, -1).join(match.separator);
+  return kept.trim() || title;
 }
 
 export function referenceStatusLabel(status: string): string {

package/lib/reference-capture.ts

@@ -196,8 +196,9 @@ export function captureStatus(attachments: readonly ReferenceAttachmentRecord[],
     const flags = completenessFlags(card.editedSignals ?? card.signals);
     const thin = words !== null && words < teaserLine;
     const edited = Boolean(card.current?.textSortKey?.startsWith("curation-edit"));
-    // A complete text an editor vouched for is not second-guessed by the signals.
-    const doubtful = !edited && assessment !== "complete" && flags.length > 0 && !thin ? flags.some((flag) => /ends with|stops|no longer|not free|cut|declares/.test(flag)) : false;
+    // A complete text an editor vouched for is not second-guessed by the signals. A long text that merely ends without a full stop
+    // (a byline, a footnote, a list) is listed as a fact but is not on its own a reason to ask for a capture check.
+    const doubtful = !edited && assessment !== "complete" && flags.length > 0 && !thin ? flags.some((flag) => /ends with|stops with|no longer|not free|cut|declares/.test(flag)) : false;
     return { state: thin || doubtful ? "thin" : "full", words, estimated: false, source: "curation", curation: card.status, reason: null, flags, assessment, summaryStale, ...(thin ? { thinBy: "length" as const } : doubtful ? { thinBy: "signals" as const } : {}) };
   }
   if (primaryTextAttachment(attachments)) {