@corbits/react-ui 0.1.0 → 0.2.0

package/dist/ui/notifications-bell.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Bell } from "lucide-react";
 import { useEffect, useId, useRef } from "react";
@@ -16,54 +17,19 @@ import { cn } from "../lib/utils.js";
  *
  * Uncontrolled by default. Pass `open`/`onOpenChange` to drive it from a
  * parent — closing every other panel when this one opens, say.
- */ export function NotificationsBell({ count, children, maxCount = 99, open: openProp, onOpenChange, className }) {
+ */
+export function NotificationsBell({ count, children, maxCount = 99, open: openProp, onOpenChange, className, }) {
     const { open, setOpen, rootRef, triggerRef } = useDismissablePopover({
         open: openProp,
-        onOpenChange
+        onOpenChange,
     });
     const panelRef = useRef(null);
     const panelId = useId();
-    useEffect(()=>{
-        if (!open) return;
+    useEffect(() => {
+        if (!open)
+            return;
         panelRef.current?.focus();
-    }, [
-        open
-    ]);
+    }, [open]);
     const label = count === 0 ? "Notifications" : `Notifications, ${count} unread`;
-    return /*#__PURE__*/ _jsxs("div", {
-        ref: rootRef,
-        className: cn("relative", className),
-        children: [
-            /*#__PURE__*/ _jsxs("button", {
-                ref: triggerRef,
-                type: "button",
-                "aria-haspopup": "dialog",
-                "aria-expanded": open,
-                "aria-controls": open ? panelId : undefined,
-                "aria-label": label,
-                onClick: ()=>setOpen((value)=>!value),
-                className: "relative grid size-9 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-                children: [
-                    /*#__PURE__*/ _jsx(Bell, {
-                        className: "size-4",
-                        "aria-hidden": true
-                    }),
-                    count > 0 ? /*#__PURE__*/ _jsx("span", {
-                        "aria-hidden": true,
-                        className: "absolute top-1 right-1 min-w-4 rounded-full bg-primary px-1 text-center font-mono text-[10px] leading-4 text-primary-foreground",
-                        children: count > maxCount ? `${maxCount}+` : count
-                    }) : null
-                ]
-            }),
-            open ? /*#__PURE__*/ _jsx("div", {
-                ref: panelRef,
-                id: panelId,
-                role: "dialog",
-                "aria-label": label,
-                tabIndex: -1,
-                className: "absolute top-full right-0 z-50 mt-1 max-h-96 w-80 overflow-y-auto rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-lg",
-                children: children
-            }) : null
-        ]
-    });
+    return (_jsxs("div", { ref: rootRef, className: cn("relative", className), children: [_jsxs("button", { ref: triggerRef, type: "button", "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? panelId : undefined, "aria-label": label, onClick: () => setOpen((value) => !value), className: "relative grid size-9 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", children: [_jsx(Bell, { className: "size-4", "aria-hidden": true }), count > 0 ? (_jsx("span", { "aria-hidden": true, className: "absolute top-1 right-1 min-w-4 rounded-full bg-primary px-1 text-center font-mono text-[10px] leading-4 text-primary-foreground", children: count > maxCount ? `${maxCount}+` : count })) : null] }), open ? (_jsx("div", { ref: panelRef, id: panelId, role: "dialog", "aria-label": label, tabIndex: -1, className: "absolute top-full right-0 z-50 mt-1 max-h-96 w-80 overflow-y-auto rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-lg", children: children })) : null] }));
 }

package/dist/ui/now-cards.d.ts

@@ -20,7 +20,7 @@ export type NowSectionProps = {
  * still resolve) but marks it `inert` — `aria-hidden` alone would hide it from
  * a screen reader while leaving every card in the tab order.
  */
-export declare function NowSection({ count, collapsed, children, className }: NowSectionProps): import("react").JSX.Element;
+export declare function NowSection({ count, collapsed, children, className, }: NowSectionProps): import("react").JSX.Element;
 export type NowCardsProps = {
     readonly items: readonly NowItem[];
     /** Cap on cards shown. The rest belong in the queue below, not here. */
@@ -34,4 +34,4 @@ export type NowCardsProps = {
  * the list is sorted here by priority then recency, so two surfaces fed the
  * same items always agree on what is most urgent.
  */
-export declare function NowCards({ items, limit, selectedId, now, className }: NowCardsProps): import("react").JSX.Element | null;
+export declare function NowCards({ items, limit, selectedId, now, className, }: NowCardsProps): import("react").JSX.Element | null;

package/dist/ui/now-cards.js

@@ -11,106 +11,28 @@ import { Badge } from "./badge.js";
  * Collapsing keeps the body mounted (so it can animate, and so anchors into it
  * still resolve) but marks it `inert` — `aria-hidden` alone would hide it from
  * a screen reader while leaving every card in the tab order.
- */ export function NowSection({ count, collapsed = false, children, className }) {
+ */
+export function NowSection({ count, collapsed = false, children, className, }) {
     const countLabel = count === 1 ? "1 thing needs you" : `${count} things need you`;
-    return /*#__PURE__*/ _jsxs("section", {
-        "data-slot": "now-section",
-        "aria-label": "Now",
-        className: cn("border-b border-border bg-card px-4 py-3 text-card-foreground", className),
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: "flex items-end justify-between gap-2",
-                children: /*#__PURE__*/ _jsxs("div", {
-                    className: "min-w-0",
-                    children: [
-                        /*#__PURE__*/ _jsx("p", {
-                            className: "text-xs font-semibold tracking-[0.14em] text-primary-emphasis uppercase",
-                            children: "Now"
-                        }),
-                        /*#__PURE__*/ _jsx("p", {
-                            className: "text-sm font-semibold tracking-tight",
-                            children: count === 0 ? "Clear" : countLabel
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: cn("grid transition-[grid-template-rows,opacity] duration-300", collapsed ? "grid-rows-[0fr] opacity-0" : "mt-3 grid-rows-[1fr] opacity-100"),
-                ...collapsed ? {
-                    inert: true
-                } : {},
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "min-h-0 overflow-hidden",
-                    children: children
-                })
-            })
-        ]
-    });
+    return (_jsxs("section", { "data-slot": "now-section", "aria-label": "Now", className: cn("border-b border-border bg-card px-4 py-3 text-card-foreground", className), children: [_jsx("div", { className: "flex items-end justify-between gap-2", children: _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-xs font-semibold tracking-[0.14em] text-primary-emphasis uppercase", children: "Now" }), _jsx("p", { className: "text-sm font-semibold tracking-tight", children: count === 0 ? "Clear" : countLabel })] }) }), _jsx("div", { className: cn("grid transition-[grid-template-rows,opacity] duration-300", collapsed
+                    ? "grid-rows-[0fr] opacity-0"
+                    : "mt-3 grid-rows-[1fr] opacity-100"), ...(collapsed ? { inert: true } : {}), children: _jsx("div", { className: "min-h-0 overflow-hidden", children: children }) })] }));
 }
 /**
  * The highest-attention items as cards. Ordering is not the caller's problem —
  * the list is sorted here by priority then recency, so two surfaces fed the
  * same items always agree on what is most urgent.
- */ export function NowCards({ items, limit = 3, selectedId = null, now, className }) {
+ */
+export function NowCards({ items, limit = 3, selectedId = null, now, className, }) {
     const shown = sortNowItems(items).slice(0, limit);
-    if (shown.length === 0) return null;
-    return /*#__PURE__*/ _jsx("ul", {
-        "aria-label": "Needs you now",
-        className: cn("grid gap-2.5 sm:grid-cols-2 lg:grid-cols-3", className),
-        children: shown.map((item, index)=>{
+    if (shown.length === 0)
+        return null;
+    return (_jsx("ul", { "aria-label": "Needs you now", className: cn("grid gap-2.5 sm:grid-cols-2 lg:grid-cols-3", className), children: shown.map((item, index) => {
             const selected = item.id === selectedId;
-            const body = /*#__PURE__*/ _jsxs(_Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "flex items-center gap-2",
-                        children: [
-                            /*#__PURE__*/ _jsx("span", {
-                                className: "grid size-5 shrink-0 place-items-center rounded-full bg-primary/15 text-xs font-bold text-primary-emphasis",
-                                children: index + 1
-                            }),
-                            /*#__PURE__*/ _jsx(Badge, {
-                                tone: item.priority === "now" ? "accent" : "neutral",
-                                children: item.classification
-                            }),
-                            item.type === "mail" && !item.read ? /*#__PURE__*/ _jsx("span", {
-                                className: "size-2 shrink-0 rounded-full bg-primary",
-                                "aria-label": "Unread",
-                                role: "img"
-                            }) : null,
-                            /*#__PURE__*/ _jsx("time", {
-                                dateTime: item.when,
-                                className: "ml-auto shrink-0 text-xs text-muted-foreground",
-                                children: formatRelativeTime(item.when, now)
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx("p", {
-                        className: "mt-2 line-clamp-2 text-sm leading-snug font-semibold",
-                        children: item.title
-                    }),
-                    item.summary === undefined ? null : /*#__PURE__*/ _jsx("p", {
-                        className: "mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground",
-                        children: item.summary
-                    }),
-                    /*#__PURE__*/ _jsx("p", {
-                        className: "mt-2.5 text-xs font-medium text-primary-emphasis",
-                        children: item.type === "gate" ? `${item.action} →` : `From ${item.from}`
-                    })
-                ]
-            });
-            const shell = cn("block h-full w-full rounded-lg border p-3.5 text-left transition-colors", selected ? "border-primary-emphasis bg-primary/10" : "border-border bg-background hover:bg-muted");
-            return /*#__PURE__*/ _jsx("li", {
-                children: item.href === undefined ? /*#__PURE__*/ _jsx("div", {
-                    "aria-current": selected ? "true" : undefined,
-                    className: shell,
-                    children: body
-                }) : /*#__PURE__*/ _jsx("a", {
-                    href: item.href,
-                    "aria-current": selected ? "true" : undefined,
-                    className: shell,
-                    children: body
-                })
-            }, `${item.type}:${item.id}`);
-        })
-    });
+            const body = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "grid size-5 shrink-0 place-items-center rounded-full bg-primary/15 text-xs font-bold text-primary-emphasis", children: index + 1 }), _jsx(Badge, { tone: item.priority === "now" ? "accent" : "neutral", children: item.classification }), item.type === "mail" && !item.read ? (_jsx("span", { className: "size-2 shrink-0 rounded-full bg-primary", "aria-label": "Unread", role: "img" })) : null, _jsx("time", { dateTime: item.when, className: "ml-auto shrink-0 text-xs text-muted-foreground", children: formatRelativeTime(item.when, now) })] }), _jsx("p", { className: "mt-2 line-clamp-2 text-sm leading-snug font-semibold", children: item.title }), item.summary === undefined ? null : (_jsx("p", { className: "mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: item.summary })), _jsx("p", { className: "mt-2.5 text-xs font-medium text-primary-emphasis", children: item.type === "gate" ? `${item.action} →` : `From ${item.from}` })] }));
+            const shell = cn("block h-full w-full rounded-lg border p-3.5 text-left transition-colors", selected
+                ? "border-primary-emphasis bg-primary/10"
+                : "border-border bg-background hover:bg-muted");
+            return (_jsx("li", { children: item.href === undefined ? (_jsx("div", { "aria-current": selected ? "true" : undefined, className: shell, children: body })) : (_jsx("a", { href: item.href, "aria-current": selected ? "true" : undefined, className: shell, children: body })) }, `${item.type}:${item.id}`));
+        }) }));
 }

package/dist/ui/page-panel.js

@@ -8,16 +8,16 @@ import { cn } from "../lib/utils.js";
  * It is not `PageShell` — that caps and centres a measure of content — and not
  * `Card`, which is a surface within a page. This is the boundary between the
  * app shell and whatever the route renders.
- */ export function PagePanel({ children, scroll = true, flat = false, fitContent = false, surface = "background", className }) {
-    const sizing = fitContent ? "w-full max-h-full self-start" : "flex-1 border border-border";
-    const overflow = scroll ? fitContent ? "overflow-y-auto" : "min-h-full overflow-y-auto" : "overflow-hidden";
+ */
+export function PagePanel({ children, scroll = true, flat = false, fitContent = false, surface = "background", className, }) {
+    const sizing = fitContent
+        ? "w-full max-h-full self-start"
+        : "flex-1 border border-border";
+    const overflow = scroll
+        ? fitContent
+            ? "overflow-y-auto"
+            : "min-h-full overflow-y-auto"
+        : "overflow-hidden";
     const fill = surface === "card" ? "bg-card" : "bg-background";
-    return /*#__PURE__*/ _jsx("div", {
-        className: cn("flex h-full overflow-hidden", fill),
-        children: /*#__PURE__*/ _jsx("section", {
-            "data-slot": "page-panel",
-            className: cn("flex flex-col", fill, sizing, overflow, !flat && "shadow-sm", className),
-            children: children
-        })
-    });
+    return (_jsx("div", { className: cn("flex h-full overflow-hidden", fill), children: _jsx("section", { "data-slot": "page-panel", className: cn("flex flex-col", fill, sizing, overflow, !flat && "shadow-sm", className), children: children }) }));
 }

package/dist/ui/page-shell.js

@@ -3,7 +3,7 @@ import { cn } from "../lib/utils.js";
 const WIDTH_CLASS = {
     prose: "mx-auto w-full max-w-3xl",
     wide: "mx-auto w-full max-w-5xl",
-    full: "w-full"
+    full: "w-full",
 };
 /**
  * The frame a top-level page sits in: full height, one scroll container, and a
@@ -13,14 +13,7 @@ const WIDTH_CLASS = {
  * of by whichever page was written most recently. It is not `Section` — that is
  * a titled block *within* a page — and it is not `Card`, which is a surface.
  * This is the page's outer boundary and it deliberately draws nothing.
- */ export function PageShell({ scroll = true, width = "wide", className, children, ...props }) {
-    return /*#__PURE__*/ _jsx("div", {
-        "data-slot": "page-shell",
-        className: cn("flex h-full flex-col", scroll ? "overflow-y-auto" : "overflow-hidden", className),
-        ...props,
-        children: /*#__PURE__*/ _jsx("div", {
-            className: cn("flex min-h-0 flex-1 flex-col gap-6 px-4 py-6", WIDTH_CLASS[width]),
-            children: children
-        })
-    });
+ */
+export function PageShell({ scroll = true, width = "wide", className, children, ...props }) {
+    return (_jsx("div", { "data-slot": "page-shell", className: cn("flex h-full flex-col", scroll ? "overflow-y-auto" : "overflow-hidden", className), ...props, children: _jsx("div", { className: cn("flex min-h-0 flex-1 flex-col gap-6 px-4 py-6", WIDTH_CLASS[width]), children: children }) }));
 }

package/dist/ui/parts-renderer.js

@@ -1,10 +1,12 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ChevronRight, Paperclip } from "lucide-react";
 import { useState } from "react";
 import { cn } from "../lib/utils.js";
 import { BlockCard } from "./block-card.js";
 import { ToolBlock } from "./tool-block.js";
-/** `1.2s`, `45s`, `3m 05s` — never a raw millisecond count. */ function formatDuration(ms) {
+/** `1.2s`, `45s`, `3m 05s` — never a raw millisecond count. */
+function formatDuration(ms) {
     const totalSeconds = ms / 1000;
     if (totalSeconds < 60) {
         return `${totalSeconds < 10 ? totalSeconds.toFixed(1) : Math.round(totalSeconds)}s`;
@@ -13,49 +15,40 @@ import { ToolBlock } from "./tool-block.js";
     const seconds = Math.round(totalSeconds % 60);
     return `${minutes}m ${String(seconds).padStart(2, "0")}s`;
 }
-/** Maps the wire's four-outcome status onto `ToolBlock`'s render-side state. */ export function toolTraceToBlockState(part) {
-    switch(part.status){
+/** Maps the wire's four-outcome status onto `ToolBlock`'s render-side state. */
+export function toolTraceToBlockState(part) {
+    switch (part.status) {
         case "pending":
-            return {
-                status: "pending"
-            };
+            return { status: "pending" };
         case "running":
-            return {
-                status: "running"
-            };
+            return { status: "running" };
         case "output-available":
             return {
                 status: "output-available",
-                output: stringifyOutput(part.output)
+                output: stringifyOutput(part.output),
             };
         case "error":
-            return {
-                status: "error",
-                message: stringifyOutput(part.output)
-            };
+            return { status: "error", message: stringifyOutput(part.output) };
         case "approval-requested":
             return {
                 status: "approval-requested",
-                reason: stringifyOutput(part.output)
+                reason: stringifyOutput(part.output),
             };
         case "output-denied":
-            return {
-                status: "output-denied",
-                reason: stringifyOutput(part.output)
-            };
+            return { status: "output-denied", reason: stringifyOutput(part.output) };
     }
 }
 function stringifyOutput(output) {
-    if (output === undefined) return "";
-    if (typeof output === "string") return output;
+    if (output === undefined)
+        return "";
+    if (typeof output === "string")
+        return output;
     return JSON.stringify(output, null, 2);
 }
 function TextPartView({ text }) {
-    if (text.trim().length === 0) return null;
-    return /*#__PURE__*/ _jsx("p", {
-        className: "whitespace-pre-wrap text-sm leading-relaxed text-foreground",
-        children: text
-    });
+    if (text.trim().length === 0)
+        return null;
+    return (_jsx("p", { className: "whitespace-pre-wrap text-sm leading-relaxed text-foreground", children: text }));
 }
 /**
  * The agent's thinking, folded away, with how long it took once known.
@@ -64,95 +57,35 @@ function TextPartView({ text }) {
  * mid-stream makes the transcript jump under the reader. A native
  * `<details>`, not a div with state — it gets disclosure semantics, keyboard
  * behaviour and find-in-page expansion from the browser for free.
- */ function ReasoningPartView({ text, durationMs }) {
+ */
+function ReasoningPartView({ text, durationMs, }) {
     const [open, setOpen] = useState(false);
-    if (text.trim().length === 0) return null;
-    return /*#__PURE__*/ _jsxs("details", {
-        "data-slot": "reasoning-part",
-        open: open,
-        onToggle: (event)=>setOpen(event.currentTarget.open),
-        className: "text-xs",
-        children: [
-            /*#__PURE__*/ _jsxs("summary", {
-                className: cn(// `relative` plus the `::after` pseudo-element extends the
+    if (text.trim().length === 0)
+        return null;
+    return (_jsxs("details", { "data-slot": "reasoning-part", open: open, onToggle: (event) => setOpen(event.currentTarget.open), className: "text-xs", children: [_jsxs("summary", { className: cn(
+                // `relative` plus the `::after` pseudo-element extends the
                 // effective hit area to 40px tall without changing the row's own
                 // padding/density — see design-engineering.md's hit-area pattern.
-                "relative flex cursor-pointer list-none items-center gap-1.5 rounded-md px-2 py-1.5 text-muted-foreground transition-colors after:absolute after:inset-x-0 after:top-1/2 after:h-10 after:-translate-y-1/2 hover:bg-muted hover:text-foreground", "[&::-webkit-details-marker]:hidden"),
-                children: [
-                    /*#__PURE__*/ _jsx(ChevronRight, {
-                        className: cn("size-3.5 shrink-0 transition-transform duration-200 ease-out", open && "rotate-90"),
-                        "aria-hidden": true
-                    }),
-                    /*#__PURE__*/ _jsxs("span", {
-                        children: [
-                            "Thought",
-                            durationMs === undefined ? "" : ` for ${formatDuration(durationMs)}`
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("p", {
-                className: "mt-1 ml-4 border-l border-border pl-3 leading-relaxed whitespace-pre-wrap text-muted-foreground [animation:corbits-rail-block-in_200ms_var(--ease-out)_both]",
-                children: text
-            }, open ? "open" : "closed")
-        ]
-    });
+                "relative flex cursor-pointer list-none items-center gap-1.5 rounded-md px-2 py-1.5 text-muted-foreground transition-colors after:absolute after:inset-x-0 after:top-1/2 after:h-10 after:-translate-y-1/2 hover:bg-muted hover:text-foreground", "[&::-webkit-details-marker]:hidden"), children: [_jsx(ChevronRight, { className: cn("size-3.5 shrink-0 transition-transform duration-200 ease-out", open && "rotate-90"), "aria-hidden": true }), _jsxs("span", { children: ["Thought", durationMs === undefined ? "" : ` for ${formatDuration(durationMs)}`] })] }), _jsx("p", { className: "mt-1 ml-4 border-l border-border pl-3 leading-relaxed whitespace-pre-wrap text-muted-foreground [animation:corbits-rail-block-in_200ms_var(--ease-out)_both]", children: text }, open ? "open" : "closed")] }));
 }
-function FilePartView({ name, mediaType, url }) {
-    const content = /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(Paperclip, {
-                className: "size-3.5 shrink-0",
-                "aria-hidden": true
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                className: "min-w-0 flex-1 truncate",
-                children: name
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                className: "shrink-0 text-muted-foreground",
-                children: mediaType
-            })
-        ]
-    });
+function FilePartView({ name, mediaType, url, }) {
+    const content = (_jsxs(_Fragment, { children: [_jsx(Paperclip, { className: "size-3.5 shrink-0", "aria-hidden": true }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: name }), _jsx("span", { className: "shrink-0 text-muted-foreground", children: mediaType })] }));
     if (url === undefined) {
-        return /*#__PURE__*/ _jsx("span", {
-            "data-slot": "file-part",
-            className: "inline-flex max-w-full items-center gap-2 rounded-md border border-border bg-muted/40 px-2.5 py-1.5 text-xs text-foreground",
-            children: content
-        });
+        return (_jsx("span", { "data-slot": "file-part", className: "inline-flex max-w-full items-center gap-2 rounded-md border border-border bg-muted/40 px-2.5 py-1.5 text-xs text-foreground", children: content }));
     }
-    return /*#__PURE__*/ _jsx("a", {
-        "data-slot": "file-part",
-        href: url,
-        target: "_blank",
-        rel: "noreferrer",
-        className: "inline-flex max-w-full items-center gap-2 rounded-md border border-border bg-muted/40 px-2.5 py-1.5 text-xs text-foreground transition-colors hover:bg-muted",
-        children: content
-    });
+    return (_jsx("a", { "data-slot": "file-part", href: url, target: "_blank", rel: "noreferrer", className: "inline-flex max-w-full items-center gap-2 rounded-md border border-border bg-muted/40 px-2.5 py-1.5 text-xs text-foreground transition-colors hover:bg-muted", children: content }));
 }
 function EventPartView({ event }) {
     const label = event.replace(/[.-]+/g, " ");
-    return /*#__PURE__*/ _jsx("div", {
-        "data-slot": "event-part",
-        className: "flex items-center gap-2 py-1 text-xs text-muted-foreground italic",
-        children: /*#__PURE__*/ _jsx("span", {
-            children: label
-        })
-    });
+    return (_jsx("div", { "data-slot": "event-part", className: "flex items-center gap-2 py-1 text-xs text-muted-foreground italic", children: _jsx("span", { children: label }) }));
 }
 /**
  * A block part this renderer has no host-specific registry for. Phase 1
  * ships no generative-UI JSON-spec renderer, so a block always falls back to
  * its type name and raw payload rather than going unrendered.
- */ function BlockPartFallback({ type, data }) {
-    return /*#__PURE__*/ _jsx(BlockCard, {
-        title: type,
-        children: /*#__PURE__*/ _jsx("pre", {
-            className: "max-h-64 overflow-auto font-mono text-[11px] whitespace-pre-wrap text-muted-foreground",
-            children: JSON.stringify(data, null, 2)
-        })
-    });
+ */
+function BlockPartFallback({ type, data }) {
+    return (_jsx(BlockCard, { title: type, children: _jsx("pre", { className: "max-h-64 overflow-auto font-mono text-[11px] whitespace-pre-wrap text-muted-foreground", children: JSON.stringify(data, null, 2) }) }));
 }
 /**
  * A `Part` whose `kind` this renderer has never heard of — a wire value
@@ -161,18 +94,9 @@ function EventPartView({ event }) {
  * neutral labeled card naming the unrecognized kind rather than rendering
  * nothing, so a producer/consumer version skew is visible in the transcript
  * instead of silently swallowing content.
- */ function UnknownPartFallback({ kind }) {
-    return /*#__PURE__*/ _jsxs("div", {
-        "data-slot": "unknown-part",
-        className: "rounded-md border border-dashed border-border bg-muted/30 px-2.5 py-1.5 text-xs text-muted-foreground",
-        children: [
-            "Unsupported part: ",
-            /*#__PURE__*/ _jsx("span", {
-                className: "font-mono",
-                children: kind
-            })
-        ]
-    });
+ */
+function UnknownPartFallback({ kind }) {
+    return (_jsxs("div", { "data-slot": "unknown-part", className: "rounded-md border border-dashed border-border bg-muted/30 px-2.5 py-1.5 text-xs text-muted-foreground", children: ["Unsupported part: ", _jsx("span", { className: "font-mono", children: kind })] }));
 }
 /**
  * Renders an ordered `Part[]` in the order the model produced it: text as
@@ -186,49 +110,27 @@ function EventPartView({ event }) {
  * An empty `parts` array renders nothing — no placeholder, no empty-state
  * chrome. A message with no parts is not a message a transcript should show
  * anything for.
- */ export function PartsRenderer({ parts, className }) {
-    if (parts.length === 0) return null;
-    return /*#__PURE__*/ _jsx("div", {
-        "data-slot": "parts-renderer",
-        className: cn("flex flex-col gap-1.5", className),
-        children: parts.map((part, index)=>{
+ */
+export function PartsRenderer({ parts, className }) {
+    if (parts.length === 0)
+        return null;
+    return (_jsx("div", { "data-slot": "parts-renderer", className: cn("flex flex-col gap-1.5", className), children: parts.map((part, index) => {
             const key = `${part.kind}-${index}`;
-            switch(part.kind){
+            switch (part.kind) {
                 case "text":
-                    return /*#__PURE__*/ _jsx(TextPartView, {
-                        text: part.text
-                    }, key);
+                    return _jsx(TextPartView, { text: part.text }, key);
                 case "reasoning":
-                    return /*#__PURE__*/ _jsx(ReasoningPartView, {
-                        text: part.text,
-                        durationMs: part.durationMs
-                    }, key);
+                    return (_jsx(ReasoningPartView, { text: part.text, durationMs: part.durationMs }, key));
                 case "tool-trace":
-                    return /*#__PURE__*/ _jsx(ToolBlock, {
-                        name: part.name,
-                        input: part.input,
-                        state: toolTraceToBlockState(part)
-                    }, key);
+                    return (_jsx(ToolBlock, { name: part.name, input: part.input, state: toolTraceToBlockState(part) }, key));
                 case "file":
-                    return /*#__PURE__*/ _jsx(FilePartView, {
-                        name: part.name,
-                        mediaType: part.mediaType,
-                        url: part.url
-                    }, key);
+                    return (_jsx(FilePartView, { name: part.name, mediaType: part.mediaType, url: part.url }, key));
                 case "event":
-                    return /*#__PURE__*/ _jsx(EventPartView, {
-                        event: part.event
-                    }, key);
+                    return _jsx(EventPartView, { event: part.event }, key);
                 case "block":
-                    return /*#__PURE__*/ _jsx(BlockPartFallback, {
-                        type: part.block.type,
-                        data: part.block.data
-                    }, key);
+                    return (_jsx(BlockPartFallback, { type: part.block.type, data: part.block.data }, key));
                 default:
-                    return /*#__PURE__*/ _jsx(UnknownPartFallback, {
-                        kind: part.kind
-                    }, key);
+                    return (_jsx(UnknownPartFallback, { kind: part.kind }, key));
             }
-        })
-    });
+        }) }));
 }