@hanzo/build 0.2.16 → 0.2.18

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/ask.js

@@ -20,7 +20,7 @@ function useAct(onDone) {
             onDone();
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'That did not work');
+            setNote(e.message);
             setWorking(false);
         }
     };
@@ -63,7 +63,7 @@ export function Rename({ open, onOpenChange, title, name, run, }) {
         void go(() => run(next));
     };
     return (_jsx(Dialog, { open: open, onOpenChange: close, children: _jsxs(DialogContent, { maxW: 420, showCloseButton: false, children: [_jsx(DialogTitle, { children: title }), _jsx(Input, { autoFocus: true, value: value, onChangeText: setValue, "aria-label": "Name", onKeyDown: (e) => {
-                        if ((e.key ?? e.nativeEvent?.key) === 'Enter')
+                        if (e.key === 'Enter')
                             save();
                     } }), _jsx(Said, { note: note }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "ghost", disabled: working, onPress: () => close(false), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: working, onPress: save, children: "Save" })] })] }) }));
 }

package/lib/builder.js

@@ -32,7 +32,7 @@ import { Blocks, BookOpen, CircleDot, Cpu, FolderGit2, Kanban, LayoutTemplate, M
 import { Button } from '@hanzo/ui';
 import { SessionRail } from '@hanzo/ui/chat';
 import { HanzoMark } from '@hanzo/ui/product';
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { pinBoard } from './choice.js';
 import { Customize } from './customize/index.js';
 import { useKept, useRecents } from './data.js';
@@ -49,6 +49,8 @@ import { Artifacts, Templates } from './shelf.js';
 import { Find } from './find.js';
 import { DOCS, Slack, Who } from './foot.js';
 import { Settings } from './settings/index.js';
+import { Pitch } from './pitch.js';
+import { Bar } from './visit.js';
 function Shell() {
     const host = useHost();
     const t = useTarget();
@@ -75,7 +77,7 @@ function Shell() {
     // it the search that finds a run. The organization is the account's, so it is
     // switched from the account menu at the foot. Beside the rail from md up, beside
     // the drawer's button below it — one place at a time.
-    const name = (_jsx(XStack, { render: "button", "aria-label": "Hanzo Build", items: "center", onPress: () => go(''), children: _jsx(SizableText, { size: "$5", fontWeight: "600", color: "$ink", numberOfLines: 1, children: "Hanzo Build" }) }));
+    const name = _jsx(Name, { onPress: () => go('') });
     const links = [
         { id: 'projects', label: 'Projects', icon: _jsx(Kanban, { size: 16 }), onPress: () => go(path({ kind: 'screen', screen: 'projects' })), active: screen === 'projects' },
         { id: 'artifacts', label: 'Artifacts', icon: _jsx(Blocks, { size: 16 }), onPress: () => go(path({ kind: 'screen', screen: 'artifacts' })), active: screen === 'artifacts' },
@@ -115,6 +117,31 @@ function Shell() {
                             }
                             : { name: 'Sign in', onPress: () => host.signIn?.() }, collapsed: collapsed, onCollapse: setCollapsed, mark: _jsx(Brand, { org: host.org }), pt: collapsed ? undefined : 92, open: drawer, onOpenChange: setDrawer, label: "Runs" }), collapsed ? null : (_jsxs(YStack, { position: "absolute", t: 10, l: 8, r: 8, z: 2, gap: "$2.5", "$max-md": { display: 'none' }, children: [_jsx(XStack, { px: "$2.5", children: name }), _jsxs(XStack, { render: "button", "aria-label": "Search runs", onPress: () => setFinding(true), items: "center", gap: "$2", px: "$2.5", height: 34, rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", hoverStyle: { bg: '$hover' }, children: [_jsx(Search, { size: 15, color: "$soft" }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Search" })] })] })), host.person ? _jsx(Who, { open: menu, onOpenChange: setMenu, narrow: collapsed }) : null] }), _jsxs(YStack, { flex: 1, minW: 0, minH: 0, position: "relative", children: [_jsxs(XStack, { height: 44, px: "$2", gap: "$2", items: "center", shrink: 0, $md: { display: 'none' }, children: [_jsx(Button, { variant: "ghost", size: "icon-sm", onPress: () => setDrawer(true), "aria-label": "Open runs", children: _jsx(Menu, { size: 18 }) }), name, _jsx(XStack, { flex: 1 }), _jsx(Button, { variant: "ghost", size: "icon-sm", onPress: () => setFinding(true), "aria-label": "Search runs", children: _jsx(Search, { size: 18 }) })] }), _jsx(Pane, { onStarted: () => recents.reload() })] }), _jsx(Find, { open: finding, onOpenChange: setFinding, recents: rows, onOpen: (id) => { setFinding(false); go(id); } })] }));
 }
+/** The wordmark: the product's name, as its host calls it, which leads to New. */
+function Name({ onPress }) {
+    const { name } = useHost();
+    return (_jsx(XStack, { render: "button", "aria-label": name, items: "center", onPress: onPress, children: _jsx(SizableText, { size: "$5", fontWeight: "600", color: "$ink", numberOfLines: 1, children: name }) }));
+}
+/**
+ * A visitor: no runs to list, so the product's header stands where the rail
+ * would. On New the composer fills the first screen and the pitch follows it.
+ */
+function Visit() {
+    const host = useHost();
+    const r = route(host.path);
+    // An address that names a part of the pitch (/#features) opens scrolled to it.
+    useEffect(() => {
+        const id = window.location.hash.slice(1);
+        if (id)
+            document.getElementById(id)?.scrollIntoView();
+    }, []);
+    const start = () => {
+        const page = document.getElementById('visit');
+        page?.scrollTo({ top: 0, behavior: 'smooth' });
+        page?.querySelector('textarea, [contenteditable="true"], input[type="text"]')?.focus();
+    };
+    return (_jsxs(YStack, { flex: 1, minH: 0, minW: 0, bg: "$background", children: [_jsx(Bar, { name: _jsx(Name, { onPress: () => host.go('') }) }), r.kind === 'new' ? (_jsxs(YStack, { id: "visit", flex: 1, minH: 0, overflow: "scroll", children: [_jsx(YStack, { shrink: 0, style: { height: 'calc(100dvh - 60px)' }, children: _jsx(Pane, {}) }), _jsx(Pitch, { onStart: start })] })) : (_jsx(Pane, {}))] }));
+}
 /** Whichever pane the address names, beside a rail — the builder's or the host's. */
 function Pane({ onStarted }) {
     const host = useHost();
@@ -143,7 +170,7 @@ function Pane({ onStarted }) {
 function Brand({ org }) {
     if (!org || org === 'hanzo')
         return _jsx(HanzoMark, { size: 18 });
-    const letter = org.trim().charAt(0).toUpperCase() || 'H';
+    const letter = org.charAt(0).toUpperCase();
     return (_jsx(XStack, { width: 18, height: 18, rounded: "$1", items: "center", justify: "center", bg: "$raised", "aria-hidden": true, children: _jsx(SizableText, { size: "$1", fontWeight: "600", color: "$ink", children: letter }) }));
 }
 function Screens({ rail }) {
@@ -151,7 +178,12 @@ function Screens({ rail }) {
     const r = route(host.path);
     if (r.kind === 'project')
         return _jsx(Project, { slug: r.slug }, r.slug);
-    return rail ? _jsx(Shell, {}) : _jsx(Pane, {});
+    if (!rail)
+        return _jsx(Pane, {});
+    // Signed out with no token to wait on: a token still resolving is a person, not a visitor.
+    if (!host.person && !host.token() && host.signIn)
+        return _jsx(Visit, {});
+    return _jsx(Shell, {});
 }
 /**
  * The builder. Mount it under a gui root (`<Hanzo>`), in a box with a height.

package/lib/choice.js

@@ -29,7 +29,7 @@ function write(org, value) {
 /** Point New at a forge codebase, and optionally a first draft. */
 export function pinCodebase(org, c, ask = '') {
     const repo = asRepo(c);
-    write(org, { ...read(org), repo, branch: repo.default_branch || 'main', ask });
+    write(org, { ...read(org), repo, branch: repo.default_branch, ask });
 }
 /** Which board Issues is showing. '' is every board. */
 export function pinBoard(org, key) {
@@ -39,7 +39,7 @@ export function pinBoard(org, key) {
     catch {
         /* Issues then shows every board */
     }
-    window.dispatchEvent(new Event('hanzo-board'));
+    window.dispatchEvent(new CustomEvent('hanzo-board', { detail: key }));
 }
 export const isForge = (repo) => Boolean(repo && repo.forge === true && repo.name);
 const syncingKey = (org) => `hanzo.build.sync.${org ?? 'none'}`;

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. */