@hanzo/build 0.2.28 → 0.2.29

package/lib/api/harness.d.ts

@@ -15,6 +15,17 @@
  *     ✓ step / → step / • step            its plan
  *   tokens used / <n>                     the end; the final message follows once more, bare
  *
+ * The sandbox's older harness (dev 0.6.94) prints another grammar: it stamps
+ * each item `[2026-09-29T16:07:35] ` and spells its headers its own way —
+ * `User instructions:`, `dev`, `thinking`, `exec <command> in <dir>`,
+ * `<command> succeeded in 1m 05s:`, `tool <call>`, `🌐 Search: <query>`,
+ * `apply_patch auto_approved=true:`, `turn diff:`, `tokens used: <n>`. A stamped
+ * line starts an item and says where the unstamped lines after it belong
+ * (`stamped`). Every stamped line no header owns is the harness's diagnostics.
+ *
+ * Warnings, errors, retries and diagnostics are the agent's log, one collapsed
+ * step, never the conversation; token counts are dropped.
+ *
  * The chunks are cut by a clock, not by line, so a line is read only once it
  * is whole. Lines no header owns — reasoning, or the tail of output from before
  * the recorded events begin — are prose. Everything here becomes TEXT on the

package/lib/api/harness.js

@@ -129,6 +129,13 @@ export function sections(diff) {
     return out;
 }
 const HEAD = /^(exec|codex|thinking|user|apply patch|tokens used|turn interrupted|context compacted)$/;
+/** The older harness's stamp on each item it starts. */
+const STAMP = /^\[\d{4}-\d\d-\d\dT\d\d:\d\d:\d\d(?:\.\d+)?Z?\] /;
+/** How long a stamped command or tool took: `14ms`, `2.1s`, `1m 05s`, `1h 02m`. */
+const TOOK = '(?: in [\\dhms. ]+)?';
+const RAN = new RegExp(`^(.+) (succeeded|exited (-?\\d+))${TOOK}:$`);
+const CALLED = new RegExp(`^(.+) (success|failed)${TOOK}:$`);
+const PATCHED = new RegExp(`^apply_patch\\(.*\\) exited (-?\\d+)${TOOK}:$`);
 const LEAD = /^(patch|mcp|web search|warning|ERROR|deprecated|model rerouted|hook): /;
 const RESULT = /^\s*(succeeded|exited (-?\d+)|declined|in progress)( in [\d.]+m?s)?:$/;
 /** A reader that appends the cards it finds to `out`, keyed by `mint`. */
@@ -168,8 +175,181 @@ export function harness(out, mint) {
         out.push(c);
         return c;
     };
+    // The agent's log: its warnings, errors and diagnostics, one step for the run.
+    let log = null;
+    const logged = (text) => {
+        if (!log)
+            log = step('Agent log', '', 'done');
+        log.output += log.output ? `\n${text}` : text;
+    };
+    let stamped = false;
+    let sink = 'none';
+    let into = null;
+    // A stamped command or tool is ended by name: its text as the harness printed it.
+    const running = new Map();
+    const begin = (item, name) => {
+        running.set(name, item);
+    };
+    const end = (name, ok) => {
+        const item = running.get(name);
+        if (!item)
+            return null;
+        running.delete(name);
+        item.ran = ok ? 'done' : 'error';
+        return item;
+    };
+    const stamp = (l) => {
+        settle();
+        into = null;
+        sink = 'none';
+        if (/^Hanzo Dev v\S+$/.test(l)) {
+            rules = 0;
+            sink = 'banner';
+            return;
+        }
+        if (l.startsWith('binary: ')) {
+            sink = 'banner';
+            return;
+        }
+        if (l === 'User instructions:') {
+            const c = { kind: 'said', key: mint(), who: 'person', text: '' };
+            out.push(c);
+            tasks.push({ card: c, lines: [] });
+            sink = 'task';
+            return;
+        }
+        if (l === 'dev') {
+            into = said('');
+            sink = 'said';
+            return;
+        }
+        if (l === 'thinking') {
+            into = step('Thinking', '', 'done');
+            sink = 'out';
+            return;
+        }
+        const exec = /^exec (.+) in (\S+)$/.exec(l);
+        if (exec) {
+            const file = reads(exec[1]);
+            const c = file
+                ? { kind: 'read', key: mint(), file: shown(file), ran: 'running' }
+                : { kind: 'shell', key: mint(), command: unwrap(exec[1]), output: '', ran: 'running' };
+            out.push(c);
+            begin(c, exec[1]);
+            return;
+        }
+        const ran = RAN.exec(l);
+        if (ran) {
+            const c = end(ran[1], ran[2] === 'succeeded');
+            if (c) {
+                // A read's output is the file it read, which the chip already names.
+                into = c;
+                sink = c.kind === 'shell' ? 'out' : 'drop';
+                return;
+            }
+        }
+        const custom = /^tool (.+) (success|failed)$/.exec(l);
+        if (custom) {
+            into = end(custom[1], custom[2] === 'success') ?? step(custom[1], 'tool', custom[2] === 'success' ? 'done' : 'error');
+            sink = 'out';
+            return;
+        }
+        const tool = /^tool (.+)$/.exec(l);
+        if (tool) {
+            into = step(tool[1], 'tool', 'running');
+            begin(into, tool[1]);
+            sink = 'out';
+            return;
+        }
+        const called = CALLED.exec(l);
+        if (called && running.has(called[1])) {
+            into = end(called[1], called[2] === 'success');
+            sink = 'out';
+            return;
+        }
+        const search = /^🌐 Search: (.*)$/.exec(l);
+        if (search) {
+            step('Web search', search[1], 'done');
+            return;
+        }
+        if (/^apply_patch auto_approved=\w+:$/.test(l)) {
+            patch();
+            sink = 'patch';
+            return;
+        }
+        const patched = PATCHED.exec(l);
+        if (patched) {
+            if (edit)
+                edit.card.ran = patched[1] === '0' ? 'done' : 'error';
+            sink = 'drop';
+            return;
+        }
+        if (l === 'turn diff:') {
+            diff = [];
+            sink = 'diff';
+            return;
+        }
+        if (/^tokens used: [\d,]+$/.test(l))
+            return;
+        if (/^task (interrupted|aborted)/.test(l)) {
+            for (const item of running.values())
+                item.ran = 'cancelled';
+            running.clear();
+            out.push({ kind: 'note', key: mint(), text: 'The agent was interrupted' });
+            return;
+        }
+        logged(l);
+        sink = 'log';
+    };
+    // An unstamped line of the stamped grammar, where the last stamped line said.
+    const under = (l) => {
+        switch (sink) {
+            case 'banner':
+                if (l === '--------' && ++rules === 3)
+                    sink = 'none';
+                return;
+            case 'task':
+                tasks[tasks.length - 1].lines.push(l);
+                return;
+            case 'said':
+                if (into && into.kind === 'said')
+                    into.text += into.text ? `\n${l}` : l;
+                return;
+            case 'out':
+                if (into && (into.kind === 'shell' || into.kind === 'step'))
+                    into.output += into.output ? `\n${l}` : l;
+                return;
+            case 'patch': {
+                const file = /^[AMD] (.+?)(?: -> (.+))?$/.exec(l);
+                if (file && edit)
+                    edit.paths.push(file[2] ?? file[1]);
+                return;
+            }
+            case 'diff':
+                diff.push(l);
+                return;
+            case 'log':
+                if (l.trim())
+                    logged(l);
+                return;
+            case 'drop':
+                return;
+        }
+        if (l.trim())
+            logged(l);
+    };
     const line = (raw) => {
         const l = raw.replace(ANSI, '').replace(/\r$/, '');
+        const at = STAMP.exec(l);
+        if (at) {
+            stamped = true;
+            stamp(l.slice(at[0].length));
+            return;
+        }
+        if (stamped) {
+            under(l);
+            return;
+        }
         if (mode === 'config') {
             if (l === '--------' && ++rules === 2)
                 mode = 'prose';
@@ -286,10 +466,10 @@ export function harness(out, mint) {
             mode = 'prose';
             return;
         }
-        const warn = /^(warning|ERROR|deprecated|model rerouted): ?(.*)$/.exec(l);
+        const warn = mode === 'output' || mode === 'agent' ? null : /^(warning|ERROR|deprecated|model rerouted): ?(.*)$/.exec(l);
         if (warn) {
             settle();
-            out.push({ kind: 'note', key: mint(), text: warn[1] === 'ERROR' ? warn[2] : `${warn[1]}: ${warn[2]}` });
+            logged(l);
             card = null;
             mode = 'prose';
             return;

package/lib/api/turn.d.ts

@@ -1,6 +1,11 @@
 import type { Event } from './sessions.ts';
 /** The payload as an object. A live frame may carry it as a JSON string. */
 export declare function decode(payload: unknown): Record<string, unknown> | string | null;
+/**
+ * A run's error as one plain line with what to do, never the log it came from:
+ * that goes in the Error step beside it (cards).
+ */
+export declare function plain(error: string): string;
 /**
  * One event's sentence, or '' when it says nothing a person needs. `mode` is
  * the run's, from its record: a plan run's final status says the plan.

package/lib/api/turn.js

@@ -70,7 +70,7 @@ function status(b, mode) {
             return branch ? `Pushed ${branch}${tail}${site}` : `Done${tail}${site}`;
         }
         case 'error':
-            return str(b.error) || 'The run hit an error';
+            return plain(str(b.error));
         case 'stopped':
             return branch && b.changed ? `Stopped — work kept on ${branch}` : 'Stopped';
         case 'paused':
@@ -81,6 +81,20 @@ function status(b, mode) {
     }
     return str(b.status);
 }
+/**
+ * A run's error as one plain line with what to do, never the log it came from:
+ * that goes in the Error step beside it (cards).
+ */
+export function plain(error) {
+    if (!error)
+        return 'The run hit an error';
+    const ours = /providers_exhausted|every provider refused|temporarily unavailable/i.test(error);
+    if (!ours && /\b402 Payment Required|insufficient (credit|balance)/i.test(error))
+        return 'Your balance is out of credit. Add credit, then try again.';
+    if (ours || /\b(429 Too Many Requests|503 Service Unavailable)|stream disconnected|retries exhausted|rate limit/i.test(error))
+        return 'The model did not answer. Try again in a moment, or pick another model.';
+    return 'The run stopped with an error. Try again, or follow up with what to change.';
+}
 /**
  * One event's sentence, or '' when it says nothing a person needs. `mode` is
  * the run's, from its record: a plan run's final status says the plan.
@@ -353,6 +367,8 @@ export function cards(events, mode = '') {
                 const line = status(b, mode);
                 if (line)
                     out.push({ kind: 'note', key: mint(), text: line });
+                if (str(b.status) === 'error' && str(b.error))
+                    out.push({ kind: 'step', key: mint(), name: 'Error', detail: '', output: str(b.error), ran: 'error' });
                 break;
             }
             case 'control': {

package/lib/desk.d.ts

@@ -1,6 +1,6 @@
 import { type DropdownMenuProps } from '@hanzo/ui';
 import type { Event } from './api/sessions.ts';
-export declare function Desk({ id, repo, branch, base, environment, mode, pr, title, project, sandbox, events, live, menu, refused, retry, onRetry, onHide, }: {
+export declare function Desk({ id, repo, branch, base, environment, mode, pr, title, project, sandbox, site, published, events, live, menu, refused, retry, onRetry, onHide, }: {
     id: string;
     repo: string;
     branch: string;
@@ -15,6 +15,10 @@ export declare function Desk({ id, repo, branch, base, environment, mode, pr, ti
     project: string;
     /** The sandbox the run holds, or '' before it leases one and on a machine. */
     sandbox: string;
+    /** Where the run's work is published, or '' before it is. */
+    site: string;
+    /** The run's latest publish, which loads the page again. */
+    published: number;
     events: Event[];
     live: boolean;
     /** What can be done to the run — rename, share, copy its id — as its header offers it. */

package/lib/desk.js

@@ -1,28 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * The pane beside a run's transcript: its codebase's environment, what it
- * pushed, its sandbox's desktop and shell, its files, and what it listens to.
+ * The pane beside a run's transcript, as tabs: the Browser showing where the run
+ * is published, its sandbox's Desktop and Terminal, what it produced, its files,
+ * what it pushed, and its codebase's environment.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { Info, MoreHorizontal, PanelRightClose } from '@hanzogui/lucide-icons-2';
+import { ExternalLink, Info, MoreHorizontal, PanelRightClose, RefreshCcw } from '@hanzogui/lucide-icons-2';
 import { Button, DropdownMenu } from '@hanzo/ui';
-import { useState } from 'react';
+import { PreviewFrame } from '@hanzo/ui/agents';
+import { useRef, useState } from 'react';
 import { shell } from './api/turn.js';
 import { Door } from './door.js';
 import { Environment } from './environment.js';
-import { Files } from './files.js';
+import { Artifacts, Files } from './files.js';
 import { Git } from './git.js';
+import { Out } from './out.js';
 /** The tabs that are a surface of their own, drawn edge to edge. */
-const BLEED = ['desktop', 'terminal'];
-export function Desk({ id, repo, branch, base, environment, mode, pr, title, project, sandbox, events, live, menu, refused, retry, onRetry, onHide, }) {
-    // Until a tab is picked it follows the run's mode, which is known once the run
-    // is read: a setup run's work IS the environment, so it opens there.
+const BLEED = ['browser', 'desktop', 'terminal'];
+export function Desk({ id, repo, branch, base, environment, mode, pr, title, project, sandbox, site, published, events, live, menu, refused, retry, onRetry, onHide, }) {
+    // Until a tab is picked it follows the run: a setup run's work IS the
+    // environment, a published run opens on its site, any other on its terminal.
     const [picked, setTab] = useState(null);
-    const tab = picked ?? (mode === 'setup' ? 'environment' : 'terminal');
+    const tab = picked ?? (mode === 'setup' ? 'environment' : site ? 'browser' : 'terminal');
     const name = repo.split('/').filter(Boolean).pop() || repo;
     const lines = shell(events);
     const bleed = BLEED.includes(tab);
-    return (_jsxs(YStack, { role: "complementary", "aria-label": "Run details", flex: 1, minW: 0, minH: 0, borderLeftWidth: 1, borderColor: "$borderColor", display: "none", $md: { display: 'flex' }, children: [_jsxs(XStack, { px: "$2", pt: "$2", gap: "$1", borderBottomWidth: 1, borderColor: "$borderColor", items: "center", children: [_jsxs(XStack, { flex: 1, minW: 0, gap: "$1", overflow: "scroll", children: [_jsx(TabButton, { id: "environment", tab: tab, onPick: setTab, children: "Environment" }), _jsx(TabButton, { id: "git", tab: tab, onPick: setTab, children: "Git" }), _jsx(TabButton, { id: "desktop", tab: tab, onPick: setTab, children: "Desktop" }), _jsx(TabButton, { id: "terminal", tab: tab, onPick: setTab, children: "Terminal" }), _jsx(TabButton, { id: "files", tab: tab, onPick: setTab, children: "Files" }), _jsx(TabButton, { id: "subscriptions", tab: tab, onPick: setTab, children: "Subscriptions" })] }), _jsx(XStack, { render: "button", "aria-label": "Hide the side pane", px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, onPress: onHide, children: _jsx(PanelRightClose, { size: 16 }) }), _jsx(DropdownMenu, { trigger: _jsx(XStack, { render: "button", "aria-label": "Run actions", px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsx(MoreHorizontal, { size: 16 }) }), items: [...menu, { key: 'details', label: 'Details', icon: _jsx(Info, { size: 16 }), onSelect: () => setTab('environment') }] })] }), _jsxs(YStack, { flex: 1, minH: 0, overflow: bleed ? 'hidden' : 'scroll', px: bleed ? 0 : '$3', py: bleed ? 0 : '$3', children: [tab === 'environment' ? (_jsxs(YStack, { gap: "$2", children: [_jsx(Environment, { repo: name, busy: live && mode === 'setup' }), _jsx(SizableText, { size: "$2", color: "$ink", pt: "$4", children: "This run" }), _jsx(Fact, { label: "Run", value: id }), _jsx(Fact, { label: "Repository", value: name || '—' }), _jsx(Fact, { label: "Branch", value: branch || '—' }), _jsx(Fact, { label: "Base", value: base || '—' }), _jsx(Fact, { label: "Runs on", value: environment || 'sandbox' }), _jsx(Fact, { label: "Mode", value: mode || 'build' })] })) : null, tab === 'git' ? _jsx(Git, { session: id, title: title, live: live }) : null, tab === 'desktop' ? _jsx(Door, { which: "screen", sandbox: sandbox, live: live, session: id }) : null, tab === 'terminal' ? (_jsx(Terminal, { id: id, sandbox: sandbox, lines: lines, live: live, refused: refused, retry: retry, onRetry: onRetry })) : null, tab === 'files' ? (_jsx(Files, { session: id, repo: repo, branch: branch, sandbox: sandbox, live: live, mode: mode, project: project, pr: pr, onEnvironment: () => setTab('environment') })) : null, tab === 'subscriptions' ? (_jsx(YStack, { flex: 1, items: "center", justify: "center", px: "$6", children: _jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'center', maxWidth: 320 }, children: "Ask an agent to subscribe to a Slack channel or thread, a pull request, or a timer." }) })) : null] })] }));
+    return (_jsxs(YStack, { role: "complementary", "aria-label": "Run details", flex: 1, minW: 0, minH: 0, borderLeftWidth: 1, borderColor: "$borderColor", display: "none", $md: { display: 'flex' }, children: [_jsxs(XStack, { px: "$2", pt: "$2", gap: "$1", borderBottomWidth: 1, borderColor: "$borderColor", items: "center", children: [_jsxs(XStack, { flex: 1, minW: 0, gap: "$1", overflow: "scroll", children: [_jsx(TabButton, { id: "browser", tab: tab, onPick: setTab, children: "Browser" }), _jsx(TabButton, { id: "desktop", tab: tab, onPick: setTab, children: "Desktop" }), _jsx(TabButton, { id: "terminal", tab: tab, onPick: setTab, children: "Terminal" }), _jsx(TabButton, { id: "artifacts", tab: tab, onPick: setTab, children: "Artifacts" }), _jsx(TabButton, { id: "files", tab: tab, onPick: setTab, children: "Files" }), _jsx(TabButton, { id: "git", tab: tab, onPick: setTab, children: "Git" }), _jsx(TabButton, { id: "environment", tab: tab, onPick: setTab, children: "Environment" })] }), _jsx(XStack, { render: "button", "aria-label": "Hide the side pane", px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, onPress: onHide, children: _jsx(PanelRightClose, { size: 16 }) }), _jsx(DropdownMenu, { trigger: _jsx(XStack, { render: "button", "aria-label": "Run actions", px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsx(MoreHorizontal, { size: 16 }) }), items: [...menu, { key: 'details', label: 'Details', icon: _jsx(Info, { size: 16 }), onSelect: () => setTab('environment') }] })] }), _jsxs(YStack, { flex: 1, minH: 0, overflow: bleed ? 'hidden' : 'scroll', px: bleed ? 0 : '$3', py: bleed ? 0 : '$3', children: [tab === 'environment' ? (_jsxs(YStack, { gap: "$2", children: [_jsx(Environment, { repo: name, busy: live && mode === 'setup' }), _jsx(SizableText, { size: "$2", color: "$ink", pt: "$4", children: "This run" }), _jsx(Fact, { label: "Run", value: id }), _jsx(Fact, { label: "Repository", value: name || '—' }), _jsx(Fact, { label: "Branch", value: branch || '—' }), _jsx(Fact, { label: "Base", value: base || '—' }), _jsx(Fact, { label: "Runs on", value: environment || 'sandbox' }), _jsx(Fact, { label: "Mode", value: mode || 'build' })] })) : null, tab === 'browser' ? _jsx(Browser, { site: site, live: live }, published) : null, tab === 'git' ? _jsx(Git, { session: id, title: title, live: live }) : null, tab === 'desktop' ? _jsx(Door, { which: "screen", sandbox: sandbox, live: live, session: id }) : null, tab === 'terminal' ? (_jsx(Terminal, { id: id, sandbox: sandbox, lines: lines, live: live, refused: refused, retry: retry, onRetry: onRetry })) : null, tab === 'artifacts' ? (_jsx(Artifacts, { repo: repo, branch: branch, mode: mode, project: project, site: site, pr: pr, onEnvironment: () => setTab('environment') })) : null, tab === 'files' ? _jsx(Files, { session: id, repo: repo, branch: branch, sandbox: sandbox, live: live }) : null] })] }));
+}
+/**
+ * The Browser tab: the page where the run published its work, framed, with its
+ * address, a reload and the page in a tab of its own.
+ */
+function Browser({ site, live }) {
+    const frame = useRef(null);
+    return (_jsxs(YStack, { flex: 1, minH: 0, children: [_jsxs(XStack, { px: "$2", py: "$1.5", gap: "$1.5", items: "center", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsx(XStack, { render: "button", "aria-label": "Reload the page", onPress: () => frame.current?.reload(), p: "$1.5", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsx(RefreshCcw, { size: 14 }) }), _jsx(SizableText, { flex: 1, minW: 0, size: "$1", color: "$soft", numberOfLines: 1, style: mono, children: site || 'Not published yet' }), site ? (_jsx(Out, { href: site, label: "Open in a new tab", children: _jsx(XStack, { p: "$1.5", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsx(ExternalLink, { size: 14 }) }) })) : null] }), _jsx(PreviewFrame, { ref: frame, src: site, title: "Where this run is published", device: "desktop", empty: _jsxs(YStack, { items: "center", gap: "$2", p: "$6", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: live ? 'Not published yet' : 'Nothing was published' }), _jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'center' }, children: live ? 'The page appears here once the run publishes its site.' : 'This run published no site. Its work is on its branch.' })] }) })] }));
 }
 function TabButton({ id, tab, onPick, children }) {
     const on = tab === id;

package/lib/files.d.ts

@@ -1,11 +1,17 @@
-export declare function Files({ session, repo, branch, sandbox, live, mode, project, pr, onEnvironment, }: {
+export declare function Files({ session, repo, branch, sandbox, live, }: {
     session: string;
     repo: string;
     branch: string;
     sandbox: string;
     live: boolean;
+}): import("react").JSX.Element;
+export declare function Artifacts({ repo, branch, mode, project, site, pr, onEnvironment, }: {
+    repo: string;
+    branch: string;
     mode: string;
     project: string;
+    /** Where the run's work is published, or ''. */
+    site: string;
     pr: {
         href: string;
         label: string;

package/lib/files.js

@@ -1,12 +1,12 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * A run's Files tab. Files is its working tree: live from the sandbox while the
- * run holds one — every edit the agent has made, committed or not — and its
- * branch on the forge otherwise. Artifacts is what the run produced: its pull
- * request, its branch, its environment proposal and the project it built.
+ * A run's Files tab: its working tree, live from the sandbox while the run holds
+ * one — every edit the agent has made, committed or not — and its branch on the
+ * forge otherwise. And its Artifacts tab: what the run produced — its published
+ * site, its pull request, its branch, its environment proposal and its project.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { ExternalLink, File, Folder, GitBranch, GitPullRequest, Layers, Settings2 } from '@hanzogui/lucide-icons-2';
+import { ExternalLink, File, Folder, Globe, GitBranch, GitPullRequest, Layers, Settings2 } from '@hanzogui/lucide-icons-2';
 import { useState } from 'react';
 import { blob, tree } from './api/changes.js';
 import { read as look } from './api/sandbox.js';
@@ -14,12 +14,11 @@ import { useRead } from './data.js';
 import { useHost, useTarget } from './host.js';
 import { Out } from './out.js';
 const monoWrap = { whiteSpace: 'pre-wrap', fontFamily: 'var(--f-mono, ui-monospace, monospace)' };
-export function Files({ session, repo, branch, sandbox, live, mode, project, pr, onEnvironment, }) {
-    const [pane, setPane] = useState('files');
+export function Files({ session, repo, branch, sandbox, live, }) {
     const reachable = live && Boolean(sandbox);
     const [source, setSource] = useState(reachable ? 'live' : 'branch');
     const from = reachable ? source : 'branch';
-    return (_jsxs(YStack, { gap: "$3", children: [_jsxs(XStack, { gap: "$1", items: "center", flexWrap: "wrap", children: [_jsx(Pick, { on: pane === 'files', onPress: () => setPane('files'), children: "Files" }), _jsx(Pick, { on: pane === 'artifacts', onPress: () => setPane('artifacts'), children: "Artifacts" }), _jsx(XStack, { flex: 1 }), pane === 'files' && reachable ? (_jsxs(_Fragment, { children: [_jsx(Pick, { on: from === 'live', onPress: () => setSource('live'), children: "Live" }), _jsx(Pick, { on: from === 'branch', onPress: () => setSource('branch'), children: "Branch" })] })) : null] }), pane === 'artifacts' ? (_jsx(Artifacts, { repo: repo, branch: branch, mode: mode, project: project, pr: pr, onEnvironment: onEnvironment })) : from === 'live' ? (_jsx(Live, { sandbox: sandbox })) : (_jsx(Branch, { session: session, label: `${repo}${branch ? `@${branch}` : ''}` }))] }));
+    return (_jsxs(YStack, { gap: "$3", children: [reachable ? (_jsxs(XStack, { gap: "$1", items: "center", flexWrap: "wrap", children: [_jsx(Pick, { on: from === 'live', onPress: () => setSource('live'), children: "Live" }), _jsx(Pick, { on: from === 'branch', onPress: () => setSource('branch'), children: "Branch" })] })) : null, from === 'live' ? _jsx(Live, { sandbox: sandbox }) : _jsx(Branch, { session: session, label: `${repo}${branch ? `@${branch}` : ''}` })] }));
 }
 /** The sandbox's working tree, as it is right now. */
 function Live({ sandbox }) {
@@ -85,9 +84,11 @@ function Branch({ session, label }) {
 function Listing({ where, up, error, loading, rows, file, body, }) {
     return (_jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { gap: "$2", items: "center", children: [up ? (_jsx(XStack, { render: "button", "aria-label": "Up one directory", onPress: up, px: "$1", py: "$1", children: _jsx(SizableText, { size: "$1", color: "$soft", children: "Up" }) })) : null, _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: where })] }), error ? (_jsx(SizableText, { size: "$2", color: "$soft", children: error })) : loading ? (_jsx(SizableText, { size: "$2", color: "$soft", children: "Reading\u2026" })) : rows.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: "This directory is empty." })) : (rows.map((r) => (_jsxs(XStack, { render: "button", "aria-label": r.dir === false ? `Read ${r.name}` : `Open ${r.name}`, onPress: r.onPress, items: "center", gap: "$2", py: "$1", hoverStyle: { bg: '$hover' }, children: [r.dir === false ? _jsx(File, { size: 14 }) : r.dir ? _jsx(Folder, { size: 14 }) : _jsx(File, { size: 14, opacity: 0.6 }), _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, style: { textAlign: 'left' }, children: r.name })] }, r.key)))), file && body ? (_jsxs(YStack, { gap: "$1", pt: "$2", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: file }), _jsx(SizableText, { size: "$1", color: "$ink", style: monoWrap, children: body })] })) : null] }));
 }
-function Artifacts({ repo, branch, mode, project, pr, onEnvironment, }) {
+export function Artifacts({ repo, branch, mode, project, site, pr, onEnvironment, }) {
     const host = useHost();
     const items = [];
+    if (site)
+        items.push({ key: 'site', icon: _jsx(Globe, { size: 16 }), title: site.replace(/^https:\/\//, ''), note: 'Where this run is published', href: site });
     if (pr.href)
         items.push({ key: 'pr', icon: _jsx(GitPullRequest, { size: 16 }), title: `Pull request ${pr.label}`, note: 'Opened on the forge', href: pr.href });
     if (branch)

package/lib/run.js

@@ -35,7 +35,7 @@ import { ENSO, label as named, models } from './api/models.js';
 import { list, message, pause, publish, rename, resume, stop, story, took } from './api/sessions.js';
 import { answer, cards, outcome, pull, settled, steps } from './api/turn.js';
 import { verdict } from './api/verdict.js';
-import { useKept, useRead, useRun } from './data.js';
+import { useKept, useProjects, useRead, useRun } from './data.js';
 import { Desk } from './desk.js';
 import { useHost, useTarget } from './host.js';
 import { EFFORTS } from './landing.js';
@@ -74,6 +74,15 @@ export function Run({ id }) {
     const plan = useMemo(() => steps(events), [events]);
     const kept = useMemo(() => settled(events), [events]);
     const state = status || end.status;
+    // Where the run's work is published: its project's own address, read again when
+    // the run says it went live, never an address an event names.
+    const built = useProjects(t, signed && Boolean(record?.project));
+    const rebuilt = built.reload;
+    useEffect(() => {
+        if (end.published)
+            rebuilt();
+    }, [end.published, rebuilt]);
+    const site = built.value.find((p) => p.slug === record?.project)?.live ?? '';
     const pr = pull(record?.pr ?? '', record?.repo ?? '');
     const live = LIVE.has(state);
     const running = signed && live && !detail.error;
@@ -290,7 +299,7 @@ export function Run({ id }) {
                                                 : 'This run is still working.' }), _jsx(Steer, { onCommand: command, withhold: [
                                             ...(paused ? ['pause'] : ['resume']),
                                             ...(busy || waiting ? ['pause', 'resume', 'stop'] : []),
-                                        ] }), _jsx(Button, { size: "sm", disabled: notify, onPress: () => void ask(), children: notify ? 'You will be notified' : 'Notify me' })] })) : null, _jsx(Composer, { inline: true, value: draft, onChange: setDraft, onSend: send, disabled: !signed || busy || waiting || !(running || finished), placeholder: placeholder, label: steering ? 'Steer this run' : 'Follow up on this run', foot: tuning }), _jsx(SizableText, { size: "$1", color: "$soft", style: { textAlign: 'center' }, children: "Hanzo is AI and can make mistakes." })] })] }), desk ? (_jsx(Desk, { id: id, repo: record?.repo ?? '', branch: record?.branch ?? '', base: record?.base ?? '', environment: record?.environment ?? '', mode: mode, pr: pr, title: title, project: record?.project ?? '', sandbox: record?.sandbox ?? '', events: events, live: running, menu: [...manage, ...sharing], refused: signed ? refused || (detail.error ? detail.error.message : '') : 'Sign in to follow this run.', retry: signed ? 'Retry' : 'Sign in', onRetry: signed ? detail.reload : () => host.signIn?.(), onHide: () => setDesk(false) })) : null, _jsx(Dialog, { open: naming, onOpenChange: setNaming, children: _jsxs(DialogContent, { maxW: 480, children: [_jsx(DialogTitle, { children: "Rename this run" }), _jsx(Input, { autoFocus: true, value: name, onChangeText: setName, "aria-label": "The run\u2019s name", maxLength: 512, onKeyDown: (e) => {
+                                        ] }), _jsx(Button, { size: "sm", disabled: notify, onPress: () => void ask(), children: notify ? 'You will be notified' : 'Notify me' })] })) : null, _jsx(Composer, { inline: true, value: draft, onChange: setDraft, onSend: send, disabled: !signed || busy || waiting || !(running || finished), placeholder: placeholder, label: steering ? 'Steer this run' : 'Follow up on this run', foot: tuning }), _jsx(SizableText, { size: "$1", color: "$soft", style: { textAlign: 'center' }, children: "Hanzo is AI and can make mistakes." })] })] }), desk ? (_jsx(Desk, { id: id, repo: record?.repo ?? '', branch: record?.branch ?? '', base: record?.base ?? '', environment: record?.environment ?? '', mode: mode, pr: pr, title: title, project: record?.project ?? '', sandbox: record?.sandbox ?? '', site: site, published: end.published, events: events, live: running, menu: [...manage, ...sharing], refused: signed ? refused || (detail.error ? detail.error.message : '') : 'Sign in to follow this run.', retry: signed ? 'Retry' : 'Sign in', onRetry: signed ? detail.reload : () => host.signIn?.(), onHide: () => setDesk(false) })) : null, _jsx(Dialog, { open: naming, onOpenChange: setNaming, children: _jsxs(DialogContent, { maxW: 480, children: [_jsx(DialogTitle, { children: "Rename this run" }), _jsx(Input, { autoFocus: true, value: name, onChangeText: setName, "aria-label": "The run\u2019s name", maxLength: 512, onKeyDown: (e) => {
                                 if (e.key === 'Enter')
                                     save();
                             } }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "outline", onPress: () => setNaming(false), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: busy || !name.trim(), onPress: save, children: "Save" })] })] }) })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.28",
+  "version": "0.2.29",
   "type": "module",
   "license": "Apache-2.0 OR MIT",
   "description": "Hanzo Build — say what you want, watch it built, deployed and running. The builder as a component, mounted by the Hanzo app at hanzo.ai.",