@hanzo/ui 8.14.0 → 8.14.2

package/dist/agents/Progress.cjs

@@ -0,0 +1,130 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBlock = ProgressBlock;
+exports.steps = steps;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ProgressBlock — an agent's turn, as the steps it took.
+ *
+ * A run emits one event per token and per tool call, and printed flat that is a
+ * wall. What a reader wants is the SHAPE of the work: it thought, it searched,
+ * it read two files, it finished — each one line, each openable for the detail,
+ * and the answer underneath at full size.
+ *
+ * So a step is a LABEL plus DETAIL, and the detail is closed by default. The
+ * label is the claim ("Read 2 files"); the detail is the evidence
+ * ("BuyNowButton.tsx", "styles.css"). A reader skims labels and opens the one
+ * they doubt — which is the whole reason this beats a transcript.
+ *
+ * `done` is a state of the BLOCK, not a step: a run that is still working shows
+ * no tick, and a tick that appears before the work stops is a lie a reader will
+ * only catch once.
+ *
+ * Presentational. `steps()` maps session events to this shape and is exported
+ * beside it, because every surface reading the same stream should group it the
+ * same way.
+ */
+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 ICON = {
+    think: lucide_icons_2_1.Lightbulb,
+    search: lucide_icons_2_1.Sparkles,
+    read: lucide_icons_2_1.FileText,
+    run: lucide_icons_2_1.Terminal,
+    write: lucide_icons_2_1.FileText,
+    error: lucide_icons_2_1.TriangleAlert,
+    step: lucide_icons_2_1.CircleDot,
+};
+function Row({ step }) {
+    const [open, setOpen] = (0, react_1.useState)(step.open ?? false);
+    const Icon = ICON[step.kind];
+    const has = !!step.detail?.length;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$0.5", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", cursor: has ? 'pointer' : 'default', role: has ? 'button' : undefined, tabIndex: has ? 0 : undefined, "aria-expanded": has ? open : undefined, onPress: () => has && setOpen((v) => !v), children: [(0, jsx_runtime_1.jsx)(Icon, { size: 13, opacity: 0.55 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: step.label }), has ? (open ? ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 12, opacity: 0.5 })) : ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 12, opacity: 0.5 }))) : null] }), has && open ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { pl: "$4", ml: "$1", gap: "$0.5", borderLeftWidth: 1, borderColor: "$borderColor", children: step.detail.map((line, i) => ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", pl: "$2", children: line }, `${step.key}-${i}`))) })) : null] }));
+}
+function ProgressBlock({ steps, done = false, doneLabel = 'Done', children, ...rest }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('progress-block'), gap: "$1.5", ...rest, children: [steps.map((step) => ((0, jsx_runtime_1.jsx)(Row, { step: step }, step.key))), done ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 13, opacity: 0.75 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: doneLabel })] })) : null, children ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$1", children: children }) : null] }));
+}
+/** Map an event's kind onto a step kind. Unknown kinds stay generic rather than
+ *  being forced into the nearest icon, which would misreport what happened. */
+function kindOf(kind) {
+    const k = kind.toLowerCase();
+    if (k.includes('think') || k.includes('reason'))
+        return 'think';
+    if (k.includes('search') || k.includes('grep'))
+        return 'search';
+    if (k.includes('read') || k.includes('file'))
+        return 'read';
+    if (k.includes('tool') || k.includes('exec') || k.includes('command'))
+        return 'run';
+    if (k.includes('write') || k.includes('edit') || k.includes('patch'))
+        return 'write';
+    if (k.includes('error') || k.includes('fail'))
+        return 'error';
+    return 'step';
+}
+/** One readable line out of whatever a payload turned out to be. */
+function say(payload) {
+    if (payload == null)
+        return '';
+    if (typeof payload === 'string')
+        return payload;
+    if (typeof payload !== 'object')
+        return String(payload);
+    const bag = payload;
+    for (const key of ['text', 'message', 'preview', 'content', 'name', 'command', 'path']) {
+        const found = bag[key];
+        if (typeof found === 'string' && found.trim())
+            return found;
+    }
+    try {
+        return JSON.stringify(payload);
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * Group a run's events into steps.
+ *
+ * Consecutive events of the same kind become ONE step whose detail is their
+ * lines — that is what turns twelve `tool-call` events into "Read 2 files" with
+ * two names under it. `message` events are NOT steps: they are the answer, and
+ * the caller renders them as `children`.
+ */
+function steps(events) {
+    const out = [];
+    const said = [];
+    events.forEach((event, i) => {
+        const kind = event.kind ?? 'step';
+        const line = say(event.payload).trim();
+        if (kind === 'message') {
+            if (line)
+                said.push(line);
+            return;
+        }
+        const step = kindOf(kind);
+        const last = out[out.length - 1];
+        if (last && last.kind === step) {
+            if (line)
+                (last.detail ??= []).push(line);
+            return;
+        }
+        out.push({
+            key: `${event.seq ?? event.id ?? i}`,
+            kind: step,
+            label: kind,
+            detail: line ? [line] : undefined,
+        });
+    });
+    // A step's label counts what it did, once the run is grouped — "Read 2 files"
+    // rather than "read". The verb is the event's own; the number is ours.
+    for (const step of out) {
+        const n = step.detail?.length ?? 0;
+        if (n > 1)
+            step.label = `${step.label} ${n}`;
+    }
+    return { steps: out, message: said.join('') };
+}

package/dist/agents/Progress.d.ts

@@ -0,0 +1,67 @@
+/**
+ * ProgressBlock — an agent's turn, as the steps it took.
+ *
+ * A run emits one event per token and per tool call, and printed flat that is a
+ * wall. What a reader wants is the SHAPE of the work: it thought, it searched,
+ * it read two files, it finished — each one line, each openable for the detail,
+ * and the answer underneath at full size.
+ *
+ * So a step is a LABEL plus DETAIL, and the detail is closed by default. The
+ * label is the claim ("Read 2 files"); the detail is the evidence
+ * ("BuyNowButton.tsx", "styles.css"). A reader skims labels and opens the one
+ * they doubt — which is the whole reason this beats a transcript.
+ *
+ * `done` is a state of the BLOCK, not a step: a run that is still working shows
+ * no tick, and a tick that appears before the work stops is a lie a reader will
+ * only catch once.
+ *
+ * Presentational. `steps()` maps session events to this shape and is exported
+ * beside it, because every surface reading the same stream should group it the
+ * same way.
+ */
+import { YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+type Col = Omit<ComponentProps<typeof YStack>, 'children'>;
+/** What a step was. Chooses the icon, and nothing else. */
+export type StepKind = 'think' | 'search' | 'read' | 'run' | 'write' | 'error' | 'step';
+export interface Step {
+    key: string;
+    kind: StepKind;
+    /** The claim — one line, always visible. */
+    label: string;
+    /** The evidence, one line each. Absent means nothing to open. */
+    detail?: string[];
+    /** Open on first render — for the step being worked on right now. */
+    open?: boolean;
+}
+export interface ProgressBlockProps extends Col {
+    steps: Step[];
+    /** The work has stopped. Draws the tick. */
+    done?: boolean;
+    doneLabel?: string;
+    /** The agent's message, at full size under the steps. */
+    children?: ReactNode;
+}
+export declare function ProgressBlock({ steps, done, doneLabel, children, ...rest }: ProgressBlockProps): import("react/jsx-runtime").JSX.Element;
+/** The shape `steps()` reads. A session event, or anything that looks like one. */
+export interface Event {
+    seq?: number;
+    id?: string;
+    kind?: string;
+    actor?: string;
+    payload?: unknown;
+}
+/**
+ * Group a run's events into steps.
+ *
+ * Consecutive events of the same kind become ONE step whose detail is their
+ * lines — that is what turns twelve `tool-call` events into "Read 2 files" with
+ * two names under it. `message` events are NOT steps: they are the answer, and
+ * the caller renders them as `children`.
+ */
+export declare function steps(events: Event[]): {
+    steps: Step[];
+    message: string;
+};
+export {};
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/agents/Progress.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAaxD,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,2DAA2D;AAC3D,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAYvF,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA8CD,MAAM,WAAW,kBAAmB,SAAQ,GAAG;IAC7C,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAY,EACZ,SAAkB,EAClB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAmBpB;AAED,mFAAmF;AACnF,MAAM,WAAW,KAAK;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAgCD;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAiCzE"}

package/dist/agents/Progress.js

@@ -0,0 +1,127 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ProgressBlock — an agent's turn, as the steps it took.
+ *
+ * A run emits one event per token and per tool call, and printed flat that is a
+ * wall. What a reader wants is the SHAPE of the work: it thought, it searched,
+ * it read two files, it finished — each one line, each openable for the detail,
+ * and the answer underneath at full size.
+ *
+ * So a step is a LABEL plus DETAIL, and the detail is closed by default. The
+ * label is the claim ("Read 2 files"); the detail is the evidence
+ * ("BuyNowButton.tsx", "styles.css"). A reader skims labels and opens the one
+ * they doubt — which is the whole reason this beats a transcript.
+ *
+ * `done` is a state of the BLOCK, not a step: a run that is still working shows
+ * no tick, and a tick that appears before the work stops is a lie a reader will
+ * only catch once.
+ *
+ * Presentational. `steps()` maps session events to this shape and is exported
+ * beside it, because every surface reading the same stream should group it the
+ * same way.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { Check, ChevronDown, ChevronRight, CircleDot, FileText, Lightbulb, Sparkles, Terminal, TriangleAlert, } from '@hanzogui/lucide-icons-2';
+import { useState } from 'react';
+import { slot } from '../backends/gui/slot.js';
+const ICON = {
+    think: Lightbulb,
+    search: Sparkles,
+    read: FileText,
+    run: Terminal,
+    write: FileText,
+    error: TriangleAlert,
+    step: CircleDot,
+};
+function Row({ step }) {
+    const [open, setOpen] = useState(step.open ?? false);
+    const Icon = ICON[step.kind];
+    const has = !!step.detail?.length;
+    return (_jsxs(YStack, { gap: "$0.5", children: [_jsxs(XStack, { items: "center", gap: "$1.5", cursor: has ? 'pointer' : 'default', role: has ? 'button' : undefined, tabIndex: has ? 0 : undefined, "aria-expanded": has ? open : undefined, onPress: () => has && setOpen((v) => !v), children: [_jsx(Icon, { size: 13, opacity: 0.55 }), _jsx(SizableText, { size: "$2", color: "$quiet", children: step.label }), has ? (open ? (_jsx(ChevronDown, { size: 12, opacity: 0.5 })) : (_jsx(ChevronRight, { size: 12, opacity: 0.5 }))) : null] }), has && open ? (_jsx(YStack, { pl: "$4", ml: "$1", gap: "$0.5", borderLeftWidth: 1, borderColor: "$borderColor", children: step.detail.map((line, i) => (_jsx(SizableText, { size: "$2", color: "$soft", pl: "$2", children: line }, `${step.key}-${i}`))) })) : null] }));
+}
+export function ProgressBlock({ steps, done = false, doneLabel = 'Done', children, ...rest }) {
+    return (_jsxs(YStack, { ...slot('progress-block'), gap: "$1.5", ...rest, children: [steps.map((step) => (_jsx(Row, { step: step }, step.key))), done ? (_jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(Check, { size: 13, opacity: 0.75 }), _jsx(SizableText, { size: "$2", color: "$quiet", children: doneLabel })] })) : null, children ? _jsx(YStack, { pt: "$1", children: children }) : null] }));
+}
+/** Map an event's kind onto a step kind. Unknown kinds stay generic rather than
+ *  being forced into the nearest icon, which would misreport what happened. */
+function kindOf(kind) {
+    const k = kind.toLowerCase();
+    if (k.includes('think') || k.includes('reason'))
+        return 'think';
+    if (k.includes('search') || k.includes('grep'))
+        return 'search';
+    if (k.includes('read') || k.includes('file'))
+        return 'read';
+    if (k.includes('tool') || k.includes('exec') || k.includes('command'))
+        return 'run';
+    if (k.includes('write') || k.includes('edit') || k.includes('patch'))
+        return 'write';
+    if (k.includes('error') || k.includes('fail'))
+        return 'error';
+    return 'step';
+}
+/** One readable line out of whatever a payload turned out to be. */
+function say(payload) {
+    if (payload == null)
+        return '';
+    if (typeof payload === 'string')
+        return payload;
+    if (typeof payload !== 'object')
+        return String(payload);
+    const bag = payload;
+    for (const key of ['text', 'message', 'preview', 'content', 'name', 'command', 'path']) {
+        const found = bag[key];
+        if (typeof found === 'string' && found.trim())
+            return found;
+    }
+    try {
+        return JSON.stringify(payload);
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * Group a run's events into steps.
+ *
+ * Consecutive events of the same kind become ONE step whose detail is their
+ * lines — that is what turns twelve `tool-call` events into "Read 2 files" with
+ * two names under it. `message` events are NOT steps: they are the answer, and
+ * the caller renders them as `children`.
+ */
+export function steps(events) {
+    const out = [];
+    const said = [];
+    events.forEach((event, i) => {
+        const kind = event.kind ?? 'step';
+        const line = say(event.payload).trim();
+        if (kind === 'message') {
+            if (line)
+                said.push(line);
+            return;
+        }
+        const step = kindOf(kind);
+        const last = out[out.length - 1];
+        if (last && last.kind === step) {
+            if (line)
+                (last.detail ??= []).push(line);
+            return;
+        }
+        out.push({
+            key: `${event.seq ?? event.id ?? i}`,
+            kind: step,
+            label: kind,
+            detail: line ? [line] : undefined,
+        });
+    });
+    // A step's label counts what it did, once the run is grouped — "Read 2 files"
+    // rather than "read". The verb is the event's own; the number is ours.
+    for (const step of out) {
+        const n = step.detail?.length ?? 0;
+        if (n > 1)
+            step.label = `${step.label} ${n}`;
+    }
+    return { steps: out, message: said.join('') };
+}
+//# sourceMappingURL=Progress.js.map

package/dist/agents/Progress.js.map

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