@hanzo/build 0.2.62 → 0.2.63

package/lib/mic.d.ts

@@ -2,9 +2,11 @@ import { type Machine } from '@hanzo/voice';
 export interface DictationProps {
     voice: Machine;
     disabled?: boolean;
+    /** A phone: both halves take a finger's width. */
+    narrow?: boolean;
     /** 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, language, onLanguage }: DictationProps): import("react").JSX.Element;
+export declare function Dictation({ voice, disabled, narrow, language, onLanguage }: DictationProps): import("react").JSX.Element;

package/lib/mic.js

@@ -4,18 +4,43 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * microphones this browser has, the chosen one's live level, and the language
  * dictation listens in (Auto is the browser's own).
  *
- * The microphones are listed as the browser names them, the system's own
- * input first; dictation opens that one. 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.
+ * 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.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { Check, ChevronDown, Mic as MicIcon } from '@hanzogui/lucide-icons-2';
 import { Control } from '@hanzo/composer';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from '@hanzo/ui';
-import { Voice } from '@hanzo/voice';
+import { choose, Voice } from '@hanzo/voice';
 import { useEffect, useRef, useState } from 'react';
 import { LANGUAGES } from './voice.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. */
@@ -42,8 +67,8 @@ function useInputs(open) {
     }, [open]);
     return { inputs, allowed, using };
 }
-/** The microphone's level while the menu is open, drawn without re-rendering. */
-function Meter({ on }) {
+/** The chosen microphone's level while the menu is open, drawn without re-rendering. */
+function Meter({ device, on }) {
     const bar = useRef(null);
     useEffect(() => {
         if (!on)
@@ -53,7 +78,7 @@ function Meter({ on }) {
         let frame = 0;
         let live = true;
         void navigator.mediaDevices
-            .getUserMedia({ audio: true })
+            .getUserMedia({ audio: device ? { deviceId: { exact: device } } : true })
             .then((s) => {
             if (!live)
                 return s.getTracks().forEach((t) => t.stop());
@@ -81,15 +106,22 @@ function Meter({ on }) {
             stream?.getTracks().forEach((t) => t.stop());
             void ctx?.close();
         };
-    }, [on]);
+    }, [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", 
                     // inline-style: the level is written per frame onto the node; a style prop would mint a class per value.
                     style: { transform: 'scaleX(0)', transformOrigin: 'left' } }) })] }));
 }
 /** The mic and its chevron, one control on the composer's row. */
-export function Dictation({ voice, disabled = false, language = null, onLanguage }) {
+export function Dictation({ voice, disabled = false, narrow = false, language = null, onLanguage }) {
     const [open, setOpen] = 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);
-    return (_jsxs(XStack, { "data-slot": "dictation", items: "center", rounded: 8, borderWidth: 1, borderColor: open ? '$borderColor' : 'transparent', hoverStyle: { borderColor: '$borderColor' }, shrink: 0, children: [_jsx(Control, { asChild: true, size: 30, ...PLAIN, children: _jsx(Voice, { voice: voice, disabled: disabled, says: { idle: 'Dictate', listening: '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": "Dictation settings", "data-slot": "dictation-menu", width: 16, height: 30, items: "center", justify: "center", rounded: 6, cursor: "pointer", bg: open ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, "$max-sm": { width: 28, height: 44 }, children: _jsx(ChevronDown, { size: 14, color: "$aside" }) }) }), _jsxs(DropdownMenuContent, { align: "end", minW: 200, "data-slot": "dictation-panel", children: [_jsx(Meter, { on: open && allowed }), inputs.length === 0 ? (_jsx(DropdownMenuLabel, { children: _jsx(SizableText, { fontSize: 14, color: "$hint", children: "No devices found" }) })) : (inputs.map((d, i) => (_jsx(DropdownMenuLabel, { children: _jsxs(XStack, { items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: "$ink", numberOfLines: 1, flex: 1, children: d.label || `Microphone ${i + 1}` }), d.groupId === using ? _jsx(Check, { size: 14, color: "var(--primary)", "aria-label": "In use" }) : null] }) }, d.deviceId || i)))), onLanguage ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { children: _jsx(SizableText, { fontSize: 13, color: "$hint", children: "Dictation settings" }) }), _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { "data-slot": "dictation-language", children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: "$ink", flex: 1, children: "Language" }), _jsx(SizableText, { fontSize: 14, color: "$hint", children: spoken?.label ?? 'Auto' })] }) }), _jsx(DropdownMenuSubContent, { minW: 160, children: [{ id: '', label: '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] })] })] }));
+    return (_jsxs(XStack, { "data-slot": "dictation", items: "center", rounded: 8, borderWidth: 1, borderColor: open ? '$borderColor' : 'transparent', hoverStyle: { borderColor: '$borderColor' }, shrink: 0, children: [_jsx(Control, { asChild: true, size: narrow ? 44 : 30, ...PLAIN, children: _jsx(Voice, { voice: voice, disabled: disabled, says: { idle: 'Dictate', listening: '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": "Dictation settings", "data-slot": "dictation-menu", width: 16, height: 30, items: "center", justify: "center", rounded: 6, cursor: "pointer", bg: open ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, ...(narrow ? { width: 44, height: 44 } : null), children: _jsx(ChevronDown, { size: 14, color: "$aside" }) }) }), _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: "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 || `Microphone ${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: "Dictation settings" }) }), _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { "data-slot": "dictation-language", children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: "$ink", flex: 1, children: "Language" }), _jsx(SizableText, { fontSize: 14, color: "$hint", children: spoken?.label ?? 'Auto' })] }) }), _jsx(DropdownMenuSubContent, { minW: 160, children: [{ id: '', label: '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] })] })] }));
 }

package/lib/prompt.d.ts

@@ -16,7 +16,7 @@ export declare const measure: {
     readonly maxW: "calc(var(--container-prose, 48rem) - 1.5rem)";
     readonly mx: 'auto';
 };
-/** The round controls' box, px. */
+/** The round controls' box, px, and a phone's, a finger's width. */
 export declare const ROUND = 32;
 /** What every Composer placeholder says, unless a surface names who is listening. */
 export declare const ASK = "Type / for skills";

package/lib/prompt.js

@@ -37,8 +37,9 @@ export const MEASURE = 'var(--container-prose, 48rem)';
 export const GAP = 20;
 /** The composer's width: the measure less the thread column's 0.75rem gutters, centred, so its edges are the text's. */
 export const measure = { width: 'calc(100% - 1.5rem)', maxW: `calc(${MEASURE} - 1.5rem)`, mx: 'auto' };
-/** The round controls' box, px. */
+/** The round controls' box, px, and a phone's, a finger's width. */
 export const ROUND = 32;
+const TAP = 44;
 /** The frame's corner, px: 12 on a laptop, 22 on a phone. */
 const CORNER = 12;
 const CORNER_PHONE = 22;
@@ -46,6 +47,8 @@ const CORNER_PHONE = 22;
 const ON = 'var(--primary-foreground)';
 /** A round control with no ground of its own until it is pointed at. */
 const QUIET = { bg: 'transparent', color: 'var(--foreground)', hoverStyle: { bg: '$hover' } };
+/** The model rows the menu draws before anything is typed. */
+const SHOWN = 40;
 /** What every Composer placeholder says, unless a surface names who is listening. */
 export const ASK = 'Type / for skills';
 /**
@@ -81,15 +84,27 @@ function Opens({ label, word, dim, children }) {
 function Model({ mind, onUpgrade }) {
     const [open, setOpen] = useState(false);
     const [q, setQ] = useState('');
-    const groups = useMemo(() => {
+    // The catalog is hundreds long, and drawing all of it is what made the menu slow
+    // to open: until something is typed, the first `SHOWN` rows, Hanzo's families
+    // first, and a line saying the search reaches the rest.
+    const { groups, more } = useMemo(() => {
         const list = mind.models.filter((m) => !ROUTER_IDS.has(m.id) && (m.outputs?.includes('text') ?? true) && (!q.trim() || matchesModel(m, q)));
-        return groupModels(list);
+        const all = groupModels(list);
+        let room = q.trim() ? Infinity : SHOWN;
+        const cut = all
+            .map((g) => {
+            const models = g.models.slice(0, Math.max(0, room));
+            room -= models.length;
+            return { ...g, models };
+        })
+            .filter((g) => g.models.length);
+        return { groups: cut, more: list.length - cut.reduce((n, g) => n + g.models.length, 0) };
     }, [mind.models, q]);
     const routed = mind.model === ENSO;
-    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, placement: "top-end", children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(XStack, { "data-slot": "mind", children: _jsx(Word, { label: `Model: ${nameOf(mind.model, mind.models)}`, open: open, children: nameOf(mind.model, mind.models) }) }) }), _jsxs(DropdownMenuContent, { align: "end", minW: 280, maxH: 420, "data-slot": "model-menu", children: [_jsx(DropdownMenuSearch, { value: q, onValueChange: setQ, placeholder: "Search models" }), !mind.free && !q.trim() ? (_jsx(DropdownMenuItem, { onSelect: () => mind.pick(ENSO), children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsxs(YStack, { flex: 1, children: [_jsx(SizableText, { fontSize: 14, color: "$ink", children: "Enso" }), _jsx(SizableText, { fontSize: 12, color: "$hint", children: "Picks the model for each message and step" })] }), routed ? _jsx(Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) })) : null, groups.map((g) => (_jsxs(YStack, { role: "group", "aria-label": g.label, children: [_jsx(SizableText, { fontSize: 12, color: "$hint", px: 8, pt: 8, pb: 2, children: g.label }), g.models.map((m) => {
-                                const ok = grants(mind.free, m.id, mind.models);
-                                return (_jsx(DropdownMenuItem, { "data-slot": "model-row", onSelect: () => (ok ? mind.pick(m.id) : onUpgrade?.(m.id)), children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: ok ? '$ink' : '$hint', numberOfLines: 1, flex: 1, children: nameOf(m.id, mind.models) }), ok ? null : (_jsx(SizableText, { fontSize: 12, color: "$hint", px: 6, py: 1, rounded: 6, borderWidth: 1, borderColor: "$borderColor", children: "Upgrade" })), m.id === mind.model ? _jsx(Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) }, m.id));
-                            })] }, g.key)))] })] }));
+    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, placement: "top-end", children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(XStack, { "data-slot": "mind", children: _jsx(Word, { label: `Model: ${nameOf(mind.model, mind.models)}`, open: open, children: nameOf(mind.model, mind.models) }) }) }), _jsxs(DropdownMenuContent, { align: "end", minW: 280, "data-slot": "model-menu", children: [_jsx(DropdownMenuSearch, { value: q, onValueChange: setQ, placeholder: "Search models" }), _jsxs(YStack, { maxH: "min(420px, 60vh)", overflowY: "auto", overflowX: "hidden", "data-slot": "model-rows", children: [!mind.free && !q.trim() ? (_jsx(DropdownMenuItem, { onSelect: () => mind.pick(ENSO), children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsxs(YStack, { flex: 1, children: [_jsx(SizableText, { fontSize: 14, color: "$ink", children: "Enso" }), _jsx(SizableText, { fontSize: 12, color: "$hint", children: "Picks the model for each message and step" })] }), routed ? _jsx(Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) })) : null, groups.map((g) => (_jsxs(YStack, { role: "group", "aria-label": g.label, children: [_jsx(SizableText, { fontSize: 12, color: "$hint", px: 8, pt: 8, pb: 2, children: g.label }), g.models.map((m) => {
+                                        const ok = grants(mind.free, m.id, mind.models);
+                                        return (_jsx(DropdownMenuItem, { "data-slot": "model-row", onSelect: () => (ok ? mind.pick(m.id) : onUpgrade?.(m.id)), children: _jsxs(XStack, { flex: 1, items: "center", gap: 8, children: [_jsx(SizableText, { fontSize: 14, color: ok ? '$ink' : '$hint', numberOfLines: 1, flex: 1, children: nameOf(m.id, mind.models) }), ok ? null : (_jsx(SizableText, { fontSize: 12, color: "$hint", px: 6, py: 1, rounded: 6, borderWidth: 1, borderColor: "$borderColor", children: "Upgrade" })), m.id === mind.model ? _jsx(Check, { size: 14, color: "var(--primary)", "aria-hidden": true }) : null] }) }, m.id));
+                                    })] }, g.key))), more > 0 ? (_jsx(SizableText, { fontSize: 12, color: "$hint", px: 8, py: 8, children: `Type to search ${more} more models` })) : null] })] })] }));
 }
 /** The row under the frame: where (Dev), then the model, the effort and the mode. */
 export function Tune({ mind, mode, where, onUpgrade }) {
@@ -130,7 +145,7 @@ export function prompt(o, state) {
     const mention = listed && shelf && typed ? (_jsx(Mention, { shelf: shelf, rows: listed, index: index, onPick: choose, tag: typed.char === '/' ? 'Skill' : 'Plugin', name: typed.char === '/' ? 'Skills' : 'Plugins' })) : null;
     const head = o.head || o.note || mention || (narrow && o.below) ? (_jsxs(YStack, { ...measure, gap: "$1.5", "data-slot": "prompt-head", children: [narrow ? o.below : null, o.head, mention, o.note ? (_jsx(SizableText, { "data-slot": "prompt-note", fontSize: 12, color: "$soft", text: "center", self: "center", children: o.note })) : null] })) : undefined;
     const foot = o.mind || o.mode || o.where || (!narrow && o.below) ? (_jsxs(YStack, { ...measure, gap: 10, "data-slot": "prompt-foot", children: [_jsx(Tune, { mind: o.mind, mode: o.mode, where: o.where, onUpgrade: o.onUpgrade }), narrow ? null : o.below] })) : undefined;
-    const round = (_jsx(Control, { type: "button", size: ROUND, fill: true, rounded: 999, "data-slot": "composer-send", "aria-label": busy ? 'Stop' : 'Send', "aria-disabled": !live || undefined, opacity: live ? 1 : 0.4, onClick: () => {
+    const round = (_jsx(Control, { type: "button", size: narrow ? TAP : ROUND, fill: true, rounded: 999, "data-slot": "composer-send", "aria-label": busy ? 'Stop' : 'Send', "aria-disabled": !live || undefined, opacity: live ? 1 : 0.4, onClick: () => {
             if (!live)
                 return;
             if (busy)
@@ -173,7 +188,7 @@ export function prompt(o, state) {
         '$max-sm': { rounded: CORNER_PHONE },
         ...(o.framed ? { boxShadow: 'var(--shadow-sheet-1)' } : null),
         children: (_jsxs(XStack, { items: "center", gap: 4, "data-slot": "prompt-start", flex: 1, minW: 0, flexWrap: "wrap", children: [o.plus ? _jsx(Plus, { ...o.plus, disabled: disabled || o.plus.disabled }) : null, (o.on ?? []).map((c) => (_jsxs(XStack, { "data-slot": "prompt-chip", items: "center", gap: 6, pl: 8, pr: 4, height: 28, rounded: 8, bg: "$hover", maxW: 180, children: [c.icon ? _jsx(XStack, { "aria-hidden": true, children: c.icon }) : null, _jsx(SizableText, { fontSize: 13, color: "$ink", numberOfLines: 1, shrink: 1, children: c.label }), _jsx(XStack, { render: "button", "aria-label": `Remove ${c.label}`, onPress: c.onRemove, width: 20, height: 20, rounded: 6, items: "center", justify: "center", hoverStyle: { bg: '$raised' }, cursor: "pointer", children: _jsx(X, { size: 12, color: "$hint" }) })] }, c.id)))] })),
-        send: (_jsxs(XStack, { items: "center", gap: 6, "data-slot": "prompt-end", shrink: 0, children: [o.voice ? _jsx(Dictation, { voice: o.voice, disabled: disabled, language: o.language ?? null, ...(o.onLanguage ? { onLanguage: o.onLanguage } : {}) }) : null, !busy && !lit && o.talk ? (_jsx(Control, { asChild: true, size: ROUND, fill: narrow, rounded: 999, ...(narrow ? null : QUIET), children: _jsx(Voice, { voice: o.talk, disabled: disabled, "data-slot": "composer-talk", says: { idle: 'Voice mode', listening: 'In conversation — click to hang up', speaking: 'Hanzo is speaking — talk to interrupt' }, children: () => _jsx(AudioLines, { size: 16, color: narrow ? ON : 'var(--foreground)' }) }) })) : (round)] })),
+        send: (_jsxs(XStack, { items: "center", gap: 6, "data-slot": "prompt-end", shrink: 0, children: [o.voice ? _jsx(Dictation, { voice: o.voice, disabled: disabled, narrow: narrow, language: o.language ?? null, ...(o.onLanguage ? { onLanguage: o.onLanguage } : {}) }) : null, !busy && !lit && o.talk ? (_jsx(Control, { asChild: true, size: narrow ? TAP : ROUND, fill: narrow, rounded: 999, ...(narrow ? null : QUIET), children: _jsx(Voice, { voice: o.talk, disabled: disabled, "data-slot": "composer-talk", says: { idle: 'Voice mode', listening: 'In conversation — click to hang up', speaking: 'Hanzo is speaking — talk to interrupt' }, children: () => _jsx(AudioLines, { size: 16, color: narrow ? ON : 'var(--foreground)' }) }) })) : (round)] })),
     };
 }
 /** Ctrl+U (⌘U) uploads, while a composer with an upload is on the page. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.62",
+  "version": "0.2.63",
   "type": "module",
   "license": "Apache-2.0 OR MIT",
   "description": "Hanzo Build — say what you want, watch it built, deployed and running. The builder as a component, mounted by the Hanzo app at hanzo.ai.",
@@ -14,7 +14,7 @@
     "@hanzo/iam": "0.21.28",
     "@hanzo/ui": "8.29.0",
     "@hanzo/vite": "0.1.4",
-    "@hanzo/voice": "0.1.18",
+    "@hanzo/voice": "0.1.19",
     "@hanzogui/lucide-icons-2": "8.3.5",
     "@hanzogui/next-theme": "8.3.5",
     "@playwright/test": "1.63.0",
@@ -75,7 +75,7 @@
     "@hanzo/ui": ">=8.29.0",
     "@hanzogui/lucide-icons-2": ">=8.3.5",
     "react": ">=19.2.8",
-    "@hanzo/voice": ">=0.1.16",
+    "@hanzo/voice": ">=0.1.19",
     "@hanzo/composer": ">=0.2.0"
   },
   "scripts": {