@anthusai/papyrus 1.4.0-next.4 → 1.4.0-next.6

package/app/api/local-preview/derive/route.ts

@@ -0,0 +1,28 @@
+import { spawn } from "node:child_process";
+import path from "node:path";
+import { NextResponse } from "next/server";
+
+export const dynamic = "force-dynamic";
+
+/**
+ * Local preview only: derives a story's Markus body through the real Python engine so directives render.
+ * Set PAPYRUS_PREVIEW_PYTHON to a Python that has Papyrus and its Markus extra installed.
+ */
+export async function POST(request: Request) {
+  if (process.env.NEXT_PUBLIC_PAPYRUS_LOCAL_PREVIEW !== "1") return new NextResponse(null, { status: 404 });
+  const python = process.env.PAPYRUS_PREVIEW_PYTHON?.trim();
+  if (!python) return NextResponse.json({ error: "PAPYRUS_PREVIEW_PYTHON is not set." }, { status: 501 });
+  const input = await request.text();
+  const script = path.join(process.cwd(), "scripts", "local-preview-derive.py");
+  const output = await new Promise<string>((resolve, reject) => {
+    const child = spawn(python, [script], { env: process.env });
+    let stdout = "";
+    let stderr = "";
+    child.stdout.on("data", chunk => { stdout += chunk; });
+    child.stderr.on("data", chunk => { stderr += chunk; });
+    child.on("error", reject);
+    child.on("close", code => code === 0 ? resolve(stdout) : reject(new Error(stderr || `derive exited with ${code}`)));
+    child.stdin.end(input);
+  }).catch((reason: unknown) => JSON.stringify({ error: reason instanceof Error ? reason.message : "derive failed" }));
+  return new NextResponse(output, { headers: { "content-type": "application/json" } });
+}

package/app/api/local-preview/media/route.ts

@@ -0,0 +1,25 @@
+import { spawn } from "node:child_process";
+import { NextResponse } from "next/server";
+
+export const dynamic = "force-dynamic";
+
+const CONTENT_TYPES: Record<string, string> = { jpg: "image/jpeg", jpeg: "image/jpeg", png: "image/png", gif: "image/gif", webp: "image/webp", svg: "image/svg+xml", avif: "image/avif" };
+
+/**
+ * Local preview only: streams one story image from the publication's storage bucket so the previews show real figures.
+ * Set PAPYRUS_PREVIEW_MEDIA_BUCKET to the bucket; the server's AWS credentials do the reading.
+ */
+export async function GET(request: Request) {
+  if (process.env.NEXT_PUBLIC_PAPYRUS_LOCAL_PREVIEW !== "1") return new NextResponse(null, { status: 404 });
+  const bucket = process.env.PAPYRUS_PREVIEW_MEDIA_BUCKET?.trim();
+  const key = new URL(request.url).searchParams.get("key") ?? "";
+  if (!bucket) return NextResponse.json({ error: "PAPYRUS_PREVIEW_MEDIA_BUCKET is not set." }, { status: 501 });
+  if (!/^media\/[A-Za-z0-9_\-./]+$/.test(key) || key.includes("..")) return new NextResponse(null, { status: 400 });
+  const extension = key.split(".").pop()?.toLowerCase() ?? "";
+  const child = spawn("aws", ["s3", "cp", `s3://${bucket}/${key}`, "-"], { env: process.env });
+  const chunks: Buffer[] = [];
+  child.stdout.on("data", chunk => chunks.push(chunk));
+  const exitCode = await new Promise<number>(resolve => { child.on("close", code => resolve(code ?? 1)); child.on("error", () => resolve(1)); });
+  if (exitCode !== 0) return new NextResponse(null, { status: 404 });
+  return new NextResponse(Buffer.concat(chunks), { headers: { "content-type": CONTENT_TYPES[extension] ?? "application/octet-stream", "cache-control": "private, max-age=300" } });
+}

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/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/markus-ir-preview.tsx

@@ -21,6 +21,8 @@ type PreviewContext = {
   sidecar: PreviewSidecar;
   citationNumbers: Map<string, number>;
   imageUrls: Record<string, string>;
+  dynamicDirectives: Record<string, (attributes: Record<string, unknown>) => ReactNode>;
+  renderLink?: (href: string, children: ReactNode) => ReactNode | null;
 };
 
 function isRecord(value: unknown): value is Record<string, unknown> {
@@ -62,7 +64,7 @@ function imagePlaceholder(token: string, context: PreviewContext): ReactNode {
       // eslint-disable-next-line @next/next/no-img-element
       <img
         alt={alt}
-        className="my-3 h-auto max-w-full rounded-lg"
+        className="my-3 h-auto max-w-full"
         data-markus-preview-image-loaded
         loading="lazy"
         src={url}
@@ -112,7 +114,9 @@ function renderInlines(inlines: MarkusInline[], context: PreviewContext): ReactN
         return <s key={index}>{renderInlines(node.children, context)}</s>;
       case "code_span":
         return <code className="rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]" key={index}>{node.code}</code>;
-      case "link":
+      case "link": {
+        const custom = node.href ? context.renderLink?.(node.href, renderInlines(node.children, context)) : null;
+        if (custom) return <span key={index}>{custom}</span>;
         return node.href ? (
           <a className="text-primary underline" href={node.href} key={index} rel="noopener noreferrer" target="_blank">
             {renderInlines(node.children, context)}
@@ -120,6 +124,7 @@ function renderInlines(inlines: MarkusInline[], context: PreviewContext): ReactN
         ) : (
           <span key={index}>{renderInlines(node.children, context)}</span>
         );
+      }
       case "image":
         return (
           <span className="rounded border border-dashed border-border px-1 text-xs text-muted-foreground" key={index}>
@@ -228,6 +233,36 @@ function renderBlock(block: MarkusBlock, index: number, context: PreviewContext)
   }
 }
 
+function normalizedFigureSource(src: string): string {
+  return src.replace(/^(\.\.?\/)+/, "");
+}
+
+function renderFigure(directive: MarkusDirective, index: number, context: PreviewContext): ReactNode {
+  const attribute = (name: string) => typeof directive.attributes[name] === "string" ? String(directive.attributes[name]) : "";
+  const src = attribute("src");
+  const alt = attribute("alt");
+  const caption = attribute("caption");
+  const credit = attribute("credit");
+  const url = context.imageUrls[src] ?? context.imageUrls[normalizedFigureSource(src)];
+  return (
+    <figure className="my-4" data-markus-preview-directive="figure" key={index}>
+      {url ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        <img alt={alt} className="h-auto max-w-full" data-markus-preview-image-loaded loading="lazy" src={url} />
+      ) : (
+        <div className="border border-dashed border-border bg-muted/30 px-3 py-6 text-center text-xs text-muted-foreground" data-markus-preview-image>
+          {`Figure: ${src}${alt ? ` (${alt})` : ""}`}
+        </div>
+      )}
+      {caption || credit ? (
+        <figcaption className="mt-1 text-sm text-muted-foreground">
+          {caption}{caption && credit ? " " : ""}{credit ? <span className="text-xs">{credit}</span> : null}
+        </figcaption>
+      ) : null}
+    </figure>
+  );
+}
+
 function renderDirective(directive: MarkusDirective, index: number, context: PreviewContext): ReactNode {
   if (directive.name === "pull-quote") {
     const attribution = directive.attributes.attribution;
@@ -244,6 +279,9 @@ function renderDirective(directive: MarkusDirective, index: number, context: Pre
       </blockquote>
     );
   }
+  if (directive.name === "figure") return renderFigure(directive, index, context);
+  const dynamicRenderer = context.dynamicDirectives[directive.name];
+  if (dynamicRenderer) return <div data-markus-preview-directive={directive.name} key={index}>{dynamicRenderer(directive.attributes)}</div>;
   const attributeEntries = Object.entries(directive.attributes).filter(([, value]) => value !== null && value !== "");
   return (
     <section
@@ -275,9 +313,14 @@ function renderBlocks(nodes: MarkusNode[], context: PreviewContext): ReactNode[]
 export function MarkusIrPreview({
   bodyIr,
   imageUrls = {},
+  dynamicDirectives = {},
+  renderLink,
 }: {
   bodyIr: unknown;
   imageUrls?: Record<string, string>;
+  /** Live components for leaf directives whose content the host app computes, keyed by directive name. */
+  dynamicDirectives?: PreviewContext["dynamicDirectives"];
+  renderLink?: PreviewContext["renderLink"];
 }) {
   try {
     const envelope = typeof bodyIr === "string" ? JSON.parse(bodyIr) : bodyIr;
@@ -288,6 +331,8 @@ export function MarkusIrPreview({
       sidecar,
       citationNumbers: numberCitationsByFirstAppearance(envelope.document, sidecar),
       imageUrls,
+      dynamicDirectives,
+      renderLink,
     };
     return <div data-markus-preview>{renderBlocks(document.children, context)}</div>;
   } catch (error) {

package/components/news-desk-page.tsx

@@ -86,7 +86,6 @@ function parseRouteSelection(tab: NewsDeskTab, selectionPath: string[] | null |
     if (segments[0] === "forum" && segments[1]) return { forumThread: segments[1] };
     return { message: segments[0] ?? null };
   }
-  if (tab === "insights") return { forumThread: segments[0] ?? null };
   if (tab === "assignments") return { assignment: segments[0] ?? null };
   if (tab === "overview" && segments[0] === "forum" && segments[1]) return { forumThread: segments[1] };
   return {};