@hanzo/ui 8.1.4 → 8.1.6

package/dist/chat/Step.cjs

@@ -7,51 +7,29 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * Step — something the assistant did on the way to the answer, and how it went.
  *
  * A tool call, a retrieval, a plan, a stretch of reasoning, a progress report:
- * every one of them is a named region that reports a state and opens to show
- * its detail. Two repos had written that arrangement NINE times without ever
- * naming it — hanzo/chat once (`ToolCall.tsx` + `ProgressText.tsx`), hanzo.app
- * eight (`chat-panel/index.tsx` `ToolDisplay`, `SyntheticErrorDisplay`,
- * `ReasoningDisplay`, `PlanDisplay`, `AgentDisplay`, `ProgressDisplay`, the
- * inline `project_context` block, and the builder's own `CollapsibleSection` in
- * `ask-ai/chat-thread.tsx:330`). Nine chances to order the header differently,
- * and they took most of them.
+ * each is a named region that reports a state and opens to show its detail.
+ * The header, the state mark, the disclosure and the frame are here; what goes
+ * inside is `children`.
  *
- * What goes INSIDE stays the surface's: chat renders the input as a code block
- * and the result through its own markdown, the app renders
- * `JSON.stringify(parameters, null, 2)`. That is `children`. The header, the
- * state mark, the disclosure and the frame are the same drawing in all nine and
- * they are here.
+ * Open/closed is `Collapsible`, so `aria-expanded`, `aria-controls` and the
+ * keyboard come from the primitive.
  *
- * The open/closed behaviour is `Collapsible`, not a hand-rolled height
- * animation. Both existing implementations rolled their own — chat measures
- * `scrollHeight` in a `useLayoutEffect`, keeps a `ResizeObserver` alive and
- * transitions an explicit pixel height — and that is the keyboard handling and
- * the `aria-expanded`/`aria-controls` pair re-derived by hand each time. The
- * primitive already has them.
- *
- * There is no duration and no elapsed time. Neither implementation shows one,
- * and chat's apparent progress is not measured at all: `useProgress.ts:54`
- * ticks a `setInterval` by 0.007 every 200ms and caps at 0.95 until the server
- * says otherwise. A number that is invented should not be given a place to
- * render.
+ * No duration: nothing upstream measures one, and a progress ratio ticked by a
+ * timer is not a measurement.
  */
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const gui_2 = require("../backends/gui/index.cjs");
 const slot_1 = require("../backends/gui/slot.cjs");
-/** Edge of the state mark, px. One size, so the header never reflows on a state
- *  change — a step that finishes must not move the text beside it. */
+/** Edge of the state mark, px. One size, so a state change never reflows the
+ *  header. */
 const MARK = 13;
 /**
  * The mark for each state. `running` is the one that moves.
  *
- * Tinted on the glyph, never on the box: `XStack` is a View and has no `color`,
- * so a colour set there type-errors rather than cascading — which is this
- * package's "a prop must actually arrive" rule catching a habit borrowed from
- * the DOM. Written as four call sites rather than a lookup table because the
- * Spinner and the three glyphs do not share a props type: the icons take a
- * themed `GetThemeValueForKey<'color'>` and the Spinner takes a plain string,
- * and the table that unified them only typechecked by widening both to `any`.
+ * Tinted on the glyph: `XStack` is a View and takes no `color`. Four call sites
+ * rather than a table because the Spinner and the icons do not share a props
+ * type — the icons take a themed colour, the Spinner a plain string.
  */
 const mark = (status) => {
     switch (status) {
@@ -65,17 +43,13 @@ const mark = (status) => {
             return (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Ban, { size: MARK, color: "$color11" });
     }
 };
-function Step({ name, status = 'done', detail, children, defaultOpen, open, onOpenChange, }) {
-    // A step with no body is a statement, not a control. Rendering a dead chevron
-    // and a focusable trigger over nothing is how a keyboard user is sent to a
-    // stop that does not answer.
+function Step({ name, status = 'done', detail, children, defaultOpen, open, onOpenChange, ...props }) {
+    // A step with no body is a statement, not a control: no chevron, no trigger,
+    // no keyboard stop that does not answer.
     const opens = children != null;
     const header = ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$3", py: "$2", width: "100%", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: MARK + 1, items: "center", justify: "center", shrink: 0, children: mark(status) }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color12", numberOfLines: 1, children: name }), detail ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color10", numberOfLines: 1, shrink: 1, children: detail })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), opens ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 13, color: "$color10" }) : null] }));
     return ((0, jsx_runtime_1.jsxs)(gui_2.Collapsible, { ...(0, slot_1.slot)('step'), "data-status": status, open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, width: "100%", rounded: "$4", borderWidth: 1, 
-        // The failure edge, not a red one. `product/tone.ts` states the rule this
-        // package works under — "this system has no colour to spend" — and marks
-        // its `stopped` register with a border rather than a fill. A step that
-        // errored is set apart the same way, so it still reads as a failure in a
-        // brand that retunes the whole ramp.
-        borderColor: status === 'error' ? '$color9' : '$borderColor', bg: "$color2", overflow: "hidden", children: [opens ? (0, jsx_runtime_1.jsx)(gui_2.CollapsibleTrigger, { width: "100%", children: header }) : header, opens ? ((0, jsx_runtime_1.jsx)(gui_2.CollapsibleContent, { children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('step-body'), px: "$3", py: "$2.5", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", children: children }) })) : null] }));
+        // An edge, not a red fill — `product/tone.ts` marks `stopped` the same
+        // way, so it survives a brand that retunes the ramp.
+        borderColor: status === 'error' ? '$color9' : '$borderColor', bg: "$color2", overflow: "hidden", ...props, children: [opens ? (0, jsx_runtime_1.jsx)(gui_2.CollapsibleTrigger, { width: "100%", children: header }) : header, opens ? ((0, jsx_runtime_1.jsx)(gui_2.CollapsibleContent, { children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('step-body'), px: "$3", py: "$2.5", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", children: children }) })) : null] }));
 }

package/dist/chat/Step.d.ts

@@ -1,34 +1,23 @@
-import type { ReactNode } from 'react';
-/**
- * How a step went.
- *
- * Four, from the union of what the two implementations track. chat reports
- * `error`, `cancelled` and a progress ratio it treats as running-or-done
- * (`ToolCall.tsx:139`); the app reports `pending | executing | completed |
- * failed` (`chat-panel/index.tsx:97`) — and `pending` and `executing` draw the
- * same thing, because from the reader's side a step that has not started and a
- * step that is running are both "not yet".
- */
+import type { ComponentProps, ReactNode } from 'react';
+import { Collapsible } from '../backends/gui/index.js';
+/** How a step went. A step that has not started and one that is running draw
+ *  the same thing: from the reader's side both are "not yet". */
 export type Ran = 'running' | 'done' | 'error' | 'cancelled';
-export interface StepProps {
+export interface StepProps extends Omit<ComponentProps<typeof Collapsible>, 'children' | 'open' | 'defaultOpen' | 'onOpenChange'> {
     /** What ran — a tool name, "Reasoning", "Plan". */
     name: string;
     status?: Ran;
-    /**
-     * One line beside the name: the command, the path, the query. Clamped to a
-     * single line — the app truncates its own to 50 characters
-     * (`chat-panel/index.tsx:1148`) precisely because an untruncated one wraps
-     * the header and moves the chevron.
-     */
+    /** One line beside the name: the command, the path, the query. Clamped, or it
+     *  wraps the header and moves the chevron. */
     detail?: string;
     /** Revealed when open. Omit it and the step has nothing to open, so it does
      *  not offer to: no chevron, no trigger, no keyboard stop. */
     children?: ReactNode;
     /** Uncontrolled. */
     defaultOpen?: boolean;
-    /** Controlled — the app holds every step's state in one `Set` on the panel. */
+    /** Controlled. */
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export declare function Step({ name, status, detail, children, defaultOpen, open, onOpenChange, }: StepProps): import("react/jsx-runtime").JSX.Element;
+export declare function Step({ name, status, detail, children, defaultOpen, open, onOpenChange, ...props }: StepProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Step.d.ts.map

package/dist/chat/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/chat/Step.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;;;;;;;;GASG;AACH,MAAM,MAAM,GAAG,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAA;AA8B5D,MAAM,WAAW,SAAS;IACxB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;kEAC8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oBAAoB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,MAAe,EACf,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,GACb,EAAE,SAAS,2CA4DX"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/chat/Step.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAmD,MAAM,iBAAiB,CAAA;AAG9F;iEACiE;AACjE,MAAM,MAAM,GAAG,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAA;AA0B5D,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC;IACtG,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;kDAC8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;kEAC8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oBAAoB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,MAAe,EACf,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,SAAS,2CAyDX"}

package/dist/chat/Step.js

@@ -4,51 +4,29 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Step — something the assistant did on the way to the answer, and how it went.
  *
  * A tool call, a retrieval, a plan, a stretch of reasoning, a progress report:
- * every one of them is a named region that reports a state and opens to show
- * its detail. Two repos had written that arrangement NINE times without ever
- * naming it — hanzo/chat once (`ToolCall.tsx` + `ProgressText.tsx`), hanzo.app
- * eight (`chat-panel/index.tsx` `ToolDisplay`, `SyntheticErrorDisplay`,
- * `ReasoningDisplay`, `PlanDisplay`, `AgentDisplay`, `ProgressDisplay`, the
- * inline `project_context` block, and the builder's own `CollapsibleSection` in
- * `ask-ai/chat-thread.tsx:330`). Nine chances to order the header differently,
- * and they took most of them.
+ * each is a named region that reports a state and opens to show its detail.
+ * The header, the state mark, the disclosure and the frame are here; what goes
+ * inside is `children`.
  *
- * What goes INSIDE stays the surface's: chat renders the input as a code block
- * and the result through its own markdown, the app renders
- * `JSON.stringify(parameters, null, 2)`. That is `children`. The header, the
- * state mark, the disclosure and the frame are the same drawing in all nine and
- * they are here.
+ * Open/closed is `Collapsible`, so `aria-expanded`, `aria-controls` and the
+ * keyboard come from the primitive.
  *
- * The open/closed behaviour is `Collapsible`, not a hand-rolled height
- * animation. Both existing implementations rolled their own — chat measures
- * `scrollHeight` in a `useLayoutEffect`, keeps a `ResizeObserver` alive and
- * transitions an explicit pixel height — and that is the keyboard handling and
- * the `aria-expanded`/`aria-controls` pair re-derived by hand each time. The
- * primitive already has them.
- *
- * There is no duration and no elapsed time. Neither implementation shows one,
- * and chat's apparent progress is not measured at all: `useProgress.ts:54`
- * ticks a `setInterval` by 0.007 every 200ms and caps at 0.95 until the server
- * says otherwise. A number that is invented should not be given a place to
- * render.
+ * No duration: nothing upstream measures one, and a progress ratio ticked by a
+ * timer is not a measurement.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { Ban, Check, ChevronDown, TriangleAlert } from '@hanzogui/lucide-icons-2';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, Spinner } from '../backends/gui/index.js';
 import { slot } from '../backends/gui/slot.js';
-/** Edge of the state mark, px. One size, so the header never reflows on a state
- *  change — a step that finishes must not move the text beside it. */
+/** Edge of the state mark, px. One size, so a state change never reflows the
+ *  header. */
 const MARK = 13;
 /**
  * The mark for each state. `running` is the one that moves.
  *
- * Tinted on the glyph, never on the box: `XStack` is a View and has no `color`,
- * so a colour set there type-errors rather than cascading — which is this
- * package's "a prop must actually arrive" rule catching a habit borrowed from
- * the DOM. Written as four call sites rather than a lookup table because the
- * Spinner and the three glyphs do not share a props type: the icons take a
- * themed `GetThemeValueForKey<'color'>` and the Spinner takes a plain string,
- * and the table that unified them only typechecked by widening both to `any`.
+ * Tinted on the glyph: `XStack` is a View and takes no `color`. Four call sites
+ * rather than a table because the Spinner and the icons do not share a props
+ * type — the icons take a themed colour, the Spinner a plain string.
  */
 const mark = (status) => {
     switch (status) {
@@ -62,18 +40,14 @@ const mark = (status) => {
             return _jsx(Ban, { size: MARK, color: "$color11" });
     }
 };
-export function Step({ name, status = 'done', detail, children, defaultOpen, open, onOpenChange, }) {
-    // A step with no body is a statement, not a control. Rendering a dead chevron
-    // and a focusable trigger over nothing is how a keyboard user is sent to a
-    // stop that does not answer.
+export function Step({ name, status = 'done', detail, children, defaultOpen, open, onOpenChange, ...props }) {
+    // A step with no body is a statement, not a control: no chevron, no trigger,
+    // no keyboard stop that does not answer.
     const opens = children != null;
     const header = (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$2", width: "100%", children: [_jsx(XStack, { width: MARK + 1, items: "center", justify: "center", shrink: 0, children: mark(status) }), _jsx(SizableText, { size: "$1", color: "$color12", numberOfLines: 1, children: name }), detail ? (_jsx(SizableText, { size: "$1", color: "$color10", numberOfLines: 1, shrink: 1, children: detail })) : null, _jsx(XStack, { flex: 1 }), opens ? _jsx(ChevronDown, { size: 13, color: "$color10" }) : null] }));
     return (_jsxs(Collapsible, { ...slot('step'), "data-status": status, open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, width: "100%", rounded: "$4", borderWidth: 1, 
-        // The failure edge, not a red one. `product/tone.ts` states the rule this
-        // package works under — "this system has no colour to spend" — and marks
-        // its `stopped` register with a border rather than a fill. A step that
-        // errored is set apart the same way, so it still reads as a failure in a
-        // brand that retunes the whole ramp.
-        borderColor: status === 'error' ? '$color9' : '$borderColor', bg: "$color2", overflow: "hidden", children: [opens ? _jsx(CollapsibleTrigger, { width: "100%", children: header }) : header, opens ? (_jsx(CollapsibleContent, { children: _jsx(YStack, { ...slot('step-body'), px: "$3", py: "$2.5", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", children: children }) })) : null] }));
+        // An edge, not a red fill — `product/tone.ts` marks `stopped` the same
+        // way, so it survives a brand that retunes the ramp.
+        borderColor: status === 'error' ? '$color9' : '$borderColor', bg: "$color2", overflow: "hidden", ...props, children: [opens ? _jsx(CollapsibleTrigger, { width: "100%", children: header }) : header, opens ? (_jsx(CollapsibleContent, { children: _jsx(YStack, { ...slot('step-body'), px: "$3", py: "$2.5", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", children: children }) })) : null] }));
 }
 //# sourceMappingURL=Step.js.map

package/dist/chat/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/chat/Step.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/chat/Step.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAGjF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAM3C;cACc;AACd,MAAM,IAAI,GAAG,EAAE,CAAA;AAEf;;;;;;GAMG;AACH,MAAM,IAAI,GAAG,CAAC,MAAW,EAAE,EAAE;IAC3B,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,UAAU,GAAG,CAAA;QACjD,KAAK,MAAM;YACT,OAAO,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,UAAU,GAAG,CAAA;QAC/C,KAAK,OAAO;YACV,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,UAAU,GAAG,CAAA;QACvD,KAAK,WAAW;YACd,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,UAAU,GAAG,CAAA;IAC/C,CAAC;AACH,CAAC,CAAA;AAoBD,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACE;IACV,6EAA6E;IAC7E,yCAAyC;IACzC,MAAM,KAAK,GAAG,QAAQ,IAAI,IAAI,CAAA;IAE9B,MAAM,MAAM,GAAG,CACb,MAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,aAC1D,KAAC,MAAM,IAAC,KAAK,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAE,CAAC,YAC/D,IAAI,CAAC,MAAM,CAAC,GACN,EACT,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,aAAa,EAAE,CAAC,YACrD,IAAI,GACO,EACb,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,YAChE,MAAM,GACK,CACf,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,GAAI,EAClB,KAAK,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,IACnD,CACV,CAAA;IAED,OAAO,CACL,MAAC,WAAW,OACN,IAAI,CAAC,MAAM,CAAC,iBACH,MAAM,EACnB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC;QACd,uEAAuE;QACvE,qDAAqD;QACrD,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,EAC5D,EAAE,EAAC,SAAS,EACZ,QAAQ,EAAC,QAAQ,KACb,KAAK,aAER,KAAK,CAAC,CAAC,CAAC,KAAC,kBAAkB,IAAC,KAAK,EAAC,MAAM,YAAE,MAAM,GAAsB,CAAC,CAAC,CAAC,MAAM,EAC/E,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,kBAAkB,cACjB,KAAC,MAAM,OACD,IAAI,CAAC,WAAW,CAAC,EACrB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,EACT,GAAG,EAAC,IAAI,EACR,cAAc,EAAE,CAAC,EACjB,WAAW,EAAC,cAAc,YAEzB,QAAQ,GACF,GACU,CACtB,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC"}

package/dist/chat/Thread.cjs

@@ -1,15 +1,14 @@
 'use client';"use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Thread = Thread;
+exports.Thread = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Thread — the scrolling column of turns.
  *
- * It does the one thing every surface had re-solved: follow a streaming answer
- * to the bottom, and stop following the instant the reader scrolls up. The
- * decision is `pinned()`, asserted without a DOM; this component only wires it
- * to the platform's scroll view, so momentum and keyboard stay the host's.
+ * Follows a streaming answer to the bottom and stops the moment the reader
+ * scrolls up. The decision is `pinned()`; this only wires it to the platform's
+ * scroll view, so momentum and keyboard stay the host's.
  */
 const gui_1 = require("@hanzo/gui");
 const react_1 = require("react");
@@ -17,26 +16,29 @@ const slot_1 = require("../backends/gui/slot.cjs");
 const stick_1 = require("./stick.cjs");
 /** Reading-measure cap for prose, in px. */
 const MEASURE = 768;
-function Thread({ children, maxWidth = MEASURE, slack = stick_1.SLACK, gap = 24 }) {
+exports.Thread = (0, react_1.forwardRef)(function Thread({ children, maxWidth = MEASURE, slack = stick_1.SLACK, gap = 24, onScroll, column, ...props }, ref) {
     const view = (0, react_1.useRef)(null);
-    const track = (0, react_1.useRef)({ offset: 0, viewport: 0, content: 0 });
     const follow = (0, react_1.useRef)(true);
+    // Ours to scroll with, and the caller's.
+    const hold = (0, react_1.useCallback)((el) => {
+        view.current = el;
+        if (typeof ref === 'function')
+            ref(el);
+        else if (ref)
+            ref.current = el;
+    }, [ref]);
     const grew = (0, react_1.useCallback)(() => {
         if (follow.current)
             view.current?.scrollToEnd({ animated: false });
     }, []);
-    return ((0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ref: view, ...(0, slot_1.slot)('thread'), flex: 1, width: "100%", scrollEventThrottle: 16, onLayout: (e) => {
-            track.current = { ...track.current, viewport: e.nativeEvent.layout.height };
-        }, onContentSizeChange: (_w, h) => {
-            track.current = { ...track.current, content: h };
-            grew();
-        }, onScroll: (e) => {
+    return ((0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ref: hold, ...(0, slot_1.slot)('thread'), flex: 1, width: "100%", scrollEventThrottle: 16, onContentSizeChange: grew, onScroll: (e) => {
             const { contentOffset, layoutMeasurement, contentSize } = e.nativeEvent;
-            track.current = {
+            const track = {
                 offset: contentOffset.y,
                 viewport: layoutMeasurement.height,
                 content: contentSize.height,
             };
-            follow.current = (0, stick_1.pinned)(track.current, slack);
-        }, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('thread-column'), width: "100%", gap: gap, py: gap, ...(maxWidth ? { maxW: maxWidth, self: 'center', px: '$3' } : null), children: children }) }));
-}
+            follow.current = (0, stick_1.pinned)(track, slack);
+            onScroll?.(e, { pinned: follow.current, track });
+        }, ...props, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('thread-column'), width: "100%", gap: gap, py: gap, ...(maxWidth ? { maxW: maxWidth, self: 'center', px: '$3' } : null), ...column, children: children }) }));
+});

package/dist/chat/Thread.d.ts

@@ -1,11 +1,33 @@
-import { type ReactNode } from 'react';
-export interface ThreadProps {
+/**
+ * Thread — the scrolling column of turns.
+ *
+ * Follows a streaming answer to the bottom and stops the moment the reader
+ * scrolls up. The decision is `pinned()`; this only wires it to the platform's
+ * scroll view, so momentum and keyboard stay the host's.
+ */
+import { ScrollView, YStack, type GetRef } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+import { type Track } from './stick.js';
+type Scroller = GetRef<typeof ScrollView> & {
+    scrollToEnd(o: {
+        animated: boolean;
+    }): void;
+};
+export interface ThreadProps extends Omit<ComponentProps<typeof ScrollView>, 'children' | 'onScroll'> {
     children?: ReactNode;
     /** Reading-measure cap. Pass `0` to fill the container. */
     maxWidth?: number;
     /** How near the end still counts as "at the bottom", in px. */
     slack?: number;
     gap?: number;
+    /** The scroll, with the follow decision and the numbers it was made from. */
+    onScroll?: (event: unknown, at: {
+        pinned: boolean;
+        track: Track;
+    }) => void;
+    /** The column that holds the turns, for a surface that needs to reach it. */
+    column?: Omit<ComponentProps<typeof YStack>, 'children'>;
 }
-export declare function Thread({ children, maxWidth, slack, gap }: ThreadProps): import("react/jsx-runtime").JSX.Element;
+export declare const Thread: import("react").ForwardRefExoticComponent<Omit<ThreadProps, "ref"> & import("react").RefAttributes<Scroller>>;
+export {};
 //# sourceMappingURL=Thread.d.ts.map

package/dist/chat/Thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../src/chat/Thread.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAkB,EAAE,KAAa,EAAE,GAAQ,EAAE,EAAE,WAAW,2CA+C5F"}
+{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../src/chat/Thread.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAmC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAiB,KAAK,KAAK,EAAE,MAAM,SAAS,CAAA;AAKnD,KAAK,QAAQ,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,GAAG;IAAE,WAAW,CAAC,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,CAAA;AAE3F,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,KAAK,IAAI,CAAA;IAC1E,6EAA6E;IAC7E,MAAM,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;CACzD;AAED,eAAO,MAAM,MAAM,+GAqDjB,CAAA"}

package/dist/chat/Thread.js

@@ -3,38 +3,40 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Thread — the scrolling column of turns.
  *
- * It does the one thing every surface had re-solved: follow a streaming answer
- * to the bottom, and stop following the instant the reader scrolls up. The
- * decision is `pinned()`, asserted without a DOM; this component only wires it
- * to the platform's scroll view, so momentum and keyboard stay the host's.
+ * Follows a streaming answer to the bottom and stops the moment the reader
+ * scrolls up. The decision is `pinned()`; this only wires it to the platform's
+ * scroll view, so momentum and keyboard stay the host's.
  */
 import { ScrollView, YStack } from '@hanzo/gui';
-import { useCallback, useRef } from 'react';
+import { forwardRef, useCallback, useRef } from 'react';
 import { slot } from '../backends/gui/slot.js';
 import { pinned, SLACK } from './stick.js';
 /** Reading-measure cap for prose, in px. */
 const MEASURE = 768;
-export function Thread({ children, maxWidth = MEASURE, slack = SLACK, gap = 24 }) {
+export const Thread = /* @__PURE__ */ forwardRef(function Thread({ children, maxWidth = MEASURE, slack = SLACK, gap = 24, onScroll, column, ...props }, ref) {
     const view = useRef(null);
-    const track = useRef({ offset: 0, viewport: 0, content: 0 });
     const follow = useRef(true);
+    // Ours to scroll with, and the caller's.
+    const hold = useCallback((el) => {
+        view.current = el;
+        if (typeof ref === 'function')
+            ref(el);
+        else if (ref)
+            ref.current = el;
+    }, [ref]);
     const grew = useCallback(() => {
         if (follow.current)
             view.current?.scrollToEnd({ animated: false });
     }, []);
-    return (_jsx(ScrollView, { ref: view, ...slot('thread'), flex: 1, width: "100%", scrollEventThrottle: 16, onLayout: (e) => {
-            track.current = { ...track.current, viewport: e.nativeEvent.layout.height };
-        }, onContentSizeChange: (_w, h) => {
-            track.current = { ...track.current, content: h };
-            grew();
-        }, onScroll: (e) => {
+    return (_jsx(ScrollView, { ref: hold, ...slot('thread'), flex: 1, width: "100%", scrollEventThrottle: 16, onContentSizeChange: grew, onScroll: (e) => {
             const { contentOffset, layoutMeasurement, contentSize } = e.nativeEvent;
-            track.current = {
+            const track = {
                 offset: contentOffset.y,
                 viewport: layoutMeasurement.height,
                 content: contentSize.height,
             };
-            follow.current = pinned(track.current, slack);
-        }, children: _jsx(YStack, { ...slot('thread-column'), width: "100%", gap: gap, py: gap, ...(maxWidth ? { maxW: maxWidth, self: 'center', px: '$3' } : null), children: children }) }));
-}
+            follow.current = pinned(track, slack);
+            onScroll?.(e, { pinned: follow.current, track });
+        }, ...props, children: _jsx(YStack, { ...slot('thread-column'), width: "100%", gap: gap, py: gap, ...(maxWidth ? { maxW: maxWidth, self: 'center', px: '$3' } : null), ...column, children: children }) }));
+});
 //# sourceMappingURL=Thread.js.map

package/dist/chat/Thread.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.js","sourceRoot":"","sources":["../../src/chat/Thread.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,EAAe,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,SAAS,CAAA;AAEnD,4CAA4C;AAC5C,MAAM,OAAO,GAAG,GAAG,CAAA;AAWnB,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,GAAG,EAAE,EAAe;IAC3F,MAAM,IAAI,GAAG,MAAM,CAGjB,IAAI,CAAC,CAAA;IACP,MAAM,KAAK,GAAG,MAAM,CAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;IACnE,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE3B,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,IAAI,MAAM,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IACpE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,IAAI,KACL,IAAI,CAAC,QAAQ,CAAC,EAClB,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,MAAM,EACZ,mBAAmB,EAAE,EAAE,EACvB,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE;YACnB,KAAK,CAAC,OAAO,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,CAAA;QAC7E,CAAC,EACD,mBAAmB,EAAE,CAAC,EAAO,EAAE,CAAM,EAAE,EAAE;YACvC,KAAK,CAAC,OAAO,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAA;YAChD,IAAI,EAAE,CAAA;QACR,CAAC,EACD,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE;YACnB,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,WAAW,CAAA;YACvE,KAAK,CAAC,OAAO,GAAG;gBACd,MAAM,EAAE,aAAa,CAAC,CAAC;gBACvB,QAAQ,EAAE,iBAAiB,CAAC,MAAM;gBAClC,OAAO,EAAE,WAAW,CAAC,MAAM;aAC5B,CAAA;YACD,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC/C,CAAC,YAED,KAAC,MAAM,OACD,IAAI,CAAC,eAAe,CAAC,EACzB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,GAAG,KACH,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAiB,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAE5E,QAAQ,GACF,GACE,CACd,CAAA;AACH,CAAC"}
+{"version":3,"file":"Thread.js","sourceRoot":"","sources":["../../src/chat/Thread.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,EAAe,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAuC,MAAM,OAAO,CAAA;AAE5F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,SAAS,CAAA;AAEnD,4CAA4C;AAC5C,MAAM,OAAO,GAAG,GAAG,CAAA;AAkBnB,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,UAAU,CAAwB,SAAS,MAAM,CACrF,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EACrF,GAAG;IAEH,MAAM,IAAI,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAC1C,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE3B,yCAAyC;IACzC,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAmB,EAAE,EAAE;QACtB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACjB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,EAAE,CAAC,CAAA;aACjC,IAAI,GAAG;YAAG,GAA+C,CAAC,OAAO,GAAG,EAAE,CAAA;IAC7E,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,IAAI,MAAM,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IACpE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,IAAa,KACd,IAAI,CAAC,QAAQ,CAAC,EAClB,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,MAAM,EACZ,mBAAmB,EAAE,EAAE,EACvB,mBAAmB,EAAE,IAAI,EACzB,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE;YACnB,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,WAAW,CAAA;YACvE,MAAM,KAAK,GAAU;gBACnB,MAAM,EAAE,aAAa,CAAC,CAAC;gBACvB,QAAQ,EAAE,iBAAiB,CAAC,MAAM;gBAClC,OAAO,EAAE,WAAW,CAAC,MAAM;aAC5B,CAAA;YACD,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;QAClD,CAAC,KACG,KAAK,YAET,KAAC,MAAM,OACD,IAAI,CAAC,eAAe,CAAC,EACzB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,GAAG,KACH,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAiB,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACzE,MAAM,YAET,QAAQ,GACF,GACE,CACd,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/chat/index.cjs

@@ -1,59 +1,35 @@
 'use client';"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SourceChip = exports.Sources = exports.Failure = exports.Step = exports.Code = exports.Aside = exports.AsideToggle = exports.ShareButton = exports.HeaderButton = exports.Header = exports.SidebarUser = exports.SidebarFolder = exports.SidebarItem = exports.SidebarSection = exports.SidebarScroll = exports.SidebarNewChat = exports.SidebarIconButton = exports.SidebarHeader = exports.Sidebar = exports.SLACK = exports.pinned = exports.sends = exports.ready = exports.Thread = exports.Message = exports.Caret = exports.ASK = exports.Composer = void 0;
+exports.SourceCard = exports.Sources = exports.Failure = exports.Step = exports.Code = exports.Aside = exports.AsideToggle = exports.ShareButton = exports.HeaderButton = exports.Header = exports.SidebarUser = exports.SidebarFolder = exports.SidebarItem = exports.SidebarSection = exports.SidebarScroll = exports.SidebarNewChat = exports.SidebarIconButton = exports.SidebarHeader = exports.Sidebar = exports.SLACK = exports.pinned = exports.sends = exports.ready = exports.Thread = exports.Message = exports.Caret = exports.ASK = exports.Composer = void 0;
 /**
  * @hanzo/ui/chat — the one chat shell, on @hanzo/gui primitives.
  *
- * Shell only: Thread scrolls, Message presents a turn, Composer takes a draft,
- * Sidebar navigates between conversations, Header names the current one, and
- * Code, Step, Failure and Sources present the pieces of a turn every surface
- * renders the same way.
+ * Thread scrolls, Message presents a turn, Composer takes a draft, Sidebar
+ * navigates between conversations, Header names the current one, and Code,
+ * Step, Failure and Sources present the pieces of a turn.
  *
- * This file used to end that sentence with "Content rendering (markdown, tool
- * calls) stays with the surface — they disagree on the pipeline, and none of it
- * is presentational." Half of that was right and the half that was wrong cost
- * nine hand-drawn copies. Re-decided by reading what the three surfaces
- * actually render:
+ * The markdown pipeline is the surface's and arrives as `children`: the three
+ * surfaces run nine plugins, one plugin, and a regex under a bundle ceiling
+ * that cannot afford a parser. There is no `renderPart` prop for the same
+ * reason — the part union is per-surface too, so a callback here would take a
+ * Part type matching nobody's.
  *
- *   MARKDOWN STAYS OUT, and not as a preference. hanzo/chat runs seven remark
- *   plugins and two rehype plugins (`Content/Markdown.tsx:42-65`, including
- *   katex and highlight.js over a 35-language subset); hanzo.app runs
- *   remark-gfm and nothing else (`markdown-renderer/index.tsx:107`); the
- *   extension parses markdown with eighty lines of regex and no dependency at
- *   all (`answer/markdown.ts`) because `newtab.js` measures 485.9 KB against a
- *   500 KB ceiling that fails the build (`scripts/check-bundle-budgets.mjs:29`)
- *   and its MV3 policy is `script-src 'self'`. Fourteen kilobytes of headroom
- *   is not a pipeline disagreement to be reconciled; it is a surface that
- *   cannot afford a parser. So the pipeline is the surface's, and `children` is
- *   how it arrives — which is also why there is no `renderPart` prop: the part
- *   UNION is per-surface too (twelve item types in the app's
- *   `chat-panel/index.tsx` `TurnDisplay`, eight in chat's `Content/Part.tsx`,
- *   none in the extension), so a callback here would need a Part type that
- *   matches nobody's. The surface maps its own parts and passes nodes.
+ * Everything else about a turn is presentational and lives here: the code
+ * frame, the step disclosure, the failure, the streaming caret.
  *
- *   THE REST OF IT WAS ALWAYS PRESENTATIONAL. A code block with a language
- *   label and a copy control, a collapsible step with a state mark, a failure
- *   with a retry, a streaming caret — every surface draws these and no two draw
- *   them alike. `Step` alone replaces nine copies across two repos. What is
- *   inside each of them is still `children`; the frame, the header, the mark
- *   and the disclosure are here.
+ * Props-in, callbacks-out — no transport, no store, no routing. Each component
+ * spreads its residual props, and the three that own an inner part publish a
+ * way through to it (`Message body`, `Thread column`, `Composer field`).
  *
- * Everything is props-in, callbacks-out: no transport, no store, no routing, no
- * active-id resolution. The same components serve a live conversation, a shared
- * read-only transcript and a test fixture.
+ * `@hanzo/ui/chat/pure` carries `sends`, `ready`, `pinned` and `SLACK` with no
+ * imports, for Node and for callers that are not chat.
  *
- * Styling is `$` tokens throughout, never literal colours, so each brand retunes
- * through its own theme and nothing here carries a Hanzo mark — which is what
- * lets the same shell ship on Lux and Zoo surfaces without leaking a brand.
+ * Styling is `$` tokens throughout, never literal colours, so a brand retunes
+ * through its own theme and nothing here carries a mark.
  *
- * The model picker is not here: it already ships at `@hanzo/ui/models`, and it
- * is not chat-specific.
- *
- * `CopyButton` is not here either, for the same reason and after the same
- * mistake: it lived in `Code.tsx`, so the only way to reach it was
- * `@hanzo/ui/chat`, and no one hunting for a copy button looks in a chat module.
- * Six surfaces wrote their own instead. It now ships at `@hanzo/ui/product`;
- * `Code` imports it from there.
+ * The model picker and `CopyButton` are not here — neither is chat-specific, so
+ * they ship at `@hanzo/ui/models` and `@hanzo/ui/product`. Nobody hunting for a
+ * copy button looks in a chat module.
  */
 var Composer_1 = require("./Composer.cjs");
 Object.defineProperty(exports, "Composer", { enumerable: true, get: function () { return Composer_1.Composer; } });
@@ -93,4 +69,4 @@ var Failure_1 = require("./Failure.cjs");
 Object.defineProperty(exports, "Failure", { enumerable: true, get: function () { return Failure_1.Failure; } });
 var Sources_1 = require("./Sources.cjs");
 Object.defineProperty(exports, "Sources", { enumerable: true, get: function () { return Sources_1.Sources; } });
-Object.defineProperty(exports, "SourceChip", { enumerable: true, get: function () { return Sources_1.SourceChip; } });
+Object.defineProperty(exports, "SourceCard", { enumerable: true, get: function () { return Sources_1.SourceCard; } });