@hanzo/ui 8.14.0 → 8.14.1

package/dist/agents/Board.cjs

@@ -0,0 +1,119 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RunRow = RunRow;
+exports.AgentBoard = AgentBoard;
+exports.nest = nest;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * AgentBoard — the agents working view: who is running, on what, and where.
+ *
+ * A run is a SESSION, and a session that spawned others is the root of a tree.
+ * A flat list draws a fan-out as N unrelated rows and loses the one fact worth
+ * seeing — that they are one piece of work — so the board nests children under
+ * their root and a collapsed root says how many it is hiding.
+ *
+ * Grouped by PROJECT, because that is the question a person opens this with:
+ * not "what is running" but "what is running on the thing I am working on".
+ * A session with no project groups under `ungrouped`, named rather than hidden.
+ *
+ * Presentational. It takes rows and raises `onOpen`; it does no fetching, no
+ * grouping policy beyond the field it is given, and no status derivation. The
+ * surface holds the data — `@hanzo/ai`'s `sessions.list` / `sessions.tree` and
+ * the stream — so the same board serves hanzo.ai, a channel workspace, or
+ * anything else that can answer with rows.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const slot_1 = require("../backends/gui/slot.cjs");
+const TONE = {
+    running: '$green10',
+    paused: '$yellow10',
+    done: '$color10',
+    error: '$red10',
+    unknown: '$color8',
+};
+/** The label a status wears. Separate from the colour so neither is guessed. */
+const SAYS = {
+    running: 'running',
+    paused: 'paused',
+    done: 'done',
+    error: 'error',
+    unknown: '—',
+};
+function Dot({ status }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 7, height: 7, rounded: 9999, bg: TONE[status], shrink: 0, "aria-label": SAYS[status] }));
+}
+/**
+ * One row, and its children under it.
+ *
+ * Expansion is per-row local state: a board is read top-down and a caller that
+ * wanted to persist which roots are open would be holding UI state for a list
+ * it does not own. A root with children opens by default, because the fan-out
+ * is the thing worth seeing.
+ */
+function RunRow({ run, depth = 0, active = false, onOpen, trailing, ...rest }) {
+    const kids = run.children ?? [];
+    const [open, setOpen] = (0, react_1.useState)(true);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('run-row'), ...rest, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$2", py: "$1.5", rounded: "$3", pl: 8 + depth * 16, cursor: "pointer", role: "button", tabIndex: 0, "aria-current": active ? 'true' : undefined, bg: active ? '$edge' : undefined, hoverStyle: { bg: active ? '$edge' : '$hover' }, pressStyle: { bg: '$raised' }, onPress: () => onOpen?.(run.id), children: [kids.length ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 16, height: 16, items: "center", justify: "center", shrink: 0, role: "button", tabIndex: 0, "aria-expanded": open, "aria-label": open ? 'Hide sub-agents' : 'Show sub-agents', onPress: (e) => {
+                            e.stopPropagation?.();
+                            setOpen((v) => !v);
+                        }, children: open ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 13, opacity: 0.6 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 13, opacity: 0.6 }) })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 16, shrink: 0 })), (0, jsx_runtime_1.jsx)(Dot, { status: run.status }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", numberOfLines: 1, shrink: 1, color: active ? '$color' : '$quiet', children: run.agent }), run.doing ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", numberOfLines: 1, flex: 1, color: "$soft", children: run.doing })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 })), kids.length && !open ? ((0, jsx_runtime_1.jsxs)(gui_1.SizableText, { size: "$1", color: "$soft", children: [kids.length, " sub-agent", kids.length === 1 ? '' : 's'] })) : null, run.target ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: run.target })) : null, trailing] }), open && kids.length
+                ? kids.map((kid) => ((0, jsx_runtime_1.jsx)(RunRow, { run: kid, depth: depth + 1, onOpen: onOpen }, kid.id)))
+                : null] }));
+}
+/**
+ * The board.
+ *
+ * Groups are ordered by name with the un-projected group LAST, so the answer to
+ * "what is running on my project" is never below a pile of stray runs.
+ */
+function AgentBoard({ runs, active, onOpen, empty, otherLabel = 'Other work', ...rest }) {
+    const groups = (0, react_1.useMemo)(() => group(runs, otherLabel), [runs, otherLabel]);
+    if (!runs.length) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('agent-board'), p: "$4", ...rest, children: empty ?? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "Nothing running." })) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ...(0, slot_1.slot)('agent-board'), flex: 1, showsVerticalScrollIndicator: false, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", p: "$2", children: groups.map(([project, rows]) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { mt: "$2", gap: "$0.5", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", px: "$2", py: "$1", color: "$soft", fontWeight: "500", children: project }), rows.map((run) => ((0, jsx_runtime_1.jsx)(RunRow, { run: run, active: run.id === active, onOpen: onOpen }, run.id)))] }, project))) }) }));
+}
+/** Group roots by project, un-projected last. */
+function group(runs, otherLabel) {
+    const by = new Map();
+    for (const run of runs) {
+        const key = run.project?.trim() || otherLabel;
+        const rows = by.get(key);
+        if (rows)
+            rows.push(run);
+        else
+            by.set(key, [run]);
+    }
+    return [...by.entries()].sort(([a], [b]) => a === otherLabel ? 1 : b === otherLabel ? -1 : a.localeCompare(b));
+}
+/**
+ * Build the tree a board draws from the flat list an API answers with.
+ *
+ * A session names its root rather than its parent, so a fan-out is TWO levels
+ * and not N: every non-root hangs off its root. A row whose root is not in the
+ * list is treated as a root itself — otherwise a filtered page silently drops
+ * work, which is the one thing a board must not do.
+ */
+function nest(rows) {
+    const roots = new Map();
+    const orphans = [];
+    for (const row of rows) {
+        if (!row.rootId || row.rootId === row.id)
+            roots.set(row.id, { ...row, children: [] });
+    }
+    for (const row of rows) {
+        if (!row.rootId || row.rootId === row.id)
+            continue;
+        const root = roots.get(row.rootId);
+        if (root)
+            root.children.push({ ...row, children: [] });
+        else
+            orphans.push(row);
+    }
+    for (const row of orphans)
+        roots.set(row.id, { ...row, children: [] });
+    return [...roots.values()];
+}

package/dist/agents/Board.d.ts

@@ -0,0 +1,98 @@
+/**
+ * AgentBoard — the agents working view: who is running, on what, and where.
+ *
+ * A run is a SESSION, and a session that spawned others is the root of a tree.
+ * A flat list draws a fan-out as N unrelated rows and loses the one fact worth
+ * seeing — that they are one piece of work — so the board nests children under
+ * their root and a collapsed root says how many it is hiding.
+ *
+ * Grouped by PROJECT, because that is the question a person opens this with:
+ * not "what is running" but "what is running on the thing I am working on".
+ * A session with no project groups under `ungrouped`, named rather than hidden.
+ *
+ * Presentational. It takes rows and raises `onOpen`; it does no fetching, no
+ * grouping policy beyond the field it is given, and no status derivation. The
+ * surface holds the data — `@hanzo/ai`'s `sessions.list` / `sessions.tree` and
+ * the stream — so the same board serves hanzo.ai, a channel workspace, or
+ * anything else that can answer with rows.
+ */
+import { ScrollView, YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+type Col = Omit<ComponentProps<typeof YStack>, 'children'>;
+type Scroll = Omit<ComponentProps<typeof ScrollView>, 'children'>;
+/** The states a run can be in. `unknown` is honest about a value we do not model. */
+export type RunStatus = 'running' | 'paused' | 'done' | 'error' | 'unknown';
+/**
+ * One run.
+ *
+ * `children` is the fan-out. It is the SHAPE the board draws, so a caller with
+ * a flat list plus parent ids builds the tree before handing it over — `nest()`
+ * below does exactly that and is exported for the purpose.
+ */
+export interface Run {
+    id: string;
+    /** The agent doing the work. */
+    agent: string;
+    status: RunStatus;
+    /** What it is doing right now — one line, already trimmed by the caller. */
+    doing?: string;
+    /** Where it is running: a machine, a sandbox, a registered target. */
+    target?: string;
+    /** The project this run belongs to. Absent groups under "Other work". */
+    project?: string;
+    /** Sub-agents this run spawned. */
+    children?: Run[];
+}
+export interface RunRowProps extends Col {
+    run: Run;
+    depth?: number;
+    active?: boolean;
+    onOpen?: (id: string) => void;
+    /** Rendered at the end of the row — a watch affordance, a menu, a count. */
+    trailing?: ReactNode;
+}
+/**
+ * One row, and its children under it.
+ *
+ * Expansion is per-row local state: a board is read top-down and a caller that
+ * wanted to persist which roots are open would be holding UI state for a list
+ * it does not own. A root with children opens by default, because the fan-out
+ * is the thing worth seeing.
+ */
+export declare function RunRow({ run, depth, active, onOpen, trailing, ...rest }: RunRowProps): import("react/jsx-runtime").JSX.Element;
+export interface AgentBoardProps extends Scroll {
+    /** Roots. Children ride on each root's `children`. */
+    runs: Run[];
+    /** The run currently open, so the board can mark it. */
+    active?: string;
+    onOpen?: (id: string) => void;
+    /** What to draw when there is nothing running. */
+    empty?: ReactNode;
+    /** Heading for runs carrying no project. */
+    otherLabel?: string;
+}
+/**
+ * The board.
+ *
+ * Groups are ordered by name with the un-projected group LAST, so the answer to
+ * "what is running on my project" is never below a pile of stray runs.
+ */
+export declare function AgentBoard({ runs, active, onOpen, empty, otherLabel, ...rest }: AgentBoardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Build the tree a board draws from the flat list an API answers with.
+ *
+ * A session names its root rather than its parent, so a fan-out is TWO levels
+ * and not N: every non-root hangs off its root. A row whose root is not in the
+ * list is treated as a root itself — otherwise a filtered page silently drops
+ * work, which is the one thing a board must not do.
+ */
+export declare function nest<T extends {
+    id: string;
+    rootId?: string;
+}>(rows: T[]): (T & {
+    children: (T & {
+        children: never[];
+    })[];
+})[];
+export {};
+//# sourceMappingURL=Board.d.ts.map

package/dist/agents/Board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../src/agents/Board.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAEpE,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAI9E,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAC1D,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;AAEjE,qFAAqF;AACrF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAE3E;;;;;;GAMG;AACH,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,SAAS,CAAA;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CACjB;AAkCD,MAAM,WAAW,WAAY,SAAQ,GAAG;IACtC,GAAG,EAAE,GAAG,CAAA;IACR,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,KAAS,EAAE,MAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAiFhG;AAED,MAAM,WAAW,eAAgB,SAAQ,MAAM;IAC7C,sDAAsD;IACtD,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAyB,EACzB,GAAG,IAAI,EACR,EAAE,eAAe,2CA+BjB;AAgBD;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5D,IAAI,EAAE,CAAC,EAAE,GACR,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,CAAC,CAAC,GAAG;QAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC,EAAE,CAAA;CAAE,CAAC,EAAE,CAgBrD"}

package/dist/agents/Board.js

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AgentBoard — the agents working view: who is running, on what, and where.
+ *
+ * A run is a SESSION, and a session that spawned others is the root of a tree.
+ * A flat list draws a fan-out as N unrelated rows and loses the one fact worth
+ * seeing — that they are one piece of work — so the board nests children under
+ * their root and a collapsed root says how many it is hiding.
+ *
+ * Grouped by PROJECT, because that is the question a person opens this with:
+ * not "what is running" but "what is running on the thing I am working on".
+ * A session with no project groups under `ungrouped`, named rather than hidden.
+ *
+ * Presentational. It takes rows and raises `onOpen`; it does no fetching, no
+ * grouping policy beyond the field it is given, and no status derivation. The
+ * surface holds the data — `@hanzo/ai`'s `sessions.list` / `sessions.tree` and
+ * the stream — so the same board serves hanzo.ai, a channel workspace, or
+ * anything else that can answer with rows.
+ */
+import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { ChevronDown, ChevronRight } from '@hanzogui/lucide-icons-2';
+import { useMemo, useState } from 'react';
+import { slot } from '../backends/gui/slot.js';
+const TONE = {
+    running: '$green10',
+    paused: '$yellow10',
+    done: '$color10',
+    error: '$red10',
+    unknown: '$color8',
+};
+/** The label a status wears. Separate from the colour so neither is guessed. */
+const SAYS = {
+    running: 'running',
+    paused: 'paused',
+    done: 'done',
+    error: 'error',
+    unknown: '—',
+};
+function Dot({ status }) {
+    return (_jsx(YStack, { width: 7, height: 7, rounded: 9999, bg: TONE[status], shrink: 0, "aria-label": SAYS[status] }));
+}
+/**
+ * One row, and its children under it.
+ *
+ * Expansion is per-row local state: a board is read top-down and a caller that
+ * wanted to persist which roots are open would be holding UI state for a list
+ * it does not own. A root with children opens by default, because the fan-out
+ * is the thing worth seeing.
+ */
+export function RunRow({ run, depth = 0, active = false, onOpen, trailing, ...rest }) {
+    const kids = run.children ?? [];
+    const [open, setOpen] = useState(true);
+    return (_jsxs(YStack, { ...slot('run-row'), ...rest, children: [_jsxs(XStack, { items: "center", gap: "$2", px: "$2", py: "$1.5", rounded: "$3", pl: 8 + depth * 16, cursor: "pointer", role: "button", tabIndex: 0, "aria-current": active ? 'true' : undefined, bg: active ? '$edge' : undefined, hoverStyle: { bg: active ? '$edge' : '$hover' }, pressStyle: { bg: '$raised' }, onPress: () => onOpen?.(run.id), children: [kids.length ? (_jsx(XStack, { width: 16, height: 16, items: "center", justify: "center", shrink: 0, role: "button", tabIndex: 0, "aria-expanded": open, "aria-label": open ? 'Hide sub-agents' : 'Show sub-agents', onPress: (e) => {
+                            e.stopPropagation?.();
+                            setOpen((v) => !v);
+                        }, children: open ? _jsx(ChevronDown, { size: 13, opacity: 0.6 }) : _jsx(ChevronRight, { size: 13, opacity: 0.6 }) })) : (_jsx(YStack, { width: 16, shrink: 0 })), _jsx(Dot, { status: run.status }), _jsx(SizableText, { size: "$2", numberOfLines: 1, shrink: 1, color: active ? '$color' : '$quiet', children: run.agent }), run.doing ? (_jsx(SizableText, { size: "$1", numberOfLines: 1, flex: 1, color: "$soft", children: run.doing })) : (_jsx(XStack, { flex: 1 })), kids.length && !open ? (_jsxs(SizableText, { size: "$1", color: "$soft", children: [kids.length, " sub-agent", kids.length === 1 ? '' : 's'] })) : null, run.target ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: run.target })) : null, trailing] }), open && kids.length
+                ? kids.map((kid) => (_jsx(RunRow, { run: kid, depth: depth + 1, onOpen: onOpen }, kid.id)))
+                : null] }));
+}
+/**
+ * The board.
+ *
+ * Groups are ordered by name with the un-projected group LAST, so the answer to
+ * "what is running on my project" is never below a pile of stray runs.
+ */
+export function AgentBoard({ runs, active, onOpen, empty, otherLabel = 'Other work', ...rest }) {
+    const groups = useMemo(() => group(runs, otherLabel), [runs, otherLabel]);
+    if (!runs.length) {
+        return (_jsx(YStack, { ...slot('agent-board'), p: "$4", ...rest, children: empty ?? (_jsx(SizableText, { size: "$2", color: "$soft", children: "Nothing running." })) }));
+    }
+    return (_jsx(ScrollView, { ...slot('agent-board'), flex: 1, showsVerticalScrollIndicator: false, ...rest, children: _jsx(YStack, { gap: "$1", p: "$2", children: groups.map(([project, rows]) => (_jsxs(YStack, { mt: "$2", gap: "$0.5", children: [_jsx(SizableText, { size: "$1", px: "$2", py: "$1", color: "$soft", fontWeight: "500", children: project }), rows.map((run) => (_jsx(RunRow, { run: run, active: run.id === active, onOpen: onOpen }, run.id)))] }, project))) }) }));
+}
+/** Group roots by project, un-projected last. */
+function group(runs, otherLabel) {
+    const by = new Map();
+    for (const run of runs) {
+        const key = run.project?.trim() || otherLabel;
+        const rows = by.get(key);
+        if (rows)
+            rows.push(run);
+        else
+            by.set(key, [run]);
+    }
+    return [...by.entries()].sort(([a], [b]) => a === otherLabel ? 1 : b === otherLabel ? -1 : a.localeCompare(b));
+}
+/**
+ * Build the tree a board draws from the flat list an API answers with.
+ *
+ * A session names its root rather than its parent, so a fan-out is TWO levels
+ * and not N: every non-root hangs off its root. A row whose root is not in the
+ * list is treated as a root itself — otherwise a filtered page silently drops
+ * work, which is the one thing a board must not do.
+ */
+export function nest(rows) {
+    const roots = new Map();
+    const orphans = [];
+    for (const row of rows) {
+        if (!row.rootId || row.rootId === row.id)
+            roots.set(row.id, { ...row, children: [] });
+    }
+    for (const row of rows) {
+        if (!row.rootId || row.rootId === row.id)
+            continue;
+        const root = roots.get(row.rootId);
+        if (root)
+            root.children.push({ ...row, children: [] });
+        else
+            orphans.push(row);
+    }
+    for (const row of orphans)
+        roots.set(row.id, { ...row, children: [] });
+    return [...roots.values()];
+}
+//# sourceMappingURL=Board.js.map

package/dist/agents/Board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.js","sourceRoot":"","sources":["../../src/agents/Board.tsx"],"names":[],"mappings":"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"}

package/dist/agents/Screen.cjs

@@ -0,0 +1,91 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Screen = Screen;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Screen — watching a run while it works.
+ *
+ * Some runs have something to look at: a sandbox serving an interactive page, a
+ * headful browser a person can watch over VNC. Most have nothing, and this
+ * component's first job is to say which it is, honestly — a viewer that draws a
+ * black rectangle for a run with no screen has told the reader the run is
+ * broken.
+ *
+ * THE CREDENTIAL NEVER OUTLIVES THE VIEW. A watchable surface is authorized by
+ * a short-lived TICKET the caller mints per view; this component asks for one
+ * when it mounts, embeds the page the ticket names, and asks for another if the
+ * viewer stays past its life. It does NOT take a URL with a long-lived token in
+ * it, and there is no prop to pass one — an embed URL ends up in browser
+ * history, in a screenshot, and in whatever the parent frame can read.
+ *
+ * The mint is a PROP, not an import, because who may watch is the surface's
+ * question and the answer lives in `@hanzo/ai` on one deployment and behind a
+ * BFF on another. This file owns the frame, the states and the refresh.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const slot_1 = require("../backends/gui/slot.cjs");
+const NAMES = {
+    sandbox: 'sandbox',
+    browser: 'browser',
+};
+/** Re-mint at 80% of a ticket's life — early enough that the frame never blinks. */
+const EARLY = 0.8;
+function Screen({ sessionId, kind, mint, empty, title, ...rest }) {
+    const [state, setState] = (0, react_1.useState)({ phase: 'idle' });
+    const timer = (0, react_1.useRef)(null);
+    const live = (0, react_1.useRef)(true);
+    const open = (0, react_1.useCallback)(async () => {
+        if (!mint || !kind)
+            return;
+        setState({ phase: 'minting' });
+        try {
+            const ticket = await mint(sessionId);
+            if (!live.current)
+                return;
+            setState({ phase: 'watching', url: ticket.url });
+            if (ticket.expiresIn && ticket.expiresIn > 0) {
+                if (timer.current)
+                    clearTimeout(timer.current);
+                timer.current = setTimeout(() => void open(), ticket.expiresIn * 1000 * EARLY);
+            }
+        }
+        catch (err) {
+            if (!live.current)
+                return;
+            setState({
+                phase: 'failed',
+                message: err instanceof Error ? err.message : 'Could not open this screen.',
+            });
+        }
+    }, [mint, kind, sessionId]);
+    (0, react_1.useEffect)(() => {
+        live.current = true;
+        void open();
+        return () => {
+            live.current = false;
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
+    }, [open]);
+    if (!kind) {
+        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: empty ?? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "This run has no screen." })) }));
+    }
+    if (!mint) {
+        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "Watching is not wired up on this surface." }) }));
+    }
+    if (state.phase === 'failed') {
+        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: state.message }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$color", cursor: "pointer", role: "button", tabIndex: 0, onPress: () => void open(), children: "Try again" })] }) }));
+    }
+    if (state.phase !== 'watching') {
+        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsxs)(gui_1.SizableText, { size: "$2", color: "$soft", children: ["Opening the ", NAMES[kind], "\u2026"] }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('screen'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", overflow: "hidden", ...rest, children: [title ? (0, jsx_runtime_1.jsx)(Caption, { children: title }) : null, (0, jsx_runtime_1.jsx)("iframe", { src: state.url, title: title ?? `Live ${NAMES[kind]}`, sandbox: "allow-scripts allow-same-origin allow-forms", referrerPolicy: "no-referrer", allow: "clipboard-read; clipboard-write", style: { border: 0, width: '100%', height: '100%', flex: 1, display: 'block' } })] }));
+}
+function Caption({ children }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$3", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: children }) }));
+}
+function Frame({ title, children, ...rest }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('screen'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", overflow: "hidden", ...rest, children: [title ? (0, jsx_runtime_1.jsx)(Caption, { children: title }) : null, (0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, items: "center", justify: "center", p: "$4", children: children })] }));
+}

package/dist/agents/Screen.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Screen — watching a run while it works.
+ *
+ * Some runs have something to look at: a sandbox serving an interactive page, a
+ * headful browser a person can watch over VNC. Most have nothing, and this
+ * component's first job is to say which it is, honestly — a viewer that draws a
+ * black rectangle for a run with no screen has told the reader the run is
+ * broken.
+ *
+ * THE CREDENTIAL NEVER OUTLIVES THE VIEW. A watchable surface is authorized by
+ * a short-lived TICKET the caller mints per view; this component asks for one
+ * when it mounts, embeds the page the ticket names, and asks for another if the
+ * viewer stays past its life. It does NOT take a URL with a long-lived token in
+ * it, and there is no prop to pass one — an embed URL ends up in browser
+ * history, in a screenshot, and in whatever the parent frame can read.
+ *
+ * The mint is a PROP, not an import, because who may watch is the surface's
+ * question and the answer lives in `@hanzo/ai` on one deployment and behind a
+ * BFF on another. This file owns the frame, the states and the refresh.
+ */
+import { YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+type Col = Omit<ComponentProps<typeof YStack>, 'children'>;
+/** What a mint answers with: where to look, and for how long. */
+export interface Ticket {
+    /** The page to embed. Already carries whatever the grant put in it. */
+    url: string;
+    /** Seconds until it stops working. Absent, the view is not refreshed. */
+    expiresIn?: number;
+}
+/** How a run's screen is served, for the label a viewer reads. */
+export type ScreenKind = 'sandbox' | 'browser';
+export interface ScreenProps extends Col {
+    /** The run being watched. Changing it re-mints. */
+    sessionId: string;
+    /**
+     * What this run has to look at. `null` means nothing does — the honest empty
+     * state, and the common case. The caller decides; this component never guesses
+     * from a session's shape.
+     */
+    kind?: ScreenKind | null;
+    /**
+     * Mint a view. Called on mount, on `sessionId` change, and shortly before the
+     * previous ticket expires. Throwing renders the failure with a retry.
+     */
+    mint?: (sessionId: string) => Promise<Ticket>;
+    /** Shown when `kind` is null. */
+    empty?: ReactNode;
+    title?: string;
+}
+export declare function Screen({ sessionId, kind, mint, empty, title, ...rest }: ScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Screen.d.ts.map

package/dist/agents/Screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../src/agents/Screen.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAA4C,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrG,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,iEAAiE;AACjE,MAAM,WAAW,MAAM;IACrB,uEAAuE;IACvE,GAAG,EAAE,MAAM,CAAA;IACX,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,kEAAkE;AAClE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,CAAA;AAO9C,MAAM,WAAW,WAAY,SAAQ,GAAG;IACtC,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC7C,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAWD,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CA2GnF"}

package/dist/agents/Screen.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Screen — watching a run while it works.
+ *
+ * Some runs have something to look at: a sandbox serving an interactive page, a
+ * headful browser a person can watch over VNC. Most have nothing, and this
+ * component's first job is to say which it is, honestly — a viewer that draws a
+ * black rectangle for a run with no screen has told the reader the run is
+ * broken.
+ *
+ * THE CREDENTIAL NEVER OUTLIVES THE VIEW. A watchable surface is authorized by
+ * a short-lived TICKET the caller mints per view; this component asks for one
+ * when it mounts, embeds the page the ticket names, and asks for another if the
+ * viewer stays past its life. It does NOT take a URL with a long-lived token in
+ * it, and there is no prop to pass one — an embed URL ends up in browser
+ * history, in a screenshot, and in whatever the parent frame can read.
+ *
+ * The mint is a PROP, not an import, because who may watch is the surface's
+ * question and the answer lives in `@hanzo/ai` on one deployment and behind a
+ * BFF on another. This file owns the frame, the states and the refresh.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { slot } from '../backends/gui/slot.js';
+const NAMES = {
+    sandbox: 'sandbox',
+    browser: 'browser',
+};
+/** Re-mint at 80% of a ticket's life — early enough that the frame never blinks. */
+const EARLY = 0.8;
+export function Screen({ sessionId, kind, mint, empty, title, ...rest }) {
+    const [state, setState] = useState({ phase: 'idle' });
+    const timer = useRef(null);
+    const live = useRef(true);
+    const open = useCallback(async () => {
+        if (!mint || !kind)
+            return;
+        setState({ phase: 'minting' });
+        try {
+            const ticket = await mint(sessionId);
+            if (!live.current)
+                return;
+            setState({ phase: 'watching', url: ticket.url });
+            if (ticket.expiresIn && ticket.expiresIn > 0) {
+                if (timer.current)
+                    clearTimeout(timer.current);
+                timer.current = setTimeout(() => void open(), ticket.expiresIn * 1000 * EARLY);
+            }
+        }
+        catch (err) {
+            if (!live.current)
+                return;
+            setState({
+                phase: 'failed',
+                message: err instanceof Error ? err.message : 'Could not open this screen.',
+            });
+        }
+    }, [mint, kind, sessionId]);
+    useEffect(() => {
+        live.current = true;
+        void open();
+        return () => {
+            live.current = false;
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
+    }, [open]);
+    if (!kind) {
+        return (_jsx(Frame, { title: title, ...rest, children: empty ?? (_jsx(SizableText, { size: "$2", color: "$soft", children: "This run has no screen." })) }));
+    }
+    if (!mint) {
+        return (_jsx(Frame, { title: title, ...rest, children: _jsx(SizableText, { size: "$2", color: "$soft", children: "Watching is not wired up on this surface." }) }));
+    }
+    if (state.phase === 'failed') {
+        return (_jsx(Frame, { title: title, ...rest, children: _jsxs(YStack, { gap: "$2", items: "center", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: state.message }), _jsx(SizableText, { size: "$2", color: "$color", cursor: "pointer", role: "button", tabIndex: 0, onPress: () => void open(), children: "Try again" })] }) }));
+    }
+    if (state.phase !== 'watching') {
+        return (_jsx(Frame, { title: title, ...rest, children: _jsxs(SizableText, { size: "$2", color: "$soft", children: ["Opening the ", NAMES[kind], "\u2026"] }) }));
+    }
+    return (_jsxs(YStack, { ...slot('screen'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", overflow: "hidden", ...rest, children: [title ? _jsx(Caption, { children: title }) : null, _jsx("iframe", { src: state.url, title: title ?? `Live ${NAMES[kind]}`, sandbox: "allow-scripts allow-same-origin allow-forms", referrerPolicy: "no-referrer", allow: "clipboard-read; clipboard-write", style: { border: 0, width: '100%', height: '100%', flex: 1, display: 'block' } })] }));
+}
+function Caption({ children }) {
+    return (_jsx(XStack, { px: "$3", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: children }) }));
+}
+function Frame({ title, children, ...rest }) {
+    return (_jsxs(YStack, { ...slot('screen'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", overflow: "hidden", ...rest, children: [title ? _jsx(Caption, { children: title }) : null, _jsx(YStack, { flex: 1, items: "center", justify: "center", p: "$4", children: children })] }));
+}
+//# sourceMappingURL=Screen.js.map

package/dist/agents/Screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../src/agents/Screen.tsx"],"names":[],"mappings":"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"}

package/dist/agents/Steer.cjs

@@ -0,0 +1,42 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Steer = Steer;
+exports.MemberRow = MemberRow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Steer — the controls that reach a run mid-flight, and the roster row.
+ *
+ * A command is QUEUED, not applied: an agent reads it between turns, so the
+ * label a person sees after pressing has to say that. A control that reports
+ * "stopped" the instant it is pressed is lying for however long the current
+ * turn takes.
+ *
+ * Presentational: the verbs go out through `onCommand` and the surface decides
+ * what they mean. `@hanzo/ai`'s `sessions.steer(id, command)` is the one it
+ * wants, but this row does not import it — a channel workspace steering through
+ * a BFF composes the same control.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const slot_1 = require("../backends/gui/slot.cjs");
+const CONTROLS = [
+    { command: 'pause', label: 'Pause', icon: lucide_icons_2_1.Pause },
+    { command: 'resume', label: 'Resume', icon: lucide_icons_2_1.Play },
+    { command: 'stop', label: 'Stop', icon: lucide_icons_2_1.Square },
+];
+function Steer({ onCommand, withhold = [], note, ...rest }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('steer'), gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$1", items: "center", ...rest, children: CONTROLS.map(({ command, label, icon: Icon }) => {
+                    const off = withhold.includes(command);
+                    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", px: "$2", py: "$1", rounded: "$3", opacity: off ? 0.4 : 0.8, cursor: off ? 'default' : 'pointer', role: "button", tabIndex: off ? -1 : 0, "aria-disabled": off, "aria-label": label, ...(0, slot_1.tip)(label), hoverStyle: off ? undefined : { bg: '$hover', opacity: 1 }, pressStyle: off ? undefined : { bg: '$raised' }, onPress: () => !off && onCommand?.(command), children: [(0, jsx_runtime_1.jsx)(Icon, { size: 13 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", children: label })] }, command));
+                }) }), note ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", children: note })) : null] }));
+}
+const KIND = {
+    agent: { icon: lucide_icons_2_1.Zap, says: 'agent' },
+    bot: { icon: lucide_icons_2_1.Bot, says: 'always on' },
+    human: { icon: lucide_icons_2_1.User, says: 'person' },
+};
+function MemberRow({ name, kind, detail, onPress, ...rest }) {
+    const { icon: Icon, says } = KIND[kind];
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('member-row'), items: "center", gap: "$2", px: "$2", py: "$1.5", rounded: "$3", cursor: onPress ? 'pointer' : 'default', role: onPress ? 'button' : undefined, tabIndex: onPress ? 0 : undefined, hoverStyle: onPress ? { bg: '$hover' } : undefined, onPress: onPress, ...rest, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 22, height: 22, rounded: 9999, items: "center", justify: "center", bg: "$raised", shrink: 0, children: (0, jsx_runtime_1.jsx)(Icon, { size: 12 }) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, shrink: 1, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", numberOfLines: 1, children: name }), detail ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: detail })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color8", children: says })] }));
+}

package/dist/agents/Steer.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Steer — the controls that reach a run mid-flight, and the roster row.
+ *
+ * A command is QUEUED, not applied: an agent reads it between turns, so the
+ * label a person sees after pressing has to say that. A control that reports
+ * "stopped" the instant it is pressed is lying for however long the current
+ * turn takes.
+ *
+ * Presentational: the verbs go out through `onCommand` and the surface decides
+ * what they mean. `@hanzo/ai`'s `sessions.steer(id, command)` is the one it
+ * wants, but this row does not import it — a channel workspace steering through
+ * a BFF composes the same control.
+ */
+import { XStack } from '@hanzo/gui';
+import type { ComponentProps, ReactNode } from 'react';
+type Row = Omit<ComponentProps<typeof XStack>, 'children'>;
+/** The verbs a run understands. `message` is the composer's, not a button's. */
+export type Command = 'pause' | 'resume' | 'stop';
+export interface SteerProps extends Row {
+    onCommand?: (command: Command) => void;
+    /**
+     * Verbs to withhold — a finished run cannot be paused.
+     *
+     * NOT `disabled`: that is gui's own boolean on the underlying stack, and
+     * taking the name means the row and the primitive disagree about the type of
+     * one prop.
+     */
+    withhold?: Command[];
+    /** The last thing that happened, in the surface's words. */
+    note?: ReactNode;
+}
+export declare function Steer({ onCommand, withhold, note, ...rest }: SteerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * The three kinds of member, and why one row draws all three.
+ *
+ * An AGENT is summoned and lives for a session. A BOT is the same thing left
+ * running — it is present before anyone asks and after everyone leaves, which
+ * is the whole difference and the only one a reader needs. A HUMAN is a person.
+ *
+ * One component with a `kind` prop rather than three, because the three differ
+ * in a badge and an icon; three components is how the hover state comes to
+ * differ too.
+ */
+export type MemberKind = 'agent' | 'bot' | 'human';
+export interface MemberRowProps extends Row {
+    name: string;
+    kind: MemberKind;
+    /** A line under the name — what it does, or where it is. */
+    detail?: string;
+    onPress?: () => void;
+}
+export declare function MemberRow({ name, kind, detail, onPress, ...rest }: MemberRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Steer.d.ts.map

package/dist/agents/Steer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steer.d.ts","sourceRoot":"","sources":["../../src/agents/Steer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAe,MAAM,EAAU,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,gFAAgF;AAChF,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAQjD,MAAM,WAAW,UAAW,SAAQ,GAAG;IACrC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,QAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAsC5E;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,CAAA;AAQlD,MAAM,WAAW,cAAe,SAAQ,GAAG;IACzC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,UAAU,CAAA;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CA4CjF"}

package/dist/agents/Steer.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Steer — the controls that reach a run mid-flight, and the roster row.
+ *
+ * A command is QUEUED, not applied: an agent reads it between turns, so the
+ * label a person sees after pressing has to say that. A control that reports
+ * "stopped" the instant it is pressed is lying for however long the current
+ * turn takes.
+ *
+ * Presentational: the verbs go out through `onCommand` and the surface decides
+ * what they mean. `@hanzo/ai`'s `sessions.steer(id, command)` is the one it
+ * wants, but this row does not import it — a channel workspace steering through
+ * a BFF composes the same control.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { Bot, Pause, Play, Square, User, Zap } from '@hanzogui/lucide-icons-2';
+import { slot, tip } from '../backends/gui/slot.js';
+const CONTROLS = [
+    { command: 'pause', label: 'Pause', icon: Pause },
+    { command: 'resume', label: 'Resume', icon: Play },
+    { command: 'stop', label: 'Stop', icon: Square },
+];
+export function Steer({ onCommand, withhold = [], note, ...rest }) {
+    return (_jsxs(YStack, { ...slot('steer'), gap: "$1", children: [_jsx(XStack, { gap: "$1", items: "center", ...rest, children: CONTROLS.map(({ command, label, icon: Icon }) => {
+                    const off = withhold.includes(command);
+                    return (_jsxs(XStack, { items: "center", gap: "$1.5", px: "$2", py: "$1", rounded: "$3", opacity: off ? 0.4 : 0.8, cursor: off ? 'default' : 'pointer', role: "button", tabIndex: off ? -1 : 0, "aria-disabled": off, "aria-label": label, ...tip(label), hoverStyle: off ? undefined : { bg: '$hover', opacity: 1 }, pressStyle: off ? undefined : { bg: '$raised' }, onPress: () => !off && onCommand?.(command), children: [_jsx(Icon, { size: 13 }), _jsx(SizableText, { size: "$1", children: label })] }, command));
+                }) }), note ? (_jsx(SizableText, { size: "$1", color: "$soft", children: note })) : null] }));
+}
+const KIND = {
+    agent: { icon: Zap, says: 'agent' },
+    bot: { icon: Bot, says: 'always on' },
+    human: { icon: User, says: 'person' },
+};
+export function MemberRow({ name, kind, detail, onPress, ...rest }) {
+    const { icon: Icon, says } = KIND[kind];
+    return (_jsxs(XStack, { ...slot('member-row'), items: "center", gap: "$2", px: "$2", py: "$1.5", rounded: "$3", cursor: onPress ? 'pointer' : 'default', role: onPress ? 'button' : undefined, tabIndex: onPress ? 0 : undefined, hoverStyle: onPress ? { bg: '$hover' } : undefined, onPress: onPress, ...rest, children: [_jsx(XStack, { width: 22, height: 22, rounded: 9999, items: "center", justify: "center", bg: "$raised", shrink: 0, children: _jsx(Icon, { size: 12 }) }), _jsxs(YStack, { flex: 1, shrink: 1, children: [_jsx(SizableText, { size: "$2", numberOfLines: 1, children: name }), detail ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: detail })) : null] }), _jsx(SizableText, { size: "$1", color: "$color8", children: says })] }));
+}
+//# sourceMappingURL=Steer.js.map

package/dist/agents/Steer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steer.js","sourceRoot":"","sources":["../../src/agents/Steer.tsx"],"names":[],"mappings":"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"}

package/dist/agents/Transcript.cjs

@@ -0,0 +1,59 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fold = fold;
+exports.Transcript = Transcript;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Transcript — what a run has done, as blocks.
+ *
+ * A streamed answer arrives one TOKEN per event, so an unfolded transcript
+ * prints a sentence as a dozen mid-word cards each under its own actor line —
+ * measured at four parts label to one part text. `fold()` joins consecutive
+ * turns of the same kind and actor into one block with one label, and this
+ * component draws blocks. The folding is exported beside it because it is the
+ * same decision every surface has to make and it is pure.
+ *
+ * Presentational and total: an event whose payload is a shape nobody modelled
+ * still renders as its own text rather than as a gap.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const slot_1 = require("../backends/gui/slot.cjs");
+/**
+ * Fold turns into blocks.
+ *
+ * Message tokens join with NOTHING, because each carries its own leading space
+ * and re-inserting one doubles it. Every other kind joins with a newline: two
+ * tool results are two facts, not one run-on sentence.
+ */
+function fold(turns) {
+    const out = [];
+    turns.forEach((turn, i) => {
+        const kind = turn.kind ?? 'turn';
+        const last = out[out.length - 1];
+        if (last && last.kind === kind && last.actor === turn.actor)
+            last.parts.push(turn.text);
+        // Position is the fallback key and never a random one: a turn carrying
+        // neither seq nor id would otherwise be keyed differently on every render,
+        // so the list would grow a copy per paint.
+        else
+            out.push({ key: `${turn.seq ?? turn.id ?? i}`, kind, actor: turn.actor, parts: [turn.text] });
+    });
+    return out.map((b) => ({
+        key: b.key,
+        kind: b.kind,
+        actor: b.actor,
+        text: b.parts.join(b.kind === 'message' ? '' : '\n'),
+    }));
+}
+function Transcript({ blocks, follow = true, header, empty, ...rest }) {
+    const foot = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (follow)
+            foot.current?.scrollIntoView({ block: 'end' });
+    }, [blocks.length, follow]);
+    return ((0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ...(0, slot_1.slot)('transcript'), flex: 1, showsVerticalScrollIndicator: false, ...rest, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", p: "$4", children: [header, !blocks.length
+                    ? empty ?? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "Nothing yet." }))
+                    : blocks.map((block) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", children: block.actor ?? block.kind }), block.actor ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color8", children: block.kind })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: block.text })] }, block.key))), (0, jsx_runtime_1.jsx)("div", { ref: foot })] }) }));
+}

package/dist/agents/Transcript.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Transcript — what a run has done, as blocks.
+ *
+ * A streamed answer arrives one TOKEN per event, so an unfolded transcript
+ * prints a sentence as a dozen mid-word cards each under its own actor line —
+ * measured at four parts label to one part text. `fold()` joins consecutive
+ * turns of the same kind and actor into one block with one label, and this
+ * component draws blocks. The folding is exported beside it because it is the
+ * same decision every surface has to make and it is pure.
+ *
+ * Presentational and total: an event whose payload is a shape nobody modelled
+ * still renders as its own text rather than as a gap.
+ */
+import { ScrollView } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+type Scroll = Omit<ComponentProps<typeof ScrollView>, 'children'>;
+/** The shape a transcript needs from an event. A superset is fine. */
+export interface Turn {
+    kind?: string;
+    actor?: string;
+    seq?: number;
+    id?: string;
+    text: string;
+}
+/** One folded run of same-kind, same-actor turns. */
+export interface Block {
+    key: string;
+    kind: string;
+    actor?: string;
+    text: string;
+}
+/**
+ * Fold turns into blocks.
+ *
+ * Message tokens join with NOTHING, because each carries its own leading space
+ * and re-inserting one doubles it. Every other kind joins with a newline: two
+ * tool results are two facts, not one run-on sentence.
+ */
+export declare function fold(turns: Turn[]): Block[];
+export interface TranscriptProps extends Scroll {
+    blocks: Block[];
+    /** Keep the newest turn in view as the run streams. */
+    follow?: boolean;
+    /** Drawn above the blocks — a status line, a turn count. */
+    header?: ReactNode;
+    empty?: ReactNode;
+}
+export declare function Transcript({ blocks, follow, header, empty, ...rest }: TranscriptProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Transcript.d.ts.map

package/dist/agents/Transcript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transcript.d.ts","sourceRoot":"","sources":["../../src/agents/Transcript.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAA+B,MAAM,YAAY,CAAA;AACpE,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAI9E,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;AAEjE,sEAAsE;AACtE,MAAM,WAAW,IAAI;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,qDAAqD;AACrD,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,CAiB3C;AAED,MAAM,WAAW,eAAgB,SAAQ,MAAM;IAC7C,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,MAAa,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAsC5F"}

package/dist/agents/Transcript.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Transcript — what a run has done, as blocks.
+ *
+ * A streamed answer arrives one TOKEN per event, so an unfolded transcript
+ * prints a sentence as a dozen mid-word cards each under its own actor line —
+ * measured at four parts label to one part text. `fold()` joins consecutive
+ * turns of the same kind and actor into one block with one label, and this
+ * component draws blocks. The folding is exported beside it because it is the
+ * same decision every surface has to make and it is pure.
+ *
+ * Presentational and total: an event whose payload is a shape nobody modelled
+ * still renders as its own text rather than as a gap.
+ */
+import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { useEffect, useRef } from 'react';
+import { slot } from '../backends/gui/slot.js';
+/**
+ * Fold turns into blocks.
+ *
+ * Message tokens join with NOTHING, because each carries its own leading space
+ * and re-inserting one doubles it. Every other kind joins with a newline: two
+ * tool results are two facts, not one run-on sentence.
+ */
+export function fold(turns) {
+    const out = [];
+    turns.forEach((turn, i) => {
+        const kind = turn.kind ?? 'turn';
+        const last = out[out.length - 1];
+        if (last && last.kind === kind && last.actor === turn.actor)
+            last.parts.push(turn.text);
+        // Position is the fallback key and never a random one: a turn carrying
+        // neither seq nor id would otherwise be keyed differently on every render,
+        // so the list would grow a copy per paint.
+        else
+            out.push({ key: `${turn.seq ?? turn.id ?? i}`, kind, actor: turn.actor, parts: [turn.text] });
+    });
+    return out.map((b) => ({
+        key: b.key,
+        kind: b.kind,
+        actor: b.actor,
+        text: b.parts.join(b.kind === 'message' ? '' : '\n'),
+    }));
+}
+export function Transcript({ blocks, follow = true, header, empty, ...rest }) {
+    const foot = useRef(null);
+    useEffect(() => {
+        if (follow)
+            foot.current?.scrollIntoView({ block: 'end' });
+    }, [blocks.length, follow]);
+    return (_jsx(ScrollView, { ...slot('transcript'), flex: 1, showsVerticalScrollIndicator: false, ...rest, children: _jsxs(YStack, { gap: "$3", p: "$4", children: [header, !blocks.length
+                    ? empty ?? (_jsx(SizableText, { size: "$2", color: "$soft", children: "Nothing yet." }))
+                    : blocks.map((block) => (_jsxs(YStack, { gap: "$1", children: [_jsxs(XStack, { gap: "$2", items: "center", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: block.actor ?? block.kind }), block.actor ? (_jsx(SizableText, { size: "$1", color: "$color8", children: block.kind })) : null] }), _jsx(SizableText, { size: "$2", color: "$quiet", children: block.text })] }, block.key))), _jsx("div", { ref: foot })] }) }));
+}
+//# sourceMappingURL=Transcript.js.map

package/dist/agents/Transcript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transcript.js","sourceRoot":"","sources":["../../src/agents/Transcript.tsx"],"names":[],"mappings":"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"}

package/dist/agents/index.cjs

@@ -0,0 +1,36 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Screen = exports.Steer = exports.MemberRow = exports.fold = exports.Transcript = exports.nest = exports.RunRow = exports.AgentBoard = void 0;
+/**
+ * @hanzo/ui/agents — the agents working view, on @hanzo/gui primitives.
+ *
+ * `AgentBoard` shows what is running, grouped by project and nested by fan-out;
+ * `Transcript` shows what one run has done; `Steer` reaches a run mid-flight;
+ * `Screen` watches one that has something to look at; `MemberRow` draws an
+ * agent, a bot or a person with the kind legible.
+ *
+ * Props-in, callbacks-out — no transport, no store, no routing, and no import
+ * of `@hanzo/ai` anywhere in the module. The data belongs to the surface, which
+ * is what lets hanzo.ai, a channel workspace and the desktop compose the same
+ * five components over three different ways of fetching.
+ *
+ * The two pure helpers ship beside the components because both are decisions a
+ * surface would otherwise make differently each time: `nest` builds the tree a
+ * board draws from the flat list an API answers with, and `fold` joins a
+ * token-per-event stream into readable blocks.
+ *
+ * The composer is not here — a draft box is not agent-specific, so it stays at
+ * `@hanzo/ui/chat` and this module composes it.
+ */
+var Board_1 = require("./Board.cjs");
+Object.defineProperty(exports, "AgentBoard", { enumerable: true, get: function () { return Board_1.AgentBoard; } });
+Object.defineProperty(exports, "RunRow", { enumerable: true, get: function () { return Board_1.RunRow; } });
+Object.defineProperty(exports, "nest", { enumerable: true, get: function () { return Board_1.nest; } });
+var Transcript_1 = require("./Transcript.cjs");
+Object.defineProperty(exports, "Transcript", { enumerable: true, get: function () { return Transcript_1.Transcript; } });
+Object.defineProperty(exports, "fold", { enumerable: true, get: function () { return Transcript_1.fold; } });
+var Steer_1 = require("./Steer.cjs");
+Object.defineProperty(exports, "MemberRow", { enumerable: true, get: function () { return Steer_1.MemberRow; } });
+Object.defineProperty(exports, "Steer", { enumerable: true, get: function () { return Steer_1.Steer; } });
+var Screen_1 = require("./Screen.cjs");
+Object.defineProperty(exports, "Screen", { enumerable: true, get: function () { return Screen_1.Screen; } });

package/dist/agents/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @hanzo/ui/agents — the agents working view, on @hanzo/gui primitives.
+ *
+ * `AgentBoard` shows what is running, grouped by project and nested by fan-out;
+ * `Transcript` shows what one run has done; `Steer` reaches a run mid-flight;
+ * `Screen` watches one that has something to look at; `MemberRow` draws an
+ * agent, a bot or a person with the kind legible.
+ *
+ * Props-in, callbacks-out — no transport, no store, no routing, and no import
+ * of `@hanzo/ai` anywhere in the module. The data belongs to the surface, which
+ * is what lets hanzo.ai, a channel workspace and the desktop compose the same
+ * five components over three different ways of fetching.
+ *
+ * The two pure helpers ship beside the components because both are decisions a
+ * surface would otherwise make differently each time: `nest` builds the tree a
+ * board draws from the flat list an API answers with, and `fold` joins a
+ * token-per-event stream into readable blocks.
+ *
+ * The composer is not here — a draft box is not agent-specific, so it stays at
+ * `@hanzo/ui/chat` and this module composes it.
+ */
+export { AgentBoard, RunRow, nest, type AgentBoardProps, type Run, type RunRowProps, type RunStatus, } from './Board.js';
+export { Transcript, fold, type Block, type TranscriptProps, type Turn } from './Transcript.js';
+export { MemberRow, Steer, type Command, type MemberKind, type MemberRowProps, type SteerProps, } from './Steer.js';
+export { Screen, type ScreenKind, type ScreenProps, type Ticket } from './Screen.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/agents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,KAAK,eAAe,EACpB,KAAK,GAAG,EACR,KAAK,WAAW,EAChB,KAAK,SAAS,GACf,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,KAAK,EAAE,KAAK,eAAe,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAA;AAE5F,OAAO,EACL,SAAS,EACT,KAAK,EACL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,UAAU,GAChB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/agents/index.js

@@ -0,0 +1,26 @@
+/**
+ * @hanzo/ui/agents — the agents working view, on @hanzo/gui primitives.
+ *
+ * `AgentBoard` shows what is running, grouped by project and nested by fan-out;
+ * `Transcript` shows what one run has done; `Steer` reaches a run mid-flight;
+ * `Screen` watches one that has something to look at; `MemberRow` draws an
+ * agent, a bot or a person with the kind legible.
+ *
+ * Props-in, callbacks-out — no transport, no store, no routing, and no import
+ * of `@hanzo/ai` anywhere in the module. The data belongs to the surface, which
+ * is what lets hanzo.ai, a channel workspace and the desktop compose the same
+ * five components over three different ways of fetching.
+ *
+ * The two pure helpers ship beside the components because both are decisions a
+ * surface would otherwise make differently each time: `nest` builds the tree a
+ * board draws from the flat list an API answers with, and `fold` joins a
+ * token-per-event stream into readable blocks.
+ *
+ * The composer is not here — a draft box is not agent-specific, so it stays at
+ * `@hanzo/ui/chat` and this module composes it.
+ */
+export { AgentBoard, RunRow, nest, } from './Board.js';
+export { Transcript, fold } from './Transcript.js';
+export { MemberRow, Steer, } from './Steer.js';
+export { Screen } from './Screen.js';
+//# sourceMappingURL=index.js.map

package/dist/agents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,GAKL,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,EAAE,IAAI,EAA+C,MAAM,cAAc,CAAA;AAE5F,OAAO,EACL,SAAS,EACT,KAAK,GAKN,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,MAAM,EAAkD,MAAM,UAAU,CAAA"}

package/dist/box.cjs

@@ -39,6 +39,25 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const gui_1 = require("@hanzo/gui");
 const tw_1 = require("./tw.cjs");
+const gui_config_1 = require("./gui-config.cjs");
+/**
+ * The process-global gui config, named as a VALUE so it survives bundling.
+ *
+ * A rendered gui component resolves `$background` and friends against one
+ * config, and it is `gui-config.ts` calling `createGui` at module scope that
+ * installs it. `<Hanzo>` names it too — but an app that imports only `Box`
+ * never loads `<Hanzo>`, so nothing installed it and the first render throws
+ *
+ *     Error: Err0
+ *
+ * which in production is the whole message. A bare `import './gui-config.cjs'`
+ * does not fix it: Vite 8 ignores a package.json `sideEffects` ARRAY, so the
+ * side-effect-only import is shaken out. A value the module references cannot
+ * be. Measured on zoo.industries, where 58 files render Box and none mount
+ * Hanzo directly.
+ */
+if (!gui_config_1.config)
+    throw new Error('@hanzo/ui: the gui config did not install');
 /**
  * The display each element has before any class touches it.
  *

package/dist/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AA+C1C;;;;;;;;;GASG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAWtE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACpC,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,GAC3E,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GACnE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,GAC7D,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAC7D,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,GACzC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,GAAG;IAC3F,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,CAAC,CAAA;IACP;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CAC3C,CAAA;AAwEH;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,EAAe,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EACjF,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,KAC1C,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;eAEf,GAAG"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAkE1C;;;;;;;;;GASG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAWtE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACpC,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,GAC3E,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GACnE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,GAC7D,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAC7D,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,GACzC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,GAAG;IAC3F,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,CAAC,CAAA;IACP;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CAC3C,CAAA;AAwEH;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,EAAe,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EACjF,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,KAC1C,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;eAEf,GAAG"}

package/dist/box.js

@@ -36,6 +36,25 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement, forwardRef } from 'react';
 import { YStack } from '@hanzo/gui';
 import { tw } from './tw.js';
+import { config } from './gui-config.js';
+/**
+ * The process-global gui config, named as a VALUE so it survives bundling.
+ *
+ * A rendered gui component resolves `$background` and friends against one
+ * config, and it is `gui-config.ts` calling `createGui` at module scope that
+ * installs it. `<Hanzo>` names it too — but an app that imports only `Box`
+ * never loads `<Hanzo>`, so nothing installed it and the first render throws
+ *
+ *     Error: Err0
+ *
+ * which in production is the whole message. A bare `import './gui-config.js'`
+ * does not fix it: Vite 8 ignores a package.json `sideEffects` ARRAY, so the
+ * side-effect-only import is shaken out. A value the module references cannot
+ * be. Measured on zoo.industries, where 58 files render Box and none mount
+ * Hanzo directly.
+ */
+if (!config)
+    throw new Error('@hanzo/ui: the gui config did not install');
 /**
  * The display each element has before any class touches it.
  *

package/dist/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,EAAE,EAAmB,MAAM,MAAM,CAAA;AAE1C;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO;IAC9E,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAC/E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;AAElD,2EAA2E;AAC3E,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe;IACzE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO;IAChE,oBAAoB,EAAE,YAAY;IAClC,8EAA8E;IAC9E,2EAA2E;IAC3E,4EAA4E;IAC5E,6EAA6E;IAC7E,wBAAwB;IACxB,oBAAoB,CAAU,CAAA;AAEhC;;;;;;;;;;;;;;GAcG;AACH,MAAM,SAAS,GAAG,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB;IACtE,sBAAsB,CAAU,CAAA;AAoDlC,MAAM,QAAQ,GAAG,UAAU,CAAmD,SAAS,GAAG,CACxF,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAC5D,GAAG;IAEH,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;IAC7C,2EAA2E;IAC3E,8EAA8E;IAC9E,oEAAoE;IACpE,IAAI,CAAC,CAAC,WAAW,IAAI,KAAK,CAAC;QAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACrD,0EAA0E;IAC1E,yEAAyE;IACzE,IAAI,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC;QAAE,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAA;IACnD,6EAA6E;IAC7E,0EAA0E;IAC1E,8EAA8E;IAC9E,0EAA0E;IAC1E,yBAAyB;IACzB,MAAM,IAAI,GAA4B,EAAE,CAAA;IACxC,KAAK,MAAM,CAAC,IAAI,UAAU;QAAE,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;YAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAA;QAAC,CAAC;IACnF,KAAK,MAAM,CAAC,IAAI,SAAS;QAAE,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;YAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAA;QAAC,CAAC;IAClF,6EAA6E;IAC7E,0EAA0E;IAC1E,yDAAyD;IACzD,IAAI,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC;QAAE,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;IACxD,2EAA2E;IAC3E,2EAA2E;IAC3E,4EAA4E;IAC5E,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC;QAAE,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;IACrE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM;QACpC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAI,IAAY,CAAC,KAAK,EAAE;QACrC,CAAC,CAAE,IAAY,CAAC,KAAK,CAAA;IACvB,6EAA6E;IAC7E,iDAAiD;IACjD,MAAM,KAAK,GAAG,CACZ,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAC1B,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC/B,OAAO,EAAE,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;QACpD,wEAAwE;QACxE,0EAA0E;QAC1E,yEAAyE;QACzE,gEAAgE;QAChE,2EAA2E;QAC3E,2EAA2E;QAC3E,MAAM,EAAE,CAAC,iBACI,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,KAAK,KACjF,KAAgB,KAIjB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAE,IAAe,CAAC,EACjC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,EAChD,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,YAK7B,GAAG;YACF,CAAC,CAAC,aAAa,CACX,GAAG,EACH,EAAE,GAAI,IAAe,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,IAAI,SAAS,EAAE,KAAK,EAAE,EACnE,QAAQ,CACT;YACH,CAAC,CAAC,QAAQ,GACL,CACV,CAAA;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,QAEW,CAAA;AAE9B,eAAe,GAAG,CAAA"}
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../src/box.tsx"],"names":[],"mappings":"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"}

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.14.0</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.14.1</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.14.0",
+  "version": "8.14.1",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {
@@ -207,7 +207,13 @@
       "require": "./dist/types.cjs",
       "default": "./dist/types.js"
     },
-    "./next": "./dist/next.cjs"
+    "./next": "./dist/next.cjs",
+    "./agents": {
+      "types": "./dist/agents/index.d.ts",
+      "import": "./dist/agents/index.js",
+      "require": "./dist/agents/index.cjs",
+      "default": "./dist/agents/index.js"
+    }
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",