@anthusai/papyrus 5.58.0 → 5.60.0

package/components/newsroom-organizer.css

@@ -54,7 +54,16 @@ body:has(.newsroom-organizer)>[data-staging-banner]{flex-shrink:0}
 .organizer-board-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-width:0;min-height:0;gap:16px}
 .organizer-board-body[data-detail-open=true]{grid-template-columns:minmax(0,1fr) clamp(320px,34vw,1000px)}
 .organizer-board-body>.kb-issue-collection{height:100%;min-height:0;overflow:auto}
-.organizer-board-body>.kb-issue-detail{overflow:auto;min-height:0}
+/* The detail view is a solid surface from its first frame: the theme's panel token (opaque), with the card token as a fallback if
+   a theme has not defined it yet, and never any opacity animation, so the board never shows through it while it loads. */
+.organizer-board-body>.kb-issue-detail{overflow:auto;min-height:0;position:relative;z-index:2;opacity:1;background-color:var(--kb-theme-panel,var(--card,Canvas));isolation:isolate}
+/* One stable shape while an article loads and after: the preview card (and its skeleton) reserve the same height, so the page below it does not move. */
+.newsroom-embedded-article :is([data-newsroom-article-preview],[data-skeleton-preview]){min-height:min(28rem,55dvh)}
+/* The loading skeleton is the loaded editor's size block for block: the toolbar wraps onto more rows as the panel narrows (a container query,
+   because the panel's width, not the window's, decides), and the three fields stack when it is narrow. */
+[data-skeleton-toolbar]{height:44px}[data-skeleton-fields]{height:76px}[data-skeleton-preview]{height:min(28rem,55dvh)}
+@container (max-width:719px){[data-skeleton-toolbar]{height:80px}}
+@container (max-width:399px){[data-skeleton-toolbar]{height:116px}[data-skeleton-fields]{height:208px}}
 .organizer-board-body .kb-issue-detail a:not(.organizer-header-button){display:block;min-height:44px;text-decoration:underline;padding:12px 0}
 .organizer-menu{height:min(85dvh,760px);max-height:85dvh;display:flex;flex-direction:column;padding:16px;border-radius:24px 24px 0 0;gap:20px}
 .organizer-menu .organizer-destinations{overflow-y:auto}.organizer-menu .organizer-destinations section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.organizer-menu .organizer-destinations h3{grid-column:1/-1;font-size:12px;text-transform:none;margin:0 0 4px}

package/components/newsroom-references-view.tsx

@@ -1,10 +1,11 @@
 "use client";
 
+import { DETAIL_PANE_WIDTH, LIST_HIDDEN_WHEN_DETAIL_OPEN } from "./list-detail-layout";
 import type { PrimingPanelProps } from "cyclotron/components/priming-panel";
 import { ReferenceAddEntry } from "./reference-add-entry";
 import { ReferenceCurationControls, useReferenceImport } from "./reference-curation-controls";
 
-import { ExternalLinkIcon, LayoutGridIcon, ListIcon, PlusIcon } from "lucide-react";
+import { ArrowLeftIcon, ExternalLinkIcon, LayoutGridIcon, ListIcon, PlusIcon } from "lucide-react";
 import { usePathname } from "next/navigation";
 import { useCallback, useEffect, useMemo, useRef, useState, type MutableRefObject } from "react";
 import { Badge } from "./ui/badge";
@@ -13,10 +14,6 @@ import { Card, CardDescription, CardHeader, CardTitle } from "./ui/card";
 import { ScrollArea } from "./ui/scroll-area";
 import { Separator } from "./ui/separator";
 import {
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
 } from "./ui/sheet";
 import { Tabs, TabsList, TabsTrigger } from "./ui/tabs";
 import type { ReferenceAttachmentRecord, ReferenceRecord } from "../lib/category-repository";
@@ -45,21 +42,19 @@ import { newsroomListRowClassName } from "../lib/newsroom-list-selection";
 import { ReferenceSourcePreview } from "./reference-source-preview";
 import { ReferenceStories } from "./reference-stories";
 import { useReferencePreviewAttachments } from "./use-reference-preview-attachments";
-import { useMediaQuery } from "./use-media-query";
 import { FEED_SURFACE_PROPS, FEED_SURFACE_STYLE, ReferenceFeed } from "./reference-feed";
+import { useFeedPreferences } from "./use-feed-preferences";
 import { ReferenceCapturePanel } from "./reference-capture-panel";
 import { useReferenceCapture, type CorrectCaptureAction } from "./reference-capture-client";
 import { useRatingStore, type RatingController } from "./use-reference-ratings";
 import { ReferenceConversation } from "./reference-conversation";
 import { useReferenceMessageCounts } from "./use-conversation";
 import { captureStatusesByLineage } from "../lib/reference-capture";
-import { applyFeedOrderSnapshot, partitionReferenceFeed, takeFeedOrderSnapshot, type FeedOrderSnapshot, type ReferenceFeedTabKey } from "../lib/reference-feed-ranking";
+import { applyFeedOrderSnapshot, buildFeedItems, feedLeadId, takeFeedOrderSnapshot, visibleFeedItems, type FeedOrderSnapshot } from "../lib/reference-feed-ranking";
 import { referenceDek, referencePreviewsByLineage, type ReferencePreview } from "../lib/reference-preview";
 import { isLocalPreviewEnabled } from "../lib/local-preview";
 import { chooseSyntheticRejects, withSyntheticRejects } from "../lib/local-preview-synthetic-rejects";
 import { cn } from "../lib/utils";
-import { getKanbusTheme, SITE_BRAND } from "../lib/site-brand";
-import { useResolvedPapyrusTheme } from "./use-resolved-papyrus-theme";
 import {
   ReviewCard,
   predictionFromDecision,
@@ -405,12 +400,8 @@ export function NewsroomReferencesView({
   savedCopy = null,
 }: NewsroomReferencesViewProps) {
   const pathname = usePathname();
-  // The portaled mobile sheet sits outside the newsroom root, so it carries the theme attributes itself (same as useNewsroomThemeAttributes).
-  const themeMode = useResolvedPapyrusTheme();
-  const themeAttributes = { "data-kanbus-theme": getKanbusTheme(SITE_BRAND), "data-color-mode": themeMode };
   const sessionImport = useReferenceImport(disabled);
   const [importedCount, setImportedCount] = useState(0);
-  const isMobileDetail = useMediaQuery("(max-width: 767px)");
   const pathnameLineageId = useMemo(
     () => parseReferenceLineageIdFromNewsroomPathname(pathname),
     [pathname],
@@ -449,20 +440,13 @@ export function NewsroomReferencesView({
   }, [referenceAttachments, savedCopy, showingSavedCopy]);
   const [view, setView] = useState<ReferenceView>("feed");
   const [addOpen, setAddOpen] = useState(false);
-  const [feedTab, setFeedTab] = useState<ReferenceFeedTabKey>("feed");
+  const { sort: feedSort, setSort: setFeedSort, show: feedShow, setShow: setFeedShow } = useFeedPreferences();
   const { counts: messageCounts, setCount: setMessageCount } = useReferenceMessageCounts(!loading);
   const [visitRated, setVisitRated] = useState<ReadonlySet<string>>(() => new Set());
   const [mountedAt] = useState(() => Date.now());
   const markVisitRated = useCallback((lineageId: string) => {
     setVisitRated((current) => (current.has(lineageId) ? current : new Set(current).add(lineageId)));
   }, []);
-  // Preview only: ?feedTau=<days> stands in for the learned freshness period, to review the Earlier section on a young corpus.
-  const tauDaysOverride = useMemo(() => {
-    if (typeof window === "undefined" || !isLocalPreviewEnabled()) return null;
-    const requested = Number(new URLSearchParams(window.location.search).get("feedTau"));
-    return Number.isFinite(requested) && requested > 0 ? requested : null;
-  }, []);
-
   // Preview only: ?feedState=loading holds the page in its loading state, to review the card skeletons.
   const previewSkeleton = useMemo(
     () => typeof window !== "undefined" && isLocalPreviewEnabled() && new URLSearchParams(window.location.search).get("feedState") === "loading",
@@ -470,24 +454,24 @@ export function NewsroomReferencesView({
   );
 
   const canonicalReferences = useMemo(() => selectCanonicalReferenceRecords(references), [references]);
-  const livePartition = useMemo(
-    () => partitionReferenceFeed(canonicalReferences, decisions, { now: mountedAt, visitRated, tauDaysOverride }),
-    [canonicalReferences, decisions, mountedAt, tauDaysOverride, visitRated],
-  );
+  const liveItems = useMemo(() => buildFeedItems(canonicalReferences, decisions), [canonicalReferences, decisions]);
   // The feed's order is taken ONCE per visit, when the feed has loaded (References and predictions), and then left alone. Selecting an
   // item, rating one, a background refresh or a cache revalidation changes cards' content, never their places. Items that arrive later
-  // wait behind a "N new items: show" pill. (The Rated tab is a live list: it is the one place a new answer is meant to appear.)
+  // wait behind a "N new items: show" pill. The same holds for both sorts and for Include rated.
   const orderSnapshot = useRef<FeedOrderSnapshot | null>(null);
   const [, bumpOrder] = useState(0);
   const orderReady = !loading && !showingSavedCopy && !previewSkeleton && predictionState !== "loading" && canonicalReferences.length > 0;
-  if (!orderSnapshot.current && orderReady) orderSnapshot.current = takeFeedOrderSnapshot(livePartition);
-  const stable = orderSnapshot.current ? applyFeedOrderSnapshot(orderSnapshot.current, livePartition) : null;
-  const partition = stable?.partition ?? livePartition;
-  const showNewItems = () => { orderSnapshot.current = takeFeedOrderSnapshot(livePartition); bumpOrder((count) => count + 1); };
+  if (!orderSnapshot.current && orderReady) orderSnapshot.current = takeFeedOrderSnapshot(liveItems);
+  const stable = orderSnapshot.current ? applyFeedOrderSnapshot(orderSnapshot.current, liveItems, feedSort, feedShow) : null;
+  const liveVisible = useMemo(() => visibleFeedItems(liveItems, feedSort, feedShow, visitRated), [liveItems, feedSort, feedShow, visitRated]);
+  const feedItems = stable?.items ?? liveVisible;
+  const feedLead = stable ? stable.leadId : feedLeadId(feedItems);
+  const ratedCount = useMemo(() => liveItems.filter((item) => item.rated).length, [liveItems]);
+  const showNewItems = () => { orderSnapshot.current = takeFeedOrderSnapshot(liveItems); bumpOrder((count) => count + 1); };
   const [scrollTarget, setScrollTarget] = useState<{ id: string; nonce: number } | null>(null);
   const feedOrderIds = useMemo(
-    () => (feedTab === "feed" ? [...partition.feed, ...partition.earlier] : feedTab === "rated" ? partition.rated : partition.earlier).map((item) => item.lineageId),
-    [feedTab, partition],
+    () => feedItems.map((item) => item.lineageId),
+    [feedItems],
   );
   const statusCounts = useMemo(() => countReferencesByStatus(canonicalReferences), [canonicalReferences]);
 
@@ -498,7 +482,6 @@ export function NewsroomReferencesView({
   );
   const filters = decisions?.size ? [NEEDS_REVIEW_FILTER, ...STATUS_FILTERS] : STATUS_FILTERS;
   const [selectedLineageId, setSelectedLineageId] = useState(routeLineageId);
-  const [mobileDetailOpen, setMobileDetailOpen] = useState(Boolean(routeLineageId) && isMobileDetail);
 
   const filteredReferences = useMemo(
     () => statusFilter === "needs_review"
@@ -551,18 +534,11 @@ export function NewsroomReferencesView({
 
   useEffect(() => {
     setSelectedLineageId(routeLineageId);
-    if (isMobileDetail) setMobileDetailOpen(Boolean(routeLineageId));
-  }, [isMobileDetail, routeLineageId]);
-
-  useEffect(() => {
-    if (isMobileDetail) return;
-    setMobileDetailOpen(false);
-  }, [isMobileDetail]);
+  }, [routeLineageId]);
 
   const selectReference = (lineageId: string) => {
     setCaughtUp(false);
     setSelectedLineageId(lineageId);
-    if (isMobileDetail) setMobileDetailOpen(true);
     if (typeof window !== "undefined") {
       const nextPath = buildReferenceDetailPath(lineageId, demo);
       if (`${window.location.pathname}${window.location.search}` !== nextPath) {
@@ -587,7 +563,6 @@ export function NewsroomReferencesView({
 
   const closeDetail = () => {
     setCaughtUp(false);
-    setMobileDetailOpen(false);
     setSelectedLineageId("");
     if (typeof window !== "undefined") {
       const indexPath = getNewsroomNavHref("/newsroom/references", demo);
@@ -667,17 +642,20 @@ export function NewsroomReferencesView({
     ? "No references match this filter."
     : "No private references imported yet.";
 
-  // The grid must not move when a detail opens, so in the feed the detail pane's place is reserved all the time (from the md breakpoint
-  // up): opening it changes nothing, and the grid's column count follows the width it has beside that place, never the selection. Below
-  // md the detail is a sheet over the grid. There is no overlay mode: an overlay would hide the cards Previous / Next scrolls to.
+  // Two layouts, chosen by the viewport, never by the selection. From the `lg` breakpoint (1024px, an iPad in landscape) the detail is a
+  // pane to the right of the feed, and the grid's column count follows the width it has beside that pane. Below it (phones and a tablet in
+  // portrait) there is one column: the feed, or, once a reference is open, its detail in the feed's place at the full width with a Back
+  // control. There is no overlay: an overlay would hide the cards Previous / Next scrolls to.
+  const detailOpen = Boolean(selectedReference) || caughtUp;
 
   return (
     <div
-      className="flex min-h-0 flex-1 flex-col gap-4 md:max-h-[100dvh] md:flex-row"
+      className="flex min-h-0 flex-1 flex-col gap-4 lg:max-h-[100dvh] lg:flex-row"
+      data-reference-layout={detailOpen ? "detail" : "feed"}
       data-news-desk-section="references"
       data-detail-open={selectedReference || routeLineageId ? "true" : "false"}
     >
-      <div className="flex min-h-0 min-w-0 flex-1 flex-col gap-4 md:overflow-hidden">
+      <div className={cn("flex min-h-0 min-w-0 flex-1 flex-col gap-4 lg:flex lg:overflow-hidden", detailOpen && LIST_HIDDEN_WHEN_DETAIL_OPEN)} data-reference-feed-column>
         <div className="flex shrink-0 items-center justify-between gap-3" {...FEED_SURFACE_PROPS}>
           <div className="min-w-0 space-y-0.5">
             <h2 className="text-2xl font-bold tracking-tight">References</h2>
@@ -761,7 +739,7 @@ export function NewsroomReferencesView({
 
         {view === "feed" ? (
           <div className="relative flex min-h-0 flex-1 flex-col" {...FEED_SURFACE_PROPS}>
-          {stable && stable.newCount > 0 && feedTab === "feed" ? (
+          {stable && stable.newCount > 0 ? (
             // Floats over the top of the grid, outside the scrolling content: announcing new items never moves a card.
             <div className="pointer-events-none absolute inset-x-0 top-2 z-20 flex justify-center">
               <button
@@ -784,19 +762,21 @@ export function NewsroomReferencesView({
                 now={mountedAt}
                 onOpen={selectReference}
                 onRate={rateFromFeed}
-                onTabChange={(next) => { setFeedTab(next); setCaughtUp(false); }}
+                onShowChange={(next) => { setFeedShow(next); setCaughtUp(false); }}
+                onSortChange={(next) => { setFeedSort(next); setCaughtUp(false); }}
                 onVisitRated={markVisitRated}
-                partition={partition}
+                items={feedItems}
+                ratedCount={ratedCount}
                 predictionLoading={predictionState === "loading"}
                 previews={previews}
                 captures={showCaptures ? captureStatuses : undefined}
-                groups={stable?.groups}
-                leadId={stable?.leadId}
+                leadId={feedLead}
                 scrollTarget={scrollTarget}
                 ratings={ratings}
                 selectedLineageId={selectedLineageId}
                 stale={showingSavedCopy || (loading && references.length > 0)}
-                tab={feedTab}
+                show={feedShow}
+                sort={feedSort}
                 visitRated={visitRated}
               />
             </div>
@@ -886,9 +866,10 @@ 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: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",
+          "hidden min-h-0 w-full shrink-0 flex-col overflow-hidden rounded-[20px] bg-[var(--feed-card)] lg:pb-16",
+          DETAIL_PANE_WIDTH,
+          // The detail appears once a reference is selected (or when the queue is done); until then the feed has the whole width.
+          detailOpen && "flex",
         )}
         data-newsroom-list-detail-shell
         data-news-desk-section="references"
@@ -897,6 +878,10 @@ export function NewsroomReferencesView({
         {...FEED_SURFACE_PROPS}
       >
         <div className="flex shrink-0 items-center justify-between gap-2 px-4 pt-3 pb-1">
+          <Button className="-ml-2 lg:hidden" data-reference-back onClick={closeDetail} size="sm" type="button" variant="ghost">
+            <ArrowLeftIcon aria-hidden="true" />
+            References
+          </Button>
           <span className="text-sm font-medium text-foreground">Detail</span>
         </div>
         <div className="flex min-h-0 flex-1 flex-col" data-review-gestures onPointerDown={gestures.onPointerDown} onPointerUp={gestures.onPointerUp} style={gestures.style}>
@@ -931,50 +916,6 @@ export function NewsroomReferencesView({
         {queueBar}
       </div>
 
-      {isMobileDetail ? (
-        <Sheet
-          onOpenChange={(open) => {
-            if (!open) closeDetail();
-            else setMobileDetailOpen(true);
-          }}
-          open={(mobileDetailOpen && Boolean(selectedReference)) || caughtUp}
-        >
-          <SheetContent className="gap-0 rounded-t-[length:var(--feed-radius-xl)] bg-[var(--feed-card)] p-0" data-feed-flat="" data-feed-surface="" side="bottom" {...themeAttributes}>
-            <SheetHeader className="border-b border-border px-4 py-3">
-              <SheetTitle className="text-left text-base">Reference</SheetTitle>
-            </SheetHeader>
-            {selectedReference ? (
-              <div className="min-w-0" data-review-gestures onPointerDown={gestures.onPointerDown} onPointerUp={gestures.onPointerUp} style={gestures.style}><ScrollArea className="max-h-[70dvh]">
-                <ReferenceDetailPanel
-                  key={referenceLineageId(selectedReference)}
-                  captureTeaserLine={teaserLine}
-              correctCapture={onCorrectCapture}
-                  ratings={ratings}
-                  sectionChoices={sectionChoices}
-                  predictionState={predictionState}
-              reviewReason={reviewReasons?.get(referenceLineageId(selectedReference))}
-              reviewSectionId={reviewSectionIds?.get(referenceLineageId(selectedReference))}
-                  countsAsTrainingLabel={humanCuratedReferenceLineageIds?.has(referenceLineageId(selectedReference))}
-              delegated={delegatedCurations?.get(referenceLineageId(selectedReference))}
-                  decision={decisions?.get(referenceLineageId(selectedReference))}
-                  demo={demo}
-                  disabled={disabled}
-                  onClose={closeDetail}
-                  onMessageCount={setMessageCount}
-                  onRelevanceReview={onRelevanceReview ? (curation) => onRelevanceReview(selectedReference, curation) : undefined}
-                  onReview={runReview}
-                  sectionAgreement={sectionAgreement}
-                  sectionSuggestion={sectionSuggestions?.get(referenceLineageId(selectedReference))}
-                  sections={sections}
-                  previewAttachments={previewAttachments}
-                  reference={selectedReference}
-                />
-              </ScrollArea></div>
-            ) : caughtUp ? caughtUpPanel : null}
-            {queueBar}
-          </SheetContent>
-        </Sheet>
-      ) : null}
     </div>
   );
 }

package/components/notification-cards.tsx

@@ -167,7 +167,7 @@ export function DraftCard({ busy, demo: _demo, error, item, onDecide, previews,
       <article aria-busy="true" className={CARD} data-draft-state="loading" data-review-draft={draftId} role="status" {...FEED_SURFACE_PROPS}>
         <div className="aspect-[16/10] animate-pulse bg-[var(--feed-control)]" />
         <div className="space-y-3 p-5">
-          <p className="text-xs text-muted-foreground">{link?.label ?? "Draft"}: loading the draft…</p>
+          <p className="text-xs text-muted-foreground">{link?.label ?? "Proposed Story"}: loading the Proposed Story…</p>
           <div className="h-5 w-11/12 animate-pulse rounded-full bg-[var(--feed-control)]" />
           <div className="h-5 w-2/3 animate-pulse rounded-full bg-[var(--feed-control)]" />
         </div>
@@ -216,13 +216,13 @@ export function DraftCard({ busy, demo: _demo, error, item, onDecide, previews,
                 </li>
               );
             })}
-            {view.moreSources ? <li className="self-center text-xs text-muted-foreground">and {view.moreSources} more in the full draft</li> : null}
+            {view.moreSources ? <li className="self-center text-xs text-muted-foreground">and {view.moreSources} more in the full Proposed Story</li> : null}
           </ul>
         ) : null}
         <p className="mt-auto flex flex-wrap items-center justify-between gap-x-3 gap-y-1 pt-1 text-xs text-muted-foreground">
           <span data-draft-caption>{requestCaption(request)}</span>
           <Link className="inline-flex items-center gap-1 font-medium text-primary underline-offset-4 hover:underline" data-draft-open href={view.href}>
-            Open full draft<ExternalLinkIcon aria-hidden="true" className="size-3.5 shrink-0" />
+            Open full Proposed Story<ExternalLinkIcon aria-hidden="true" className="size-3.5 shrink-0" />
           </Link>
         </p>
       </div>
@@ -232,7 +232,7 @@ export function DraftCard({ busy, demo: _demo, error, item, onDecide, previews,
         disabledReason={hold ?? session}
         error={error}
         kind="story"
-        lockedNote={<>To change it, <Link className="text-primary underline underline-offset-4" href={view.href}>open the draft in Proposals</Link>.</>}
+        lockedNote={<>To change it, <Link className="text-primary underline underline-offset-4" href={view.href}>open the Proposed Story in Proposals</Link>.</>}
         onDecide={(choice, extras) => onDecide(draftId, choice, extras)}
         placeholder="Why? Optional. Your note teaches the AI."
       />

package/components/notification-center.tsx

@@ -9,7 +9,6 @@ import { acceptPath, batchAnswer, draftDecisionOf, draftReasonUpdate, draftView,
 import { previewsBySourceAddress, recentDecisions } from "../lib/notification-feed";
 import { answerReasonUpdate, answerUpdate, applyReviewUpdate, cyclotronAutoDecided, draftIdsOf, isDraftReview, sectionReviews, type AnswerInput, type DraftDecision, type ReviewRequest } from "../lib/review-requests";
 import type { RelevanceDecisionView } from "../lib/relevance-decisions";
-import { learnFreshness } from "../lib/reference-feed-ranking";
 import { learnConfidenceThreshold, shapingThisWeek } from "../lib/needs-me-ranking";
 import { buildNeedsMeItems } from "../lib/needs-me-items";
 import { captureStatusesByLineage } from "../lib/reference-capture";
@@ -290,9 +289,9 @@ export function NotificationCenter({
     resolving.current.add(request.id);
     try {
       const view = drafts[draftId];
-      if (!view) throw new Error("This draft has not loaded yet.");
+      if (!view) throw new Error("This Proposed Story has not loaded yet.");
       const path = choice === "accept" ? acceptPath(view.state) : rejectPath(view.state);
-      if (!path) throw new Error(`This draft is ${stateLabel(view.state, false).toLowerCase()} and cannot be ${choice === "accept" ? "accepted" : "rejected"} from here. Open it in Proposals.`);
+      if (!path) throw new Error(`This Proposed Story is ${stateLabel(view.state, false).toLowerCase()} and cannot be ${choice === "accept" ? "accepted" : "rejected"} from here. Open it in Proposals.`);
       const receipt = await api.transitionProposalPath(draftId, path);
       if (receipt.status !== "ok") throw new Error(proposalReceiptMessage(receipt));
       const decided: DraftView = { ...view, state: choice === "accept" ? "approved" : "declined", decided: choice };
@@ -307,7 +306,7 @@ export function NotificationCenter({
         setRequests((current) => current.map((entry) => (entry.id === saved.id ? saved : entry)));
         if (closing) await markRead(request.id);
       } catch (failure) {
-        throw new Error(`The draft was ${choice === "accept" ? "accepted" : "rejected"} in Proposals, but this request could not record it. ${failure instanceof Error ? failure.message : ""}`.trim());
+        throw new Error(`The Proposed Story was ${choice === "accept" ? "accepted" : "rejected"} in Proposals, but this request could not record it. ${failure instanceof Error ? failure.message : ""}`.trim());
       }
     } catch (failure) {
       if (!demo) void loadDraftsFor([request]);
@@ -375,7 +374,7 @@ export function NotificationCenter({
       const request = latest.current.requests.find((entry) => entry.id === payload.item.request.id) ?? payload.item.request;
       const view = latest.current.drafts[payload.item.draftId];
       const decision = draftDecisionOf(request.links.find((link) => link.id === payload.item.draftId), view, { by: actorLabel, at: now.toISOString() });
-      if (!decision) throw new Error("This draft has not been decided yet.");
+      if (!decision) throw new Error("This Proposed Story has not been decided yet.");
       store(await api.saveReviewReason(request, draftReasonUpdate(request, payload.item.draftId, { ...decision, title: decision.title ?? view?.headline, why }, actorLabel, now)));
     } else if (payload.kind === "request") {
       const request = latest.current.requests.find((entry) => entry.id === payload.request.id) ?? payload.request;
@@ -417,7 +416,6 @@ export function NotificationCenter({
     }),
     [shownReferences, decisions, previews, captures, visitRated, requests, drafts, missingDrafts, draftsState, stay, bySource, storyTitles, storyExcerpts, deletedStories, emails, emailsDecided],
   );
-  const freshness = useMemo(() => learnFreshness(shownReferences, visitRated), [shownReferences, visitRated]);
   const threshold = useMemo(() => learnConfidenceThreshold(shownReferences, decisions, visitRated), [shownReferences, decisions, visitRated]);
   const recent = useMemo(() => recentDecisions(requests, references, demo), [requests, references, demo]);
   const shaping = useMemo(
@@ -435,7 +433,7 @@ export function NotificationCenter({
 
   return (
     <NeedsMeView
-      below={below} captureTeaserLine={teaserLine} demo={demo} draftsFailed={draftsState === "failed"} entries={entries} error={error} freshness={freshness} legacyAuto={legacyAuto}
+      below={below} captureTeaserLine={teaserLine} demo={demo} draftsFailed={draftsState === "failed"} entries={entries} error={error} legacyAuto={legacyAuto}
       loadEmail={api.loadEmail} loadState={preview === "loading" ? "loading" : loadState} missingDraftCount={missingCount} now={now} onCorrectCapture={onCorrectCapture} onDecide={decide} onEditReason={editReason}
       onRetryDrafts={() => void loadDraftsFor(requests)} predictionLoading={predictionLoading} recent={recent} referenceAttachments={referenceAttachments}
       referenceDisabledReason={referenceDisabledReason} referencesLoading={referencesLoading} settled={settled} shaping={shaping} stale={stale} threshold={threshold}

package/components/proposals-view.tsx

@@ -14,7 +14,7 @@ import {
 
 const FILTERS: Array<{ key: ProposalFilter; label: string }> = [
   { key: "open", label: "Open" },
-  { key: "draft", label: "Drafts" },
+  { key: "draft", label: "Proposed" },
   { key: "in_steering", label: "In steering" },
   { key: "editor_review", label: "Editor review" },
   { key: "decided", label: "Decided" },
@@ -42,8 +42,8 @@ export function ProposalsView(props: ProposalsViewProps) {
   const shown = filterProposals(sorted, props.filter);
   return (
     <section aria-labelledby="newsroom-proposals-title" data-news-desk-admin-panel="proposals">
-      <h3 id="newsroom-proposals-title">Proposals</h3>
-      <p>Story drafts and other changes that AI proposes. Editors pin, hold and decide them. Only editors and admins can see this.</p>
+      <h3 id="newsroom-proposals-title">Proposed Stories</h3>
+      <p>Proposed Stories and other changes that AI proposes. Editors pin, hold and decide them. Only editors and admins can see this.</p>
       <p role="tablist" aria-label="Proposal views">
         {FILTERS.filter((entry) => props.readers || entry.key !== "in_steering").map((entry) => (
           <span key={entry.key}>
@@ -73,7 +73,7 @@ export function ProposalsView(props: ProposalsViewProps) {
                 {row.summary ? <p>{row.summary}</p> : null}
                 {row.body ? (
                   <details open={props.focusId === row.id || undefined}>
-                    <summary>Read the draft</summary>
+                    <summary>Read the Proposed Story</summary>
                     <pre style={{ whiteSpace: "pre-wrap", overflowWrap: "anywhere" }}>{row.body}</pre>
                   </details>
                 ) : null}

package/components/reference-conversation.tsx

@@ -22,6 +22,7 @@ export function ReferenceConversation({ disabledReason = null, lineageId, onCoun
     const timer = window.setInterval(() => setNow(Date.now()), 60000);
     return () => window.clearInterval(timer);
   }, []);
+  // A deleted Message stays in the conversation, so it still counts.
   const settled = conversation.messages.filter((message) => !message.pending).length;
   useEffect(() => {
     if (conversation.state === "ready") onCount?.(lineageId, settled);
@@ -30,13 +31,17 @@ export function ReferenceConversation({ disabledReason = null, lineageId, onCoun
   return (
     <div data-reference-conversation={lineageId}>
       <ConversationThread
+        authorNames={conversation.names}
         disabledReason={disabledReason}
         error={conversation.error}
         messages={conversation.messages}
         now={now}
+        onDelete={conversation.remove}
+        onEdit={conversation.edit}
         onPost={conversation.post}
         onRetry={conversation.retry}
         state={conversation.state}
+        viewer={conversation.viewer}
       />
     </div>
   );