@anthusai/papyrus 1.10.0 → 1.12.0

package/app/globals.css

@@ -6275,7 +6275,7 @@ img {
   padding-top: calc(var(--paper-rhythm) - 1px);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] [data-reference-topic-workflow] + [data-reference-insight-workflow] {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] [data-reference-topic-workflow] + [data-reference-note-workflow] {
   border-top: 0;
   padding-top: 0;
 }
@@ -6476,7 +6476,7 @@ img {
 
 .newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-workflow__input button,
 .newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-workflow__header > button,
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-shell > button {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-shell > button {
   background: transparent;
   border: 1px solid rgb(var(--rule-rgb) / 0.42);
   box-sizing: border-box;
@@ -6498,7 +6498,7 @@ img {
 }
 
 .newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-workflow__header > button:disabled,
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-shell > button:disabled {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-shell > button:disabled {
   cursor: not-allowed;
   opacity: 0.45;
 }
@@ -6521,26 +6521,26 @@ img {
   margin-right: calc(var(--paper-rhythm) * 0.5);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form {
   display: grid;
   gap: 0;
   width: 100%;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-shell {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-shell {
   display: grid;
   gap: 0;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-shell > * + * {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-shell > * + * {
   margin-top: var(--paper-rhythm);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form > * + * {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form > * + * {
   margin-top: var(--paper-rhythm);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-shell > button {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-shell > button {
   align-items: center;
   appearance: none;
   display: inline-flex;
@@ -6550,7 +6550,7 @@ img {
   vertical-align: top;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] [data-reference-insight-workflow] .news-desk-reference-workflow__header > button {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] [data-reference-note-workflow] .news-desk-reference-workflow__header > button {
   align-items: center;
   appearance: none;
   display: inline-flex;
@@ -6562,37 +6562,37 @@ img {
   vertical-align: top;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] [data-reference-insight-workflow] .news-desk-reference-workflow__header {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] [data-reference-note-workflow] .news-desk-reference-workflow__header {
   align-items: flex-start;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-list {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-list {
   display: grid;
   gap: 0;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-list .news-desk-reference-topic-state-row {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-list .news-desk-reference-topic-state-row {
   border-left: 0;
   gap: 0;
   padding-left: 0;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-list .news-desk-reference-topic-state-row + .news-desk-reference-topic-state-row {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-list .news-desk-reference-topic-state-row + .news-desk-reference-topic-state-row {
   margin-top: var(--paper-rhythm);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-list .news-desk-reference-topic-state-row__headline,
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-list .news-desk-reference-topic-state-row__meta {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-list .news-desk-reference-topic-state-row__headline,
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-list .news-desk-reference-topic-state-row__meta {
   gap: 0;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-list .news-desk-reference-topic-state-row strong,
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-list .news-desk-reference-topic-state-row span {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-list .news-desk-reference-topic-state-row strong,
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-list .news-desk-reference-topic-state-row span {
   line-height: var(--paper-rhythm);
   min-height: var(--paper-rhythm);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form .news-desk-reference-curation-note {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form .news-desk-reference-curation-note {
   display: grid;
   gap: 0;
   grid-template-rows: var(--paper-rhythm) auto;
@@ -6600,7 +6600,7 @@ img {
   min-width: 0;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form .news-desk-reference-curation-note span {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form .news-desk-reference-curation-note span {
   color: var(--muted-strong);
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.66rem;
@@ -6611,13 +6611,13 @@ img {
   text-transform: uppercase;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-shell button {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-shell button {
   line-height: var(--paper-rhythm);
   min-height: var(--news-desk-detail-control-height);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form .news-desk-reference-curation-note input,
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form .news-desk-reference-curation-note textarea {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form .news-desk-reference-curation-note input,
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form .news-desk-reference-curation-note textarea {
   box-sizing: border-box;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
@@ -6627,7 +6627,7 @@ img {
   padding: 0 calc(var(--paper-rhythm) * 0.5);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form textarea {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form textarea {
   background: rgb(var(--paper-rgb) / 0.42);
   border: 1px solid rgb(var(--rule-rgb) / 0.32);
   color: var(--ink);
@@ -6637,7 +6637,7 @@ img {
   resize: vertical;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form__actions {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form__actions {
   align-items: center;
   column-gap: calc(var(--paper-rhythm) * 0.5);
   display: flex;
@@ -6646,7 +6646,7 @@ img {
   min-height: var(--paper-rhythm);
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form__actions button {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form__actions button {
   background: transparent;
   border: 1px solid rgb(var(--rule-rgb) / 0.42);
   box-sizing: border-box;
@@ -6662,7 +6662,7 @@ img {
   text-transform: uppercase;
 }
 
-.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-form__actions button:disabled {
+.newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-form__actions button:disabled {
   cursor: not-allowed;
   opacity: 0.45;
 }
@@ -6895,11 +6895,11 @@ img {
     justify-self: stretch;
   }
 
-  .newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-insight-shell > button {
+  .newsroom-list-detail-shell [data-news-desk-reference-detail] .news-desk-reference-note-shell > button {
     justify-self: stretch;
   }
 
-  .newsroom-list-detail-shell [data-news-desk-reference-detail] [data-reference-insight-workflow] .news-desk-reference-workflow__header {
+  .newsroom-list-detail-shell [data-news-desk-reference-detail] [data-reference-note-workflow] .news-desk-reference-workflow__header {
     align-items: flex-start;
     flex-direction: row;
     gap: var(--paper-rhythm);

package/app/layout.tsx

@@ -5,7 +5,7 @@ import { AmplifyClientProvider } from "../components/amplify-client-provider";
 import { PapyrusConsoleShell } from "../components/papyrus-console-shell";
 import { TooltipProvider } from "../components/ui/tooltip";
 import { resolveBrandFontAssets } from "../lib/brand-fonts";
-import { getPresentationChoices, getSiteBrand } from "../lib/site-brand";
+import { DEFAULT_SITE_BRAND_ICONS, getPresentationChoices, getSiteBrand } from "../lib/site-brand";
 import { getSiteStack } from "../lib/site-stack";
 import { isIndexable, showStagingBanner } from "../lib/site-env";
 import { StagingBanner } from "../components/staging-banner";
@@ -34,9 +34,10 @@ export async function generateMetadata(): Promise<Metadata> {
     ...(isIndexable() ? {} : { robots: { index: false, follow: false } }),
     icons: {
       icon: [
-        { url: `/icon-light.png?v=${faviconVersion}`, type: "image/png" },
-        { url: `/icon.png?v=${faviconVersion}`, type: "image/png" },
+        { url: `${siteBrand.icons?.light ?? DEFAULT_SITE_BRAND_ICONS.light}?v=${faviconVersion}`, type: "image/png" },
+        ...(siteBrand.icons ? [] : [{ url: `${DEFAULT_SITE_BRAND_ICONS.fallback}?v=${faviconVersion}`, type: "image/png" }]),
       ],
+      ...(siteBrand.icons?.appleTouch ? { apple: [{ url: `${siteBrand.icons.appleTouch}?v=${faviconVersion}`, type: "image/png" }] } : {}),
     },
   };
 }
@@ -46,6 +47,8 @@ export default async function RootLayout({ children }: Readonly<{ children: Reac
   const presentationChoices = getPresentationChoices(siteBrand);
   const siteStack = getSiteStack(siteBrand);
   const brandFonts = resolveBrandFontAssets(siteBrand.fonts);
+  const lightIconPath = siteBrand.icons?.light ?? DEFAULT_SITE_BRAND_ICONS.light;
+  const darkIconPath = siteBrand.icons ? siteBrand.icons.dark ?? siteBrand.icons.light : DEFAULT_SITE_BRAND_ICONS.dark;
 
   return (
     <html
@@ -78,8 +81,8 @@ export default async function RootLayout({ children }: Readonly<{ children: Reac
         <Script id="papyrus-favicon-color-scheme" strategy="beforeInteractive">
           {`(() => {
   const version = "${faviconVersion}";
-  const lightHref = "/icon-light.png?v=" + version;
-  const darkHref = "/icon-dark.png?v=" + version;
+  const lightHref = ${JSON.stringify(lightIconPath)} + "?v=" + version;
+  const darkHref = ${JSON.stringify(darkIconPath)} + "?v=" + version;
   const settingsStorageKey = "papyrus:reader-settings";
   const defaultTheme = "${defaultTheme}";
 

package/app/newsroom/[section]/[...selection]/page.tsx

@@ -33,7 +33,6 @@ const NEWS_DESK_ROUTE_SECTIONS = new Set<NewsDeskTab>([
   "topics",
   "concepts",
   "references",
-  "insights",
   "messages",
   "assignments",
 ]);

package/app/newsroom/[section]/page.tsx

@@ -36,7 +36,6 @@ const NEWS_DESK_ROUTE_SECTIONS = new Set<NewsDeskTab>([
   "topics",
   "concepts",
   "references",
-  "insights",
   "messages",
   "assignments",
   "search",

package/app/newsroom/insights/[threadId]/page.tsx

@@ -1,22 +1,11 @@
-import { NewsDeskPage } from "../../../../components/news-desk-page";
+import { permanentRedirect } from "next/navigation";
+import { toPublicNewsroomPath } from "../../../../lib/newsroom-base-path";
 
-export const dynamic = "force-dynamic";
-
-type NewsroomInsightThreadPageProps = {
+type NewsroomMessageThreadRedirectPageProps = {
   params: Promise<{ threadId: string }>;
-  searchParams?: Promise<{
-    demo?: string | string[];
-    domain?: string | string[];
-  }>;
 };
 
-export default async function NewsroomInsightThreadPage({ params, searchParams }: NewsroomInsightThreadPageProps) {
+export default async function NewsroomMessageThreadRedirectPage({ params }: NewsroomMessageThreadRedirectPageProps) {
   const { threadId } = await params;
-  return (
-    <NewsDeskPage
-      section="insights"
-      selectionPath={[threadId]}
-      searchParams={searchParams}
-    />
-  );
+  permanentRedirect(toPublicNewsroomPath(`/newsroom/messages/${encodeURIComponent(threadId)}`));
 }

package/app/newsroom/insights/page.tsx

@@ -1,14 +1,6 @@
-import { NewsDeskPage } from "../../../components/news-desk-page";
+import { permanentRedirect } from "next/navigation";
+import { toPublicNewsroomPath } from "../../../lib/newsroom-base-path";
 
-export const dynamic = "force-dynamic";
-
-type NewsroomInsightsPageProps = {
-  searchParams?: Promise<{
-    demo?: string | string[];
-    domain?: string | string[];
-  }>;
-};
-
-export default async function NewsroomInsightsPage({ searchParams }: NewsroomInsightsPageProps) {
-  return <NewsDeskPage section="insights" searchParams={searchParams} />;
+export default function NewsroomMessagesRedirectPage() {
+  permanentRedirect(toPublicNewsroomPath("/newsroom/messages"));
 }

package/components/administration-delegations-panel.tsx

@@ -0,0 +1,204 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import { fetchAuthSession } from "aws-amplify/auth";
+import { isLocalPreviewEnabled } from "../lib/local-preview";
+import {
+  DEFAULT_DELEGATION_HOURS,
+  MAXIMUM_DELEGATION_HOURS,
+  MINIMUM_DELEGATION_HOURS,
+  buildDelegatedCommandLine,
+  delegationExpiryText,
+  describeDelegationError,
+  validateDelegationInput,
+  type CurationDelegationRecord,
+} from "../lib/curation-delegation-helpers";
+import { createCurationDelegation, listCurationDelegations, revokeCurationDelegation, type CreatedCurationDelegation } from "./curation-delegation-client";
+
+type IssuedToken = { agentLabel: string; token: string };
+
+async function readSignedInEmail(): Promise<string> {
+  if (isLocalPreviewEnabled()) return "ryan@example.com";
+  try {
+    const session = await fetchAuthSession();
+    const email = session.tokens?.idToken?.payload?.email;
+    return typeof email === "string" ? email : "";
+  } catch {
+    return "";
+  }
+}
+
+export function AdministrationDelegationsPanel({ disabled }: { disabled: boolean }) {
+  const [agentLabelText, setAgentLabelText] = useState("");
+  const [hoursText, setHoursText] = useState(String(DEFAULT_DELEGATION_HOURS));
+  const [busy, setBusy] = useState(false);
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+  const [issued, setIssued] = useState<IssuedToken | null>(null);
+  const [copied, setCopied] = useState<"token" | "command" | null>(null);
+  const [email, setEmail] = useState("");
+  const [delegations, setDelegations] = useState<CurationDelegationRecord[]>([]);
+  const [confirmingRevokeId, setConfirmingRevokeId] = useState<string | null>(null);
+  const [nowMilliseconds, setNowMilliseconds] = useState(() => Date.now());
+  const mounted = useRef(true);
+
+  useEffect(() => {
+    mounted.current = true;
+    void readSignedInEmail().then((value) => {
+      if (mounted.current) setEmail(value);
+    });
+    void refreshDelegations();
+    const timer = window.setInterval(() => setNowMilliseconds(Date.now()), 30_000);
+    return () => {
+      mounted.current = false;
+      window.clearInterval(timer);
+      setIssued(null);
+    };
+  }, []);
+
+  async function refreshDelegations() {
+    try {
+      const listed = await listCurationDelegations();
+      if (mounted.current) setDelegations(listed);
+    } catch (error) {
+      if (mounted.current) setErrorMessage(describeDelegationError(error));
+    }
+  }
+
+  async function handleCreate() {
+    const validation = validateDelegationInput(agentLabelText, hoursText);
+    if (!validation.ok) {
+      setErrorMessage(validation.message);
+      return;
+    }
+    setBusy(true);
+    setErrorMessage(null);
+    try {
+      const created: CreatedCurationDelegation = await createCurationDelegation(validation.agentLabel, validation.hours);
+      setIssued({ agentLabel: created.agentLabel, token: created.token });
+      setCopied(null);
+      await refreshDelegations();
+      setAgentLabelText("");
+      setNowMilliseconds(Date.now());
+    } catch (error) {
+      setErrorMessage(describeDelegationError(error));
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  async function handleRevoke(delegationId: string) {
+    setBusy(true);
+    setErrorMessage(null);
+    try {
+      await revokeCurationDelegation(delegationId);
+      await refreshDelegations();
+      setConfirmingRevokeId(null);
+    } catch (error) {
+      setErrorMessage(describeDelegationError(error));
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  async function copyText(kind: "token" | "command", text: string) {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(kind);
+    } catch {
+      setErrorMessage("Copying was blocked by the browser. Select the text and copy it by hand.");
+    }
+  }
+
+  const commandLine = issued ? buildDelegatedCommandLine({ email, agentLabel: issued.agentLabel, token: issued.token }) : "";
+
+  return (
+    <div data-news-desk-admin-panel="delegations">
+      <article className="news-desk-doctrine-card">
+        <div className="news-desk-doctrine-card__header">
+          <div>
+            <h3>Agent delegations</h3>
+            <span>Let one agent approve or reject References for you, for a short time</span>
+          </div>
+        </div>
+        <p className="news-desk-delegation-note">
+          A delegation is a token you hand to one named agent. While it lasts, that agent&apos;s approvals and rejections are recorded under your name and marked as relayed. You can revoke it at any moment.
+        </p>
+        <p className="news-desk-delegation-note" data-delegation-words-note>
+          The agent must pass your actual words, in quotes, as the instruction on every approval or rejection. Papyrus keeps those words with the record. An agent that paraphrases or invents them is not following this delegation.
+        </p>
+        <div className="news-desk-delegation-form">
+          <label className="news-desk-doctrine-card__field">
+            <span>Agent name</span>
+            <input value={agentLabelText} onChange={(event) => setAgentLabelText(event.target.value)} placeholder="curator-agent" autoComplete="off" disabled={disabled || busy} />
+          </label>
+          <label className="news-desk-doctrine-card__field">
+            <span>{`Hours (${MINIMUM_DELEGATION_HOURS} to ${MAXIMUM_DELEGATION_HOURS})`}</span>
+            <input value={hoursText} onChange={(event) => setHoursText(event.target.value)} inputMode="numeric" disabled={disabled || busy} />
+          </label>
+          <button type="button" className="news-desk-primary-action-button" data-delegation-create onClick={() => void handleCreate()} disabled={disabled || busy}>
+            {busy && !issued ? "Creating" : "Create delegation"}
+          </button>
+        </div>
+        {errorMessage ? <p className="news-desk-delegation-error" role="alert" data-delegation-error>{errorMessage}</p> : null}
+      </article>
+
+      {issued ? (
+        <article className="news-desk-delegation-token" data-delegation-token-box aria-live="polite">
+          <h3>Copy this token now</h3>
+          <p>This token is shown once. Papyrus does not keep it, and it cannot be shown again. If you lose it, revoke the delegation and create a new one.</p>
+          <div className="news-desk-delegation-token__row">
+            <code data-delegation-token>{issued.token}</code>
+            <button type="button" onClick={() => void copyText("token", issued.token)}>{copied === "token" ? "Copied" : "Copy token"}</button>
+          </div>
+          <p className="story-label">Command line for {issued.agentLabel}</p>
+          <div className="news-desk-delegation-token__row">
+            <code data-delegation-command>{commandLine}</code>
+            <button type="button" onClick={() => void copyText("command", commandLine)}>{copied === "command" ? "Copied" : "Copy command"}</button>
+          </div>
+          <div className="news-desk-doctrine-card__actions">
+            <button type="button" className="news-desk-primary-action-button" data-delegation-done onClick={() => { setIssued(null); setCopied(null); }}>Done</button>
+          </div>
+        </article>
+      ) : null}
+
+      <article className="news-desk-doctrine-card">
+        <div className="news-desk-doctrine-card__header">
+          <div>
+            <h3>Delegations</h3>
+            <span>Granted by you, newest first</span>
+          </div>
+        </div>
+        {delegations.length === 0 ? (
+          <p className="news-desk-delegation-note" data-delegation-empty>You have not granted any delegations.</p>
+        ) : (
+          <ul className="news-desk-delegation-list">
+            {delegations.map((entry) => {
+              const stateText = delegationExpiryText(entry.expiresAt, entry.revokedAt, nowMilliseconds);
+              const live = !entry.revokedAt && stateText !== "Expired";
+              return (
+                <li key={entry.delegationId} data-delegation-row={entry.delegationId} data-delegation-live={live || undefined}>
+                  <div>
+                    <strong>{entry.agentLabel}</strong>
+                    <span>{`Granted by ${entry.grantorLabel ?? "you"}`}</span>
+                  </div>
+                  <span className="news-desk-delegation-state">{stateText}</span>
+                  {live ? (
+                    confirmingRevokeId === entry.delegationId ? (
+                      <span className="news-desk-delegation-confirm">
+                        <span>{`Stop ${entry.agentLabel} from curating for you?`}</span>
+                        <button type="button" data-delegation-revoke-confirm onClick={() => void handleRevoke(entry.delegationId)} disabled={busy}>Revoke now</button>
+                        <button type="button" onClick={() => setConfirmingRevokeId(null)} disabled={busy}>Keep</button>
+                      </span>
+                    ) : (
+                      <button type="button" data-delegation-revoke onClick={() => setConfirmingRevokeId(entry.delegationId)} disabled={disabled || busy}>Revoke</button>
+                    )
+                  ) : null}
+                </li>
+              );
+            })}
+          </ul>
+        )}
+      </article>
+    </div>
+  );
+}

package/components/board-card-excerpts.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+
+type Excerpt = { issueId: string; text: string };
+
+function CardExcerpt({ text }: { text: string }) {
+  const [expanded, setExpanded] = useState(false);
+  return <div className="board-card-excerpt" data-board-card-excerpt data-expanded={expanded}>
+    <p>{text}</p>
+    {text.length > 130 && <button aria-expanded={expanded} onClick={event => { event.stopPropagation(); setExpanded(open => !open); }} onKeyDown={event => event.stopPropagation()} type="button">{expanded ? "Less" : "More"}</button>}
+  </div>;
+}
+
+/**
+ * Adds a short expandable excerpt under each card's headline. The Kanbus card has no excerpt slot,
+ * so each excerpt is rendered into the card's content block once the card is on the page.
+ */
+export function BoardCardExcerpts({ excerpts, scope }: { excerpts: readonly Excerpt[]; scope: HTMLElement | null }) {
+  const [hosts, setHosts] = useState<{ host: HTMLElement; text: string }[]>([]);
+  useEffect(() => {
+    if (!scope) return;
+    const collect = () => {
+      const found = excerpts.flatMap(({ issueId, text }) => {
+        const card = Array.from(scope.querySelectorAll<HTMLElement>(".issue-card")).find(candidate => candidate.dataset.issueId === issueId);
+        const content = card?.querySelector<HTMLElement>(".issue-card-content");
+        if (!content) return [];
+        let host = content.querySelector<HTMLElement>(":scope > [data-board-card-excerpt-host]");
+        if (!host) {
+          host = document.createElement("div");
+          host.dataset.boardCardExcerptHost = "true";
+          content.querySelector("h3")?.after(host);
+        }
+        return [{ host, text }];
+      });
+      setHosts(previous => previous.length === found.length && previous.every((entry, index) => entry.host === found[index].host && entry.text === found[index].text) ? previous : found);
+    };
+    collect();
+    const observer = new MutationObserver(collect);
+    observer.observe(scope, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, [excerpts, scope]);
+  return <>{hosts.map(({ host, text }, index) => createPortal(<CardExcerpt text={text} />, host, `${index}`))}</>;
+}

package/components/curation-delegation-client.ts

@@ -0,0 +1,81 @@
+"use client";
+
+import { generateClient } from "aws-amplify/data";
+import { isLocalPreviewEnabled } from "../lib/local-preview";
+import type { CurationDelegationRecord } from "../lib/curation-delegation-helpers";
+import { configureAmplifyClient } from "./amplify-client-provider";
+
+const USER_POOL_AUTH_MODE = "userPool";
+
+export type CreatedCurationDelegation = CurationDelegationRecord & { token: string };
+
+const CREATE_MUTATION = `
+  mutation CreateCurationDelegation($agentLabel: String!, $hours: Int) {
+    createCurationDelegation(agentLabel: $agentLabel, hours: $hours) {
+      delegationId token agentLabel grantorLabel expiresAt revokedAt
+    }
+  }
+`;
+
+const REVOKE_MUTATION = `
+  mutation RevokeCurationDelegation($delegationId: ID!) {
+    revokeCurationDelegation(delegationId: $delegationId) {
+      delegationId agentLabel grantorLabel expiresAt revokedAt
+    }
+  }
+`;
+
+const LIST_QUERY = `
+  query ListCurationDelegations {
+    listCurationDelegations {
+      delegationId agentLabel grantorLabel expiresAt revokedAt
+    }
+  }
+`;
+
+const previewDelegations: CurationDelegationRecord[] = [];
+
+async function runGraphql<T>(query: string, variables: Record<string, unknown>): Promise<T> {
+  configureAmplifyClient();
+  const client = generateClient() as unknown as {
+    graphql: (options: Record<string, unknown>) => Promise<{ data?: T | null; errors?: Array<{ message?: string }> | null }>;
+  };
+  const response = await client.graphql({ query, variables, authMode: USER_POOL_AUTH_MODE });
+  if (response.errors?.length) throw Object.assign(new Error(response.errors[0]?.message ?? "Request failed."), { errors: response.errors });
+  if (!response.data) throw new Error("The server returned no result.");
+  return response.data;
+}
+
+export async function createCurationDelegation(agentLabel: string, hours: number): Promise<CreatedCurationDelegation> {
+  if (isLocalPreviewEnabled()) {
+    const delegationId = `curation-delegation-preview-${previewDelegations.length + 1}`;
+    const record: CurationDelegationRecord = {
+      delegationId,
+      agentLabel,
+      grantorLabel: "ryan@example.com",
+      expiresAt: new Date(Date.now() + hours * 3_600_000).toISOString(),
+      revokedAt: null,
+    };
+    previewDelegations.push(record);
+    return { ...record, token: `${delegationId}~preview-token-not-valid-anywhere` };
+  }
+  const data = await runGraphql<{ createCurationDelegation: CreatedCurationDelegation }>(CREATE_MUTATION, { agentLabel, hours });
+  return data.createCurationDelegation;
+}
+
+export async function revokeCurationDelegation(delegationId: string): Promise<CurationDelegationRecord> {
+  if (isLocalPreviewEnabled()) {
+    const record = previewDelegations.find((entry) => entry.delegationId === delegationId);
+    if (!record) throw new Error("That delegation was not found.");
+    record.revokedAt = record.revokedAt ?? new Date().toISOString();
+    return { ...record };
+  }
+  const data = await runGraphql<{ revokeCurationDelegation: CurationDelegationRecord }>(REVOKE_MUTATION, { delegationId });
+  return data.revokeCurationDelegation;
+}
+
+export async function listCurationDelegations(): Promise<CurationDelegationRecord[]> {
+  if (isLocalPreviewEnabled()) return previewDelegations.map((entry) => ({ ...entry })).reverse();
+  const data = await runGraphql<{ listCurationDelegations: CurationDelegationRecord[] }>(LIST_QUERY, {});
+  return data.listCurationDelegations ?? [];
+}