npm - @hanzo/build - Versions diffs - 0.2.10 → 0.2.12 - Mend

@hanzo/build 0.2.10 → 0.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (136) hide show

package/README.md +98 -25
package/lib/api/agents.d.ts +80 -0
package/lib/api/agents.js +148 -0
package/lib/api/billing.d.ts +205 -0
package/lib/api/billing.js +300 -0
package/lib/api/call.d.ts +6 -0
package/lib/api/call.js +11 -0
package/lib/api/capabilities.d.ts +25 -0
package/lib/api/capabilities.js +40 -0
package/lib/api/coding.d.ts +31 -1
package/lib/api/coding.js +50 -1
package/lib/api/connectors.d.ts +90 -0
package/lib/api/connectors.js +109 -0
package/lib/api/consent.d.ts +22 -0
package/lib/api/consent.js +28 -0
package/lib/api/github.d.ts +13 -0
package/lib/api/github.js +9 -0
package/lib/api/harness.d.ts +44 -0
package/lib/api/harness.js +348 -0
package/lib/api/keys.d.ts +41 -0
package/lib/api/keys.js +55 -0
package/lib/api/machines.d.ts +56 -0
package/lib/api/machines.js +84 -0
package/lib/api/members.d.ts +47 -0
package/lib/api/members.js +88 -0
package/lib/api/memory.d.ts +25 -0
package/lib/api/memory.js +34 -0
package/lib/api/places.d.ts +2 -2
package/lib/api/places.js +3 -26
package/lib/api/plugins.d.ts +55 -0
package/lib/api/plugins.js +62 -0
package/lib/api/pref.d.ts +49 -0
package/lib/api/pref.js +68 -0
package/lib/api/profile.d.ts +21 -0
package/lib/api/profile.js +40 -0
package/lib/api/projects.d.ts +19 -2
package/lib/api/projects.js +29 -4
package/lib/api/provider.d.ts +42 -0
package/lib/api/provider.js +58 -0
package/lib/api/sessions.d.ts +32 -4
package/lib/api/sessions.js +42 -6
package/lib/api/skills.d.ts +70 -0
package/lib/api/skills.js +90 -0
package/lib/api/tools.d.ts +34 -0
package/lib/api/tools.js +37 -0
package/lib/api/turn.d.ts +84 -16
package/lib/api/turn.js +221 -4
package/lib/api/webhooks.d.ts +60 -0
package/lib/api/webhooks.js +81 -0
package/lib/ask.d.ts +18 -0
package/lib/ask.js +69 -0
package/lib/builder.js +39 -19
package/lib/customize/agents.d.ts +2 -0
package/lib/customize/agents.js +125 -0
package/lib/customize/connectors.d.ts +2 -0
package/lib/customize/connectors.js +199 -0
package/lib/customize/index.d.ts +6 -0
package/lib/customize/index.js +52 -0
package/lib/customize/plugins.d.ts +2 -0
package/lib/customize/plugins.js +93 -0
package/lib/customize/skills.d.ts +2 -0
package/lib/customize/skills.js +127 -0
package/lib/customize/ui.d.ts +110 -0
package/lib/customize/ui.js +99 -0
package/lib/desk.d.ts +4 -1
package/lib/desk.js +3 -16
package/lib/find.d.ts +7 -0
package/lib/find.js +77 -0
package/lib/foot.d.ts +16 -0
package/lib/foot.js +36 -0
package/lib/forge.js +4 -4
package/lib/git.d.ts +4 -0
package/lib/git.js +6 -2
package/lib/host.d.ts +5 -0
package/lib/landing.d.ts +10 -0
package/lib/landing.js +30 -14
package/lib/markdown.d.ts +49 -0
package/lib/markdown.js +123 -0
package/lib/plans.d.ts +1 -0
package/lib/plans.js +113 -0
package/lib/prefs.d.ts +30 -0
package/lib/prefs.js +83 -0
package/lib/prose.d.ts +4 -0
package/lib/prose.js +53 -0
package/lib/route.d.ts +16 -1
package/lib/route.js +32 -1
package/lib/run.js +184 -32
package/lib/section.js +2 -2
package/lib/settings/account.d.ts +5 -0
package/lib/settings/account.js +111 -0
package/lib/settings/billing.d.ts +1 -0
package/lib/settings/billing.js +104 -0
package/lib/settings/capabilities.d.ts +1 -0
package/lib/settings/capabilities.js +55 -0
package/lib/settings/card.d.ts +31 -0
package/lib/settings/card.js +105 -0
package/lib/settings/code.d.ts +1 -0
package/lib/settings/code.js +51 -0
package/lib/settings/environments.d.ts +1 -0
package/lib/settings/environments.js +53 -0
package/lib/settings/general.d.ts +1 -0
package/lib/settings/general.js +44 -0
package/lib/settings/index.d.ts +4 -0
package/lib/settings/index.js +22 -0
package/lib/settings/integrations.d.ts +1 -0
package/lib/settings/integrations.js +81 -0
package/lib/settings/keys.d.ts +1 -0
package/lib/settings/keys.js +102 -0
package/lib/settings/machines.d.ts +1 -0
package/lib/settings/machines.js +118 -0
package/lib/settings/members.d.ts +1 -0
package/lib/settings/members.js +67 -0
package/lib/settings/memory.d.ts +1 -0
package/lib/settings/memory.js +56 -0
package/lib/settings/notifications.d.ts +1 -0
package/lib/settings/notifications.js +97 -0
package/lib/settings/privacy.d.ts +1 -0
package/lib/settings/privacy.js +63 -0
package/lib/settings/sections.d.ts +16 -0
package/lib/settings/sections.js +32 -0
package/lib/settings/ui.d.ts +49 -0
package/lib/settings/ui.js +47 -0
package/lib/settings/usage.d.ts +1 -0
package/lib/settings/usage.js +114 -0
package/lib/shelf.d.ts +6 -0
package/lib/shelf.js +86 -16
package/lib/switch.js +1 -2
package/lib/transcript.d.ts +12 -0
package/lib/transcript.js +56 -0
package/lib/voice.d.ts +3 -1
package/lib/voice.js +10 -4
package/package.json +1 -1
package/lib/account.d.ts +0 -14
package/lib/account.js +0 -38
package/lib/mcp.d.ts +0 -1
package/lib/mcp.js +0 -28

package/lib/prefs.js ADDED Viewed

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The person's own settings, read once for the whole builder and shared by
+ * everything that follows them: Settings writes them, New starts from the
+ * coding defaults and says the name, dictation listens in the chosen language,
+ * and the page takes the theme, the text size and the motion.
+ *
+ * The last document read is kept in this browser, per org, so the page is
+ * drawn the person's way before the platform answers. A save shows at once and
+ * is taken back, key by key, if the platform refuses it.
+ */
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
+import { merge, read, save } from './api/pref.js';
+import { useKept, useRead } from './data.js';
+import { useHost, useTarget } from './host.js';
+const Context = createContext(null);
+export function PrefsProvider({ children }) {
+    const host = useHost();
+    const t = useTarget();
+    const signed = Boolean(host.person);
+    const [kept, keep] = useKept(`hanzo.build.pref.${host.org ?? 'none'}`, {});
+    const now = useRef(kept);
+    const doc = useRead(signed ? () => read(t) : null, null, [t, signed]);
+    useEffect(() => {
+        if (!doc.value)
+            return;
+        now.current = doc.value;
+        keep(doc.value);
+    }, [doc.value, keep]);
+    const write = useCallback(async (patch) => {
+        if (!signed)
+            throw new Error('Sign in to save your settings.');
+        const before = now.current;
+        now.current = merge(before, patch);
+        keep(now.current);
+        try {
+            now.current = await save(t, patch);
+            keep(now.current);
+        }
+        catch (e) {
+            // Only the keys this change named go back; another change since stands.
+            const undo = {};
+            for (const k of Object.keys(patch))
+                undo[k] = before[k] ?? null;
+            now.current = merge(now.current, undo);
+            keep(now.current);
+            throw e;
+        }
+    }, [signed, t, keep]);
+    const value = useMemo(() => ({ prefs: kept, loading: doc.loading, error: doc.error, save: write }), [kept, doc.loading, doc.error, write]);
+    return (_jsxs(Context.Provider, { value: value, children: [_jsx(Look, { prefs: kept }), children] }));
+}
+export function usePrefs() {
+    const p = useContext(Context);
+    if (!p)
+        throw new Error('The builder was rendered without its settings');
+    return p;
+}
+/** The type scale each text size is drawn at. Medium is the design system's own. */
+export const SCALE = { small: 0.9, medium: 1, large: 1.15 };
+/** Every animation and transition finished at once, the way the system setting does it. */
+const STILL = '*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}';
+/**
+ * The saved theme handed to the host, and the text size and motion put on the
+ * page. A stylesheet rather than a property on <html>: the design system's own
+ * root re-applies its appearance on mount, and a rule marked important outlasts
+ * that, while the builder is on the page and no longer.
+ */
+function Look({ prefs }) {
+    const host = useHost();
+    const { theme, text, motion } = prefs;
+    useEffect(() => {
+        if (theme && theme !== host.theme)
+            host.chooseTheme?.(theme);
+        // The host's theme is followed, not watched: a choice made elsewhere stands until this one changes.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [theme]);
+    const rules = [
+        text && text !== 'medium' ? `html:root{--type-scale:${SCALE[text]}!important}` : '',
+        motion === 'reduced' ? STILL : '',
+    ].join('');
+    return rules ? _jsx("style", { "data-hanzo-build": "look", children: rules }) : null;
+}

package/lib/prose.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/** A markdown text, drawn. */
+export declare function Prose({ text }: {
+    text: string;
+}): import("react").JSX.Element;

package/lib/prose.js ADDED Viewed

@@ -0,0 +1,53 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Markdown an agent writes, drawn as text (markdown.ts reads it).
+ *
+ * @hanzo/ui leaves the markdown pipeline to the surface, and the builder needs
+ * only the part agents use. Nothing here produces HTML from the text: every
+ * piece is a React element holding a string, and a link is drawn only for an
+ * http(s) address, opened in a new tab.
+ */
+import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { Code } from '@hanzo/ui/chat';
+import { blocks, spans } from './markdown.js';
+import { Out } from './out.js';
+const mono = { fontFamily: 'var(--f-mono, ui-monospace, monospace)' };
+function Inline({ text }) {
+    return (_jsx(_Fragment, { children: spans(text).map((s, i) => {
+            switch (s.kind) {
+                case 'code':
+                    return (_jsx(SizableText, { size: "$2", color: "$ink", bg: "$hover", px: "$1", rounded: "$1", style: mono, children: s.text }, i));
+                case 'strong':
+                    return (_jsx(SizableText, { size: "$3", color: "$ink", fontWeight: "600", children: s.text }, i));
+                case 'em':
+                    return (_jsx(SizableText, { size: "$3", color: "$ink", fontStyle: "italic", children: s.text }, i));
+                case 'link':
+                    return (_jsx(Out, { href: s.href, children: _jsx(SizableText, { size: "$3", color: "$ink", textDecorationLine: "underline", children: s.text }) }, i));
+                default:
+                    return s.text;
+            }
+        }) }));
+}
+const SIZES = ['$6', '$5', '$4', '$4', '$3', '$3'];
+function Draw({ block }) {
+    switch (block.kind) {
+        case 'heading':
+            return (_jsx(SizableText, { size: SIZES[block.level - 1] ?? '$3', color: "$ink", fontWeight: "600", pt: "$1", children: _jsx(Inline, { text: block.text }) }));
+        case 'code':
+            return (_jsx(Code, { language: block.lang || 'text', value: block.text, children: block.text }));
+        case 'rule':
+            return _jsx(YStack, { height: 1, bg: "$borderColor", my: "$1" });
+        case 'quote':
+            return (_jsx(YStack, { borderLeftWidth: 2, borderColor: "$borderColor", pl: "$3", children: _jsx(SizableText, { size: "$3", color: "$soft", children: _jsx(Inline, { text: block.text }) }) }));
+        case 'list':
+            return (_jsx(YStack, { gap: "$1", role: "list", children: block.items.map((item, i) => (_jsxs(XStack, { gap: "$2", pl: item.depth * 16, role: "listitem", children: [_jsx(SizableText, { size: "$3", color: "$soft", minW: 16, style: { textAlign: 'right' }, children: block.ordered ? `${block.start + i}.` : '•' }), _jsx(SizableText, { flex: 1, minW: 0, size: "$3", color: "$ink", children: _jsx(Inline, { text: item.text }) })] }, i))) }));
+        case 'table':
+            return (_jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, children: _jsx(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", minW: "100%", children: [block.head, ...block.rows].map((row, r) => (_jsx(XStack, { borderTopWidth: r ? 1 : 0, borderColor: "$borderColor", bg: r ? 'transparent' : '$hover', children: block.head.map((_, c) => (_jsx(SizableText, { flex: 1, minW: 96, px: "$2", py: "$1.5", size: "$2", color: "$ink", fontWeight: r ? '400' : '600', children: _jsx(Inline, { text: row[c] ?? '' }) }, c))) }, r))) }) }));
+        default:
+            return (_jsx(SizableText, { size: "$3", color: "$ink", children: _jsx(Inline, { text: block.text }) }));
+    }
+}
+/** A markdown text, drawn. */
+export function Prose({ text }) {
+    return (_jsx(YStack, { gap: "$2.5", minW: 0, children: blocks(text).map((b, i) => (_jsx(Draw, { block: b }, i))) }));
+}

package/lib/route.d.ts CHANGED Viewed

@@ -4,13 +4,22 @@
  *   ''              the empty state: a new run
  *   sess_<32 hex>   one run
  *   -/<screen>      a builder screen
+ *   -/settings[/<section>]  a section of Settings
+ *   -/customize[/<tab>]     skills, connectors and plugins: what the agent brings to a run
+ *   -/plans                 the plans an organization can be on
  *   <slug>          a project's workspace
  *
  * Unambiguous by construction: a project slug is `^[a-z0-9]([a-z0-9-]{0,38}[a-z0-9])?$`,
  * so it can hold neither the `_` a session id carries nor start with `-`.
  * Anything else is not an address here and reads as the empty state.
  */
-export type Screen = 'artifacts' | 'templates' | 'codebases' | 'projects' | 'issues' | 'automations' | 'sync' | 'mcp';
+export type Screen = 'artifacts' | 'templates' | 'codebases' | 'projects' | 'issues' | 'automations' | 'sync' | 'mcp' | 'plans';
+/** Settings, one section each. Every setting the builder has lives on this page, none elsewhere. */
+export declare const SECTIONS: readonly ['general', 'account', 'privacy', 'billing', 'usage', 'capabilities', 'memory', 'code', 'environments', 'machines', 'keys', 'members', 'integrations', 'notifications'];
+export type Section = (typeof SECTIONS)[number];
+/** Customize, one tab each: what the agent brings to a run, yours and to discover. */
+export declare const TABS: readonly ['skills', 'connectors', 'plugins', 'agents'];
+export type Tab = (typeof TABS)[number];
 export type Route = {
     kind: 'new';
 } | {
@@ -19,6 +28,12 @@ export type Route = {
 } | {
     kind: 'screen';
     screen: Screen;
+} | {
+    kind: 'settings';
+    section: Section;
+} | {
+    kind: 'customize';
+    tab: Tab;
 } | {
     kind: 'project';
     slug: string;

package/lib/route.js CHANGED Viewed

@@ -1,10 +1,37 @@
+/** Settings, one section each. Every setting the builder has lives on this page, none elsewhere. */
+export const SECTIONS = [
+    'general',
+    'account',
+    'privacy',
+    'billing',
+    'usage',
+    'capabilities',
+    'memory',
+    'code',
+    'environments',
+    'machines',
+    'keys',
+    'members',
+    'integrations',
+    'notifications',
+];
+/** Customize, one tab each: what the agent brings to a run, yours and to discover. */
+export const TABS = ['skills', 'connectors', 'plugins', 'agents'];
 export const SESSION = /^sess_[0-9a-f]{32}$/;
 export const SLUG = /^[a-z0-9]([a-z0-9-]{0,38}[a-z0-9])?$/;
-const SCREENS = ['artifacts', 'templates', 'codebases', 'projects', 'issues', 'automations', 'sync', 'mcp'];
+const SCREENS = ['artifacts', 'templates', 'codebases', 'projects', 'issues', 'automations', 'sync', 'mcp', 'plans'];
 export function route(path) {
     const p = path.replace(/^\/+|\/+$/g, '');
     if (SESSION.test(p))
         return { kind: 'run', id: p };
+    if (p === '-/settings' || p.startsWith('-/settings/')) {
+        const section = (p.slice('-/settings/'.length) || 'general');
+        return SECTIONS.includes(section) ? { kind: 'settings', section } : { kind: 'new' };
+    }
+    if (p === '-/customize' || p.startsWith('-/customize/')) {
+        const tab = (p.slice('-/customize/'.length) || 'skills');
+        return TABS.includes(tab) ? { kind: 'customize', tab } : { kind: 'new' };
+    }
     if (p.startsWith('-/')) {
         const s = p.slice(2);
         return SCREENS.includes(s) ? { kind: 'screen', screen: s } : { kind: 'new' };
@@ -22,6 +49,10 @@ export function path(r) {
             return r.id;
         case 'screen':
             return `-/${r.screen}`;
+        case 'settings':
+            return r.section === 'general' ? '-/settings' : `-/settings/${r.section}`;
+        case 'customize':
+            return r.tab === 'skills' ? '-/customize' : `-/customize/${r.tab}`;
         case 'project':
             return r.slug;
     }

package/lib/run.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * One run, live: its transcript as it streams, the way to steer or stop it,
- * and the pull request once it pushes one.
+ * One run, live: its transcript as it streams, the controls that reach it —
+ * steer, pause, resume, stop — the pull request once it pushes one, and the
+ * follow-up that continues it once it has finished.
  *
  * The detail read is the record and the stream adds to it; the two overlap
  * whenever a turn lands between the read and the subscribe, so turns are merged
@@ -10,19 +11,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Steering is a queue the run drains between steps: a press is confirmed as
  * RECORDED, and the status is left to the feed to correct.
+ *
+ * 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.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { ExternalLink, GitPullRequest, PanelRight } from '@hanzogui/lucide-icons-2';
-import { Button } from '@hanzo/ui';
-import { Transcript, fold } from '@hanzo/ui/agents';
+import { Copy, ExternalLink, GitPullRequest, Globe, MoreHorizontal, PanelRight, Pencil } 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 { useEffect, useMemo, useState } from 'react';
-import { list, message, stop, took } from './api/sessions.js';
-import { outcome, pull, said, steps, who } from './api/turn.js';
+import { approve, followUp, start } from './api/coding.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 { useKept, useRead, useRun } from './data.js';
 import { Desk } from './desk.js';
 import { useHost, useTarget } from './host.js';
 import { Out } from './out.js';
+import { Transcript } from './transcript.js';
 const LIVE = new Set(['running', 'paused', '']);
 export function Run({ id }) {
     const host = useHost();
@@ -35,21 +43,49 @@ export function Run({ id }) {
     const [busy, setBusy] = useState(false);
     const [notify, setNotify] = useState(false);
     const [desk, setDesk] = useKept('hanzo.build.desk', true);
-    const blocks = useMemo(() => fold(events
-        .map((e) => ({ kind: e.kind, actor: who(e.actor), seq: e.seq, id: e.id, text: said(e, record?.mode) }))
-        .filter((b) => b.text)), [events, record?.mode]);
+    // Stop was pressed here: the run keeps its work after it answers, and says so with its status.
+    const [stopping, setStopping] = useState(false);
+    const [naming, setNaming] = useState(false);
+    const [name, setName] = useState('');
+    const [copied, setCopied] = useState('');
+    const mode = record?.mode ?? '';
+    const shown = useMemo(() => cards(events, mode), [events, mode]);
     const end = outcome(events);
     const plan = useMemo(() => steps(events), [events]);
+    const kept = useMemo(() => settled(events), [events]);
     const state = status || end.status;
     const pr = pull(record?.pr ?? '', record?.repo ?? '');
-    const running = signed && LIVE.has(state) && !detail.error;
-    const title = detail.value?.title || (detail.loading ? '' : 'Untitled run');
+    const live = LIVE.has(state);
+    const running = signed && live && !detail.error;
+    const paused = running && state === 'paused';
+    const finished = signed && !live && !detail.error && Boolean(record);
+    // 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';
+    // 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');
     // A setup run explores and installs before it answers, which takes minutes.
-    const setup = record?.mode === 'setup';
+    const setup = mode === 'setup';
     const [seen, setSeen] = useKept('hanzo.build.setup.seen', false);
     // How long setup runs have taken here: the ones this person can see, finished.
     const past = useRead(setup && running ? () => list(t, { kind: 'coding', status: 'done', limit: 500 }) : null, [], [t, setup, running]);
     const span = took(past.value, 'setup');
+    const earlier = record
+        ? {
+            id,
+            title,
+            repo: record.repo,
+            base: record.base,
+            environment: record.environment,
+            project: record.project,
+            mode,
+            pushed: kept.pushed,
+        }
+        : null;
+    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));
     useEffect(() => {
         if (!notify || running)
             return;
@@ -72,34 +108,139 @@ export function Run({ id }) {
         setNotify(true);
         setNote('');
     };
-    const send = async () => {
-        if (!draft.trim() || busy)
+    /** Something that answers a sentence for the note, or throws the reason. */
+    const act = async (work, failed) => {
+        if (busy)
             return;
         setBusy(true);
         setNote('');
         try {
-            await message(t, id, draft);
-            setDraft('');
-            setNote('Sent — the run reads it before its next step');
+            setNote(await work());
         }
         catch (e) {
-            setNote(e instanceof Error ? e.message : 'Could not reach this run');
+            setNote(e instanceof Error ? e.message : failed);
         }
         finally {
             setBusy(false);
         }
     };
-    const halt = async () => {
-        setNote('');
+    /** 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));
+        if (paused)
+            await stop(t, id, 'Continued in a follow-up run').catch(() => undefined);
+        setDraft('');
+        host.go(run.session);
+        return '';
+    };
+    const send = () => {
+        const words = draft.trim();
+        if (!words)
+            return;
+        if (running && !(paused && held)) {
+            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');
+    };
+    const command = (c) => {
+        switch (c) {
+            case 'stop':
+                void act(async () => {
+                    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');
+                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;
+        }
+    };
+    const copy = async (what, value) => {
         try {
-            await stop(t, id);
-            setNote('Stop requested — the run keeps its work on its branch');
+            await navigator.clipboard.writeText(value);
+            setCopied(what);
         }
-        catch (e) {
-            setNote(e instanceof Error ? e.message : 'Could not stop this run');
+        catch {
+            setNote('This browser would not copy.');
         }
     };
-    return (_jsxs(XStack, { flex: 1, minH: 0, minW: 0, width: "100%", children: [_jsxs(YStack, { flex: 1, minH: 0, minW: 0, width: "100%", px: "$6", 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].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), 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] }), _jsx(Transcript, { blocks: blocks, empty: signed ? (_jsx(SizableText, { size: "$2", color: "$soft", children: detail.error
+    const share = (on) => act(async () => {
+        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 = [
+        ...(signed && record
+            ? [
+                {
+                    key: 'rename',
+                    label: 'Rename',
+                    icon: _jsx(Pencil, { size: 16 }),
+                    onSelect: () => {
+                        setName(title);
+                        setNaming(true);
+                    },
+                },
+            ]
+            : []),
+        // 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) },
+    ];
+    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
+            ? paused
+                ? 'Pausing — the run is keeping its work…'
+                : 'Stopping — the run is keeping its work…'
+            : paused && held
+                ? 'Continue this run with a follow up'
+                : running
+                    ? setup
+                        ? 'Add a follow up for the setup agent'
+                        : 'Add a follow up'
+                    : 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), 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,
+                        // 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
                                 ? detail.error.message
                                 : detail.loading
                                     ? 'Reading this run…'
@@ -108,13 +249,24 @@ export function Run({ id }) {
                                             ? '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) => {
-                                        const current = !s.done && plan.findIndex((x) => !x.done) === 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", justify: "space-between", gap: "$3", px: "$3", py: "$2", rounded: "$10", borderWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$2", color: "$ink", children: setup
-                                            ? span
-                                                ? `Environment setup takes ~${span[0] === span[1] ? span[0] : `${span[0]}–${span[1]}`} minutes.`
-                                                : 'Environment setup takes several minutes.'
-                                            : 'This run is still working.' }), _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: () => void send(), onStop: () => void halt(), busy: running && !draft.trim(), disabled: !running || busy, placeholder: !signed ? 'Sign in to follow up' : running ? (setup ? 'Add a follow up for the setup agent' : 'Add a follow up') : 'This run has finished', label: "Steer this run" })] })] }), desk ? _jsx(Desk, { id: id, repo: record?.repo ?? '', branch: record?.branch ?? '', base: record?.base ?? '', environment: record?.environment ?? '', mode: record?.mode ?? '', pr: pr, title: title, project: record?.project ?? '', sandbox: record?.sandbox ?? '', events: events, live: running, 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] }));
+                                    })] })) : 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.'
+                                            : setup
+                                                ? span
+                                                    ? `Environment setup takes ~${span[0] === span[1] ? span[0] : `${span[0]}–${span[1]}`} minutes.`
+                                                    : 'Environment setup takes several minutes.'
+                                                : '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')
+                                    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" })] })] }) })] }));
 }
 /** What a setup run does, said once per browser the first time one is watched. */
 function Onboarding({ onDone }) {

package/lib/section.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * host's own `go`.
  */
 import { SizableText } from '@hanzo/gui';
-import { Blocks, CircleDot, FolderGit2, Kanban, LayoutTemplate, Puzzle, SquarePen, Workflow } from '@hanzogui/lucide-icons-2';
+import { Blocks, CircleDot, FolderGit2, Kanban, LayoutTemplate, SlidersHorizontal, SquarePen, Workflow } from '@hanzogui/lucide-icons-2';
 import { SidebarItem, SidebarSection, StatusDot } from '@hanzo/ui/chat';
 import { useMemo } from 'react';
 import { pinBoard } from './choice.js';
@@ -48,5 +48,5 @@ export function DevSection({ host, onPick, label = 'Runs', children, }) {
     return (_jsxs(_Fragment, { children: [_jsx(SidebarItem, { icon: _jsx(SquarePen, { size: 16, "aria-hidden": true }), active: r.kind === 'new', onPress: () => go(''), children: "New run" }), _jsx(SidebarItem, { icon: _jsx(Workflow, { size: 16, "aria-hidden": true }), active: screen === 'automations', onPress: () => go(path({ kind: 'screen', screen: 'automations' })), children: "Automations" }), _jsx(SidebarItem, { icon: _jsx(FolderGit2, { size: 16, "aria-hidden": true }), active: screen === 'codebases', onPress: () => go(path({ kind: 'screen', screen: 'codebases' })), children: "Codebase" }), _jsx(SidebarItem, { icon: _jsx(Kanban, { size: 16, "aria-hidden": true }), active: screen === 'projects', onPress: () => go(path({ kind: 'screen', screen: 'projects' })), children: "Projects" }), _jsx(SidebarItem, { icon: _jsx(CircleDot, { size: 16, "aria-hidden": true }), active: screen === 'issues', onPress: () => {
                     pinBoard(host.org, '');
                     go(path({ kind: 'screen', screen: 'issues' }));
-                }, children: "Issues" }), _jsx(SidebarItem, { icon: _jsx(Puzzle, { size: 16, "aria-hidden": true }), active: screen === 'mcp', onPress: () => go(path({ kind: 'screen', screen: 'mcp' })), children: "MCP" }), _jsx(SidebarItem, { icon: _jsx(Blocks, { size: 16, "aria-hidden": true }), active: screen === 'artifacts', onPress: () => go(path({ kind: 'screen', screen: 'artifacts' })), children: "Artifacts" }), _jsx(SidebarItem, { icon: _jsx(LayoutTemplate, { size: 16, "aria-hidden": true }), active: screen === 'templates', onPress: () => go(path({ kind: 'screen', screen: 'templates' })), children: "Templates" }), children, _jsx(SidebarSection, { label: label, children: !host.person ? (_jsx(Note, { children: "Sign in to see your runs." })) : sessions.value.length ? (sessions.value.map((s) => (_jsx(SidebarItem, { icon: _jsx(StatusDot, { status: DOTS[s.status] ?? 'idle' }), active: r.kind === 'run' && r.id === s.id, onPress: () => go(s.id), children: s.title || 'Untitled run' }, s.id)))) : (_jsx(Note, { children: sessions.error ? sessions.error.message : sessions.loading ? 'Reading…' : 'No runs yet. Say what to build and it lands here.' })) })] }));
+                }, children: "Issues" }), _jsx(SidebarItem, { icon: _jsx(SlidersHorizontal, { size: 16, "aria-hidden": true }), active: r.kind === 'customize', onPress: () => go(path({ kind: 'customize', tab: 'connectors' })), children: "Customize" }), _jsx(SidebarItem, { icon: _jsx(Blocks, { size: 16, "aria-hidden": true }), active: screen === 'artifacts', onPress: () => go(path({ kind: 'screen', screen: 'artifacts' })), children: "Artifacts" }), _jsx(SidebarItem, { icon: _jsx(LayoutTemplate, { size: 16, "aria-hidden": true }), active: screen === 'templates', onPress: () => go(path({ kind: 'screen', screen: 'templates' })), children: "Templates" }), children, _jsx(SidebarSection, { label: label, children: !host.person ? (_jsx(Note, { children: "Sign in to see your runs." })) : sessions.value.length ? (sessions.value.map((s) => (_jsx(SidebarItem, { icon: _jsx(StatusDot, { status: DOTS[s.status] ?? 'idle' }), active: r.kind === 'run' && r.id === s.id, onPress: () => go(s.id), children: s.title || 'Untitled run' }, s.id)))) : (_jsx(Note, { children: sessions.error ? sessions.error.message : sessions.loading ? 'Reading…' : 'No runs yet. Say what to build and it lands here.' })) })] }));
 }

package/lib/settings/account.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const WORK: {
+    id: string;
+    label: string;
+}[];
+export declare function Account(): import("react").JSX.Element;