@hanzo/rooms 0.1.91 → 0.1.92

package/dist/App.js

@@ -119,7 +119,7 @@ function Window({ bar }) {
     const shut = useCallback(() => setDrawer(false), []);
     // The sidebar shut, kept per browser under the key the builder's rail kept it under.
     const [closed, setClosed] = useKept('hanzo.build.rail', false);
-    // The palette is open (⌘K, the sidebar's search).
+    // The palette is open (the sidebar's search; ⌘K toggles it).
     const [finding, setFinding] = useState(false);
     const found = useCallback(() => setFinding(false), []);
     const dev = useDevHost();
@@ -217,7 +217,7 @@ function Window({ bar }) {
         const key = (e) => {
             if (summons(e)) {
                 e.preventDefault();
-                setFinding(true);
+                setFinding((open) => !open);
                 return;
             }
             if (typing(e))

package/dist/Betas.d.ts

@@ -0,0 +1,21 @@
+/** The apps in beta as this reader stands: which open, which they asked for, and the ask. */
+export declare function useBetas(): {
+    /** The one predicate: whether this reader may open the app `id`. */
+    open: (id: string) => boolean;
+    /** Whether they asked for it. */
+    asked: (id: string) => boolean;
+    /** Ask for these apps. */
+    request: (ids: string[]) => Promise<void>;
+    /** The cloud has answered for this reader. */
+    ready: boolean;
+};
+/** Every app in beta, by group, each with its action. */
+export declare function BetasList({ go }: {
+    go?: (href: string) => void;
+}): import("react").JSX.Element;
+/** The Betas list in a dialog, from the rail's More. */
+export declare function BetasDialog({ open, onOpenChange, go }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    go?: (href: string) => void;
+}): import("react").JSX.Element;

package/dist/Betas.js

@@ -0,0 +1,127 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The apps in beta: which this reader may open, and the list they ask from.
+//
+// WHO MAY OPEN ONE is the cloud's answer, never this page's. Each app in beta is a
+// principal switch, `beta.<id>`, decided per caller from the validated org and
+// person (cloud apps/flags), and GET /v1/flag/platform answers every one for the
+// signed-in caller. A SuperAdmin grants one to a person from their CRM record.
+// `opens` (lib/betas) reads that answer, the one predicate every caller asks.
+//
+// WHAT THEY ASKED FOR is their CRM record's, apps/marketing's beta record:
+// GET /v1/marketing/beta reads it and POST /v1/marketing/beta/request adds to it,
+// stamped with the time and stated on the event plane under the person and the
+// org, so the request reaches the team where it works the person.
+//
+// Signed out, still loading, or on any error nothing is open: a flags outage
+// cannot leak an unfinished app.
+import { useCallback, useEffect, useState, useSyncExternalStore } from 'react';
+import { useIam } from '@hanzo/iam/react';
+import { Button, Dialog, DialogContent, DialogTitle, Text, XStack, YStack } from '@hanzo/ui';
+import { api } from './lib/api.js';
+import { BETAS, GROUPS, opens } from './lib/betas.js';
+import { bearer, scope, superAdmin } from './lib/session.js';
+const NONE = { flags: {}, asked: [] };
+/** One read per token, shared by every caller on the page. */
+let held = null;
+let reading = null;
+const listeners = new Set();
+const tell = () => listeners.forEach((f) => f());
+/** A switch read this long ago is read again on the next mount. */
+const FRESH = 30_000;
+async function get(path) {
+    const r = await fetch(`${api()}${path}`, { headers: scope() });
+    return r.ok ? (await r.json()) : null;
+}
+function read(token) {
+    if (reading)
+        return reading;
+    reading = Promise.all([
+        get('/v1/flag/platform').catch(() => null),
+        get('/v1/marketing/beta').catch(() => null),
+    ])
+        .then(([f, b]) => {
+        held = { token, said: { flags: f?.flags ?? {}, asked: b?.betas ?? [] }, at: Date.now() };
+    })
+        .finally(() => {
+        reading = null;
+        tell();
+    });
+    return reading;
+}
+const subscribe = (f) => {
+    listeners.add(f);
+    return () => listeners.delete(f);
+};
+/** The apps in beta as this reader stands: which open, which they asked for, and the ask. */
+export function useBetas() {
+    const { accessToken } = useIam();
+    const [sudo, setSudo] = useState(false);
+    const [local, setLocal] = useState(false);
+    // Facts only the browser holds arrive after mount, so the first render
+    // matches the HTML it hydrates.
+    useEffect(() => setLocal(here()), []);
+    useEffect(() => setSudo(superAdmin()), [accessToken]);
+    const token = accessToken ? bearer() ?? '' : '';
+    const now = useSyncExternalStore(subscribe, () => held, () => null);
+    useEffect(() => {
+        if (token && (!held || held.token !== token || Date.now() - held.at > FRESH))
+            void read(token);
+    }, [token]);
+    const said = token && now?.token === token ? now.said : NONE;
+    const open = useCallback((id) => opens(id, said.flags, sudo || local), [said, sudo, local]);
+    const asked = useCallback((id) => said.asked.includes(id), [said]);
+    const request = useCallback(async (ids) => {
+        const r = await fetch(`${api()}/v1/marketing/beta/request`, {
+            method: 'POST',
+            headers: { 'content-type': 'application/json', ...scope() },
+            body: JSON.stringify({ betas: ids }),
+        });
+        if (!r.ok)
+            throw new Error(r.status === 401 ? 'Sign in to ask for access.' : `The request was not taken (${r.status}).`);
+        const record = (await r.json());
+        if (held && held.token === token) {
+            held = { ...held, said: { ...held.said, asked: record.betas ?? [...held.said.asked, ...ids] } };
+            tell();
+        }
+    }, [token]);
+    return { open, asked, request, ready: Boolean(token) && now?.token === token };
+}
+/**
+ * Whether this page is served from a developer's own machine, where every app
+ * opens: a room nobody can open is a room nobody can work on. The ORIGIN, which
+ * no deployment can acquire by configuration.
+ */
+function here() {
+    if (typeof window === 'undefined')
+        return false;
+    const host = window.location.hostname;
+    return host === 'localhost' || host === '127.0.0.1' || host === '[::1]' || host.endsWith('.local') || /^10\./.test(host) || /^192\.168\./.test(host);
+}
+/** One app's action: Open where it may, Requested once asked, else Request access. */
+function Ask({ beta, go }) {
+    const { open, asked, request } = useBetas();
+    const [busy, setBusy] = useState(false);
+    const [wrong, setWrong] = useState(null);
+    if (open(beta.id)) {
+        return beta.href && go ? (_jsx(Button, { size: "sm", rounded: 999, onPress: () => go(beta.href), "data-slot": "beta-open", children: "Open" })) : (_jsx(Text, { fontSize: "$2", color: "$color11", "data-slot": "beta-on", children: "You\u2019re in" }));
+    }
+    if (asked(beta.id)) {
+        return (_jsx(Text, { fontSize: "$2", color: "$color11", "data-slot": "beta-requested", children: "Requested" }));
+    }
+    return (_jsxs(YStack, { items: "flex-end", gap: "$1", children: [_jsx(Button, { size: "sm", rounded: 999, variant: "outline", disabled: busy, "data-slot": "beta-request", onPress: () => {
+                    setBusy(true);
+                    setWrong(null);
+                    request([beta.id])
+                        .catch((e) => setWrong(e instanceof Error ? e.message : String(e)))
+                        .finally(() => setBusy(false));
+                }, children: busy ? 'Requesting…' : 'Request access' }), wrong ? (_jsx(Text, { fontSize: "$1", color: "$red10", children: wrong })) : null] }));
+}
+/** Every app in beta, by group, each with its action. */
+export function BetasList({ go }) {
+    return (_jsx(YStack, { gap: "$4", "data-slot": "betas", children: GROUPS.map((group) => (_jsxs(YStack, { gap: "$2", children: [_jsx(Text, { fontSize: "$1", color: "$color10", textTransform: "uppercase", letterSpacing: 0.6, children: group }), BETAS.filter((b) => b.group === group).map((b) => (_jsxs(XStack, { items: "center", gap: "$3", "data-beta": b.id, children: [_jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: "$3", fontWeight: "500", children: b.name }), _jsx(Text, { fontSize: "$2", color: "$color11", children: b.line })] }), _jsx(Ask, { beta: b, go: go })] }, b.id)))] }, group))) }));
+}
+/** The Betas list in a dialog, from the rail's More. */
+export function BetasDialog({ open, onOpenChange, go }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { maxW: 520, rounded: "$6", gap: "$3", children: [_jsx(DialogTitle, { children: "Betas" }), _jsx(Text, { fontSize: "$2", color: "$color11", children: "Apps we have not opened to everyone yet. Ask for the ones you want and we will let you in." }), _jsx(YStack, { maxH: "60vh", overflowY: "auto", overflowX: "hidden", pr: "$2", children: _jsx(BetasList, { go: go }) })] }) }));
+}

package/dist/Chat.js

@@ -42,7 +42,7 @@ import { AgentMaker, HOUSE, useAgentShelf, useCrew } from "./crew.js";
 import { called } from "./team.js";
 import { Anchor, Box, Button, Text, View, XStack, YStack } from "@hanzo/ui";
 import { useMedia } from "@hanzo/gui";
-import { tidy } from "./lib/title.js";
+import { given, tidy } from "./lib/title.js";
 import { useIam, useIamToken } from "@hanzo/iam/react";
 import { bearer, hasSession, named, org } from "./lib/session.js";
 import { api } from "./lib/api.js";
@@ -64,7 +64,7 @@ import { Share } from "./Share.js";
 import { ConversationMenu, ThreadMore, useThreadList } from "./thread.js";
 import { Schedule } from "./Schedule.js";
 import { keepFile, useAttach, useKeep } from "./keep.js";
-import { artifacts, lead, nameOf, PAGE, Panel, PanelToggle, prompt, renders, Reply, Served, Summary, useDeck, useKey, Suggestions, useCarry, useLanguage, useMention, useMind, useSuggestions, CHAT_MODES, usePanel, frames, name as tabName, } from "@hanzo/build";
+import { artifacts, lead, nameOf, PAGE, Panel, PanelToggle, prompt, renders, Reply, Served, Summary, useDeck, useKey, Suggestions, useCarry, useLanguage, useMention, useMind, useSuggestions, book, hand, taken, want, path as devPath, CHAT_MODES, usePanel, frames, name as tabName, } from "@hanzo/build";
 import { checkoutUrl } from './lib/pay.js';
 import { Upgrade, useFree } from './Upgrade.js';
 import { enter, LOGIN } from './lib/destination.js';
@@ -527,8 +527,9 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
         go: (href) => (/^https?:/.test(href) ? void window.open(href, "_blank", "noopener,noreferrer") : go(href)),
     }, CHAT_MODES);
     const agentShelf = useAgentShelf();
-    // The opening greets the person by their first name, as their account spells it.
-    const firstName = useMemo(() => (anonymous ? "" : ((named()?.name ?? "").trim().split(/\s+/)[0] ?? "")), [anonymous]);
+    // The opening greets the person by the first word of their display name, capitalised ("What’s up, Z?").
+    // A username is a handle, not a name: without a display name the greeting has none.
+    const firstName = useMemo(() => (anonymous ? "" : given(named()?.display ?? "")), [anonymous]);
     // Up to three things worth doing next, from the person's own activity (@hanzo/build).
     const hints = useSuggestions(target);
     // THE HEADER'S ⋯ IS THE ROW'S MENU (thread.tsx): rename, pin, share, its
@@ -1179,8 +1180,8 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
                 .then((id) => (!open && id ? reopen(id) : undefined))
                 .catch(() => { });
     };
-    const submit = () => {
-        const text = draft.trim();
+    const submit = (ask = draft) => {
+        const text = ask.trim();
         if (preparing || (!text && !files.length))
             return;
         if (!carry.preparing)
@@ -1356,10 +1357,46 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
     };
     // THE COMPOSER'S OPTIONS, held apart so its keys (the `/` and `@` lists' arrows,
     // Ctrl+U) hook in through `useMention` before the frame is drawn.
+    // What pressing a suggestion does, at once: open what it names, send its prompt
+    // here (the room is a new chat while one shows), hand its run to Dev, or make
+    // its scheduled task and show it in Scheduled tasks.
+    const hint = (a) => {
+        switch (a.kind) {
+            case "open":
+                if (a.item)
+                    want(a.item);
+                if (/^https:\/\//.test(a.to))
+                    window.open(a.to, "_blank", "noopener,noreferrer");
+                else
+                    go(a.to.startsWith("/") ? a.to : app(a.to));
+                return;
+            case "send":
+                submit(a.prompt);
+                return;
+            case "task":
+                hand("task", a.prompt);
+                go(app(""));
+                return;
+            case "schedule":
+                void book(target, a, "chat").then((made) => go(app(devPath({ kind: "automation", id: made.id }))), (e) => setPrepWrong(e instanceof Error && e.message ? e.message : "The scheduled task could not be made."));
+                return;
+        }
+    };
+    // A chat a suggestion in Dev left for this room is sent once the room is a new
+    // chat: the address's own conversation let go of, nothing said yet.
+    const [handed] = useState(() => ({ prompt: anonymous ? "" : taken("send") }));
+    useEffect(() => {
+        if (!handed.prompt || open || said.length)
+            return;
+        const p = handed.prompt;
+        handed.prompt = "";
+        submit(p);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open, said.length]);
     const composing = {
         value: draft,
         onChange: setDraft,
-        onSend: submit,
+        onSend: () => submit(),
         onStop: chat.stop,
         busy: chat.streaming,
         // Files alone are a message: what is held goes with an empty draft too.
@@ -1424,7 +1461,7 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
         onLanguage: speakIn,
         talk,
         // While nothing has been said: what is worth doing next.
-        below: said.length === 0 && !anonymous ? _jsx(Suggestions, { rows: hints.rows, onPick: setDraft, onDismiss: hints.dismiss }) : undefined,
+        below: said.length === 0 && !anonymous ? _jsx(Suggestions, { rows: hints.rows, onAct: hint, onDismiss: hints.dismiss }) : undefined,
     };
     const mention = useMention(composing);
     return (_jsxs(YStack, { flex: 1, minH: 0, width: "100%", position: "relative", "data-slot": "chat-room", 

package/dist/Me.js

@@ -5,7 +5,8 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // other app (Shell.tsx).
 //
 // Top to bottom: who, with their plan, a row whose › opens the account itself;
-// then Upgrade plan, Personalization, Profile and Settings (⌘, / Ctrl+,); then
+// then Upgrade plan, Personalization, Profile and Settings (⌘, / Ctrl+,); Beta,
+// the person's place on the beta waitlist (the site's /beta/status); then
 // Help ›, the site's own pages and the keyboard shortcuts (⌘/ / Ctrl+/ from
 // anywhere); and Log out. Every row opens a real destination: Settings'
 // sections through `showSettings` (open.ts), which the app answers with the
@@ -29,7 +30,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // mints a token that carries it.
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { ArrowUpRight, Building2, Check, ChevronsUpDown, CircleHelp, CircleUserRound, Download, FileText, Info, Keyboard, LifeBuoy, LogOut, Palette, Plus, ScrollText, Settings, ShieldCheck, Sparkles, Users, X, } from 'lucide-react';
+import { ArrowUpRight, Building2, Check, ChevronsUpDown, CircleHelp, CircleUserRound, Download, FileText, FlaskConical, Info, Keyboard, LifeBuoy, LogOut, Palette, Plus, ScrollText, Settings, ShieldCheck, Sparkles, Users, X, } from 'lucide-react';
 import { label, Meter, said as spoken, useStanding } from '@hanzo/build';
 import { useOrganizations } from '@hanzo/iam/react';
 import { Button, Dialog, DialogContent, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Kbd, } from '@hanzo/ui';
@@ -196,7 +197,7 @@ export function Me({ host, narrow = false, above = false, onOrg, }) {
                 // Clear of the rail's mark (or the row) it opens from, and flush with its foot.
                 offset: 8, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(XStack, { ref: (el) => {
                                 row.current = el instanceof HTMLElement ? el : null;
-                            }, render: "button", "data-slot": "me", "aria-label": `Account: ${[who, current].filter(Boolean).join(' · ')}`, ...{ title: who }, width: narrow ? 36 : '100%', minH: narrow ? 36 : 48, px: narrow ? 0 : '$2', gap: "$2.5", rounded: narrow ? 999 : '$5', items: "center", justify: narrow ? 'center' : 'flex-start', hoverStyle: { bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, cursor: "pointer", children: [_jsx(Face, { host: host, size: narrow ? 26 : 32 }), narrow ? null : (_jsxs(_Fragment, { children: [_jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(SizableText, { size: "$3", fontWeight: "600", color: "$ink", numberOfLines: 1, text: "left", children: who }), working ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, text: "left", children: working })) : null] }), _jsx(ChevronsUpDown, { size: 14, "aria-hidden": true, opacity: 0.6 })] }))] }) }), _jsxs(DropdownMenuContent, { minW: 260, maxW: "calc(100vw - 16px)", "aria-labelledby": undefined, "aria-label": "Account", onCloseAutoFocus: back, children: [_jsxs(DropdownMenuSub, { open: account, onOpenChange: setAccount, children: [_jsxs(DropdownMenuSubTrigger, { minH: 48, gap: "$2.5", children: [_jsx(Face, { host: host, size: 28 }), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(SizableText, { size: "$2", fontWeight: "600", color: "$ink", numberOfLines: 1, children: who }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: host.person.email || working })] })] }), account ? (_jsxs(DropdownMenuSubContent, { minW: 260, maxW: "calc(100vw - 16px)", pointerEvents: "auto", children: [_jsx(Meter, { read: read, onPlans: () => leave('here'), onBilling: () => (setOpen(false), showSettings('billing')) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { children: "Organizations" }), all.map((o) => (_jsx(DropdownMenuItem, { onSelect: () => o.name !== current && onOrg(o.name), children: _jsx(Line, { icon: _jsx(Mark, { org: o }), sub: [o.personal ? 'Personal' : said(o.role), planFor(o)].filter(Boolean).join(' · '), trail: o.name === current ? _jsx(Check, { size: 16, "aria-label": "Current" }) : null, children: o.display }) }, o.name))), _jsx(DropdownMenuItem, { onSelect: () => setCreating(true), children: _jsx(Line, { icon: _jsx(Plus, { size: 16, "aria-hidden": true }), children: "Create organization" }) }), _jsx(DropdownMenuItem, { onSelect: () => window.location.assign(site(ORG_SETTINGS)), children: _jsx(Line, { icon: _jsx(Settings, { size: 16, "aria-hidden": true }), children: "Organization settings" }) }), where().team ? null : here && !here.personal ? (_jsx(DropdownMenuItem, { onSelect: () => out(`${ENTRY}&org=${encodeURIComponent(here.name)}`), children: _jsx(Line, { icon: _jsx(Users, { size: 16, "aria-hidden": true }), trail: _jsx(ArrowUpRight, { size: 14, "aria-hidden": true, opacity: 0.6 }), children: "Open in Hanzo Team" }) })) : (_jsx(DropdownMenuItem, { onSelect: () => setCreating(true), children: _jsx(Line, { icon: _jsx(Users, { size: 16, "aria-hidden": true }), children: "Create a team" }) })), superAdmin() ? (_jsx(DropdownMenuItem, { onSelect: choose, children: _jsx(Line, { icon: _jsx(Building2, { size: 16, "aria-hidden": true }), children: "All organizations" }) })) : null] })) : null] }), team ? (_jsx(DropdownMenuItem, { "data-slot": "me-team", onSelect: () => team.name !== current && onOrg(team.name), children: _jsx(Line, { icon: _jsx(Mark, { org: team }), trail: team.name === current ? _jsx(Check, { size: 16, "aria-label": "Current" }) : null, children: `${team.display} · ${teamPlan || 'No plan'}` }) })) : null, personal ? (_jsx(DropdownMenuItem, { "data-slot": "me-personal", onSelect: () => personal.name !== current && onOrg(personal.name), actionsVisibility: "always", actions: ownPlan ? undefined : (_jsx(Button, { size: "xs", variant: "outline", onPress: getPro, children: "Get Pro" })), children: _jsx(Line, { icon: _jsx(CircleUserRound, { size: 16, "aria-hidden": true }), trail: personal.name === current ? _jsx(Check, { size: 16, "aria-label": "Current" }) : null, children: `Personal · ${ownPlan || 'No plan'}` }) })) : null, _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { onSelect: () => leave('here'), children: _jsx(Line, { icon: _jsx(Sparkles, { size: 16, "aria-hidden": true }), children: upgrade(read.value?.label?.name) }) }), _jsx(DropdownMenuItem, { onSelect: () => showSettings('general'), children: _jsx(Line, { icon: _jsx(Palette, { size: 16, "aria-hidden": true }), children: "Personalization" }) }), _jsx(DropdownMenuItem, { onSelect: () => showSettings('account'), children: _jsx(Line, { icon: _jsx(CircleUserRound, { size: 16, "aria-hidden": true }), children: "Profile" }) }), _jsx(DropdownMenuItem, { "aria-keyshortcuts": "Control+, Meta+,", onSelect: () => showSettings('general'), children: _jsx(Line, { icon: _jsx(Settings, { size: 16, "aria-hidden": true }), trail: _jsx(DropdownMenuShortcut, { "aria-hidden": true, children: apple ? '⌘,' : 'Ctrl+,' }), children: "Settings" }) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuSub, { open: help, onOpenChange: setHelp, children: [_jsx(DropdownMenuSubTrigger, { children: _jsx(Line, { icon: _jsx(LifeBuoy, { size: 16, "aria-hidden": true }), children: "Help" }) }), help ? (_jsxs(DropdownMenuSubContent, { minW: 240, maxW: "calc(100vw - 16px)", pointerEvents: "auto", children: [pages().map((p) => (_jsx(DropdownMenuItem, { onSelect: () => out(p.href), children: _jsx(Line, { icon: ICONS[p.key], trail: p.key === 'help' ? _jsx(ArrowUpRight, { size: 14, "aria-hidden": true, opacity: 0.6 }) : null, children: p.label }) }, p.key))), _jsx(DropdownMenuItem, { "aria-keyshortcuts": "Control+/ Meta+/", onSelect: () => setKeys(true), children: _jsx(Line, { icon: _jsx(Keyboard, { size: 16, "aria-hidden": true }), trail: _jsx(DropdownMenuShortcut, { "aria-hidden": true, children: apple ? '⌘/' : 'Ctrl+/' }), children: "Keyboard shortcuts" }) }), _jsx(DropdownMenuSeparator, {}), legal().map((p) => (_jsx(DropdownMenuItem, { onSelect: () => out(p.href), children: _jsx(Line, { icon: ICONS[p.key], children: p.label }) }, p.key)))] })) : null] }), host.signOut ? (_jsx(DropdownMenuItem, { onSelect: () => host.signOut?.(), children: _jsx(Line, { icon: _jsx(LogOut, { size: 16, "aria-hidden": true }), children: "Log out" }) })) : null] })] }), _jsx(Create, { open: creating, onOpenChange: setCreating }), _jsx(Shortcuts, { open: keys, onOpenChange: setKeys, apple: apple })] }));
+                            }, render: "button", "data-slot": "me", "aria-label": `Account: ${[who, current].filter(Boolean).join(' · ')}`, ...{ title: who }, width: narrow ? 36 : '100%', minH: narrow ? 36 : 48, px: narrow ? 0 : '$2', gap: "$2.5", rounded: narrow ? 999 : '$5', items: "center", justify: narrow ? 'center' : 'flex-start', hoverStyle: { bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, cursor: "pointer", children: [_jsx(Face, { host: host, size: narrow ? 26 : 32 }), narrow ? null : (_jsxs(_Fragment, { children: [_jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(SizableText, { size: "$3", fontWeight: "600", color: "$ink", numberOfLines: 1, text: "left", children: who }), working ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, text: "left", children: working })) : null] }), _jsx(ChevronsUpDown, { size: 14, "aria-hidden": true, opacity: 0.6 })] }))] }) }), _jsxs(DropdownMenuContent, { minW: 260, maxW: "calc(100vw - 16px)", "aria-labelledby": undefined, "aria-label": "Account", onCloseAutoFocus: back, children: [_jsxs(DropdownMenuSub, { open: account, onOpenChange: setAccount, children: [_jsxs(DropdownMenuSubTrigger, { minH: 48, gap: "$2.5", children: [_jsx(Face, { host: host, size: 28 }), _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(SizableText, { size: "$2", fontWeight: "600", color: "$ink", numberOfLines: 1, children: who }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: host.person.email || working })] })] }), account ? (_jsxs(DropdownMenuSubContent, { minW: 260, maxW: "calc(100vw - 16px)", pointerEvents: "auto", children: [_jsx(Meter, { read: read, onPlans: () => leave('here'), onBilling: () => (setOpen(false), showSettings('billing')) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { children: "Organizations" }), all.map((o) => (_jsx(DropdownMenuItem, { onSelect: () => o.name !== current && onOrg(o.name), children: _jsx(Line, { icon: _jsx(Mark, { org: o }), sub: [o.personal ? 'Personal' : said(o.role), planFor(o)].filter(Boolean).join(' · '), trail: o.name === current ? _jsx(Check, { size: 16, "aria-label": "Current" }) : null, children: o.display }) }, o.name))), _jsx(DropdownMenuItem, { onSelect: () => setCreating(true), children: _jsx(Line, { icon: _jsx(Plus, { size: 16, "aria-hidden": true }), children: "Create organization" }) }), _jsx(DropdownMenuItem, { onSelect: () => window.location.assign(site(ORG_SETTINGS)), children: _jsx(Line, { icon: _jsx(Settings, { size: 16, "aria-hidden": true }), children: "Organization settings" }) }), where().team ? null : here && !here.personal ? (_jsx(DropdownMenuItem, { onSelect: () => out(`${ENTRY}&org=${encodeURIComponent(here.name)}`), children: _jsx(Line, { icon: _jsx(Users, { size: 16, "aria-hidden": true }), trail: _jsx(ArrowUpRight, { size: 14, "aria-hidden": true, opacity: 0.6 }), children: "Open in Hanzo Team" }) })) : (_jsx(DropdownMenuItem, { onSelect: () => setCreating(true), children: _jsx(Line, { icon: _jsx(Users, { size: 16, "aria-hidden": true }), children: "Create a team" }) })), superAdmin() ? (_jsx(DropdownMenuItem, { onSelect: choose, children: _jsx(Line, { icon: _jsx(Building2, { size: 16, "aria-hidden": true }), children: "All organizations" }) })) : null] })) : null] }), team ? (_jsx(DropdownMenuItem, { "data-slot": "me-team", onSelect: () => team.name !== current && onOrg(team.name), children: _jsx(Line, { icon: _jsx(Mark, { org: team }), trail: team.name === current ? _jsx(Check, { size: 16, "aria-label": "Current" }) : null, children: `${team.display} · ${teamPlan || 'No plan'}` }) })) : null, personal ? (_jsx(DropdownMenuItem, { "data-slot": "me-personal", onSelect: () => personal.name !== current && onOrg(personal.name), actionsVisibility: "always", actions: ownPlan ? undefined : (_jsx(Button, { size: "xs", variant: "outline", onPress: getPro, children: "Get Pro" })), children: _jsx(Line, { icon: _jsx(CircleUserRound, { size: 16, "aria-hidden": true }), trail: personal.name === current ? _jsx(Check, { size: 16, "aria-label": "Current" }) : null, children: `Personal · ${ownPlan || 'No plan'}` }) })) : null, _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { onSelect: () => leave('here'), children: _jsx(Line, { icon: _jsx(Sparkles, { size: 16, "aria-hidden": true }), children: upgrade(read.value?.label?.name) }) }), _jsx(DropdownMenuItem, { onSelect: () => showSettings('general'), children: _jsx(Line, { icon: _jsx(Palette, { size: 16, "aria-hidden": true }), children: "Personalization" }) }), _jsx(DropdownMenuItem, { onSelect: () => showSettings('account'), children: _jsx(Line, { icon: _jsx(CircleUserRound, { size: 16, "aria-hidden": true }), children: "Profile" }) }), _jsx(DropdownMenuItem, { "aria-keyshortcuts": "Control+, Meta+,", onSelect: () => showSettings('general'), children: _jsx(Line, { icon: _jsx(Settings, { size: 16, "aria-hidden": true }), trail: _jsx(DropdownMenuShortcut, { "aria-hidden": true, children: apple ? '⌘,' : 'Ctrl+,' }), children: "Settings" }) }), _jsx(DropdownMenuItem, { onSelect: () => window.location.assign(site('/beta/status')), children: _jsx(Line, { icon: _jsx(FlaskConical, { size: 16, "aria-hidden": true }), children: "Beta" }) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuSub, { open: help, onOpenChange: setHelp, children: [_jsx(DropdownMenuSubTrigger, { children: _jsx(Line, { icon: _jsx(LifeBuoy, { size: 16, "aria-hidden": true }), children: "Help" }) }), help ? (_jsxs(DropdownMenuSubContent, { minW: 240, maxW: "calc(100vw - 16px)", pointerEvents: "auto", children: [pages().map((p) => (_jsx(DropdownMenuItem, { onSelect: () => out(p.href), children: _jsx(Line, { icon: ICONS[p.key], trail: p.key === 'help' ? _jsx(ArrowUpRight, { size: 14, "aria-hidden": true, opacity: 0.6 }) : null, children: p.label }) }, p.key))), _jsx(DropdownMenuItem, { "aria-keyshortcuts": "Control+/ Meta+/", onSelect: () => setKeys(true), children: _jsx(Line, { icon: _jsx(Keyboard, { size: 16, "aria-hidden": true }), trail: _jsx(DropdownMenuShortcut, { "aria-hidden": true, children: apple ? '⌘/' : 'Ctrl+/' }), children: "Keyboard shortcuts" }) }), _jsx(DropdownMenuSeparator, {}), legal().map((p) => (_jsx(DropdownMenuItem, { onSelect: () => out(p.href), children: _jsx(Line, { icon: ICONS[p.key], children: p.label }) }, p.key)))] })) : null] }), host.signOut ? (_jsx(DropdownMenuItem, { onSelect: () => host.signOut?.(), children: _jsx(Line, { icon: _jsx(LogOut, { size: 16, "aria-hidden": true }), children: "Log out" }) })) : null] })] }), _jsx(Create, { open: creating, onOpenChange: setCreating }), _jsx(Shortcuts, { open: keys, onOpenChange: setKeys, apple: apple })] }));
 }
 /** The app's keys (help.ts `KEYS`), one row each, spelled for this platform. */
 function Shortcuts({ open, onOpenChange, apple }) {

package/dist/Palette.d.ts

@@ -3,22 +3,36 @@ import { type Host } from '@hanzo/build';
 import { type ShortcutKeys } from '@hanzo/ui';
 import { type Place } from './lib/host.js';
 import { type Hit } from './seek.js';
-/** A row: what it is called, its glyph, and what pressing it does. */
+/** A row: what it is called, its glyph, where it lives, and what pressing it does. */
 export interface Action extends Hit {
     icon?: ReactNode;
     shortcut?: ShortcutKeys;
+    /** Where it lives, dimmed after its name: Settings, Customize, Help. */
+    where?: string;
     run: () => void;
     /** Pressing it keeps the palette open. */
     stay?: boolean;
 }
-export declare function Palette({ onClose, go, actions, mode, host, }: {
+/**
+ * Every place the reader can be taken: `top` is what an empty field lists, the
+ * products and the places of the app; `deep` is what only a query reaches.
+ * Without a host (hanzo.team's frame) the builder's registries are not there,
+ * and the products and the site's pages are.
+ */
+export declare function places(host: Host | undefined, go: (address: string) => void): {
+    top: Action[];
+    deep: Action[];
+};
+/** The palette's actions; a host that cannot do one (no theme to change, no org to pick) is not offered it. */
+export declare function actions(host: Host | undefined, go: (address: string) => void, signOut: () => void, keys: () => void): Action[];
+export declare function Palette({ onClose, go, actions: frame, mode, host, }: {
     onClose: () => void;
-    /** Moves the app to one of its addresses (lib/host `talk`, `app`). */
+    /** Moves the app to one of its addresses (lib/host `talk`, `app`, `studio`). */
     go: (address: string) => void;
-    /** The frame's own actions, after the palette's; one with a palette action's id stands in for it. */
+    /** The frame's own places; one with a palette row's id stands in for it, the rest follow under Go to. */
     actions?: Action[];
-    /** The product the reader is in: what the empty field lists and what a query ranks first. */
+    /** The product the reader is in: its own things lead a tie. */
     mode?: Place['mode'];
-    /** Dev's host, whose runs the palette lists in Dev. */
+    /** The builder's host: its registries, its runs, its theme and organization. */
     host?: Host;
 }): import("react").JSX.Element;

package/dist/Palette.js

@@ -1,30 +1,36 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// The one search. ⌘K / Ctrl+K from anywhere and the sidebar's search open it:
-// a dialog with the field on top, listing the product's own recents while the
-// field is empty — Chat's Recent chats, Dev's Recent runs — and, for a query,
-// the product's own things first: in Chat, Chats, Projects, Agents, Skills and
-// Actions; in Dev, Runs, Dev's places (Templates, Projects, Issues, Machines,
-// Environments, Library, Scheduled tasks, Customize), Projects, Skills, Actions
-// and Chats last; each cut to its best five (seek.ts `findIn`). A row opens
-// where it lives: a chat at its address, a run or a place in Dev, a project in
-// Dev, an agent in a new chat with it, a skill in Dev's Customize, an action
-// runs. Arrows move, Enter opens, Escape closes (@hanzo/ui's CommandMenu);
-// Keyboard shortcuts lists the app's keys, and Backspace on an empty field
-// comes back.
+// The palette: ⌘K / Ctrl+K from anywhere toggles it, the sidebar's search opens
+// it. Every place in the app can be jumped to from it and every action run.
 //
-// MOUNTED ONLY WHILE OPEN, and every list is read once as it opens, then
-// searched here as the reader types: the conversations store (hanzoai/agent)
-// answers its whole list and searches nothing, titles or words, so there is no
-// read per key to wait for or to cancel. The chats are the sidebar's last read
-// (thread.tsx `useThreadList`), drawn at once and read again behind it; the
-// projects (`/v1/projects`), the active skills (`/v1/tool/skills?activated=true`)
-// and the agents (crew.tsx) arrive while the reader types, and a read the
-// palette closes on is aborted.
+// An empty field lists Recent (the reader's chats and Dev tasks, newest first,
+// each with its kind's icon), Actions, and Go to: the products, the places of
+// the app and the apps in beta the reader may open. A query searches all of it, deeper places too (Settings' sections,
+// Customize's tabs, the Library's kinds, Studio's places, Help), and the
+// reader's chats, Dev tasks, projects, agents, skills and connectors by name;
+// each group keeps its best five and the group with the best answer leads
+// (seek.ts `find`). A row opens where it lives; an action runs.
+//
+// GO TO IS DERIVED, never listed here: the places are @hanzo/build's own
+// registries (`nav` for Dev's places, `sections` for Settings, `tabs` for
+// Customize, `library` for the Library's kinds), @hanzo/studio's `nav`, and
+// help.ts's pages, lib/betas.ts's granted apps: the same lists the sidebars and
+// menus draw. A page added to
+// any of them is in the palette with nothing written here.
+//
+// MOUNTED ONLY WHILE OPEN, and every list is read once as it opens and searched
+// here as the reader types: the conversations store (hanzoai/agent) answers its
+// whole list and searches nothing, titles or words, so a title is all there is
+// to find a chat by. The chats are the sidebar's last read (thread.tsx
+// `useThreadList`), drawn at once; the projects (`/v1/projects`), the active
+// skills (`/v1/tool/skills?activated=true`), the connectors
+// (`/v1/tool/mcp/servers`) and the agents (crew.tsx) arrive while the reader
+// types, and a read the palette closes on is aborted.
 import { useEffect, useMemo, useState } from 'react';
-import { BookOpen, Bot, Boxes, Clock, Code2, FolderGit2, Keyboard, LayoutTemplate, Library, ListTodo, LogOut, MessageCircle, Puzzle, Server, Settings, SquarePen } from 'lucide-react';
+import { BookOpen, Bot, Building2, CircleHelp, Clock, Code2, FlaskConical, FolderGit2, Gift, Keyboard, LogOut, MessageCircle, MessageSquare, Plug, Settings, Sparkles, SquarePen, SquareTerminal, SunMoon, Users, WandSparkles, } from 'lucide-react';
 import { useAi } from '@hanzo/ai/react';
-import { path as written, useSessions } from '@hanzo/build';
+import { library, nav, NEW, path as written, sections, tabs, useSessions } from '@hanzo/build';
+import { nav as made } from '@hanzo/studio';
 import { Dialog, DialogContent, DialogTitle } from '@hanzo/ui';
 import { CommandMenu } from '@hanzo/ui/product/CommandMenu';
 import { ordered } from './agents.js';
@@ -33,77 +39,170 @@ import { called } from './team.js';
 import { empty, openThread, withAgents } from './open.js';
 import { useThreadList } from './thread.js';
 import { useSignOut } from './lib/signout.js';
-import { app, talk } from './lib/host.js';
+import { choose } from './lib/session.js';
+import { app, studio, talk, TERMINALS, WORKSPACE } from './lib/host.js';
+import { BETAS } from './lib/betas.js';
+import { useBetas } from './Betas.js';
 import { tidy } from './lib/title.js';
-import { find, findIn } from './seek.js';
+import { KEYS, legal, out, pages } from './help.js';
+import { site } from './where.js';
+import { find } from './seek.js';
 const ICON = { size: 16, 'aria-hidden': true };
-/** The app's keys, as Keyboard shortcuts lists them. */
-const KEYS = [
-    { id: 'search', label: 'Search', shortcut: ['Mod', 'K'] },
-    { id: 'settings', label: 'Settings', shortcut: ['Mod', ','] },
-    { id: 'panel', label: 'Side panel', shortcut: ['Mod', '.'] },
-    { id: 'rename', label: 'Rename chat', shortcut: ['Ctrl', 'Alt', 'R'] },
-    { id: 'pin', label: 'Pin or unpin chat', shortcut: ['Ctrl', 'Alt', 'P'] },
-    { id: 'back', label: 'Back, in the desktop app', shortcut: ['Alt', 'ArrowLeft'] },
-    { id: 'forward', label: 'Forward, in the desktop app', shortcut: ['Alt', 'ArrowRight'] },
-];
+/** The builder's Settings, its first section. */
+const SETTINGS = written({ kind: 'settings', section: 'general' });
 const SKILLS = written({ kind: 'customize', tab: 'skills' });
-/** Dev's places, as its sidebar lists them, by the builder address each opens. */
-const PLACES = [
-    { id: 'templates', label: 'Templates', at: '-/templates', icon: _jsx(LayoutTemplate, { ...ICON }) },
-    { id: 'projects', label: 'Projects', at: '-/projects', icon: _jsx(FolderGit2, { ...ICON }) },
-    { id: 'issues', label: 'Issues', at: '-/issues', icon: _jsx(ListTodo, { ...ICON }) },
-    { id: 'machines', label: 'Machines', at: '-/settings/machines', icon: _jsx(Server, { ...ICON }) },
-    { id: 'environments', label: 'Environments', at: '-/settings/environments', icon: _jsx(Boxes, { ...ICON }) },
-    { id: 'library', label: 'Library', at: '-/artifacts', icon: _jsx(Library, { ...ICON }) },
-    { id: 'scheduled', label: 'Scheduled tasks', at: '-/automations', icon: _jsx(Clock, { ...ICON }) },
-    { id: 'customize', label: 'Customize', at: '-/customize', icon: _jsx(Puzzle, { ...ICON }) },
-];
+const CONNECTORS = written({ kind: 'customize', tab: 'connectors' });
+/** The words a Settings section is also asked for by: the account menu's names for two of them, and the obvious ones. */
+const ALSO = {
+    general: ['personalization', 'appearance', 'theme'],
+    account: ['profile'],
+    privacy: ['security'],
+    billing: ['plans', 'subscription'],
+    members: ['organization', 'team'],
+};
+/** A registry's groups as rows, each named for where it lives. */
+const rows = (groups, where, prefix) => groups
+    .flatMap((g) => g.links)
+    .map((l) => ({ id: `${prefix}-${l.id}`, label: l.label, icon: l.icon, where, keywords: [where, ...(ALSO[l.id] ?? [])].filter(Boolean), run: () => l.onPress?.() }));
+/**
+ * Every place the reader can be taken: `top` is what an empty field lists, the
+ * products and the places of the app; `deep` is what only a query reaches.
+ * Without a host (hanzo.team's frame) the builder's registries are not there,
+ * and the products and the site's pages are.
+ */
+export function places(host, go) {
+    const builder = (p) => go(app(p));
+    const top = [
+        { id: 'chat', label: 'Chat', icon: _jsx(MessageSquare, { ...ICON }), run: () => go(talk()) },
+        { id: 'dev', label: 'Dev', icon: _jsx(Code2, { ...ICON }), run: () => go(app('')) },
+        { id: 'studio', label: 'Studio', icon: _jsx(WandSparkles, { ...ICON }), run: () => go(studio('')) },
+        { id: 'tabs', label: 'Tabs', icon: _jsx(SquareTerminal, { ...ICON }), run: () => go(TERMINALS) },
+        ...(host ? [{ id: 'team', label: 'Team', icon: _jsx(Users, { ...ICON }), keywords: ['workspace'], run: () => out(WORKSPACE) }] : []),
+        ...(host ? rows(nav(host, builder).map((g) => ({ links: g.links.filter((l) => l.id !== NEW) })), '', 'dev') : []),
+        { id: 'settings', label: 'Settings', icon: _jsx(Settings, { ...ICON }), shortcut: ['Mod', ','], run: () => go(app(SETTINGS)) },
+        // The site's own pages, outside the app: the browser loads them.
+        { id: 'referral', label: 'Referral', icon: _jsx(Gift, { ...ICON }), keywords: ['invite', 'share'], run: () => window.location.assign(site('/referral')) },
+        { id: 'beta', label: 'Beta status', icon: _jsx(FlaskConical, { ...ICON }), keywords: ['waitlist'], run: () => window.location.assign(site('/beta/status')) },
+        ...pages()
+            .filter((p) => p.key === 'help')
+            .map((p) => ({ id: `help-${p.key}`, label: p.label, icon: _jsx(CircleHelp, { ...ICON }), keywords: ['support', 'docs'], run: () => out(p.href) })),
+    ];
+    const deep = [
+        ...(host
+            ? [
+                ...rows(sections(host, builder), 'Settings', 'settings'),
+                ...rows(tabs(host, builder), 'Customize', 'customize'),
+                ...rows(library(host, builder).slice(1), 'Library', 'library'),
+                ...rows(made(host, (p) => go(studio(p))), 'Studio', 'studio').filter((a) => a.id !== `studio-${NEW}`),
+            ]
+            : []),
+        ...[...pages(), ...legal()]
+            .filter((p) => p.key !== 'help')
+            .map((p) => ({ id: `help-${p.key}`, label: p.label, where: 'Help', keywords: ['Help'], run: () => out(p.href) })),
+    ];
+    // A place two registries hold (Machines is Dev's and a Settings section) is listed once, as Dev's.
+    return { top, deep: deep.filter((a) => !top.some((t) => t.id === a.id.replace(/^settings-/, 'dev-'))) };
+}
+/** The composer's model menu, opened as a press would: a page without a composer opens New chat's. */
+function tune(go) {
+    const open = () => {
+        const chip = document.querySelector('[data-slot="mind"][aria-haspopup="menu"]');
+        chip?.focus();
+        chip?.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
+        return !!chip;
+    };
+    let tries = 0;
+    const wait = () => {
+        if (!open() && ++tries < 120)
+            requestAnimationFrame(wait);
+    };
+    // After the palette has closed and handed focus back, so the menu keeps it.
+    setTimeout(() => {
+        if (!open()) {
+            go(talk());
+            requestAnimationFrame(wait);
+        }
+    }, 0);
+}
+/** The palette's actions; a host that cannot do one (no theme to change, no org to pick) is not offered it. */
+export function actions(host, go, signOut, keys) {
+    const upload = host ? library(host, (p) => go(app(p)))[0]?.links.find((l) => l.id === 'upload') : undefined;
+    const list = [
+        { id: 'new-chat', label: 'New chat', icon: _jsx(SquarePen, { ...ICON }), run: () => (empty(), go(talk())) },
+        { id: 'new-task', label: 'New Dev task', icon: _jsx(Code2, { ...ICON }), keywords: ['run'], run: () => go(app('')) },
+        { id: 'new-creation', label: 'New Studio creation', icon: _jsx(WandSparkles, { ...ICON }), keywords: ['image', 'video'], run: () => go(studio('')) },
+        { id: 'new-scheduled', label: 'New scheduled task', icon: _jsx(Clock, { ...ICON }), keywords: ['automation'], run: () => go(app(written({ kind: 'automation', id: 'new' }))) },
+        !!upload && { id: 'upload', label: 'Upload', icon: upload.icon, keywords: ['file', 'library'], run: () => upload.onPress?.() },
+        { id: 'model', label: 'Switch model', icon: _jsx(Sparkles, { ...ICON }), keywords: ['model'], run: () => tune(go) },
+        !!host?.chooseTheme && {
+            id: 'theme',
+            label: 'Toggle theme',
+            icon: _jsx(SunMoon, { ...ICON }),
+            keywords: ['dark', 'light', 'appearance'],
+            run: () => host.chooseTheme?.(document.documentElement.classList.contains('dark') ? 'light' : 'dark'),
+        },
+        !!host && { id: 'org', label: 'Switch organization', icon: _jsx(Building2, { ...ICON }), keywords: ['org', 'team', 'workspace'], run: choose },
+        { id: 'keys', label: 'Keyboard shortcuts', icon: _jsx(Keyboard, { ...ICON }), stay: true, run: keys },
+        { id: 'logout', label: 'Log out', icon: _jsx(LogOut, { ...ICON }), keywords: ['sign out'], run: signOut },
+    ];
+    return list.filter((a) => !!a);
+}
 /** A list read once as the palette opens; a refusal leaves it empty and the rest still answer. */
 function useRead(path, shape) {
     const ai = useAi();
-    const [rows, setRows] = useState([]);
+    const [found, setFound] = useState([]);
     useEffect(() => {
         const stop = new AbortController();
-        ai.http.json({ path, signal: stop.signal }).then((body) => setRows(shape(body)), () => { });
+        ai.http.json({ path, signal: stop.signal }).then((body) => setFound(shape(body)), () => { });
         return () => stop.abort();
         // `shape` is a module constant at each call.
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [ai, path]);
-    return rows;
+    return found;
 }
 const obj = (v) => (v && typeof v === 'object' ? v : {});
 const str = (v) => (typeof v === 'string' ? v : '');
-const rows = (v) => (Array.isArray(v) ? v : []);
+const list = (v) => (Array.isArray(v) ? v : []);
 /** `/v1/projects`: a project by its slug, found by its name, slug and repository. */
-const projects = (body) => (Array.isArray(body) ? body : rows(obj(body).data))
+const projects = (body) => (Array.isArray(body) ? body : list(obj(body).data))
     .map(obj)
     .filter((p) => str(p.slug))
     .map((p) => ({ id: str(p.slug), label: str(p.name) || str(p.slug), keywords: [str(p.slug), str(obj(p.repo).url)] }));
 /** `/v1/tool/skills?activated=true`: a skill by its name, its tool's less `skill_`. */
-const skills = (body) => rows(obj(body).tools)
+const skills = (body) => list(obj(body).tools)
     .map(obj)
     .filter((t) => str(t.name))
     .map((t) => ({ id: str(t.name), label: str(t.name).replace(/^skill_/, ''), keywords: [str(t.description)] }));
-export function Palette({ onClose, go, actions = [], mode = 'chat', host, }) {
+/** `/v1/tool/mcp/servers`: a connector by its name. */
+const connectors = (body) => list(obj(body).servers)
+    .map(obj)
+    .filter((s) => str(s.id))
+    .map((s) => ({ id: str(s.id), label: str(s.name) || str(s.id), keywords: [str(s.url)] }));
+export function Palette({ onClose, go, actions: frame = [], mode = 'chat', host, }) {
     const [query, setQuery] = useState('');
     const [keys, setKeys] = useState(false);
     const { threads } = useThreadList();
     const { agents } = useCrew();
-    const made = useRead('/v1/projects', projects);
+    const repos = useRead('/v1/projects', projects);
     const known = useRead('/v1/tool/skills?activated=true', skills);
+    const plugged = useRead('/v1/tool/mcp/servers', connectors);
     const signOut = useSignOut();
     const runs = useSessions(host ?? null);
+    const { open: opened } = useBetas();
     const groups = useMemo(() => {
-        const own = [
-            { id: 'new-chat', label: 'New chat', icon: _jsx(SquarePen, { ...ICON }), run: () => (empty(), go(talk())) },
-            { id: 'new-task', label: 'New Dev task', icon: _jsx(Code2, { ...ICON }), run: () => go(app('')) },
-            { id: 'settings', label: 'Settings', icon: _jsx(Settings, { ...ICON }), shortcut: ['Mod', ','], run: () => go(app(written({ kind: 'settings', section: 'general' }))) },
-            { id: 'customize', label: 'Customize', icon: _jsx(Puzzle, { ...ICON }), run: () => go(app(SKILLS)) },
-            { id: 'keys', label: 'Keyboard shortcuts', icon: _jsx(Keyboard, { ...ICON }), stay: true, run: () => (setQuery(''), setKeys(true)) },
-            { id: 'logout', label: 'Log out', icon: _jsx(LogOut, { ...ICON }), run: () => void signOut() },
-        ];
-        const doing = [...own.map((a) => actions.find((b) => b.id === a.id) ?? a), ...actions.filter((b) => !own.some((a) => a.id === b.id))];
+        const { top, deep } = places(host, go);
+        const swap = (a) => frame.find((b) => b.id === a.id) ?? a;
+        // The apps in beta this reader may open, each where it lives (the rail's More).
+        const granted = BETAS.filter((b) => b.href && opened(b.id)).map((b) => ({
+            id: `beta-${b.id}`,
+            label: b.name,
+            icon: _jsx(Sparkles, { ...ICON }),
+            where: 'Beta',
+            keywords: ['beta', b.line],
+            run: () => out(b.href),
+        }));
+        const here = [...top.map(swap), ...frame.filter((b) => !top.some((a) => a.id === b.id)), ...granted];
+        const doing = actions(host, go, () => void signOut(), () => (setQuery(''), setKeys(true)));
         const chats = threads.map((t) => ({
             id: `chat-${t.id}`,
             label: tidy(t.title),
@@ -111,47 +210,49 @@ export function Palette({ onClose, go, actions = [], mode = 'chat', host, }) {
             icon: _jsx(MessageCircle, { ...ICON }),
             run: () => (openThread(t.id), go(talk(t.id))),
         }));
-        const projectRows = { id: 'projects', label: 'Projects', items: made.map((p) => ({ ...p, id: `project-${p.id}`, icon: _jsx(FolderGit2, { ...ICON }), run: () => go(app(p.id)) })) };
-        const skillRows = { id: 'skills', label: 'Skills', items: known.map((s) => ({ ...s, id: `skill-${s.id}`, icon: _jsx(BookOpen, { ...ICON }), run: () => go(app(SKILLS)) })) };
-        const actionRows = { id: 'actions', label: 'Actions', items: doing };
-        const shown = mode === 'dev'
-            ? findIn(query, {
-                label: 'Recent runs',
-                items: [...(runs?.value ?? [])].map((s) => ({
-                    id: `run-${s.id}`,
-                    label: tidy(s.title, 80, 'Untitled run'),
-                    at: s.updatedAt || s.createdAt,
-                    keywords: [s.status ?? ''],
-                    icon: _jsx(Code2, { ...ICON }),
-                    run: () => go(app(s.id)),
-                })),
-            }, [
-                { id: 'runs', label: 'Runs', items: [...(runs?.value ?? [])].map((s) => ({ id: `run-${s.id}`, label: tidy(s.title, 80, 'Untitled run'), at: s.updatedAt || s.createdAt, keywords: [s.status ?? ''], icon: _jsx(Code2, { ...ICON }), run: () => go(app(s.id)) })) },
-                { id: 'places', label: 'Dev', items: PLACES.map((p) => ({ id: `place-${p.id}`, label: p.label, icon: p.icon, run: () => go(app(p.at)) })) },
-                projectRows,
-                skillRows,
-                actionRows,
+        const tasks = (runs?.value ?? []).map((s) => ({
+            id: `run-${s.id}`,
+            label: tidy(s.title, 80, 'Untitled run'),
+            at: s.updatedAt || s.createdAt,
+            keywords: [s.status ?? ''],
+            icon: _jsx(Code2, { ...ICON }),
+            run: () => go(app(s.id)),
+        }));
+        const mine = mode === 'dev'
+            ? [
+                { id: 'runs', label: 'Dev tasks', items: tasks },
                 { id: 'chats', label: 'Chats', items: chats },
-            ])
-            : find(query, chats, [
-                projectRows,
-                {
-                    id: 'agents',
-                    label: 'Agents',
-                    items: ordered(agents).map((one) => {
-                        const name = called(one.name);
-                        return { id: `agent-${one.id || one.name}`, label: name, icon: _jsx(Bot, { ...ICON }), run: () => (withAgents([name]), go(talk())) };
-                    }),
-                },
-                skillRows,
-                actionRows,
-            ]);
+            ]
+            : [
+                { id: 'chats', label: 'Chats', items: chats },
+                { id: 'runs', label: 'Dev tasks', items: tasks },
+            ];
+        const shown = find(query, [...chats, ...tasks], [
+            { id: 'actions', label: 'Actions', items: doing },
+            { id: 'go', label: 'Go to', items: here },
+        ], [
+            { id: 'go', label: 'Go to', items: [...here, ...deep] },
+            { id: 'actions', label: 'Actions', items: doing },
+            ...mine,
+            { id: 'projects', label: 'Projects', items: repos.map((p) => ({ ...p, id: `project-${p.id}`, icon: _jsx(FolderGit2, { ...ICON }), run: () => go(app(p.id)) })) },
+            {
+                id: 'agents',
+                label: 'Agents',
+                items: ordered(agents).map((one) => {
+                    const name = called(one.name);
+                    return { id: `agent-${one.id || one.name}`, label: name, icon: _jsx(Bot, { ...ICON }), run: () => (withAgents([name]), go(talk())) };
+                }),
+            },
+            { id: 'skills', label: 'Skills', items: known.map((s) => ({ ...s, id: `skill-${s.id}`, icon: _jsx(BookOpen, { ...ICON }), run: () => go(app(SKILLS)) })) },
+            { id: 'connectors', label: 'Connectors', items: plugged.map((c) => ({ ...c, id: `connector-${c.id}`, icon: _jsx(Plug, { ...ICON }), run: () => go(app(CONNECTORS)) })) },
+        ]);
         return shown.map((g) => ({
             ...g,
             items: g.items.map((a) => ({
                 id: a.id,
                 label: a.label,
                 icon: a.icon,
+                contextual: a.where || undefined,
                 shortcut: a.shortcut,
                 // The palette ranked these against the query; the menu's own filter passes what it kept.
                 keywords: [query],
@@ -162,9 +263,12 @@ export function Palette({ onClose, go, actions = [], mode = 'chat', host, }) {
                 },
             })),
         }));
-    }, [query, threads, agents, made, known, actions, go, onClose, signOut, mode, runs]);
+    }, [query, threads, agents, repos, known, plugged, frame, go, onClose, signOut, mode, runs, host, opened]);
+    const apple = typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.userAgent);
     const listed = keys
-        ? [{ id: 'keys', label: 'Keyboard shortcuts', items: KEYS.map((k) => ({ ...k, id: `key-${k.id}`, onSelect: () => setKeys(false) })) }]
+        ? [{ id: 'keys', label: 'Keyboard shortcuts', items: KEYS.map((k) => ({ id: `key-${k.does}`, label: k.does, contextual: apple ? k.mac : k.pc, onSelect: () => setKeys(false) })) }]
         : groups;
-    return (_jsx(Dialog, { open: true, onOpenChange: (open) => (open ? null : onClose()), children: _jsxs(DialogContent, { "data-slot": "palette", p: 0, gap: 0, width: "100%", maxW: 680, height: "min(520px, calc(100dvh - 32px))", rounded: "$6", overflow: "hidden", "$max-md": { width: '100vw', maxW: '100vw', height: '100dvh', rounded: 0, borderWidth: 0 }, children: [_jsx(DialogTitle, { position: "absolute", width: 1, height: 1, overflow: "hidden", opacity: 0, children: "Search" }), _jsx(CommandMenu, { groups: listed, query: query, onQueryChange: setQuery, placeholder: "Search\u2026", label: "Search", empty: keys ? 'No such key.' : query.trim() ? `Nothing matches “${query.trim()}”.` : mode === 'dev' ? 'No runs yet.' : 'No chats yet.', onBack: keys ? () => setKeys(false) : undefined, onClose: onClose })] }) }));
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => (open ? null : onClose()), children: _jsxs(DialogContent, { "data-slot": "palette", showCloseButton: false, p: 0, gap: 0, width: "100%", maxW: 640, 
+            // As tall as its rows, under a fixed top, so typing never moves the field.
+            maxH: "min(520px, 76dvh)", mt: "12dvh", mb: "auto", rounded: "$6", overflow: "hidden", "$max-md": { width: '100vw', maxW: '100vw', height: '100dvh', maxH: '100dvh', mt: 0, mb: 0, rounded: 0, borderWidth: 0 }, children: [_jsx(DialogTitle, { position: "absolute", width: 1, height: 1, overflow: "hidden", opacity: 0, children: "Search" }), _jsx(CommandMenu, { groups: listed, query: query, onQueryChange: setQuery, placeholder: "Search or jump to\u2026", label: "Search", empty: keys ? 'No such key.' : `Nothing matches “${query.trim()}”.`, onBack: keys ? () => setKeys(false) : undefined, onClose: onClose })] }) }));
 }

package/dist/Rail.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { type Host } from '@hanzo/build';
 import { type Place } from './lib/host.js';
 /** The rail's width, px. */

package/dist/Rail.js

@@ -2,7 +2,9 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // The app's rail: its products as marks down the window's left edge, in one
 // order — Chat, Dev, Studio, Tabs, Library, Scheduled tasks, Customize — then
-// More (Team, on a host of its own, never in Studio), and the account at the foot. It
+// More (Team, on a host of its own, then the apps in beta this reader may open
+// and Betas, the list of every app in beta; none of it in Studio), and the
+// account at the foot. It
 // is how the app moves between its products; a phone, which has no rail,
 // switches Chat and Dev in its bar (Top.tsx).
 //
@@ -26,11 +28,14 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // rail lies along the foot of the drawer (`flat`), the account at its end; the
 // drawer is too narrow for every mark, so Library, Scheduled tasks and
 // Customize lead More there.
-import { Clock, Code2, Ellipsis, Library, MessageSquare, PanelLeft, Puzzle, SquareTerminal, Users, WandSparkles } from 'lucide-react';
+import { Clock, Code2, Ellipsis, FlaskConical, Library, MessageSquare, PanelLeft, Puzzle, Sparkles, SquareTerminal, Users, WandSparkles } from 'lucide-react';
+import { useState } from 'react';
 import { XStack, YStack } from '@hanzo/gui';
 import { route } from '@hanzo/build';
 import { DropdownMenu } from '@hanzo/ui';
+import { BetasDialog, useBetas } from './Betas.js';
 import { out } from './help.js';
+import { BETAS } from './lib/betas.js';
 import { Me } from './Me.js';
 import { app, WORKSPACE } from './lib/host.js';
 /** The rail's width, px. */
@@ -70,6 +75,10 @@ export function Rail({ host, mode, at, open, toggle, flat = false, onChat, onDev
     // The products on hosts of their own, behind More; on a phone the raised places lead it.
     // Studio offers no Team, so on a laptop it draws no More.
     const team = mode !== 'studio';
+    const { open: opened } = useBetas();
+    const [betas, setBetas] = useState(false);
+    // The apps in beta this reader may open, each where it lives.
+    const granted = BETAS.filter((b) => b.href && opened(b.id));
     const rest = [
         ...(flat
             ? [
@@ -79,8 +88,15 @@ export function Rail({ host, mode, at, open, toggle, flat = false, onChat, onDev
                 ...(team ? [{ type: 'separator', key: 'raised' }] : []),
             ]
             : []),
-        ...(team ? [{ key: 'team', label: 'Team', icon: _jsx(Users, { size: 16, "aria-hidden": true }), onSelect: () => out(WORKSPACE) }] : []),
+        ...(team
+            ? [
+                { key: 'team', label: 'Team', icon: _jsx(Users, { size: 16, "aria-hidden": true }), onSelect: () => out(WORKSPACE) },
+                ...granted.map((b) => ({ key: `beta-${b.id}`, label: b.name, icon: _jsx(Sparkles, { size: 16, "aria-hidden": true }), onSelect: () => out(b.href) })),
+                { type: 'separator', key: 'betas-rule' },
+                { key: 'betas', label: 'Betas', icon: _jsx(FlaskConical, { size: 16, "aria-hidden": true }), onSelect: () => setBetas(true) },
+            ]
+            : []),
     ];
     const Stack = flat ? XStack : YStack;
-    return (_jsxs(Stack, { "data-slot": "rail", render: "nav", "aria-label": "Products", ...(flat ? { pt: '$2', mt: '$2', borderTopWidth: 1, borderColor: '$borderColor', gap: '$1' } : { width: RAIL, flex: 1, pt: '$2', pb: '$2', gap: 8 }), shrink: 0, items: "center", children: [toggle ? (_jsx(YStack, { pb: 8, children: _jsx(Toggle, { open: open, onPress: toggle }) })) : null, _jsx(Mark, { label: "Chat", on: mode === 'chat', onPress: onChat, "data-slot": "rail-chat", children: _jsx(MessageSquare, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Dev", on: mode === 'dev' && !here, onPress: onDev, "data-slot": "rail-dev", children: _jsx(Code2, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Studio", on: mode === 'studio', onPress: onStudio, "data-slot": "rail-studio", children: _jsx(WandSparkles, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Tabs", on: mode === 'tabs', onPress: onTabs, "data-slot": "rail-tabs", children: _jsx(SquareTerminal, { size: 18, "aria-hidden": true }) }), flat ? null : (_jsxs(_Fragment, { children: [_jsx(Mark, { label: "Library", on: here === 'library', onPress: to(RAISED.library), "data-slot": "rail-library", children: _jsx(Library, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Scheduled tasks", on: here === 'scheduled', onPress: to(RAISED.scheduled), "data-slot": "rail-scheduled", children: _jsx(Clock, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Customize", on: here === 'customize', onPress: to(RAISED.customize), "data-slot": "rail-customize", children: _jsx(Puzzle, { size: 18, "aria-hidden": true }) })] })), rest.length ? (_jsx(DropdownMenu, { placement: flat ? 'top-start' : 'right-start', minWidth: 220, trigger: _jsx(XStack, { render: "button", "aria-label": "More", ...{ title: 'More' }, "data-slot": "rail-more", width: MARK, height: MARK, rounded: "$4", items: "center", justify: "center", cursor: "pointer", opacity: 0.62, hoverStyle: { bg: '$hover', opacity: 1 }, pressStyle: { bg: '$raised' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, $touchable: { width: 44, height: 44 }, children: _jsx(Ellipsis, { size: 18, "aria-hidden": true }) }), items: rest })) : null, _jsx(YStack, { flex: 1 }), _jsx(Me, { host: host, narrow: true, above: flat, onOrg: onOrg })] }));
+    return (_jsxs(Stack, { "data-slot": "rail", render: "nav", "aria-label": "Products", ...(flat ? { pt: '$2', mt: '$2', borderTopWidth: 1, borderColor: '$borderColor', gap: '$1' } : { width: RAIL, flex: 1, pt: '$2', pb: '$2', gap: 8 }), shrink: 0, items: "center", children: [toggle ? (_jsx(YStack, { pb: 8, children: _jsx(Toggle, { open: open, onPress: toggle }) })) : null, _jsx(Mark, { label: "Chat", on: mode === 'chat', onPress: onChat, "data-slot": "rail-chat", children: _jsx(MessageSquare, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Dev", on: mode === 'dev' && !here, onPress: onDev, "data-slot": "rail-dev", children: _jsx(Code2, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Studio", on: mode === 'studio', onPress: onStudio, "data-slot": "rail-studio", children: _jsx(WandSparkles, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Tabs", on: mode === 'tabs', onPress: onTabs, "data-slot": "rail-tabs", children: _jsx(SquareTerminal, { size: 18, "aria-hidden": true }) }), flat ? null : (_jsxs(_Fragment, { children: [_jsx(Mark, { label: "Library", on: here === 'library', onPress: to(RAISED.library), "data-slot": "rail-library", children: _jsx(Library, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Scheduled tasks", on: here === 'scheduled', onPress: to(RAISED.scheduled), "data-slot": "rail-scheduled", children: _jsx(Clock, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Customize", on: here === 'customize', onPress: to(RAISED.customize), "data-slot": "rail-customize", children: _jsx(Puzzle, { size: 18, "aria-hidden": true }) })] })), _jsx(BetasDialog, { open: betas, onOpenChange: setBetas, go: out }), rest.length ? (_jsx(DropdownMenu, { placement: flat ? 'top-start' : 'right-start', minWidth: 220, trigger: _jsx(XStack, { render: "button", "aria-label": "More", ...{ title: 'More' }, "data-slot": "rail-more", width: MARK, height: MARK, rounded: "$4", items: "center", justify: "center", cursor: "pointer", opacity: 0.62, hoverStyle: { bg: '$hover', opacity: 1 }, pressStyle: { bg: '$raised' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, $touchable: { width: 44, height: 44 }, children: _jsx(Ellipsis, { size: 18, "aria-hidden": true }) }), items: rest })) : null, _jsx(YStack, { flex: 1 }), _jsx(Me, { host: host, narrow: true, above: flat, onOrg: onOrg })] }));
 }

package/dist/Shell.js

@@ -1069,7 +1069,7 @@ function Frame({ mode, children, navigate, back, forward, }) {
         const shortcut = (event) => {
             if (summons(event)) {
                 event.preventDefault();
-                setFinding(true);
+                setFinding((open) => !open);
             }
         };
         window.addEventListener("keydown", shortcut);

package/dist/lib/betas.d.ts

@@ -0,0 +1,38 @@
+/**
+ * The apps in beta: every Hanzo app that exists or is announced and that the
+ * Hanzo app does not offer everyone yet, once, for every list that names them —
+ * the app's Betas list (Betas.tsx) and hanzo.ai/beta's.
+ *
+ * Each is a principal switch on the cloud, `beta.<id>` (hanzo-inc/cloud
+ * apps/flags betas.go carries the same ids), decided per caller: a SuperAdmin
+ * grants one to a person from their CRM record. `opens` is the one predicate a
+ * caller asks of that answer.
+ *
+ * `href` is where the app opens once granted: its own host, or its page in the
+ * page on the developer platform. An app with none is not built yet as an app; asking for it says you
+ * want it.
+ *
+ * Only what no one has today: nothing hanzo.ai or platform.hanzo.ai already
+ * offers every user is listed here, so no switch hides anything a person has.
+ */
+export declare const GROUPS: readonly ['Business', 'Data', 'Agents', 'Build & run', 'Security', 'Creative'];
+export type Group = (typeof GROUPS)[number];
+export interface Beta {
+    /** Stable, lowercase, one word: the switch is `beta.<id>`. */
+    id: string;
+    name: string;
+    /** What it is, in one line. */
+    line: string;
+    group: Group;
+    /** Where it opens once granted; absent while it is not built as an app. */
+    href?: string;
+}
+export declare const BETAS: readonly Beta[];
+/** The switch of one app in beta. */
+export declare const key: (id: string) => string;
+/**
+ * THE predicate: whether a reader may open the app `id`. `flags` is what
+ * GET /v1/flag/platform answered for them; `sudo` is a SuperAdmin (who sees every
+ * app) or a page served off a developer's own machine. Nothing else opens one.
+ */
+export declare const opens: (id: string, flags: Record<string, boolean>, sudo: boolean) => boolean;

package/dist/lib/betas.js

@@ -0,0 +1,66 @@
+/**
+ * The apps in beta: every Hanzo app that exists or is announced and that the
+ * Hanzo app does not offer everyone yet, once, for every list that names them —
+ * the app's Betas list (Betas.tsx) and hanzo.ai/beta's.
+ *
+ * Each is a principal switch on the cloud, `beta.<id>` (hanzo-inc/cloud
+ * apps/flags betas.go carries the same ids), decided per caller: a SuperAdmin
+ * grants one to a person from their CRM record. `opens` is the one predicate a
+ * caller asks of that answer.
+ *
+ * `href` is where the app opens once granted: its own host, or its page in the
+ * page on the developer platform. An app with none is not built yet as an app; asking for it says you
+ * want it.
+ *
+ * Only what no one has today: nothing hanzo.ai or platform.hanzo.ai already
+ * offers every user is listed here, so no switch hides anything a person has.
+ */
+export const GROUPS = ['Business', 'Data', 'Agents', 'Build & run', 'Security', 'Creative'];
+/** The developer platform, where a module in beta opens at its own address for anyone who has it. */
+const PLATFORM = 'https://platform.hanzo.ai';
+export const BETAS = [
+    { id: 'crm', name: 'CRM', line: 'Companies, contacts and deals, per org', group: 'Business', href: `${PLATFORM}/crm` },
+    { id: 'erp', name: 'ERP', line: 'Items, sales, purchasing, accounting and HR', group: 'Business', href: `${PLATFORM}/erp` },
+    { id: 'commerce', name: 'Commerce', line: 'Catalog, cart, checkout and orders', group: 'Business', href: 'https://commerce-admin.hanzo.ai/admin' },
+    { id: 'books', name: 'Books', line: 'Chart of accounts, ledger and bank reconciliation', group: 'Business' },
+    { id: 'finance', name: 'Finance', line: 'One ledger for your money operations', group: 'Business', href: 'https://finance.hanzo.ai' },
+    { id: 'treasury', name: 'Treasury & Ledger', line: 'Reserves, payouts and a double-entry journal', group: 'Business' },
+    { id: 'dataroom', name: 'Data Room', line: 'Share documents and see who opened them', group: 'Business', href: 'https://dataroom.hanzo.ai' },
+    { id: 'sign', name: 'Sign', line: 'Send a PDF, get it signed, keep the record', group: 'Business', href: 'https://esign.hanzo.ai' },
+    { id: 'company', name: 'Company', line: 'Formation, documents and filings', group: 'Business', href: `${PLATFORM}/company` },
+    { id: 'cms', name: 'CMS', line: 'Pages, posts, media and navigation', group: 'Business', href: 'https://cms.hanzo.ai/admin' },
+    { id: 'helpdesk', name: 'Help Center', line: 'Tickets, teams and SLAs', group: 'Business', href: 'https://help.hanzo.ai' },
+    { id: 'marketing', name: 'Marketing', line: 'Campaigns, audiences and email sequences', group: 'Business', href: 'https://marketing.hanzo.ai' },
+    { id: 'ads', name: 'Ads', line: 'Paid campaigns, launched and paused in one place', group: 'Business', href: 'https://ads.hanzo.ai' },
+    { id: 'social', name: 'Social', line: 'Schedule posts across your social accounts', group: 'Business', href: 'https://social.hanzo.ai' },
+    { id: 'tel', name: 'Telecom', line: 'Phone numbers, calls and messages', group: 'Business', href: `${PLATFORM}/tel` },
+    { id: 'risk', name: 'Risk', line: 'AML monitoring and fraud on one engine', group: 'Business', href: 'https://aml.hanzo.ai' },
+    { id: 'idv', name: 'Identity Verification', line: 'KYC, KYB and AML vendors behind one interface', group: 'Business' },
+    { id: 'base', name: 'Base', line: 'Data, users, files and live updates per org', group: 'Data', href: 'https://base.hanzo.ai' },
+    { id: 'analytics', name: 'Analytics', line: 'Privacy-first product analytics', group: 'Data', href: 'https://analytics.hanzo.ai' },
+    { id: 'insights', name: 'Insights', line: 'Funnels, session replay, flags and experiments', group: 'Data', href: 'https://insights.hanzo.ai' },
+    { id: 'search', name: 'Search', line: 'Keyword and meaning in one query', group: 'Data', href: `${PLATFORM}/search` },
+    { id: 'world', name: 'World', line: 'A live map of every model and AI workload', group: 'Data', href: 'https://world.hanzo.ai' },
+    { id: 'crawl', name: 'Crawl', line: 'Turn a website into clean Markdown', group: 'Data', href: `${PLATFORM}/crawl` },
+    { id: 'operative', name: 'Operative', line: 'A desktop in a container, driven by a model', group: 'Agents' },
+    { id: 'tasks', name: 'Tasks', line: 'Durable execution for long-running work', group: 'Agents', href: `${PLATFORM}/tasks` },
+    { id: 'functions', name: 'Functions', line: 'Serverless functions, no servers to run', group: 'Build & run', href: `${PLATFORM}/functions` },
+    { id: 'visor', name: 'Visor', line: 'Provision and watch VMs and bare metal', group: 'Build & run', href: 'https://visor.hanzo.ai' },
+    { id: 'edge', name: 'Edge', line: 'Compute close to your users', group: 'Build & run', href: `${PLATFORM}/edge` },
+    { id: 'registry', name: 'Registry', line: 'A container registry signed in with Hanzo', group: 'Build & run', href: `${PLATFORM}/registry` },
+    { id: 'ci', name: 'CI', line: 'From source to a signed image', group: 'Build & run', href: 'https://ci.hanzo.ai' },
+    { id: 'kms', name: 'KMS', line: 'Secrets held per org, never in code', group: 'Security', href: 'https://kms.hanzo.ai' },
+    { id: 'guard', name: 'Guard', line: 'Stops prompt injection and leaks in model calls', group: 'Security' },
+    { id: 'sentinel', name: 'Sentinel', line: 'Errors and slow requests, caught early', group: 'Security', href: 'https://sentry.hanzo.ai' },
+    { id: 'authz', name: 'Authz', line: 'Fine-grained authorization, Zanzibar style', group: 'Security', href: `${PLATFORM}/authz` },
+    { id: 'hsm', name: 'HSM', line: 'Hardware-backed keys across cloud KMSs', group: 'Security', href: `${PLATFORM}/hsm` },
+    { id: 'oto', name: 'Oto', line: 'Sound effects and Foley for film and games', group: 'Creative' },
+];
+/** The switch of one app in beta. */
+export const key = (id) => `beta.${id}`;
+/**
+ * THE predicate: whether a reader may open the app `id`. `flags` is what
+ * GET /v1/flag/platform answered for them; `sudo` is a SuperAdmin (who sees every
+ * app) or a page served off a developer's own machine. Nothing else opens one.
+ */
+export const opens = (id, flags, sudo) => sudo || flags[key(id)] === true;

package/dist/lib/session.d.ts

@@ -153,12 +153,14 @@ export declare function home(): string | null;
  */
 export declare function role(o: string | null): string | null;
 /**
- * Who the token names — its display name and email — or null. The IAM user says
+ * Who the token names — its display name (the username when it has none; `display`
+ * is the display name alone) and email — or null. The IAM user says
  * the same once userinfo answers; this is the answer before it, so a signed-in
  * reader is never drawn as a stranger while it is asked.
  */
 export declare function named(): {
     name: string;
+    display: string;
     email: string;
 } | null;
 /**

package/dist/lib/session.js

@@ -385,7 +385,8 @@ export function role(o) {
     return null;
 }
 /**
- * Who the token names — its display name and email — or null. The IAM user says
+ * Who the token names — its display name (the username when it has none; `display`
+ * is the display name alone) and email — or null. The IAM user says
  * the same once userinfo answers; this is the answer before it, so a signed-in
  * reader is never drawn as a stranger while it is asked.
  */
@@ -394,7 +395,7 @@ export function named() {
     if (!c)
         return null;
     const text = (k) => (typeof c[k] === 'string' ? c[k] : '');
-    return { name: text('displayName') || text('name'), email: text('email') };
+    return { name: text('displayName') || text('name'), display: text('displayName'), email: text('email') };
 }
 /**
  * The reader's account as IAM keys a membership: `<home org>/<username>`, or null.

package/dist/lib/title.d.ts

@@ -5,3 +5,5 @@
  * characters with an ellipsis; `fallback` when nothing readable is left.
  */
 export declare function tidy(title: string | null | undefined, max?: number, fallback?: string): string;
+/** A name's first word, its first letter capitalised ("z" → "Z", "ada lovelace" → "Ada"), or '' for none. */
+export declare function given(name: string): string;

package/dist/lib/title.js

@@ -34,3 +34,8 @@ export function tidy(title, max = 80, fallback = 'Untitled') {
         return fallback;
     return t.length > max ? `${t.slice(0, max - 1).trimEnd()}…` : t;
 }
+/** A name's first word, its first letter capitalised ("z" → "Z", "ada lovelace" → "Ada"), or '' for none. */
+export function given(name) {
+    const w = name.trim().split(/\s+/)[0] ?? '';
+    return w ? w[0].toUpperCase() + w.slice(1) : '';
+}

package/dist/seek.d.ts

@@ -15,32 +15,25 @@ export interface Group<T extends Hit = Hit> {
 }
 /** The most rows one group shows for a query. */
 export declare const CAP = 5;
-/** The chats an empty field lists. */
-export declare const RECENT = 8;
+/** The rows Recent lists on an empty field. */
+export declare const RECENT = 6;
 /**
  * How well a row answers a query: 0 drops it, more ranks it higher. Every word
  * of the query must be found, in the label or the row's other words; each counts
  * most where the label starts with it, then where a word of the label does, then
- * anywhere in the label, then in the other words alone. The label read whole
- * outranks everything.
+ * anywhere in the label, then in the other words, then spelled out in order
+ * within a word of the label (a typo's fuzz). The label read whole outranks
+ * everything.
  */
 export declare function fit(row: Hit, query: string): number;
 /** The rows a query keeps, best first, ties in the order they came, at most `cap`. */
 export declare function rank<T extends Hit>(rows: T[], query: string, cap?: number): T[];
 /**
- * What the palette lists. An empty field: the newest chats, under Recent chats.
- * A query: Chats, then each other group in its order, each cut to its best
- * `CAP`, a group with nothing left out.
+ * What the palette lists. An empty field: the newest `RECENT` of `recent` under
+ * Recent, then `idle` as it is. A query: every group of `all` cut to its best
+ * `CAP`, a group with nothing left out, and the group with the best answer
+ * first, ties in the order given.
  */
-export declare function find<T extends Hit>(query: string, chats: T[], groups: Group<T>[]): Group<T>[];
-/**
- * The same search for any product: an empty field lists the newest `RECENT` of
- * `recent` under its label (a product's own recents: Chat's conversations, Dev's
- * runs), and a query ranks every group in the order given.
- */
-export declare function findIn<T extends Hit>(query: string, recent: {
-    label: string;
-    items: T[];
-}, groups: Group<T>[]): Group<T>[];
+export declare function find<T extends Hit>(query: string, recent: T[], idle: Group<T>[], all: Group<T>[]): Group<T>[];
 /** Whether a key press opens the palette: ⌘K or Ctrl+K, once a press, from anywhere, a field included. */
 export declare const summons: (e: Press) => boolean;

package/dist/seek.js

@@ -3,14 +3,23 @@
 // so a spec reads them as they are.
 /** The most rows one group shows for a query. */
 export const CAP = 5;
-/** The chats an empty field lists. */
-export const RECENT = 8;
+/** The rows Recent lists on an empty field. */
+export const RECENT = 6;
+/** Whether `term`'s letters stand in `word` in order: "sttngs" in "settings". */
+const spelled = (word, term) => {
+    let i = 0;
+    for (const c of word)
+        if (c === term[i])
+            i++;
+    return i === term.length;
+};
 /**
  * How well a row answers a query: 0 drops it, more ranks it higher. Every word
  * of the query must be found, in the label or the row's other words; each counts
  * most where the label starts with it, then where a word of the label does, then
- * anywhere in the label, then in the other words alone. The label read whole
- * outranks everything.
+ * anywhere in the label, then in the other words, then spelled out in order
+ * within a word of the label (a typo's fuzz). The label read whole outranks
+ * everything.
  */
 export function fit(row, query) {
     const terms = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
@@ -21,7 +30,17 @@ export function fit(row, query) {
     const more = (row.keywords ?? []).join(' ').toLowerCase();
     let total = label === terms.join(' ') ? 10 : 0;
     for (const t of terms) {
-        const s = label.startsWith(t) ? 4 : words.some((w) => w.startsWith(t)) ? 3 : label.includes(t) ? 2 : more.includes(t) ? 1 : 0;
+        const s = label.startsWith(t)
+            ? 4
+            : words.some((w) => w.startsWith(t))
+                ? 3
+                : label.includes(t)
+                    ? 2
+                    : more.includes(t)
+                        ? 1
+                        : t.length > 2 && words.some((w) => w[0] === t[0] && spelled(w, t))
+                            ? 0.5
+                            : 0;
         if (!s)
             return 0;
         total += s;
@@ -38,24 +57,22 @@ export function rank(rows, query, cap = CAP) {
         .map((x) => x.row);
 }
 /**
- * What the palette lists. An empty field: the newest chats, under Recent chats.
- * A query: Chats, then each other group in its order, each cut to its best
- * `CAP`, a group with nothing left out.
+ * What the palette lists. An empty field: the newest `RECENT` of `recent` under
+ * Recent, then `idle` as it is. A query: every group of `all` cut to its best
+ * `CAP`, a group with nothing left out, and the group with the best answer
+ * first, ties in the order given.
  */
-export function find(query, chats, groups) {
-    return findIn(query, { label: 'Recent chats', items: chats }, [{ id: 'chats', label: 'Chats', items: chats }, ...groups]);
-}
-/**
- * The same search for any product: an empty field lists the newest `RECENT` of
- * `recent` under its label (a product's own recents: Chat's conversations, Dev's
- * runs), and a query ranks every group in the order given.
- */
-export function findIn(query, recent, groups) {
+export function find(query, recent, idle, all) {
     if (!query.trim()) {
-        const newest = [...recent.items].sort((a, b) => (b.at ?? '').localeCompare(a.at ?? '')).slice(0, RECENT);
-        return newest.length ? [{ id: 'recent', label: recent.label, items: newest }] : [];
+        const newest = [...recent].sort((a, b) => (b.at ?? '').localeCompare(a.at ?? '')).slice(0, RECENT);
+        return [{ id: 'recent', label: 'Recent', items: newest }, ...idle].filter((g) => g.items.length);
     }
-    return groups.map((g) => ({ ...g, items: rank(g.items, query) })).filter((g) => g.items.length);
+    return all
+        .map((g) => ({ ...g, items: rank(g.items, query) }))
+        .filter((g) => g.items.length)
+        .map((g, i) => ({ g, i, best: fit(g.items[0], query) }))
+        .sort((a, b) => b.best - a.best || a.i - b.i)
+        .map((x) => x.g);
 }
 /** Whether a key press opens the palette: ⌘K or Ctrl+K, once a press, from anywhere, a field included. */
 export const summons = (e) => (e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && !e.repeat && !e.isComposing && (e.key ?? '').toLowerCase() === 'k';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/rooms",
-  "version": "0.1.91",
+  "version": "0.1.92",
   "description": "The workspace rooms — Home, Chat, Inbox, Contacts, Meet, Cal, Drive, Board, Work, Bots — and the frame that holds them, once, for every Hanzo surface.",
   "type": "module",
   "main": "./dist/index.js",
@@ -49,7 +49,7 @@
   "peerDependencies": {
     "@hanzo/ai": ">=0.6.23",
     "@hanzo/appearance": ">=0.2.6",
-    "@hanzo/build": ">=0.2.77",
+    "@hanzo/build": ">=0.2.79",
     "@hanzo/composer": ">=0.2.0",
     "@hanzo/event": ">=0.3.56",
     "@hanzo/gui": "^8.3.5",
@@ -68,7 +68,7 @@
   "devDependencies": {
     "@hanzo/ai": "0.6.23",
     "@hanzo/appearance": "0.2.8",
-    "@hanzo/build": "0.2.77",
+    "@hanzo/build": "0.2.79",
     "@hanzo/composer": "0.2.0",
     "@hanzo/design": "0.5.34",
     "@hanzo/event": "0.3.56",