@hanzo/build 0.2.51 → 0.2.53

package/lib/forge.js

@@ -1,33 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Codebases, projects and issues, read from the forge and opened in this window.
+ * Projects and issues, read from the forge and opened in this window.
  *
- * A codebase is a repository. Choosing one is choosing what the next run works
- * on. A project is a board of issues on one of those repositories. Choosing an
- * issue opens New with that codebase and the issue as the ask.
+ * 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 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 { ChevronDown, GitBranch, Plus, Settings } from '@hanzogui/lucide-icons-2';
-import { Button, Dialog, DialogContent, DialogTitle, Input } from '@hanzo/ui';
-import { useEffect, useState } from 'react';
+import { ArrowRight, Check, ChevronDown, CircleCheck, CircleDot, CircleSlash, ExternalLink, FolderGit2, GitBranch, Github, GitPullRequest, LayoutTemplate, RefreshCw, } from '@hanzogui/lucide-icons-2';
+import { Button, Dialog, DialogContent, DialogTitle, DropdownMenu, Input } from '@hanzo/ui';
+import { useEffect, useMemo, useState } from 'react';
 import { ago } from './ago.js';
-import { codebases, create } from './api/codebases.js';
+import { codebases } from './api/codebases.js';
 import { Automations } from './automations.js';
-import { environments } from './api/environment.js';
-import { boards, issues } from './api/work.js';
-import { boardKey, pinBoard, 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';
 import { Customize } from './customize/index.js';
 import { Sync } from './sync.js';
-import { grants } from './api/github.js';
-function Head({ title, says }) {
-    return (_jsxs(YStack, { gap: "$1", pb: "$4", children: [_jsx(SizableText, { render: "h1", size: "$6", color: "$ink", children: title }), _jsx(SizableText, { size: "$2", color: "$soft", children: says })] }));
-}
-function Row({ label, onPress, children }) {
-    return (_jsx(XStack, { render: "button", onPress: onPress, "aria-label": label, items: "center", gap: "$3", px: "$3", py: "$2.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", hoverStyle: { borderColor: '$edge', bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: children }));
-}
+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 }));
 }
@@ -46,34 +46,34 @@ export function Forge({ screen }) {
     // The fleet's native servers are Connectors → Discover now; the old address lands there.
     if (screen === 'mcp')
         return _jsx(Customize, { tab: "connectors", view: "discover" });
-    if (screen === 'codebases')
-        return _jsx(Codebases, {});
     if (screen === 'projects')
         return _jsx(Projects, {});
     return _jsx(Issues, {});
 }
 const PAGE = 25;
-function Codebases() {
+/**
+ * The organization's projects: its repositories on the forge, which arrive one
+ * of two ways — linked from GitHub, or started from a template. A project is a
+ * repository; opening one opens its workspace at `<org>/<repo>`, and every run
+ * there works on that repository. There is no project without one.
+ */
+function Projects() {
     const host = useHost();
     const t = useTarget();
     const signed = Boolean(host.person);
     const [q, setQ] = useState('');
-    const [making, setMaking] = useState(false);
-    const [sort, setSort] = useState('name');
-    const [filter, setFilter] = useState('all');
+    const [sort, setSort] = useState('updated');
     const [page, setPage] = useState(0);
     const [landed, setLanded] = useState(0);
     useEffect(() => {
         setPage(0);
-    }, [q, sort, filter]);
-    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]));
+    }, [q, sort]);
+    const list = useRead(signed ? () => codebases(t) : null, [], [t, signed, landed]);
     const needle = q.trim().toLowerCase();
     const pending = readPending(host.org);
     const pendingKey = pending.map((p) => p.fullName).join('\n');
     const syncing = new Set(pending.map((p) => p.name));
+    // A repository asked for from GitHub is listed as syncing until the forge holds it.
     useEffect(() => {
         const waiting = readPending(host.org);
         if (!signed || waiting.length === 0)
@@ -110,19 +110,12 @@ function Codebases() {
             branches: ['main'],
         })),
     ]
-        .filter((c) => {
-        if (filter === 'ready')
-            return envOf.get(c.name) === 'ready';
-        if (filter === 'syncing')
-            return syncing.has(c.name);
-        return true;
-    })
         .filter((c) => !needle || `${c.org}/${c.name} ${c.description}`.toLowerCase().includes(needle))
         .slice()
         .sort((a, b) => {
         if (sort === 'updated') {
-            const d = Date.parse(b.updated) - Date.parse(a.updated);
-            if (Number.isFinite(d) && d !== 0)
+            const d = (Date.parse(b.updated) || 0) - (Date.parse(a.updated) || 0);
+            if (d !== 0)
                 return d;
         }
         return a.name.localeCompare(b.name);
@@ -132,84 +125,254 @@ function Codebases() {
     const slice = shown.slice(safePage * PAGE, safePage * PAGE + PAGE);
     const from = shown.length === 0 ? 0 : safePage * PAGE + 1;
     const to = safePage * PAGE + slice.length;
-    const open = (c) => {
-        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: () => 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, { render: "button", "aria-label": "Filter repositories", onPress: () => setFilter((f) => (f === 'all' ? 'ready' : f === 'ready' ? 'syncing' : 'all')), px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", shrink: 0, hoverStyle: { bg: '$hover' }, "$max-md": { display: 'none' }, children: _jsx(SizableText, { size: "$2", color: "$ink", children: filter === 'ready' ? 'Ready env' : filter === 'syncing' ? 'Syncing' : '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 ? (_jsxs(YStack, { gap: "$3", py: "$2", children: [_jsx(Note, { children: list.value.length === 0 ? 'No repositories yet.' : 'Nothing matches.' }), list.value.length === 0 ? (_jsxs(XStack, { gap: "$2", pt: "$1", children: [_jsxs(Button, { size: "sm", disabled: !signed, onPress: () => setMaking(true), children: [_jsx(Plus, { size: 14 }), "Create repository"] }), _jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'screen', screen: 'sync' })), children: "Sync from GitHub" }), _jsx(Button, { size: "sm", variant: "ghost", onPress: () => host.go('-/templates'), children: "Start from template" })] })) : null] })) : (_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…' : ago(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);
-                    host.go('');
-                } })] }));
+    const none = !list.loading && !list.error && list.value.length === 0 && pending.length === 0;
+    const open = (c) => host.go(path({ kind: 'repo', org: c.org || host.org || '', name: c.name }));
+    const link = () => host.go(path({ kind: 'screen', screen: 'sync' }));
+    const template = () => host.go(path({ kind: 'screen', screen: 'templates' }));
+    return (_jsx(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", "$max-md": { px: '$4' }, children: _jsxs(YStack, { width: "100%", maxW: 1040, 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: "Projects" }), _jsx(SizableText, { size: "$2", color: "$soft", children: `${host.org ? `${host.org}’s` : 'This organization’s'} repositories on the forge. Open one to work on it.` })] }), _jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", children: [_jsxs(Button, { size: "sm", variant: "outline", onPress: template, children: [_jsx(LayoutTemplate, { size: 14 }), "Create from template"] }), _jsxs(Button, { size: "sm", variant: "primary", onPress: link, children: [_jsx(Github, { size: 14 }), "Link a GitHub repo"] })] })] }), signed ? _jsx(GitHubLink, { onSync: link }) : null, list.error ? (_jsx(Note, { children: list.error.message })) : !signed ? (_jsx(Note, { children: "Sign in to see this organization's projects." })) : list.loading && list.value.length === 0 && pending.length === 0 ? (_jsx(Note, { children: "Reading the forge\u2026" })) : none ? (_jsxs(YStack, { gap: "$3", py: "$2", children: [_jsx(Note, { children: "No projects yet. A project is a repository: link one from GitHub, or start one from a template." }), _jsxs(XStack, { gap: "$3", flexWrap: "wrap", children: [_jsx(Choice, { label: "Link a GitHub repo", icon: _jsx(Github, { size: 20 }), says: "Mirror repositories you already have. They stay in step with GitHub, and their issues can come too.", onPress: link }), _jsx(Choice, { label: "Create from template", icon: _jsx(LayoutTemplate, { size: 20 }), says: "Start from a finished product \u2014 a site, an app, a store \u2014 and make it yours.", onPress: template })] })] })) : (_jsxs(_Fragment, { children: [_jsxs(XStack, { gap: "$2", items: "center", children: [_jsx(YStack, { flex: 1, "$max-md": { display: 'none' } }), _jsx(YStack, { width: 320, minW: 0, shrink: 1, "$max-md": { width: 'auto', flex: 1 }, children: _jsx(Input, { value: q, onChangeText: setQ, placeholder: "Find a project\u2026", "aria-label": "Find a project" }) })] }), shown.length === 0 ? (_jsx(Note, { children: "Nothing matches." })) : (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { px: "$3", py: "$2", gap: "$3", items: "center", bg: "$panel", 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: 120, "$max-md": { display: 'none' }, children: "Branch" }), _jsxs(XStack, { render: "button", "aria-label": "Sort by last updated", items: "center", justify: "flex-end", gap: "$1", width: 120, onPress: () => setSort('updated'), children: [_jsx(SizableText, { size: "$1", color: "$soft", children: "Updated" }), sort === 'updated' ? _jsx(ChevronDown, { size: 12 }) : null] })] }), slice.map((c) => (_jsxs(XStack, { render: "button", "aria-label": `Open ${c.org ? `${c.org}/` : ''}${c.name}`, onPress: () => open(c), style: { textAlign: 'left' }, 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(FolderGit2, { size: 15, color: "$soft" }), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsxs(XStack, { minW: 0, items: "baseline", children: [c.org ? (_jsx(SizableText, { size: "$2", color: "$soft", numberOfLines: 1, shrink: 0, children: `${c.org}/` })) : null, _jsx(SizableText, { size: "$2", color: "$ink", fontWeight: "500", numberOfLines: 1, shrink: 1, children: c.name })] }), c.description ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: c.description })) : null] }), _jsxs(XStack, { width: 120, items: "center", gap: "$1.5", minW: 0, "$max-md": { display: 'none' }, children: [_jsx(GitBranch, { size: 12, color: "$soft" }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: c.branch })] }), _jsx(SizableText, { size: "$1", color: "$soft", width: 120, style: { textAlign: 'right' }, children: syncing.has(c.name) ? 'Syncing…' : ago(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" }) })] })] })] }))] }))] }) }));
 }
-function NewRepo({ open, onOpenChange, onCreate, }) {
-    const [name, setName] = useState('');
-    const [description, setDescription] = useState('');
+/** One of the two ways in, as a card you press. */
+function Choice({ label, icon, says, onPress }) {
+    return (_jsxs(YStack, { render: "button", "aria-label": label, onPress: onPress, flex: 1, minW: 240, gap: "$2", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", items: "flex-start", hoverStyle: { borderColor: '$edge', bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: [icon, _jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(SizableText, { size: "$4", color: "$ink", fontWeight: "500", children: label }), _jsx(ArrowRight, { size: 14 })] }), _jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'left' }, children: says })] }));
+}
+/**
+ * The person's GitHub connection, in one line: who it is connected as and the
+ * way to sync, or the one press that connects it. GitHub returns here, and this
+ * page finishes the connect (../back.ts).
+ */
+function GitHubLink({ onSync }) {
+    const host = useHost();
+    const t = useTarget();
+    const me = useRead(() => connection(t), null, [t]);
+    const [note, setNote] = useState('');
     const [busy, setBusy] = useState(false);
-    const [error, setError] = useState('');
-    useEffect(() => {
-        if (!open) {
-            setName('');
-            setDescription('');
-            setError('');
-        }
-    }, [open]);
-    const submit = async () => {
+    useBack(t, true, setNote, me.reload);
+    const c = me.value;
+    // A connection that cannot be read says nothing here: Sync from GitHub above still works.
+    if (me.error || !c || !c.configured)
+        return note ? _jsx(Note, { children: note }) : null;
+    const link = async () => {
         setBusy(true);
-        setError('');
+        setNote('');
         try {
-            await onCreate(name, description);
-            setName('');
-            setDescription('');
+            host.open(await connect(t, here()));
         }
         catch (e) {
-            setError(e.message);
-        }
-        finally {
+            setNote(e.message);
             setBusy(false);
         }
     };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "New repository" }), _jsxs(YStack, { gap: "$3", pt: "$3", children: [_jsx(Input, { value: name, onChangeText: setName, placeholder: "Name", "aria-label": "Repository name" }), _jsx(Input, { value: description, onChangeText: setDescription, placeholder: "Description", "aria-label": "Description" }), error ? _jsx(Note, { children: error }) : null, _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "outline", disabled: busy, onPress: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: busy || !name.trim(), onPress: () => void submit(), children: busy ? 'Creating…' : 'Create' })] })] })] }) }));
+    return (_jsxs(XStack, { items: "center", gap: "$3", px: "$3", py: "$2.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", flexWrap: "wrap", children: [_jsx(Github, { size: 16 }), _jsxs(YStack, { flex: 1, minW: 200, children: [_jsx(SizableText, { size: "$2", color: "$ink", children: c.connected ? `GitHub connected as @${c.login}` : 'Connect GitHub to bring your repositories here' }), _jsx(SizableText, { size: "$1", color: "$soft", children: note || (c.connected ? 'Choose repositories to mirror; each stays in step with GitHub.' : 'One step on GitHub, then pick the repositories to sync.') })] }), c.connected ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: onSync, children: [_jsx(RefreshCw, { size: 14 }), "Sync repositories"] })) : (_jsxs(Button, { size: "sm", variant: "primary", disabled: busy, onPress: () => void link(), children: [_jsx(Github, { size: 14 }), busy ? 'Opening GitHub…' : 'Connect GitHub'] }))] }));
 }
-function Projects() {
+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: 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 || '*',
+            label: options[k],
+            icon: k === value ? _jsx(Check, { size: 14 }) : _jsx(YStack, { width: 14 }),
+            onSelect: () => onPick(k),
+        })) }));
+}
+/** 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 (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 signed = Boolean(host.person);
-    const list = useRead(signed ? () => boards(t) : null, [], [t, signed]);
-    const open = (b) => {
-        pinBoard(host.org, b.key);
-        host.go(path({ kind: 'screen', screen: 'issues' }));
+    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);
     };
-    return (_jsx(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", items: "center", children: _jsxs(YStack, { width: "100%", maxW: 720, gap: "$3", children: [_jsx(Head, { title: "Projects", says: "Boards on the forge. A board is a repository that has work on it." }), list.error ? (_jsx(Note, { children: list.error.message })) : !signed ? (_jsx(Note, { children: "Sign in to see this organization's boards." })) : list.loading && list.value.length === 0 ? (_jsx(Note, { children: "Reading the forge\u2026" })) : list.value.length === 0 ? (_jsxs(YStack, { gap: "$3", py: "$2", children: [_jsx(Note, { children: "No boards yet. A repository shows up here once it has an issue." }), _jsxs(XStack, { gap: "$2", pt: "$1", children: [_jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'screen', screen: 'codebases' })), children: "View repositories" }), _jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'screen', screen: 'sync' })), children: "Sync from GitHub" })] })] })) : (_jsx(YStack, { gap: "$2", children: list.value.map((b) => (_jsx(Row, { label: `Open ${b.name}`, onPress: () => open(b), children: _jsxs(YStack, { flex: 1, minW: 0, gap: "$1", children: [_jsx(SizableText, { size: "$3", color: "$ink", numberOfLines: 1, children: b.name }), b.description ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: b.description })) : (_jsx(SizableText, { size: "$1", color: "$soft", children: b.key }))] }) }, b.key))) }))] }) }));
+    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, 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();
     const t = useTarget();
     const signed = Boolean(host.person);
     const [board, setBoard] = useKept(boardKey(host.org), '');
-    const list = useRead(signed ? () => issues(t, board) : null, [], [t, signed, board]);
+    const [state, setState] = useState('open');
+    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 ? () => 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);
         window.addEventListener('hanzo-board', on);
         return () => window.removeEventListener('hanzo-board', on);
     }, [setBoard]);
-    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());
+    useEffect(() => setSaid(null), [board]);
+    // 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)
+        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 });
+    }
+    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 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 ms(b.updated || b.created) - ms(a.updated || a.created);
+        if (order === 'oldest')
+            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);
+        try {
+            const s = await syncIssues(t, board);
+            const where = board ? title : `${s.repos} ${s.repos === 1 ? 'repository' : 'repositories'}`;
+            const parts = [`${s.issues} ${s.issues === 1 ? 'issue' : 'issues'} synced from ${where}`, `${s.created} new`, `${s.updated} updated`];
+            if (s.failed)
+                parts.push(`${s.failed} failed`);
+            setSaid({ text: `${parts.join(' · ')}.${s.truncated ? ' More remain — sync again to continue.' : ''}` });
+            setPulled((n) => n + 1);
         }
-        host.go('');
+        catch (e) {
+            const text = e.message;
+            setSaid({ text, connect: /not connected/i.test(text) });
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const link = async () => {
+        try {
+            host.open(await connect(t, here()));
+        }
+        catch (e) {
+            setSaid({ text: e.message });
+        }
+    };
+    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", items: "center", children: _jsxs(YStack, { width: "100%", maxW: 720, gap: "$3", children: [_jsx(Head, { title: "Issues", says: board ? `Open work on ${board}. Choosing one starts the next run on that codebase.` : 'Open work across every board. Choosing one starts the next run on that codebase.' }), board ? (_jsx(XStack, { render: "button", onPress: () => setBoard(''), "aria-label": "Show every board", self: "flex-start", children: _jsx(SizableText, { size: "$1", color: "$soft", children: "All boards" }) })) : null, 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" })) : list.value.length === 0 ? (_jsxs(YStack, { gap: "$3", py: "$2", children: [_jsx(Note, { children: "Nothing open." }), _jsxs(XStack, { gap: "$2", pt: "$1", children: [_jsx(Button, { size: "sm", variant: "outline", onPress: () => host.go(path({ kind: 'screen', screen: 'codebases' })), children: "View repositories" }), _jsx(Button, { size: "sm", onPress: () => host.go(''), children: "Start a new run" })] })] })) : (_jsx(YStack, { gap: "$2", children: list.value.map((w) => (_jsxs(Row, { label: `Build ${w.identifier || w.title}`, onPress: () => open(w), children: [_jsx(SizableText, { size: "$1", color: "$soft", width: 88, numberOfLines: 1, children: w.identifier || w.kind }), _jsx(SizableText, { size: "$3", color: "$ink", flex: 1, minW: 0, numberOfLines: 1, children: w.title }), _jsx(SizableText, { size: "$1", color: "$soft", children: STATUS[w.status] ?? w.status })] }, 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/host.d.ts

@@ -39,7 +39,7 @@ export interface Host {
     person: Person | null;
     /** Whether the person administers `org` (its owner or an admin): they publish to main and change its money; anyone else opens a review and reads. */
     admin: boolean;
-    /** The address under the mount: '' | a session id | a slug | '-/codebases' | '-/projects' | '-/issues' | '-/artifacts' | '-/templates'. */
+    /** The address under the mount, in route.ts's grammar: '' | a session id | `<org>/<repo>` | a slug | '-/projects' | '-/issues' | … */
     path: string;
     /** Move under the mount. */
     go: (path: string, how?: {

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