@hanzo/build 0.2.79 → 0.2.81

package/lib/tools.d.ts

@@ -1,16 +1,17 @@
+import { type Say } from '@hanzo/i18n/react';
 export interface Attached {
     name: string;
     text: string;
 }
 /** The ask with its attachments appended as fenced text. */
 export declare function compose(prompt: string, files: Attached[]): string;
-/** Read `list` into `have`, within the caps; answers the new list and what was refused. */
-export declare function read(have: Attached[], list: FileList): Promise<{
+/** Read `list` into `have`, within the caps; answers the new list and what was refused, in the language of `t`. */
+export declare function read(have: Attached[], list: FileList, t?: Say): Promise<{
     files: Attached[];
     note: string;
 }>;
 /** 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): void;
+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[];

package/lib/tools.js

@@ -5,8 +5,10 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * 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 { english } from './say.js';
 const EACH = 100_000;
 const ALL = 200_000;
 /** The ask with its attachments appended as fenced text. */
@@ -15,19 +17,19 @@ export function compose(prompt, files) {
         return prompt;
     return prompt + files.map((f) => `\n\n\`${f.name}\`:\n\`\`\`\n${f.text}\n\`\`\``).join('');
 }
-/** Read `list` into `have`, within the caps; answers the new list and what was refused. */
-export async function read(have, list) {
+/** Read `list` into `have`, within the caps; answers the new list and what was refused, in the language of `t`. */
+export async function read(have, list, t = english) {
     const files = [...have];
     let total = files.reduce((n, f) => n + f.text.length, 0);
     let note = '';
     for (const file of Array.from(list)) {
         if (file.size > EACH) {
-            note = `${file.name} is over 100 KB; attach a smaller file or point the run at the repository.`;
+            note = t('{file} is over 100 KB; attach a smaller file or point the run at the repository.', { file: file.name });
             continue;
         }
         const text = await file.text();
         if (total + text.length > ALL) {
-            note = 'Attachments are capped at 200 KB in all.';
+            note = t('Attachments are capped at 200 KB in all.');
             break;
         }
         total += text.length;
@@ -36,7 +38,7 @@ export async function read(have, list) {
     return { files, note };
 }
 /** Ask the browser for files and read them in, within the caps; the picker is minted per press. */
-export function pick(have, onFiles, onNote) {
+export function pick(have, onFiles, onNote, t = english) {
     if (typeof document === 'undefined')
         return;
     const ask = document.createElement('input');
@@ -45,7 +47,7 @@ export function pick(have, onFiles, onNote) {
     ask.onchange = () => {
         if (!ask.files?.length)
             return;
-        void read(have, ask.files).then(({ files, note }) => {
+        void read(have, ask.files, t).then(({ files, note }) => {
             onFiles(files);
             onNote(note);
         });
@@ -54,5 +56,6 @@ export function pick(have, onFiles, onNote) {
 }
 /** The attached files as small removable marks. */
 export function Files({ files, onFiles }) {
-    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: `Remove ${f.name}`, icon: _jsx(X, { size: 12 }), onPress: () => onFiles(files.filter((x) => x !== f)) })] }, f.name))) }));
+    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))) }));
 }

package/lib/transcript.js

@@ -17,6 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * commands, edits and steps — are cards of their own between the turns.
  */
 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';
@@ -31,11 +32,12 @@ const mono = { fontFamily: 'var(--f-mono, ui-monospace, monospace)' };
 /** What a thought is about: its first line, without the markdown that bolds it. */
 const firstLine = (text) => text.trim().split('\n')[0].replace(/[*_#`]/g, '').slice(0, 120);
 export function Transcript({ cards, live, empty, header, onApprove, approving = false, onVerdict, onOpen, onDiff, listen, end, }) {
+    const { t } = useI18n();
     // A card the run never finished is cut off once the run has ended, not still going.
     const state = (ran) => (ran === 'running' && !live ? 'cancelled' : ran);
     // The answer still arriving: the last thing the agent said while the run works.
     const last = live ? [...cards].reverse().find((c) => c.kind === 'said' && c.who === 'agent')?.key : undefined;
-    return (_jsxs(Thread, { gap: GAP, column: { maxW: MEASURE }, "aria-label": "Transcript", children: [header, cards.length === 0 ? _jsx(YStack, { py: "$2", children: empty }) : null, cards.map((c) => {
+    return (_jsxs(Thread, { gap: GAP, column: { maxW: MEASURE }, "aria-label": t('Transcript'), children: [header, cards.length === 0 ? _jsx(YStack, { py: "$2", children: empty }) : null, cards.map((c) => {
                 switch (c.kind) {
                     case 'said': {
                         if (c.who === 'person')
@@ -45,19 +47,19 @@ export function Transcript({ cards, live, empty, header, onApprove, approving =
                         return (_jsx(Message, { role: "assistant", busy: c.key === last, children: _jsxs(YStack, { gap: "$1", children: [_jsx(Prose, { text: c.text }), c.key === last ? null : (_jsx(Reply, { text: c.text, listen: listen, onOpen: first && onOpen ? () => onOpen(first) : undefined, children: _jsx(Judge, { onVerdict: onVerdict }) }))] }) }, c.key));
                     }
                     case 'think':
-                        return (_jsx(Step, { name: "Thought", detail: firstLine(c.text), status: "done", "aria-label": "Thought", children: _jsx(Prose, { text: c.text }) }, c.key));
+                        return (_jsx(Step, { name: t('Thought'), detail: firstLine(c.text), status: "done", "aria-label": t('Thought'), children: _jsx(Prose, { text: c.text }) }, c.key));
                     case 'todo':
-                        return (_jsx(YStack, { gap: "$1", px: "$3", py: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", "aria-label": "Plan checklist", children: c.items.map((x, i) => (_jsxs(XStack, { gap: "$2", items: "flex-start", children: [_jsx(SizableText, { size: "$2", color: x.done ? '$ink' : '$soft', children: x.done ? '✓' : '○' }), _jsx(SizableText, { flex: 1, size: "$2", color: x.done ? '$soft' : '$ink', children: x.text })] }, i))) }, c.key));
+                        return (_jsx(YStack, { gap: "$1", px: "$3", py: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", "aria-label": t('Plan checklist'), children: c.items.map((x, i) => (_jsxs(XStack, { gap: "$2", items: "flex-start", children: [_jsx(SizableText, { size: "$2", color: x.done ? '$ink' : '$soft', children: x.done ? '✓' : '○' }), _jsx(SizableText, { flex: 1, size: "$2", color: x.done ? '$soft' : '$ink', children: x.text })] }, i))) }, c.key));
                     case 'shell':
-                        return (_jsx(Step, { name: "Shell", detail: c.command, status: state(c.ran), "aria-label": `Command ${c.command}`, children: _jsx(Code, { language: "shell", value: c.output ? `$ ${c.command}\n${c.output}` : `$ ${c.command}`, children: c.output ? `$ ${c.command}\n${tail(c.output)}` : `$ ${c.command}` }) }, c.key));
+                        return (_jsx(Step, { name: t('Shell'), detail: c.command, status: state(c.ran), "aria-label": t('Command {command}', { command: c.command }), children: _jsx(Code, { language: "shell", value: c.output ? `$ ${c.command}\n${c.output}` : `$ ${c.command}`, children: c.output ? `$ ${c.command}\n${tail(c.output)}` : `$ ${c.command}` }) }, c.key));
                     case 'edit':
-                        return (_jsx(Step, { name: c.files.length === 1 ? 'Edited' : c.files.length ? `Edited ${c.files.length} files` : 'Edited files', detail: c.files.join(', '), status: state(c.ran), "aria-label": `Edited ${c.files.join(', ') || 'files'}`, children: _jsxs(YStack, { gap: "$2", items: "flex-start", children: [_jsx(SizableText, { size: "$1", color: "$soft", style: { whiteSpace: 'pre-wrap' }, children: c.files.length ? c.files.join('\n') : 'The agent named no files.' }), onDiff ? (_jsx(Button, { size: "sm", variant: "outline", onPress: onDiff, children: "Open the diff" })) : null] }) }, c.key));
+                        return (_jsx(Step, { name: c.files.length === 1 ? t('Edited') : c.files.length ? t('Edited {n} files', { n: c.files.length }) : t('Edited files'), detail: c.files.join(', '), status: state(c.ran), "aria-label": c.files.length ? t('Edited {files}', { files: c.files.join(', ') }) : t('Edited files'), children: _jsxs(YStack, { gap: "$2", items: "flex-start", children: [_jsx(SizableText, { size: "$1", color: "$soft", style: { whiteSpace: 'pre-wrap' }, children: c.files.length ? c.files.join('\n') : t('The agent named no files.') }), onDiff ? (_jsx(Button, { size: "sm", variant: "outline", onPress: onDiff, children: t('Open the diff') })) : null] }) }, c.key));
                     case 'step':
-                        return (_jsx(Step, { name: c.name, detail: c.detail, status: state(c.ran), defaultOpen: c.name === 'Error', "aria-label": `${c.name} ${c.detail}`.trim(), children: c.name === 'Error' ? (_jsx(SizableText, { size: "$2", color: "$ink", style: { ...mono, whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }, children: c.output })) : c.output.trim() ? (_jsx(Code, { language: "output", value: c.output, children: tail(c.output.replace(/\n+$/, '')) })) : undefined }, c.key));
+                        return (_jsx(Step, { name: t(c.name), detail: c.detail, status: state(c.ran), defaultOpen: c.name === 'Error', "aria-label": `${t(c.name)} ${c.detail}`.trim(), children: c.name === 'Error' ? (_jsx(SizableText, { size: "$2", color: "$ink", style: { ...mono, whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }, children: c.output })) : c.output.trim() ? (_jsx(Code, { language: "output", value: c.output, children: tail(c.output.replace(/\n+$/, '')) })) : undefined }, c.key));
                     case 'note':
-                        return (_jsx(SizableText, { size: "$1", color: "$soft", role: "note", children: c.text }, c.key));
+                        return (_jsx(SizableText, { size: "$1", color: "$soft", role: "note", children: t(c.text) }, c.key));
                     case 'plan':
-                        return (_jsxs(YStack, { gap: "$3", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", "aria-label": "Plan", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Plan" }), _jsx(Prose, { text: c.text }), _jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [_jsx(Reply, { text: c.text, listen: listen }), onApprove ? (_jsx(Button, { size: "sm", disabled: approving, onPress: () => onApprove(c.text), children: approving ? 'Starting the build…' : 'Approve and build' })) : null, _jsx(Judge, { onVerdict: onVerdict })] })] }, c.key));
+                        return (_jsxs(YStack, { gap: "$3", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", "aria-label": t('Plan'), children: [_jsx(SizableText, { size: "$2", color: "$soft", children: t('Plan') }), _jsx(Prose, { text: c.text }), _jsxs(XStack, { items: "center", gap: "$2", flexWrap: "wrap", children: [_jsx(Reply, { text: c.text, listen: listen }), onApprove ? (_jsx(Button, { size: "sm", disabled: approving, onPress: () => onApprove(c.text), children: approving ? t('Starting the build…') : t('Approve and build') })) : null, _jsx(Judge, { onVerdict: onVerdict })] })] }, c.key));
                 }
             }), end] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.79",
+  "version": "0.2.81",
   "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.",
@@ -11,6 +11,7 @@
     "@hanzo/composer": "0.2.0",
     "@hanzo/font": "1.9.3",
     "@hanzo/gui": "8.3.5",
+    "@hanzo/i18n": "0.4.0",
     "@hanzo/iam": "0.21.28",
     "@hanzo/ui": "8.29.0",
     "@hanzo/vite": "0.1.4",
@@ -76,7 +77,8 @@
     "@hanzogui/lucide-icons-2": ">=8.3.5",
     "react": ">=19.2.8",
     "@hanzo/voice": ">=0.1.19",
-    "@hanzo/composer": ">=0.2.0"
+    "@hanzo/composer": ">=0.2.0",
+    "@hanzo/i18n": ">=0.4.0"
   },
   "scripts": {
     "dev": "vite",