@hanzo/build 0.2.82 → 0.2.84

package/lib/run.js

@@ -29,7 +29,7 @@ import { useI18n } from '@hanzo/i18n/react';
 import { ChevronDown, ChevronRight, Clock, Copy, ExternalLink, GitPullRequest, Globe, Pencil, Share } from '@hanzogui/lucide-icons-2';
 import { Button, Dialog, DialogContent, DialogTitle, DropdownMenu, Input } from '@hanzo/ui';
 import { Steer } from '@hanzo/ui/agents';
-import { Failure } from '@hanzo/ui/chat';
+import { Composer, Failure, measure } from '@hanzo/ui/chat';
 import { useLimits } from '@hanzo/ui/product/useLimits';
 import { useDictation, useVoice } from '@hanzo/voice';
 import { useEffect, useMemo, useState } from 'react';
@@ -41,18 +41,17 @@ import { verdict } from './api/verdict.js';
 import { useKept, useProjects, useRead, useRun } from './data.js';
 import { Desk, SEED } from './desk.js';
 import { useHost, useTarget } from './host.js';
-import { useMind } from './mind.js';
+import { level, pacing, useMind } from './mind.js';
 import { Out } from './out.js';
 import { Gutter } from './gutter.js';
 import { gap, pane } from './pane.js';
-import { measure, Prompt, useEar } from './prompt.js';
-import { useSpoken } from './voice.js';
+import { useEar, useSpoken } from './voice.js';
 import { speaker } from './reply.js';
 import { PanelToggle } from './panel.js';
 import { schedule } from './scheduled.js';
 import { SideProvider, useSplit } from './side.js';
 import { PAGE, useDeck, useKey, usePanel } from './tabs.js';
-import { compose, Files, pick } from './tools.js';
+import { carrying, compose, pick } from './tools.js';
 import { Transcript } from './transcript.js';
 const LIVE = new Set(['running', 'paused', '']);
 /** A run's status as the line under its title says it; one the service adds later is drawn as it comes. */
@@ -206,7 +205,7 @@ export function Run({ id }) {
      * itself: a run that names none takes the person's saved coding default
      * (apps/coding start.go), which is not what the composer shows.
      */
-    const tuned = (a) => ({ ...a, model: mind.model, effort: mind.effort });
+    const tuned = (a) => ({ ...a, model: mind.model, effort: level(mind.effort) });
     // A setup run's work IS its environment: the panel opens on it.
     useEffect(() => {
         if (mode === 'setup')
@@ -384,9 +383,9 @@ export function Run({ id }) {
                                                         : say('This run is still working.') }), _jsx(Steer, { onCommand: command, withhold: [
                                                     ...(paused ? ['pause'] : ['resume']),
                                                     ...(busy || waiting ? ['pause', 'resume', 'stop'] : []),
-                                                ] }), _jsx(Button, { size: "sm", disabled: notify, onPress: () => void ask(), children: notify ? say('You will be notified') : say('Notify me') })] })) : null] }), _jsx(Prompt, { framed: true, value: draft, onChange: setDraft, onSend: send, ready: Boolean(draft.trim()), disabled: !signed || busy || waiting || !(running || finished), placeholder: placeholder, label: steering ? say('Steer this run') : say('Follow up on this run'), head: files.length ? _jsx(XStack, { gap: "$1.5", flexWrap: "wrap", children: _jsx(Files, { files: files, onFiles: setFiles }) }) : undefined, plus: { upload: () => pick(files, setFiles, setNote, say) }, 
+                                                ] }), _jsx(Button, { size: "sm", disabled: notify, onPress: () => void ask(), children: notify ? say('You will be notified') : say('Notify me') })] })) : null] }), _jsx(Composer, { column: true, framed: true, value: draft, onChange: setDraft, onSend: send, ready: Boolean(draft.trim()), disabled: !signed || busy || waiting || !(running || finished), placeholder: placeholder, label: steering ? say('Steer this run') : say('Follow up on this run'), plus: { upload: () => pick(files, setFiles, setNote, say) }, carried: carrying(files, setFiles), 
                                 // What a new run from here is made with; words that steer this run use neither.
-                                mind: signed && !steering ? mind : null, limits: limits, voice: voice })] })] }), desk && !wide ? desk_(true) : null, desk && wide ? (_jsxs(YStack, { "data-slot": "desk", ref: split.aside, ...pane, 
+                                mind: signed && !steering ? mind : null, effort: signed && !steering ? pacing(mind) : null, limits: limits, voice: voice })] })] }), desk && !wide ? desk_(true) : null, desk && wide ? (_jsxs(YStack, { "data-slot": "desk", ref: split.aside, ...pane, 
                 // A pane of its own beside the run's, the gutter between them (useSplit reads it as the inline-start margin).
                 marginInlineStart: gap, position: "relative", shrink: 0, minH: 0, style: split.asideStyle, children: [split.grip ? (_jsx(Gutter, { ...split.grip, label: say('Resize the side panel'), inset: pane.borderWidth })) : null, _jsx(SideProvider, { value: split.side, children: desk_(false) })] })) : null, _jsx(Dialog, { open: naming, onOpenChange: setNaming, children: _jsxs(DialogContent, { maxW: 480, children: [_jsx(DialogTitle, { children: say('Rename this run') }), _jsx(Input, { autoFocus: true, value: name, onChangeText: setName, "aria-label": say('The run’s name'), maxLength: 512, onKeyDown: (e) => {
                                 if (e.key === 'Enter')

package/lib/settings/code.js

@@ -60,7 +60,7 @@ export function Code() {
     // The choices in the reader's words, kept by id.
     const efforts = EFFORTS.map((e) => ({ ...e, label: t(e.label) }));
     const modes = MODES.map((m) => ({ ...m, label: t(m.label), hint: t(m.hint) }));
-    const effort = efforts.find((e) => e.id === choice.effort);
+    const effort = efforts.find((e) => e.id === choice.effort) ?? efforts[0];
     const mode = modes.find((m) => m.id === now.mode);
     return (_jsxs(YStack, { gap: "$6", children: [_jsx(Heading, { title: t('Code'), detail: t('How a new run starts. The model and effort are the ones Chat uses too.') }), _jsxs(Group, { title: t('Defaults'), children: [_jsxs(Card, { children: [_jsx(Row, { first: true, title: t('Model'), detail: t('Enso picks one for each step; any other model runs them all.'), trailing: _jsx(ModelPicker, { size: "sm", name: t('Default model'), models: offered, scope: "chat", value: choice.model || ENSO, onChange: (id) => choose({ model: id }), loading: catalog.loading, error: catalog.error }) }), _jsx(Row, { title: t('Effort'), detail: t('How long the agent thinks before it acts.'), trailing: _jsx(ChipSelect, { name: t('Default effort'), label: effort.label, chosen: effort, items: efforts, onChange: (e) => choose({ effort: e.id }), placement: "bottom-end", width: 180 }) }), _jsx(Row, { title: t('Mode'), detail: mode.hint, trailing: _jsx(ChipSelect, { name: t('Default mode'), label: mode.label, chosen: mode, items: modes, onChange: (m) => keep({ mode: m.id }), placement: "bottom-end", width: 260 }) }), _jsx(Row, { title: t('Where it runs'), detail: t('The Hanzo sandbox, or one of your organization’s machines.'), trailing: _jsx(ChipSelect, { name: t('Default place'), label: place.label, chosen: place, items: where, onChange: (w) => keep({ place: w.place }), placeholder: t('Search machines…'), placement: "bottom-end", loading: places.loading, error: places.error ? told(places.error, t) : null }) })] }), _jsx(Note, { children: unhonoured(now.mode, now.place, t) })] }), _jsx(Group, { title: t('Workspace'), children: _jsxs(Card, { children: [_jsx(Row, { first: true, title: t('Environments'), detail: t('What a run installs and starts in each codebase, and the secrets it exports.'), trailing: _jsx(Link, { label: t('Open Environments'), onPress: () => go('environments') }) }), _jsx(Row, { title: t('Machines'), detail: t('Your organization’s own computers that take runs.'), trailing: _jsx(Link, { label: t('Open Machines'), onPress: () => go('machines') }) })] }) }), _jsx(Note, { children: note })] }));
 }

package/lib/settings/general.js

@@ -15,7 +15,8 @@ import { useState } from 'react';
 import { told } from '../api/call.js';
 import { useHost } from '../host.js';
 import { usePrefs } from '../prefs.js';
-import { LANGUAGES, spoken } from '../voice.js';
+import { LANGUAGES } from '@hanzo/ui/chat/pure';
+import { spoken } from '../voice.js';
 import { Card, Group, Heading, Note, Row, Soft } from './ui.js';
 /** The choices, each word English and marked (`phrase`): drawn through `t`. */
 const THEMES = [

package/lib/tools.d.ts

@@ -1,4 +1,10 @@
-import { type Say } from '@hanzo/i18n/react';
+/**
+ * Files with an ask, for every composer the builder draws: they ride the
+ * prompt as text — nothing is uploaded anywhere else. The paperclip is the
+ * composer's (@hanzo/ui/chat); this reads what it picks and says what is held.
+ */
+import type { Say } from '@hanzo/i18n/react';
+import type { Carried } from '@hanzo/ui/chat';
 export interface Attached {
     name: string;
     text: string;
@@ -12,8 +18,5 @@ export declare function read(have: Attached[], list: FileList, t?: Say): Promise
 }>;
 /** Ask the browser for files and read them in, within the caps; the picker is minted per press. */
 export declare function pick(have: Attached[], onFiles: (f: Attached[]) => void, onNote: (n: string) => void, t?: Say): void;
-/** The attached files as small removable marks. */
-export declare function Files({ files, onFiles }: {
-    files: Attached[];
-    onFiles: (f: Attached[]) => void;
-}): import("react").JSX.Element;
+/** The attached files as what the composer carries: a removable chip each. */
+export declare function carrying(files: Attached[], onFiles: (f: Attached[]) => void): Carried[];

package/lib/tools.js

@@ -1,13 +1,5 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Files with an ask, for every composer the builder draws: they ride the
- * prompt as text — nothing is uploaded anywhere else. The paperclip is the
- * composer's (prompt.tsx); this reads what it picks and draws the chips.
- */
-import { SizableText, XStack } from '@hanzo/gui';
-import { useI18n } from '@hanzo/i18n/react';
-import { Paperclip, X } from '@hanzogui/lucide-icons-2';
-import { ComposerTool } from '@hanzo/ui/chat';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Paperclip } from '@hanzogui/lucide-icons-2';
 import { english } from './say.js';
 const EACH = 100_000;
 const ALL = 200_000;
@@ -54,8 +46,7 @@ export function pick(have, onFiles, onNote, t = english) {
     };
     ask.click();
 }
-/** The attached files as small removable marks. */
-export function Files({ files, onFiles }) {
-    const { t } = useI18n();
-    return (_jsx(_Fragment, { children: files.map((f) => (_jsxs(XStack, { items: "center", gap: "$1", px: "$2", height: 24, rounded: "$2", bg: "$raised", children: [_jsx(Paperclip, { size: 12 }), _jsx(SizableText, { size: "$1", color: "$ink", numberOfLines: 1, maxW: 140, children: f.name }), _jsx(ComposerTool, { label: t('Remove {name}', { name: f.name }), icon: _jsx(X, { size: 12 }), onPress: () => onFiles(files.filter((x) => x !== f)) })] }, f.name))) }));
+/** The attached files as what the composer carries: a removable chip each. */
+export function carrying(files, onFiles) {
+    return files.map((f) => ({ id: `file:${f.name}`, label: f.name, icon: _jsx(Paperclip, { size: 14 }), onRemove: () => onFiles(files.filter((x) => x !== f)) }));
 }

package/lib/transcript.js

@@ -20,9 +20,8 @@ import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { useI18n } from '@hanzo/i18n/react';
 import { Button } from '@hanzo/ui';
 import { Feedback } from '@hanzo/ui/agents';
-import { Code, Message, Step, Thread } from '@hanzo/ui/chat';
+import { Code, GAP, MEASURE, Message, Step, Thread } from '@hanzo/ui/chat';
 import { useState } from 'react';
-import { GAP, MEASURE } from './prompt.js';
 import { Prose } from './prose.js';
 import { artifacts, lead, Reply } from './reply.js';
 /** A card's output, its tail: what a command said last is why it stopped. */

package/lib/voice.d.ts

@@ -1,7 +1,7 @@
-export declare const LANGUAGES: {
-    id: string;
-    label: string;
-}[];
+import { type Speech } from '@hanzo/voice';
+import type { Target } from './api/call.ts';
+/** The platform's ear and voice for a target: dictation, talk and Listen all hear through it. */
+export declare function useEar(t: Target): Speech;
 /** The language this browser is set to, when it is one dictation offers; English otherwise. */
 export declare function spoken(): string;
 /** The person's saved language (Settings → General), else this browser's, else English. */

package/lib/voice.js

@@ -1,17 +1,17 @@
 /**
- * The language dictation listens in. The microphone itself is the composer's
- * (prompt.tsx, @hanzo/voice): heard by the platform, never by a browser's
- * built-in recognizer, which ships the audio to its vendor.
+ * The language dictation listens in, and the platform's ear. The microphone
+ * itself is the composer's (@hanzo/ui/chat, @hanzo/voice): heard by the
+ * platform, never by a browser's built-in recognizer, which ships the audio to
+ * its vendor.
  */
+import { LANGUAGES } from '@hanzo/ui/chat/pure';
+import { speech } from '@hanzo/voice';
+import { useMemo } from 'react';
 import { usePrefs } from './prefs.js';
-export const LANGUAGES = [
-    { id: 'en', label: 'English' },
-    { id: 'es', label: 'Español' },
-    { id: 'fr', label: 'Français' },
-    { id: 'de', label: 'Deutsch' },
-    { id: 'ja', label: '日本語' },
-    { id: 'zh', label: '中文' },
-];
+/** The platform's ear and voice for a target: dictation, talk and Listen all hear through it. */
+export function useEar(t) {
+    return useMemo(() => speech({ baseUrl: t.api, token: t.token, ...(t.org ? { org: t.org } : {}) }), [t]);
+}
 /** The language this browser is set to, when it is one dictation offers; English otherwise. */
 export function spoken() {
     const nav = typeof navigator !== 'undefined' ? navigator.language.split('-')[0] : 'en';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.82",
+  "version": "0.2.84",
   "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.",
@@ -13,7 +13,7 @@
     "@hanzo/gui": "8.3.5",
     "@hanzo/i18n": "0.4.0",
     "@hanzo/iam": "0.21.28",
-    "@hanzo/ui": "8.29.0",
+    "@hanzo/ui": "8.29.23",
     "@hanzo/vite": "0.1.4",
     "@hanzo/voice": "0.1.19",
     "@hanzogui/lucide-icons-2": "8.3.5",
@@ -73,7 +73,7 @@
   },
   "peerDependencies": {
     "@hanzo/gui": ">=8.3.5",
-    "@hanzo/ui": ">=8.29.0",
+    "@hanzo/ui": ">=8.29.23",
     "@hanzogui/lucide-icons-2": ">=8.3.5",
     "react": ">=19.2.8",
     "@hanzo/voice": ">=0.1.19",

package/lib/mic.d.ts

@@ -1,12 +0,0 @@
-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, narrow, language, onLanguage }: DictationProps): import("react").JSX.Element;

package/lib/mic.js

@@ -1,139 +0,0 @@
-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 '@hanzo/ui';
-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. */
-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, narrow = false, 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);
-    // The chevron is drawn while the mic is reached for (pointer, keyboard, menu open); at rest the row is the mic alone.
-    const [near, setNear] = useState(false);
-    const shown = open || near;
-    return (_jsxs(XStack, { "data-slot": "dictation", items: "center", rounded: 8, borderWidth: 1, borderColor: open ? '$borderColor' : 'transparent', hoverStyle: { borderColor: '$borderColor' }, shrink: 0, onPointerEnter: () => setNear(true), onPointerLeave: () => setNear(false), onFocus: () => setNear(true), onBlur: () => setNear(false), children: [_jsx(Control, { asChild: true, size: narrow ? 44 : 30, ...PLAIN, 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: 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: "$soft", opacity: shown || narrow ? 1 : 0 }) }) }), _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] })] })] }));
-}

package/lib/plus.d.ts

@@ -1,46 +0,0 @@
-import { type ReactNode } from 'react';
-/** One thing a shelf holds. `on` marks what the conversation already has. */
-export interface Row {
-    id: string;
-    label: string;
-    icon?: ReactNode;
-    /** A few dim words beside the label, where they help. */
-    note?: string;
-    on?: boolean;
-}
-export interface Link {
-    label: string;
-    onPress: () => void;
-}
-export interface Shelf {
-    rows: Row[];
-    pick: (id: string) => void;
-    loading?: boolean;
-    error?: string | null;
-    /** A search field over the rows, with this placeholder. */
-    search?: string;
-    /** Said when there are no rows and nothing is loading. */
-    empty?: string;
-    create?: Link;
-    manage?: Link;
-    browse?: Link;
-}
-export interface Switch {
-    on: boolean;
-    set: (on: boolean) => void;
-}
-export interface PlusProps {
-    /** Upload or add files (Ctrl+U). */
-    upload?: () => void;
-    agents?: Shelf;
-    skills?: Shelf;
-    connectors?: Shelf;
-    design?: Shelf;
-    plugins?: Shelf;
-    devices?: Shelf;
-    research?: Switch;
-    memory?: Switch;
-    disabled?: boolean;
-}
-/** The `+` and its menu. */
-export declare function Plus(p: PlusProps): import("react").JSX.Element;

package/lib/plus.js

@@ -1,72 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The composer's `+`: files, then what the conversation works with — agents,
- * skills, connectors, a design system, plugins, a device — then the Research
- * and Memory switches. A row is drawn only when the surface hands it a shelf:
- * a shelf is what is there (`rows`), what picking one does, and the ways to
- * make, manage and find more. A row with nothing behind it is not drawn.
- *
- * On a laptop each shelf opens beside the menu; on a phone it is a page of the
- * same menu, with Back.
- *
- * The menu's own words are the reader's language (@hanzo/i18n `t`); what a
- * shelf holds — its rows, its links, its search and empty words — is the
- * surface's, drawn as given.
- */
-import { SizableText, useMedia, XStack } from '@hanzo/gui';
-import { phrase } from '@hanzo/i18n';
-import { useI18n } from '@hanzo/i18n/react';
-import { Blocks, Bot, Briefcase, Brain, Monitor, Palette, Paperclip, Plug, Plus as PlusIcon, ScrollText, Telescope, } from '@hanzogui/lucide-icons-2';
-import { DropdownMenu, DropdownMenuBack, DropdownMenuContent, DropdownMenuEmpty, DropdownMenuItem, DropdownMenuLoading, DropdownMenuPage, DropdownMenuSearch, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from '@hanzo/ui';
-import { Check } from '@hanzogui/lucide-icons-2';
-import { useMemo, useState } from 'react';
-const ICON = 16;
-/**
- * The shelves, in the menu's order, with their names and marks, and the three
- * sentences a shelf says of itself: its search's name, while it reads, and
- * when it holds nothing. Whole sentences, so a language puts the noun where it goes.
- */
-const SHELVES = [
-    { key: 'agents', label: phrase('Agents'), search: phrase('Search agents'), reading: phrase('Reading agents'), none: phrase('No agents yet'), icon: _jsx(Bot, { size: ICON }) },
-    { key: 'skills', label: phrase('Skills'), search: phrase('Search skills'), reading: phrase('Reading skills'), none: phrase('No skills yet'), icon: _jsx(ScrollText, { size: ICON }) },
-    { key: 'connectors', label: phrase('Connectors'), search: phrase('Search connectors'), reading: phrase('Reading connectors'), none: phrase('No connectors yet'), icon: _jsx(Blocks, { size: ICON }) },
-    { key: 'design', label: phrase('Design system'), search: phrase('Search design system'), reading: phrase('Reading design system'), none: phrase('No design system yet'), icon: _jsx(Palette, { size: ICON }) },
-    { key: 'plugins', label: phrase('Plugins'), search: phrase('Search plugins'), reading: phrase('Reading plugins'), none: phrase('No plugins yet'), icon: _jsx(Plug, { size: ICON }) },
-    { key: 'devices', label: phrase('Devices'), search: phrase('Search devices'), reading: phrase('Reading devices'), none: phrase('No devices yet'), icon: _jsx(Monitor, { size: ICON }) },
-];
-/** A row's anatomy: its mark, its label, a dim note, and a check when it is on. */
-function Line({ icon, label, note, on, tail }) {
-    return (_jsxs(XStack, { flex: 1, minW: 0, items: "center", gap: 10, children: [icon ? (_jsx(XStack, { width: ICON, height: ICON, items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: icon })) : null, _jsx(SizableText, { fontSize: 14, color: "$ink", numberOfLines: 1, shrink: 0, children: label }), note ? (_jsx(SizableText, { fontSize: 13, color: "$hint", numberOfLines: 1, flex: 1, minW: 0, children: note })) : (_jsx(XStack, { flex: 1 })), tail, on ? _jsx(Check, { size: ICON, color: "var(--primary)", "aria-hidden": true }) : null] }));
-}
-/** A shelf's rows, its status, then its ways to more. */
-function Contents({ shelf, words, close }) {
-    const { t } = useI18n();
-    const [q, setQ] = useState('');
-    const needle = q.trim().toLowerCase();
-    const rows = needle ? shelf.rows.filter((r) => `${r.label} ${r.note ?? ''}`.toLowerCase().includes(needle)) : shelf.rows;
-    const links = [shelf.create, shelf.manage, shelf.browse].filter((l) => Boolean(l));
-    return (_jsxs(_Fragment, { children: [shelf.search ? _jsx(DropdownMenuSearch, { value: q, onValueChange: setQ, placeholder: shelf.search, "aria-label": t(words.search) }) : null, shelf.loading && !shelf.rows.length ? _jsx(DropdownMenuLoading, { children: t(words.reading) }) : null, shelf.error ? _jsx(DropdownMenuEmpty, { children: shelf.error }) : null, !shelf.loading && !shelf.error && !rows.length ? _jsx(DropdownMenuEmpty, { children: needle ? t('Nothing matches') : (shelf.empty ?? t(words.none)) }) : null, rows.map((r) => (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => shelf.pick(r.id), "aria-checked": r.on ?? false, "data-slot": "plus-row", children: _jsx(Line, { icon: r.icon, label: r.label, note: r.note, on: r.on }) }, r.id))), links.length ? _jsx(DropdownMenuSeparator, {}) : null, links.map((l, i) => (_jsx(DropdownMenuItem, { onSelect: () => {
-                    close();
-                    l.onPress();
-                }, children: _jsx(Line, { icon: l === shelf.manage ? _jsx(Briefcase, { size: ICON }) : _jsx(PlusIcon, { size: ICON }), label: l.label }) }, l.label)))] }));
-}
-/** The `+` and its menu. */
-export function Plus(p) {
-    const { t } = useI18n();
-    const media = useMedia();
-    const wide = media.sm;
-    const [open, setOpen] = useState(false);
-    // The shelf open beside the menu.
-    const [sub, setSub] = useState(null);
-    const close = () => setOpen(false);
-    const shelves = useMemo(() => SHELVES.filter((s) => p[s.key]), [p]);
-    const switches = [
-        p.research ? { key: 'research', label: t('Research'), icon: _jsx(Telescope, { size: ICON }), s: p.research } : null,
-        p.memory ? { key: 'memory', label: t('Memory'), icon: _jsx(Brain, { size: ICON }), s: p.memory } : null,
-    ].filter((x) => x !== null);
-    const main = (_jsxs(_Fragment, { children: [p.upload ? (_jsx(DropdownMenuItem, { "data-slot": "plus-upload", onSelect: () => {
-                    close();
-                    p.upload?.();
-                }, children: _jsx(Line, { icon: _jsx(Paperclip, { size: ICON }), label: t('Upload or add files'), tail: _jsx(DropdownMenuShortcut, { "data-i18n-ltr": true, children: "Ctrl+U" }) }) })) : null, p.upload && shelves.length ? _jsx(DropdownMenuSeparator, {}) : null, shelves.map((s) => wide ? (_jsxs(DropdownMenuSub, { open: sub === s.key, onOpenChange: (o) => setSub(o ? s.key : sub === s.key ? null : sub), children: [_jsx(DropdownMenuSubTrigger, { "data-slot": `plus-${s.key}`, onPress: () => setSub(s.key), children: _jsx(Line, { icon: s.icon, label: t(s.label) }) }), sub === s.key ? (_jsx(DropdownMenuSubContent, { minW: 200, maxW: 340, maxH: 420, pointerEvents: "auto", style: { overflowY: "auto" }, children: _jsx(Contents, { shelf: p[s.key], words: s, close: close }) })) : null] }, s.key)) : (_jsx(DropdownMenuItem, { page: s.key, "data-slot": `plus-${s.key}`, children: _jsx(Line, { icon: s.icon, label: t(s.label) }) }, s.key))), switches.length && (p.upload || shelves.length) ? _jsx(DropdownMenuSeparator, {}) : null, switches.map((w) => (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => w.s.set(!w.s.on), role: 'menuitemcheckbox', "aria-checked": w.s.on, "data-slot": `plus-${w.key}`, children: _jsx(Line, { icon: w.icon, label: w.label, on: w.s.on }) }, w.key)))] }));
-    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, ...(wide ? null : { defaultPage: 'main' }), children: [_jsx(DropdownMenuTrigger, { asChild: true, disabled: p.disabled, children: _jsx(XStack, { render: "button", "data-slot": "plus", "aria-label": t('Add files, agents, skills and more'), width: 32, height: 32, rounded: 8, items: "center", justify: "center", shrink: 0, cursor: p.disabled ? 'default' : 'pointer', opacity: p.disabled ? 0.4 : 1, bg: open ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, focusVisibleStyle: { outlineColor: '$outlineColor', outlineWidth: 2, outlineStyle: 'solid' }, "$max-sm": { width: 44, height: 44, rounded: 22 }, children: _jsx(PlusIcon, { size: 18, color: "$ink" }) }) }), _jsx(DropdownMenuContent, { align: "start", minW: 240, "data-slot": "plus-menu", children: wide ? (main) : (_jsxs(_Fragment, { children: [_jsx(DropdownMenuPage, { id: "main", children: main }), shelves.map((s) => (_jsxs(DropdownMenuPage, { id: s.key, children: [_jsx(DropdownMenuBack, { children: t(s.label) }), _jsx(Contents, { shelf: p[s.key], words: s, close: close })] }, s.key)))] })) })] }));
-}

package/lib/prompt.d.ts

@@ -1,131 +0,0 @@
-import { type Say } from '@hanzo/i18n/react';
-import { type ComposerProps } from '@hanzo/ui/chat';
-import { type PauseSource } from '@hanzo/ui/models';
-import { type Machine, type Speech } from '@hanzo/voice';
-import { type ReactNode } from 'react';
-import type { Target } from './api/call.ts';
-import { type Mode } from './gear.ts';
-import { type Mind } from './mind.ts';
-import { type PlusProps, type Shelf } from './plus.tsx';
-/** The reading measure: @hanzo/design's prose width, which Width (appearance) retunes. */
-export declare const MEASURE = "var(--container-prose, 48rem)";
-/** The space between turns, px: one rhythm for Chat and Dev. */
-export declare 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 declare const measure: {
-    readonly width: 'calc(100% - 1.5rem)';
-    readonly maxW: "calc(var(--container-prose, 48rem) - 1.5rem)";
-    readonly mx: 'auto';
-};
-/** 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: string;
-/**
- * The frame as a pane of its own, floating on the pane it is drawn in: the
- * `--pane-*` cut on design's first paper rung.
- */
-export declare const cut: {
-    readonly bg: 'var(--pane-fill, var(--sheet-1))';
-    readonly rounded: 'var(--pane-round, var(--radius-xl))';
-    readonly borderWidth: 1;
-    readonly borderColor: 'var(--pane-edge, var(--white-08))';
-    readonly backdropFilter: 'var(--pane-blur, blur(20px) saturate(1.8))';
-    readonly boxShadow: 'var(--shadow-sheet-1)';
-};
-/** The platform's ear and voice for a target: dictation, talk and Listen all hear through it. */
-export declare function useEar(t: Target): Speech;
-/** One thing the conversation carries, shown after `+`. */
-export interface Chip {
-    id: string;
-    label: string;
-    icon?: ReactNode;
-    onRemove: () => void;
-}
-export interface PromptOptions {
-    value: string;
-    onChange: (value: string) => void;
-    onSend: () => void;
-    /** Stop the turn in flight. Absent, busy only disables send. */
-    onStop?: () => void;
-    busy?: boolean;
-    disabled?: boolean;
-    /** Whether send is lit. Default: the draft has words. */
-    ready?: boolean;
-    placeholder?: string;
-    label?: string;
-    /** Above the frame, at its width: what the draft is sent with. */
-    head?: ReactNode;
-    field?: ComposerProps['field'];
-    /** The model and effort. Null where the next send uses neither (steering a run). */
-    mind?: Mind | null;
-    limits?: PauseSource | null;
-    /** A model the plan does not grant was asked for: the way to the plan that does. */
-    onUpgrade?: (model: string) => void;
-    /** The `+` menu. Absent, there is none. */
-    plus?: PlusProps;
-    /** What the conversation carries, as chips after `+`. */
-    on?: Chip[];
-    /** `/` lists these (the skills) above the frame. */
-    slash?: Shelf;
-    /** `@` lists these (the plugins) above the frame. */
-    at?: Shelf;
-    /** The mode, as the pill under the frame. */
-    mode?: {
-        value: Mode;
-        set: (m: Mode) => void;
-        items?: readonly Mode[];
-    } | null;
-    /** At the start of the row under the frame: Dev's where and which repository. */
-    where?: ReactNode;
-    /** Under the row (above the frame on a phone): the person's suggestions. */
-    below?: ReactNode;
-    /** Dictation into the draft (@hanzo/voice `useVoice` + `useDictation`). */
-    voice?: Machine;
-    /** The language dictation listens in, null for Auto, and how to change it. */
-    language?: string | null;
-    onLanguage?: (id: string | null) => void;
-    /** A spoken conversation (@hanzo/voice `useTalk`): the round button while the draft is empty. */
-    talk?: Machine;
-    /** Drawn on a pane: the frame is cut as a pane of its own (`cut`). */
-    framed?: boolean;
-    /** Centred just above the frame: what every message is sent under. */
-    note?: ReactNode;
-    /** A phone: suggestions go above the frame and every target is 44px. */
-    narrow?: boolean;
-}
-/** The row under the frame: where (Dev), then the model, the effort and the mode. */
-export declare function Tune({ mind, mode, where, onUpgrade, limits }: {
-    mind?: Mind | null;
-    mode?: PromptOptions['mode'];
-    where?: ReactNode;
-    onUpgrade?: (model: string) => void;
-    limits?: PauseSource | null;
-}): import("react").JSX.Element;
-/** The `/` or `@` the caret ends on, and the words typed after it. */
-export declare function trigger(value: string): {
-    char: '/' | '@';
-    query: string;
-    at: number;
-} | null;
-/** What `useMention` hands `prompt`: the lit row of a `/` or `@` list, and the reader's `t`. */
-export interface Mentioned {
-    index: number;
-    closed: string | null;
-    t?: Say;
-}
-/** @hanzo/ui `Composer` props for the one composer. */
-export declare function prompt(o: PromptOptions, state?: Mentioned): ComposerProps;
-/** Ctrl+U (⌘U) uploads, while a composer with an upload is on the page. */
-export declare function useUpload(upload: (() => void) | undefined): void;
-/**
- * The composer's own state — which row of a `/` or `@` list is lit, and the
- * reader's `t` — and the keys that move it. A surface that hands `prompt` to
- * `Chat` calls this and passes its answer through; `<Prompt>` does it for itself.
- */
-export declare function useMention(o: PromptOptions): {
-    state: Mentioned;
-    field: ComposerProps['field'];
-};
-/** The composer drawn on its own. */
-export declare function Prompt(o: PromptOptions): import("react").JSX.Element;