@hanzo/build 0.2.16 → 0.2.17

package/lib/api/codebases.d.ts

@@ -41,7 +41,7 @@ export declare function chosen(r: {
     full_name?: string;
     private?: boolean;
     default_branch?: string;
-}, clone?: string): ForgeRepo;
+}): ForgeRepo;
 /** The chip's row for a codebase the forge listed. */
 export declare function asRepo(c: Codebase): ForgeRepo;
 /** Provision an empty repository. The name is the handle and the last path segment. */

package/lib/api/codebases.js

@@ -30,7 +30,7 @@ export function codebase(raw, org = '') {
     };
 }
 /** A chip row remembered as a forge codebase, when the list had not seen it yet. */
-export function chosen(r, clone = '') {
+export function chosen(r) {
     return {
         owner: r.owner,
         name: r.name,
@@ -40,7 +40,7 @@ export function chosen(r, clone = '') {
         pushed_at: '',
         installation_id: 0,
         forge: true,
-        clone,
+        clone: '',
     };
 }
 /** The chip's row for a codebase the forge listed. */
@@ -51,7 +51,7 @@ export function asRepo(c) {
         name: c.name,
         full_name: owner ? `${owner}/${c.name}` : c.name,
         private: !c.public,
-        default_branch: c.branch || 'main',
+        default_branch: c.branch,
         pushed_at: c.updated,
         installation_id: 0,
         forge: true,

package/lib/api/harness.d.ts

@@ -5,6 +5,7 @@
  * run's session as `log` chunks (apps/sandbox work.go). It prints each item of
  * its turn under a header line (hanzo dev, exec/src/event_processor_with_human_output.rs):
  *
+ *   user / <task>                        what the agent was asked
  *   exec / <command> in <dir>            a command started
  *    succeeded in 12ms: / <output>       …how it ended, then what it printed
  *   codex / <text>                        the agent said something
@@ -18,6 +19,10 @@
  * 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
  * screen; nothing is markup.
+ *
+ * The task under `user` is what the person asked, with what the platform told
+ * the agent ahead of it and what a follow-up said after it taken off (`asked`),
+ * so it opens the transcript as the person's own words.
  */
 import type { Card } from './turn.ts';
 /**
@@ -34,6 +39,8 @@ export declare function unwrap(command: string): string;
 export declare function reads(command: string): string;
 /** A path to show: a relative one as it is, an absolute one by its name — never the sandbox's layout. */
 export declare const shown: (path: string) => string;
+/** What the person asked, out of the task the agent was given. A follow-up with nothing said keeps its own line. */
+export declare function asked(task: string): string;
 /** A unified diff's sections, by the path each changes, from its first hunk on. */
 export declare function sections(diff: string): Map<string, string>;
 /** A reader that appends the cards it finds to `out`, keyed by `mint`. */

package/lib/api/harness.js

@@ -89,6 +89,23 @@ export const shown = (path) => {
     const cut = path.replace(/\/+$/, '');
     return cut.slice(cut.lastIndexOf('/') + 1);
 };
+/**
+ * The paragraphs the platform puts ahead of a task — the ask_user line and the
+ * environment brief (apps/coding sandboxrunner.go), a plan's or a setup's
+ * instructions and the setup's answer block (mode.go) — and the one a follow-up
+ * puts after the person's words (coding.ts `followUp`). None is theirs.
+ */
+const AHEAD = /^(When a decision needs the person you are working for, call ask_user|These environment variables are named on this codebase|This codebase's (install script|start command)|Plan only\. Read the repository|Set up this repository's development environment\.|```environment\n)/;
+const AFTER = /^(This follows an earlier run on this codebase|An earlier run already worked on this;|Continue where the earlier run left off\.)/;
+/** What the person asked, out of the task the agent was given. A follow-up with nothing said keeps its own line. */
+export function asked(task) {
+    const parts = task.trim().split(/\n\s*\n/);
+    while (parts.length && AHEAD.test(parts[0]))
+        parts.shift();
+    if (parts.length > 1 && AFTER.test(parts[parts.length - 1]))
+        parts.pop();
+    return parts.join('\n\n');
+}
 /** A unified diff's sections, by the path each changes, from its first hunk on. */
 export function sections(diff) {
     const out = new Map();
@@ -126,6 +143,8 @@ export function harness(out, mint) {
     const edits = [];
     let edit = null;
     let diff = null;
+    // Each task the agent was given, as the person's words once the whole block is read.
+    const tasks = [];
     const said = (text) => {
         const c = { kind: 'said', key: mint(), who: 'agent', text };
         out.push(c);
@@ -177,6 +196,11 @@ export function harness(out, mint) {
             diff.push(l);
             return;
         }
+        // A task is the person's words to the next header, whatever they look like.
+        if (mode === 'user' && !HEAD.test(l)) {
+            tasks[tasks.length - 1].lines.push(l);
+            return;
+        }
         const result = RESULT.exec(l);
         if (result && open.length) {
             settle();
@@ -198,9 +222,13 @@ export function harness(out, mint) {
                     card = said('');
                     mode = 'agent';
                     return;
-                case 'user':
+                case 'user': {
+                    const c = { kind: 'said', key: mint(), who: 'person', text: '' };
+                    out.push(c);
+                    tasks.push({ card: c, lines: [] });
                     mode = 'user';
                     return;
+                }
                 case 'apply patch':
                     patch();
                     mode = 'prose';
@@ -275,15 +303,12 @@ export function harness(out, mint) {
                 card.output += `\n${row}`;
             else {
                 card = step('Plan', '', 'done');
-                if (card.kind === 'step')
-                    card.output = row;
+                card.output = row;
             }
             mode = 'prose';
             return;
         }
         switch (mode) {
-            case 'user':
-                return;
             case 'patch':
                 if (l.trim() && edit)
                     edit.paths.push(l.trim());
@@ -310,7 +335,7 @@ export function harness(out, mint) {
         feed(chunk) {
             const text = rest + chunk;
             const lines = text.split('\n');
-            rest = lines.pop() ?? '';
+            rest = lines.pop();
             for (const l of lines)
                 line(l);
         },
@@ -338,6 +363,9 @@ export function harness(out, mint) {
                 e.card.patch = mine.length === 1 ? parts.get(mine[0]) : mine.map((f) => `${f}\n${parts.get(f)}`).join('\n');
             }
             edits.length = 0;
+            for (const k of tasks)
+                k.card.text = asked(k.lines.join('\n'));
+            tasks.length = 0;
             for (let i = out.length - 1; i >= 0; i--) {
                 const c = out[i];
                 if (c.kind === 'said' && !c.text.trim())

package/lib/api/sessions.d.ts

@@ -97,8 +97,8 @@ export declare function rename(t: Target, id: string, title: string): Promise<Se
  * the org and the project.
  */
 export declare function publish(t: Target, id: string, on: boolean): Promise<Session>;
-/** Where anyone can read a published run's story: the public build route, by org and project. */
-export declare const story: (t: Target, org: string, project: string) => string;
+/** Where anyone can read a published run's story: the public build route, by org and project. '' without both. */
+export declare const story: (t: Target, org: string | null, project: string) => string;
 export interface Watch {
     session?: (s: Session) => void;
     event?: (e: Event) => void;

package/lib/api/sessions.js

@@ -122,7 +122,7 @@ export async function rename(t, id, title) {
 export async function publish(t, id, on) {
     return session(await call(t, 'PATCH', `/v1/agent/sessions/${seg(id)}`, { published: on }));
 }
-/** Where anyone can read a published run's story: the public build route, by org and project. */
+/** Where anyone can read a published run's story: the public build route, by org and project. '' without both. */
 export const story = (t, org, project) => org && project ? `${t.api}/v1/agent/builds/${seg(org)}/${seg(project)}` : '';
 /**
  * Follow one run's tree until `signal` aborts. Reconnects with a capped backoff;

package/lib/api/turn.js

@@ -29,15 +29,13 @@ export function decode(payload) {
     const text = payload.trim();
     if (!text.startsWith('{'))
         return payload;
+    // JSON that opens with a brace is an object; anything else is prose that opens with one.
     try {
-        const parsed = JSON.parse(text);
-        if (parsed && typeof parsed === 'object')
-            return parsed;
+        return JSON.parse(text);
     }
     catch {
-        /* prose that opens with a brace */
+        return payload;
     }
-    return payload;
 }
 /** A file's name, never the host path it sat at. */
 const base = (path) => {
@@ -202,7 +200,7 @@ export function who(actor) {
     const cut = actor.indexOf('/');
     if (cut === -1)
         return actor.split('-')[0] || actor;
-    const head = actor.slice(cut + 1).split('-')[0] ?? '';
+    const head = actor.slice(cut + 1).split('-')[0];
     return head ? `${actor.slice(0, cut)}/${head}` : actor;
 }
 /**
@@ -260,6 +258,17 @@ export function cards(events, mode = '') {
         phase = null;
     };
     const answers = new Set();
+    // What the person said in an event of its own. The harness prints their ask
+    // too (harness.ts); an event saying the same words is the one drawn. Words
+    // that steered the run are not its ask.
+    const told = new Set();
+    const steered = new Set();
+    const person = (text) => {
+        const c = { kind: 'said', key: mint(), who: 'person', text };
+        out.push(c);
+        told.add(c);
+        return c;
+    };
     for (const e of [...events].sort((a, b) => a.seq - b.seq)) {
         seq = e.seq;
         n = 0;
@@ -270,16 +279,18 @@ export function cards(events, mode = '') {
                 const text = typeof body === 'string' ? body : str(b?.message) || str(b?.text);
                 if (!text)
                     break;
-                if (!agent && !phase && exited) {
-                    phase = { kind: 'step', key: mint(), name: 'Commit', detail: 'committing the work', output: '', ran: 'running' };
-                    out.push(phase);
-                }
-                if (!agent && !phase)
-                    agent = harness(out, mint);
                 if (agent)
                     agent.feed(text);
                 else if (phase)
                     phase.output += text;
+                else if (exited) {
+                    phase = { kind: 'step', key: mint(), name: 'Commit', detail: 'committing the work', output: text, ran: 'running' };
+                    out.push(phase);
+                }
+                else {
+                    agent = harness(out, mint);
+                    agent.feed(text);
+                }
                 break;
             }
             case 'tool-call': {
@@ -343,7 +354,7 @@ export function cards(events, mode = '') {
                 const command = str(b.command);
                 const said = str(b.message);
                 if (command === 'message' && said)
-                    out.push({ kind: 'said', key: mint(), who: 'person', text: said });
+                    steered.add(person(said));
                 else if (command === 'pause')
                     out.push({ kind: 'note', key: mint(), text: 'Pause asked' });
                 else if (command === 'resume')
@@ -354,8 +365,12 @@ export function cards(events, mode = '') {
             }
             case 'message': {
                 const text = typeof body === 'string' ? body : str(b?.text) || str(b?.content) || str(b?.message);
-                if (text)
-                    out.push({ kind: 'said', key: mint(), who: str(b?.role) === 'user' ? 'person' : 'agent', text });
+                if (!text)
+                    break;
+                if (str(b?.role) === 'user')
+                    person(text);
+                else
+                    out.push({ kind: 'said', key: mint(), who: 'agent', text });
                 break;
             }
         }
@@ -371,7 +386,13 @@ export function cards(events, mode = '') {
             out.splice(i, 1);
         kept = true;
     }
-    return out;
+    const heard = new Set([...told].map((c) => c.text.trim()));
+    const drawn = out.filter((c) => !(c.kind === 'said' && c.who === 'person' && !told.has(c) && heard.has(c.text.trim())));
+    // The ask opens the conversation, ahead of the steps that set the run up.
+    const ask = drawn.findIndex((c) => c.kind === 'said' && c.who === 'person' && !steered.has(c));
+    if (ask > 0)
+        drawn.unshift(...drawn.splice(ask, 1));
+    return drawn;
 }
 /** The plan a plan run answered with, from its final status, or ''. */
 export function answer(events) {

package/lib/customize/agents.js

@@ -20,10 +20,10 @@ import { label as named, models } from '../api/models.js';
 import { tools } from '../api/tools.js';
 import { useRead } from '../data.js';
 import { useHost, useTarget } from '../host.js';
-import { Add, Choice, Confirm, Field, Grid, Line, Mark, matches, mono, Sheet, Soft, Tile } from './ui.js';
+import { Add, Choice, Confirm, Field, Grid, Line, Mark, matches, mono, Sheet, Soft, Tile, Visitor } from './ui.js';
 /** The model a new agent runs on when none is chosen: the deployment's own default. */
 const DEFAULT = 'default';
-const money = (m) => `$${(m / 1_000_000).toFixed(m % 10_000 ? 4 : 2).replace(/\.?0+$/, '') || '0'}`;
+const money = (m) => `$${(m / 1_000_000).toFixed(m % 10_000 ? 4 : 2).replace(/\.?0+$/, '')}`;
 export function Agents({ view, q, adding, onAdding, onView }) {
     const host = useHost();
     const t = useTarget();
@@ -57,7 +57,7 @@ export function Agents({ view, q, adding, onAdding, onView }) {
         return (_jsxs(YStack, { gap: "$3", children: [offered.error && !offered.value.length ? (_jsx(Soft, { children: offered.error.message })) : offered.loading && !offered.value.length ? (_jsx(Soft, { children: "Reading the presets\u2026" })) : !shown.length ? (_jsx(Soft, { children: offered.value.length ? 'No preset matches.' : 'The platform offers no presets.' })) : (_jsxs(_Fragment, { children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "Presets from the platform. Adding one opens a new agent written from it, to change before it is saved." }), _jsx(Grid, { label: "Presets", children: shown.map((p) => (_jsx(Tile, { title: p.title || p.id, detail: p.prompt, meta: `Preset ${p.id}`, mark: _jsx(Mark, { name: p.title || p.id, icon: _jsx(Bot, { size: 15 }) }), action: signed ? _jsx(Add, { name: p.title || p.id, added: names.has(p.id), onPress: () => setStart(fromPreset(p)) }) : undefined }, p.id))) })] })), editor] }));
     }
     if (!signed) {
-        return _jsx(Soft, { action: host.signIn ? _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" }) : undefined, children: "Sign in to see your agents." });
+        return _jsx(Visitor, { children: "Sign in to see your agents." });
     }
     const shown = mine.value.filter((a) => matches(q, a.name, a.description, a.model));
     return (_jsxs(YStack, { gap: "$3", children: [_jsx(Line, { children: note }), mine.error && !mine.value.length ? (_jsx(Soft, { children: mine.error.message })) : mine.loading && !mine.value.length ? (_jsx(Soft, { children: "Reading your agents\u2026" })) : !mine.value.length ? (_jsx(Soft, { action: _jsx(Button, { size: "sm", variant: "outline", onPress: () => onAdding(true), children: "New agent" }), children: "No agents yet. Give one a model, instructions and the tools it may call." })) : !shown.length ? (_jsx(Soft, { children: "No agent matches." })) : (_jsx(Grid, { label: "Your agents", children: shown.map((a) => (_jsx(Tile, { title: a.name, detail: a.description || 'No description.', meta: [a.model, `${a.runs} ${a.runs === 1 ? 'run' : 'runs'}`, reach(a), a.cap ? `${money(a.spent)} of ${money(a.cap)} this ${a.period || 'period'}` : ''].filter(Boolean).join(' · '), mark: _jsx(Mark, { name: a.name, icon: a.emoji ? _jsx(SizableText, { size: "$4", children: a.emoji }) : undefined }), onOpen: () => setOpened(a) }, a.id || a.name))) })), editor] }));
@@ -111,7 +111,7 @@ function Editor({ agent, start, onClose, onSaved, onDeleted, }) {
             onSaved(saved);
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'The agent was not saved');
+            setNote(e.message);
         }
         finally {
             setWorking(false);

package/lib/customize/connectors.js

@@ -20,7 +20,7 @@ import { toggle, tools } from '../api/tools.js';
 import { useRead } from '../data.js';
 import { useHost, useTarget } from '../host.js';
 import { Out } from '../out.js';
-import { Add, Confirm, day, Featured, Field, Grid, left, Line, Mark, matches, mono, Part, Sheet, Soft, Tile } from './ui.js';
+import { Add, Confirm, day, Featured, Field, Grid, left, Line, Mark, matches, mono, Part, Sheet, Soft, Tile, Visitor } from './ui.js';
 const PAGE = 48;
 /** The part of a URL a person reads: its host and path. */
 const where = (url) => url.replace(/^https?:\/\//, '').replace(/\/$/, '');
@@ -53,7 +53,7 @@ export function Connectors({ view, q, adding, onAdding, onView }) {
         return (_jsxs(YStack, { gap: "$6", children: [_jsx(Line, { children: note }), _jsx(Shelf, { q: q, signed: signed, may: may, added: new Set(mine.value.map((s) => s.listing).filter(Boolean)), onOpen: setListing, onAdd: setConnecting }), _jsx(Natives, { q: q }), detail, connect] }));
     }
     if (!signed) {
-        return _jsx(Soft, { action: host.signIn ? _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" }) : undefined, children: "Sign in to see your connectors." });
+        return _jsx(Visitor, { children: "Sign in to see your connectors." });
     }
     const shown = mine.value.filter((s) => matches(q, s.name, s.url, s.listing));
     return (_jsxs(YStack, { gap: "$3", children: [_jsx(Line, { children: note }), mine.error && !mine.value.length ? (_jsx(Soft, { children: mine.error.message })) : mine.loading && !mine.value.length ? (_jsx(Soft, { children: "Reading your connectors\u2026" })) : !mine.value.length ? (_jsx(Soft, { action: _jsx(Button, { size: "sm", variant: "outline", onPress: () => onView('discover'), children: "Discover connectors" }), children: may ? 'No connectors yet. Add an MCP server by its URL, or pick one off the shelf.' : 'No connectors yet. An org admin adds them.' })) : !shown.length ? (_jsx(Soft, { children: "No connector matches." })) : (_jsx(Grid, { label: "Your connectors", children: shown.map((s) => (_jsx(Tile, { title: s.name, detail: where(s.url), meta: [s.listing ? 'From the shelf' : 'Added by URL', s.secret ? 'secret sealed in KMS' : '', day(s.created), s.admitted ? '' : 'not in runs until an admin adds it again'].filter(Boolean).join(' · '), mark: _jsx(Mark, { name: s.name }), onOpen: () => setOpened(s) }, s.id))) })), opened ? (_jsx(Detail, { server: opened, may: may, onClose: () => setOpened(null), onDeleted: () => {
@@ -65,7 +65,6 @@ export function Connectors({ view, q, adding, onAdding, onView }) {
 /** The shelf: featured first, then by name, a page at a time. The platform searches it. */
 function Shelf({ q, signed, may, added, onOpen, onAdd }) {
     const t = useTarget();
-    const host = useHost();
     const text = useSettled(q.trim(), 300);
     const first = useRead(signed ? () => shelf(t, { text, limit: PAGE }) : null, null, [t, signed, text]);
     const [more, setMore] = useState([]);
@@ -73,7 +72,7 @@ function Shelf({ q, signed, may, added, onOpen, onAdd }) {
     const [note, setNote] = useState('');
     useEffect(() => setMore([]), [first.value]);
     if (!signed) {
-        return (_jsx(Part, { title: "The shelf", detail: "MCP servers the public registries publish.", children: _jsx(Soft, { action: host.signIn ? _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" }) : undefined, children: "Sign in to browse the shelf." }) }));
+        return (_jsx(Part, { title: "The shelf", detail: "MCP servers the public registries publish.", children: _jsx(Visitor, { children: "Sign in to browse the shelf." }) }));
     }
     const page = first.value;
     const list = [...(page?.listings ?? []), ...more];
@@ -88,7 +87,7 @@ function Shelf({ q, signed, may, added, onOpen, onAdd }) {
             setMore((m) => [...m, ...got.listings]);
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'The next page did not load');
+            setNote(e.message);
         }
         finally {
             setPaging(false);
@@ -153,12 +152,12 @@ function Connect({ listing, onClose, onAdded }) {
                 said = its.length ? `${s.name} is added, and its ${its.length} tools are on.` : `${s.name} is added. It listed no tools yet.`;
             }
             catch (e) {
-                said = `${s.name} is added, but its tools could not be switched on: ${e instanceof Error ? e.message : 'no answer'}`;
+                said = `${s.name} is added, but its tools could not be switched on: ${e.message}`;
             }
             onAdded(said);
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'The connector was not added');
+            setNote(e.message);
         }
         finally {
             setWorking(false);
@@ -183,7 +182,7 @@ function Detail({ server, may, onClose, onDeleted }) {
             list.reload();
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'That did not work');
+            setNote(e.message);
         }
         finally {
             setBusy(false);

package/lib/customize/index.js

@@ -5,8 +5,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * tab is its own address; in each, Yours is what the org has and Discover is
  * what it can add, with one search box and one Add over both.
  *
- * Nothing here is gated to org admins, because the platform gates none of it:
- * every write on these tabs is open to any member of the org.
+ * Skills and connectors ride into every run in the org, so adding, switching
+ * and removing them is an org admin's and a member reads them; plugins and
+ * agents are any member's.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { BookOpen, Bot, Plug, Plus, Puzzle } from '@hanzogui/lucide-icons-2';

package/lib/customize/plugins.js

@@ -18,7 +18,7 @@ import { useState } from 'react';
 import { authored, build, mounted, remove } from '../api/plugins.js';
 import { useRead } from '../data.js';
 import { useHost, useTarget } from '../host.js';
-import { Choice, Confirm, day, Field, Grid, Line, Mark, matches, mono, Sheet, Soft, Tile } from './ui.js';
+import { Choice, Confirm, day, Field, Grid, Line, Mark, matches, mono, Sheet, Soft, Tile, Visitor } from './ui.js';
 const kb = (n) => (n < 1024 ? `${n} B` : `${(n / 1024).toFixed(1)} KB`);
 export function Plugins({ view, q, adding, onAdding, onView }) {
     const host = useHost();
@@ -40,7 +40,7 @@ export function Plugins({ view, q, adding, onAdding, onView }) {
                     mine.reload();
                 } })) : null] }));
     if (!signed) {
-        return _jsx(Soft, { action: host.signIn ? _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" }) : undefined, children: view === 'discover' ? 'Sign in to see what this deployment mounts.' : 'Sign in to see your plugins.' });
+        return _jsx(Visitor, { children: view === 'discover' ? 'Sign in to see what this deployment mounts.' : 'Sign in to see your plugins.' });
     }
     if (view === 'discover') {
         const shown = mounts.value.filter((m) => matches(q, m.name, ...m.prefixes));
@@ -72,7 +72,7 @@ function Build({ onClose, onBuilt }) {
             onBuilt(out.plugin, `${out.plugin.name} built: ${kb(out.bytes)}${out.generated ? ', written from your description — read it below' : ''}.`);
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'The build failed');
+            setNote(e.message);
         }
         finally {
             setWorking(false);

package/lib/customize/skills.js

@@ -17,7 +17,7 @@ import { active, authored, brand, document, nameOf, remove, tool, write } from '
 import { toggle } from '../api/tools.js';
 import { useRead } from '../data.js';
 import { useHost, useTarget } from '../host.js';
-import { Add, Confirm, day, Field, Grid, Line, Mark, matches, mono, Part, Sheet, Soft, Tile } from './ui.js';
+import { Add, Confirm, day, Field, Grid, Line, Mark, matches, mono, Part, Sheet, Soft, Tile, Visitor } from './ui.js';
 const PAGE = 60;
 export function Skills({ view, q, adding, onAdding, onView }) {
     const host = useHost();
@@ -45,7 +45,7 @@ export function Skills({ view, q, adding, onAdding, onView }) {
             setNote(next ? `${name} is on` : `${name} is off`);
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'That did not work');
+            setNote(e.message);
         }
         finally {
             setBusy('');
@@ -74,7 +74,7 @@ export function Skills({ view, q, adding, onAdding, onView }) {
         return (_jsxs(YStack, { gap: "$3", children: [_jsx(Line, { children: note }), shelf.error && !shelf.value ? (_jsx(Soft, { children: shelf.error.message })) : !shelf.value ? (_jsx(Soft, { children: "Reading the catalogue\u2026" })) : !found.length ? (_jsx(Soft, { children: all.length ? 'No skill matches.' : 'The catalogue lists no skills.' })) : (_jsxs(_Fragment, { children: [_jsx(SizableText, { size: "$1", color: "$soft", children: found.length === all.length ? `${all.length} skills across ${shelf.value.products.length} products` : `${found.length} of ${all.length} skills` }), _jsx(Grid, { label: "Skills to add", children: found.slice(0, shown).map((e) => (_jsx(Tile, { title: e.name, detail: e.description, meta: e.product, mark: _jsx(Mark, { name: e.name, icon: _jsx(BookOpen, { size: 15 }) }), onOpen: () => setReading(e), action: may ? _jsx(Add, { name: e.name, added: lit.has(tool(e.name)), busy: busy === e.name, onPress: () => void flip(e.name, true) }) : undefined }, e.name))) }), found.length > shown ? (_jsx(XStack, { justify: "center", children: _jsx(Button, { size: "sm", variant: "outline", onPress: () => setShown(shown + PAGE), children: "Show more" }) })) : null] })), reader, editor] }));
     }
     if (!signed) {
-        return _jsx(Soft, { action: host.signIn ? _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" }) : undefined, children: "Sign in to see your skills." });
+        return _jsx(Visitor, { children: "Sign in to see your skills." });
     }
     const ownShown = own.value.filter((s) => matches(q, s.name, s.description));
     const added = on.value.filter((x) => nameOf(x.name) && !mine.has(nameOf(x.name)) && matches(q, nameOf(x.name), x.description));
@@ -114,7 +114,7 @@ function Editor({ skill, may, onClose, onSaved, onDeleted, }) {
             onSaved(saved, !skill);
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'The skill was not saved');
+            setNote(e.message);
         }
         finally {
             setWorking(false);

package/lib/customize/ui.d.ts

@@ -47,7 +47,7 @@ export declare function Tile({ title, detail, meta, mark, action, onOpen, }: {
 export declare function Featured({ title, detail, meta, mark, action, onOpen }: {
     title: string;
     detail: string;
-    meta?: string;
+    meta: string;
     mark: ReactNode;
     action?: ReactNode;
     onOpen: () => void;
@@ -80,6 +80,10 @@ export declare function Soft({ children, action }: {
     children: string;
     action?: ReactNode;
 }): import("react").JSX.Element;
+/** What a signed-out visitor is told, with the one control that signs them in. */
+export declare function Visitor({ children }: {
+    children: string;
+}): import("react").JSX.Element;
 /** What the last action did, said once, where it was done. */
 export declare function Line({ children }: {
     children: string;
@@ -87,7 +91,7 @@ export declare function Line({ children }: {
 /** A small heading over a run of cards. */
 export declare function Part({ title, detail, children }: {
     title: string;
-    detail?: string;
+    detail: string;
     children: ReactNode;
 }): import("react").JSX.Element;
 /** A labelled control, with a line under it when there is more to say. */

package/lib/customize/ui.js

@@ -9,6 +9,7 @@ import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { Check, Plus, X } from '@hanzogui/lucide-icons-2';
 import { Button, Dialog, DialogContent, DialogTitle } from '@hanzo/ui';
 import { useState } from 'react';
+import { useHost } from '../host.js';
 export const mono = { fontFamily: 'var(--f-mono, ui-monospace, monospace)' };
 /** A button that holds a card's text reads from the left, not from the middle a button centres it in. */
 export const left = { textAlign: 'left' };
@@ -40,7 +41,7 @@ export function Tile({ title, detail, meta, mark, action, onOpen, }) {
 }
 /** The one card the shelf puts first, drawn larger. */
 export function Featured({ title, detail, meta, mark, action, onOpen }) {
-    return (_jsxs(XStack, { items: "flex-start", gap: "$4", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", flexWrap: "wrap", rowGap: "$3", children: [_jsxs(XStack, { render: "button", "aria-label": title, onPress: onOpen, flex: 1, minW: 220, gap: "$4", items: "flex-start", cursor: "pointer", style: left, children: [mark, _jsxs(YStack, { flex: 1, minW: 0, gap: "$1.5", children: [_jsx(SizableText, { size: "$1", color: "$soft", textTransform: "uppercase", letterSpacing: 1, children: "Featured" }), _jsx(SizableText, { size: "$6", color: "$ink", numberOfLines: 1, children: title }), _jsx(SizableText, { size: "$2", color: "$soft", numberOfLines: 3, children: detail }), meta ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: meta })) : null] })] }), action] }));
+    return (_jsxs(XStack, { items: "flex-start", gap: "$4", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", flexWrap: "wrap", rowGap: "$3", children: [_jsxs(XStack, { render: "button", "aria-label": title, onPress: onOpen, flex: 1, minW: 220, gap: "$4", items: "flex-start", cursor: "pointer", style: left, children: [mark, _jsxs(YStack, { flex: 1, minW: 0, gap: "$1.5", children: [_jsx(SizableText, { size: "$1", color: "$soft", textTransform: "uppercase", letterSpacing: 1, children: "Featured" }), _jsx(SizableText, { size: "$6", color: "$ink", numberOfLines: 1, children: title }), _jsx(SizableText, { size: "$2", color: "$soft", numberOfLines: 3, children: detail }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: meta })] })] }), action] }));
 }
 /** A card's add control: a plus while it is not yours, a check once it is. */
 export function Add({ name, added, busy, onPress }) {
@@ -65,7 +66,7 @@ export function Confirm({ what, says, open, onOpenChange, onYes }) {
             onOpenChange(false);
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'That did not work');
+            setNote(e.message);
         }
         finally {
             setBusy(false);
@@ -77,6 +78,11 @@ export function Confirm({ what, says, open, onOpenChange, onYes }) {
 export function Soft({ children, action }) {
     return (_jsxs(YStack, { py: "$6", items: "center", gap: "$3", children: [_jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'center' }, children: children }), action] }));
 }
+/** What a signed-out visitor is told, with the one control that signs them in. */
+export function Visitor({ children }) {
+    const host = useHost();
+    return (_jsx(Soft, { action: _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" }), children: children }));
+}
 /** What the last action did, said once, where it was done. */
 export function Line({ children }) {
     if (!children)
@@ -85,7 +91,7 @@ export function Line({ children }) {
 }
 /** A small heading over a run of cards. */
 export function Part({ title, detail, children }) {
-    return (_jsxs(YStack, { gap: "$2.5", children: [_jsxs(YStack, { gap: "$0.5", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: title }), detail ? (_jsx(SizableText, { size: "$1", color: "$soft", children: detail })) : null] }), children] }));
+    return (_jsxs(YStack, { gap: "$2.5", children: [_jsxs(YStack, { gap: "$0.5", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: title }), _jsx(SizableText, { size: "$1", color: "$soft", children: detail })] }), children] }));
 }
 /** A labelled control, with a line under it when there is more to say. */
 export function Field({ label, hint, children }) {

package/lib/desk.d.ts

@@ -17,11 +17,11 @@ export declare function Desk({ id, repo, branch, base, environment, mode, pr, ti
     sandbox: string;
     events: Event[];
     live: boolean;
-    /** What can be done to the run — rename, share, copy its id — as its header's menu offers it. */
-    menu?: NonNullable<DropdownMenuProps['items']>;
+    /** What can be done to the run — rename, share, copy its id — as its header offers it. */
+    menu: NonNullable<DropdownMenuProps['items']>;
     refused: string;
     /** The refusal's one action: Retry, or Sign in when nobody is. */
-    retry?: string;
+    retry: string;
     onRetry: () => void;
-    onHide?: () => void;
+    onHide: () => void;
 }): import("react").JSX.Element;

package/lib/desk.js

@@ -14,13 +14,15 @@ import { Files } from './files.js';
 import { Git } from './git.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 = 'Retry', onRetry, onHide, }) {
-    // A setup run's work IS the environment, so it opens there.
-    const [tab, setTab] = useState(mode === 'setup' ? 'environment' : '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 [picked, setTab] = useState(null);
+    const tab = picked ?? (mode === 'setup' ? 'environment' : '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" })] }), onHide ? (_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 }) })) : null, _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: "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] })] }));
 }
 function TabButton({ id, tab, onPick, children }) {
     const on = tab === id;

package/lib/door.js

@@ -39,7 +39,7 @@ export function Door({ which, sandbox, live, session }) {
             if (gone)
                 return;
             setState('failed');
-            setWhy(e instanceof Error ? e.message : '');
+            setWhy(e.message);
         });
         return () => {
             gone = true;

package/lib/environment.js

@@ -63,7 +63,7 @@ export function Environment({ repo, busy }) {
             return true;
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'That did not work');
+            setNote(e.message);
             return false;
         }
         finally {
@@ -78,7 +78,7 @@ export function Environment({ repo, busy }) {
             host.go(run.session);
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'The setup run did not start');
+            setNote(e.message);
             setWorking(false);
         }
     };
@@ -116,7 +116,7 @@ export function SetupDialog({ repo, open, onOpenChange, onStart, onSaved, }) {
             done();
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'That did not work');
+            setNote(e.message);
         }
         finally {
             setWorking(false);

package/lib/git.js

@@ -39,7 +39,7 @@ export function Git({ session, title, live }) {
                                             : 'Open'
                                     : c.pull.state === 'merged'
                                         ? 'Merged'
-                                        : 'Closed' }), c.pull.url.startsWith('https://') ? (_jsx(Out, { href: c.pull.url, label: `Open pull request #${c.pull.number}`, children: _jsx(SizableText, { size: "$1", color: "$ink", textDecorationLine: "underline", children: "Open on the forge" }) })) : null] }), c.pull.reviews.length ? (c.pull.reviews.map((r, i) => (_jsxs(YStack, { gap: "$1", pb: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: `${r.author || 'Someone'} · ${verdict(r.state)}${r.at ? ` · ${when(r.at)}` : ''}` }), r.body ? (_jsx(SizableText, { size: "$2", color: "$ink", children: r.body })) : null] }, i)))) : (_jsx(Soft, { children: "No reviews yet" }))] })) : (_jsx(Soft, { children: "No pull request yet. The run opens one when it pushes its changes." }))) : c.commits.length ? (_jsx(YStack, { children: c.commits.map((k) => (_jsxs(XStack, { gap: "$3", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", items: "baseline", children: [_jsx(SizableText, { size: "$1", color: "$soft", style: mono, children: k.sha.slice(0, 7) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 2, children: k.message }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: [k.author, when(k.date)].filter(Boolean).join(' · ') })] })] }, k.sha))) })) : (_jsx(Soft, { children: "No pushed commits" }))] }));
+                                        : 'Closed' }), c.pull.url.startsWith('https://') ? (_jsx(Out, { href: c.pull.url, label: `Open pull request #${c.pull.number}`, children: _jsx(SizableText, { size: "$1", color: "$ink", textDecorationLine: "underline", children: "Open on the forge" }) })) : null] }), c.pull.reviews.length ? (c.pull.reviews.map((r, i) => (_jsxs(YStack, { gap: "$1", pb: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: [r.author || 'Someone', verdict(r.state), when(r.at)].filter(Boolean).join(' · ') }), r.body ? (_jsx(SizableText, { size: "$2", color: "$ink", children: r.body })) : null] }, i)))) : (_jsx(Soft, { children: "No reviews yet" }))] })) : (_jsx(Soft, { children: "No pull request yet. The run opens one when it pushes its changes." }))) : c.commits.length ? (_jsx(YStack, { children: c.commits.map((k) => (_jsxs(XStack, { gap: "$3", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", items: "baseline", children: [_jsx(SizableText, { size: "$1", color: "$soft", style: mono, children: k.sha.slice(0, 7) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 2, children: k.message }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: [k.author, when(k.date)].filter(Boolean).join(' · ') })] })] }, k.sha))) })) : (_jsx(Soft, { children: "No pushed commits" }))] }));
 }
 function File({ change: f, first }) {
     const [open, setOpen] = useState(false);

package/lib/run.js

@@ -15,23 +15,36 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * A sandbox run is one agent invocation that takes its task on its command line
  * (apps/coding steer.go), so what continues it is a new run: a paused run is
  * carried on, and a finished one followed up, by `POST /v1/agent/coding` from
- * the branch its work was kept on — the platform's own continue, done here.
+ * the branch its work was kept on — the platform's own continue, done here —
+ * with the model and effort the composer's foot shows, which New shares.
+ *
+ * It reads as a chat: the person's ask opens it, each thing the agent said can
+ * be copied and judged (a verdict is `build.verdict` on the event bus, as a
+ * project's turns send it), and the title is the menu of what can be done to
+ * the run. Share opens its story to the public build route.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { Copy, ExternalLink, GitPullRequest, Globe, MoreHorizontal, PanelRight, Pencil } from '@hanzogui/lucide-icons-2';
+import { ChevronDown, ChevronRight, Copy, ExternalLink, GitPullRequest, Globe, PanelRight, Pencil, Share } from '@hanzogui/lucide-icons-2';
 import { Button, Dialog, DialogContent, DialogTitle, DropdownMenu, Input } from '@hanzo/ui';
 import { Steer } from '@hanzo/ui/agents';
 import { Composer } from '@hanzo/ui/chat';
+import { ChipSelect } from '@hanzo/ui/product';
 import { useEffect, useMemo, useState } from 'react';
 import { approve, followUp, start } from './api/coding.js';
+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 { Desk } from './desk.js';
 import { useHost, useTarget } from './host.js';
+import { EFFORTS } from './landing.js';
 import { Out } from './out.js';
+import { usePrefs } from './prefs.js';
 import { Transcript } from './transcript.js';
 const LIVE = new Set(['running', 'paused', '']);
+// What this browser kept is read as it is found: a stored value that is not a string is none.
+const text = (v) => (typeof v === 'string' ? v : '');
 export function Run({ id }) {
     const host = useHost();
     const t = useTarget();
@@ -48,6 +61,13 @@ export function Run({ id }) {
     const [naming, setNaming] = useState(false);
     const [name, setName] = useState('');
     const [copied, setCopied] = useState('');
+    const [unfolded, setUnfolded] = useState(false);
+    // The model and effort a run started here uses: New's choice, which a change here changes too.
+    const { prefs } = usePrefs();
+    const [chose, choose] = useKept(`hanzo.build.new.${host.org ?? 'none'}`, null);
+    const model = text(chose?.model) || prefs.code?.model || ENSO;
+    const pace = EFFORTS.find((e) => e.id === chose?.effort) ?? EFFORTS.find((e) => e.id === prefs.code?.effort) ?? EFFORTS[1];
+    const catalog = useRead(signed ? () => models(t) : null, [], [t, signed]);
     const mode = record?.mode ?? '';
     const shown = useMemo(() => cards(events, mode), [events, mode]);
     const end = outcome(events);
@@ -62,9 +82,11 @@ export function Run({ id }) {
     // A sandbox run is held by the coding service, which pauses it with its work
     // kept and has no resume of its own; a machine drains its commands itself.
     const held = (record?.environment || 'sandbox') === 'sandbox';
+    // Words go to the run while it works, unless it is a paused sandbox run, which a new run carries on.
+    const steering = running && !(paused && held);
     // A follow-up clones what the run kept, so it waits until the run has said where that is.
     const waiting = (paused && held && !kept.settled) || (finished && stopping && !kept.settled);
-    const title = record?.title || detail.value?.title || (detail.loading ? '' : 'Untitled run');
+    const title = record?.title || (detail.loading ? '' : 'Untitled run');
     // A setup run explores and installs before it answers, which takes minutes.
     const setup = mode === 'setup';
     const [seen, setSeen] = useKept('hanzo.build.setup.seen', false);
@@ -86,15 +108,17 @@ export function Run({ id }) {
     const planned = mode === 'plan' && finished && state === 'done' ? answer(events) : '';
     // What the recorded read left out: it carries the latest fifty turns.
     const hidden = Math.max(0, (detail.value?.events ?? 0) - (detail.value?.recent.length ?? 0));
+    // Only a run still working is on a step.
+    const current = running ? plan.find((x) => !x.done) : undefined;
+    // Asked for while it ran, said once when it stops. `notify` is only ever set
+    // where Notification exists; the permission can be taken back since.
     useEffect(() => {
         if (!notify || running)
             return;
-        if (typeof Notification === 'undefined' || Notification.permission !== 'granted')
-            return;
-        const n = new Notification(title || 'Run finished', { body: 'This run has finished.' });
+        if (Notification.permission === 'granted')
+            new Notification(record?.title || 'Run finished', { body: 'This run has finished.' });
         setNotify(false);
-        return () => n.close();
-    }, [notify, running, title]);
+    }, [notify, running, record?.title]);
     const ask = async () => {
         if (typeof Notification === 'undefined') {
             setNote('This browser cannot send a notification.');
@@ -108,8 +132,8 @@ export function Run({ id }) {
         setNotify(true);
         setNote('');
     };
-    /** Something that answers a sentence for the note, or throws the reason. */
-    const act = async (work, failed) => {
+    /** Something that answers a sentence for the note, or throws the reason. One at a time. */
+    const act = async (work) => {
         if (busy)
             return;
         setBusy(true);
@@ -118,36 +142,37 @@ export function Run({ id }) {
             setNote(await work());
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : failed);
+            setNote(e.message);
         }
         finally {
             setBusy(false);
         }
     };
+    /** A new run's ask with the model and effort the foot shows. The router is the platform's default, so it is not named. */
+    const tuned = (a) => ({ ...a, model: model === ENSO ? undefined : model, effort: pace.id });
     /** A new run from this one's work, opened. A paused run it carries on is let go once the new one is admitted. */
     const carry = async (said, how = 'follow') => {
         if (!earlier)
             throw new Error('This run is still being read');
-        const run = await start(t, how === 'approve' ? approve(earlier, said) : followUp(earlier, said));
+        const run = await start(t, tuned(how === 'approve' ? approve(earlier, said) : followUp(earlier, said)));
         if (paused)
             await stop(t, id, 'Continued in a follow-up run').catch(() => undefined);
         setDraft('');
         host.go(run.session);
         return '';
     };
+    // The composer sends only words, and only while it is enabled.
     const send = () => {
         const words = draft.trim();
-        if (!words)
-            return;
-        if (running && !(paused && held)) {
+        if (steering) {
             void act(async () => {
                 await message(t, id, words);
                 setDraft('');
                 return 'Sent — recorded on this run';
-            }, 'Could not reach this run');
+            });
             return;
         }
-        void act(() => carry(words), 'The follow-up could not start');
+        void act(() => carry(words));
     };
     const command = (c) => {
         switch (c) {
@@ -156,22 +181,22 @@ export function Run({ id }) {
                     await stop(t, id);
                     setStopping(true);
                     return 'Stop requested — the run keeps its work on its branch';
-                }, 'Could not stop this run');
+                });
                 return;
             case 'pause':
                 void act(async () => {
                     await pause(t, id);
                     return held ? 'Pause requested — the run keeps its work on its branch and waits' : 'Pause asked — the machine pauses when it reads it';
-                }, 'Could not pause this run');
+                });
                 return;
             case 'resume':
                 if (held)
-                    void act(() => carry(''), 'The run could not go on');
+                    void act(() => carry(''));
                 else
                     void act(async () => {
                         await resume(t, id);
                         return 'Resume asked — the machine goes on when it reads it';
-                    }, 'Could not resume this run');
+                    });
                 return;
         }
     };
@@ -188,9 +213,9 @@ export function Run({ id }) {
         await publish(t, id, on);
         detail.reload();
         return on ? 'Shared — anyone with the link can read this run’s story' : 'No longer shared';
-    }, 'Could not change who can read this run');
-    const link = record ? story(t, record.org || host.org || '', record.project) : '';
-    const menu = [
+    });
+    // What the title's menu does to the run.
+    const manage = [
         ...(signed && record
             ? [
                 {
@@ -204,25 +229,24 @@ export function Run({ id }) {
                 },
             ]
             : []),
-        // Sharing opens the public build route, which is addressed by the project a run built.
-        ...(signed && record?.project
-            ? [
-                record.published
-                    ? { key: 'unshare', label: 'Stop sharing', icon: _jsx(Globe, { size: 16 }), onSelect: () => void share(false) }
-                    : { key: 'share', label: 'Share publicly', icon: _jsx(Globe, { size: 16 }), description: 'Anyone with the link can read it', onSelect: () => void share(true) },
-            ]
-            : []),
-        ...(record?.published && link
-            ? [{ key: 'link', label: copied === 'link' ? 'Copied' : 'Copy public link', icon: _jsx(Copy, { size: 16 }), description: link, onSelect: () => void copy('link', link) }]
-            : []),
         { key: 'copy', label: copied === 'id' ? 'Copied' : 'Copy run id', icon: _jsx(Copy, { size: 16 }), description: id, onSelect: () => void copy('id', id) },
     ];
+    // Sharing opens the public build route, which is addressed by the org and the project a run built.
+    const link = record?.published ? story(t, record.org || host.org, record.project) : '';
+    const sharing = signed && record?.project
+        ? [
+            record.published
+                ? { key: 'unshare', label: 'Stop sharing', icon: _jsx(Globe, { size: 16 }), onSelect: () => void share(false) }
+                : { key: 'share', label: 'Share publicly', icon: _jsx(Globe, { size: 16 }), description: 'Anyone with the link can read it', onSelect: () => void share(true) },
+            ...(link ? [{ key: 'link', label: copied === 'link' ? 'Copied' : 'Copy public link', icon: _jsx(Copy, { size: 16 }), description: link, onSelect: () => void copy('link', link) }] : []),
+        ]
+        : [];
     const save = () => void act(async () => {
         await rename(t, id, name);
         setNaming(false);
         detail.reload();
         return 'Renamed';
-    }, 'Could not rename this run');
+    });
     const placeholder = !signed
         ? 'Sign in to follow up'
         : waiting
@@ -238,9 +262,11 @@ export function Run({ id }) {
                     : finished
                         ? 'Follow up — continues in a new run'
                         : 'Reading this run…';
-    return (_jsxs(XStack, { flex: 1, minH: 0, minW: 0, width: "100%", children: [_jsxs(YStack, { flex: 1, minH: 0, minW: 0, width: "100%", px: "$6", "$max-md": { px: '$4' }, children: [_jsxs(XStack, { pt: "$3", pb: "$2", gap: "$3", items: "center", minH: 44, children: [_jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(SizableText, { render: "h1", size: "$5", color: "$ink", numberOfLines: 1, children: title }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: [state || (detail.loading ? 'reading' : ''), record?.repo, record?.branch, record?.published ? 'shared' : ''].filter(Boolean).join(' · ') })] }), desk ? null : (_jsx(XStack, { render: "button", "aria-label": "Show the side pane", px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, onPress: () => setDesk(true), "$max-md": { display: 'none' }, children: _jsx(PanelRight, { size: 16 }) })), pr.href ? (_jsx(Out, { href: pr.href, label: `Open pull request ${pr.label}`, children: _jsxs(XStack, { items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsx(GitPullRequest, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: pr.label }), _jsx(ExternalLink, { size: 12, opacity: 0.6 })] }) })) : null, menu.length ? (_jsx(DropdownMenu, { trigger: _jsx(XStack, { render: "button", "aria-label": "Manage this run", px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsx(MoreHorizontal, { size: 16 }) }), items: menu })) : null] }), _jsx(Transcript, { cards: shown, 
+    // What a new run from here is made with; words that steer this run use neither.
+    const tuning = signed && !steering ? (_jsxs(XStack, { flex: 1, items: "center", gap: "$2", justify: "flex-end", flexWrap: "wrap", rowGap: "$1", children: [_jsx(ChipSelect, { quiet: true, name: "Model", label: catalog.value.find((m) => m.id === model)?.label ?? named(model), chosen: catalog.value.find((m) => m.id === model) ?? null, items: catalog.value, onChange: (m) => choose({ ...chose, model: m.id }), placeholder: "Search models\u2026", placement: "top-end", loading: catalog.loading, error: catalog.error?.message ?? null }), _jsx(ChipSelect, { quiet: true, name: "Effort", label: pace.label, chosen: pace, items: EFFORTS, onChange: (e) => choose({ ...chose, effort: e.id }), placement: "top-end", width: 180 })] })) : undefined;
+    return (_jsxs(XStack, { flex: 1, minH: 0, minW: 0, width: "100%", children: [_jsxs(YStack, { flex: 1, minH: 0, minW: 0, width: "100%", px: "$6", "$max-md": { px: '$4' }, children: [_jsxs(XStack, { pt: "$3", pb: "$2", gap: "$3", items: "center", minH: 44, children: [_jsxs(YStack, { flex: 1, minW: 0, items: "flex-start", children: [_jsx(DropdownMenu, { trigger: _jsxs(XStack, { render: "button", "aria-label": "Manage this run", items: "center", gap: "$1.5", maxW: "100%", px: "$1.5", mx: "$-1.5", py: "$0.5", rounded: "$2", hoverStyle: { bg: '$hover' }, children: [_jsx(SizableText, { render: "h1", size: "$5", color: "$ink", numberOfLines: 1, minW: 0, children: title }), _jsx(ChevronDown, { size: 14 })] }), items: manage }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, maxW: "100%", children: [state || (detail.loading ? 'reading' : ''), record?.repo, record?.branch, record?.published ? 'shared' : ''].filter(Boolean).join(' · ') })] }), desk ? null : (_jsx(XStack, { render: "button", "aria-label": "Show the side pane", px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, onPress: () => setDesk(true), "$max-md": { display: 'none' }, children: _jsx(PanelRight, { size: 16 }) })), pr.href ? (_jsx(Out, { href: pr.href, label: `Open pull request ${pr.label}`, children: _jsxs(XStack, { items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsx(GitPullRequest, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: pr.label }), _jsx(ExternalLink, { size: 12, opacity: 0.6 })] }) })) : null, sharing.length ? (_jsx(DropdownMenu, { trigger: _jsxs(XStack, { render: "button", "aria-label": "Share", items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsx(Share, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: "Share" })] }), items: sharing })) : null] }), _jsx(Transcript, { cards: shown, 
                         // A paused run's agent was stopped where it stood; what it was running is cut off.
-                        live: running && !paused, header: hidden ? (_jsx(SizableText, { size: "$1", color: "$soft", children: `${hidden} earlier ${hidden === 1 ? 'turn is' : 'turns are'} not shown. The run’s Git tab has everything it pushed.` })) : null, onApprove: planned && earlier ? (p) => void act(() => carry(p, 'approve'), 'The build could not start') : undefined, approving: busy, empty: signed ? (_jsx(SizableText, { size: "$2", color: "$soft", children: detail.error
+                        live: running && !paused, header: hidden ? (_jsx(SizableText, { size: "$1", color: "$soft", children: `${hidden} earlier ${hidden === 1 ? 'turn is' : 'turns are'} not shown. The run’s Git tab has everything it pushed.` })) : null, onApprove: planned && earlier ? (p) => void act(() => carry(p, 'approve')) : undefined, approving: busy, onVerdict: (v) => verdict(t, id, record?.project ?? '', v), empty: signed ? (_jsx(SizableText, { size: "$2", color: "$soft", children: detail.error
                                 ? detail.error.message
                                 : detail.loading
                                     ? 'Reading this run…'
@@ -248,11 +274,12 @@ export function Run({ id }) {
                                         ? setup
                                             ? 'Setting up environment'
                                             : 'Starting…'
-                                        : 'Waiting for the run’s first step…' })) : (_jsxs(YStack, { gap: "$3", items: "flex-start", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Sign in to follow this run." }), _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" })] })) }), _jsxs(YStack, { pb: "$4", pt: "$2", gap: "$2", children: [end.problem ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "The branch is pushed, and the pull request could not be opened." })) : null, note || (signed && refused) ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note || refused })) : null, plan.length ? (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { px: "$3", py: "$2", justify: "space-between", items: "center", children: [_jsx(SizableText, { size: "$2", color: "$ink", children: "Steps" }), _jsx(SizableText, { size: "$1", color: "$soft", children: String(plan.length) })] }), plan.map((s, i) => {
-                                        // Only a run still working is on a step.
-                                        const current = running && !s.done && plan.findIndex((x) => !x.done) === i;
-                                        return (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$1.5", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$2", color: s.done || current ? '$ink' : '$soft', children: s.done ? '✓' : current ? '●' : '○' }), _jsx(SizableText, { size: "$2", color: s.done ? '$soft' : '$ink', numberOfLines: 1, children: s.name })] }, s.name));
-                                    })] })) : null, setup && running && !seen ? _jsx(Onboarding, { onDone: () => setSeen(true) }) : null, running ? (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$2", rounded: "$10", borderWidth: 1, borderColor: "$borderColor", flexWrap: "wrap", rowGap: "$1", children: [_jsx(SizableText, { size: "$2", color: "$ink", flex: 1, minW: 160, children: paused
+                                        : 'Waiting for the run’s first step…' })) : (_jsxs(YStack, { gap: "$3", items: "flex-start", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Sign in to follow this run." }), _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" })] })) }), _jsxs(YStack, { pb: "$3", pt: "$2", gap: "$2", children: [end.problem ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "The branch is pushed, and the pull request could not be opened." })) : null, note || (signed && refused) ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note || refused })) : null, plan.length ? (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { render: "button", "aria-label": `Steps · ${plan.length}`, "aria-expanded": unfolded, onPress: () => setUnfolded(!unfolded), px: "$3", py: "$1.5", gap: "$2", items: "center", hoverStyle: { bg: '$hover' }, children: [unfolded ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: `Steps · ${plan.length}` }), current && !unfolded ? (_jsx(SizableText, { flex: 1, minW: 0, size: "$1", color: "$soft", numberOfLines: 1, style: { textAlign: 'right' }, children: current.name })) : null] }), unfolded
+                                        ? plan.map((s) => {
+                                            const on = s === current;
+                                            return (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$1.5", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$2", color: s.done || on ? '$ink' : '$soft', children: s.done ? '✓' : on ? '●' : '○' }), _jsx(SizableText, { size: "$2", color: s.done ? '$soft' : '$ink', numberOfLines: 1, children: s.name })] }, s.name));
+                                        })
+                                        : null] })) : null, setup && running && !seen ? _jsx(Onboarding, { onDone: () => setSeen(true) }) : null, running ? (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$2", rounded: "$10", borderWidth: 1, borderColor: "$borderColor", flexWrap: "wrap", rowGap: "$1", children: [_jsx(SizableText, { size: "$2", color: "$ink", flex: 1, minW: 160, children: paused
                                             ? kept.pushed
                                                 ? 'Paused — its work so far is on its branch.'
                                                 : 'Paused.'
@@ -263,8 +290,8 @@ 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: running && !(paused && held) ? 'Steer this run' : 'Follow up on this run' })] })] }), 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: menu, 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 ?? e.nativeEvent?.key) === 'Enter')
+                                        ] }), _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) => {
+                                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/lib/transcript.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode } from 'react';
+import { type Verdict } from '@hanzo/ui/agents';
+import { type ReactNode } from 'react';
 import type { Card } from './api/turn.ts';
-export declare function Transcript({ cards, live, empty, header, onApprove, approving, }: {
+export declare function Transcript({ cards, live, empty, header, onApprove, approving, onVerdict, }: {
     cards: Card[];
     /** The run is still working: a card still running shows it; otherwise it was cut off. */
     live: boolean;
@@ -9,4 +10,6 @@ export declare function Transcript({ cards, live, empty, header, onApprove, appr
     /** Build what a plan says. Absent, a plan has no button. */
     onApprove?: (plan: string) => void;
     approving?: boolean;
+    /** Record a verdict on what the agent said; throws when it did not land. */
+    onVerdict: (v: Verdict) => Promise<void>;
 }): import("react").JSX.Element;

package/lib/transcript.js

@@ -4,6 +4,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * agent said as markdown, each command it ran as a card that opens onto its
  * output, the files it changed with their diff, the files it read as chips,
  * the run's own steps, and a plan run's plan with the button that builds it.
+ * What the agent said, and its plan, can be copied and judged, as a reply on
+ * claude.ai can: a thumb pressed again takes the verdict back.
  *
  * It follows the run to the bottom as it streams and stops when the reader
  * scrolls up (Thread). Everything drawn is text.
@@ -11,7 +13,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { FileText } from '@hanzogui/lucide-icons-2';
 import { Button } from '@hanzo/ui';
+import { Feedback } from '@hanzo/ui/agents';
 import { Code, Message, Step, Thread } from '@hanzo/ui/chat';
+import { useState } from 'react';
 import { Patch } from './git.js';
 import { Prose } from './prose.js';
 /** A card's output, its tail: what a command said last is why it stopped. */
@@ -30,7 +34,7 @@ function rows(cards) {
     }
     return out;
 }
-export function Transcript({ cards, live, empty, header, onApprove, approving = false, }) {
+export function Transcript({ cards, live, empty, header, onApprove, approving = false, onVerdict, }) {
     // A card the run never finished is cut off once the run has ended, not still going.
     const state = (ran) => (ran === 'running' && !live ? 'cancelled' : ran);
     return (_jsxs(Thread, { maxWidth: 0, gap: 14, column: { px: 0 }, "aria-label": "Transcript", children: [header, cards.length === 0 ? _jsx(YStack, { py: "$2", children: empty }) : null, rows(cards).map((row) => {
@@ -40,7 +44,7 @@ export function Transcript({ cards, live, empty, header, onApprove, approving =
                 const c = row;
                 switch (c.kind) {
                     case 'said':
-                        return c.who === 'person' ? (_jsx(Message, { role: "user", children: _jsx(SizableText, { size: "$3", color: "$ink", style: { whiteSpace: 'pre-wrap' }, children: c.text }) }, c.key)) : (_jsx(Message, { role: "assistant", children: _jsx(Prose, { text: c.text }) }, c.key));
+                        return c.who === 'person' ? (_jsx(Message, { role: "user", children: _jsx(SizableText, { size: "$3", color: "$ink", style: { whiteSpace: 'pre-wrap' }, children: c.text }) }, c.key)) : (_jsx(Message, { role: "assistant", actions: _jsx(Judge, { text: c.text, onVerdict: onVerdict }), children: _jsx(Prose, { text: c.text }) }, c.key));
                     case 'shell':
                         return (_jsx(Step, { name: "Shell", detail: c.command, status: state(c.ran), "aria-label": `Command ${c.command}`, children: _jsx(Code, { language: "shell", value: c.output ? `$ ${c.command}\n${c.output}` : `$ ${c.command}`, children: c.output ? `$ ${c.command}\n${tail(c.output)}` : `$ ${c.command}` }) }, c.key));
                     case 'edit':
@@ -50,7 +54,21 @@ export function Transcript({ cards, live, empty, header, onApprove, approving =
                     case 'note':
                         return (_jsx(SizableText, { size: "$1", color: "$soft", role: "note", children: c.text }, c.key));
                     case 'plan':
-                        return (_jsxs(YStack, { gap: "$3", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", "aria-label": "Plan", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Plan" }), _jsx(Prose, { text: c.text }), onApprove ? (_jsx(XStack, { children: _jsx(Button, { size: "sm", disabled: approving, onPress: () => onApprove(c.text), children: approving ? 'Starting the build…' : 'Approve and build' }) })) : null] }, c.key));
+                        return (_jsxs(YStack, { gap: "$3", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", "aria-label": "Plan", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Plan" }), _jsx(Prose, { text: c.text }), _jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [onApprove ? (_jsx(Button, { size: "sm", disabled: approving, onPress: () => onApprove(c.text), children: approving ? 'Starting the build…' : 'Approve and build' })) : null, _jsx(Judge, { text: c.text, onVerdict: onVerdict })] })] }, c.key));
                 }
             })] }));
 }
+/** Copy what the agent said, and say whether it was good. A verdict that did not land is taken back and says why. */
+function Judge({ text, onVerdict }) {
+    const [verdict, setVerdict] = useState(null);
+    const [note, setNote] = useState('');
+    const judge = (next) => {
+        setVerdict(next);
+        setNote('');
+        onVerdict(next).catch((e) => {
+            setVerdict(null);
+            setNote(e.message);
+        });
+    };
+    return (_jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [_jsx(Feedback, { text: text, verdict: verdict, onVerdict: judge }), note ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note })) : null] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "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 page (hanzo.build) and as a component (hanzo.ai/dev).",