@hanzo/ui 8.29.8 → 8.29.10

package/dist/corner/Corner.js

@@ -0,0 +1,277 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Corner — help and preferences, behind the one control that is on every page.
+ *
+ *   <Corner
+ *     help={[{ label: 'Get help', href: '/support' }, { label: 'Docs', href: 'https://docs.hanzo.ai' }]}
+ *     language={{ value: locale, options: LANGUAGES, onChange: setLocale }}
+ *     currency={{ value: fiat, options: CURRENCIES, onChange: setFiat }}
+ *   />
+ *
+ * A small `?` sits at the bottom START corner of the window (bottom-left in a
+ * left-to-right page, bottom-right in a right-to-left one), clear of the notch
+ * and the home indicator. Pressing it opens one card that opens toward the
+ * inside: the host's help links first, then Theme, Language and Currency. The
+ * three settings a visitor is most likely to want are where they look when they
+ * want the page to explain itself, on every surface, in the same place.
+ *
+ * Theme is the library's own: `@hanzo/appearance`, written through `<Hanzo>`'s
+ * resolved stack when there is one (`Look`), so it is stored, painted before
+ * first paint and carried across origins exactly as the settings panel does.
+ * Language and currency are the HOST's — this package depends on no i18n or
+ * money library, so it draws the value it is handed and reports a choice. A row
+ * the host passes nothing for is not drawn.
+ *
+ * Behaviour is the package `Popover`'s: portalled, dismissed by Escape and an
+ * outside press, focus trapped while open and handed back to the trigger on
+ * close. Escape in a list returns to the card rather than closing it. Arrow keys
+ * move through the card's rows and through a list; a long list (more than
+ * `LONG`) gets a search field that owns the cursor (`aria-activedescendant`).
+ * Nothing animates, so there is no motion to reduce.
+ *
+ * Web-only — it is fixed to the window — so it ships at `@hanzo/ui/corner`
+ * beside `consent`, not on the barrel that promises native.
+ */
+import { Anchor, Input as GuiInput, SizableText, XStack, YStack, usePopperContextSlow } from '@hanzo/gui';
+import { Check, ChevronLeft, ChevronRight, CircleHelp, ExternalLink, Moon, Search, Sun, X } from '@hanzogui/lucide-icons-2';
+import { apply, current, read, useScheme, write } from '@hanzo/appearance';
+import { useCallback, useContext, useEffect, useId, useLayoutEffect, useRef, useState } from 'react';
+import { Popover, PopoverContent, PopoverTrigger } from '../backends/gui/popover.js';
+import { touch } from '../backends/gui/gesture.js';
+import { RING, press } from '../backends/gui/press.js';
+import { slot, tip } from '../backends/gui/slot.js';
+import { leaves } from '../masthead/nav.js';
+import { move } from '../product/chipSelect.logic.js';
+import { Segmented } from '../product/Filters.js';
+import { useEmit } from '../product/instrument.js';
+import { Look } from '../look.js';
+import { LONG, WORDS, find, shown } from './logic.js';
+/**
+ * The trigger's distance from the window's foot and its start edge: 10px, or the
+ * device's inset and 4px where that is wider. A right-to-left page puts the
+ * trigger on the right, so the inline edge takes the wider of the two side insets.
+ */
+const EDGE = {
+    bottom: 'max(10px, calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 4px))',
+    start: 'max(10px, calc(max(var(--safe-left, env(safe-area-inset-left, 0px)), var(--safe-right, env(safe-area-inset-right, 0px))) + 4px))',
+};
+/**
+ * A row's height: 36 under a mouse, 44 under a finger. Rows sit edge to edge,
+ * so the height itself is the target — an overlay past it would land on the
+ * next row. (`[role=button]` gets the same floor from design's base sheet.)
+ */
+const ROW = { minH: 36, $touchable: { minH: 44 } };
+/** The keys a list answers. */
+const MOVES = new Set(['ArrowDown', 'ArrowUp', 'Home', 'End', 'PageDown', 'PageUp']);
+/** Everything in the card the arrow keys step through, in document order. */
+const STOPS = '[data-corner-stop], [data-slot="segmented-item"][data-state="checked"]';
+/**
+ * The theme, as the person chose it, and the one way to change it.
+ *
+ * Under `<Hanzo>` it writes through the root's `useAppearance` (its org,
+ * install and account layers). Under a host's own gui provider it writes the
+ * device's layer and repaints the resolved stack, which is what `useAppearance`
+ * would do there. Nobody chose yet: the row marks what the document shows.
+ */
+function useTheme() {
+    const look = useContext(Look);
+    const ground = useScheme();
+    const [own, setOwn] = useState(undefined);
+    useEffect(() => {
+        if (!look)
+            setOwn(read().theme);
+    }, [look]);
+    const set = useCallback((theme) => {
+        if (look)
+            return look.set({ theme });
+        write({ ...read(), theme });
+        apply(current().pref);
+        setOwn(theme);
+    }, [look]);
+    return [(look ? look.pref.theme : own) ?? ground, set];
+}
+export function Corner({ help = [], language, currency, words }) {
+    const w = { ...WORDS, ...words };
+    const [open, setOpen] = useState(false);
+    const [view, setView] = useState('main');
+    // Which row opened a list, so going back puts focus where it was.
+    const [from, setFrom] = useState('main');
+    const [rtl, setRtl] = useState(false);
+    const [theme, setTheme] = useTheme();
+    const emit = useEmit();
+    const trigger = useRef(null);
+    const panel = useRef(null);
+    const settings = { language, currency };
+    // Focus follows the view: a list puts it on its search or its options, the
+    // card on the row the list was opened from.
+    useEffect(() => {
+        if (!open)
+            return;
+        const root = panel.current;
+        if (!root)
+            return;
+        const target = view === 'main'
+            ? from === 'main'
+                ? null
+                : root.querySelector(`[data-corner-row="${from}"]`)
+            : root.querySelector('[data-corner-field]');
+        target?.focus();
+    }, [open, view, from]);
+    const toggle = (next) => {
+        if (next) {
+            // A right-to-left page mirrors the chevrons; read once, where the trigger sits.
+            if (trigger.current && typeof getComputedStyle === 'function')
+                setRtl(getComputedStyle(trigger.current).direction === 'rtl');
+            setView('main');
+            setFrom('main');
+            emit({ component: 'Corner', action: 'open' });
+        }
+        setOpen(next);
+    };
+    const back = () => setView('main');
+    const choose = (kind, code) => {
+        const s = settings[kind];
+        if (!s)
+            return;
+        if (code !== s.value) {
+            emit({ component: 'Corner', action: 'change', id: kind, value: code });
+            s.onChange(code);
+        }
+        back();
+    };
+    // The card's own arrows: up and down walk its stops. A radio group keeps its
+    // arrows (they move the theme, as a radio group's should).
+    const onCard = (e) => {
+        const key = e.key;
+        if (key !== 'ArrowDown' && key !== 'ArrowUp' && key !== 'Home' && key !== 'End')
+            return;
+        const el = e.target;
+        if (el?.closest?.('[role="radiogroup"]') && (key === 'ArrowDown' || key === 'ArrowUp'))
+            return;
+        const stops = Array.from(panel.current?.querySelectorAll(STOPS) ?? []);
+        if (!stops.length)
+            return;
+        e.preventDefault?.();
+        const at = stops.findIndex((s) => s === el || s.contains(el));
+        const to = key === 'Home' ? 0 : key === 'End' ? stops.length - 1 : Math.max(0, Math.min(stops.length - 1, at + (key === 'ArrowDown' ? 1 : -1)));
+        stops[to]?.focus();
+    };
+    const Forward = rtl ? ChevronLeft : ChevronRight;
+    return (_jsx(XStack, { ...slot('corner'), position: "fixed", bottom: EDGE.bottom, insetInlineStart: EDGE.start, z: 'var(--z-dock, 40)', children: _jsxs(Popover, { open: open, onOpenChange: toggle, placement: "top-start", allowFlip: true, stayInFrame: true, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(XStack, { ref: trigger, ...slot('corner-trigger'), ...tip(w.open), role: "button", tabIndex: 0, "aria-label": w.open, "aria-haspopup": "dialog", "aria-expanded": open, ...touch(32), width: 32, height: 32, items: "center", justify: "center", rounded: "$10", cursor: "pointer", opacity: open ? 1 : 0.85, hoverStyle: { opacity: 1 }, focusVisibleStyle: RING, onKeyDown: (e) => {
+                            if (e?.key !== 'Enter' && e?.key !== ' ')
+                                return;
+                            e.preventDefault?.();
+                            toggle(!open);
+                        }, children: _jsx(CircleHelp, { size: 22, color: "$background", fill: "var(--foreground)", "aria-hidden": true }) }) }), _jsxs(PopoverContent, { ref: panel, ...slot('corner-card'), role: "dialog", "aria-label": w.open, solid: true, sideOffset: 6, width: 288, maxW: "calc(100vw - 20px)", maxH: 'calc(100dvh - 72px)', overflowY: "auto", p: "$3", gap: "$2", items: "stretch", elevation: "$4", trapFocus: true, onOpenAutoFocus: (e) => {
+                        // The first thing in the card that does something, not its close button.
+                        e.preventDefault();
+                        panel.current?.querySelector(STOPS)?.focus();
+                    }, onCloseAutoFocus: (e) => {
+                        e.preventDefault();
+                        trigger.current?.focus();
+                    }, onEscapeKeyDown: (e) => {
+                        // Escape in a list goes back to the card; on the card it closes.
+                        if (view === 'main')
+                            return;
+                        e.preventDefault();
+                        back();
+                    }, children: [_jsx(Reflow, { on: view }), view === 'main' ? (_jsxs(YStack, { gap: "$2", onKeyDown: onCard, children: [help.length ? (_jsxs(_Fragment, { children: [_jsx(Head, { title: w.help, close: w.close, onClose: () => toggle(false) }), _jsx(YStack, { ...slot('corner-help'), role: "list", "aria-label": w.help, children: help.map((link) => (_jsx(Item, { link: link, leaving: w.leaves, onPress: () => emit({ component: 'Corner', action: 'click', id: link.label }) }, link.href + link.label))) }), _jsx(YStack, { height: 1, bg: "$borderColor", my: "$1", "aria-hidden": true })] })) : null, _jsx(Head, { title: w.preferences, close: help.length ? undefined : w.close, onClose: () => toggle(false) }), _jsxs(XStack, { ...slot('corner-theme'), ...ROW, items: "center", justify: "space-between", gap: "$3", children: [_jsx(SizableText, { size: "$3", color: "$aside", children: w.theme }), _jsx(Segmented, { variant: "track", itemWidth: "content", name: "theme", "aria-label": w.theme, value: theme, onChange: setTheme, options: [
+                                                { value: 'system', label: w.auto },
+                                                { value: 'light', label: '', 'aria-label': w.light, icon: _jsx(Sun, { size: 14, color: "$ink", "aria-hidden": true }) },
+                                                { value: 'dark', label: '', 'aria-label': w.dark, icon: _jsx(Moon, { size: 14, color: "$ink", "aria-hidden": true }) },
+                                            ] })] }), ['language', 'currency'].map((kind) => {
+                                    const s = settings[kind];
+                                    if (!s)
+                                        return null;
+                                    const chosen = s.options.find((o) => o.code === s.value);
+                                    return (_jsxs(XStack, { ...slot('corner-row'), ...press(() => {
+                                            setFrom(kind);
+                                            setView(kind);
+                                        }), "data-corner-stop": "", "data-corner-row": kind, "aria-haspopup": "listbox", ...ROW, items: "center", gap: "$3", mx: -8, px: "$2", rounded: "$3", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: RING, children: [_jsx(SizableText, { size: "$3", color: "$aside", flex: 1, children: w[kind] }), _jsx(SizableText, { size: "$3", color: "$ink", fontWeight: "600", numberOfLines: 1, shrink: 1, ...(kind === 'language' ? { lang: s.value, dir: chosen?.dir } : null), children: shown(s) }), _jsx(Forward, { size: 16, color: "$hint", "aria-hidden": true })] }, kind));
+                                })] })) : (_jsx(List, { kind: view, setting: settings[view], title: w[view], words: w, rtl: rtl, onBack: back, onChoose: (code) => choose(view, code) }, view))] })] }) }));
+}
+/**
+ * Places the card again when it changes size. gui's popper re-measures when its
+ * TRIGGER moves, never when the card does, so a card that grows into a list
+ * keeps its old top and runs off the foot of the window. Inside the content,
+ * so it reads the popper the content belongs to.
+ */
+function Reflow({ on }) {
+    const { update } = usePopperContextSlow();
+    useLayoutEffect(() => {
+        update?.();
+    }, [on, update]);
+    return null;
+}
+/** A section's quiet title, and the card's close button when the section is first. */
+function Head({ title, close, onClose }) {
+    return (_jsxs(XStack, { items: "center", justify: "space-between", minH: 28, children: [_jsx(SizableText, { size: "$2", color: "$hint", render: "h2", m: 0, children: title }), close ? _jsx(Icon, { label: close, onPress: onClose, glyph: _jsx(X, { size: 18, color: "$aside", "aria-hidden": true }) }) : null] }));
+}
+/** An icon-only button: 28px drawn, 44 under a finger. */
+function Icon({ label, glyph, onPress }) {
+    return (_jsx(XStack, { ...press(onPress), ...tip(label), "aria-label": label, ...touch(28), width: 28, height: 28, marginInlineEnd: -6, items: "center", justify: "center", rounded: "$10", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: RING, children: glyph }));
+}
+/** One help link. A link that leaves the site opens a new tab and says so, to the eye and to a screen reader. */
+function Item({ link, leaving, onPress }) {
+    const out = typeof location !== 'undefined' && leaves(link.href, location.origin);
+    return (_jsx(XStack, { role: "listitem", children: _jsxs(Anchor, { ...slot('corner-link'), "data-corner-stop": "", href: link.href, target: out ? '_blank' : undefined, rel: out ? 'noopener noreferrer' : undefined, "aria-label": out ? `${link.label} (${leaving})` : undefined, onPress: onPress, display: "flex", flexDirection: "row", flex: 1, items: "center", gap: "$2.5", ...ROW, mx: -8, px: "$2", rounded: "$3", textDecorationLine: "none", color: "$ink", hoverStyle: { bg: '$hover' }, focusVisibleStyle: RING, children: [link.icon ? (_jsx(XStack, { width: 20, items: "center", justify: "center", "aria-hidden": true, children: link.icon })) : null, _jsx(SizableText, { size: "$3", color: "$ink", fontWeight: "500", children: link.label }), out ? _jsx(ExternalLink, { size: 12, color: "$hint", "aria-hidden": true }) : null] }) }));
+}
+/**
+ * A setting's options, in place of the card: back, the title, a search when the
+ * list is long, then the options with a check on the current one.
+ *
+ * ARIA: the options are a listbox. With a search, the field is the combobox and
+ * owns the cursor through `aria-activedescendant`, so focus never leaves it
+ * while the arrows move; without one the listbox itself takes focus and does the
+ * same. Enter or a press chooses.
+ */
+function List({ kind, setting, title, words, rtl, onBack, onChoose, }) {
+    const [q, setQ] = useState('');
+    const rows = find(setting.options, q);
+    const [at, setAt] = useState(() => Math.max(0, rows.findIndex((o) => o.code === setting.value)));
+    const id = useId();
+    const listId = `${id}-list`;
+    const optionId = (i) => `${id}-opt-${i}`;
+    const searchable = setting.options.length > LONG;
+    const Back = rtl ? ChevronRight : ChevronLeft;
+    // A new search starts the cursor at the top.
+    useEffect(() => {
+        if (q)
+            setAt(0);
+    }, [q]);
+    // Keep the row under the cursor in view as it moves.
+    useEffect(() => {
+        if (typeof document === 'undefined')
+            return;
+        document.getElementById(optionId(at))?.scrollIntoView?.({ block: 'nearest' });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [at]);
+    const onKey = (e) => {
+        const key = e?.key;
+        if (MOVES.has(key)) {
+            if ((key === 'Home' || key === 'End') && q)
+                return;
+            e.preventDefault?.();
+            setAt(move(key, at, rows.length));
+            return;
+        }
+        if (key === 'Enter' || (key === ' ' && !searchable)) {
+            e.preventDefault?.();
+            const o = rows[at];
+            if (o)
+                onChoose(o.code);
+        }
+    };
+    const active = rows[at] ? optionId(at) : undefined;
+    return (_jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { items: "center", gap: "$1", minH: 28, children: [_jsx(XStack, { marginInlineStart: -6, children: _jsx(Icon, { label: words.back, onPress: onBack, glyph: _jsx(Back, { size: 18, color: "$aside", "aria-hidden": true }) }) }), _jsx(SizableText, { size: "$3", color: "$ink", fontWeight: "600", render: "h2", m: 0, children: title })] }), searchable ? (_jsxs(XStack, { ...slot('corner-search'), height: 32, px: "$2", gap: "$1.5", items: "center", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$background", focusWithinStyle: { borderColor: '$outlineColor' }, children: [_jsx(Search, { size: 14, color: "$hint", "aria-hidden": true }), _jsx(GuiInput, { ...slot('corner-input'), "data-corner-field": "", unstyled: true, flex: 1, minW: 0, height: 30, p: 0, borderWidth: 0, bg: "transparent", fontSize: "$3", color: "$ink", placeholderTextColor: "$placeholderColor", placeholder: words.search, value: q, onChangeText: setQ, role: "combobox", "aria-label": `${words.search}: ${title}`, "aria-expanded": true, "aria-controls": listId, "aria-autocomplete": "list", "aria-activedescendant": active, autoComplete: "off", spellCheck: false, onKeyDown: onKey })] })) : null, _jsxs(YStack, { ...slot('corner-list'), id: listId, role: "listbox", "aria-label": title, ...(searchable
+                    ? null
+                    : { 'data-corner-field': '', tabIndex: 0, 'aria-activedescendant': active, onKeyDown: onKey, focusVisibleStyle: RING }), 
+                // A height, not a ceiling: a search that narrows the list leaves the card
+                // where it is instead of shrinking it away from the trigger.
+                height: 'min(320px, calc(100dvh - 180px))', overflowY: "auto", mx: -4, px: "$1", rounded: "$3", children: [rows.map((o, i) => {
+                        const picked = o.code === setting.value;
+                        return (_jsxs(XStack, { ...slot('corner-option'), id: optionId(i), role: "option", "aria-selected": picked, ...ROW, px: "$2", gap: "$2", items: "center", rounded: "$3", cursor: "pointer", bg: i === at ? '$hover' : 'transparent', onHoverIn: () => setAt(i), onPress: () => onChoose(o.code), children: [_jsx(YStack, { flex: 1, minW: 0, children: _jsx(SizableText, { size: "$3", color: "$ink", fontWeight: picked ? '600' : '400', numberOfLines: 1, self: "flex-start", maxW: "100%", ...(kind === 'language' ? { lang: o.code, dir: o.dir } : null), children: o.label }) }), o.hint ? (_jsx(SizableText, { size: "$2", color: "$hint", numberOfLines: 1, shrink: 0, children: o.hint })) : null, _jsx(XStack, { width: 16, items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: picked ? _jsx(Check, { size: 16, color: "$ink" }) : null })] }, o.code));
+                    }), rows.length === 0 ? (_jsx(XStack, { ...ROW, px: "$2", items: "center", role: "status", children: _jsx(SizableText, { size: "$3", color: "$hint", children: words.none }) })) : null] })] }));
+}
+//# sourceMappingURL=Corner.js.map

package/dist/corner/Corner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Corner.js","sourceRoot":"","sources":["../../src/corner/Corner.tsx"],"names":[],"mappings":"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"}

package/dist/corner/index.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shown = exports.fold = exports.find = exports.LONG = exports.WORDS = exports.Corner = void 0;
+var Corner_1 = require("./Corner.cjs");
+Object.defineProperty(exports, "Corner", { enumerable: true, get: function () { return Corner_1.Corner; } });
+var logic_1 = require("./logic.cjs");
+Object.defineProperty(exports, "WORDS", { enumerable: true, get: function () { return logic_1.WORDS; } });
+Object.defineProperty(exports, "LONG", { enumerable: true, get: function () { return logic_1.LONG; } });
+Object.defineProperty(exports, "find", { enumerable: true, get: function () { return logic_1.find; } });
+Object.defineProperty(exports, "fold", { enumerable: true, get: function () { return logic_1.fold; } });
+Object.defineProperty(exports, "shown", { enumerable: true, get: function () { return logic_1.shown; } });

package/dist/corner/index.d.ts

@@ -0,0 +1,3 @@
+export { Corner, type CornerProps, type Link } from './Corner.js';
+export { WORDS, LONG, find, fold, shown, type Option, type Setting, type Words } from './logic.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/corner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/corner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,MAAM,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/corner/index.js

@@ -0,0 +1,3 @@
+export { Corner } from './Corner.js';
+export { WORDS, LONG, find, fold, shown } from './logic.js';
+//# sourceMappingURL=index.js.map

package/dist/corner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/corner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA+B,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAyC,MAAM,SAAS,CAAA"}

package/dist/corner/logic.cjs

@@ -0,0 +1,47 @@
+"use strict";
+/**
+ * Corner's decisions, as pure functions over plain values: which list gets a
+ * search, what a search matches, and the words the panel says. They import
+ * nothing, so they are tested in node and a server can load them.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shown = exports.fold = exports.LONG = exports.WORDS = void 0;
+exports.find = find;
+exports.WORDS = {
+    open: 'Help and preferences',
+    help: 'Help',
+    preferences: 'Preferences',
+    theme: 'Theme',
+    auto: 'Auto',
+    light: 'Light',
+    dark: 'Dark',
+    language: 'Language',
+    currency: 'Currency',
+    search: 'Search',
+    back: 'Back',
+    close: 'Close',
+    none: 'No matches',
+    leaves: 'opens in a new tab',
+};
+/** Past this many options a list gets a search field. */
+exports.LONG = 8;
+/**
+ * Text as a search compares it: lower case, accents dropped, so `francais`
+ * finds `Français` and `turk` finds `Türkçe`. Scripts without case or marks
+ * pass through unchanged.
+ */
+const fold = (s) => s.normalize('NFD').replace(/\p{M}+/gu, '').toLowerCase();
+exports.fold = fold;
+/**
+ * The options a search keeps, in the host's order. A literal substring of the
+ * label, the hint or the code, never a pattern: the needle is whatever was typed.
+ */
+function find(options, q) {
+    const needle = (0, exports.fold)(q.trim());
+    if (!needle)
+        return options.slice();
+    return options.filter((o) => (0, exports.fold)(o.label).includes(needle) || (0, exports.fold)(o.hint ?? '').includes(needle) || (0, exports.fold)(o.code).includes(needle));
+}
+/** The label of the chosen option, or its code when the host did not list it. */
+const shown = (s) => s.options.find((o) => o.code === s.value)?.label ?? s.value;
+exports.shown = shown;

package/dist/corner/logic.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Corner's decisions, as pure functions over plain values: which list gets a
+ * search, what a search matches, and the words the panel says. They import
+ * nothing, so they are tested in node and a server can load them.
+ */
+/** One choice a host offers: its code, its name in its own script, and how it is written. */
+export type Option = {
+    /** What `onChange` receives: `en`, `ar`, `USD`. */
+    code: string;
+    /** The name shown, in the option's own script for a language: `Deutsch`, `العربية`. */
+    label: string;
+    /** A quieter second name, searched too: `German`, `US dollar`. */
+    hint?: string;
+    /** A language's writing direction, so its name lays out the way it is read. */
+    dir?: 'ltr' | 'rtl';
+};
+/** A preference the host owns. Corner draws it and reports a choice; the host stores it. */
+export type Setting = {
+    value: string;
+    options: readonly Option[];
+    onChange: (code: string) => void;
+};
+/** What the panel says. A host that speaks another language passes its own. */
+export type Words = {
+    /** The trigger's and the panel's name. */
+    open: string;
+    help: string;
+    preferences: string;
+    theme: string;
+    auto: string;
+    light: string;
+    dark: string;
+    language: string;
+    currency: string;
+    search: string;
+    back: string;
+    close: string;
+    /** A search that matched nothing. */
+    none: string;
+    /** Read after a link that opens in a new tab. */
+    leaves: string;
+};
+export declare const WORDS: Words;
+/** Past this many options a list gets a search field. */
+export declare const LONG = 8;
+/**
+ * Text as a search compares it: lower case, accents dropped, so `francais`
+ * finds `Français` and `turk` finds `Türkçe`. Scripts without case or marks
+ * pass through unchanged.
+ */
+export declare const fold: (s: string) => string;
+/**
+ * The options a search keeps, in the host's order. A literal substring of the
+ * label, the hint or the code, never a pattern: the needle is whatever was typed.
+ */
+export declare function find(options: readonly Option[], q: string): Option[];
+/** The label of the chosen option, or its code when the host did not list it. */
+export declare const shown: (s: Setting) => string;
+//# sourceMappingURL=logic.d.ts.map

package/dist/corner/logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic.d.ts","sourceRoot":"","sources":["../../src/corner/logic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,6FAA6F;AAC7F,MAAM,MAAM,MAAM,GAAG;IACnB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB,CAAA;AAED,4FAA4F;AAC5F,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,CAAA;AAED,+EAA+E;AAC/E,MAAM,MAAM,KAAK,GAAG;IAClB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAenB,CAAA;AAED,yDAAyD;AACzD,eAAO,MAAM,IAAI,IAAI,CAAA;AAErB;;;;GAIG;AACH,eAAO,MAAM,IAAI,MAAO,MAAM,KAAG,MACyB,CAAA;AAE1D;;;GAGG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAIpE;AAED,iFAAiF;AACjF,eAAO,MAAM,KAAK,MAAO,OAAO,KAAG,MAAqE,CAAA"}

package/dist/corner/logic.js

@@ -0,0 +1,42 @@
+/**
+ * Corner's decisions, as pure functions over plain values: which list gets a
+ * search, what a search matches, and the words the panel says. They import
+ * nothing, so they are tested in node and a server can load them.
+ */
+export const WORDS = {
+    open: 'Help and preferences',
+    help: 'Help',
+    preferences: 'Preferences',
+    theme: 'Theme',
+    auto: 'Auto',
+    light: 'Light',
+    dark: 'Dark',
+    language: 'Language',
+    currency: 'Currency',
+    search: 'Search',
+    back: 'Back',
+    close: 'Close',
+    none: 'No matches',
+    leaves: 'opens in a new tab',
+};
+/** Past this many options a list gets a search field. */
+export const LONG = 8;
+/**
+ * Text as a search compares it: lower case, accents dropped, so `francais`
+ * finds `Français` and `turk` finds `Türkçe`. Scripts without case or marks
+ * pass through unchanged.
+ */
+export const fold = (s) => s.normalize('NFD').replace(/\p{M}+/gu, '').toLowerCase();
+/**
+ * The options a search keeps, in the host's order. A literal substring of the
+ * label, the hint or the code, never a pattern: the needle is whatever was typed.
+ */
+export function find(options, q) {
+    const needle = fold(q.trim());
+    if (!needle)
+        return options.slice();
+    return options.filter((o) => fold(o.label).includes(needle) || fold(o.hint ?? '').includes(needle) || fold(o.code).includes(needle));
+}
+/** The label of the chosen option, or its code when the host did not list it. */
+export const shown = (s) => s.options.find((o) => o.code === s.value)?.label ?? s.value;
+//# sourceMappingURL=logic.js.map

package/dist/corner/logic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic.js","sourceRoot":"","sources":["../../src/corner/logic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA0CH,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,aAAa;IAC1B,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,oBAAoB;CAC7B,CAAA;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAA;AAErB;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAS,EAAU,EAAE,CACxC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA;AAE1D;;;GAGG;AACH,MAAM,UAAU,IAAI,CAAC,OAA0B,EAAE,CAAS;IACxD,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IAC7B,IAAI,CAAC,MAAM;QAAE,OAAO,OAAO,CAAC,KAAK,EAAE,CAAA;IACnC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;AACtI,CAAC;AAED,iFAAiF;AACjF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAU,EAAU,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,KAAK,CAAA"}

package/dist/gallery.cjs

@@ -73,6 +73,8 @@ const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const settings_1 = require("./settings/index.cjs");
 // A catalogue page — web-only, like the grid its cards lay out on.
 const catalog_1 = require("./catalog/index.cjs");
+// Help and preferences — web-only, fixed to the window, off the barrel.
+const corner_1 = require("./corner/index.cjs");
 const agents_1 = require("./agents/index.cjs");
 /** A real <img> with real intrinsic pixels, inline so nothing hits the network.
  *  120x40 on purpose: the wrong ratio for every box it goes in, so a frame that
@@ -195,7 +197,7 @@ const Gallery = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex'
                                 email: 'dave@acme.test',
                                 groups: [{ label: 'Organization', items: [{ id: 'acme', label: 'acme', active: true, onPress: NOOP }] }],
                                 onSignOut: NOOP,
-                            }, onCollapse: NOOP }), (0, jsx_runtime_1.jsx)(chat_1.SessionRail, { onNew: NOOP, onSearch: NOOP, recents: SESSIONS, onOpen: NOOP, collapsed: true, onCollapse: NOOP, account: { name: 'Sign in', onPress: NOOP } })] }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', maxWidth: 560 }, children: (0, jsx_runtime_1.jsx)(chat_1.RailBar, { onMenu: NOOP, menuLabel: "Open runs", brand: "Hanzo Build", onBrand: NOOP, onSearch: NOOP, searchLabel: "Search runs" }) }), (0, jsx_runtime_1.jsx)(chat_1.EmptyPrompt, { mark: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "h" }) }), (0, jsx_runtime_1.jsx)("div", { "data-home": "demo", style: { display: 'flex', width: '100%', height: 320 }, children: (0, jsx_runtime_1.jsx)(chat_1.Home, { mark: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "h" }), children: (0, jsx_runtime_1.jsx)(chat_1.Composer, { inline: true, value: "", onChange: NOOP, onSend: NOOP, placeholder: "Describe a task or ask a question" }) }) }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', maxWidth: 768 }, children: (0, jsx_runtime_1.jsx)(chat_1.Composer, { inline: true, value: "", onChange: NOOP, onSend: NOOP, placeholder: "Describe a task or ask a question", head: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: "Environment", label: "Default", onChange: NOOP, items: [] }), (0, jsx_runtime_1.jsx)(RepoSelect_1.RepoSelect, { value: { owner: 'hanzo-inc', name: 'cloud' }, onChange: NOOP, load: NONE }), (0, jsx_runtime_1.jsx)(BranchSelect_1.BranchSelect, { value: "main", onChange: NOOP, load: NONE }), (0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: "Disabled", label: "off", onChange: NOOP, items: [], disabled: true })] }), foot: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(chat_1.ComposerTool, { label: "Attach", icon: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "+" }), onPress: NOOP }), (0, jsx_runtime_1.jsx)(chat_1.ComposerTool, { label: "Mode", text: "Auto", caret: true, onPress: NOOP }), (0, jsx_runtime_1.jsx)(chat_1.ComposerTool, { label: "Disabled", text: "off", disabled: true }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), (0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: "Model", label: "Zen 5", onChange: NOOP, items: [], quiet: true })] }) }) }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', maxWidth: 768 }, children: (0, jsx_runtime_1.jsx)(chat_1.Composer, { inline: true, value: "a draft", onChange: NOOP, onSend: NOOP, onStop: NOOP, busy: true }) })] }), (0, jsx_runtime_1.jsx)(section_1.Section, { name: "settings", children: (0, jsx_runtime_1.jsx)("div", { "data-settings": "demo", style: { display: 'flex', width: '100%', height: 560 }, children: (0, jsx_runtime_1.jsx)(settings_1.Settings, { entries: ENTRIES, active: "general", onPick: NOOP, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$6", children: [(0, jsx_runtime_1.jsx)(settings_1.Heading, { title: "General", detail: "How this surface looks and listens.", action: (0, jsx_runtime_1.jsx)(gui_2.Button, { size: "sm", children: "Save" }) }), (0, jsx_runtime_1.jsx)(settings_1.Group, { title: "Appearance", detail: "Per browser.", children: (0, jsx_runtime_1.jsxs)(settings_1.Card, { children: [(0, jsx_runtime_1.jsx)(settings_1.Row, { first: true, title: "Theme", detail: "Follows the system.", trailing: (0, jsx_runtime_1.jsx)(gui_2.Switch, {}) }), (0, jsx_runtime_1.jsx)(settings_1.Row, { mono: true, title: "hk-live-3f9a", leading: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "k" }) })] }) }), (0, jsx_runtime_1.jsx)(settings_1.Field, { label: "Call me", hint: "What the home page greets you by.", children: (0, jsx_runtime_1.jsx)(gui_2.Input, { placeholder: "Name", "aria-label": "Call me" }) }), (0, jsx_runtime_1.jsx)(settings_1.Card, { children: (0, jsx_runtime_1.jsx)(settings_1.Soft, { children: "No keys yet." }) }), (0, jsx_runtime_1.jsx)(settings_1.Soft, { action: (0, jsx_runtime_1.jsx)(gui_2.Button, { size: "sm", children: "Sign in" }), children: "Sign in to see your settings." }), (0, jsx_runtime_1.jsx)(settings_1.Note, { children: "Saved." }), (0, jsx_runtime_1.jsx)(settings_1.Once, { value: "hk-live-3f9a0c", label: "API key" })] }) }) }) }), (0, jsx_runtime_1.jsx)(section_1.Section, { name: "catalog", children: (0, jsx_runtime_1.jsx)("div", { "data-shelf": "demo", style: { display: 'flex', width: '100%', height: 720 }, children: (0, jsx_runtime_1.jsxs)(catalog_1.Shelf, { title: "Customize", detail: "What the agent brings to a run.", tabs: KINDS, tab: "skills", onTab: NOOP, view: "discover", onView: NOOP, search: "Search skills", query: "", onQuery: NOOP, add: "New skill", onAdd: NOOP, children: [(0, jsx_runtime_1.jsx)(catalog_1.Featured, { title: "Triage", detail: "How we triage an issue.", meta: "Saved Sep 21", mark: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "t" }), onOpen: NOOP, action: (0, jsx_runtime_1.jsx)(catalog_1.Add, { name: "Triage", added: false, onPress: NOOP }) }), (0, jsx_runtime_1.jsxs)(catalog_1.Tiles, { label: "Skills to add", children: [(0, jsx_runtime_1.jsx)(catalog_1.Tile, { title: "git_repos", detail: "List the forge's repositories.", meta: "git", mark: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "g" }), onOpen: NOOP, action: (0, jsx_runtime_1.jsx)(catalog_1.Add, { name: "git_repos", added: false, onPress: NOOP }) }), (0, jsx_runtime_1.jsx)(catalog_1.Tile, { title: "git_branches", detail: "List a repository's branches.", meta: "git", onOpen: NOOP, action: (0, jsx_runtime_1.jsx)(catalog_1.Add, { name: "git_branches", added: true, onPress: NOOP }) }), (0, jsx_runtime_1.jsx)(catalog_1.Tile, { title: "kms_secrets", detail: "Read the names of an org's secrets.", action: (0, jsx_runtime_1.jsx)(catalog_1.Add, { name: "kms_secrets", added: false, busy: true, onPress: NOOP }) })] })] }) }) }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "box", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: 16, px: 24, py: 12, rounded: "var(--radius-lg, 0.75rem)", borderWidth: 1, children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "utility classes" }) }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: 8, maxW: 768, ml: "auto", mr: "auto", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "column" }) })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "onboarding", children: [(0, jsx_runtime_1.jsxs)(react_2.IamProvider, { config: { serverUrl: 'https://hanzo.id', clientId: 'hanzo-gallery', redirectUri: 'https://hanzo.ai/auth/callback' }, autoInit: false, children: [(0, jsx_runtime_1.jsx)(auth_1.SignIn, {}), (0, jsx_runtime_1.jsx)(auth_1.SignIn, { mode: "signup" }), (0, jsx_runtime_1.jsx)(auth_1.SignIn, { frame: false })] }), (0, jsx_runtime_1.jsx)(account_1.CreateAccount, { email: "you@example.com", onCreate: NOOP, onOther: NOOP }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Do more with Hanzo Pro", width: 340, children: (0, jsx_runtime_1.jsx)(screens_1.Pro, { interval: "annual", setInterval: NOOP, onPro: NOOP, onFree: NOOP, onAll: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "How are you planning to use Hanzo?", back: NOOP, children: (0, jsx_runtime_1.jsx)(screens_1.UseCards, { onPick: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Plans that grow with you", busy: true, width: 1140, children: (0, jsx_runtime_1.jsx)(screens_1.Plans, { interval: "annual", setInterval: NOOP, onFree: NOOP, onPick: NOOP, onTeam: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Let\u2019s create your team", center: true, children: (0, jsx_runtime_1.jsx)(screens_1.TeamName, { api: "", onCreated: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Choose your seats and plan", children: (0, jsx_runtime_1.jsx)(screens_1.Seats, { interval: "monthly", setInterval: NOOP, value: { plan: 'team_premium', seats: 20 }, setValue: NOOP, onContinue: NOOP, onEnterprise: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Talk to our sales team", children: (0, jsx_runtime_1.jsx)(screens_1.Enterprise, { api: "", onSent: NOOP }) }), (0, jsx_runtime_1.jsxs)(gui_3.ChoiceGroup, { label: "Billing interval", children: [(0, jsx_runtime_1.jsx)(gui_3.ChoiceCard, { selected: true, onSelect: NOOP, children: "Monthly" }), (0, jsx_runtime_1.jsx)(gui_3.ChoiceCard, { selected: false, onSelect: NOOP, children: "Annually" })] }), (0, jsx_runtime_1.jsx)(gui_3.Stepper, { label: "Seats", value: 2, min: 2, max: 150, onChange: NOOP })] }), (0, jsx_runtime_1.jsx)(records_1.Records, {})] }));
+                            }, onCollapse: NOOP }), (0, jsx_runtime_1.jsx)(chat_1.SessionRail, { onNew: NOOP, onSearch: NOOP, recents: SESSIONS, onOpen: NOOP, collapsed: true, onCollapse: NOOP, account: { name: 'Sign in', onPress: NOOP } })] }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', maxWidth: 560 }, children: (0, jsx_runtime_1.jsx)(chat_1.RailBar, { onMenu: NOOP, menuLabel: "Open runs", brand: "Hanzo Build", onBrand: NOOP, onSearch: NOOP, searchLabel: "Search runs" }) }), (0, jsx_runtime_1.jsx)(chat_1.EmptyPrompt, { mark: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "h" }) }), (0, jsx_runtime_1.jsx)("div", { "data-home": "demo", style: { display: 'flex', width: '100%', height: 320 }, children: (0, jsx_runtime_1.jsx)(chat_1.Home, { mark: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "h" }), children: (0, jsx_runtime_1.jsx)(chat_1.Composer, { inline: true, value: "", onChange: NOOP, onSend: NOOP, placeholder: "Describe a task or ask a question" }) }) }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', maxWidth: 768 }, children: (0, jsx_runtime_1.jsx)(chat_1.Composer, { inline: true, value: "", onChange: NOOP, onSend: NOOP, placeholder: "Describe a task or ask a question", head: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: "Environment", label: "Default", onChange: NOOP, items: [] }), (0, jsx_runtime_1.jsx)(RepoSelect_1.RepoSelect, { value: { owner: 'hanzo-inc', name: 'cloud' }, onChange: NOOP, load: NONE }), (0, jsx_runtime_1.jsx)(BranchSelect_1.BranchSelect, { value: "main", onChange: NOOP, load: NONE }), (0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: "Disabled", label: "off", onChange: NOOP, items: [], disabled: true })] }), foot: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(chat_1.ComposerTool, { label: "Attach", icon: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "+" }), onPress: NOOP }), (0, jsx_runtime_1.jsx)(chat_1.ComposerTool, { label: "Mode", text: "Auto", caret: true, onPress: NOOP }), (0, jsx_runtime_1.jsx)(chat_1.ComposerTool, { label: "Disabled", text: "off", disabled: true }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), (0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: "Model", label: "Zen 5", onChange: NOOP, items: [], quiet: true })] }) }) }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', maxWidth: 768 }, children: (0, jsx_runtime_1.jsx)(chat_1.Composer, { inline: true, value: "a draft", onChange: NOOP, onSend: NOOP, onStop: NOOP, busy: true }) })] }), (0, jsx_runtime_1.jsx)(section_1.Section, { name: "settings", children: (0, jsx_runtime_1.jsx)("div", { "data-settings": "demo", style: { display: 'flex', width: '100%', height: 560 }, children: (0, jsx_runtime_1.jsx)(settings_1.Settings, { entries: ENTRIES, active: "general", onPick: NOOP, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$6", children: [(0, jsx_runtime_1.jsx)(settings_1.Heading, { title: "General", detail: "How this surface looks and listens.", action: (0, jsx_runtime_1.jsx)(gui_2.Button, { size: "sm", children: "Save" }) }), (0, jsx_runtime_1.jsx)(settings_1.Group, { title: "Appearance", detail: "Per browser.", children: (0, jsx_runtime_1.jsxs)(settings_1.Card, { children: [(0, jsx_runtime_1.jsx)(settings_1.Row, { first: true, title: "Theme", detail: "Follows the system.", trailing: (0, jsx_runtime_1.jsx)(gui_2.Switch, {}) }), (0, jsx_runtime_1.jsx)(settings_1.Row, { mono: true, title: "hk-live-3f9a", leading: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "k" }) })] }) }), (0, jsx_runtime_1.jsx)(settings_1.Field, { label: "Call me", hint: "What the home page greets you by.", children: (0, jsx_runtime_1.jsx)(gui_2.Input, { placeholder: "Name", "aria-label": "Call me" }) }), (0, jsx_runtime_1.jsx)(settings_1.Card, { children: (0, jsx_runtime_1.jsx)(settings_1.Soft, { children: "No keys yet." }) }), (0, jsx_runtime_1.jsx)(settings_1.Soft, { action: (0, jsx_runtime_1.jsx)(gui_2.Button, { size: "sm", children: "Sign in" }), children: "Sign in to see your settings." }), (0, jsx_runtime_1.jsx)(settings_1.Note, { children: "Saved." }), (0, jsx_runtime_1.jsx)(settings_1.Once, { value: "hk-live-3f9a0c", label: "API key" })] }) }) }) }), (0, jsx_runtime_1.jsx)(section_1.Section, { name: "corner", children: (0, jsx_runtime_1.jsx)(corner_1.Corner, { help: [{ label: 'Docs', href: 'https://docs.hanzo.ai', icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.BookOpen, { size: 18 }) }], language: { value: 'en', options: [{ code: 'en', label: 'English' }], onChange: NOOP }, currency: { value: 'USD', options: [{ code: 'USD', label: 'USD' }], onChange: NOOP } }) }), (0, jsx_runtime_1.jsx)(section_1.Section, { name: "catalog", children: (0, jsx_runtime_1.jsx)("div", { "data-shelf": "demo", style: { display: 'flex', width: '100%', height: 720 }, children: (0, jsx_runtime_1.jsxs)(catalog_1.Shelf, { title: "Customize", detail: "What the agent brings to a run.", tabs: KINDS, tab: "skills", onTab: NOOP, view: "discover", onView: NOOP, search: "Search skills", query: "", onQuery: NOOP, add: "New skill", onAdd: NOOP, children: [(0, jsx_runtime_1.jsx)(catalog_1.Featured, { title: "Triage", detail: "How we triage an issue.", meta: "Saved Sep 21", mark: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "t" }), onOpen: NOOP, action: (0, jsx_runtime_1.jsx)(catalog_1.Add, { name: "Triage", added: false, onPress: NOOP }) }), (0, jsx_runtime_1.jsxs)(catalog_1.Tiles, { label: "Skills to add", children: [(0, jsx_runtime_1.jsx)(catalog_1.Tile, { title: "git_repos", detail: "List the forge's repositories.", meta: "git", mark: (0, jsx_runtime_1.jsx)(gui_2.Badge, { children: "g" }), onOpen: NOOP, action: (0, jsx_runtime_1.jsx)(catalog_1.Add, { name: "git_repos", added: false, onPress: NOOP }) }), (0, jsx_runtime_1.jsx)(catalog_1.Tile, { title: "git_branches", detail: "List a repository's branches.", meta: "git", onOpen: NOOP, action: (0, jsx_runtime_1.jsx)(catalog_1.Add, { name: "git_branches", added: true, onPress: NOOP }) }), (0, jsx_runtime_1.jsx)(catalog_1.Tile, { title: "kms_secrets", detail: "Read the names of an org's secrets.", action: (0, jsx_runtime_1.jsx)(catalog_1.Add, { name: "kms_secrets", added: false, busy: true, onPress: NOOP }) })] })] }) }) }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "box", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: 16, px: 24, py: 12, rounded: "var(--radius-lg, 0.75rem)", borderWidth: 1, children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "utility classes" }) }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: 8, maxW: 768, ml: "auto", mr: "auto", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(gui_2.CardTitle, { children: "column" }) })] }), (0, jsx_runtime_1.jsxs)(section_1.Section, { name: "onboarding", children: [(0, jsx_runtime_1.jsxs)(react_2.IamProvider, { config: { serverUrl: 'https://hanzo.id', clientId: 'hanzo-gallery', redirectUri: 'https://hanzo.ai/auth/callback' }, autoInit: false, children: [(0, jsx_runtime_1.jsx)(auth_1.SignIn, {}), (0, jsx_runtime_1.jsx)(auth_1.SignIn, { mode: "signup" }), (0, jsx_runtime_1.jsx)(auth_1.SignIn, { frame: false })] }), (0, jsx_runtime_1.jsx)(account_1.CreateAccount, { email: "you@example.com", onCreate: NOOP, onOther: NOOP }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Do more with Hanzo Pro", width: 340, children: (0, jsx_runtime_1.jsx)(screens_1.Pro, { interval: "annual", setInterval: NOOP, onPro: NOOP, onFree: NOOP, onAll: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "How are you planning to use Hanzo?", back: NOOP, children: (0, jsx_runtime_1.jsx)(screens_1.UseCards, { onPick: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Plans that grow with you", busy: true, width: 1140, children: (0, jsx_runtime_1.jsx)(screens_1.Plans, { interval: "annual", setInterval: NOOP, onFree: NOOP, onPick: NOOP, onTeam: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Let\u2019s create your team", center: true, children: (0, jsx_runtime_1.jsx)(screens_1.TeamName, { api: "", onCreated: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Choose your seats and plan", children: (0, jsx_runtime_1.jsx)(screens_1.Seats, { interval: "monthly", setInterval: NOOP, value: { plan: 'team_premium', seats: 20 }, setValue: NOOP, onContinue: NOOP, onEnterprise: NOOP }) }), (0, jsx_runtime_1.jsx)(frame_1.Page, { site: "Hanzo", title: "Talk to our sales team", children: (0, jsx_runtime_1.jsx)(screens_1.Enterprise, { api: "", onSent: NOOP }) }), (0, jsx_runtime_1.jsxs)(gui_3.ChoiceGroup, { label: "Billing interval", children: [(0, jsx_runtime_1.jsx)(gui_3.ChoiceCard, { selected: true, onSelect: NOOP, children: "Monthly" }), (0, jsx_runtime_1.jsx)(gui_3.ChoiceCard, { selected: false, onSelect: NOOP, children: "Annually" })] }), (0, jsx_runtime_1.jsx)(gui_3.Stepper, { label: "Seats", value: 2, min: 2, max: 150, onChange: NOOP })] }), (0, jsx_runtime_1.jsx)(records_1.Records, {})] }));
 exports.Gallery = Gallery;
 /**
  * A phone's page, driven: the bar opens the rail's drawer, and the host keeps

package/dist/gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../src/gallery.tsx"],"names":[],"mappings":"AAmPA;;;GAGG;AACH,eAAO,MAAM,OAAO,mCAw4BnB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,gCA4BpB;eAEc,OAAO"}
+{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../src/gallery.tsx"],"names":[],"mappings":"AAqPA;;;GAGG;AACH,eAAO,MAAM,OAAO,mCAk5BnB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,gCA4BpB;eAEc,OAAO"}