@hanzo/ui 8.29.22 → 8.29.23

package/dist/chat/Dictation.cjs

@@ -0,0 +1,142 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dictation = Dictation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Dictation: the mic, and beside it a chevron that opens its menu — the
+ * microphones this browser has, the chosen one's live level, and the language
+ * dictation listens in (Auto is the browser's own).
+ *
+ * The chosen microphone is this browser's (a device id means nothing on
+ * another), kept in localStorage and handed to @hanzo/voice (`choose`), so
+ * every capture opens it; unchosen, the system's own input. The meter listens
+ * only while the menu is open, and only where the person has already let the
+ * page use a microphone: opening a menu never asks for permission.
+ *
+ * Its words are the reader's language (@hanzo/i18n `t`); a microphone's name
+ * is the device's and a language's is its own, drawn as given.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const composer_1 = require("@hanzo/composer");
+const react_1 = require("@hanzo/i18n/react");
+const gui_2 = require("../backends/gui/index.cjs");
+const voice_1 = require("@hanzo/voice");
+const react_2 = require("react");
+const languages_1 = require("./languages.cjs");
+const ring_1 = require("./ring.cjs");
+const KEY = 'hanzo.mic';
+function kept() {
+    try {
+        return window.localStorage.getItem(KEY);
+    }
+    catch {
+        return null;
+    }
+}
+function keep(id) {
+    try {
+        if (id)
+            window.localStorage.setItem(KEY, id);
+        else
+            window.localStorage.removeItem(KEY);
+    }
+    catch {
+        // Kept for the page: `choose` holds it.
+    }
+    (0, voice_1.choose)(id);
+}
+// The page's choice reaches every capture from the first one.
+if (typeof window !== 'undefined')
+    (0, voice_1.choose)(kept());
+/** The mic is a plain mark until it is pointed at. */
+const PLAIN = { bg: 'transparent', color: 'var(--foreground)', hoverStyle: { bg: '$hover' } };
+/** The microphones this browser lists; labels only once the page may use one. */
+function useInputs(open) {
+    const [inputs, setInputs] = (0, react_2.useState)([]);
+    const [allowed, setAllowed] = (0, react_2.useState)(false);
+    const [using, setUsing] = (0, react_2.useState)('');
+    (0, react_2.useEffect)(() => {
+        if (!open || typeof navigator === 'undefined' || !navigator.mediaDevices?.enumerateDevices)
+            return;
+        let live = true;
+        void navigator.mediaDevices.enumerateDevices().then((all) => {
+            if (!live)
+                return;
+            const mics = all.filter((d) => d.kind === 'audioinput' && d.deviceId !== 'default' && d.deviceId !== 'communications');
+            setInputs(mics);
+            // The system's own input: the group the browser's "default" entry belongs to, else the first.
+            setUsing(all.find((d) => d.kind === 'audioinput' && d.deviceId === 'default')?.groupId || mics[0]?.groupId || '');
+            setAllowed(mics.some((d) => d.label));
+        });
+        return () => {
+            live = false;
+        };
+    }, [open]);
+    return { inputs, allowed, using };
+}
+/** The chosen microphone's level while the menu is open, drawn without re-rendering. */
+function Meter({ device, on }) {
+    // The level grows from the line's start: the right edge in a right-to-left language.
+    const { dir } = (0, react_1.useI18n)();
+    const bar = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(() => {
+        if (!on)
+            return;
+        let stream = null;
+        let ctx = null;
+        let frame = 0;
+        let live = true;
+        void navigator.mediaDevices
+            .getUserMedia({ audio: device ? { deviceId: { exact: device } } : true })
+            .then((s) => {
+            if (!live)
+                return s.getTracks().forEach((t) => t.stop());
+            stream = s;
+            ctx = new AudioContext();
+            const tap = ctx.createAnalyser();
+            tap.fftSize = 512;
+            ctx.createMediaStreamSource(s).connect(tap);
+            const buf = new Uint8Array(tap.fftSize);
+            const draw = () => {
+                tap.getByteTimeDomainData(buf);
+                let peak = 0;
+                for (const v of buf)
+                    peak = Math.max(peak, Math.abs(v - 128));
+                if (bar.current)
+                    bar.current.style.transform = `scaleX(${Math.min(1, (peak / 128) * 2.5)})`;
+                frame = requestAnimationFrame(draw);
+            };
+            draw();
+        })
+            .catch(() => { });
+        return () => {
+            live = false;
+            cancelAnimationFrame(frame);
+            stream?.getTracks().forEach((t) => t.stop());
+            void ctx?.close();
+        };
+    }, [device, on]);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: 10, px: 8, py: 8, "data-slot": "mic-meter", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Mic, { size: 14, color: "$hint" }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, height: 4, rounded: 2, bg: "$hover", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ref: bar, height: 4, width: "100%", bg: "$ink", 
+                    // Empty at rest; the level is written per frame onto the node's transform, so no class is minted per value.
+                    scaleX: 0, transformOrigin: dir === 'rtl' ? 'right' : 'left' }) })] }));
+}
+/** The mic and its chevron, one control on the composer's row. */
+function Dictation({ voice, disabled = false, size = 36, language = null, onLanguage }) {
+    const { t } = (0, react_1.useI18n)();
+    const [open, setOpen] = (0, react_2.useState)(false);
+    // The Language list, drawn only while open (see Plus.tsx).
+    const [lang, setLang] = (0, react_2.useState)(false);
+    const { inputs, allowed, using } = useInputs(open);
+    const [device, setDevice] = (0, react_2.useState)(() => (typeof window === 'undefined' ? null : kept()));
+    const spoken = languages_1.LANGUAGES.find((l) => l.id === language);
+    // Two controls on one row, each its own box and its own focus ring: no frame around the pair.
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { "data-slot": "dictation", items: "center", shrink: 0, children: [(0, jsx_runtime_1.jsx)(composer_1.Control, { asChild: true, size: size, ...PLAIN, focusVisibleStyle: ring_1.RING, children: (0, jsx_runtime_1.jsx)(voice_1.Voice, { voice: voice, disabled: disabled, says: { idle: t('Dictate'), listening: t('Dictating — click to stop') }, children: (state) => (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Mic, { size: 16, color: "var(--foreground)", fill: state === 'idle' ? 'none' : 'var(--foreground)' }) }) }), (0, jsx_runtime_1.jsxs)(gui_2.DropdownMenu, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuTrigger, { asChild: true, disabled: disabled, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { render: "button", "aria-label": t('Dictation settings'), "data-slot": "dictation-menu", width: size, height: size, items: "center", justify: "center", rounded: 999, cursor: "pointer", bg: open ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, focusVisibleStyle: ring_1.RING, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14, color: "$soft" }) }) }), (0, jsx_runtime_1.jsxs)(gui_2.DropdownMenuContent, { align: "end", minW: 200, "data-slot": "dictation-panel", children: [(0, jsx_runtime_1.jsx)(Meter, { device: device, on: open && allowed }), inputs.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuLabel, { children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$hint", children: t('No devices found') }) })) : (inputs.map((d, i) => {
+                                const on = device ? d.deviceId === device : d.groupId === using;
+                                return ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => {
+                                        setDevice(d.deviceId);
+                                        keep(d.deviceId);
+                                    }, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, items: "center", gap: 8, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$ink", numberOfLines: 1, flex: 1, children: d.label || t('Microphone {n}', { n: i + 1 }) }), on ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) }, d.deviceId || i));
+                            })), onLanguage ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuLabel, { children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 13, color: "$hint", children: t('Dictation settings') }) }), (0, jsx_runtime_1.jsxs)(gui_2.DropdownMenuSub, { open: lang, onOpenChange: setLang, children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSubTrigger, { "data-slot": "dictation-language", onPress: () => setLang(true), children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, items: "center", gap: 8, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$ink", flex: 1, children: t('Language') }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$hint", children: spoken?.label ?? t('Auto') })] }) }), lang ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSubContent, { minW: 160, pointerEvents: "auto", children: [{ id: '', label: t('Auto') }, ...languages_1.LANGUAGES].map((l) => ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { onSelect: () => onLanguage(l.id || null), children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, items: "center", gap: 8, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$ink", flex: 1, children: l.label }), (language ?? '') === l.id ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) }, l.id || 'auto'))) })) : null] })] })) : null] })] })] }));
+}

package/dist/chat/Dictation.d.ts

@@ -0,0 +1,13 @@
+import { type Machine } from '@hanzo/voice';
+export interface DictationProps {
+    voice: Machine;
+    disabled?: boolean;
+    /** The box of each half, px: the composer's control size (36 on a laptop, 44 on a phone). */
+    size?: number;
+    /** The language dictation listens in, or null for Auto (the browser's own). */
+    language?: string | null;
+    onLanguage?: (id: string | null) => void;
+}
+/** The mic and its chevron, one control on the composer's row. */
+export declare function Dictation({ voice, disabled, size, language, onLanguage }: DictationProps): import("react").JSX.Element;
+//# sourceMappingURL=Dictation.d.ts.map

package/dist/chat/Dictation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dictation.d.ts","sourceRoot":"","sources":["../../src/chat/Dictation.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,cAAc,CAAA;AA+G1D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CACzC;AAED,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAgB,EAAE,IAAS,EAAE,QAAe,EAAE,UAAU,EAAE,EAAE,cAAc,+BAyG5G"}

package/dist/chat/Dictation.js

@@ -0,0 +1,140 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Dictation: the mic, and beside it a chevron that opens its menu — the
+ * microphones this browser has, the chosen one's live level, and the language
+ * dictation listens in (Auto is the browser's own).
+ *
+ * The chosen microphone is this browser's (a device id means nothing on
+ * another), kept in localStorage and handed to @hanzo/voice (`choose`), so
+ * every capture opens it; unchosen, the system's own input. The meter listens
+ * only while the menu is open, and only where the person has already let the
+ * page use a microphone: opening a menu never asks for permission.
+ *
+ * Its words are the reader's language (@hanzo/i18n `t`); a microphone's name
+ * is the device's and a language's is its own, drawn as given.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { Check, ChevronDown, Mic as MicIcon } from '@hanzogui/lucide-icons-2';
+import { Control } from '@hanzo/composer';
+import { useI18n } from '@hanzo/i18n/react';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from '../backends/gui/index.js';
+import { choose, Voice } from '@hanzo/voice';
+import { useEffect, useRef, useState } from 'react';
+import { LANGUAGES } from './languages.js';
+import { RING } from './ring.js';
+const KEY = 'hanzo.mic';
+function kept() {
+    try {
+        return window.localStorage.getItem(KEY);
+    }
+    catch {
+        return null;
+    }
+}
+function keep(id) {
+    try {
+        if (id)
+            window.localStorage.setItem(KEY, id);
+        else
+            window.localStorage.removeItem(KEY);
+    }
+    catch {
+        // Kept for the page: `choose` holds it.
+    }
+    choose(id);
+}
+// The page's choice reaches every capture from the first one.
+if (typeof window !== 'undefined')
+    choose(kept());
+/** The mic is a plain mark until it is pointed at. */
+const PLAIN = { bg: 'transparent', color: 'var(--foreground)', hoverStyle: { bg: '$hover' } };
+/** The microphones this browser lists; labels only once the page may use one. */
+function useInputs(open) {
+    const [inputs, setInputs] = useState([]);
+    const [allowed, setAllowed] = useState(false);
+    const [using, setUsing] = useState('');
+    useEffect(() => {
+        if (!open || typeof navigator === 'undefined' || !navigator.mediaDevices?.enumerateDevices)
+            return;
+        let live = true;
+        void navigator.mediaDevices.enumerateDevices().then((all) => {
+            if (!live)
+                return;
+            const mics = all.filter((d) => d.kind === 'audioinput' && d.deviceId !== 'default' && d.deviceId !== 'communications');
+            setInputs(mics);
+            // The system's own input: the group the browser's "default" entry belongs to, else the first.
+            setUsing(all.find((d) => d.kind === 'audioinput' && d.deviceId === 'default')?.groupId || mics[0]?.groupId || '');
+            setAllowed(mics.some((d) => d.label));
+        });
+        return () => {
+            live = false;
+        };
+    }, [open]);
+    return { inputs, allowed, using };
+}
+/** The chosen microphone's level while the menu is open, drawn without re-rendering. */
+function Meter({ device, on }) {
+    // The level grows from the line's start: the right edge in a right-to-left language.
+    const { dir } = useI18n();
+    const bar = useRef(null);
+    useEffect(() => {
+        if (!on)
+            return;
+        let stream = null;
+        let ctx = null;
+        let frame = 0;
+        let live = true;
+        void navigator.mediaDevices
+            .getUserMedia({ audio: device ? { deviceId: { exact: device } } : true })
+            .then((s) => {
+            if (!live)
+                return s.getTracks().forEach((t) => t.stop());
+            stream = s;
+            ctx = new AudioContext();
+            const tap = ctx.createAnalyser();
+            tap.fftSize = 512;
+            ctx.createMediaStreamSource(s).connect(tap);
+            const buf = new Uint8Array(tap.fftSize);
+            const draw = () => {
+                tap.getByteTimeDomainData(buf);
+                let peak = 0;
+                for (const v of buf)
+                    peak = Math.max(peak, Math.abs(v - 128));
+                if (bar.current)
+                    bar.current.style.transform = `scaleX(${Math.min(1, (peak / 128) * 2.5)})`;
+                frame = requestAnimationFrame(draw);
+            };
+            draw();
+        })
+            .catch(() => { });
+        return () => {
+            live = false;
+            cancelAnimationFrame(frame);
+            stream?.getTracks().forEach((t) => t.stop());
+            void ctx?.close();
+        };
+    }, [device, on]);
+    return (_jsxs(XStack, { items: "center", gap: 10, px: 8, py: 8, "data-slot": "mic-meter", "aria-hidden": true, children: [_jsx(MicIcon, { size: 14, color: "$hint" }), _jsx(YStack, { flex: 1, height: 4, rounded: 2, bg: "$hover", overflow: "hidden", children: _jsx(YStack, { ref: bar, height: 4, width: "100%", bg: "$ink", 
+                    // Empty at rest; the level is written per frame onto the node's transform, so no class is minted per value.
+                    scaleX: 0, transformOrigin: dir === 'rtl' ? 'right' : 'left' }) })] }));
+}
+/** The mic and its chevron, one control on the composer's row. */
+export function Dictation({ voice, disabled = false, size = 36, language = null, onLanguage }) {
+    const { t } = useI18n();
+    const [open, setOpen] = useState(false);
+    // The Language list, drawn only while open (see Plus.tsx).
+    const [lang, setLang] = useState(false);
+    const { inputs, allowed, using } = useInputs(open);
+    const [device, setDevice] = useState(() => (typeof window === 'undefined' ? null : kept()));
+    const spoken = LANGUAGES.find((l) => l.id === language);
+    // Two controls on one row, each its own box and its own focus ring: no frame around the pair.
+    return (_jsxs(XStack, { "data-slot": "dictation", items: "center", shrink: 0, children: [_jsx(Control, { asChild: true, size: size, ...PLAIN, focusVisibleStyle: RING, children: _jsx(Voice, { voice: voice, disabled: disabled, says: { idle: t('Dictate'), listening: t('Dictating — click to stop') }, children: (state) => _jsx(MicIcon, { size: 16, color: "var(--foreground)", fill: state === 'idle' ? 'none' : 'var(--foreground)' }) }) }), _jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: _jsx(XStack, { render: "button", "aria-label": t('Dictation settings'), "data-slot": "dictation-menu", width: size, height: size, items: "center", justify: "center", rounded: 999, cursor: "pointer", bg: open ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, focusVisibleStyle: RING, children: _jsx(ChevronDown, { size: 14, color: "$soft" }) }) }), _jsxs(DropdownMenuContent, { align: "end", minW: 200, "data-slot": "dictation-panel", children: [_jsx(Meter, { device: device, on: open && allowed }), inputs.length === 0 ? (_jsx(DropdownMenuLabel, { children: _jsx(SizableText, { fontSize: 14, color: "$hint", children: t('No devices found') }) })) : (inputs.map((d, i) => {
+                                const on = device ? d.deviceId === device : d.groupId === using;
+                                return (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => {
+                                        setDevice(d.deviceId);
+                                        keep(d.deviceId);
+                                    }, children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: "$ink", numberOfLines: 1, flex: 1, children: d.label || t('Microphone {n}', { n: i + 1 }) }), on ? _jsx(Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) }, d.deviceId || i));
+                            })), onLanguage ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { children: _jsx(SizableText, { fontSize: 13, color: "$hint", children: t('Dictation settings') }) }), _jsxs(DropdownMenuSub, { open: lang, onOpenChange: setLang, children: [_jsx(DropdownMenuSubTrigger, { "data-slot": "dictation-language", onPress: () => setLang(true), children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: "$ink", flex: 1, children: t('Language') }), _jsx(SizableText, { fontSize: 14, color: "$hint", children: spoken?.label ?? t('Auto') })] }) }), lang ? (_jsx(DropdownMenuSubContent, { minW: 160, pointerEvents: "auto", children: [{ id: '', label: t('Auto') }, ...LANGUAGES].map((l) => (_jsx(DropdownMenuItem, { onSelect: () => onLanguage(l.id || null), children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: "$ink", flex: 1, children: l.label }), (language ?? '') === l.id ? _jsx(Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) }, l.id || 'auto'))) })) : null] })] })) : null] })] })] }));
+}
+//# sourceMappingURL=Dictation.js.map

package/dist/chat/Dictation.js.map

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

package/dist/chat/Families.cjs

@@ -0,0 +1,41 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFamilies = useFamilies;
+/**
+ * The model families as chips: Auto, then each of Hanzo's families the catalog
+ * lists (Enso's own tiers, Kai, Zen), one press each. Auto is the router, which
+ * picks the model for every message; a family chip names its first model the plan
+ * grants, and one the plan does not grant asks for the plan instead.
+ *
+ * Only what the catalog lists is drawn, so a person on a catalog without Kai sees
+ * no Kai. This is Chat's chip row, hidden until the person turns the chips on.
+ */
+const react_1 = require("@hanzo/i18n/react");
+const react_2 = require("react");
+const catalog_1 = require("../models/catalog.cjs");
+/** The families a chip names, in order. Enso's router is Auto, so only a tier of Enso beside the router earns a chip. */
+const NAMED = ['enso', 'kai', 'zen'];
+function useFamilies(mind, onUpgrade) {
+    const { t } = (0, react_1.useI18n)();
+    return (0, react_2.useMemo)(() => {
+        const router = mind.models.find((m) => m.id === catalog_1.ENSO);
+        const rows = router
+            ? [{ id: 'auto', label: t('Auto'), on: mind.model === catalog_1.ENSO, onPress: () => mind.pick(catalog_1.ENSO) }]
+            : [];
+        for (const id of NAMED) {
+            const own = (0, catalog_1.sortModels)(mind.models.filter((m) => m.family === id && m.id !== catalog_1.ENSO && m.access !== 'research'));
+            if (!own.length)
+                continue;
+            const first = own.find((m) => (0, catalog_1.grants)(mind.free, m.id, mind.models)) ?? own[0];
+            const label = catalog_1.FAMILIES.find((f) => f.id === id)?.label ?? id;
+            rows.push({
+                id,
+                label,
+                on: own.some((m) => m.id === mind.model),
+                onPress: () => ((0, catalog_1.grants)(mind.free, first.id, mind.models) ? mind.pick(first.id) : onUpgrade?.(first.id)),
+            });
+        }
+        return rows;
+    }, [mind, onUpgrade, t]);
+}

package/dist/chat/Families.d.ts

@@ -0,0 +1,3 @@
+import type { Chip, Mind } from './Tune.js';
+export declare function useFamilies(mind: Mind, onUpgrade?: (model: string) => void): Chip[];
+//# sourceMappingURL=Families.d.ts.map

package/dist/chat/Families.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Families.d.ts","sourceRoot":"","sources":["../../src/chat/Families.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAKxC,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAqBnF"}

package/dist/chat/Families.js

@@ -0,0 +1,39 @@
+'use client';
+/**
+ * The model families as chips: Auto, then each of Hanzo's families the catalog
+ * lists (Enso's own tiers, Kai, Zen), one press each. Auto is the router, which
+ * picks the model for every message; a family chip names its first model the plan
+ * grants, and one the plan does not grant asks for the plan instead.
+ *
+ * Only what the catalog lists is drawn, so a person on a catalog without Kai sees
+ * no Kai. This is Chat's chip row, hidden until the person turns the chips on.
+ */
+import { useI18n } from '@hanzo/i18n/react';
+import { useMemo } from 'react';
+import { ENSO, FAMILIES, grants, sortModels } from '../models/catalog.js';
+/** The families a chip names, in order. Enso's router is Auto, so only a tier of Enso beside the router earns a chip. */
+const NAMED = ['enso', 'kai', 'zen'];
+export function useFamilies(mind, onUpgrade) {
+    const { t } = useI18n();
+    return useMemo(() => {
+        const router = mind.models.find((m) => m.id === ENSO);
+        const rows = router
+            ? [{ id: 'auto', label: t('Auto'), on: mind.model === ENSO, onPress: () => mind.pick(ENSO) }]
+            : [];
+        for (const id of NAMED) {
+            const own = sortModels(mind.models.filter((m) => m.family === id && m.id !== ENSO && m.access !== 'research'));
+            if (!own.length)
+                continue;
+            const first = own.find((m) => grants(mind.free, m.id, mind.models)) ?? own[0];
+            const label = FAMILIES.find((f) => f.id === id)?.label ?? id;
+            rows.push({
+                id,
+                label,
+                on: own.some((m) => m.id === mind.model),
+                onPress: () => (grants(mind.free, first.id, mind.models) ? mind.pick(first.id) : onUpgrade?.(first.id)),
+            });
+        }
+        return rows;
+    }, [mind, onUpgrade, t]);
+}
+//# sourceMappingURL=Families.js.map

package/dist/chat/Families.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Families.js","sourceRoot":"","sources":["../../src/chat/Families.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAA;AAGxF,yHAAyH;AACzH,MAAM,KAAK,GAA2B,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAE5D,MAAM,UAAU,WAAW,CAAC,IAAU,EAAE,SAAmC;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAA;QACrD,MAAM,IAAI,GAAW,MAAM;YACzB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7F,CAAC,CAAC,EAAE,CAAA;QACN,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE,CAAC;YACvB,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAA;YAC9G,IAAI,CAAC,GAAG,CAAC,MAAM;gBAAE,SAAQ;YACzB,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAE,CAAA;YAC9E,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,EAAE,CAAA;YAC5D,IAAI,CAAC,IAAI,CAAC;gBACR,EAAE;gBACF,KAAK;gBACL,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC;gBACxC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aACxG,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAA;AAC1B,CAAC"}

package/dist/chat/Mention.cjs

@@ -0,0 +1,25 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trigger = trigger;
+exports.Mention = Mention;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `/` and `@` in the draft: the word the caret ends on opens a shelf — the
+ * skills for `/`, the plugins for `@` — in a list just above the frame, filtered
+ * by what follows the mark. The composer owns which row is lit and the keys that
+ * move it, so no surface carries that state.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
+/** The `/` or `@` the caret ends on, and the words typed after it. */
+function trigger(value) {
+    const m = /(^|\s)([/@])([^\s/@]*)$/.exec(value);
+    return m ? { char: m[2], query: m[3].toLowerCase(), at: m.index + m[1].length } : null;
+}
+/** The list a mark opens, above the frame. */
+function Mention({ shelf, rows, index, onPick, skills }) {
+    const { t } = (0, react_1.useI18n)();
+    const tag = t(skills ? 'Skill' : 'Plugin');
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: 'listbox', "aria-label": t(skills ? 'Skills' : 'Plugins'), "data-slot": "mention", width: "100%", maxH: 240, overflowY: "auto", overflowX: "hidden", p: 6, rounded: 12, borderWidth: 1, borderColor: "$borderColor", bg: "$background", "$max-sm": { rounded: 22 }, children: rows.length ? (rows.map((r, i) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { role: "option", "aria-selected": i === index, onPress: () => onPick(r.id), items: "center", gap: 10, px: 8, height: 36, rounded: 8, bg: i === index ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, cursor: "pointer", "$max-sm": { height: 46 }, children: [r.icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 16, items: "center", justify: "center", "aria-hidden": true, children: r.icon })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 15, color: "$ink", numberOfLines: 1, flex: 1, style: { textAlign: 'start' }, children: r.label }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 13, color: "$hint", children: r.on ? t('On') : tag })] }, r.id)))) : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$hint", px: 8, py: 8, children: t(shelf.loading ? 'Reading…' : 'Nothing matches') })) }));
+}

package/dist/chat/Mention.d.ts

@@ -0,0 +1,16 @@
+import type { Shelf } from './Plus.js';
+/** The `/` or `@` the caret ends on, and the words typed after it. */
+export declare function trigger(value: string): {
+    char: '/' | '@';
+    query: string;
+    at: number;
+} | null;
+/** The list a mark opens, above the frame. */
+export declare function Mention({ shelf, rows, index, onPick, skills }: {
+    shelf: Shelf;
+    rows: Shelf['rows'];
+    index: number;
+    onPick: (id: string) => void;
+    skills: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Mention.d.ts.map

package/dist/chat/Mention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../src/chat/Mention.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAEnC,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAG5F;AAED,8CAA8C;AAC9C,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,+BAyDlK"}

package/dist/chat/Mention.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `/` and `@` in the draft: the word the caret ends on opens a shelf — the
+ * skills for `/`, the plugins for `@` — in a list just above the frame, filtered
+ * by what follows the mark. The composer owns which row is lit and the keys that
+ * move it, so no surface carries that state.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
+/** The `/` or `@` the caret ends on, and the words typed after it. */
+export function trigger(value) {
+    const m = /(^|\s)([/@])([^\s/@]*)$/.exec(value);
+    return m ? { char: m[2], query: m[3].toLowerCase(), at: m.index + m[1].length } : null;
+}
+/** The list a mark opens, above the frame. */
+export function Mention({ shelf, rows, index, onPick, skills }) {
+    const { t } = useI18n();
+    const tag = t(skills ? 'Skill' : 'Plugin');
+    return (_jsx(YStack, { role: 'listbox', "aria-label": t(skills ? 'Skills' : 'Plugins'), "data-slot": "mention", width: "100%", maxH: 240, overflowY: "auto", overflowX: "hidden", p: 6, rounded: 12, borderWidth: 1, borderColor: "$borderColor", bg: "$background", "$max-sm": { rounded: 22 }, children: rows.length ? (rows.map((r, i) => (_jsxs(XStack, { role: "option", "aria-selected": i === index, onPress: () => onPick(r.id), items: "center", gap: 10, px: 8, height: 36, rounded: 8, bg: i === index ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, cursor: "pointer", "$max-sm": { height: 46 }, children: [r.icon ? (_jsx(XStack, { width: 16, items: "center", justify: "center", "aria-hidden": true, children: r.icon })) : null, _jsx(SizableText, { fontSize: 15, color: "$ink", numberOfLines: 1, flex: 1, style: { textAlign: 'start' }, children: r.label }), _jsx(SizableText, { fontSize: 13, color: "$hint", children: r.on ? t('On') : tag })] }, r.id)))) : (_jsx(SizableText, { fontSize: 14, color: "$hint", px: 8, py: 8, children: t(shelf.loading ? 'Reading…' : 'Nothing matches') })) }));
+}
+//# sourceMappingURL=Mention.js.map

package/dist/chat/Mention.js.map

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

package/dist/chat/Palette.cjs

@@ -0,0 +1,22 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Palette = Palette;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The composer's commands: what a surface can do from where the draft is — run
+ * it, open the repository in an editor, go to its issues. A `ChipSelect` with
+ * no words on its chip, so the search, the arrows, Enter and Esc are the ones
+ * every pill already has. ⌘K (Ctrl+K) opens it from the field.
+ *
+ * A command's `keys` is what already does it elsewhere (⌘↵ sends), never a key
+ * this list binds: a shortcut shown and not bound is a promise the page breaks.
+ */
+const react_1 = require("@hanzo/i18n/react");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const ChipSelect_1 = require("../product/ChipSelect.cjs");
+function Palette({ commands, open, onOpenChange, placement = 'top-end', size, disabled, }) {
+    const { t } = (0, react_1.useI18n)();
+    const items = commands.map((c) => ({ id: c.id, label: c.label, icon: c.icon, hint: c.keys, disabled: c.disabled, command: c }));
+    return ((0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: t('Commands'), label: "", quiet: true, ...(size ? { box: size } : null), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Sparkles, { size: 15, color: "$soft" }), items: items, onChange: (i) => i.command.run(), placeholder: t('Search commands…'), empty: t('Nothing matches'), placement: placement, width: 300, disabled: disabled, open: open, onOpenChange: onOpenChange }));
+}

package/dist/chat/Palette.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import { type ChipPlacement } from '../product/ChipSelect.js';
+export interface Command {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    /** The keys that do this elsewhere, as said on the row (`⌘↵`). */
+    keys?: string;
+    run: () => void;
+    disabled?: boolean;
+}
+export declare function Palette({ commands, open, onOpenChange, placement, size, disabled, }: {
+    commands: readonly Command[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    placement?: ChipPlacement;
+    /** The button's box, px: the composer's control size. */
+    size?: number;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Palette.d.ts.map

package/dist/chat/Palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/chat/Palette.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGtE,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAqB,EACrB,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,OAAO,EAAE,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,+BAqBA"}

package/dist/chat/Palette.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The composer's commands: what a surface can do from where the draft is — run
+ * it, open the repository in an editor, go to its issues. A `ChipSelect` with
+ * no words on its chip, so the search, the arrows, Enter and Esc are the ones
+ * every pill already has. ⌘K (Ctrl+K) opens it from the field.
+ *
+ * A command's `keys` is what already does it elsewhere (⌘↵ sends), never a key
+ * this list binds: a shortcut shown and not bound is a promise the page breaks.
+ */
+import { useI18n } from '@hanzo/i18n/react';
+import { Sparkles } from '@hanzogui/lucide-icons-2';
+import { ChipSelect } from '../product/ChipSelect.js';
+export function Palette({ commands, open, onOpenChange, placement = 'top-end', size, disabled, }) {
+    const { t } = useI18n();
+    const items = commands.map((c) => ({ id: c.id, label: c.label, icon: c.icon, hint: c.keys, disabled: c.disabled, command: c }));
+    return (_jsx(ChipSelect, { name: t('Commands'), label: "", quiet: true, ...(size ? { box: size } : null), icon: _jsx(Sparkles, { size: 15, color: "$soft" }), items: items, onChange: (i) => i.command.run(), placeholder: t('Search commands…'), empty: t('Nothing matches'), placement: placement, width: 300, disabled: disabled, open: open, onOpenChange: onOpenChange }));
+}
+//# sourceMappingURL=Palette.js.map

package/dist/chat/Palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.js","sourceRoot":"","sources":["../../src/chat/Palette.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAGnD,OAAO,EAAE,UAAU,EAAsB,MAAM,uBAAuB,CAAA;AAetE,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,SAAS,EACrB,IAAI,EACJ,QAAQ,GAST;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,KAAK,GAAU,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACtI,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC,EACnB,KAAK,EAAC,EAAE,EACR,KAAK,WACD,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACjC,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAChC,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAClC,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;AACH,CAAC"}