@hanzo/rooms 0.1.91 → 0.1.93

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.d.ts

@@ -2,10 +2,9 @@ export declare function Chat(): import("react").JSX.Element;
 /**
  * The same conversation, embedded in a page that is not /chat.
  *
- * R8: there were TWO live chat surfaces with different consent semantics — this
- * one asks at SEND and fails closed, the other gated on ARRIVAL through a
- * separate copy of the consent code. Two answers to one question is how they
- * drift, so /models mounts this and the second surface is gone. It carries no
+ * R8: there were TWO live chat surfaces, so /models mounts this one and the
+ * second is gone. The data-share choice is made once at onboarding; this room
+ * does not ask again when a message is sent. It carries no
  * heading of its own: the host page already has one, and a second `<h1>` is the
  * defect that took the landings off /chat and /dev.
  *
@@ -32,4 +31,3 @@ export declare function refusalOf(error: Error): {
     visitor: boolean;
     provider: boolean;
 };
-/** The agreement free asks for, in @hanzo/ai's words so every surface says one thing. */

package/dist/Chat.js

@@ -17,9 +17,9 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // the free pool, so what changes at sign-in is the menu, not the room.
 //
 // The FREE lane is about PRICE, not identity: a free turn spends no balance and
-// is data-shared in exchange, which is what the consent block asks about, at
-// SEND rather than on arrival — consent is owed when someone sends, not when
-// they walk in. Signing in is what buys the paid models and a history that
+// is data-shared in exchange. That choice is made once, at onboarding, where
+// the terms are linked. The line under the composer says so for as long as a
+// free model answers. Signing in buys the paid models and a history that
 // follows you; it is never the price of asking a question.
 //
 // This file used to branch on `isAuthenticated` and hand a visitor a composer
@@ -31,7 +31,7 @@ import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "r
 import { billed, detail, familyOf, planRequired, plainly, refused } from "./failure.js";
 import { Prose } from "./Prose.js";
 import { useAgent, useAi, useChat, } from "@hanzo/ai/react";
-import { freeCopy, grantConsent, hasConsent, isFree, } from "@hanzo/ai";
+import { isFree } from "@hanzo/ai";
 import { ASK, Chat as ChatSurface, Failure, Parts, words } from "@hanzo/ui/chat";
 import { carriedIn, carrying, compose, partsOf, said as told, weigh } from "./lib/attach.js";
 import { download, dropped, fileOf, pct, readable, refOf, retrieve } from "./lib/files.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,15 +64,13 @@ 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';
 import { first } from './lib/first.js';
-import { BAD, mix } from "./lib/mix.js";
+import { BAD } from "./lib/mix.js";
 import { brand, site } from './where.js';
-/** The veil under the free lane's consent sheet. */
-const SCRIM = mix("var(--pure-black)", 72, "srgb");
 // NO REASONING PANEL HERE. Every assistant turn opened a "Thinking" disclosure
 // listing seven steps — "Planning CSS extraction for chat styles", "Designing
 // responsive top bar grid layout" — typed into this file as a literal array.
@@ -89,24 +87,6 @@ const SCRIM = mix("var(--pure-black)", 72, "srgb");
  * room has always read at, so an untouched setting changes nothing.
  */
 const MEASURE = "var(--container-prose, 48rem)";
-/**
- * The store, or null when the browser will not give us one.
- *
- * Reading `window.localStorage` THROWS `SecurityError` where site data is
- * blocked — third-party contexts, Safari's Block All Cookies, a hardened
- * profile — and this is called from inside a send handler, so an unguarded
- * access takes the send down rather than the storage.
- */
-const store = () => {
-    if (typeof window === "undefined")
-        return null;
-    try {
-        return window.localStorage;
-    }
-    catch {
-        return null;
-    }
-};
 /**
  * The text this screen arrived with, TYPED INTO THE COMPOSER — never sent.
  *
@@ -182,8 +162,8 @@ export function Chat() {
     // mounted under the provider the shell already put above it.
     //
     // ONE room, for everyone. `anonymous` changes which models are on offer and
-    // nothing else — the composer, the consent and the transcript are the same
-    // components either way, because a visitor is having the same conversation.
+    // nothing else — the composer and the transcript are the same components
+    // either way, because a visitor is having the same conversation.
     //
     // The conversations are NOT drawn here. `Threads` is the list and the shell
     // owns the column it sits in — one sidebar for six rooms, already built, and a
@@ -194,10 +174,9 @@ export function Chat() {
 /**
  * The same conversation, embedded in a page that is not /chat.
  *
- * R8: there were TWO live chat surfaces with different consent semantics — this
- * one asks at SEND and fails closed, the other gated on ARRIVAL through a
- * separate copy of the consent code. Two answers to one question is how they
- * drift, so /models mounts this and the second surface is gone. It carries no
+ * R8: there were TWO live chat surfaces, so /models mounts this one and the
+ * second is gone. The data-share choice is made once at onboarding; this room
+ * does not ask again when a message is sent. It carries no
  * heading of its own: the host page already has one, and a second `<h1>` is the
  * defect that took the landings off /chat and /dev.
  *
@@ -476,9 +455,9 @@ function Plan({ onPress }) {
  *
  * `anonymous` opens on the free pool and offers only what the free pool can
  * answer, because listing a paid model to someone with no balance is an offer
- * that fails at send. Everything else — the transcript, the composer, the
- * consent — is identical, which is the point: signing in later changes the
- * models on the menu, not the room.
+ * that fails at send. Everything else — the transcript, the composer — is
+ * identical, which is the point: signing in later changes the models on the
+ * menu, not the room.
  */
 function Thread({ placeholder = message(), initial, anonymous = false, heading, }) {
     /**
@@ -487,16 +466,14 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
      * `useState(anonymous ? FREE : ENSO)` read the flag ONCE, on the first render
      * — which is the render before hydration settles, where `anonymous` is always
      * false. So every visitor opened on ENSO while the composer beside them said
-     * "Enso Free", `isFree(model)` was false, and the two things that hang off it
-     * both went quiet: the data-sharing notice never appeared, and the consent
-     * block never asked. A visitor was sending on the paid pool having agreed to
-     * nothing, because a state initialiser cannot see a value that arrives later.
+     * "Enso Free", and `isFree(model)` was false, so the data-sharing notice
+     * never appeared. A visitor was sending on the paid pool, because a state
+     * initialiser cannot see a value that arrives later.
      *
      * A CHOICE, or the identity. `null` is "nobody has chosen", which is a
      * different fact from either model and the only one that can defer to a flag
      * that settles after mount. Picking from the menu still wins, permanently.
      */
-    const [asking, setAsking] = useState(null);
     // THE MODEL AND THE EFFORT are the one choice Chat and Dev share
     // (@hanzo/build `useMind`): the catalog from `GET /v1/models` and what the
     // reader kept, changed from the composer's chip or from Settings.
@@ -527,8 +504,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
@@ -1137,17 +1115,9 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
      *  no longer allowed to draw. `:focus-within` would say this in CSS; the
      *  stylesheet that would hold it cannot reach past gui's own rule, so the
      *  state is read where the event is. */
-    const guarded = useCallback((text) => {
-        const s = store();
-        // FAILS CLOSED. This read `s && !hasConsent(s)`, so a browser that gives
-        // us no store answered "no consent needed" and sent a data-shared turn
-        // having asked nobody. No store means no record, and no record means ask.
-        if (isFree(model) && (!s || !hasConsent(s))) {
-            setAsking(text);
-            return;
-        }
-        speak(text);
-    }, [model, speak]);
+    // A free send goes. The data-share choice was made at onboarding, once,
+    // and the line under the composer still says what a free model does.
+    const guarded = speak;
     /**
      * The draft and the files, sent as one turn.
      *
@@ -1179,8 +1149,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)
@@ -1316,25 +1286,6 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
                                 enter(LOGIN);
                             }, children: "Sign in" })) : lift ? (_jsx(Button, { size: "sm", variant: "outline", onClick: () => setAsk({ ...lift, model: nameOf(model, listed) }), children: "Upgrade" })) : how?.visitor ? (_jsx(Button, { size: "sm", variant: "outline", onClick: () => enter(), children: "Sign in to keep going" })) : (_jsx(Anchor, { href: checkoutUrl(), children: _jsx(Button, { size: "sm", variant: "outline", children: "Add credit" }) })) })) : null] }) }));
     };
-    // The agreement is asked OVER the room, not instead of it. Returning the
-    // consent on its own replaced the whole pane: the question the reader had
-    // just typed left the screen, and the first thing a stranger saw of the
-    // product was a page about training data. The room stays; the sheet sits on
-    // top of it, and the question is still there behind it.
-    const consent = asking === null ? null : (_jsx(Consent, { question: told(asking).text, onAgree: () => {
-            const s = store();
-            // Nothing to persist into is not a reason to refuse the turn the
-            // reader just agreed to; it means the question is asked again next
-            // time, which is the honest cost of a browser that stores nothing.
-            if (s)
-                grantConsent(s);
-            const held = asking;
-            setAsking(null);
-            if (held)
-                speak(held);
-        }, onCancel: () => {
-            setAsking(null);
-        } }));
     // Dev, from the Summary's Create file or site: a move inside the app where the
     // host's app reads the path (hanzo.ai), else Dev on hanzo.ai, as the shell's
     // Dev place goes from a host without it (hanzo.team).
@@ -1356,10 +1307,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 +1411,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", 
@@ -1536,9 +1523,5 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
                 empty: heading === null ? undefined : (_jsxs(YStack, { "data-slot": "opening", items: "center", width: "100%", pt: "$6", pb: "$2", ...(media.sm ? null : { flex: 1, justify: "flex-end" }), children: [room.length > 1 ? (_jsx(XStack, { items: "center", justify: "center", mb: "$4", children: room.map((name, i) => (_jsx(Box, { ml: i ? -16 : 0, rounded: 40, borderWidth: 2, borderColor: "$background", z: room.length - i, children: _jsx(Face, { src: faces[name]?.avatar, emoji: faces[name]?.emoji, name: name, size: 72 }) }, name))) })) : portrait ? (_jsx(Box, { width: 160, height: 160, rounded: 24, overflow: "hidden", borderWidth: 2, borderColor: "var(--white-15)", boxShadow: "0 10px 24px color-mix(in srgb, var(--pure-black) 70%, transparent)", mb: "$4", bg: "var(--neutral-900)", children: _jsx(View, { render: _jsx("img", { src: portrait, alt: withWhom }), width: "100%", height: "100%", objectFit: "cover" }) })) : null, room.length === 1 && !portrait ? (_jsx(Box, { mb: "$3", children: _jsx(Face, { emoji: mate?.emoji ?? persona?.emoji, name: withWhom, size: 72 }) })) : null, _jsx(Text, { render: "h1", fontSize: "$7", lineHeight: "$7", fontWeight: "700", color: "$ink", text: "center", mb: "$1", children: join(room) || heading || (firstName ? `What’s up, ${firstName}?` : "What’s up?") }), room.length === 1 && (mate?.description ?? persona?.description) ? (_jsx(Text, { fontSize: "$3", color: "$soft", text: "center", maxW: 500, mb: "$4", lineHeight: "$4", children: mate?.description ?? persona?.description })) : null] })), 
                 // The transcript reads at the same measure. `Thread` defaults to 768
                 // itself; handing it the column here is what lets Width reach it.
-                column: { maxW: MEASURE }, composer: prompt({ ...composing, field: mention.field }, mention.state) }), _jsx(AgentMaker, {}), carry.dialog, _jsx(XStack, { items: "center", justify: "center", py: "$1", px: "$3", gap: "$2", children: isFree(model) ? (_jsxs(Text, { fontSize: "$1", color: "$soft", children: ["Free chat is data-shared to train models.", " ", _jsx(Anchor, { href: site("/legal/privacy"), fontSize: "$1", color: "$ink", children: "Privacy" })] })) : (_jsxs(_Fragment, { children: [_jsx(Anchor, { href: site("/legal/terms"), fontSize: "$1", color: "$soft", children: "Terms" }), _jsx(Text, { fontSize: "$1", color: "$soft", children: "\u00B7" }), _jsx(Anchor, { href: site("/legal/privacy"), fontSize: "$1", color: "$soft", children: "Privacy" })] })) }), consent, _jsx(Upgrade, { ask: ask, onClose: () => setAsk(null) })] }));
-}
-/** The agreement free asks for, in @hanzo/ai's words so every surface says one thing. */
-function Consent({ question, onAgree, onCancel, }) {
-    return (_jsx(YStack, { position: "absolute", t: 0, l: 0, r: 0, b: 0, items: "center", justify: "center", p: "$4", z: 40, bg: SCRIM, children: _jsxs(YStack, { width: "100%", maxW: 512, px: "$5", py: "$5", gap: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$background", children: [_jsx(Text, { render: "h2", fontSize: "$6", fontWeight: "500", color: "$ink", children: freeCopy.consentTitle }), question ? (_jsxs(Text, { fontSize: "$3", color: "$soft", numberOfLines: 2, children: ["Your question is waiting: \u201C", question, "\u201D"] })) : null, _jsx(Text, { fontSize: "$4", color: "$soft", children: freeCopy.consentBody }), _jsx(YStack, { gap: "$2", children: freeCopy.consentPoints.map((point) => (_jsx(Text, { fontSize: "$3", color: "$soft", children: point }, point))) }), _jsxs(XStack, { gap: "$3", flexWrap: "wrap", children: [_jsx(Button, { onClick: onAgree, children: freeCopy.consentAgreeCta }), _jsx(Button, { variant: "outline", onClick: onCancel, children: freeCopy.consentCancelCta })] }), _jsxs(Text, { fontSize: "$2", color: "$soft", children: [freeCopy.termsText, " ", _jsx(Anchor, { href: site("/legal/terms"), children: "Terms" }), " · ", _jsx(Anchor, { href: site("/legal/privacy"), children: "Privacy" })] })] }) }));
+                column: { maxW: MEASURE }, composer: prompt({ ...composing, field: mention.field }, mention.state) }), _jsx(AgentMaker, {}), carry.dialog, _jsx(XStack, { items: "center", justify: "center", py: "$1", px: "$3", gap: "$2", children: isFree(model) ? (_jsxs(Text, { fontSize: "$1", color: "$soft", children: ["Free chat is data-shared to train models.", " ", _jsx(Anchor, { href: site("/legal/privacy"), fontSize: "$1", color: "$ink", children: "Privacy" })] })) : (_jsxs(_Fragment, { children: [_jsx(Anchor, { href: site("/legal/terms"), fontSize: "$1", color: "$soft", children: "Terms" }), _jsx(Text, { fontSize: "$1", color: "$soft", children: "\u00B7" }), _jsx(Anchor, { href: site("/legal/privacy"), fontSize: "$1", color: "$soft", children: "Privacy" })] })) }), _jsx(Upgrade, { ask: ask, onClose: () => setAsk(null) })] }));
 }

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;