@hanzo/build 0.2.10 → 0.2.11

package/lib/voice.js

@@ -10,6 +10,7 @@
  */
 import { speech } from '@hanzo/voice';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { usePrefs } from './prefs.js';
 export const LANGUAGES = [
     { id: 'en', label: 'English' },
     { id: 'es', label: 'Español' },
@@ -18,6 +19,11 @@ export const LANGUAGES = [
     { id: 'ja', label: '日本語' },
     { id: 'zh', label: '中文' },
 ];
+/** 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';
+    return LANGUAGES.some((l) => l.id === nav) ? nav : 'en';
+}
 /** Whether this browser can record the microphone at all. */
 function recordable() {
     if (typeof window === 'undefined' || typeof navigator === 'undefined')
@@ -28,15 +34,15 @@ export function useDictation(t, onText, onNote) {
     const [on, setOn] = useState(false);
     const [busy, setBusy] = useState(false);
     const [able, setAble] = useState(false);
-    const [language, setLanguage] = useState(() => {
-        const nav = typeof navigator !== 'undefined' ? navigator.language.split('-')[0] : 'en';
-        return LANGUAGES.some((l) => l.id === nav) ? nav : 'en';
-    });
     const rec = useRef(null);
     const said = useRef(onText);
     said.current = onText;
     const note = useRef(onNote);
     note.current = onNote;
+    // The person's saved language (Settings → General), else this browser's, else English.
+    const kept = usePrefs();
+    const language = LANGUAGES.some((l) => l.id === kept.prefs.language) ? kept.prefs.language : spoken();
+    const setLanguage = useCallback((id) => kept.save({ language: id }).catch((e) => note.current(e instanceof Error ? e.message : 'The language was not saved.')), [kept]);
     const ear = useMemo(() => speech({ baseUrl: t.api, token: t.token, ear: 'whisper' }), [t]);
     useEffect(() => setAble(recordable()), []);
     const toggle = useCallback(async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "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 page (hanzo.build) and as a component (hanzo.ai/dev).",

package/lib/account.d.ts

@@ -1,14 +0,0 @@
-import type { RailSession } from '@hanzo/ui/chat';
-/** The builder listens, so a settings control on this page opens the account dialog. */
-export declare function onAccount(fn: () => void): () => void;
-export declare function revealAccount(): void;
-export declare function Account({ open, onOpenChange }: {
-    open: boolean;
-    onOpenChange: (o: boolean) => void;
-}): import("react").JSX.Element;
-export declare function Find({ open, onOpenChange, recents, onOpen, }: {
-    open: boolean;
-    onOpenChange: (o: boolean) => void;
-    recents: RailSession[];
-    onOpen: (id: string) => void;
-}): import("react").JSX.Element;

package/lib/account.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The rail's two small dialogs: the account (the caret by the email), and
- * finding a run by name (the search icon).
- */
-import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { LogOut } from '@hanzogui/lucide-icons-2';
-import { Button, Dialog, DialogContent, DialogTitle, Input } from '@hanzo/ui';
-import { useMemo, useState } from 'react';
-import { useHost } from './host.js';
-let reveal = null;
-/** The builder listens, so a settings control on this page opens the account dialog. */
-export function onAccount(fn) {
-    reveal = fn;
-    return () => {
-        if (reveal === fn)
-            reveal = null;
-    };
-}
-export function revealAccount() {
-    reveal?.();
-}
-export function Account({ open, onOpenChange }) {
-    const host = useHost();
-    const who = host.person;
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { maxW: 360, children: [_jsx(DialogTitle, { children: "Account" }), _jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { size: "$3", color: "$ink", numberOfLines: 1, children: who?.name || who?.email || 'Signed out' }), who?.email && who.name ? (_jsx(SizableText, { size: "$2", color: "$soft", numberOfLines: 1, children: who.email })) : null, host.org ? (_jsxs(SizableText, { size: "$1", color: "$soft", children: ["Organization: ", host.org] })) : null] }), _jsx(XStack, { gap: "$2", justify: "flex-end", flexWrap: "wrap", children: host.signOut ? (_jsxs(Button, { variant: "outline", size: "sm", onPress: () => host.signOut?.(), children: [_jsx(LogOut, { size: 14 }), " Sign out"] })) : null })] }) }));
-}
-export function Find({ open, onOpenChange, recents, onOpen, }) {
-    const [q, setQ] = useState('');
-    const hits = useMemo(() => {
-        const n = q.trim().toLowerCase();
-        return (n ? recents.filter((r) => r.title.toLowerCase().includes(n)) : recents).slice(0, 12);
-    }, [q, recents]);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { maxW: 480, children: [_jsx(DialogTitle, { children: "Find a run" }), _jsx(Input, { autoFocus: true, value: q, onChangeText: setQ, placeholder: "Search runs\u2026", "aria-label": "Search runs", onKeyDown: (e) => {
-                        if ((e.key ?? e.nativeEvent?.key) === 'Enter' && hits[0])
-                            onOpen(hits[0].id);
-                    } }), _jsx(YStack, { gap: "$1", role: "list", children: hits.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: "No run matches." })) : (hits.map((r) => (_jsx(XStack, { role: "listitem", render: "button", onPress: () => onOpen(r.id), px: "$2", py: "$1.5", rounded: "$3", hoverStyle: { bg: '$hover' }, children: _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: r.title }) }, r.id)))) })] }) }));
-}

package/lib/mcp.d.ts

@@ -1 +0,0 @@
-export declare function Servers(): import("react").JSX.Element;

package/lib/mcp.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The fleet's native MCP servers.
- *
- * The list is the MCP server's own tools/list. A server starts when a run
- * calls it and stays up afterwards, so this pane lists them rather than
- * starting them.
- */
-import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { ChevronDown } from '@hanzogui/lucide-icons-2';
-import { Input } from '@hanzo/ui';
-import { useState } from 'react';
-import { natives } from './api/mcp.js';
-import { useRead } from './data.js';
-import { useTarget } from './host.js';
-export function Servers() {
-    const t = useTarget();
-    const list = useRead(() => natives(t), [], [t]);
-    const [q, setQ] = useState('');
-    const [open, setOpen] = useState(null);
-    const needle = q.trim().toLowerCase();
-    const shown = list.value.filter((s) => !needle || s.name.toLowerCase().includes(needle) || s.ops.some((op) => op.toLowerCase().includes(needle)));
-    const ops = shown.reduce((n, s) => n + s.ops.length, 0);
-    return (_jsx(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", children: _jsxs(YStack, { width: "100%", maxW: 1040, mx: "auto", gap: "$4", children: [_jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { render: "h1", size: "$6", color: "$ink", children: "MCP" }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Native servers. A run starts one when it calls it, and the server stays up afterwards." })] }), _jsx(Input, { value: q, onChangeText: setQ, placeholder: "Find a server or an operation\u2026", "aria-label": "Find a server" }), list.loading && list.value.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: "Reading the servers\u2026" })) : list.error && list.value.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: list.error.message })) : shown.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: list.value.length === 0 ? 'The MCP server listed no native servers.' : 'No server matches.' })) : (_jsxs(YStack, { gap: "$1", children: [_jsxs(SizableText, { size: "$1", color: "$soft", children: [shown.length, " servers \u00B7 ", ops, " operations"] }), shown.map((s) => {
-                            const on = open === s.name;
-                            return (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { render: "button", "aria-expanded": on, "aria-label": s.name, items: "center", gap: "$3", px: "$3", py: "$2.5", hoverStyle: { bg: '$hover' }, onPress: () => setOpen(on ? null : s.name), children: [_jsxs(YStack, { flex: 1, minW: 0, gap: "$1", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: s.name }), s.description ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: on ? undefined : 2, children: s.description })) : null] }), _jsx(SizableText, { size: "$1", color: "$soft", children: s.ops.length }), _jsx(ChevronDown, { size: 14, style: { transform: on ? 'rotate(180deg)' : undefined } })] }), on ? (_jsx(YStack, { px: "$3", py: "$2", gap: "$1", borderTopWidth: 1, borderColor: "$borderColor", children: s.ops.length === 0 ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "This server named no operations." })) : (s.ops.map((op) => (_jsx(SizableText, { size: "$1", color: "$ink", children: op }, op)))) })) : null] }, s.name));
-                        })] }))] }) }));
-}