@hanzo/build 0.2.80 → 0.2.82

package/lib/run.js

@@ -24,6 +24,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the run. Share opens its story to the public build route.
  */
 import { SizableText, useMedia, XStack, YStack } from '@hanzo/gui';
+import { phrase } from '@hanzo/i18n';
+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';
@@ -53,7 +55,16 @@ import { PAGE, useDeck, useKey, usePanel } from './tabs.js';
 import { compose, Files, 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. */
+const STATUS = {
+    running: phrase('running'),
+    paused: phrase('paused'),
+    done: phrase('done'),
+    error: phrase('error'),
+    stopped: phrase('stopped'),
+};
 export function Run({ id }) {
+    const { t: say } = useI18n();
     const host = useHost();
     const t = useTarget();
     // Signed out, there is nothing to read: the gateway answers a bare run with a refusal.
@@ -85,11 +96,11 @@ export function Run({ id }) {
     const mode = record?.mode ?? '';
     // A run that narrated no ask of its own opens with the one its title records, once it has said anything.
     const shown = useMemo(() => {
-        const drawn = cards(events, mode);
+        const drawn = cards(events, mode, say);
         const ask = record ? headline(record.title, record.repo) : '';
         const opens = drawn[0]?.kind === 'said' && drawn[0].who === 'person';
         return ask && drawn.length && !opens ? [{ kind: 'said', key: 'ask', who: 'person', text: ask }, ...drawn] : drawn;
-    }, [events, mode, record]);
+    }, [events, mode, record, say]);
     const end = outcome(events);
     const plan = useMemo(() => steps(events), [events]);
     const kept = useMemo(() => settled(events), [events]);
@@ -106,7 +117,7 @@ export function Run({ id }) {
     useEffect(() => {
         if (!end.published)
             return;
-        side.open({ kind: 'preview', title: 'Preview' });
+        side.open({ kind: 'preview', title: say('Preview') });
         setDesk(true);
         // On each publish, not on each render.
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -124,7 +135,7 @@ export function Run({ id }) {
     const steering = running && !(paused && held);
     // A follow-up clones what the run kept, so it waits until the run has said where that is.
     const waiting = (paused && held && !kept.settled) || (finished && stopping && !kept.settled);
-    const title = record?.title || (detail.loading ? '' : 'Untitled run');
+    const title = record?.title || (detail.loading ? '' : say('Untitled run'));
     // A setup run explores and installs before it answers, which takes minutes.
     const setup = mode === 'setup';
     const [seen, setSeen] = useKept('hanzo.build.setup.seen', false);
@@ -158,17 +169,17 @@ export function Run({ id }) {
         if (!notify || running)
             return;
         if (Notification.permission === 'granted')
-            new Notification(record?.title || 'Run finished', { body: 'This run has finished.' });
+            new Notification(record?.title || say('Run finished'), { body: say('This run has finished.') });
         setNotify(false);
     }, [notify, running, record?.title]);
     const ask = async () => {
         if (typeof Notification === 'undefined') {
-            setNote('This browser cannot send a notification.');
+            setNote(say('This browser cannot send a notification.'));
             return;
         }
         const perm = Notification.permission === 'granted' ? 'granted' : await Notification.requestPermission();
         if (perm !== 'granted') {
-            setNote('Notifications stay off until this browser allows them.');
+            setNote(say('Notifications stay off until this browser allows them.'));
             return;
         }
         setNotify(true);
@@ -199,7 +210,7 @@ export function Run({ id }) {
     // A setup run's work IS its environment: the panel opens on it.
     useEffect(() => {
         if (mode === 'setup')
-            side.open({ kind: 'environment', title: 'Environment' });
+            side.open({ kind: 'environment', title: say('Environment') });
         // Once the run says what it is.
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [mode]);
@@ -214,7 +225,7 @@ export function Run({ id }) {
      */
     const carry = async (said, how = 'follow') => {
         if (!earlier)
-            throw new Error('This run is still being read');
+            throw new Error(say('This run is still being read'));
         if (paused)
             await stop(t, id, 'Continued in a follow-up run').catch(() => undefined);
         const ask = how === 'approve' ? approve(earlier, said) : how === 'retry' ? retry(earlier, said) : followUp(earlier, said);
@@ -232,7 +243,7 @@ export function Run({ id }) {
                 await message(t, id, words);
                 setDraft('');
                 setFiles([]);
-                return 'Sent — recorded on this run';
+                return say('Sent — recorded on this run');
             });
             return;
         }
@@ -244,13 +255,13 @@ export function Run({ id }) {
                 void act(async () => {
                     await stop(t, id);
                     setStopping(true);
-                    return 'Stop requested — the run keeps its work on its branch';
+                    return say('Stop requested — the run keeps its work on its branch');
                 });
                 return;
             case 'pause':
                 void act(async () => {
                     await pause(t, id);
-                    return held ? 'Pause requested — the run keeps its work on its branch and waits' : 'Pause asked — the machine pauses when it reads it';
+                    return held ? say('Pause requested — the run keeps its work on its branch and waits') : say('Pause asked — the machine pauses when it reads it');
                 });
                 return;
             case 'resume':
@@ -259,7 +270,7 @@ export function Run({ id }) {
                 else
                     void act(async () => {
                         await resume(t, id);
-                        return 'Resume asked — the machine goes on when it reads it';
+                        return say('Resume asked — the machine goes on when it reads it');
                     });
                 return;
         }
@@ -270,13 +281,13 @@ export function Run({ id }) {
             setCopied(what);
         }
         catch {
-            setNote('This browser would not copy.');
+            setNote(say('This browser would not copy.'));
         }
     };
     const share = (on) => act(async () => {
         await publish(t, id, on);
         detail.reload();
-        return on ? 'Shared — anyone with the link can read this run’s story' : 'No longer shared';
+        return on ? say('Shared — anyone with the link can read this run’s story') : say('No longer shared');
     });
     // What the title's menu does to the run.
     const manage = [
@@ -284,7 +295,7 @@ export function Run({ id }) {
             ? [
                 {
                     key: 'rename',
-                    label: 'Rename',
+                    label: say('Rename'),
                     icon: _jsx(Pencil, { size: 16 }),
                     onSelect: () => {
                         setName(title);
@@ -293,15 +304,15 @@ export function Run({ id }) {
                 },
             ]
             : []),
-        { key: 'copy', label: copied === 'id' ? 'Copied' : 'Copy run id', icon: _jsx(Copy, { size: 16 }), description: id, onSelect: () => void copy('id', id) },
+        { key: 'copy', label: copied === 'id' ? say('Copied') : say('Copy run id'), icon: _jsx(Copy, { size: 16 }), description: id, onSelect: () => void copy('id', id) },
         // What this run was asked, as a task that runs again on a schedule: the ask it opened with.
         ...(signed && record
             ? [
                 {
                     key: 'schedule',
-                    label: 'Schedule this',
+                    label: say('Schedule this'),
                     icon: _jsx(Clock, { size: 16 }),
-                    description: 'Run it again on a schedule',
+                    description: say('Run it again on a schedule'),
                     onSelect: () => {
                         const first = shown.find((c) => c.kind === 'said' && c.who === 'person');
                         schedule(first && 'text' in first ? first.text : headline(record.title, record.repo), host.go);
@@ -315,77 +326,84 @@ export function Run({ id }) {
     const sharing = signed && record?.project
         ? [
             record.published
-                ? { key: 'unshare', label: 'Stop sharing', icon: _jsx(Globe, { size: 16 }), onSelect: () => void share(false) }
-                : { key: 'share', label: 'Share publicly', icon: _jsx(Globe, { size: 16 }), description: 'Anyone with the link can read it', onSelect: () => void share(true) },
-            ...(link ? [{ key: 'link', label: copied === 'link' ? 'Copied' : 'Copy public link', icon: _jsx(Copy, { size: 16 }), description: link, onSelect: () => void copy('link', link) }] : []),
+                ? { key: 'unshare', label: say('Stop sharing'), icon: _jsx(Globe, { size: 16 }), onSelect: () => void share(false) }
+                : { key: 'share', label: say('Share publicly'), icon: _jsx(Globe, { size: 16 }), description: say('Anyone with the link can read it'), onSelect: () => void share(true) },
+            ...(link ? [{ key: 'link', label: copied === 'link' ? say('Copied') : say('Copy public link'), icon: _jsx(Copy, { size: 16 }), description: link, onSelect: () => void copy('link', link) }] : []),
         ]
         : [];
     const save = () => void act(async () => {
         await rename(t, id, name);
         setNaming(false);
         detail.reload();
-        return 'Renamed';
+        return say('Renamed');
     });
     const placeholder = !signed
-        ? 'Sign in to follow up'
+        ? say('Sign in to follow up')
         : waiting
             ? paused
-                ? 'Pausing — the run is keeping its work…'
-                : 'Stopping — the run is keeping its work…'
+                ? say('Pausing — the run is keeping its work…')
+                : say('Stopping — the run is keeping its work…')
             : paused && held
-                ? 'Continue this run with a follow up'
+                ? say('Continue this run with a follow up')
                 : running
                     ? setup
-                        ? 'Add a follow up for the setup agent'
-                        : 'Add a follow up'
+                        ? say('Add a follow up for the setup agent')
+                        : say('Add a follow up')
                     : finished
-                        ? 'Follow up — continues in a new run'
-                        : 'Reading this run…';
-    const desk_ = (sheet) => (_jsx(Desk, { id: id, repo: record?.repo ?? '', branch: record?.branch ?? '', base: record?.base ?? '', environment: record?.environment ?? '', mode: mode, pr: pr, title: title, project: record?.project ?? '', sandbox: record?.sandbox ?? '', site: site, published: end.published, events: events, live: running, menu: [...manage, ...sharing], refused: signed ? refused || (detail.error ? detail.error.message : '') : 'Sign in to follow this run.', retry: signed ? 'Retry' : 'Sign in', onRetry: signed ? detail.reload : () => host.signIn?.(), side: side, sheet: sheet, onHide: () => setDesk(false) }));
-    return (_jsxs(XStack, { "data-slot": "run-split", flex: 1, minH: 0, minW: 0, width: "100%", children: [_jsxs(YStack, { "data-slot": "run", ref: split.main, style: split.mainStyle, ...pane, flex: 1, minH: 0, minW: 0, width: "100%", children: [_jsxs(XStack, { px: "$4", pt: "$3", pb: "$2", gap: "$2", items: "center", minH: 44, children: [_jsxs(YStack, { flex: 1, minW: 0, items: "flex-start", children: [_jsx(DropdownMenu, { trigger: _jsxs(XStack, { render: "button", "aria-label": "Manage this run", items: "center", gap: "$1.5", maxW: "100%", px: "$1.5", mx: "$-1.5", py: "$0.5", rounded: "$2", hoverStyle: { bg: '$hover' }, children: [_jsx(SizableText, { render: "h1", size: "$5", color: "$ink", numberOfLines: 1, minW: 0, children: title }), _jsx(ChevronDown, { size: 14 })] }), items: manage }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, maxW: "100%", children: [state || (detail.loading ? 'reading' : ''), record?.repo, record?.branch, record?.published ? 'shared' : ''].filter(Boolean).join(' · ') })] }), pr.href ? (_jsx(Out, { href: pr.href, label: `Open pull request ${pr.label}`, children: _jsxs(XStack, { items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsx(GitPullRequest, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: pr.label }), _jsx(ExternalLink, { size: 12, opacity: 0.6 })] }) })) : null, sharing.length ? (_jsx(DropdownMenu, { trigger: _jsxs(XStack, { render: "button", "aria-label": "Share", items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsx(Share, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: "Share" })] }), items: sharing })) : null, _jsx(PanelToggle, { open: desk, onToggle: () => setDesk(!desk) })] }), _jsx(Transcript, { cards: shown, onOpen: look, onDiff: () => {
-                            side.open({ kind: 'diff', title: 'Diff' });
+                        ? say('Follow up — continues in a new run')
+                        : say('Reading this run…');
+    const desk_ = (sheet) => (_jsx(Desk, { id: id, repo: record?.repo ?? '', branch: record?.branch ?? '', base: record?.base ?? '', environment: record?.environment ?? '', mode: mode, pr: pr, title: title, project: record?.project ?? '', sandbox: record?.sandbox ?? '', site: site, published: end.published, events: events, live: running, menu: [...manage, ...sharing], refused: signed ? refused || (detail.error ? say(detail.error.message) : '') : say('Sign in to follow this run.'), retry: signed ? say('Retry') : say('Sign in'), onRetry: signed ? detail.reload : () => host.signIn?.(), side: side, sheet: sheet, onHide: () => setDesk(false) }));
+    return (_jsxs(XStack, { "data-slot": "run-split", flex: 1, minH: 0, minW: 0, width: "100%", children: [_jsxs(YStack, { "data-slot": "run", ref: split.main, style: split.mainStyle, ...pane, flex: 1, minH: 0, minW: 0, width: "100%", children: [_jsxs(XStack, { px: "$4", pt: "$3", pb: "$2", gap: "$2", items: "center", minH: 44, children: [_jsxs(YStack, { flex: 1, minW: 0, items: "flex-start", children: [_jsx(DropdownMenu, { trigger: _jsxs(XStack, { render: "button", "aria-label": say('Manage this run'), items: "center", gap: "$1.5", maxW: "100%", px: "$1.5", mx: "$-1.5", py: "$0.5", rounded: "$2", hoverStyle: { bg: '$hover' }, children: [_jsx(SizableText, { render: "h1", size: "$5", color: "$ink", numberOfLines: 1, minW: 0, children: title }), _jsx(ChevronDown, { size: 14 })] }), items: manage }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, maxW: "100%", children: [state ? say(STATUS[state] ?? state) : detail.loading ? say('reading') : '', record?.repo, record?.branch, record?.published ? say('shared') : ''].filter(Boolean).join(' · ') })] }), pr.href ? (_jsx(Out, { href: pr.href, label: say('Open pull request {pr}', { pr: pr.label }), children: _jsxs(XStack, { items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsx(GitPullRequest, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: pr.label }), _jsx(ExternalLink, { size: 12, opacity: 0.6 })] }) })) : null, sharing.length ? (_jsx(DropdownMenu, { trigger: _jsxs(XStack, { render: "button", "aria-label": say('Share'), items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsx(Share, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: say('Share') })] }), items: sharing })) : null, _jsx(PanelToggle, { open: desk, onToggle: () => setDesk(!desk) })] }), _jsx(Transcript, { cards: shown, onOpen: look, onDiff: () => {
+                            side.open({ kind: 'diff', title: say('Diff') });
                             setDesk(true);
-                        }, listen: signed ? listen : undefined, end: failed ? (_jsx(Failure, { onRetry: busy ? undefined : () => void act(() => carry(again, 'retry')), children: end.problem ? 'This run stopped before it finished.' : 'This run stopped with an error. Its work so far is on its branch.' })) : null, 
+                        }, listen: signed ? listen : undefined, end: failed ? (_jsx(Failure, { onRetry: busy ? undefined : () => void act(() => carry(again, 'retry')), children: end.problem
+                                ? say('This run stopped before it finished.')
+                                : `${say('This run stopped with an error.')} ${say('Its work so far is on its branch.')}` })) : null, 
                         // A paused run's agent was stopped where it stood; what it was running is cut off.
-                        live: running && !paused, header: hidden ? (_jsx(SizableText, { size: "$1", color: "$soft", children: `${hidden} earlier ${hidden === 1 ? 'turn is' : 'turns are'} not shown. The run’s Git tab has everything it pushed.` })) : null, onApprove: planned && earlier ? (p) => void act(() => carry(p, 'approve')) : undefined, approving: busy, onVerdict: (v) => verdict(t, id, record?.project ?? '', v), empty: signed ? (_jsx(SizableText, { size: "$2", color: "$soft", children: detail.error
-                                ? detail.error.message
+                        live: running && !paused, header: hidden ? (_jsx(SizableText, { size: "$1", color: "$soft", children: `${hidden === 1 ? say('{n} earlier turn is not shown.', { n: hidden }) : say('{n} earlier turns are not shown.', { n: hidden })} ${say('The run’s Git tab has everything it pushed.')}` })) : null, onApprove: planned && earlier ? (p) => void act(() => carry(p, 'approve')) : undefined, approving: busy, onVerdict: (v) => verdict(t, id, record?.project ?? '', v), empty: signed ? (_jsx(SizableText, { size: "$2", color: "$soft", children: detail.error
+                                ? say(detail.error.message)
                                 : detail.loading
-                                    ? 'Reading this run…'
+                                    ? say('Reading this run…')
                                     : running
                                         ? setup
-                                            ? 'Setting up environment'
-                                            : 'Starting…'
-                                        : 'Waiting for the run’s first step…' })) : (_jsxs(YStack, { gap: "$3", items: "flex-start", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "Sign in to follow this run." }), _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" })] })) }), _jsxs(YStack, { pb: "$3", pt: "$2", gap: "$2", children: [_jsxs(YStack, { ...measure, gap: "$2", children: [end.problem ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "The branch is pushed, and the pull request could not be opened." })) : null, note || (signed && refused) ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note || refused })) : null, plan.length ? (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { render: "button", "aria-label": `Steps · ${plan.length}`, "aria-expanded": unfolded, onPress: () => setUnfolded(!unfolded), px: "$3", py: "$1.5", gap: "$2", items: "center", hoverStyle: { bg: '$hover' }, children: [unfolded ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: `Steps · ${plan.length}` }), current && !unfolded ? (_jsx(SizableText, { flex: 1, minW: 0, size: "$1", color: "$soft", numberOfLines: 1, style: { textAlign: 'right' }, children: current.name })) : null] }), unfolded
+                                            ? say('Setting up environment')
+                                            : say('Starting…')
+                                        : say('Waiting for the run’s first step…') })) : (_jsxs(YStack, { gap: "$3", items: "flex-start", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: say('Sign in to follow this run.') }), _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: say('Sign in') })] })) }), _jsxs(YStack, { pb: "$3", pt: "$2", gap: "$2", children: [_jsxs(YStack, { ...measure, gap: "$2", children: [end.problem ? (_jsx(SizableText, { size: "$1", color: "$soft", children: say('The branch is pushed, and the pull request could not be opened.') })) : null, note || (signed && refused) ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note || refused })) : null, plan.length ? (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { render: "button", "aria-label": say('Steps · {n}', { n: plan.length }), "aria-expanded": unfolded, onPress: () => setUnfolded(!unfolded), px: "$3", py: "$1.5", gap: "$2", items: "center", hoverStyle: { bg: '$hover' }, children: [unfolded ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }), _jsx(SizableText, { size: "$2", color: "$ink", children: say('Steps · {n}', { n: plan.length }) }), current && !unfolded ? (_jsx(SizableText, { flex: 1, minW: 0, size: "$1", color: "$soft", numberOfLines: 1, text: "end", children: current.name })) : null] }), unfolded
                                                 ? plan.map((s) => {
                                                     const on = s === current;
                                                     return (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$1.5", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$2", color: s.done || on ? '$ink' : '$soft', children: s.done ? '✓' : on ? '●' : '○' }), _jsx(SizableText, { size: "$2", color: s.done ? '$soft' : '$ink', numberOfLines: 1, children: s.name })] }, s.name));
                                                 })
                                                 : null] })) : null, setup && running && !seen ? _jsx(Onboarding, { onDone: () => setSeen(true) }) : null, running ? (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$2", rounded: "$10", borderWidth: 1, borderColor: "$borderColor", flexWrap: "wrap", rowGap: "$1", children: [_jsx(SizableText, { size: "$2", color: "$ink", flex: 1, minW: 160, children: paused
                                                     ? kept.pushed
-                                                        ? 'Paused — its work so far is on its branch.'
-                                                        : 'Paused.'
+                                                        ? say('Paused — its work so far is on its branch.')
+                                                        : say('Paused.')
                                                     : setup
                                                         ? span
-                                                            ? `Environment setup takes ~${span[0] === span[1] ? span[0] : `${span[0]}–${span[1]}`} minutes.`
-                                                            : 'Environment setup takes several minutes.'
-                                                        : 'This run is still working.' }), _jsx(Steer, { onCommand: command, withhold: [
+                                                            ? say('Environment setup takes ~{minutes} minutes.', { minutes: span[0] === span[1] ? span[0] : `${span[0]}–${span[1]}` })
+                                                            : say('Environment setup takes several minutes.')
+                                                        : 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 ? 'You will be notified' : '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 ? 'Steer this run' : '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) }, 
+                                                ] }), _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) }, 
                                 // 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, 
-                // A pane of its own beside the run's, the gutter between them.
-                ml: gap, position: "relative", shrink: 0, minH: 0, style: split.asideStyle, children: [split.grip ? (_jsx(Gutter, { ...split.grip, label: "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: "Rename this run" }), _jsx(Input, { autoFocus: true, value: name, onChangeText: setName, "aria-label": "The run\u2019s name", maxLength: 512, onKeyDown: (e) => {
+                // 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')
                                     save();
-                            } }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "outline", onPress: () => setNaming(false), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: busy || !name.trim(), onPress: save, children: "Save" })] })] }) })] }));
+                            } }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "outline", onPress: () => setNaming(false), children: say('Cancel') }), _jsx(Button, { size: "sm", disabled: busy || !name.trim(), onPress: save, children: say('Save') })] })] }) })] }));
 }
 /** What a setup run does, said once per browser the first time one is watched. */
 function Onboarding({ onDone }) {
+    const { t } = useI18n();
     const steps = [
-        'Explore, install and check the codebase',
-        'Name the secrets it needs — you set their values',
-        'Propose the environment for you to review and save',
+        t('Explore, install and check the codebase'),
+        t('Name the secrets it needs — you set their values'),
+        t('Propose the environment for you to review and save'),
     ];
-    return (_jsxs(YStack, { gap: "$3", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", children: [_jsx(SizableText, { size: "$4", color: "$ink", children: "Set up a cloud environment" }), _jsx(SizableText, { size: "$2", color: "$soft", children: "An environment lets every later run install, start, test and check its changes the way an engineer does. Setup is agent-led and takes several minutes. The agent will:" }), _jsx(YStack, { gap: "$1.5", children: steps.map((s, i) => (_jsxs(XStack, { gap: "$3", children: [_jsx(SizableText, { size: "$2", color: "$soft", width: 12, children: String(i + 1) }), _jsx(SizableText, { size: "$2", color: "$ink", children: s })] }, s))) }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Interrupt anytime to steer the agent or ask it questions." }), _jsx(Button, { size: "sm", onPress: onDone, children: "Got it" })] }));
+    return (_jsxs(YStack, { gap: "$3", p: "$4", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", children: [_jsx(SizableText, { size: "$4", color: "$ink", children: t('Set up a cloud environment') }), _jsx(SizableText, { size: "$2", color: "$soft", children: [
+                    t('An environment lets every later run install, start, test and check its changes the way an engineer does.'),
+                    t('Setup is agent-led and takes several minutes.'),
+                    t('The agent will:'),
+                ].join(' ') }), _jsx(YStack, { gap: "$1.5", children: steps.map((s, i) => (_jsxs(XStack, { gap: "$3", children: [_jsx(SizableText, { size: "$2", color: "$soft", width: 12, children: String(i + 1) }), _jsx(SizableText, { size: "$2", color: "$ink", children: s })] }, s))) }), _jsx(SizableText, { size: "$2", color: "$soft", children: t('Interrupt anytime to steer the agent or ask it questions.') }), _jsx(Button, { size: "sm", onPress: onDone, children: t('Got it') })] }));
 }

package/lib/say.d.ts

@@ -0,0 +1,2 @@
+import type { Say } from '@hanzo/i18n/react';
+export declare const english: Say;

package/lib/say.js

@@ -0,0 +1,7 @@
+/**
+ * `t` where no component is asking: the English, its `{name}` arguments filled.
+ * A helper that builds words outside a render (a rail's rows, a formatter)
+ * takes the caller's @hanzo/i18n `t` and falls back to this.
+ */
+import { translate } from '@hanzo/i18n';
+export const english = ((source, values) => translate({}, source, values));

package/lib/scheduled.js

@@ -12,16 +12,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * a read every half minute keeps them right when the stream is down. A new task
  * is said in plain words — "every Monday at 9am" — and the platform says back
  * what it understood before anything is created.
+ *
+ * Its words are the reader's language (@hanzo/i18n `t`); a task's name and
+ * prompt, a run's title, summary and error, and what the platform says back
+ * are drawn as given.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { Clock, ExternalLink, MoreHorizontal, Pencil, Play, Plus, ScrollText, Trash2 } from '@hanzogui/lucide-icons-2';
+import { useI18n } from '@hanzo/i18n/react';
 import { Button, DropdownMenu, Input, Switch, Textarea } from '@hanzo/ui';
 import { StatusDot } from '@hanzo/ui/chat';
 import { ModelPicker } from '@hanzo/ui/models';
 import { useLimits } from '@hanzo/ui/product/useLimits';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { automations, create, cron, events, jobs, remove, save, start, words } from './api/auto.js';
-import { Refusal } from './api/call.js';
+import { Refusal, told } from './api/call.js';
 import { ENSO, limits as readLimits, models } from './api/models.js';
 import { Confirm, Field, Line, Sheet } from './customize/ui.js';
 import { local, PLAN, shaped, tidy, unplanned, unready, When, zone } from './automations.js';
@@ -92,12 +97,13 @@ function useLive(on) {
     return live;
 }
 export function Scheduled() {
+    const { t } = useI18n();
     const host = useHost();
-    const t = useTarget();
+    const target = useTarget();
     const signed = Boolean(host.person);
     const [tick, setTick] = useState(0);
-    const tasks = useRead(signed ? () => automations(t) : null, [], [t, signed, tick]);
-    const runs = useRead(signed ? () => jobs(t, { limit: 50 }) : null, [], [t, signed, tick]);
+    const tasks = useRead(signed ? () => automations(target) : null, [], [target, signed, tick]);
+    const runs = useRead(signed ? () => jobs(target, { limit: 50 }) : null, [], [target, signed, tick]);
     const [shownTasks, setTasks] = useState([]);
     const [shownRuns, setRuns] = useState([]);
     useEffect(() => setTasks(tasks.value), [tasks.value]);
@@ -134,58 +140,62 @@ export function Scheduled() {
             await work();
         }
         catch (e) {
-            setProblem(unplanned(e) ? PLAN : `${what}: ${e.message}`);
+            setProblem(unplanned(e) ? t(PLAN) : t('{name}: {error}', { name: what, error: told(e, t) }));
         }
     };
     const flip = (a, on) => act(a.name, async () => {
-        const next = await save(t, a.id, { enabled: on });
+        const next = await save(target, a.id, { enabled: on });
         setTasks((was) => was.map((x) => (x.id === next.id ? next : x)));
     });
     const run = (a) => act(a.name, async () => {
-        const r = await start(t, a.id);
+        const r = await start(target, a.id);
         if (r.status === 'skipped')
-            setProblem(`${a.name}: not started, the previous run is still going.`);
+            setProblem(t('{name}: not started, the previous run is still going.', { name: a.name }));
         setTick((n) => n + 1);
     });
     const edit = (id) => host.go(path({ kind: 'automation', id }));
-    return (_jsxs(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", "$max-md": { px: '$4', py: '$4' }, children: [_jsxs(YStack, { width: "100%", maxW: 880, mx: "auto", gap: "$5", children: [_jsxs(XStack, { justify: "space-between", items: "flex-start", gap: "$4", children: [_jsxs(YStack, { gap: "$1", flex: 1, minW: 0, children: [_jsx(SizableText, { render: "h1", size: "$7", fontWeight: "600", color: "$ink", children: "Scheduled tasks" }), _jsx(SizableText, { size: "$2", color: "$soft", children: "What runs without you watching: prompts on a schedule, background runs, Studio renders and workflows." })] }), _jsxs(Button, { size: "sm", shrink: 0, disabled: !signed, onPress: () => setMaking(''), children: [_jsx(Plus, { size: 14 }), "New task"] })] }), _jsx(Line, { children: problem }), _jsxs(YStack, { gap: "$2", children: [_jsx(SizableText, { render: "h2", size: "$3", color: "$ink", fontWeight: "500", children: "Tasks" }), !signed ? (_jsx(Said, { says: "Sign in to see your scheduled tasks.", children: _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" }) })) : tasks.error && !shownTasks.length ? (_jsx(Said, { says: tasks.error.message })) : tasks.loading && !shownTasks.length ? (_jsx(Said, { says: "Reading your tasks\u2026" })) : !shownTasks.length ? (_jsx(Said, { says: "No scheduled tasks yet. Ask Chat or Dev to do something on a schedule, or start one here.", children: _jsx(Button, { size: "sm", onPress: () => setMaking(''), children: "New task" }) })) : (_jsx(YStack, { role: "list", "aria-label": "Your tasks", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", overflow: "hidden", children: shownTasks.map((a, i) => (_jsx(Task, { a: a, first: i === 0, onOpen: () => edit(a.id), onSwitch: (on) => void flip(a, on), onRun: () => void run(a), onDelete: () => setDeleting(a) }, a.id))) }))] }), signed ? (_jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(SizableText, { render: "h2", size: "$3", color: "$ink", fontWeight: "500", flex: 1, children: "Activity" }), _jsx(SizableText, { size: "$1", color: "$soft", children: live ? 'Live' : '' })] }), runs.error && !shownRuns.length ? (_jsx(Said, { says: runs.error.message })) : runs.loading && !shownRuns.length ? (_jsx(Said, { says: "Reading what ran\u2026" })) : !shownRuns.length ? (_jsx(Said, { says: "Nothing has run yet. A task's runs, Dev's background runs and Studio's renders show here as they go." })) : (_jsx(YStack, { role: "list", "aria-label": "Activity", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", overflow: "hidden", children: shownRuns.map((j, i) => (_jsx(Ran, { j: j, first: i === 0, now: now, onOpen: () => setLooking(j) }, j.id))) }))] })) : null] }), _jsx(Make, { prompt: making, onClose: () => setMaking(null), onMade: (a) => {
+    return (_jsxs(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", "$max-md": { px: '$4', py: '$4' }, children: [_jsxs(YStack, { width: "100%", maxW: 880, mx: "auto", gap: "$5", children: [_jsxs(XStack, { justify: "space-between", items: "flex-start", gap: "$4", children: [_jsxs(YStack, { gap: "$1", flex: 1, minW: 0, children: [_jsx(SizableText, { render: "h1", size: "$7", fontWeight: "600", color: "$ink", children: t('Scheduled tasks') }), _jsx(SizableText, { size: "$2", color: "$soft", children: t('What runs without you watching: prompts on a schedule, background runs, Studio renders and workflows.') })] }), _jsxs(Button, { size: "sm", shrink: 0, disabled: !signed, onPress: () => setMaking(''), children: [_jsx(Plus, { size: 14 }), t('New task')] })] }), _jsx(Line, { children: problem }), _jsxs(YStack, { gap: "$2", children: [_jsx(SizableText, { render: "h2", size: "$3", color: "$ink", fontWeight: "500", children: t('Tasks') }), !signed ? (_jsx(Said, { says: t('Sign in to see your scheduled tasks.'), children: _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: t('Sign in') }) })) : tasks.error && !shownTasks.length ? (_jsx(Said, { says: told(tasks.error, t) })) : tasks.loading && !shownTasks.length ? (_jsx(Said, { says: t('Reading your tasks…') })) : !shownTasks.length ? (_jsx(Said, { says: t('No scheduled tasks yet. Ask Chat or Dev to do something on a schedule, or start one here.'), children: _jsx(Button, { size: "sm", onPress: () => setMaking(''), children: t('New task') }) })) : (_jsx(YStack, { role: "list", "aria-label": t('Your tasks'), borderWidth: 1, borderColor: "$borderColor", rounded: "$4", overflow: "hidden", children: shownTasks.map((a, i) => (_jsx(Task, { a: a, first: i === 0, onOpen: () => edit(a.id), onSwitch: (on) => void flip(a, on), onRun: () => void run(a), onDelete: () => setDeleting(a) }, a.id))) }))] }), signed ? (_jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(SizableText, { render: "h2", size: "$3", color: "$ink", fontWeight: "500", flex: 1, children: t('Activity') }), _jsx(SizableText, { size: "$1", color: "$soft", children: live ? t('Live') : '' })] }), runs.error && !shownRuns.length ? (_jsx(Said, { says: told(runs.error, t) })) : runs.loading && !shownRuns.length ? (_jsx(Said, { says: t('Reading what ran…') })) : !shownRuns.length ? (_jsx(Said, { says: t("Nothing has run yet. A task's runs, Dev's background runs and Studio's renders show here as they go.") })) : (_jsx(YStack, { role: "list", "aria-label": t('Activity'), borderWidth: 1, borderColor: "$borderColor", rounded: "$4", overflow: "hidden", children: shownRuns.map((j, i) => (_jsx(Ran, { j: j, first: i === 0, now: now, onOpen: () => setLooking(j) }, j.id))) }))] })) : null] }), _jsx(Make, { prompt: making, onClose: () => setMaking(null), onMade: (a) => {
                     setTasks((was) => [a, ...was.filter((x) => x.id !== a.id)]);
-                    setProblem(`Scheduled: ${a.name}.`);
-                } }), _jsx(Detail, { j: looking, onClose: () => setLooking(null), now: now }), deleting ? (_jsx(Confirm, { what: deleting.name, says: "It stops running, and its schedule and its runs go with it. A run going now is stopped.", open: true, onOpenChange: (o) => !o && setDeleting(null), onYes: async () => {
-                    await remove(t, deleting.id);
+                    setProblem(t('Scheduled: {name}.', { name: a.name }));
+                } }), _jsx(Detail, { j: looking, onClose: () => setLooking(null), now: now }), deleting ? (_jsx(Confirm, { what: deleting.name, says: t('It stops running, and its schedule and its runs go with it. A run going now is stopped.'), open: true, onOpenChange: (o) => !o && setDeleting(null), onYes: async () => {
+                    await remove(target, deleting.id);
                     setTasks((was) => was.filter((x) => x.id !== deleting.id));
                     setDeleting(null);
                 } })) : null] }));
 }
 /** One task: what it is and when it runs next, its switch, and its menu. */
 function Task({ a, first, onOpen, onSwitch, onRun, onDelete }) {
+    const { t } = useI18n();
     const when = a.draft
-        ? 'Needs instructions'
-        : [words(a.schedule), a.enabled && a.next ? `next ${local(a.next)}` : a.schedule.kind !== 'manual' && !a.enabled ? 'paused' : ''].filter(Boolean).join(' · ');
-    return (_jsxs(XStack, { role: "listitem", items: "center", gap: "$3", px: "$3", py: "$3", borderTopWidth: first ? 0 : 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsxs(XStack, { render: "button", "aria-label": `Open ${a.name}`, onPress: onOpen, flex: 1, minW: 0, items: "center", gap: "$3", cursor: "pointer", style: { textAlign: 'left' }, children: [_jsx(YStack, { width: 32, height: 32, rounded: "$3", bg: "$raised", items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: _jsx(Clock, { size: 16 }) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsxs(XStack, { items: "center", gap: "$2", minW: 0, children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, shrink: 1, children: a.name }), _jsx(Badge, { children: SOURCE[a.source] }), a.draft ? _jsx(Badge, { children: "Draft" }) : null] }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: when })] })] }), _jsx(Switch, { checked: a.enabled, disabled: a.draft, onCheckedChange: onSwitch, "aria-label": `${a.name} on` }), _jsx(DropdownMenu, { trigger: _jsx(XStack, { render: "button", "aria-label": `Actions for ${a.name}`, width: 30, height: 30, items: "center", justify: "center", rounded: "$2", hoverStyle: { bg: '$hover' }, cursor: "pointer", children: _jsx(MoreHorizontal, { size: 16 }) }), items: [
-                    ...(a.draft ? [] : [{ key: 'run', label: 'Run now', icon: _jsx(Play, { size: 16 }), onSelect: onRun }]),
-                    { key: 'edit', label: 'Edit', icon: _jsx(Pencil, { size: 16 }), onSelect: onOpen },
-                    { key: 'delete', label: 'Delete', icon: _jsx(Trash2, { size: 16 }), onSelect: onDelete },
+        ? t('Needs instructions')
+        : [words(a.schedule, t), a.enabled && a.next ? t('next {when}', { when: local(a.next) }) : a.schedule.kind !== 'manual' && !a.enabled ? t('paused') : ''].filter(Boolean).join(' · ');
+    return (_jsxs(XStack, { role: "listitem", items: "center", gap: "$3", px: "$3", py: "$3", borderTopWidth: first ? 0 : 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: [_jsxs(XStack, { render: "button", "aria-label": t('Open {name}', { name: a.name }), onPress: onOpen, flex: 1, minW: 0, items: "center", gap: "$3", cursor: "pointer", "$platform-web": { textAlign: 'start' }, children: [_jsx(YStack, { width: 32, height: 32, rounded: "$3", bg: "$raised", items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: _jsx(Clock, { size: 16 }) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsxs(XStack, { items: "center", gap: "$2", minW: 0, children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, shrink: 1, children: a.name }), _jsx(Badge, { children: t(SOURCE[a.source]) }), a.draft ? _jsx(Badge, { children: t('Draft') }) : null] }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: when })] })] }), _jsx(Switch, { checked: a.enabled, disabled: a.draft, onCheckedChange: onSwitch, "aria-label": t('{name} on', { name: a.name }) }), _jsx(DropdownMenu, { trigger: _jsx(XStack, { render: "button", "aria-label": t('Actions for {name}', { name: a.name }), width: 30, height: 30, items: "center", justify: "center", rounded: "$2", hoverStyle: { bg: '$hover' }, cursor: "pointer", children: _jsx(MoreHorizontal, { size: 16 }) }), items: [
+                    ...(a.draft ? [] : [{ key: 'run', label: t('Run now'), icon: _jsx(Play, { size: 16 }), onSelect: onRun }]),
+                    { key: 'edit', label: t('Edit'), icon: _jsx(Pencil, { size: 16 }), onSelect: onOpen },
+                    { key: 'delete', label: t('Delete'), icon: _jsx(Trash2, { size: 16 }), onSelect: onDelete },
                 ] })] }));
 }
 /** One run in Activity. */
 function Ran({ j, first, now, onOpen }) {
-    return (_jsx(XStack, { role: "listitem", borderTopWidth: first ? 0 : 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { render: "button", "aria-label": `${j.title}: ${SAID[j.state]}`, onPress: onOpen, flex: 1, minW: 0, items: "center", gap: "$3", px: "$3", py: "$2.5", cursor: "pointer", style: { textAlign: 'left' }, children: [_jsx(StatusDot, { status: DOTS[j.state] }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: j.title }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: about(j, now) })] }), _jsx(SizableText, { size: "$1", color: "$soft", shrink: 0, children: j.state === 'running' && j.progress !== null ? `${Math.round(j.progress * 100)}%` : SAID[j.state] })] }) }));
+    const { t } = useI18n();
+    return (_jsx(XStack, { role: "listitem", borderTopWidth: first ? 0 : 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { render: "button", "aria-label": t('{title}: {state}', { title: j.title, state: t(SAID[j.state]) }), onPress: onOpen, flex: 1, minW: 0, items: "center", gap: "$3", px: "$3", py: "$2.5", cursor: "pointer", "$platform-web": { textAlign: 'start' }, children: [_jsx(StatusDot, { status: DOTS[j.state] }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: j.title }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: about(j, now, t) })] }), _jsx(SizableText, { size: "$1", color: "$soft", shrink: 0, children: j.state === 'running' && j.progress !== null ? `${Math.round(j.progress * 100)}%` : t(SAID[j.state]) })] }) }));
 }
 /** One run, opened: how it went, its log, what it made and what it cost. */
 function Detail({ j, onClose, now }) {
+    const { t } = useI18n();
     const host = useHost();
-    return (_jsx(Sheet, { title: j?.title ?? 'Run', open: Boolean(j), onOpenChange: (o) => !o && onClose(), width: 520, children: j ? (_jsxs(YStack, { gap: "$3", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(StatusDot, { status: DOTS[j.state] }), _jsxs(SizableText, { size: "$2", color: "$ink", children: [SAID[j.state], j.status && j.status !== j.state ? ` (${j.status})` : ''] })] }), _jsx(Facts, { rows: [
-                        ['From', SOURCE[j.product]],
-                        ['Started', j.started ? local(j.started) : '—'],
-                        ['Took', lasted(j.started, j.finished, now) || '—'],
-                        ['Cost', j.cost !== null ? dollars(j.cost) : 'Not known yet'],
-                    ] }), j.error ? (_jsx(SizableText, { size: "$2", color: "$soft", style: { whiteSpace: 'pre-wrap' }, children: j.error })) : null, j.summary ? (_jsx(SizableText, { size: "$2", color: "$ink", style: { whiteSpace: 'pre-wrap' }, children: j.summary })) : null, j.outputs.length ? (_jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: "What it made" }), _jsx(Outputs, { ids: j.outputs })] })) : null, _jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", children: [j.session ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: () => host.go(j.session), children: [_jsx(ScrollText, { size: 14 }), "Open its log"] })) : null, j.origin ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: () => host.open(j.origin), children: [_jsx(ExternalLink, { size: 14 }), "Open where it runs"] })) : null, j.automation ? (_jsxs(Button, { size: "sm", variant: "ghost", onPress: () => host.go(path({ kind: 'automation', id: j.automation })), children: [_jsx(Pencil, { size: 14 }), "Edit the task"] })) : null] })] })) : null }));
+    return (_jsx(Sheet, { title: j?.title ?? t('Run'), open: Boolean(j), onOpenChange: (o) => !o && onClose(), width: 520, children: j ? (_jsxs(YStack, { gap: "$3", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(StatusDot, { status: DOTS[j.state] }), _jsx(SizableText, { size: "$2", color: "$ink", children: j.status && j.status !== j.state ? t('{state} ({status})', { state: t(SAID[j.state]), status: j.status }) : t(SAID[j.state]) })] }), _jsx(Facts, { rows: [
+                        [t('From'), t(SOURCE[j.product])],
+                        [t('Started'), j.started ? local(j.started) : '—'],
+                        [t('Took'), lasted(j.started, j.finished, now) || '—'],
+                        [t('Cost'), j.cost !== null ? dollars(j.cost) : t('Not known yet')],
+                    ] }), j.error ? (_jsx(SizableText, { size: "$2", color: "$soft", style: { whiteSpace: 'pre-wrap' }, children: j.error })) : null, j.summary ? (_jsx(SizableText, { size: "$2", color: "$ink", style: { whiteSpace: 'pre-wrap' }, children: j.summary })) : null, j.outputs.length ? (_jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: t('What it made') }), _jsx(Outputs, { ids: j.outputs })] })) : null, _jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", children: [j.session ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: () => host.go(j.session), children: [_jsx(ScrollText, { size: 14 }), t('Open its log')] })) : null, j.origin ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: () => host.open(j.origin), children: [_jsx(ExternalLink, { size: 14 }), t('Open where it runs')] })) : null, j.automation ? (_jsxs(Button, { size: "sm", variant: "ghost", onPress: () => host.go(path({ kind: 'automation', id: j.automation })), children: [_jsx(Pencil, { size: 14 }), t('Edit the task')] })) : null] })] })) : null }));
 }
 /** A new task: what it does, when in plain words, and the model it thinks with. */
 function Make({ prompt, onClose, onMade }) {
+    const { t } = useI18n();
     const host = useHost();
-    const t = useTarget();
+    const target = useTarget();
     const signed = Boolean(host.person);
     const open = prompt !== null;
     const [name, setName] = useState('');
@@ -193,14 +203,15 @@ function Make({ prompt, onClose, onMade }) {
     const [said, setSaid] = useState('');
     const [read, setRead] = useState(null);
     const [reading, setReading] = useState(false);
-    const [unread, setUnread] = useState('');
+    // Why the platform could not read the words: its refusal, said when drawn.
+    const [unread, setUnread] = useState(null);
     const [picking, setPicking] = useState(false);
     const [picked, setPicked] = useState(() => shaped('daily', { kind: 'manual' }));
     const [model, setModel] = useState(null);
     const [busy, setBusy] = useState(false);
     const [note, setNote] = useState('');
-    const catalog = useRead(signed && open ? () => models(t) : null, [], [t, signed, open]);
-    const { limits } = useLimits(signed && open ? (signal) => readLimits(t, signal) : null, t);
+    const catalog = useRead(signed && open ? () => models(target) : null, [], [target, signed, open]);
+    const { limits } = useLimits(signed && open ? (signal) => readLimits(target, signal) : null, target);
     // Each opening starts from what it was handed.
     useEffect(() => {
         if (prompt === null)
@@ -209,7 +220,7 @@ function Make({ prompt, onClose, onMade }) {
         setName(titled(prompt));
         setSaid('');
         setRead(null);
-        setUnread('');
+        setUnread(null);
         setPicking(false);
         setNote('');
     }, [prompt]);
@@ -218,22 +229,22 @@ function Make({ prompt, onClose, onMade }) {
         const text = said.trim();
         if (!open || !text || picking) {
             setRead(null);
-            setUnread('');
+            setUnread(null);
             return;
         }
         const ctl = new AbortController();
         const id = setTimeout(() => {
             setReading(true);
-            cron(t, text, zone(), { signal: ctl.signal })
+            cron(target, text, zone(), { signal: ctl.signal })
                 .then((p) => {
                 setRead(p);
-                setUnread('');
+                setUnread(null);
             })
                 .catch((e) => {
                 if (ctl.signal.aborted)
                     return;
                 setRead(null);
-                setUnread(e.message);
+                setUnread(e);
             })
                 .finally(() => !ctl.signal.aborted && setReading(false));
         }, 450);
@@ -241,34 +252,34 @@ function Make({ prompt, onClose, onMade }) {
             clearTimeout(id);
             ctl.abort();
         };
-    }, [said, open, picking, t]);
+    }, [said, open, picking, target]);
     const when = picking ? picked : (read?.schedule ?? null);
-    const wrong = when ? unready(when) : '';
+    const wrong = when ? t(unready(when)) : '';
     const make = async () => {
         if (!name.trim())
-            return setNote('Name it first.');
+            return setNote(t('Name it first.'));
         if (!asks.trim())
-            return setNote('Say what it should do.');
+            return setNote(t('Say what it should do.'));
         if (!when)
-            return setNote(said.trim() ? 'Say when in other words, or choose instead.' : 'Say when it runs.');
+            return setNote(said.trim() ? t('Say when in other words, or choose instead.') : t('Say when it runs.'));
         if (wrong)
             return setNote(wrong);
         setBusy(true);
         setNote('');
         try {
             const d = { name: name.trim(), instructions: asks.trim(), model, schedule: when, permissions: 'ask', notify: true, postTo: [], enabled: true, source: 'dev' };
-            onMade(await create(t, tidy(d)));
+            onMade(await create(target, tidy(d)));
             onClose();
         }
         catch (e) {
-            setNote(unplanned(e) ? PLAN : e.message);
+            setNote(unplanned(e) ? t(PLAN) : told(e, t));
         }
         finally {
             setBusy(false);
         }
     };
-    const heard = useMemo(() => (read ? [read.says || words(read.schedule), read.next ? `next ${local(read.next)}` : ''].filter(Boolean).join(' · ') : ''), [read]);
-    return (_jsx(Sheet, { title: "New task", open: open, onOpenChange: (o) => !o && !busy && onClose(), width: 560, children: _jsxs(YStack, { gap: "$4", children: [_jsx(Field, { label: "Name", children: _jsx(Input, { value: name, onChangeText: setName, placeholder: "Monday summary", "aria-label": "Task name" }) }), _jsx(Field, { label: "What it does", hint: "Each run is one Dev run in this organization, as you. It reads and proposes; it changes nothing on its own.", children: _jsx(Textarea, { value: asks, onChangeText: setAsks, placeholder: "Summarize what changed in my repositories this week, and what needs me.", "aria-label": "What it does", rows: 5 }) }), _jsx(Field, { label: "When", hint: picking ? undefined : 'In your own words: every weekday at 8am, every 5 minutes, first of the month.', children: picking ? (_jsxs(YStack, { gap: "$2", children: [_jsx(When, { s: picked, onChange: setPicked }), _jsx(XStack, { children: _jsx(Button, { size: "sm", variant: "ghost", onPress: () => setPicking(false), children: "Say it instead" }) })] })) : (_jsxs(YStack, { gap: "$2", children: [_jsx(Input, { value: said, onChangeText: setSaid, placeholder: "Every Monday at 9am", "aria-label": "When it runs" }), _jsx(SizableText, { size: "$1", color: unread ? '$soft' : '$ink', role: "status", minH: 18, children: reading ? 'Reading…' : unread ? `${unread} Choose instead, or say it another way.` : heard }), _jsx(XStack, { children: _jsx(Button, { size: "sm", variant: "ghost", onPress: () => setPicking(true), children: "Choose instead" }) })] })) }), _jsx(Field, { label: "Model", children: _jsx(XStack, { children: _jsx(ModelPicker, { size: "sm", name: "Model", models: catalog.value, scope: "chat", limits: limits, value: model ?? ENSO, onChange: (id) => setModel(id === ENSO ? null : id), loading: catalog.loading, error: catalog.error?.message ?? null }) }) }), _jsx(Line, { children: note }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "ghost", disabled: busy, onPress: onClose, children: "Cancel" }), _jsx(Button, { size: "sm", disabled: busy || !signed, onPress: () => void make(), children: busy ? 'Creating…' : 'Create' })] })] }) }));
+    const heard = useMemo(() => (read ? [read.says || words(read.schedule, t), read.next ? t('next {when}', { when: local(read.next) }) : ''].filter(Boolean).join(' · ') : ''), [read, t]);
+    return (_jsx(Sheet, { title: t('New task'), open: open, onOpenChange: (o) => !o && !busy && onClose(), width: 560, children: _jsxs(YStack, { gap: "$4", children: [_jsx(Field, { label: t('Name'), children: _jsx(Input, { value: name, onChangeText: setName, placeholder: t('Monday summary'), "aria-label": t('Task name') }) }), _jsx(Field, { label: t('What it does'), hint: t('Each run is one Dev run in this organization, as you. It reads and proposes; it changes nothing on its own.'), children: _jsx(Textarea, { value: asks, onChangeText: setAsks, placeholder: t('Summarize what changed in my repositories this week, and what needs me.'), "aria-label": t('What it does'), rows: 5 }) }), _jsx(Field, { label: t('When'), hint: picking ? undefined : t('In your own words: every weekday at 8am, every 5 minutes, first of the month.'), children: picking ? (_jsxs(YStack, { gap: "$2", children: [_jsx(When, { s: picked, onChange: setPicked }), _jsx(XStack, { children: _jsx(Button, { size: "sm", variant: "ghost", onPress: () => setPicking(false), children: t('Say it instead') }) })] })) : (_jsxs(YStack, { gap: "$2", children: [_jsx(Input, { value: said, onChangeText: setSaid, placeholder: t('Every Monday at 9am'), "aria-label": t('When it runs') }), _jsx(SizableText, { size: "$1", color: unread ? '$soft' : '$ink', role: "status", minH: 18, children: reading ? t('Reading…') : unread ? `${told(unread, t)} ${t('Choose instead, or say it another way.')}` : heard }), _jsx(XStack, { children: _jsx(Button, { size: "sm", variant: "ghost", onPress: () => setPicking(true), children: t('Choose instead') }) })] })) }), _jsx(Field, { label: t('Model'), children: _jsx(XStack, { children: _jsx(ModelPicker, { size: "sm", name: t('Model'), models: catalog.value, scope: "chat", limits: limits, value: model ?? ENSO, onChange: (id) => setModel(id === ENSO ? null : id), loading: catalog.loading, error: catalog.error ? told(catalog.error, t) : null }) }) }), _jsx(Line, { children: note }), _jsxs(XStack, { gap: "$2", justify: "flex-end", children: [_jsx(Button, { size: "sm", variant: "ghost", disabled: busy, onPress: onClose, children: t('Cancel') }), _jsx(Button, { size: "sm", disabled: busy || !signed, onPress: () => void make(), children: busy ? t('Creating…') : t('Create') })] })] }) }));
 }
 function Badge({ children }) {
     return (_jsx(SizableText, { size: "$1", color: "$soft", px: "$1.5", rounded: "$2", borderWidth: 1, borderColor: "$borderColor", shrink: 0, children: children }));

package/lib/section.d.ts

@@ -16,6 +16,7 @@ export declare function useSessions(host: Host): Read<Session[]>;
 export declare function DevSection({ host, onPick, label, children, }: {
     host: Host;
     onPick?: () => void;
+    /** The runs' heading; absent, "Runs" in the reader's language. */
     label?: string;
     children?: ReactNode;
 }): import("react").JSX.Element;