@hanzo/build 0.2.52 → 0.2.53

package/lib/environment.js

@@ -13,8 +13,9 @@ 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 { plain, read, refuse, removeSecret, save, setSecret, SETUP } from './api/environment.js';
 import { useRead } from './data.js';
+import { matches } from './merge.js';
 import { useHost, useTarget } from './host.js';
 const mono = { fontFamily: 'var(--f-mono, ui-monospace, monospace)' };
 export function Environment({ repo, busy }) {
@@ -44,7 +45,7 @@ export function Environment({ repo, busy }) {
         return _jsx(Soft, { children: "This run has no codebase, so it has no environment." });
     }
     if (env.error) {
-        return _jsx(Soft, { children: env.error.message });
+        return _jsx(Soft, { children: `${repo}’s environment could not be read right now.` });
     }
     if (!shown) {
         return _jsx(Soft, { children: "Reading the environment\u2026" });
@@ -63,7 +64,7 @@ export function Environment({ repo, busy }) {
             return true;
         }
         catch (e) {
-            setNote(e.message);
+            setNote(plain(e, repo, 'save'));
             return false;
         }
         finally {
@@ -78,7 +79,7 @@ export function Environment({ repo, busy }) {
             host.go(run.session);
         }
         catch (e) {
-            setNote(e.message);
+            setNote(plain(e, repo, 'start'));
             setWorking(false);
         }
     };
@@ -102,27 +103,66 @@ export function Environment({ repo, busy }) {
 /**
  * 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.
+ *
+ * The repository is chosen from the org's own (the forge's, and every linked
+ * repository's copy there), never typed: a name that is not one of them — a
+ * board's key handed over as a codebase — is said so and cannot be set up.
  */
-export function SetupDialog({ repo, open, onOpenChange, onStart, onSaved, }) {
+export function SetupDialog({ repo, homes, open, onOpenChange, onStart, onSaved, onRepo, }) {
     const host = useHost();
     const t = useTarget();
-    const [working, setWorking] = useState(false);
+    const [chosen, setChosen] = useState(repo);
+    const [q, setQ] = useState('');
+    const [working, setWorking] = useState('');
     const [note, setNote] = useState('');
-    const run = async (what, done) => {
-        setWorking(true);
+    const [last, setLast] = useState('');
+    useEffect(() => {
+        if (!open)
+            return;
+        setChosen(repo);
+        setQ('');
+        setNote('');
+        setLast('');
+    }, [open, repo]);
+    const list = homes.value.homes;
+    const home = list.find((h) => h.name.toLowerCase() === chosen.toLowerCase()) ?? null;
+    // A name the whole list does not hold is not the org's; with part of the list unread, the platform decides.
+    const stranger = Boolean(chosen) && !home && homes.value.whole && !homes.loading;
+    const ready = Boolean(chosen) && !stranger && !homes.loading;
+    const shown = list.filter((h) => matches(q, h.label, h.name)).slice(0, 6);
+    const run = async (what) => {
+        if (!ready)
+            return;
+        // The org's own spelling of the name, when the list holds it.
+        const repo = home?.name ?? chosen;
+        setWorking(what);
+        setLast(what);
         setNote('');
         try {
-            await what();
-            done();
+            if (what === 'save') {
+                await save(t, repo, { install: '', start: '' });
+                onSaved(repo);
+            }
+            else {
+                await onStart(repo);
+                onOpenChange(false);
+            }
         }
         catch (e) {
-            setNote(e.message);
+            setNote(plain(e, repo, what));
         }
         finally {
-            setWorking(false);
+            setWorking('');
         }
     };
-    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" })] })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { maxW: 480, 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: stranger ? '$ink' : '$borderColor', items: "center", gap: "$2", "aria-label": "Chosen repository", children: _jsx(SizableText, { size: "$2", color: home || (chosen && !stranger) ? '$ink' : '$soft', numberOfLines: 1, flex: 1, minW: 0, children: home ? home.label : chosen || 'Choose a repository' }) }), stranger ? (_jsx(SizableText, { size: "$1", color: "$ink", role: "alert", children: `${chosen} is not one of this organization’s repositories. Choose one below.` })) : null, _jsx(Input, { value: q, onChangeText: setQ, placeholder: "Find a repository\u2026", "aria-label": "Find a repository" }), _jsx(YStack, { gap: 2, "aria-label": "Repositories", children: homes.loading && !list.length ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "Reading the repositories\u2026" })) : homes.error && !list.length ? (_jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "The repository list could not be read right now." }), _jsx(Button, { size: "sm", variant: "outline", onPress: homes.reload, children: "Read again" })] })) : shown.length === 0 ? (_jsx(SizableText, { size: "$1", color: "$soft", children: list.length ? 'Nothing matches.' : 'This organization has no repositories on the forge yet.' })) : (shown.map((h) => {
+                                        const on = h.name.toLowerCase() === chosen.toLowerCase();
+                                        return (_jsx(XStack, { render: "button", "aria-pressed": on, "aria-label": `Choose ${h.label}`, onPress: () => {
+                                                setChosen(h.name);
+                                                setNote('');
+                                                onRepo(h);
+                                            }, px: "$2.5", py: "$1.5", rounded: "$2", bg: on ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, children: _jsx(SizableText, { size: "$2", color: on ? '$ink' : '$soft', numberOfLines: 1, children: h.label }) }, h.name));
+                                    })) })] }), _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 ? (_jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [_jsx(SizableText, { size: "$1", color: "$ink", role: "status", flex: 1, minW: 200, children: note }), last ? (_jsx(Button, { size: "sm", variant: "outline", disabled: working !== '', onPress: () => void run(last), children: "Try again" })) : null] })) : null, _jsxs(XStack, { gap: "$2", justify: "space-between", items: "center", children: [host.admin ? (_jsx(Button, { size: "sm", variant: "secondary", disabled: working !== '' || !ready, onPress: () => void run('save'), children: working === 'save' ? 'Saving…' : 'Skip & save' })) : (_jsx(YStack, {})), _jsx(Button, { size: "sm", variant: "primary", disabled: working !== '' || !ready, onPress: () => void run('start'), children: working === 'start' ? 'Starting the agent…' : '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 })] }));

package/lib/foot.js

@@ -1,16 +1,19 @@
 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, the organization they act in, Settings, Usage,
- * the plans, help and logging out.
+ * row opens — who is signed in, the plan and its meter (`Meter`), the
+ * organization they act in, Settings, Usage, Billing, the plans, help and
+ * logging out.
  * Everything it opens is an address of this page, but help, which is the
  * documentation.
  */
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { Popover, SizableText, XStack, YStack } from '@hanzo/gui';
-import { Gauge, LifeBuoy, LogOut, Settings, Slack as Mark, Sparkles, X } from '@hanzogui/lucide-icons-2';
+import { CreditCard, Gauge, LifeBuoy, LogOut, Settings, Slack as Mark, Sparkles, X } from '@hanzogui/lucide-icons-2';
 import { MenuLabel, MenuRow, MenuRule } from '@hanzo/ui/product';
-import { useHost } from './host.js';
+import { useHost, useTarget } from './host.js';
+import { Meter } from './meter.js';
+import { useStanding } from './standing.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. */
@@ -52,17 +55,18 @@ export function useWho() {
  */
 export function Who({ open, onOpenChange, narrow }) {
     const host = useHost();
+    const standing = useStanding(useTarget(), open);
     // The organizations this person acts in; choosing one reloads the page scoped to it.
     const orgs = host.memberships ?? (host.org ? [host.org] : []);
     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 || '' }), orgs.length ? (_jsxs(_Fragment, { children: [_jsx(MenuRule, {}), _jsx(MenuLabel, { children: "Organization" }), _jsx(YStack, { role: "radiogroup", "aria-label": "Organizations", gap: "$1", children: orgs.map((o) => (_jsx(MenuRow, { label: o, active: o === host.org, onPress: () => {
+    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(Meter, { read: standing, onPlans: () => go(path({ kind: 'screen', screen: 'plans' })), onBilling: () => go(path({ kind: 'settings', section: 'billing' })) }), orgs.length ? (_jsxs(_Fragment, { children: [_jsx(MenuRule, {}), _jsx(MenuLabel, { children: "Organization" }), _jsx(YStack, { role: "radiogroup", "aria-label": "Organizations", gap: "$1", children: orgs.map((o) => (_jsx(MenuRow, { label: o, active: o === host.org, onPress: () => {
                                             onOpenChange(false);
                                             if (o !== host.org)
                                                 host.chooseOrg?.(o);
-                                        } }, o))) })] })) : null, _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: () => {
+                                        } }, o))) })] })) : null, _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: "Billing", icon: _jsx(CreditCard, { size: 16 }), onPress: () => go(path({ kind: 'settings', section: 'billing' })) }), _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: () => {

package/lib/forge.js

@@ -4,19 +4,21 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  *
  * A project is a repository, linked from GitHub or started from a template;
  * choosing one opens its workspace, where every run works on it. Issues are
- * the forge's, filed under a board or a repository, and a repository's GitHub
- * issues sync onto it. Choosing an issue opens New with that repository and
- * the issue as the ask.
+ * the forge's and the task index's, merged (merge.ts): the same issue read
+ * from two boards is one row. A repository's GitHub issues sync onto it.
+ * Choosing an issue opens New on the issue's own repository — its GitHub
+ * address, or the forge repository it is filed on, never a board's key — with
+ * the issue as the ask; an issue no project answers to asks which one.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { ArrowRight, Check, ChevronDown, CircleCheck, CircleDot, CircleSlash, ExternalLink, FolderGit2, GitBranch, Github, GitPullRequest, LayoutTemplate, RefreshCw, } from '@hanzogui/lucide-icons-2';
-import { Button, DropdownMenu, Input } from '@hanzo/ui';
-import { useEffect, useState } from 'react';
+import { Button, Dialog, DialogContent, DialogTitle, DropdownMenu, Input } from '@hanzo/ui';
+import { useEffect, useMemo, useState } from 'react';
 import { ago } from './ago.js';
 import { codebases } from './api/codebases.js';
 import { Automations } from './automations.js';
-import { boards, closed, inProject, issues, projectOf } from './api/work.js';
-import { boardKey, pinCodebase, readPending, writePending } from './choice.js';
+import { boards, everything, sources } from './api/work.js';
+import { boardKey, pinRepo, readPending, writePending } from './choice.js';
 import { useKept, useRead } from './data.js';
 import { useHost, useTarget } from './host.js';
 import { path } from './route.js';
@@ -25,6 +27,7 @@ import { Sync } from './sync.js';
 import { connect, connection, grants, syncIssues } from './api/github.js';
 import { here, useBack } from './back.js';
 import { Out } from './out.js';
+import { ask, assemble, attach, closes, facets, handle, home, keyOf, matches, pickProjects, place } from './merge.js';
 function Note({ children }) {
     return (_jsx(SizableText, { size: "$2", color: "$soft", children: children }));
 }
@@ -164,34 +167,107 @@ function GitHubLink({ onSync }) {
 const KINDS = { all: 'Issues and pull requests', issue: 'Issues', pr: 'Pull requests' };
 const ORIGINS = { all: 'Every source', github: 'GitHub', hanzo: 'Hanzo' };
 const ORDERS = { newest: 'Newest', oldest: 'Oldest', updated: 'Recently updated' };
-/** Mirrored from GitHub: filed by the forge's `git` source with its page on github.com. */
-const fromGitHub = (w) => /^https:\/\/github\.com\//.test(w.url);
+/** Mirrored from GitHub: the task index carried it from GitHub (`extRef` github:…). */
+const fromGitHub = (i) => i.sources.includes('github');
+/** Done and canceled are closed; every other column is open work. */
+const closed = (i) => i.state === 'closed';
+/** An RFC 3339 time as milliseconds, 0 when there is none. */
+const ms = (iso) => Date.parse(iso) || 0;
+/** The repository an issue is for, once the projects have named it, else the forge's name for it, else its board. */
+const projectOf = (i) => i.repo || i.forge || i.board;
+/**
+ * Whether `i` is filed under the project `key`: its board, its forge
+ * repository, or its repository by address or by name — either case. A board
+ * and the repository it is named for are one project, as the forge files them.
+ */
+function inProject(i, key) {
+    const k = key.toLowerCase();
+    return [i.board, i.forge, i.repo, i.repo.split('/')[1] ?? ''].some((v) => v !== '' && v.toLowerCase() === k);
+}
+/** How a person refers to an issue: `owner/name#N` on its own repository, the board's handle otherwise, '' with neither. */
+function ref(i) {
+    const tag = handle(i);
+    const at = i.repo || i.forge;
+    return tag.startsWith('#') && at ? `${at}${tag}` : tag;
+}
 /** A dropdown that picks one of `options`, its trigger naming the choice. */
 function Pick({ label, value, options, onPick }) {
     return (_jsx(DropdownMenu, { trigger: _jsxs(XStack, { render: "button", "aria-label": label, items: "center", gap: "$1", px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, children: [_jsx(SizableText, { size: "$2", color: "$soft", numberOfLines: 1, children: options[value] }), _jsx(ChevronDown, { size: 12 })] }), items: Object.keys(options).map((k) => ({
-            key: k,
+            key: k || '*',
             label: options[k],
             icon: k === value ? _jsx(Check, { size: 14 }) : _jsx(YStack, { width: 14 }),
             onSelect: () => onPick(k),
         })) }));
 }
-function Mark({ w }) {
-    if (w.kind === 'pr')
-        return _jsx(GitPullRequest, { size: 16, color: closed(w) ? '$soft' : '$ink' });
-    if (w.status === 'canceled')
+/** The words a list carries as a menu: every one of them, or `all`. */
+const menu = (all, values) => Object.fromEntries([['', all], ...values.map((v) => [v, v])]);
+function Mark({ i }) {
+    if (i.pull)
+        return _jsx(GitPullRequest, { size: 16, color: closed(i) ? '$soft' : '$ink' });
+    if (i.status === 'canceled')
         return _jsx(CircleSlash, { size: 16, color: "$soft" });
-    if (w.status === 'done')
+    if (closed(i))
         return _jsx(CircleCheck, { size: 16, color: "$soft" });
     return _jsx(CircleDot, { size: 16, color: "$ink" });
 }
 function Tag({ children }) {
     return (_jsx(XStack, { px: "$2", py: 1, rounded: 999, borderWidth: 1, borderColor: "$borderColor", shrink: 0, children: _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: children }) }));
 }
+const NONE = { hub: [], linked: [], held: [], sites: [], owners: [], next: '', unread: [], missing: [] };
+/**
+ * Pressing an issue: New, on the issue's own repository, holding the issue. A
+ * GitHub issue runs on GitHub, where its pull request closes it; a forge issue
+ * on the forge. A repository not among the projects read so far is looked up by
+ * its address; an issue no project answers to asks which one it is for — a
+ * board's key or a Linear team's is never taken for a repository.
+ */
+function useOpen(list, work) {
+    const host = useHost();
+    const t = useTarget();
+    const [asking, setAsking] = useState(null);
+    const [finding, setFinding] = useState('');
+    const go = (i, p) => {
+        // A project the person picked for an issue that is not its own closes nothing there.
+        const own = place(i, [p]) !== null;
+        const n = own ? closes(i, p) : 0;
+        pinRepo(host.org, p, ask(i, n), n, own ? home(i, p) : undefined);
+        setAsking(null);
+        host.go('');
+    };
+    const open = async (i) => {
+        const p = place(i, list);
+        if (p && (p.forge || p.linked))
+            return go(i, p);
+        if (i.repo) {
+            setFinding(i.key);
+            const [owner = '', name = ''] = i.repo.split('/');
+            const found = await sources(t, { q: name, owner })
+                .then((s) => assemble({ granted: s.hub, linked: s.linked, held: s.held, sites: s.sites, work }).find((x) => x.key === keyOf(owner, name)) ?? null)
+                .catch(() => null);
+            setFinding('');
+            if (found && (found.forge || found.linked))
+                return go(i, found);
+        }
+        setAsking(i);
+    };
+    const dialog = _jsx(Which, { issue: asking, list: list, onPick: (p) => asking && go(asking, p), onClose: () => setAsking(null) });
+    return { open: (i) => void open(i), finding, dialog };
+}
+/** Asks which project an issue is for, from the org's own list: never a free string. */
+function Which({ issue, list, onPick, onClose }) {
+    const [q, setQ] = useState('');
+    const shown = pickProjects(list.filter((p) => p.forge || p.linked), { q }).slice(0, 50);
+    const named = issue?.repo || issue?.hint || '';
+    return (_jsx(Dialog, { open: issue !== null, onOpenChange: (o) => (o ? null : onClose()), children: _jsxs(DialogContent, { maxW: 480, gap: "$3", children: [_jsx(DialogTitle, { children: "Which project is this for?" }), _jsx(SizableText, { size: "$2", color: "$soft", children: named
+                        ? `“${named}” is not one of this organization’s projects. Choose the repository the run works on.`
+                        : `This issue names no repository${issue?.board ? `: it is on the ${issue.board} board` : ''}. Choose the one the run works on.` }), _jsx(Input, { value: q, onChangeText: setQ, placeholder: "Find a project\u2026", "aria-label": "Find a project" }), _jsx(YStack, { gap: "$1", maxH: 320, overflow: "scroll", children: shown.length === 0 ? (_jsx(Note, { children: list.length ? 'Nothing matches.' : 'No projects are linked yet.' })) : (shown.map((p) => (_jsxs(XStack, { render: "button", "aria-label": `Work on ${p.owner}/${p.name}`, onPress: () => onPick(p), px: "$2.5", py: "$2", rounded: "$3", items: "center", justify: "flex-start", hoverStyle: { bg: '$hover' }, children: [_jsx(SizableText, { size: "$2", color: "$soft", numberOfLines: 1, shrink: 0, children: `${p.owner}/` }), _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, shrink: 1, children: p.name })] }, p.key)))) }), _jsx(XStack, { justify: "flex-end", children: _jsx(Button, { size: "sm", variant: "outline", onPress: onClose, children: "Cancel" }) })] }) }));
+}
 /**
  * Every project's issues, read the way GitHub reads them: open or closed, one
- * project or all of them, narrowed by words, kind, source and order. Each project
- * syncs its own issues from GitHub; choosing an issue starts the next run on its
- * codebase with the issue as the ask.
+ * project or all of them, narrowed by words, kind, source, label and assignee,
+ * and ordered. The same issue on two boards is one row. Each project syncs its
+ * own issues from GitHub; choosing an issue starts the next run on the issue's
+ * own repository with the issue as the ask.
  */
 function Issues() {
     const host = useHost();
@@ -202,12 +278,19 @@ function Issues() {
     const [kind, setKind] = useState('all');
     const [origin, setOrigin] = useState('all');
     const [order, setOrder] = useState('newest');
+    const [label, setLabel] = useState('');
+    const [assignee, setAssignee] = useState('');
     const [q, setQ] = useState('');
     const [pulled, setPulled] = useState(0);
     const [busy, setBusy] = useState(false);
     const [said, setSaid] = useState(null);
-    const list = useRead(signed ? () => issues(t) : null, [], [t, signed, pulled]);
+    const list = useRead(signed ? () => everything(t) : null, [], [t, signed, pulled]);
     const known = useRead(signed ? () => boards(t) : null, [], [t, signed]);
+    // What the org's projects are made from, so an issue is placed on its own repository.
+    const made = useRead(signed ? () => sources(t) : null, NONE, [t, signed]);
+    const projects = useMemo(() => assemble({ granted: made.value.hub, linked: made.value.linked, held: made.value.held, sites: made.value.sites, work: list.value }), [made.value, list.value]);
+    const work = useMemo(() => attach(list.value, projects), [list.value, projects]);
+    const { open, finding, dialog } = useOpen(projects, list.value);
     // Another screen chose the board (the rail's Issues chooses every board) while this one is open.
     useEffect(() => {
         const on = (e) => setBoard(e.detail);
@@ -215,37 +298,38 @@ function Issues() {
         return () => window.removeEventListener('hanzo-board', on);
     }, [setBoard]);
     useEffect(() => setSaid(null), [board]);
-    // The projects: every board the forge names, and every repository an issue is filed under.
-    const projects = new Map();
+    // The projects: every board the forge names, and every repository an issue is filed under that no board is named for.
+    const column = new Map();
     for (const b of known.value)
-        projects.set(b.key.toLowerCase(), { key: b.key, name: b.name, open: 0 });
-    for (const w of list.value) {
-        const key = projectOf(w);
-        if (!key)
-            continue;
-        const p = projects.get(key.toLowerCase()) ?? { key, name: key, open: 0 };
-        if (!closed(w))
-            p.open++;
-        projects.set(key.toLowerCase(), p);
+        column.set(b.key.toLowerCase(), { key: b.key, name: b.name, open: 0 });
+    for (const i of work) {
+        const key = projectOf(i);
+        if (key && ![...column.values()].some((p) => inProject(i, p.key)))
+            column.set(key.toLowerCase(), { key, name: key, open: 0 });
     }
-    const rows = [...projects.values()].sort((a, b) => a.name.localeCompare(b.name));
-    const current = board ? projects.get(board.toLowerCase()) : undefined;
+    for (const p of column.values())
+        p.open = work.filter((i) => !closed(i) && inProject(i, p.key)).length;
+    const rows = [...column.values()].sort((a, b) => a.name.localeCompare(b.name));
+    const current = board ? column.get(board.toLowerCase()) : undefined;
     const title = current?.name ?? board;
-    const needle = q.trim().toLowerCase();
-    const scoped = list.value
-        .filter((w) => !board || inProject(w, board))
-        .filter((w) => kind === 'all' || (kind === 'pr' ? w.kind === 'pr' : w.kind !== 'pr'))
-        .filter((w) => origin === 'all' || (origin === 'github') === fromGitHub(w))
-        .filter((w) => !needle || [w.title, w.identifier, w.assignee, projectOf(w), ...w.labels].join(' ').toLowerCase().includes(needle));
-    const opened = scoped.filter((w) => !closed(w));
+    const inBoard = work.filter((i) => !board || inProject(i, board));
+    const { labels, assignees } = facets(inBoard);
+    const scoped = inBoard
+        .filter((i) => kind === 'all' || (kind === 'pr') === i.pull)
+        .filter((i) => origin === 'all' || (origin === 'github') === fromGitHub(i))
+        .filter((i) => !label || i.labels.some((l) => l.toLowerCase() === label.toLowerCase()))
+        .filter((i) => !assignee || i.assignees.some((a) => a.toLowerCase() === assignee.toLowerCase()))
+        .filter((i) => matches(q, i.title, ref(i), projectOf(i), ...i.assignees, ...i.labels));
+    const opened = scoped.filter((i) => !closed(i));
     const shut = scoped.filter(closed);
     const shown = (state === 'open' ? opened : shut).slice().sort((a, b) => {
         if (order === 'updated')
-            return (b.updated || b.created) - (a.updated || a.created);
+            return ms(b.updated || b.created) - ms(a.updated || a.created);
         if (order === 'oldest')
-            return a.created - b.created;
-        return b.created - a.created;
+            return ms(a.created) - ms(b.created);
+        return ms(b.created) - ms(a.created);
     });
+    const narrowed = q.trim() !== '' || kind !== 'all' || origin !== 'all' || label !== '' || assignee !== '';
     const pull = async () => {
         setBusy(true);
         setSaid(null);
@@ -274,37 +358,21 @@ function Issues() {
             setSaid({ text: e.message });
         }
     };
-    const open = (w) => {
-        const name = w.repo || w.project;
-        if (name) {
-            pinCodebase(host.org, {
-                org: host.org ?? '',
-                name,
-                description: '',
-                branch: 'main',
-                public: false,
-                clone: '',
-                updated: '',
-                branches: ['main'],
-            }, `${w.identifier ? `${w.identifier} ` : ''}${w.title}`.trim());
-        }
-        host.go('');
-    };
     const chip = (key, name, count) => {
         const on = key.toLowerCase() === board.toLowerCase();
         return (_jsxs(XStack, { render: "button", "aria-label": key ? `Show ${name}` : 'Show every project', "aria-pressed": on, onPress: () => setBoard(key), items: "center", gap: "$2", px: "$2.5", py: "$1.5", rounded: "$3", bg: on ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, shrink: 0, children: [_jsx(SizableText, { flex: 1, size: "$2", color: on ? '$ink' : '$soft', numberOfLines: 1, style: { textAlign: 'left' }, children: name }), count ? (_jsx(SizableText, { size: "$1", color: "$soft", children: count })) : null] }, key || '*'));
     };
-    return (_jsx(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", "$max-md": { px: '$4' }, children: _jsxs(YStack, { width: "100%", maxW: 1120, mx: "auto", gap: "$4", children: [_jsxs(XStack, { justify: "space-between", items: "flex-start", gap: "$4", flexWrap: "wrap", children: [_jsxs(YStack, { gap: "$1", flex: 1, minW: 240, children: [_jsx(SizableText, { render: "h1", size: "$6", fontWeight: "500", color: "$ink", children: board ? `Issues · ${title}` : 'Issues' }), _jsx(SizableText, { size: "$2", color: "$soft", children: board ? `Work on ${title}. Choosing an issue starts the next run on that codebase.` : 'Work across every project. Choosing an issue starts the next run on that codebase.' })] }), _jsxs(Button, { size: "sm", variant: "outline", disabled: !signed || busy, onPress: () => void pull(), children: [_jsx(Github, { size: 14 }), busy ? 'Syncing…' : board ? `Sync ${title} from GitHub` : 'Sync all from GitHub'] })] }), said ? (_jsxs(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [_jsx(Note, { children: said.text }), said.connect ? (_jsxs(Button, { size: "sm", variant: "primary", onPress: () => void link(), children: [_jsx(Github, { size: 14 }), "Connect GitHub"] })) : null] })) : null, _jsxs(XStack, { gap: "$5", items: "flex-start", "$max-md": { flexDirection: 'column', gap: '$3' }, children: [_jsxs(YStack, { render: "nav", "aria-label": "Projects", width: 220, shrink: 0, gap: "$0.5", "$max-md": { width: '100%', flexDirection: 'row', overflow: 'scroll', gap: '$1' }, children: [_jsx(SizableText, { size: "$1", color: "$soft", px: "$2.5", pb: "$1", "$max-md": { display: 'none' }, children: "Projects" }), chip('', 'All projects', list.value.filter((w) => !closed(w)).length), rows.map((p) => chip(p.key, p.name, p.open))] }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$3", width: "100%", children: [_jsx(Input, { value: q, onChangeText: setQ, placeholder: "Search issues", "aria-label": "Search issues", disabled: !signed }), list.error ? (_jsx(Note, { children: list.error.message })) : !signed ? (_jsx(Note, { children: "Sign in to see this organization's issues." })) : list.loading && list.value.length === 0 ? (_jsx(Note, { children: "Reading the forge\u2026" })) : (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { px: "$3", py: "$2", gap: "$3", items: "center", bg: "$panel", flexWrap: "wrap", children: [_jsxs(XStack, { gap: "$3", items: "center", flex: 1, minW: 0, children: [_jsxs(XStack, { render: "button", "aria-label": "Open issues", "aria-pressed": state === 'open', items: "center", gap: "$1.5", onPress: () => setState('open'), children: [_jsx(CircleDot, { size: 14, color: state === 'open' ? '$ink' : '$soft' }), _jsx(SizableText, { size: "$2", color: state === 'open' ? '$ink' : '$soft', fontWeight: state === 'open' ? '500' : '400', children: `${opened.length} Open` })] }), _jsxs(XStack, { render: "button", "aria-label": "Closed issues", "aria-pressed": state === 'closed', items: "center", gap: "$1.5", onPress: () => setState('closed'), children: [_jsx(Check, { size: 14, color: state === 'closed' ? '$ink' : '$soft' }), _jsx(SizableText, { size: "$2", color: state === 'closed' ? '$ink' : '$soft', fontWeight: state === 'closed' ? '500' : '400', children: `${shut.length} Closed` })] })] }), _jsxs(XStack, { gap: "$1", items: "center", flexWrap: "wrap", shrink: 1, minW: 0, children: [_jsx(Pick, { label: "Kind", value: kind, options: KINDS, onPick: setKind }), _jsx(Pick, { label: "Source", value: origin, options: ORIGINS, onPick: setOrigin }), _jsx(Pick, { label: "Sort", value: order, options: ORDERS, onPick: setOrder })] })] }), shown.length === 0 ? (_jsxs(YStack, { px: "$3", py: "$6", gap: "$3", items: "center", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(Note, { children: state === 'open'
-                                                        ? needle || kind !== 'all' || origin !== 'all'
-                                                            ? 'No open issues match.'
-                                                            : 'Nothing open.'
-                                                        : 'Nothing closed.' }), list.value.length === 0 ? (_jsxs(XStack, { gap: "$2", flexWrap: "wrap", justify: "center", children: [_jsxs(Button, { size: "sm", variant: "outline", disabled: busy, onPress: () => void pull(), children: [_jsx(Github, { size: 14 }), "Sync from GitHub"] }), _jsx(Button, { size: "sm", onPress: () => host.go(''), children: "Start a new run" })] })) : null] })) : (shown.map((w) => (_jsxs(XStack, { items: "center", gap: "$2", pr: "$3", borderTopWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsxs(XStack, { render: "button", "aria-label": `Build ${w.identifier || w.title}`, onPress: () => open(w), flex: 1, minW: 0, items: "flex-start", gap: "$3", pl: "$3", py: "$2.5", focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: [_jsx(YStack, { pt: 2, children: _jsx(Mark, { w: w }) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$1", items: "flex-start", children: [_jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", maxW: "100%", children: [_jsx(SizableText, { size: "$3", color: "$ink", fontWeight: "500", numberOfLines: 1, shrink: 1, children: w.title }), STATUS[w.status] && !closed(w) && w.status !== 'todo' ? _jsx(Tag, { children: STATUS[w.status] }) : null, !STATUS[w.status] ? _jsx(Tag, { children: w.status }) : null, w.priority !== 'none' && w.priority ? _jsx(Tag, { children: w.priority }) : null, w.labels.slice(0, 4).map((l) => (_jsx(Tag, { children: l }, l)))] }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: [
-                                                                        w.identifier || w.kind,
-                                                                        !board && projectOf(w) ? projectOf(w) : '',
-                                                                        w.created ? `opened ${ago(new Date(w.created).toISOString())}` : '',
-                                                                        w.assignee ? `assigned to ${w.assignee}` : '',
-                                                                        fromGitHub(w) ? 'GitHub' : '',
-                                                                    ]
-                                                                        .filter(Boolean)
-                                                                        .join(' · ') })] })] }), w.url ? (_jsx(Out, { href: w.url, label: `Open ${w.identifier || w.title} on ${fromGitHub(w) ? 'GitHub' : 'the forge'}`, children: _jsx(ExternalLink, { size: 14, opacity: 0.6 }) })) : null] }, w.id))))] }))] })] })] }) }));
+    return (_jsxs(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", "$max-md": { px: '$4' }, children: [_jsxs(YStack, { width: "100%", maxW: 1120, mx: "auto", gap: "$4", children: [_jsxs(XStack, { justify: "space-between", items: "flex-start", gap: "$4", flexWrap: "wrap", children: [_jsxs(YStack, { gap: "$1", flex: 1, minW: 240, children: [_jsx(SizableText, { render: "h1", size: "$6", fontWeight: "500", color: "$ink", children: board ? `Issues · ${title}` : 'Issues' }), _jsx(SizableText, { size: "$2", color: "$soft", children: board ? `Work on ${title}. Choosing an issue starts the next run on its own repository.` : 'Work across every project. Choosing an issue starts the next run on its own repository.' })] }), _jsxs(Button, { size: "sm", variant: "outline", disabled: !signed || busy, onPress: () => void pull(), children: [_jsx(Github, { size: 14 }), busy ? 'Syncing…' : board ? `Sync ${title} from GitHub` : 'Sync all from GitHub'] })] }), said ? (_jsxs(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [_jsx(Note, { children: said.text }), said.connect ? (_jsxs(Button, { size: "sm", variant: "primary", onPress: () => void link(), children: [_jsx(Github, { size: 14 }), "Connect GitHub"] })) : null] })) : null, _jsxs(XStack, { gap: "$5", items: "flex-start", "$max-md": { flexDirection: 'column', gap: '$3' }, children: [_jsxs(YStack, { render: "nav", "aria-label": "Projects", width: 220, shrink: 0, gap: "$0.5", "$max-md": { width: '100%', flexDirection: 'row', overflow: 'scroll', gap: '$1' }, children: [_jsx(SizableText, { size: "$1", color: "$soft", px: "$2.5", pb: "$1", "$max-md": { display: 'none' }, children: "Projects" }), chip('', 'All projects', work.filter((i) => !closed(i)).length), rows.map((p) => chip(p.key, p.name, p.open))] }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$3", width: "100%", children: [_jsx(Input, { value: q, onChangeText: setQ, placeholder: "Search issues", "aria-label": "Search issues", disabled: !signed }), list.error ? (_jsx(Note, { children: list.error.message })) : !signed ? (_jsx(Note, { children: "Sign in to see this organization's issues." })) : list.loading && list.value.length === 0 ? (_jsx(Note, { children: "Reading the forge\u2026" })) : (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { px: "$3", py: "$2", gap: "$3", items: "center", bg: "$panel", flexWrap: "wrap", children: [_jsxs(XStack, { gap: "$3", items: "center", flex: 1, minW: 0, children: [_jsxs(XStack, { render: "button", "aria-label": "Open issues", "aria-pressed": state === 'open', items: "center", gap: "$1.5", onPress: () => setState('open'), children: [_jsx(CircleDot, { size: 14, color: state === 'open' ? '$ink' : '$soft' }), _jsx(SizableText, { size: "$2", color: state === 'open' ? '$ink' : '$soft', fontWeight: state === 'open' ? '500' : '400', children: `${opened.length} Open` })] }), _jsxs(XStack, { render: "button", "aria-label": "Closed issues", "aria-pressed": state === 'closed', items: "center", gap: "$1.5", onPress: () => setState('closed'), children: [_jsx(Check, { size: 14, color: state === 'closed' ? '$ink' : '$soft' }), _jsx(SizableText, { size: "$2", color: state === 'closed' ? '$ink' : '$soft', fontWeight: state === 'closed' ? '500' : '400', children: `${shut.length} Closed` })] })] }), _jsxs(XStack, { gap: "$1", items: "center", flexWrap: "wrap", shrink: 1, minW: 0, children: [_jsx(Pick, { label: "Label", value: label, options: menu('Any label', labels), onPick: setLabel }), _jsx(Pick, { label: "Assignee", value: assignee, options: menu('Anyone', assignees), onPick: setAssignee }), _jsx(Pick, { label: "Kind", value: kind, options: KINDS, onPick: setKind }), _jsx(Pick, { label: "Source", value: origin, options: ORIGINS, onPick: setOrigin }), _jsx(Pick, { label: "Sort", value: order, options: ORDERS, onPick: setOrder })] })] }), shown.length === 0 ? (_jsxs(YStack, { px: "$3", py: "$6", gap: "$3", items: "center", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(Note, { children: state === 'open' ? (narrowed ? 'No open issues match.' : 'Nothing open.') : 'Nothing closed.' }), list.value.length === 0 ? (_jsxs(XStack, { gap: "$2", flexWrap: "wrap", justify: "center", children: [_jsxs(Button, { size: "sm", variant: "outline", disabled: busy, onPress: () => void pull(), children: [_jsx(Github, { size: 14 }), "Sync from GitHub"] }), _jsx(Button, { size: "sm", onPress: () => host.go(''), children: "Start a new run" })] })) : null] })) : (shown.map((i) => {
+                                                const named = ref(i);
+                                                return (_jsxs(XStack, { items: "center", gap: "$2", pr: "$3", borderTopWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsxs(XStack, { render: "button", "aria-label": `Build ${named || i.title}`, onPress: () => open(i), disabled: finding === i.key && i.key !== '', flex: 1, minW: 0, items: "flex-start", gap: "$3", pl: "$3", py: "$2.5", focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: [_jsx(YStack, { pt: 2, children: _jsx(Mark, { i: i }) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$1", items: "flex-start", children: [_jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", maxW: "100%", children: [_jsx(SizableText, { size: "$3", color: "$ink", fontWeight: "500", numberOfLines: 1, shrink: 1, children: i.title }), STATUS[i.status] && !closed(i) && i.status !== 'todo' ? _jsx(Tag, { children: STATUS[i.status] }) : null, !STATUS[i.status] ? _jsx(Tag, { children: i.status }) : null, i.priority !== 'none' && i.priority ? _jsx(Tag, { children: i.priority }) : null, i.labels.slice(0, 4).map((l) => (_jsx(Tag, { children: l }, l)))] }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: [
+                                                                                named || (i.pull ? 'pr' : i.kind),
+                                                                                !board && projectOf(i) && !named.startsWith(projectOf(i)) ? projectOf(i) : '',
+                                                                                i.created ? `opened ${ago(i.created)}` : '',
+                                                                                i.assignees.length ? `assigned to ${i.assignees.join(', ')}` : '',
+                                                                                fromGitHub(i) ? 'GitHub' : '',
+                                                                                finding === i.key && i.key !== '' ? 'opening…' : '',
+                                                                            ]
+                                                                                .filter(Boolean)
+                                                                                .join(' · ') })] })] }), i.url ? (_jsx(Out, { href: i.url, label: `Open ${named || i.title} on ${fromGitHub(i) ? 'GitHub' : 'the forge'}`, children: _jsx(ExternalLink, { size: 14, opacity: 0.6 }) })) : null] }, i.key || `${i.board}:${i.title}`));
+                                            }))] }))] })] })] }), dialog] }));
 }

package/lib/index.d.ts

@@ -9,14 +9,40 @@
  * and at the foot the Slack card and the account menu (`Slack`, `Who`), under
  * `HostProvider`. `Grip` sizes that rail: the edge the builder sizes its own
  * chat with.
+ *
+ * The plan, once for every surface that shows one: `label` names it (`Max` with
+ * `20x` beside it), `useStanding` reads where an account stands, `Meter` is the
+ * block an account menu leads with, `Plan` the Usage view and `Credits` the
+ * Billing one. Each reads as a `Target`, so a host without a builder mounts it.
+ * The pure half — naming, shares, the banner's words — is also `@hanzo/build/plan`,
+ * which loads in Node without the components.
  */
-export { Builder, nav } from './builder.tsx';
+export { Builder } from './builder.tsx';
+export { nav, NEW, type Group } from './nav.tsx';
 export { DevSection, DOTS, useSessions } from './section.tsx';
 export { HostProvider } from './host.tsx';
 export { Slack, useWho, Who } from './foot.tsx';
 export { Grip, type GripProps } from './grip.tsx';
 export { administers } from './claims.ts';
+export { Meter, Title } from './meter.tsx';
+export { Plan } from './settings/plan.tsx';
+export { Credits, SEPARATE } from './settings/credits.tsx';
+export { useStanding, rows, left, type Standing, type Row } from './standing.ts';
+export { kind, label, said, share, spent, ways, when, type Label, type Share, type State } from './plan.ts';
+export type { Limits } from './api/limits.ts';
+export type { Target } from './api/call.ts';
 export type { Host, Person } from './host.tsx';
 export type { Session, Status } from './api/sessions.ts';
 export type { Read } from './data.ts';
-export { path, route, SESSION, SLUG, type Route, type Screen } from './route.ts';
+export { href, parse, path, PLACES, route, SESSION, SLUG, type Route, type Screen } from './route.ts';
+/**
+ * What Chat draws the same way (@hanzo/rooms imports these): the model and
+ * effort (`useMind`, one choice kept for both, changed by `Tune`), the composer
+ * (`prompt`), the row under an answer (`Reply`), and the side panel (`Panel`
+ * over a `Deck` of tabs).
+ */
+export { catalog, EFFORTS, FIRST, keep, kept, nameOf, reasons, useCatalog, useChoice, useMind, type Choice, type Effort, type Mind } from './mind.ts';
+export { cut, GAP, MEASURE, measure, Prompt, prompt, ROUND, Tune, useEar, type PromptOptions } from './prompt.tsx';
+export { artifacts, blob, lead, renders, Reply, Served, speakable, speaker, type Artifact, type Listen } from './reply.tsx';
+export { Page, Panel, PanelToggle, type Kind, type PanelProps } from './panel.tsx';
+export { address, name, PAGE, useDeck, useKey, usePanel, useShown, type Deck, type Tab, type Tabs } from './tabs.ts';

package/lib/index.js

@@ -9,11 +9,35 @@
  * and at the foot the Slack card and the account menu (`Slack`, `Who`), under
  * `HostProvider`. `Grip` sizes that rail: the edge the builder sizes its own
  * chat with.
+ *
+ * The plan, once for every surface that shows one: `label` names it (`Max` with
+ * `20x` beside it), `useStanding` reads where an account stands, `Meter` is the
+ * block an account menu leads with, `Plan` the Usage view and `Credits` the
+ * Billing one. Each reads as a `Target`, so a host without a builder mounts it.
+ * The pure half — naming, shares, the banner's words — is also `@hanzo/build/plan`,
+ * which loads in Node without the components.
  */
-export { Builder, nav } from './builder.js';
+export { Builder } from './builder.js';
+export { nav, NEW } from './nav.js';
 export { DevSection, DOTS, useSessions } from './section.js';
 export { HostProvider } from './host.js';
 export { Slack, useWho, Who } from './foot.js';
 export { Grip } from './grip.js';
 export { administers } from './claims.js';
-export { path, route, SESSION, SLUG } from './route.js';
+export { Meter, Title } from './meter.js';
+export { Plan } from './settings/plan.js';
+export { Credits, SEPARATE } from './settings/credits.js';
+export { useStanding, rows, left } from './standing.js';
+export { kind, label, said, share, spent, ways, when } from './plan.js';
+export { href, parse, path, PLACES, route, SESSION, SLUG } from './route.js';
+/**
+ * What Chat draws the same way (@hanzo/rooms imports these): the model and
+ * effort (`useMind`, one choice kept for both, changed by `Tune`), the composer
+ * (`prompt`), the row under an answer (`Reply`), and the side panel (`Panel`
+ * over a `Deck` of tabs).
+ */
+export { catalog, EFFORTS, FIRST, keep, kept, nameOf, reasons, useCatalog, useChoice, useMind } from './mind.js';
+export { cut, GAP, MEASURE, measure, Prompt, prompt, ROUND, Tune, useEar } from './prompt.js';
+export { artifacts, blob, lead, renders, Reply, Served, speakable, speaker } from './reply.js';
+export { Page, Panel, PanelToggle } from './panel.js';
+export { address, name, PAGE, useDeck, useKey, usePanel, useShown } from './tabs.js';

package/lib/landing.d.ts

@@ -9,16 +9,6 @@ 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';
-}];
 /**
  * What was typed here and not sent, kept in this tab.
  *