@corbits/react-ui 0.1.0 → 0.3.0

package/dist/theme.css

@@ -274,7 +274,11 @@
    a `.dark` override of their own. */
 :root {
   --sidebar-row-radius: var(--radius);
-  --sidebar-row-selected-bg: color-mix(in srgb, var(--primary) 10%, transparent);
+  --sidebar-row-selected-bg: color-mix(
+    in srgb,
+    var(--primary) 10%,
+    transparent
+  );
 }
 
 @theme inline {
@@ -601,28 +605,102 @@
   }
 }
 
+/* Avatar working orbit. The conic angle is a registered property so the arc
+   sweeps while the masked ring (and the avatar it encircles) never rotates.
+   Used by ui/avatar. */
+@property --corbits-avatar-angle {
+  syntax: "<angle>";
+  inherits: false;
+  initial-value: 0deg;
+}
+@keyframes corbits-avatar-orbit {
+  to {
+    --corbits-avatar-angle: 360deg;
+  }
+}
+.corbits-avatar-orbit {
+  position: absolute;
+  inset: -4px;
+  padding: 2px;
+  background:
+    conic-gradient(
+      from var(--corbits-avatar-angle),
+      var(--primary-emphasis) 0deg 90deg,
+      transparent 90deg 360deg
+    ),
+    color-mix(in srgb, var(--foreground) 12%, transparent);
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask:
+    linear-gradient(#000 0 0) content-box exclude,
+    linear-gradient(#000 0 0);
+  animation: corbits-avatar-orbit 1.4s linear infinite;
+  pointer-events: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .corbits-avatar-orbit {
+    animation: none;
+    --corbits-avatar-angle: 120deg;
+  }
+}
+
 /* Ridge-study motion: keep geometry and timing in the original 100 x 70 space. */
 @keyframes corbits-thinking-sweep {
-  0% { transform: translateX(8px); opacity: 0; }
-  8%, 86% { opacity: 1; }
-  100% { transform: translateX(130px); opacity: 0; }
+  0% {
+    transform: translateX(8px);
+    opacity: 0;
+  }
+  8%,
+  86% {
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(130px);
+    opacity: 0;
+  }
 }
 @keyframes corbits-thinking-rise {
-  0% { transform: translateY(88px); }
-  100% { transform: translateY(-30px); }
+  0% {
+    transform: translateY(88px);
+  }
+  100% {
+    transform: translateY(-30px);
+  }
 }
 @keyframes corbits-thinking-wave {
-  0% { transform: scale(.03); opacity: 0; }
-  10% { opacity: 1; }
-  75% { opacity: .9; }
-  100% { transform: scale(1.35); opacity: 0; }
+  0% {
+    transform: scale(0.03);
+    opacity: 0;
+  }
+  10% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0.9;
+  }
+  100% {
+    transform: scale(1.35);
+    opacity: 0;
+  }
 }
 @media (prefers-reduced-motion: reduce) {
   /* Static poses land the gradient mid-stroke. These offsets mirror the SVG
      geometry in thinking-mark.tsx — change the rect/circle geometry there and
      these poses have to be re-picked to match. */
-  .corbits-thinking-silk, .corbits-thinking-strata, .corbits-thinking-echo { animation: none; }
-  .corbits-thinking-silk { transform: translateX(44px); }
-  .corbits-thinking-strata { transform: translateY(30px); }
-  .corbits-thinking-echo { transform: scale(.6); }
+  .corbits-thinking-silk,
+  .corbits-thinking-strata,
+  .corbits-thinking-echo {
+    animation: none;
+  }
+  .corbits-thinking-silk {
+    transform: translateX(44px);
+  }
+  .corbits-thinking-strata {
+    transform: translateY(30px);
+  }
+  .corbits-thinking-echo {
+    transform: scale(0.6);
+  }
 }

package/dist/ui/agent-turn.d.ts

@@ -5,7 +5,7 @@ export type AgentTurnProps = {
     readonly identity: AgentIdentity;
     /** Rich body for the answer — a markdown renderer. */
     readonly children?: ReactNode;
-    readonly now?: number;
+    readonly now?: number | undefined;
     /** e.g. "Thought for 4s". Shown on the reasoning block once it stops streaming. */
     readonly reasoningDurationLabel?: string;
     readonly className?: string;

package/dist/ui/agent-turn.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { agentInitials, isTurnWorking, messageText, reasoningText, toolParts } from "../lib/chat-message.js";
+import { agentInitials, isTurnWorking, messageText, reasoningText, toolParts, } from "../lib/chat-message.js";
 import { cn } from "../lib/utils.js";
 import { MessageBubble } from "./message-bubble.js";
 import { ReasoningBlock } from "./reasoning-block.js";
@@ -16,45 +16,12 @@ import { ToolNarrative } from "./tool-narrative.js";
  * The avatar is `aria-hidden` and the turn is a labelled region instead: a
  * screen reader should hear "Ada said …" once, not two initials followed by the
  * name.
- */ export function AgentTurn({ message, identity, children, now, reasoningDurationLabel, className }) {
+ */
+export function AgentTurn({ message, identity, children, now, reasoningDurationLabel, className, }) {
     const working = isTurnWorking(message);
     const answer = messageText(message);
     const thinking = reasoningText(message);
     const tools = toolParts(message);
     const hasWork = thinking.length > 0 || tools.length > 0;
-    return /*#__PURE__*/ _jsxs("article", {
-        "data-slot": "agent-turn",
-        "aria-label": `${identity.name} replied`,
-        className: cn("flex gap-3", className),
-        children: [
-            /*#__PURE__*/ _jsx("span", {
-                "aria-hidden": true,
-                className: "mt-0.5 grid size-7 shrink-0 place-items-center rounded-full bg-secondary text-[10px] font-bold text-secondary-foreground",
-                children: agentInitials(identity)
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: "flex min-w-0 flex-1 flex-col gap-1.5",
-                children: [
-                    hasWork ? /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-col",
-                        children: [
-                            /*#__PURE__*/ _jsx(ReasoningBlock, {
-                                text: thinking,
-                                streaming: working,
-                                durationLabel: reasoningDurationLabel
-                            }),
-                            tools.map((part)=>/*#__PURE__*/ _jsx(ToolNarrative, {
-                                    part: part
-                                }, part.toolCallId))
-                        ]
-                    }) : null,
-                    answer.length > 0 || children !== undefined ? /*#__PURE__*/ _jsx(MessageBubble, {
-                        message: message,
-                        now: now,
-                        children: children
-                    }) : null
-                ]
-            })
-        ]
-    });
+    return (_jsxs("article", { "data-slot": "agent-turn", "aria-label": `${identity.name} replied`, className: cn("flex gap-3", className), children: [_jsx("span", { "aria-hidden": true, className: "mt-0.5 grid size-7 shrink-0 place-items-center rounded-full bg-secondary text-[10px] font-bold text-secondary-foreground", children: agentInitials(identity) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [hasWork ? (_jsxs("div", { className: "flex flex-col", children: [_jsx(ReasoningBlock, { text: thinking, streaming: working, durationLabel: reasoningDurationLabel }), tools.map((part) => (_jsx(ToolNarrative, { part: part }, part.toolCallId)))] })) : null, answer.length > 0 || children !== undefined ? (_jsx(MessageBubble, { message: message, now: now, children: children })) : null] })] }));
 }

package/dist/ui/animated-number.js

@@ -1,8 +1,9 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { usePrefersReducedMotion } from "../hooks/use-prefers-reduced-motion.js";
 import { cn } from "../lib/utils.js";
-const easeOut = (t)=>1 - (1 - t) ** 3;
+const easeOut = (t) => 1 - (1 - t) ** 3;
 /**
  * A number that counts to its new value instead of snapping.
  *
@@ -17,12 +18,13 @@ const easeOut = (t)=>1 - (1 - t) ** 3;
  * Reduced motion is checked here rather than left to the theme's CSS override.
  * The theme can collapse a CSS animation, but this is a JS interpolation the
  * cascade cannot reach, so it snaps to the value instead.
- */ export function AnimatedNumber({ value, decimals = 0, format, durationMs = 600, className }) {
+ */
+export function AnimatedNumber({ value, decimals = 0, format, durationMs = 600, className, }) {
     const [display, setDisplay] = useState(value);
     const fromRef = useRef(value);
     const frameRef = useRef(0);
     const reduce = usePrefersReducedMotion();
-    useEffect(()=>{
+    useEffect(() => {
         const from = fromRef.current;
         if (reduce || from === value) {
             fromRef.current = value;
@@ -30,34 +32,19 @@ const easeOut = (t)=>1 - (1 - t) ** 3;
             return;
         }
         const start = performance.now();
-        const step = (now)=>{
+        const step = (now) => {
             const t = Math.min((now - start) / durationMs, 1);
-            setDisplay(from + (value - from) * easeOut(t));
-            if (t < 1) {
+            const current = from + (value - from) * easeOut(t);
+            // A value change mid-count continues from what is on screen, not from
+            // the previous target.
+            fromRef.current = current;
+            setDisplay(current);
+            if (t < 1)
                 frameRef.current = requestAnimationFrame(step);
-            } else {
-                fromRef.current = value;
-            }
         };
         frameRef.current = requestAnimationFrame(step);
-        return ()=>cancelAnimationFrame(frameRef.current);
-    }, [
-        value,
-        durationMs,
-        reduce
-    ]);
+        return () => cancelAnimationFrame(frameRef.current);
+    }, [value, durationMs, reduce]);
     const text = format === undefined ? display.toFixed(decimals) : format(display);
-    return /*#__PURE__*/ _jsxs("span", {
-        className: cn("tabular-nums", className),
-        children: [
-            /*#__PURE__*/ _jsx("span", {
-                "aria-hidden": true,
-                children: text
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                className: "sr-only",
-                children: format === undefined ? value.toFixed(decimals) : format(value)
-            })
-        ]
-    });
+    return (_jsxs("span", { className: cn("tabular-nums", className), children: [_jsx("span", { "aria-hidden": true, children: text }), _jsx("span", { className: "sr-only", children: format === undefined ? value.toFixed(decimals) : format(value) })] }));
 }

package/dist/ui/approval-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../lib/utils.js";
@@ -17,100 +18,14 @@ const LONG_VALUE = 140;
  * Every argument the action will run with is shown. A card that hides them
  * behind "details" is asking for approval of something the user cannot see, so
  * long values clamp rather than disappear.
- */ export function ApprovalCard({ request, onApprove, onReject, onAllowAlways, state = "idle", error = null, className, children }) {
+ */
+export function ApprovalCard({ request, onApprove, onReject, onAllowAlways, state = "idle", error = null, className, children, }) {
     const busy = state !== "idle";
     const canAllowAlways = onAllowAlways !== undefined && request.actionKey !== undefined;
-    return /*#__PURE__*/ _jsxs("section", {
-        "aria-label": `Approval requested: ${request.headline}`,
-        className: cn("flex flex-col gap-3 rounded-lg border border-primary-emphasis bg-card p-4", className),
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-wrap items-center gap-2",
-                children: [
-                    /*#__PURE__*/ _jsx(Badge, {
-                        tone: "accent",
-                        children: "Needs your approval"
-                    }),
-                    /*#__PURE__*/ _jsxs("span", {
-                        className: "text-xs text-muted-foreground",
-                        children: [
-                            "Requested by ",
-                            request.requestedBy
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("p", {
-                className: "text-sm font-semibold",
-                children: request.headline
-            }),
-            request.details === undefined || request.details.length === 0 ? null : /*#__PURE__*/ _jsx("dl", {
-                className: "flex flex-col gap-1.5 rounded-md bg-muted p-3 text-xs",
-                children: request.details.map((detail)=>/*#__PURE__*/ _jsx(ApprovalDetailRow, {
-                        detail: detail
-                    }, detail.label))
-            }),
-            children,
-            error === null ? null : /*#__PURE__*/ _jsx("p", {
-                role: "alert",
-                className: "text-sm text-destructive",
-                children: error
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-wrap items-center gap-2",
-                children: [
-                    /*#__PURE__*/ _jsx(Button, {
-                        size: "sm",
-                        onClick: onApprove,
-                        disabled: busy,
-                        children: state === "approving" ? "Approving…" : "Approve"
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        variant: "outline",
-                        size: "sm",
-                        onClick: onReject,
-                        disabled: busy,
-                        children: state === "rejecting" ? "Rejecting…" : "Reject"
-                    }),
-                    canAllowAlways ? /*#__PURE__*/ _jsx(Button, {
-                        variant: "ghost",
-                        size: "sm",
-                        onClick: ()=>onAllowAlways(request.actionKey),
-                        disabled: busy,
-                        className: "ml-auto",
-                        children: state === "allowing-always" ? "Saving…" : "Always allow this"
-                    }) : null
-                ]
-            })
-        ]
-    });
+    return (_jsxs("section", { "aria-label": `Approval requested: ${request.headline}`, className: cn("flex flex-col gap-3 rounded-lg border border-primary-emphasis bg-card p-4", className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { tone: "accent", children: "Needs your approval" }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["Requested by ", request.requestedBy] })] }), _jsx("p", { className: "text-sm font-semibold", children: request.headline }), request.details === undefined || request.details.length === 0 ? null : (_jsx("dl", { className: "flex flex-col gap-1.5 rounded-md bg-muted p-3 text-xs", children: request.details.map((detail) => (_jsx(ApprovalDetailRow, { detail: detail }, detail.label))) })), children, error === null ? null : (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: error })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { size: "sm", onClick: onApprove, disabled: busy, children: state === "approving" ? "Approving…" : "Approve" }), _jsx(Button, { variant: "outline", size: "sm", onClick: onReject, disabled: busy, children: state === "rejecting" ? "Rejecting…" : "Reject" }), canAllowAlways ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onAllowAlways(request.actionKey), disabled: busy, className: "ml-auto", children: state === "allowing-always" ? "Saving…" : "Always allow this" })) : null] })] }));
 }
 function ApprovalDetailRow({ detail }) {
     const [expanded, setExpanded] = useState(false);
     const long = detail.value.length > LONG_VALUE;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: "grid grid-cols-[minmax(0,8rem)_1fr] gap-2",
-        children: [
-            /*#__PURE__*/ _jsx("dt", {
-                className: "truncate text-muted-foreground",
-                children: detail.label
-            }),
-            /*#__PURE__*/ _jsxs("dd", {
-                className: "min-w-0",
-                children: [
-                    /*#__PURE__*/ _jsx("span", {
-                        className: cn("block break-words whitespace-pre-wrap", long && !expanded && "line-clamp-2"),
-                        children: detail.value
-                    }),
-                    long ? /*#__PURE__*/ _jsx("button", {
-                        type: "button",
-                        onClick: ()=>setExpanded((value)=>!value),
-                        "aria-expanded": expanded,
-                        className: "mt-0.5 text-primary-emphasis hover:underline",
-                        children: expanded ? "Show less" : "Show more"
-                    }) : null
-                ]
-            })
-        ]
-    });
+    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,8rem)_1fr] gap-2", children: [_jsx("dt", { className: "truncate text-muted-foreground", children: detail.label }), _jsxs("dd", { className: "min-w-0", children: [_jsx("span", { className: cn("block break-words whitespace-pre-wrap", long && !expanded && "line-clamp-2"), children: detail.value }), long ? (_jsx("button", { type: "button", onClick: () => setExpanded((value) => !value), "aria-expanded": expanded, className: "mt-0.5 text-primary-emphasis hover:underline", children: expanded ? "Show less" : "Show more" })) : null] })] }));
 }

package/dist/ui/artifact-body.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Download } from "lucide-react";
-import { artifactForm } from "../lib/artifact.js";
+import { artifactForm, } from "../lib/artifact.js";
 import { toSafeHref } from "../lib/url.js";
 import { cn } from "../lib/utils.js";
 import { ArtifactNotice } from "./artifact-notice.js";
@@ -22,133 +22,57 @@ import { ResearchBody, parseResearchArtifact } from "./research-body.js";
  * "empty" is a real state here — artifacts are frequently rendered while they
  * are still being written — and each form's own empty rendering (a table with
  * no rows, a frame with no src) reads as a fault rather than as progress.
- */ export function ArtifactBody({ artifact, form, className }) {
+ */
+export function ArtifactBody({ artifact, form, className }) {
     const resolved = form ?? artifactForm(artifact.kind);
     const content = artifact.content;
     const blank = content.trim() === "";
-    return /*#__PURE__*/ _jsx("div", {
-        className: cn("w-full", className),
-        children: body()
-    });
+    return _jsx("div", { className: cn("w-full", className), children: body() });
     function body() {
-        switch(resolved){
-            case "image":
-                {
-                    // The thumbnail URL, not the content: an image artifact's bytes live
-                    // behind a route, and `content` for one is either empty or a caption.
-                    const src = toSafeHref(artifact.thumbnailUrl ?? artifact.downloadUrl);
-                    if (src === undefined) return /*#__PURE__*/ _jsx(ArtifactNotice, {
-                        pending: artifact.pending
-                    });
-                    return /*#__PURE__*/ _jsxs("figure", {
-                        className: "flex flex-col gap-3",
-                        children: [
-                            /*#__PURE__*/ _jsx("img", {
-                                src: src,
-                                alt: artifact.title,
-                                className: "max-h-[480px] max-w-full rounded-lg border border-border"
-                            }),
-                            blank ? null : /*#__PURE__*/ _jsx("figcaption", {
-                                className: "text-xs text-muted-foreground",
-                                children: content
-                            })
-                        ]
-                    });
-                }
-            case "download":
-                {
-                    const downloadUrl = toSafeHref(artifact.downloadUrl);
-                    if (downloadUrl === undefined) {
-                        return /*#__PURE__*/ _jsx(ArtifactNotice, {
-                            message: "This file has no download location, so it cannot be retrieved."
-                        });
-                    }
-                    return /*#__PURE__*/ _jsxs("a", {
-                        href: downloadUrl,
-                        download: true,
-                        className: buttonVariants({
-                            variant: "outline",
-                            size: "sm"
-                        }),
-                        children: [
-                            /*#__PURE__*/ _jsx(Download, {
-                                "aria-hidden": true
-                            }),
-                            "Download ",
-                            artifact.title
-                        ]
-                    });
+        switch (resolved) {
+            case "image": {
+                // The thumbnail URL, not the content: an image artifact's bytes live
+                // behind a route, and `content` for one is either empty or a caption.
+                const src = toSafeHref(artifact.thumbnailUrl ?? artifact.downloadUrl);
+                if (src === undefined)
+                    return _jsx(ArtifactNotice, { pending: artifact.pending });
+                return (_jsxs("figure", { className: "flex flex-col gap-3", children: [_jsx("img", { src: src, alt: artifact.title, className: "max-h-[480px] max-w-full rounded-lg border border-border" }), blank ? null : (_jsx("figcaption", { className: "text-xs text-muted-foreground", children: content }))] }));
+            }
+            case "download": {
+                const downloadUrl = toSafeHref(artifact.downloadUrl);
+                if (downloadUrl === undefined) {
+                    return (_jsx(ArtifactNotice, { message: "This file has no download location, so it cannot be retrieved." }));
                 }
+                return (_jsxs("a", { href: downloadUrl, download: true, className: buttonVariants({ variant: "outline", size: "sm" }), children: [_jsx(Download, { "aria-hidden": true }), "Download ", artifact.title] }));
+            }
             case "embed":
-                return /*#__PURE__*/ _jsx(EmbedBody, {
-                    url: content.trim(),
-                    title: artifact.title,
-                    ...artifact.downloadUrl === undefined ? {} : {
-                        downloadUrl: artifact.downloadUrl
-                    }
-                });
-            case "table":
-                {
-                    if (blank) return /*#__PURE__*/ _jsx(ArtifactNotice, {
-                        pending: artifact.pending
-                    });
-                    const downloadUrl = toSafeHref(artifact.downloadUrl);
-                    return /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-col gap-3",
-                        children: [
-                            downloadUrl === undefined ? null : /*#__PURE__*/ _jsxs("a", {
-                                href: downloadUrl,
-                                download: true,
-                                className: cn(buttonVariants({
-                                    variant: "outline",
-                                    size: "sm"
-                                }), "self-start"),
-                                children: [
-                                    /*#__PURE__*/ _jsx(Download, {
-                                        "aria-hidden": true
-                                    }),
-                                    "Download"
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsx(CsvTable, {
-                                text: content,
-                                caption: artifact.title
-                            })
-                        ]
-                    });
-                }
+                return (_jsx(EmbedBody, { url: content.trim(), title: artifact.title, ...(artifact.downloadUrl === undefined
+                        ? {}
+                        : { downloadUrl: artifact.downloadUrl }) }));
+            case "table": {
+                if (blank)
+                    return _jsx(ArtifactNotice, { pending: artifact.pending });
+                const downloadUrl = toSafeHref(artifact.downloadUrl);
+                return (_jsxs("div", { className: "flex flex-col gap-3", children: [downloadUrl === undefined ? null : (_jsxs("a", { href: downloadUrl, download: true, className: cn(buttonVariants({ variant: "outline", size: "sm" }), "self-start"), children: [_jsx(Download, { "aria-hidden": true }), "Download"] })), _jsx(CsvTable, { text: content, caption: artifact.title })] }));
+            }
             case "comparison":
-                return /*#__PURE__*/ _jsx(CompareBodyFromJson, {
-                    content: content,
-                    ...artifact.pending === undefined ? {} : {
-                        pending: artifact.pending
-                    }
-                });
-            case "research":
-                {
-                    if (blank) return /*#__PURE__*/ _jsx(ArtifactNotice, {
-                        pending: artifact.pending
-                    });
-                    const parsed = parseResearchArtifact(content);
-                    // Unparseable is not a failure worth an error card — the payload is
-                    // still the artifact, so fall through to prose and let it be read.
-                    if (parsed === null) return /*#__PURE__*/ _jsx(Prose, {
-                        text: content
-                    });
-                    return /*#__PURE__*/ _jsx(ResearchBody, {
-                        brief: parsed.brief,
-                        ...parsed.body === undefined ? {} : {
-                            body: parsed.body
-                        }
-                    });
-                }
+                return (_jsx(CompareBodyFromJson, { content: content, ...(artifact.pending === undefined
+                        ? {}
+                        : { pending: artifact.pending }) }));
+            case "research": {
+                if (blank)
+                    return _jsx(ArtifactNotice, { pending: artifact.pending });
+                const parsed = parseResearchArtifact(content);
+                // Unparseable is not a failure worth an error card — the payload is
+                // still the artifact, so fall through to prose and let it be read.
+                if (parsed === null)
+                    return _jsx(Prose, { text: content });
+                return (_jsx(ResearchBody, { brief: parsed.brief, ...(parsed.body === undefined ? {} : { body: parsed.body }) }));
+            }
             case "prose":
-                if (blank) return /*#__PURE__*/ _jsx(ArtifactNotice, {
-                    pending: artifact.pending
-                });
-                return /*#__PURE__*/ _jsx(Prose, {
-                    text: content
-                });
+                if (blank)
+                    return _jsx(ArtifactNotice, { pending: artifact.pending });
+                return _jsx(Prose, { text: content });
         }
     }
 }
@@ -162,9 +86,7 @@ import { ResearchBody, parseResearchArtifact } from "./research-body.js";
  *
  * `max-w-prose` caps the measure at roughly 65 characters. Full-bleed body text
  * on a wide screen is unreadable regardless of how good the type is.
- */ function Prose({ text }) {
-    return /*#__PURE__*/ _jsx("div", {
-        className: "max-w-prose text-sm leading-relaxed whitespace-pre-wrap",
-        children: text
-    });
+ */
+function Prose({ text }) {
+    return (_jsx("div", { className: "max-w-prose text-sm leading-relaxed whitespace-pre-wrap", children: text }));
 }

package/dist/ui/artifact-notice.d.ts

@@ -16,6 +16,6 @@ export declare function ArtifactNotice({
 pending, 
 /** Overrides the pending/empty wording — use for a specific failure. */
 message, }: {
-    readonly pending?: boolean;
+    readonly pending?: boolean | undefined;
     readonly message?: string;
 }): import("react").JSX.Element;

package/dist/ui/artifact-notice.js

@@ -13,24 +13,17 @@ import { EmptyState } from "./empty-state.js";
  * artifact means the producer has not finished writing; an empty payload on a
  * settled one means there is genuinely nothing. Same markup, opposite message,
  * and getting it backwards makes a working system look broken.
- */ export function ArtifactNotice({ /** The producer is still writing. Changes the message, not the layout. */ pending = false, /** Overrides the pending/empty wording — use for a specific failure. */ message }) {
+ */
+export function ArtifactNotice({ 
+/** The producer is still writing. Changes the message, not the layout. */
+pending = false, 
+/** Overrides the pending/empty wording — use for a specific failure. */
+message, }) {
     if (message !== undefined) {
-        return /*#__PURE__*/ _jsx(EmptyState, {
-            icon: /*#__PURE__*/ _jsx(FileWarning, {}),
-            title: "Nothing to preview",
-            description: message
-        });
+        return (_jsx(EmptyState, { icon: _jsx(FileWarning, {}), title: "Nothing to preview", description: message }));
     }
     if (pending) {
-        return /*#__PURE__*/ _jsx(EmptyState, {
-            icon: /*#__PURE__*/ _jsx(Loader2, {}),
-            title: "Still being produced",
-            description: "This artifact has no content yet — check back shortly."
-        });
+        return (_jsx(EmptyState, { icon: _jsx(Loader2, {}), title: "Still being produced", description: "This artifact has no content yet \u2014 check back shortly." }));
     }
-    return /*#__PURE__*/ _jsx(EmptyState, {
-        icon: /*#__PURE__*/ _jsx(FileWarning, {}),
-        title: "No content",
-        description: "This artifact is empty."
-    });
+    return (_jsx(EmptyState, { icon: _jsx(FileWarning, {}), title: "No content", description: "This artifact is empty." }));
 }