@hanzo/build 0.2.9 → 0.2.11

package/lib/environment.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A codebase's environment: the install script, the start command and the
+ * secrets a run exports, as /v1/environment holds them.
+ *
+ * A setup run's proposal is drawn in the editors until it is saved — saving is
+ * the review. While a setup run on the codebase is still working the scripts are
+ * its to find, so they cannot be edited. A member reads; an org admin saves and
+ * sets secrets, which is the platform's rule and not a choice made here.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { Plus, X } from '@hanzogui/lucide-icons-2';
+import { Button, Dialog, DialogContent, DialogTitle, Input, Textarea } from '@hanzo/ui';
+import { useEffect, useState } from 'react';
+import { start } from './api/coding.js';
+import { read, refuse, removeSecret, save, setSecret, SETUP } from './api/environment.js';
+import { useRead } from './data.js';
+import { useHost, useTarget } from './host.js';
+const mono = { fontFamily: 'var(--f-mono, ui-monospace, monospace)' };
+export function Environment({ repo, busy }) {
+    const host = useHost();
+    const t = useTarget();
+    const signed = Boolean(host.person);
+    // Read again when a setup run on it stops, which is when its proposal lands.
+    const env = useRead(signed && repo ? () => read(t, repo) : null, null, [t, repo, signed, busy]);
+    const [install, setInstall] = useState('');
+    const [startCmd, setStart] = useState('');
+    const [adding, setAdding] = useState(false);
+    const [name, setName] = useState('');
+    const [value, setValue] = useState('');
+    const [note, setNote] = useState('');
+    const [working, setWorking] = useState(false);
+    const shown = env.value;
+    useEffect(() => {
+        if (!shown)
+            return;
+        setInstall(shown.proposal?.install ?? shown.install);
+        setStart(shown.proposal?.start ?? shown.start);
+    }, [shown]);
+    if (!signed) {
+        return _jsx(Soft, { children: "Sign in to see this codebase\u2019s environment." });
+    }
+    if (!repo) {
+        return _jsx(Soft, { children: "This run has no codebase, so it has no environment." });
+    }
+    if (env.error) {
+        return _jsx(Soft, { children: env.error.message });
+    }
+    if (!shown) {
+        return _jsx(Soft, { children: "Reading the environment\u2026" });
+    }
+    const changed = install !== shown.install || startCmd !== shown.start || shown.proposal !== null;
+    const needed = (shown.proposal?.secrets ?? []).filter((n) => !shown.secrets.includes(n));
+    const status = busy ? 'Setting up' : shown.state === 'proposed' ? 'Proposed' : shown.state === 'ready' ? 'Ready' : 'Not set up';
+    /** One write, then the record read again. Answers whether it took. */
+    const act = async (what, done = '') => {
+        setWorking(true);
+        setNote('');
+        try {
+            await what();
+            env.reload();
+            setNote(done);
+            return true;
+        }
+        catch (e) {
+            setNote(e instanceof Error ? e.message : 'That did not work');
+            return false;
+        }
+        finally {
+            setWorking(false);
+        }
+    };
+    const setup = async () => {
+        setWorking(true);
+        setNote('');
+        try {
+            const run = await start(t, { prompt: SETUP, repo, mode: 'setup' });
+            host.go(run.session);
+        }
+        catch (e) {
+            setNote(e instanceof Error ? e.message : 'The setup run did not start');
+            setWorking(false);
+        }
+    };
+    const add = () => {
+        const n = name.trim();
+        const why = refuse(n) || (value ? '' : 'A secret needs a value');
+        if (why) {
+            setNote(why);
+            return;
+        }
+        void act(() => setSecret(t, repo, n, value), `${n} is set`).then((took) => {
+            if (!took)
+                return;
+            setAdding(false);
+            setName('');
+            setValue('');
+        });
+    };
+    return (_jsxs(YStack, { gap: "$4", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(SizableText, { flex: 1, size: "$4", color: "$ink", numberOfLines: 1, children: repo }), _jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(YStack, { width: 6, height: 6, rounded: 999, bg: busy ? '$ink' : shown.state === 'ready' ? '$ink' : '$soft', opacity: busy ? 1 : 0.7 }), _jsx(SizableText, { size: "$1", color: "$soft", children: status })] }), host.admin ? (_jsx(Button, { size: "sm", variant: "outline", disabled: busy || working || !changed, onPress: () => void act(() => save(t, repo, { install, start: startCmd }), 'Saved'), children: "Save" })) : null] }), shown.proposal?.note ? (_jsxs(YStack, { gap: "$1", px: "$3", py: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "What the setup agent found" }), _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 8, children: shown.proposal.note })] })) : null, _jsx(Script, { label: "Install Script", value: install, onChange: setInstall, locked: busy || !host.admin, hint: busy ? 'Install script editing will be available when the agent stops running' : 'pnpm install --frozen-lockfile' }), _jsx(Script, { label: "Start Script", value: startCmd, onChange: setStart, locked: busy || !host.admin, hint: busy ? 'Start script editing will be available when the agent stops running' : 'pnpm dev' }), _jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(SizableText, { size: "$2", color: "$ink", flex: 1, children: "Secrets" }), host.admin ? (_jsxs(Button, { size: "sm", variant: "outline", disabled: working, onPress: () => setAdding(true), children: [_jsx(Plus, { size: 14 }), "New Secret"] })) : null] }), _jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [shown.secrets.length === 0 && needed.length === 0 && !adding ? (_jsx(YStack, { py: "$5", items: "center", children: _jsx(SizableText, { size: "$2", color: "$soft", children: "No secrets yet" }) })) : null, shown.secrets.map((s, i) => (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$2", borderTopWidth: i ? 1 : 0, borderColor: "$borderColor", children: [_jsx(SizableText, { flex: 1, size: "$2", color: "$ink", style: mono, children: s }), _jsx(SizableText, { size: "$1", color: "$soft", children: "set" }), host.admin ? (_jsx(XStack, { render: "button", "aria-label": `Remove ${s}`, px: "$1", onPress: () => void act(() => removeSecret(t, repo, s), `${s} is removed`), children: _jsx(X, { size: 14 }) })) : null] }, s))), needed.map((s) => (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$2", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { flex: 1, size: "$2", color: "$ink", style: mono, children: s }), _jsx(SizableText, { size: "$1", color: "$soft", children: "needed, not set" }), host.admin ? (_jsx(XStack, { render: "button", "aria-label": `Set ${s}`, px: "$1", onPress: () => { setAdding(true); setName(s); }, children: _jsx(Plus, { size: 14 }) })) : null] }, s))), adding ? (_jsxs(YStack, { gap: "$2", px: "$3", py: "$3", borderTopWidth: shown.secrets.length || needed.length ? 1 : 0, borderColor: "$borderColor", children: [_jsx(Input, { value: name, onChangeText: setName, placeholder: "NAME", "aria-label": "Secret name", autoCapitalize: "characters" }), _jsx(Input, { value: value, onChangeText: setValue, placeholder: "Value", "aria-label": "Secret value", secureTextEntry: true }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "ghost", onPress: () => { setAdding(false); setName(''); setValue(''); }, children: "Cancel" }), _jsx(Button, { size: "sm", disabled: working, onPress: add, children: "Add secret" })] })] })) : null] }), _jsx(SizableText, { size: "$1", color: "$soft", children: "Values are sealed in KMS and exported to every run on this codebase. They are never shown again." })] }), shown.state === 'none' && !busy ? (_jsxs(YStack, { gap: "$2", items: "flex-start", children: [_jsx(Button, { size: "sm", disabled: working, onPress: () => void setup(), children: "Set up with an agent" }), _jsx(SizableText, { size: "$1", color: "$soft", children: "An agent explores the codebase, installs and checks it, and proposes the scripts for you to review and save." })] })) : null, !host.admin ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "An org admin saves the environment and sets its secrets." })) : null, note ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note })) : null] }));
+}
+/**
+ * New's offer to set a codebase up. An agent onboards it, or an org admin saves
+ * it empty and writes the scripts by hand beside the next run.
+ */
+export function SetupDialog({ repo, open, onOpenChange, onStart, onSaved, }) {
+    const host = useHost();
+    const t = useTarget();
+    const [working, setWorking] = useState(false);
+    const [note, setNote] = useState('');
+    const run = async (what, done) => {
+        setWorking(true);
+        setNote('');
+        try {
+            await what();
+            done();
+        }
+        catch (e) {
+            setNote(e instanceof Error ? e.message : 'That did not work');
+        }
+        finally {
+            setWorking(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { maxW: 440, showCloseButton: false, children: [_jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [_jsx(DialogTitle, { children: "Set up an environment" }), _jsx(XStack, { render: "button", "aria-label": "Close", p: "$1", onPress: () => onOpenChange(false), children: _jsx(X, { size: 16 }) })] }), _jsxs(YStack, { gap: "$3", children: [_jsxs(YStack, { gap: "$1.5", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Repository" }), _jsx(XStack, { px: "$3", py: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", children: _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: repo }) })] }), _jsx(SizableText, { size: "$2", color: "$soft", children: "An agent onboards the codebase: it explores it, writes the install and start scripts, and names the secrets it needs. It takes several minutes. Interrupt it anytime, or take over in the terminal." }), note ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note })) : null, _jsxs(XStack, { gap: "$2", justify: "space-between", items: "center", children: [host.admin ? (_jsx(Button, { size: "sm", variant: "secondary", disabled: working, onPress: () => void run(() => save(t, repo, { install: '', start: '' }), onSaved), children: "Skip & save" })) : (_jsx(YStack, {})), _jsx(Button, { size: "sm", variant: "primary", disabled: working, onPress: () => void run(onStart, () => onOpenChange(false)), children: "Start agent" })] })] })] }) }));
+}
+function Script({ label, value, onChange, locked, hint }) {
+    return (_jsxs(YStack, { gap: "$2", children: [_jsx(SizableText, { size: "$2", color: "$ink", children: label }), _jsx(Textarea, { value: value, onChangeText: onChange, disabled: locked, placeholder: hint, "aria-label": label, rows: 3, style: mono })] }));
+}
+function Soft({ children }) {
+    return (_jsx(YStack, { py: "$6", items: "center", children: _jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'center' }, children: children }) }));
+}

package/lib/files.d.ts

@@ -0,0 +1,14 @@
+export declare function Files({ session, repo, branch, sandbox, live, mode, project, pr, onEnvironment, }: {
+    session: string;
+    repo: string;
+    branch: string;
+    sandbox: string;
+    live: boolean;
+    mode: string;
+    project: string;
+    pr: {
+        href: string;
+        label: string;
+    };
+    onEnvironment: () => void;
+}): import("react").JSX.Element;

package/lib/files.js

@@ -0,0 +1,111 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A run's Files tab. Files is its working tree: live from the sandbox while the
+ * run holds one — every edit the agent has made, committed or not — and its
+ * branch on the forge otherwise. Artifacts is what the run produced: its pull
+ * request, its branch, its environment proposal and the project it built.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { ExternalLink, File, Folder, GitBranch, GitPullRequest, Layers, Settings2 } from '@hanzogui/lucide-icons-2';
+import { useState } from 'react';
+import { blob, tree } from './api/changes.js';
+import { read as look } from './api/sandbox.js';
+import { useRead } from './data.js';
+import { useHost, useTarget } from './host.js';
+import { Out } from './out.js';
+const monoWrap = { whiteSpace: 'pre-wrap', fontFamily: 'var(--f-mono, ui-monospace, monospace)' };
+export function Files({ session, repo, branch, sandbox, live, mode, project, pr, onEnvironment, }) {
+    const [pane, setPane] = useState('files');
+    const reachable = live && Boolean(sandbox);
+    const [source, setSource] = useState(reachable ? 'live' : 'branch');
+    const from = reachable ? source : 'branch';
+    return (_jsxs(YStack, { gap: "$3", children: [_jsxs(XStack, { gap: "$1", items: "center", children: [_jsx(Pick, { on: pane === 'files', onPress: () => setPane('files'), children: "Files" }), _jsx(Pick, { on: pane === 'artifacts', onPress: () => setPane('artifacts'), children: "Artifacts" }), _jsx(XStack, { flex: 1 }), pane === 'files' && reachable ? (_jsxs(_Fragment, { children: [_jsx(Pick, { on: from === 'live', onPress: () => setSource('live'), children: "Live" }), _jsx(Pick, { on: from === 'branch', onPress: () => setSource('branch'), children: "Branch" })] })) : null] }), pane === 'artifacts' ? (_jsx(Artifacts, { repo: repo, branch: branch, mode: mode, project: project, pr: pr, onEnvironment: onEnvironment })) : from === 'live' ? (_jsx(Live, { sandbox: sandbox })) : (_jsx(Branch, { session: session, label: `${repo}${branch ? `@${branch}` : ''}` }))] }));
+}
+/** The sandbox's working tree, as it is right now. */
+function Live({ sandbox }) {
+    const t = useTarget();
+    const [dir, setDir] = useState('');
+    const [file, setFile] = useState('');
+    const list = useRead(() => look(t, sandbox, dir), null, [t, sandbox, dir]);
+    const body = useRead(file ? () => look(t, sandbox, file) : null, null, [t, sandbox, file]);
+    const at = (name) => (dir ? `${dir}/${name}` : name);
+    // A name is only a name until it is read: the answer says whether it was a directory.
+    const open = async (name) => {
+        const path = at(name);
+        try {
+            const n = await look(t, sandbox, path);
+            if (n.dir) {
+                setDir(path);
+                setFile('');
+            }
+            else {
+                setFile(path);
+            }
+        }
+        catch {
+            setFile(path);
+        }
+    };
+    return (_jsx(Listing, { where: `/work${dir ? `/${dir}` : ''}`, up: dir ? () => (setDir(dir.includes('/') ? dir.slice(0, dir.lastIndexOf('/')) : ''), setFile('')) : undefined, error: list.error?.message ?? '', loading: list.loading && !list.value, rows: (list.value?.names ?? []).map((name) => ({ key: name, name, dir: null, onPress: () => void open(name) })), file: file, body: body.error
+            ? body.error.message
+            : body.value
+                ? body.value.binary
+                    ? 'Binary file'
+                    : body.value.truncated
+                        ? 'Too large to show'
+                        : body.value.text || 'Empty file'
+                : '' }));
+}
+/** The run's branch on the forge; its base until it has pushed. */
+function Branch({ session, label }) {
+    const host = useHost();
+    const t = useTarget();
+    const signed = Boolean(host.person);
+    const [dir, setDir] = useState('');
+    const [file, setFile] = useState('');
+    const list = useRead(signed ? () => tree(t, session, dir) : null, [], [t, session, dir, signed]);
+    const body = useRead(file ? () => blob(t, session, file) : null, null, [t, session, file]);
+    if (!signed)
+        return _jsx(Soft, { children: "Sign in to read this run\u2019s files." });
+    return (_jsx(Listing, { where: `${label}${dir ? `/${dir}` : ''}`, up: dir ? () => (setDir(dir.includes('/') ? dir.slice(0, dir.lastIndexOf('/')) : ''), setFile('')) : undefined, error: list.error?.message ?? '', loading: list.loading && list.value.length === 0, rows: list.value.map((e) => ({
+            key: e.path,
+            name: e.name,
+            dir: e.dir,
+            onPress: () => (e.dir ? (setDir(e.path), setFile('')) : setFile(e.path)),
+        })), file: file, body: body.error
+            ? body.error.message
+            : body.value
+                ? body.value.binary
+                    ? 'Binary file'
+                    : body.value.truncated
+                        ? 'Too large to show'
+                        : body.value.text || 'Empty file'
+                : '' }));
+}
+function Listing({ where, up, error, loading, rows, file, body, }) {
+    return (_jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { gap: "$2", items: "center", children: [up ? (_jsx(XStack, { render: "button", "aria-label": "Up one directory", onPress: up, px: "$1", py: "$1", children: _jsx(SizableText, { size: "$1", color: "$soft", children: "Up" }) })) : null, _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: where })] }), error ? (_jsx(SizableText, { size: "$2", color: "$soft", children: error })) : loading ? (_jsx(SizableText, { size: "$2", color: "$soft", children: "Reading\u2026" })) : rows.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: "This directory is empty." })) : (rows.map((r) => (_jsxs(XStack, { render: "button", "aria-label": r.dir === false ? `Read ${r.name}` : `Open ${r.name}`, onPress: r.onPress, items: "center", gap: "$2", py: "$1", hoverStyle: { bg: '$hover' }, children: [r.dir === false ? _jsx(File, { size: 14 }) : r.dir ? _jsx(Folder, { size: 14 }) : _jsx(File, { size: 14, opacity: 0.6 }), _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, style: { textAlign: 'left' }, children: r.name })] }, r.key)))), file && body ? (_jsxs(YStack, { gap: "$1", pt: "$2", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: file }), _jsx(SizableText, { size: "$1", color: "$ink", style: monoWrap, children: body })] })) : null] }));
+}
+function Artifacts({ repo, branch, mode, project, pr, onEnvironment, }) {
+    const host = useHost();
+    const items = [];
+    if (pr.href)
+        items.push({ key: 'pr', icon: _jsx(GitPullRequest, { size: 16 }), title: `Pull request ${pr.label}`, note: 'Opened on the forge', href: pr.href });
+    if (branch)
+        items.push({ key: 'branch', icon: _jsx(GitBranch, { size: 16 }), title: branch, note: repo ? `The branch this run pushes to in ${repo}` : 'The branch this run pushes to' });
+    if (mode === 'setup')
+        items.push({ key: 'environment', icon: _jsx(Settings2, { size: 16 }), title: 'Environment proposal', note: 'The install and start scripts this run found', onPress: onEnvironment });
+    if (project)
+        items.push({ key: 'project', icon: _jsx(Layers, { size: 16 }), title: project, note: 'The project this run builds', onPress: () => host.go(project) });
+    if (!items.length)
+        return _jsx(Soft, { children: "This run has produced no artifacts yet." });
+    return (_jsx(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: items.map((a, i) => {
+            const row = (_jsxs(XStack, { items: "center", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: i ? 1 : 0, borderColor: "$borderColor", hoverStyle: a.href || a.onPress ? { bg: '$hover' } : undefined, children: [a.icon, _jsxs(YStack, { flex: 1, minW: 0, style: { textAlign: 'left' }, children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: a.title }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: a.note })] }), a.href ? _jsx(ExternalLink, { size: 14 }) : null] }));
+            return a.href ? (_jsx(Out, { href: a.href, label: a.title, children: _jsx(YStack, { width: "100%", children: row }) }, a.key)) : a.onPress ? (_jsx(YStack, { render: "button", "aria-label": a.title, onPress: a.onPress, children: row }, a.key)) : (_jsx(YStack, { children: row }, a.key));
+        }) }));
+}
+function Pick({ on, onPress, children }) {
+    return (_jsx(XStack, { render: "button", "aria-label": children, onPress: onPress, px: "$2.5", py: "$1", rounded: "$2", bg: on ? '$hover' : 'transparent', children: _jsx(SizableText, { size: "$2", color: on ? '$ink' : '$soft', children: children }) }));
+}
+function Soft({ children }) {
+    return (_jsx(YStack, { py: "$6", items: "center", children: _jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'center' }, children: children }) }));
+}

package/lib/find.d.ts

@@ -0,0 +1,7 @@
+import type { RailSession } from '@hanzo/ui/chat';
+export declare function Find({ open, onOpenChange, recents, onOpen, }: {
+    open: boolean;
+    onOpenChange: (o: boolean) => void;
+    recents: RailSession[];
+    onOpen: (id: string) => void;
+}): import("react").JSX.Element;

package/lib/find.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Finding a run: the rail's search icon. The org's coding runs as the platform
+ * lists them, newest first, filtered by status and paged back as far as they
+ * go; what is typed narrows the runs read so far by name and codebase. Until
+ * the first page lands it searches the rail's own recents.
+ */
+import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { Button, Dialog, DialogContent, DialogTitle, Input } from '@hanzo/ui';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { page } from './api/sessions.js';
+import { useHost, useTarget } from './host.js';
+/** The statuses the platform filters on, and every run. */
+const FILTERS = [
+    { id: '', label: 'All' },
+    { id: 'running', label: 'Running' },
+    { id: 'paused', label: 'Paused' },
+    { id: 'done', label: 'Done' },
+    { id: 'error', label: 'Error' },
+];
+const PAGE = 50;
+export function Find({ open, onOpenChange, recents, onOpen, }) {
+    const host = useHost();
+    const t = useTarget();
+    const signed = Boolean(host.person);
+    const [q, setQ] = useState('');
+    const [status, setStatus] = useState('');
+    const [rows, setRows] = useState(null);
+    const [next, setNext] = useState('');
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState('');
+    // A page asked for under another status or an earlier opening lands on nothing.
+    const asked = useRef(0);
+    const read = (after) => {
+        const mine = after ? asked.current : ++asked.current;
+        setLoading(true);
+        setError('');
+        return page(t, { kind: 'coding', status, limit: PAGE, after })
+            .then((p) => {
+            if (mine !== asked.current)
+                return;
+            setRows((prev) => (after && prev ? [...prev, ...p.sessions.filter((s) => !prev.some((r) => r.id === s.id))] : p.sessions));
+            setNext(p.next);
+        })
+            .catch((e) => {
+            if (mine === asked.current)
+                setError(e instanceof Error ? e.message : 'The runs could not be read');
+        })
+            .finally(() => {
+            if (mine === asked.current)
+                setLoading(false);
+        });
+    };
+    // Opening, or another status, reads from the newest again.
+    useEffect(() => {
+        if (!open || !signed)
+            return;
+        setRows(null);
+        setNext('');
+        void read('');
+        // `read` closes over the status and target this effect is keyed on.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open, signed, status, t]);
+    const hits = useMemo(() => {
+        const n = q.trim().toLowerCase();
+        const all = rows
+            ? rows.map((s) => ({ id: s.id, title: s.title || 'Untitled run', line: [s.repo, s.status].filter(Boolean).join(' · ') }))
+            : status
+                ? []
+                : recents.map((r) => ({ id: r.id, title: r.title, line: '' }));
+        return n ? all.filter((h) => `${h.title} ${h.line}`.toLowerCase().includes(n)) : all;
+    }, [q, rows, recents, status]);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { maxW: 520, children: [_jsx(DialogTitle, { children: "Find a run" }), _jsx(Input, { autoFocus: true, value: q, onChangeText: setQ, placeholder: "Search runs\u2026", "aria-label": "Search runs", onKeyDown: (e) => {
+                        if ((e.key ?? e.nativeEvent?.key) === 'Enter' && hits[0])
+                            onOpen(hits[0].id);
+                    } }), _jsx(XStack, { gap: "$1", flexWrap: "wrap", role: "group", "aria-label": "Status", children: FILTERS.map((f) => (_jsx(XStack, { render: "button", "aria-label": f.label, "aria-pressed": status === f.id, onPress: () => setStatus(f.id), px: "$2.5", py: "$1", rounded: "$10", borderWidth: 1, borderColor: status === f.id ? '$ink' : '$borderColor', bg: status === f.id ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, children: _jsx(SizableText, { size: "$1", color: status === f.id ? '$ink' : '$soft', children: f.label }) }, f.id || 'all'))) }), _jsx(ScrollView, { maxH: 360, children: _jsxs(YStack, { gap: "$1", role: "list", children: [hits.map((h) => (_jsxs(XStack, { role: "listitem", render: "button", "aria-label": h.title, onPress: () => onOpen(h.id), px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$hover' }, items: "center", gap: "$3", children: [_jsx(SizableText, { flex: 1, minW: 0, size: "$2", color: "$ink", numberOfLines: 1, style: { textAlign: 'left' }, children: h.title }), h.line ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, shrink: 0, maxW: "45%", children: h.line })) : null] }, h.id))), !loading && !error && hits.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", px: "$2", children: rows && next ? 'No run read so far matches.' : 'No run matches.' })) : null] }) }), error ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: error })) : null, loading ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: "Reading runs\u2026" })) : next ? (_jsx(XStack, { children: _jsx(Button, { size: "sm", variant: "outline", onPress: () => void read(next), children: "Older runs" }) })) : null] }) }));
+}

package/lib/foot.d.ts

@@ -0,0 +1,16 @@
+export declare const DOCS = "https://docs.hanzo.ai/docs/dev";
+/** Hanzo in Slack is set up under Settings; the card goes there, and once dismissed stays gone. */
+export declare function Slack({ onOpen, onDismiss }: {
+    onOpen: () => void;
+    onDismiss: () => void;
+}): import("react").JSX.Element;
+/**
+ * The account menu. The rail draws the account row and says when it was pressed,
+ * so the menu hangs off an anchor laid over the rail's foot: above it on the
+ * open rail, beside it on the collapsed one.
+ */
+export declare function Who({ open, onOpenChange, narrow }: {
+    open: boolean;
+    onOpenChange: (o: boolean) => void;
+    narrow: boolean;
+}): import("react").JSX.Element;

package/lib/foot.js

@@ -0,0 +1,36 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The rail's foot: the card that offers Hanzo in Slack, and the menu the account
+ * row opens — who is signed in, Settings, Usage, the plans, help and logging out.
+ * Everything it opens is an address of this page, but help, which is the
+ * documentation.
+ */
+import { Popover, SizableText, XStack, YStack } from '@hanzo/gui';
+import { Gauge, LifeBuoy, LogOut, Settings, Slack as Mark, Sparkles, X } from '@hanzogui/lucide-icons-2';
+import { MenuRow, MenuRule } from '@hanzo/ui/product';
+import { useHost } from './host.js';
+import { path } from './route.js';
+export const DOCS = 'https://docs.hanzo.ai/docs/dev';
+/** Hanzo in Slack is set up under Settings; the card goes there, and once dismissed stays gone. */
+export function Slack({ onOpen, onDismiss }) {
+    return (_jsxs(XStack, { items: "center", gap: "$2.5", px: "$3", py: "$2.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", children: [_jsx(Mark, { size: 16 }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: "Try Hanzo in Slack" }), _jsx(XStack, { render: "button", "aria-label": "Set up Hanzo in Slack", onPress: onOpen, cursor: "pointer", children: _jsx(SizableText, { size: "$1", color: "$soft", textDecorationLine: "underline", children: "Set up" }) })] }), _jsx(XStack, { render: "button", "aria-label": "Dismiss", onPress: onDismiss, p: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsx(X, { size: 14 }) })] }));
+}
+/**
+ * The account menu. The rail draws the account row and says when it was pressed,
+ * so the menu hangs off an anchor laid over the rail's foot: above it on the
+ * open rail, beside it on the collapsed one.
+ */
+export function Who({ open, onOpenChange, narrow }) {
+    const host = useHost();
+    const go = (p) => {
+        onOpenChange(false);
+        host.go(p);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: onOpenChange, placement: narrow ? 'right-end' : 'top-start', allowFlip: true, stayInFrame: true, offset: 6, children: [_jsx(Popover.Anchor, { position: "absolute", l: 8, b: 8, width: narrow ? 48 : 256, height: 36, pointerEvents: "none" }), _jsx(Popover.Content, { role: "menu", "aria-label": "Account", items: "stretch", borderWidth: 1, elevation: "$2", px: "$1", py: "$1", width: 260, bg: "$panel", borderColor: "$borderColor", children: _jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { size: "$2", color: "$soft", px: "$2", py: "$1.5", numberOfLines: 1, children: host.person?.email || host.person?.name || '' }), _jsx(MenuRule, {}), _jsx(MenuRow, { label: "Settings", icon: _jsx(Settings, { size: 16 }), onPress: () => go(path({ kind: 'settings', section: 'general' })) }), _jsx(MenuRow, { label: "Usage", icon: _jsx(Gauge, { size: 16 }), onPress: () => go(path({ kind: 'settings', section: 'usage' })) }), _jsx(MenuRow, { label: "View all plans", icon: _jsx(Sparkles, { size: 16 }), onPress: () => go(path({ kind: 'screen', screen: 'plans' })) }), _jsx(MenuRow, { label: "Get help", icon: _jsx(LifeBuoy, { size: 16 }), onPress: () => {
+                                onOpenChange(false);
+                                window.open(DOCS, '_blank', 'noopener,noreferrer');
+                            } }), host.signOut ? (_jsxs(_Fragment, { children: [_jsx(MenuRule, {}), _jsx(MenuRow, { label: "Log out", icon: _jsx(LogOut, { size: 16 }), onPress: () => {
+                                        onOpenChange(false);
+                                        host.signOut?.();
+                                    } })] })) : null] }) })] }));
+}

package/lib/forge.js

@@ -10,15 +10,15 @@ import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { ChevronDown, GitBranch, Plus, Settings, Workflow } from '@hanzogui/lucide-icons-2';
 import { Button, Dialog, DialogContent, DialogTitle, Input } from '@hanzo/ui';
 import { useEffect, useState } from 'react';
-import { revealAccount } from './account.js';
 import { add, arm, flows } from './api/auto.js';
 import { codebases, create } from './api/codebases.js';
+import { environments } from './api/environment.js';
 import { boards, issues } from './api/work.js';
 import { boardKey, pinBoard, pinCodebase, readPending, writePending } from './choice.js';
 import { useKept, useRead } from './data.js';
 import { useHost, useTarget } from './host.js';
 import { path } from './route.js';
-import { Servers } from './mcp.js';
+import { Customize } from './customize/index.js';
 import { Sync } from './sync.js';
 import { grants } from './api/github.js';
 function Head({ title, says }) {
@@ -42,8 +42,9 @@ export function Forge({ screen }) {
         return _jsx(Automations, {});
     if (screen === 'sync')
         return _jsx(Sync, {});
+    // The fleet's native servers are Connectors → Discover now; the old address lands there.
     if (screen === 'mcp')
-        return _jsx(Servers, {});
+        return _jsx(Customize, { tab: "connectors", view: "discover" });
     if (screen === 'codebases')
         return _jsx(Codebases, {});
     if (screen === 'projects')
@@ -114,6 +115,9 @@ function Codebases() {
         setPage(0);
     }, [q, sort]);
     const list = useRead(signed ? () => codebases(t) : null, [], [t, signed, making, landed]);
+    // Which codebases have an environment. A codebase absent here has none.
+    const envs = useRead(signed ? () => environments(t) : null, [], [t, signed]);
+    const envOf = new Map(envs.value.map((e) => [e.repo, e.state]));
     const needle = q.trim().toLowerCase();
     const pending = readPending(host.org);
     const pendingKey = pending.map((p) => p.fullName).join('\n');
@@ -173,7 +177,7 @@ function Codebases() {
         pinCodebase(host.org, c);
         host.go('');
     };
-    return (_jsxs(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", children: [_jsxs(YStack, { width: "100%", maxW: 1040, mx: "auto", gap: "$4", children: [_jsxs(XStack, { justify: "space-between", items: "flex-start", gap: "$4", children: [_jsxs(YStack, { gap: "$1", flex: 1, minW: 0, children: [_jsx(SizableText, { size: "$6", fontWeight: "500", color: "$ink", children: host.org || 'Forge' }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Create and browse this organization\u2019s repositories." })] }), _jsxs(XStack, { render: "button", "aria-label": "Settings", shrink: 0, items: "center", gap: "$1.5", px: "$2", py: "$1", rounded: "$3", hoverStyle: { bg: '$hover' }, onPress: () => revealAccount(), children: [_jsx(Settings, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Settings" })] })] }), _jsxs(XStack, { gap: "$2", items: "center", children: [_jsx(XStack, { px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", shrink: 0, "$max-md": { display: 'none' }, children: _jsx(SizableText, { size: "$2", color: "$ink", children: "All repos" }) }), _jsx(YStack, { flex: 1, "$max-md": { display: 'none' } }), _jsx(YStack, { width: 240, minW: 0, shrink: 1, "$max-md": { width: 'auto', flex: 1 }, children: _jsx(Input, { value: q, onChangeText: setQ, placeholder: "Find repo\u2026", "aria-label": "Find a repository", disabled: !signed }) }), _jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'screen', screen: 'sync' })), children: "Sync" }), _jsxs(Button, { size: "sm", disabled: !signed, onPress: () => setMaking(true), children: [_jsx(Plus, { size: 14 }), "New"] })] }), list.error ? (_jsx(Note, { children: list.error.message })) : !signed ? (_jsx(Note, { children: "Sign in to see this organization's repositories." })) : list.loading && list.value.length === 0 ? (_jsx(Note, { children: "Reading the forge\u2026" })) : shown.length === 0 ? (_jsx(Note, { children: list.value.length === 0 ? 'No repositories yet.' : 'Nothing matches.' })) : (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { px: "$3", py: "$2", gap: "$3", items: "center", children: [_jsxs(XStack, { flex: 1, render: "button", "aria-label": "Sort by name", items: "center", gap: "$1", onPress: () => setSort('name'), children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "Name" }), sort === 'name' ? _jsx(ChevronDown, { size: 12 }) : null] }), _jsxs(XStack, { render: "button", "aria-label": "Sort by last updated", items: "center", justify: "flex-end", gap: "$1", width: 140, onPress: () => setSort('updated'), children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "Last updated" }), sort === 'updated' ? _jsx(ChevronDown, { size: 12 }) : null] })] }), slice.map((c) => (_jsxs(XStack, { render: "button", "aria-label": `Work on ${c.name}`, onPress: () => open(c), items: "center", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: [_jsx(GitBranch, { size: 14 }), _jsx(SizableText, { flex: 1, size: "$2", color: "$ink", numberOfLines: 1, children: c.name }), _jsx(SizableText, { size: "$1", color: "$soft", width: 140, style: { textAlign: 'right' }, children: syncing.has(c.name) ? 'Syncing…' : when(c.updated) })] }, `${c.org}/${c.name}`))), _jsxs(XStack, { px: "$3", py: "$2", justify: "space-between", items: "center", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: `Showing ${from}–${to} of ${shown.length}` }), _jsxs(XStack, { gap: "$3", items: "center", children: [_jsx(XStack, { render: "button", "aria-label": "Previous page", disabled: safePage === 0, onPress: () => setPage(safePage - 1), children: _jsx(SizableText, { size: "$1", color: safePage === 0 ? '$soft' : '$ink', children: "Prev" }) }), _jsx(SizableText, { size: "$1", color: "$soft", children: `${safePage + 1} / ${pages}` }), _jsx(XStack, { render: "button", "aria-label": "Next page", disabled: safePage >= pages - 1, onPress: () => setPage(safePage + 1), children: _jsx(SizableText, { size: "$1", color: safePage >= pages - 1 ? '$soft' : '$ink', children: "Next" }) })] })] })] }))] }), _jsx(NewRepo, { open: making, onOpenChange: setMaking, onCreate: async (name, description) => {
+    return (_jsxs(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", children: [_jsxs(YStack, { width: "100%", maxW: 1040, mx: "auto", gap: "$4", children: [_jsxs(XStack, { justify: "space-between", items: "flex-start", gap: "$4", children: [_jsxs(YStack, { gap: "$1", flex: 1, minW: 0, children: [_jsx(SizableText, { size: "$6", fontWeight: "500", color: "$ink", children: host.org || 'Forge' }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Create and browse this organization\u2019s repositories." })] }), _jsxs(XStack, { render: "button", "aria-label": "Settings", shrink: 0, items: "center", gap: "$1.5", px: "$2", py: "$1", rounded: "$3", hoverStyle: { bg: '$hover' }, onPress: () => host.go('-/settings/environments'), children: [_jsx(Settings, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Settings" })] })] }), _jsxs(XStack, { gap: "$2", items: "center", children: [_jsx(XStack, { px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", shrink: 0, "$max-md": { display: 'none' }, children: _jsx(SizableText, { size: "$2", color: "$ink", children: "All repos" }) }), _jsx(YStack, { flex: 1, "$max-md": { display: 'none' } }), _jsx(YStack, { width: 240, minW: 0, shrink: 1, "$max-md": { width: 'auto', flex: 1 }, children: _jsx(Input, { value: q, onChangeText: setQ, placeholder: "Find repo\u2026", "aria-label": "Find a repository", disabled: !signed }) }), _jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'screen', screen: 'sync' })), children: "Sync" }), _jsxs(Button, { size: "sm", disabled: !signed, onPress: () => setMaking(true), children: [_jsx(Plus, { size: 14 }), "New"] })] }), list.error ? (_jsx(Note, { children: list.error.message })) : !signed ? (_jsx(Note, { children: "Sign in to see this organization's repositories." })) : list.loading && list.value.length === 0 ? (_jsx(Note, { children: "Reading the forge\u2026" })) : shown.length === 0 ? (_jsx(Note, { children: list.value.length === 0 ? 'No repositories yet.' : 'Nothing matches.' })) : (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { px: "$3", py: "$2", gap: "$3", items: "center", children: [_jsxs(XStack, { flex: 1, render: "button", "aria-label": "Sort by name", items: "center", gap: "$1", onPress: () => setSort('name'), children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "Name" }), sort === 'name' ? _jsx(ChevronDown, { size: 12 }) : null] }), _jsx(SizableText, { size: "$1", color: "$soft", width: 96, "$max-md": { display: 'none' }, children: "Environment" }), _jsxs(XStack, { render: "button", "aria-label": "Sort by last updated", items: "center", justify: "flex-end", gap: "$1", width: 140, onPress: () => setSort('updated'), children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "Last updated" }), sort === 'updated' ? _jsx(ChevronDown, { size: 12 }) : null] })] }), slice.map((c) => (_jsxs(XStack, { render: "button", "aria-label": `Work on ${c.name}`, onPress: () => open(c), items: "center", gap: "$3", px: "$3", py: "$2.5", borderTopWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: [_jsx(GitBranch, { size: 14 }), _jsx(SizableText, { flex: 1, size: "$2", color: "$ink", numberOfLines: 1, children: c.name }), _jsx(SizableText, { size: "$1", color: "$soft", width: 96, "$max-md": { display: 'none' }, children: envOf.get(c.name) === 'ready' ? 'Ready' : envOf.get(c.name) === 'proposed' ? 'To review' : '—' }), _jsx(SizableText, { size: "$1", color: "$soft", width: 140, style: { textAlign: 'right' }, children: syncing.has(c.name) ? 'Syncing…' : when(c.updated) })] }, `${c.org}/${c.name}`))), _jsxs(XStack, { px: "$3", py: "$2", justify: "space-between", items: "center", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: `Showing ${from}–${to} of ${shown.length}` }), _jsxs(XStack, { gap: "$3", items: "center", children: [_jsx(XStack, { render: "button", "aria-label": "Previous page", disabled: safePage === 0, onPress: () => setPage(safePage - 1), children: _jsx(SizableText, { size: "$1", color: safePage === 0 ? '$soft' : '$ink', children: "Prev" }) }), _jsx(SizableText, { size: "$1", color: "$soft", children: `${safePage + 1} / ${pages}` }), _jsx(XStack, { render: "button", "aria-label": "Next page", disabled: safePage >= pages - 1, onPress: () => setPage(safePage + 1), children: _jsx(SizableText, { size: "$1", color: safePage >= pages - 1 ? '$soft' : '$ink', children: "Next" }) })] })] })] }))] }), _jsx(NewRepo, { open: making, onOpenChange: setMaking, onCreate: async (name, description) => {
                     const row = await create(t, name, description);
                     pinCodebase(host.org, row);
                     setMaking(false);

package/lib/git.d.ts

@@ -0,0 +1,9 @@
+export declare function Git({ session, title, live }: {
+    session: string;
+    title: string;
+    live: boolean;
+}): import("react").JSX.Element;
+/** A unified diff's lines, coloured by what each does: the Git tab's, and a transcript's edit card's. */
+export declare function Patch({ text }: {
+    text: string;
+}): import("react").JSX.Element;

package/lib/git.js

@@ -0,0 +1,74 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A run's Git tab: what it pushed, read from the forge. Diff is the net change
+ * from its base, Review is the pull request it opened and what reviewers said,
+ * Commits is its branch's history since the base. While the run works it is
+ * read again every little while, because a run pushes when it finishes a step.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { ChevronDown, ChevronRight } from '@hanzogui/lucide-icons-2';
+import { useEffect, useState } from 'react';
+import { read } from './api/changes.js';
+import { useRead } from './data.js';
+import { useHost, useTarget } from './host.js';
+import { Out } from './out.js';
+const NONE = { repo: '', base: '', head: '', commits: [], files: [], pull: null };
+const AGAIN = 15_000;
+const mono = { fontFamily: 'var(--f-mono, ui-monospace, monospace)', whiteSpace: 'pre' };
+export function Git({ session, title, live }) {
+    const host = useHost();
+    const t = useTarget();
+    const signed = Boolean(host.person);
+    const [view, setView] = useState('diff');
+    const got = useRead(signed ? () => read(t, session) : null, NONE, [t, session, signed, live]);
+    const { reload } = got;
+    useEffect(() => {
+        if (!live)
+            return;
+        const every = setInterval(reload, AGAIN);
+        return () => clearInterval(every);
+    }, [live, reload]);
+    const c = got.value;
+    const added = c.files.reduce((n, f) => n + f.additions, 0);
+    const removed = c.files.reduce((n, f) => n + f.deletions, 0);
+    return (_jsxs(YStack, { gap: "$3", children: [_jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { size: "$3", color: "$ink", numberOfLines: 1, children: title }), c.head ? (_jsxs(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: [`${c.head} → ${c.base}`, c.files.length ? ` · ${c.files.length} ${c.files.length === 1 ? 'file' : 'files'} +${added} −${removed}` : ''] })) : null] }), _jsx(XStack, { gap: "$1", children: ['diff', 'review', 'commits'].map((v) => (_jsx(XStack, { render: "button", "aria-label": label(v), onPress: () => setView(v), px: "$2.5", py: "$1", rounded: "$2", bg: view === v ? '$hover' : 'transparent', children: _jsx(SizableText, { size: "$2", color: view === v ? '$ink' : '$soft', children: label(v) }) }, v))) }), !signed ? (_jsx(Soft, { children: "Sign in to see what this run pushed." })) : got.error ? (_jsx(Soft, { children: got.error.message })) : got.loading && !c.head ? (_jsx(Soft, { children: "Reading the branch\u2026" })) : view === 'diff' ? (c.files.length ? (_jsx(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: c.files.map((f, i) => (_jsx(File, { change: f, first: i === 0 }, f.path))) })) : (_jsx(Soft, { children: "No pushed changes" }))) : view === 'review' ? (c.pull ? (_jsxs(YStack, { gap: "$3", children: [_jsxs(YStack, { gap: "$1.5", p: "$3", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", children: [_jsx(SizableText, { size: "$2", color: "$ink", children: `#${c.pull.number} ${c.pull.title}` }), _jsx(SizableText, { size: "$1", color: "$soft", children: c.pull.state === 'open'
+                                    ? c.pull.mergeable === false
+                                        ? 'Open · conflicts with its base'
+                                        : c.pull.mergeable
+                                            ? 'Open · ready to merge'
+                                            : '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" }))] }));
+}
+function File({ change: f, first }) {
+    const [open, setOpen] = useState(false);
+    const lines = f.patch ? f.patch.split('\n') : [];
+    return (_jsxs(YStack, { borderTopWidth: first ? 0 : 1, borderColor: "$borderColor", children: [_jsxs(XStack, { render: "button", "aria-label": `${open ? 'Hide' : 'Show'} ${f.path}`, onPress: () => setOpen(!open), items: "center", gap: "$2", px: "$3", py: "$2", hoverStyle: { bg: '$hover' }, children: [open ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }), _jsx(SizableText, { size: "$1", color: "$soft", width: 12, children: f.status[0].toUpperCase() }), _jsx(SizableText, { flex: 1, minW: 0, size: "$2", color: "$ink", numberOfLines: 1, style: { textAlign: 'left' }, children: f.from ? `${f.from} → ${f.path}` : f.path }), _jsx(SizableText, { size: "$1", color: "$green10", children: `+${f.additions}` }), _jsx(SizableText, { size: "$1", color: "$red10", children: `−${f.deletions}` })] }), open ? (_jsxs(YStack, { px: "$3", pb: "$2", overflow: "scroll", children: [lines.length ? (_jsx(Patch, { text: f.patch })) : (_jsx(SizableText, { size: "$1", color: "$soft", children: f.truncated ? 'Too large to show here.' : 'Binary file' })), lines.length && f.truncated ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "The rest of this file\u2019s change is too large to show here." })) : null] })) : null] }));
+}
+/** A unified diff's lines, coloured by what each does: the Git tab's, and a transcript's edit card's. */
+export function Patch({ text }) {
+    return (_jsx(_Fragment, { children: text.split('\n').map((l, i) => (_jsx(SizableText, { size: "$1", style: mono, color: l.startsWith('@@') ? '$soft' : l.startsWith('+') ? '$green10' : l.startsWith('-') ? '$red10' : '$ink', children: l || ' ' }, i))) }));
+}
+function label(v) {
+    return v === 'diff' ? 'Diff' : v === 'review' ? 'Review' : 'Commits';
+}
+function verdict(state) {
+    switch (state.toUpperCase()) {
+        case 'APPROVED':
+            return 'approved';
+        case 'REQUEST_CHANGES':
+            return 'asked for changes';
+        case 'COMMENT':
+            return 'commented';
+        default:
+            return state.toLowerCase() || 'reviewed';
+    }
+}
+function when(iso) {
+    const d = new Date(iso);
+    return Number.isNaN(d.getTime()) ? '' : d.toLocaleString();
+}
+function Soft({ children }) {
+    return (_jsx(YStack, { py: "$6", items: "center", children: _jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'center' }, children: children }) }));
+}

package/lib/host.d.ts

@@ -9,6 +9,7 @@
  */
 import { type ReactNode } from 'react';
 import type { Target } from './api/call.ts';
+import type { Theme } from './api/pref.ts';
 export interface Person {
     name: string;
     email: string;
@@ -26,6 +27,10 @@ export interface Host {
     memberships?: readonly string[];
     /** Stay on this page and scope every read to `org`. */
     chooseOrg?: (org: string) => void;
+    /** The page's theme as last chosen, for a host that can change it. */
+    theme?: Theme;
+    /** Paint the page in `theme`. A host without it keeps its own, and Settings offers no choice. */
+    chooseTheme?: (theme: Theme) => void;
     /** Who is signed in, or null. */
     person: Person | null;
     /** Whether the person administers `org`: an admin publishes to main, anyone else opens a review. */

package/lib/landing.d.ts

@@ -8,6 +8,16 @@ export declare const MODES: readonly [{
     readonly label: 'Plan';
     readonly hint: 'Plans the change and writes nothing';
 }];
+export declare const EFFORTS: readonly [{
+    readonly id: 'low';
+    readonly label: 'Low';
+}, {
+    readonly id: 'medium';
+    readonly label: 'Medium';
+}, {
+    readonly id: 'high';
+    readonly label: 'High';
+}];
 export declare function Landing({ onStarted }: {
     onStarted: (session: string) => void;
 }): import("react").JSX.Element;