@hanzo/ui 8.29.45 → 8.30.3

package/dist/agents/PreviewFrame.cjs

@@ -46,12 +46,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const gui_1 = require("@hanzo/gui");
 const react_1 = require("react");
+const react_2 = require("@hanzo/i18n/react");
 const slot_1 = require("../backends/gui/slot.cjs");
 const bridge_1 = require("./bridge.cjs");
 /** A phone's width, px — the narrow preview. */
 exports.PHONE = 390;
-function PreviewFrame({ src, title = 'Preview', device = 'desktop', empty, toolbar, onBridge, onLoad, ref, ...rest }) {
+function PreviewFrame({ src, title, device = 'desktop', empty, toolbar, onBridge, onLoad, ref, ...rest }) {
     const frame = (0, react_1.useRef)(null);
+    const { t } = (0, react_2.useI18n)();
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [nonce, setNonce] = (0, react_1.useState)(0);
     const here = typeof window === 'undefined' ? undefined : window.location.href;
@@ -98,11 +100,11 @@ function PreviewFrame({ src, title = 'Preview', device = 'desktop', empty, toolb
         return () => window.removeEventListener('message', listen);
     }, [onBridge, url, foreign]);
     if (!url) {
-        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('preview-frame'), flex: 1, minH: 0, items: "center", justify: "center", p: "$6", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", ...rest, children: empty ?? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { items: "center", gap: "$1.5", maxW: 360, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$4", fontWeight: "600", color: "$ink", text: "center", children: src ? 'This address cannot be previewed.' : 'Nothing deployed yet.' }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", text: "center", children: src ? 'Only http and https pages open here.' : 'Describe what to build and the running app appears here.' })] })) }));
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('preview-frame'), flex: 1, minH: 0, items: "center", justify: "center", p: "$6", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", ...rest, children: empty ?? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { items: "center", gap: "$1.5", maxW: 360, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$4", fontWeight: "600", color: "$ink", text: "center", children: src ? t('This address cannot be previewed.') : t('Nothing deployed yet.') }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", text: "center", children: src ? t('Only http and https pages open here.') : t('Describe what to build and the running app appears here.') })] })) }));
     }
     const phone = device === 'mobile';
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('preview-frame'), "data-device": device, position: "relative", flex: 1, minH: 0, minW: 0, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", overflow: "hidden", items: "center", ...rest, children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "relative", flex: 1, minH: 0, width: "100%", maxW: phone ? exports.PHONE : '100%', ...(phone ? { borderLeftWidth: 1, borderRightWidth: 1, borderColor: '$borderColor' } : null), children: [(0, jsx_runtime_1.jsx)("iframe", { ref: frame, src: url.href, title: title, sandbox: sandbox, referrerPolicy: "strict-origin-when-cross-origin", onLoad: () => {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('preview-frame'), "data-device": device, position: "relative", flex: 1, minH: 0, minW: 0, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", overflow: "hidden", items: "center", ...rest, children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "relative", flex: 1, minH: 0, width: "100%", maxW: phone ? exports.PHONE : '100%', ...(phone ? { borderLeftWidth: 1, borderRightWidth: 1, borderColor: '$borderColor' } : null), children: [(0, jsx_runtime_1.jsx)("iframe", { ref: frame, src: url.href, title: title ?? t('Preview'), sandbox: sandbox, referrerPolicy: "strict-origin-when-cross-origin", onLoad: () => {
                             setLoading(false);
                             onLoad?.();
-                        }, style: { display: 'block', width: '100%', height: '100%', border: 0, background: 'transparent' } }, `${url.href}#${nonce}`), loading ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "absolute", t: 0, r: 0, b: 0, l: 0, items: "center", justify: "center", gap: "$2", bg: "$sunken", pointerEvents: "none", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small", maxW: 16, maxH: 16 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "Loading preview\u2026" })] })) : null] }), toolbar ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('preview-toolbar'), position: "absolute", b: "$4", self: "center", items: "center", gap: "$1", p: "$1.5", rounded: 999, borderWidth: 1, borderColor: "$borderColor", bg: "$background", shadowColor: "rgba(0,0,0,0.4)", shadowRadius: 16, shadowOffset: { width: 0, height: 6 }, children: toolbar })) : null] }));
+                        }, style: { display: 'block', width: '100%', height: '100%', border: 0, background: 'transparent' } }, `${url.href}#${nonce}`), loading ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "absolute", t: 0, r: 0, b: 0, l: 0, items: "center", justify: "center", gap: "$2", bg: "$sunken", pointerEvents: "none", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small", maxW: 16, maxH: 16 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: t('Loading preview…') })] })) : null] }), toolbar ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('preview-toolbar'), position: "absolute", b: "$4", self: "center", items: "center", gap: "$1", p: "$1.5", rounded: 999, borderWidth: 1, borderColor: "$borderColor", bg: "$background", shadowColor: "rgba(0,0,0,0.4)", shadowRadius: 16, shadowOffset: { width: 0, height: 6 }, children: toolbar })) : null] }));
 }

package/dist/agents/PreviewFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewFrame.d.ts","sourceRoot":"","sources":["../../src/agents/PreviewFrame.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAgC,MAAM,EAAE,MAAM,YAAY,CAAA;AACjE,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,GAAG,EAMT,MAAM,OAAO,CAAA;AAGd,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,UAAU,EAAO,MAAM,UAAU,CAAA;AAE1E,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,gDAAgD;AAChD,eAAO,MAAM,KAAK,MAAM,CAAA;AAExB,+CAA+C;AAC/C,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,MAAM,IAAI,IAAI,CAAA;IACd,8EAA8E;IAC9E,IAAI,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,iBAAkB,SAAQ,GAAG;IAC5C,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,KAAiB,EACjB,MAAkB,EAClB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAiKnB"}
+{"version":3,"file":"PreviewFrame.d.ts","sourceRoot":"","sources":["../../src/agents/PreviewFrame.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAgC,MAAM,EAAE,MAAM,YAAY,CAAA;AACjE,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,GAAG,EAMT,MAAM,OAAO,CAAA;AAId,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,UAAU,EAAO,MAAM,UAAU,CAAA;AAE1E,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,gDAAgD;AAChD,eAAO,MAAM,KAAK,MAAM,CAAA;AAExB,+CAA+C;AAC/C,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,MAAM,IAAI,IAAI,CAAA;IACd,8EAA8E;IAC9E,IAAI,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,iBAAkB,SAAQ,GAAG;IAC5C,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,KAAK,EACL,MAAkB,EAClB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAkKnB"}

package/dist/agents/PreviewFrame.js

@@ -42,12 +42,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { SizableText, Spinner, XStack, YStack } from '@hanzo/gui';
 import { useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from '../backends/gui/slot.js';
 import { accept, web } from './bridge.js';
 /** A phone's width, px — the narrow preview. */
 export const PHONE = 390;
-export function PreviewFrame({ src, title = 'Preview', device = 'desktop', empty, toolbar, onBridge, onLoad, ref, ...rest }) {
+export function PreviewFrame({ src, title, device = 'desktop', empty, toolbar, onBridge, onLoad, ref, ...rest }) {
     const frame = useRef(null);
+    const { t } = useI18n();
     const [loading, setLoading] = useState(true);
     const [nonce, setNonce] = useState(0);
     const here = typeof window === 'undefined' ? undefined : window.location.href;
@@ -94,12 +96,12 @@ export function PreviewFrame({ src, title = 'Preview', device = 'desktop', empty
         return () => window.removeEventListener('message', listen);
     }, [onBridge, url, foreign]);
     if (!url) {
-        return (_jsx(YStack, { ...slot('preview-frame'), flex: 1, minH: 0, items: "center", justify: "center", p: "$6", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", ...rest, children: empty ?? (_jsxs(YStack, { items: "center", gap: "$1.5", maxW: 360, children: [_jsx(SizableText, { size: "$4", fontWeight: "600", color: "$ink", text: "center", children: src ? 'This address cannot be previewed.' : 'Nothing deployed yet.' }), _jsx(SizableText, { size: "$2", color: "$soft", text: "center", children: src ? 'Only http and https pages open here.' : 'Describe what to build and the running app appears here.' })] })) }));
+        return (_jsx(YStack, { ...slot('preview-frame'), flex: 1, minH: 0, items: "center", justify: "center", p: "$6", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", ...rest, children: empty ?? (_jsxs(YStack, { items: "center", gap: "$1.5", maxW: 360, children: [_jsx(SizableText, { size: "$4", fontWeight: "600", color: "$ink", text: "center", children: src ? t('This address cannot be previewed.') : t('Nothing deployed yet.') }), _jsx(SizableText, { size: "$2", color: "$soft", text: "center", children: src ? t('Only http and https pages open here.') : t('Describe what to build and the running app appears here.') })] })) }));
     }
     const phone = device === 'mobile';
-    return (_jsxs(YStack, { ...slot('preview-frame'), "data-device": device, position: "relative", flex: 1, minH: 0, minW: 0, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", overflow: "hidden", items: "center", ...rest, children: [_jsxs(YStack, { position: "relative", flex: 1, minH: 0, width: "100%", maxW: phone ? PHONE : '100%', ...(phone ? { borderLeftWidth: 1, borderRightWidth: 1, borderColor: '$borderColor' } : null), children: [_jsx("iframe", { ref: frame, src: url.href, title: title, sandbox: sandbox, referrerPolicy: "strict-origin-when-cross-origin", onLoad: () => {
+    return (_jsxs(YStack, { ...slot('preview-frame'), "data-device": device, position: "relative", flex: 1, minH: 0, minW: 0, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", overflow: "hidden", items: "center", ...rest, children: [_jsxs(YStack, { position: "relative", flex: 1, minH: 0, width: "100%", maxW: phone ? PHONE : '100%', ...(phone ? { borderLeftWidth: 1, borderRightWidth: 1, borderColor: '$borderColor' } : null), children: [_jsx("iframe", { ref: frame, src: url.href, title: title ?? t('Preview'), sandbox: sandbox, referrerPolicy: "strict-origin-when-cross-origin", onLoad: () => {
                             setLoading(false);
                             onLoad?.();
-                        }, style: { display: 'block', width: '100%', height: '100%', border: 0, background: 'transparent' } }, `${url.href}#${nonce}`), loading ? (_jsxs(XStack, { position: "absolute", t: 0, r: 0, b: 0, l: 0, items: "center", justify: "center", gap: "$2", bg: "$sunken", pointerEvents: "none", "aria-hidden": true, children: [_jsx(Spinner, { size: "small", maxW: 16, maxH: 16 }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Loading preview\u2026" })] })) : null] }), toolbar ? (_jsx(XStack, { ...slot('preview-toolbar'), position: "absolute", b: "$4", self: "center", items: "center", gap: "$1", p: "$1.5", rounded: 999, borderWidth: 1, borderColor: "$borderColor", bg: "$background", shadowColor: "rgba(0,0,0,0.4)", shadowRadius: 16, shadowOffset: { width: 0, height: 6 }, children: toolbar })) : null] }));
+                        }, style: { display: 'block', width: '100%', height: '100%', border: 0, background: 'transparent' } }, `${url.href}#${nonce}`), loading ? (_jsxs(XStack, { position: "absolute", t: 0, r: 0, b: 0, l: 0, items: "center", justify: "center", gap: "$2", bg: "$sunken", pointerEvents: "none", "aria-hidden": true, children: [_jsx(Spinner, { size: "small", maxW: 16, maxH: 16 }), _jsx(SizableText, { size: "$2", color: "$soft", children: t('Loading preview…') })] })) : null] }), toolbar ? (_jsx(XStack, { ...slot('preview-toolbar'), position: "absolute", b: "$4", self: "center", items: "center", gap: "$1", p: "$1.5", rounded: 999, borderWidth: 1, borderColor: "$borderColor", bg: "$background", shadowColor: "rgba(0,0,0,0.4)", shadowRadius: 16, shadowOffset: { width: 0, height: 6 }, children: toolbar })) : null] }));
 }
 //# sourceMappingURL=PreviewFrame.js.map

package/dist/agents/PreviewFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewFrame.js","sourceRoot":"","sources":["../../src/agents/PreviewFrame.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PreviewFrame.js","sourceRoot":"","sources":["../../src/agents/PreviewFrame.tsx"],"names":[],"mappings":"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"}

package/dist/agents/Progress.cjs

@@ -28,6 +28,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const react_1 = require("react");
+const react_2 = require("@hanzo/i18n/react");
 const slot_1 = require("../backends/gui/slot.cjs");
 const dir_1 = require("../backends/gui/dir.cjs");
 const ICON = {
@@ -45,8 +46,9 @@ function Row({ step }) {
     const has = !!step.detail?.length;
     return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$0.5", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", cursor: has ? 'pointer' : 'default', role: has ? 'button' : undefined, tabIndex: has ? 0 : undefined, "aria-expanded": has ? open : undefined, onPress: () => has && setOpen((v) => !v), children: [(0, jsx_runtime_1.jsx)(Icon, { size: 13, opacity: 0.55 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: step.label }), has ? (open ? ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 12, opacity: 0.5 })) : ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { ...dir_1.mirror, size: 12, opacity: 0.5 }))) : null] }), has && open ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { paddingInlineStart: "$4", marginInlineStart: "$1", gap: "$0.5", borderInlineStartWidth: 1, borderColor: "$borderColor", children: step.detail.map((line, i) => ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", paddingInlineStart: "$2", children: line }, `${step.key}-${i}`))) })) : null] }));
 }
-function ProgressBlock({ steps, done = false, doneLabel = 'Done', children, ...rest }) {
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('progress-block'), gap: "$1.5", ...rest, children: [steps.map((step) => ((0, jsx_runtime_1.jsx)(Row, { step: step }, step.key))), done ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 13, opacity: 0.75 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: doneLabel })] })) : null, children ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$1", children: children }) : null] }));
+function ProgressBlock({ steps, done = false, doneLabel, children, ...rest }) {
+    const { t } = (0, react_2.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('progress-block'), gap: "$1.5", ...rest, children: [steps.map((step) => ((0, jsx_runtime_1.jsx)(Row, { step: step }, step.key))), done ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 13, opacity: 0.75 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: doneLabel ?? t('Done') })] })) : null, children ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$1", children: children }) : null] }));
 }
 /** Map an event's kind onto a step kind. Unknown kinds stay generic rather than
  *  being forced into the nearest icon, which would misreport what happened. */

package/dist/agents/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/agents/Progress.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAaxD,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,2DAA2D;AAC3D,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAYvF,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA8CD,MAAM,WAAW,kBAAmB,SAAQ,GAAG;IAC7C,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAY,EACZ,SAAkB,EAClB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAmBpB;AAED,mFAAmF;AACnF,MAAM,WAAW,KAAK;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAgCD;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAiCzE"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/agents/Progress.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAaxD,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,2DAA2D;AAC3D,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAYvF,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA8CD,MAAM,WAAW,kBAAmB,SAAQ,GAAG;IAC7C,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAoBpB;AAED,mFAAmF;AACnF,MAAM,WAAW,KAAK;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAgCD;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAiCzE"}

package/dist/agents/Progress.js

@@ -24,6 +24,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { Check, ChevronDown, ChevronRight, CircleDot, FileText, Lightbulb, Sparkles, Terminal, TriangleAlert, } from '@hanzogui/lucide-icons-2';
 import { useState } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from '../backends/gui/slot.js';
 import { mirror } from '../backends/gui/dir.js';
 const ICON = {
@@ -41,8 +42,9 @@ function Row({ step }) {
     const has = !!step.detail?.length;
     return (_jsxs(YStack, { gap: "$0.5", children: [_jsxs(XStack, { items: "center", gap: "$1.5", cursor: has ? 'pointer' : 'default', role: has ? 'button' : undefined, tabIndex: has ? 0 : undefined, "aria-expanded": has ? open : undefined, onPress: () => has && setOpen((v) => !v), children: [_jsx(Icon, { size: 13, opacity: 0.55 }), _jsx(SizableText, { size: "$2", color: "$quiet", children: step.label }), has ? (open ? (_jsx(ChevronDown, { size: 12, opacity: 0.5 })) : (_jsx(ChevronRight, { ...mirror, size: 12, opacity: 0.5 }))) : null] }), has && open ? (_jsx(YStack, { paddingInlineStart: "$4", marginInlineStart: "$1", gap: "$0.5", borderInlineStartWidth: 1, borderColor: "$borderColor", children: step.detail.map((line, i) => (_jsx(SizableText, { size: "$2", color: "$soft", paddingInlineStart: "$2", children: line }, `${step.key}-${i}`))) })) : null] }));
 }
-export function ProgressBlock({ steps, done = false, doneLabel = 'Done', children, ...rest }) {
-    return (_jsxs(YStack, { ...slot('progress-block'), gap: "$1.5", ...rest, children: [steps.map((step) => (_jsx(Row, { step: step }, step.key))), done ? (_jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(Check, { size: 13, opacity: 0.75 }), _jsx(SizableText, { size: "$2", color: "$quiet", children: doneLabel })] })) : null, children ? _jsx(YStack, { pt: "$1", children: children }) : null] }));
+export function ProgressBlock({ steps, done = false, doneLabel, children, ...rest }) {
+    const { t } = useI18n();
+    return (_jsxs(YStack, { ...slot('progress-block'), gap: "$1.5", ...rest, children: [steps.map((step) => (_jsx(Row, { step: step }, step.key))), done ? (_jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(Check, { size: 13, opacity: 0.75 }), _jsx(SizableText, { size: "$2", color: "$quiet", children: doneLabel ?? t('Done') })] })) : null, children ? _jsx(YStack, { pt: "$1", children: children }) : null] }));
 }
 /** Map an event's kind onto a step kind. Unknown kinds stay generic rather than
  *  being forced into the nearest icon, which would misreport what happened. */

package/dist/agents/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/agents/Progress.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/agents/Progress.tsx"],"names":[],"mappings":"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"}

package/dist/agents/Screen.cjs

@@ -25,15 +25,23 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const gui_1 = require("@hanzo/gui");
 const react_1 = require("react");
+const i18n_1 = require("@hanzo/i18n");
+const react_2 = require("@hanzo/i18n/react");
 const slot_1 = require("../backends/gui/slot.cjs");
-const NAMES = {
-    sandbox: 'sandbox',
-    browser: 'browser',
+/** What the frame says while a view is minted, and the frame's own name, per kind. */
+const OPENING = {
+    sandbox: (0, i18n_1.phrase)('Opening the sandbox…'),
+    browser: (0, i18n_1.phrase)('Opening the browser…'),
+};
+const LIVE = {
+    sandbox: (0, i18n_1.phrase)('Live sandbox'),
+    browser: (0, i18n_1.phrase)('Live browser'),
 };
 /** Re-mint at 80% of a ticket's life — early enough that the frame never blinks. */
 const EARLY = 0.8;
 function Screen({ sessionId, kind, mint, empty, title, ...rest }) {
     const [state, setState] = (0, react_1.useState)({ phase: 'idle' });
+    const { t } = (0, react_2.useI18n)();
     const timer = (0, react_1.useRef)(null);
     const live = (0, react_1.useRef)(true);
     const open = (0, react_1.useCallback)(async () => {
@@ -56,10 +64,10 @@ function Screen({ sessionId, kind, mint, empty, title, ...rest }) {
                 return;
             setState({
                 phase: 'failed',
-                message: err instanceof Error ? err.message : 'Could not open this screen.',
+                message: err instanceof Error ? err.message : t('Could not open this screen.'),
             });
         }
-    }, [mint, kind, sessionId]);
+    }, [mint, kind, sessionId, t]);
     (0, react_1.useEffect)(() => {
         live.current = true;
         void open();
@@ -70,18 +78,18 @@ function Screen({ sessionId, kind, mint, empty, title, ...rest }) {
         };
     }, [open]);
     if (!kind) {
-        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: empty ?? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "This run has no screen." })) }));
+        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: empty ?? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: t('This run has no screen.') })) }));
     }
     if (!mint) {
-        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "Watching is not wired up on this surface." }) }));
+        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: t('Watching is not wired up on this surface.') }) }));
     }
     if (state.phase === 'failed') {
-        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: state.message }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$color", cursor: "pointer", role: "button", tabIndex: 0, onPress: () => void open(), children: "Try again" })] }) }));
+        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: state.message }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$color", cursor: "pointer", role: "button", tabIndex: 0, onPress: () => void open(), children: t('Try again') })] }) }));
     }
     if (state.phase !== 'watching') {
-        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsxs)(gui_1.SizableText, { size: "$2", color: "$soft", children: ["Opening the ", NAMES[kind], "\u2026"] }) }));
+        return ((0, jsx_runtime_1.jsx)(Frame, { title: title, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: t(OPENING[kind]) }) }));
     }
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('screen'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", overflow: "hidden", ...rest, children: [title ? (0, jsx_runtime_1.jsx)(Caption, { children: title }) : null, (0, jsx_runtime_1.jsx)("iframe", { src: state.url, title: title ?? `Live ${NAMES[kind]}`, sandbox: "allow-scripts allow-same-origin allow-forms", referrerPolicy: "no-referrer", allow: "clipboard-read; clipboard-write", style: { border: 0, width: '100%', height: '100%', flex: 1, display: 'block' } })] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('screen'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", overflow: "hidden", ...rest, children: [title ? (0, jsx_runtime_1.jsx)(Caption, { children: title }) : null, (0, jsx_runtime_1.jsx)("iframe", { src: state.url, title: title ?? t(LIVE[kind]), sandbox: "allow-scripts allow-same-origin allow-forms", referrerPolicy: "no-referrer", allow: "clipboard-read; clipboard-write", style: { border: 0, width: '100%', height: '100%', flex: 1, display: 'block' } })] }));
 }
 function Caption({ children }) {
     return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$3", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: children }) }));

package/dist/agents/Screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../src/agents/Screen.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAA4C,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrG,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,iEAAiE;AACjE,MAAM,WAAW,MAAM;IACrB,uEAAuE;IACvE,GAAG,EAAE,MAAM,CAAA;IACX,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,kEAAkE;AAClE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,CAAA;AAO9C,MAAM,WAAW,WAAY,SAAQ,GAAG;IACtC,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC7C,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAWD,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BA2GnF"}
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../src/agents/Screen.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAA4C,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrG,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,iEAAiE;AACjE,MAAM,WAAW,MAAM;IACrB,uEAAuE;IACvE,GAAG,EAAE,MAAM,CAAA;IACX,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,kEAAkE;AAClE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,CAAA;AAY9C,MAAM,WAAW,WAAY,SAAQ,GAAG;IACtC,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC7C,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAWD,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BA4GnF"}

package/dist/agents/Screen.js

@@ -22,15 +22,23 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { phrase } from '@hanzo/i18n';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from '../backends/gui/slot.js';
-const NAMES = {
-    sandbox: 'sandbox',
-    browser: 'browser',
+/** What the frame says while a view is minted, and the frame's own name, per kind. */
+const OPENING = {
+    sandbox: phrase('Opening the sandbox…'),
+    browser: phrase('Opening the browser…'),
+};
+const LIVE = {
+    sandbox: phrase('Live sandbox'),
+    browser: phrase('Live browser'),
 };
 /** Re-mint at 80% of a ticket's life — early enough that the frame never blinks. */
 const EARLY = 0.8;
 export function Screen({ sessionId, kind, mint, empty, title, ...rest }) {
     const [state, setState] = useState({ phase: 'idle' });
+    const { t } = useI18n();
     const timer = useRef(null);
     const live = useRef(true);
     const open = useCallback(async () => {
@@ -53,10 +61,10 @@ export function Screen({ sessionId, kind, mint, empty, title, ...rest }) {
                 return;
             setState({
                 phase: 'failed',
-                message: err instanceof Error ? err.message : 'Could not open this screen.',
+                message: err instanceof Error ? err.message : t('Could not open this screen.'),
             });
         }
-    }, [mint, kind, sessionId]);
+    }, [mint, kind, sessionId, t]);
     useEffect(() => {
         live.current = true;
         void open();
@@ -67,18 +75,18 @@ export function Screen({ sessionId, kind, mint, empty, title, ...rest }) {
         };
     }, [open]);
     if (!kind) {
-        return (_jsx(Frame, { title: title, ...rest, children: empty ?? (_jsx(SizableText, { size: "$2", color: "$soft", children: "This run has no screen." })) }));
+        return (_jsx(Frame, { title: title, ...rest, children: empty ?? (_jsx(SizableText, { size: "$2", color: "$soft", children: t('This run has no screen.') })) }));
     }
     if (!mint) {
-        return (_jsx(Frame, { title: title, ...rest, children: _jsx(SizableText, { size: "$2", color: "$soft", children: "Watching is not wired up on this surface." }) }));
+        return (_jsx(Frame, { title: title, ...rest, children: _jsx(SizableText, { size: "$2", color: "$soft", children: t('Watching is not wired up on this surface.') }) }));
     }
     if (state.phase === 'failed') {
-        return (_jsx(Frame, { title: title, ...rest, children: _jsxs(YStack, { gap: "$2", items: "center", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: state.message }), _jsx(SizableText, { size: "$2", color: "$color", cursor: "pointer", role: "button", tabIndex: 0, onPress: () => void open(), children: "Try again" })] }) }));
+        return (_jsx(Frame, { title: title, ...rest, children: _jsxs(YStack, { gap: "$2", items: "center", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: state.message }), _jsx(SizableText, { size: "$2", color: "$color", cursor: "pointer", role: "button", tabIndex: 0, onPress: () => void open(), children: t('Try again') })] }) }));
     }
     if (state.phase !== 'watching') {
-        return (_jsx(Frame, { title: title, ...rest, children: _jsxs(SizableText, { size: "$2", color: "$soft", children: ["Opening the ", NAMES[kind], "\u2026"] }) }));
+        return (_jsx(Frame, { title: title, ...rest, children: _jsx(SizableText, { size: "$2", color: "$soft", children: t(OPENING[kind]) }) }));
     }
-    return (_jsxs(YStack, { ...slot('screen'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", overflow: "hidden", ...rest, children: [title ? _jsx(Caption, { children: title }) : null, _jsx("iframe", { src: state.url, title: title ?? `Live ${NAMES[kind]}`, sandbox: "allow-scripts allow-same-origin allow-forms", referrerPolicy: "no-referrer", allow: "clipboard-read; clipboard-write", style: { border: 0, width: '100%', height: '100%', flex: 1, display: 'block' } })] }));
+    return (_jsxs(YStack, { ...slot('screen'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", overflow: "hidden", ...rest, children: [title ? _jsx(Caption, { children: title }) : null, _jsx("iframe", { src: state.url, title: title ?? t(LIVE[kind]), sandbox: "allow-scripts allow-same-origin allow-forms", referrerPolicy: "no-referrer", allow: "clipboard-read; clipboard-write", style: { border: 0, width: '100%', height: '100%', flex: 1, display: 'block' } })] }));
 }
 function Caption({ children }) {
     return (_jsx(XStack, { px: "$3", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: children }) }));

package/dist/agents/Screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../src/agents/Screen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../src/agents/Screen.tsx"],"names":[],"mappings":"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"}

package/dist/agents/ShortcutsSheet.cjs

@@ -2,19 +2,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShortcutsSheet = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const i18n_1 = require("@hanzo/i18n");
+const react_1 = require("@hanzo/i18n/react");
+/** How a category heading reads. */
+const CATEGORY = {
+    navigation: (0, i18n_1.phrase)('navigation'),
+    actions: (0, i18n_1.phrase)('actions'),
+    tools: (0, i18n_1.phrase)('tools'),
+    workspace: (0, i18n_1.phrase)('workspace'),
+};
 const DEFAULT_SHORTCUTS = [
-    { key: '⌘ + K', description: 'Open Command Palette & Global Search', category: 'navigation' },
-    { key: '⌘ + /', description: 'Open Keyboard Shortcuts Sheet', category: 'navigation' },
-    { key: '⌘ + .', description: 'Toggle Live AI Voice Call', category: 'actions' },
-    { key: '⌘ + J', description: 'Toggle Artifacts Inspector & Code Diff', category: 'workspace' },
-    { key: '⌘ + I', description: 'Toggle Intelligence Dock (Channels & Roster)', category: 'workspace' },
-    { key: '⌘ + B', description: 'Toggle Left Channels & Conversation Rail', category: 'workspace' },
-    { key: '⌘ + N', description: 'Create New Conversation or Channel', category: 'actions' },
-    { key: 'Esc', description: 'Close Active Modal / Clear Selection', category: 'actions' },
+    { key: '⌘ + K', description: (0, i18n_1.phrase)('Open Command Palette & Global Search'), category: 'navigation' },
+    { key: '⌘ + /', description: (0, i18n_1.phrase)('Open Keyboard Shortcuts Sheet'), category: 'navigation' },
+    { key: '⌘ + .', description: (0, i18n_1.phrase)('Toggle Live AI Voice Call'), category: 'actions' },
+    { key: '⌘ + J', description: (0, i18n_1.phrase)('Toggle Artifacts Inspector & Code Diff'), category: 'workspace' },
+    { key: '⌘ + I', description: (0, i18n_1.phrase)('Toggle Intelligence Dock (Channels & Roster)'), category: 'workspace' },
+    { key: '⌘ + B', description: (0, i18n_1.phrase)('Toggle Left Channels & Conversation Rail'), category: 'workspace' },
+    { key: '⌘ + N', description: (0, i18n_1.phrase)('Create New Conversation or Channel'), category: 'actions' },
+    { key: 'Esc', description: (0, i18n_1.phrase)('Close Active Modal / Clear Selection'), category: 'actions' },
 ];
-const ShortcutsSheet = ({ shortcuts = DEFAULT_SHORTCUTS, onClose, open = true, className = '', style, }) => {
+const ShortcutsSheet = ({ shortcuts: given, onClose, open = true, className = '', style, }) => {
+    const { t } = (0, react_1.useI18n)();
     if (!open)
         return null;
+    const shortcuts = given ?? DEFAULT_SHORTCUTS.map((s) => ({ ...s, description: t(s.description) }));
     const categories = Array.from(new Set(shortcuts.map((s) => s.category)));
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             position: 'fixed',
@@ -37,8 +49,51 @@ const ShortcutsSheet = ({ shortcuts = DEFAULT_SHORTCUTS, onClose, open = true, c
                 padding: 24,
                 gap: 16,
                 ...style,
-            }, onClick: (e) => e.stopPropagation(), "aria-label": "Keyboard Shortcuts", children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderBottom: '1px solid rgba(255, 255, 255, 0.1)', paddingBottom: 12 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { fontSize: 18 }, children: "\u2328\uFE0F" }), (0, jsx_runtime_1.jsx)("h2", { style: { fontSize: 14, fontWeight: 600, color: '#ffffff', margin: 0 }, children: "Keyboard Shortcuts" })] }), onClose && ((0, jsx_runtime_1.jsx)("button", { onClick: onClose, style: { color: '#a3a3a3', fontSize: 12, padding: '4px 8px', borderRadius: 4, backgroundColor: 'rgba(255, 255, 255, 0.05)', border: 'none', cursor: 'pointer' }, children: "Close (Esc)" }))] }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 16, maxHeight: 384, overflowY: 'auto', paddingInlineEnd: 4 }, children: categories.map((cat) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("h3", { style: { fontSize: 11, fontWeight: 600, color: '#a3a3a3', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: cat }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 6 }, children: shortcuts
+            }, onClick: (e) => e.stopPropagation(), "aria-label": t('Keyboard Shortcuts'), children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        borderBottom: '1px solid rgba(255, 255, 255, 0.1)',
+                        paddingBottom: 12,
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { fontSize: 18 }, children: "\u2328\uFE0F" }), (0, jsx_runtime_1.jsx)(gui_1.Text, { render: "h2", fontSize: 14, fontWeight: "600", color: '#ffffff', m: 0, children: t('Keyboard Shortcuts') })] }), onClose && ((0, jsx_runtime_1.jsx)("button", { onClick: onClose, style: {
+                                color: '#a3a3a3',
+                                fontSize: 12,
+                                padding: '4px 8px',
+                                borderRadius: 4,
+                                backgroundColor: 'rgba(255, 255, 255, 0.05)',
+                                border: 'none',
+                                cursor: 'pointer',
+                            }, children: t('Close ({key})', { key: 'Esc' }) }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: 16,
+                        maxHeight: 384,
+                        overflowY: 'auto',
+                        paddingInlineEnd: 4,
+                    }, children: categories.map((cat) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("h3", { style: { fontSize: 11, fontWeight: 600, color: '#a3a3a3', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: CATEGORY[cat] ? t(CATEGORY[cat]) : cat }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 6 }, children: shortcuts
                                     .filter((s) => s.category === cat)
-                                    .map((s, idx) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '4px 8px', borderRadius: 8, backgroundColor: 'rgba(255, 255, 255, 0.05)', fontSize: 12, color: '#e5e5e5' }, children: [(0, jsx_runtime_1.jsx)("span", { children: s.description }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', alignItems: 'center', gap: 4 }, children: s.key.split(' ').map((k, kIdx) => ((0, jsx_runtime_1.jsx)("kbd", { style: { padding: '2px 8px', borderRadius: 4, backgroundColor: '#262626', border: '1px solid rgba(255, 255, 255, 0.1)', fontSize: 11, fontFamily: 'monospace', color: '#d4d4d4', fontWeight: 600 }, children: k }, kIdx))) })] }, idx))) })] }, cat))) })] }) }));
+                                    .map((s, idx) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        justifyContent: 'space-between',
+                                        padding: '4px 8px',
+                                        borderRadius: 8,
+                                        backgroundColor: 'rgba(255, 255, 255, 0.05)',
+                                        fontSize: 12,
+                                        color: '#e5e5e5',
+                                    }, children: [(0, jsx_runtime_1.jsx)("span", { children: s.description }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                gap: 4,
+                                            }, children: s.key.split(' ').map((k, kIdx) => ((0, jsx_runtime_1.jsx)("kbd", { style: {
+                                                    padding: '2px 8px',
+                                                    borderRadius: 4,
+                                                    backgroundColor: '#262626',
+                                                    border: '1px solid rgba(255, 255, 255, 0.1)',
+                                                    fontSize: 11,
+                                                    fontFamily: 'monospace',
+                                                    color: '#d4d4d4',
+                                                    fontWeight: 600,
+                                                }, children: k }, kIdx))) })] }, idx))) })] }, cat))) })] }) }));
 };
 exports.ShortcutsSheet = ShortcutsSheet;

package/dist/agents/ShortcutsSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsSheet.d.ts","sourceRoot":"","sources":["../../src/agents/ShortcutsSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAA;CAC3D;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAaD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2FxD,CAAA"}
+{"version":3,"file":"ShortcutsSheet.d.ts","sourceRoot":"","sources":["../../src/agents/ShortcutsSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAA;CAC3D;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAqBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgJxD,CAAA"}

package/dist/agents/ShortcutsSheet.js

@@ -1,17 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@hanzo/gui';
+import { phrase } from '@hanzo/i18n';
+import { useI18n } from '@hanzo/i18n/react';
+/** How a category heading reads. */
+const CATEGORY = {
+    navigation: phrase('navigation'),
+    actions: phrase('actions'),
+    tools: phrase('tools'),
+    workspace: phrase('workspace'),
+};
 const DEFAULT_SHORTCUTS = [
-    { key: '⌘ + K', description: 'Open Command Palette & Global Search', category: 'navigation' },
-    { key: '⌘ + /', description: 'Open Keyboard Shortcuts Sheet', category: 'navigation' },
-    { key: '⌘ + .', description: 'Toggle Live AI Voice Call', category: 'actions' },
-    { key: '⌘ + J', description: 'Toggle Artifacts Inspector & Code Diff', category: 'workspace' },
-    { key: '⌘ + I', description: 'Toggle Intelligence Dock (Channels & Roster)', category: 'workspace' },
-    { key: '⌘ + B', description: 'Toggle Left Channels & Conversation Rail', category: 'workspace' },
-    { key: '⌘ + N', description: 'Create New Conversation or Channel', category: 'actions' },
-    { key: 'Esc', description: 'Close Active Modal / Clear Selection', category: 'actions' },
+    { key: '⌘ + K', description: phrase('Open Command Palette & Global Search'), category: 'navigation' },
+    { key: '⌘ + /', description: phrase('Open Keyboard Shortcuts Sheet'), category: 'navigation' },
+    { key: '⌘ + .', description: phrase('Toggle Live AI Voice Call'), category: 'actions' },
+    { key: '⌘ + J', description: phrase('Toggle Artifacts Inspector & Code Diff'), category: 'workspace' },
+    { key: '⌘ + I', description: phrase('Toggle Intelligence Dock (Channels & Roster)'), category: 'workspace' },
+    { key: '⌘ + B', description: phrase('Toggle Left Channels & Conversation Rail'), category: 'workspace' },
+    { key: '⌘ + N', description: phrase('Create New Conversation or Channel'), category: 'actions' },
+    { key: 'Esc', description: phrase('Close Active Modal / Clear Selection'), category: 'actions' },
 ];
-export const ShortcutsSheet = ({ shortcuts = DEFAULT_SHORTCUTS, onClose, open = true, className = '', style, }) => {
+export const ShortcutsSheet = ({ shortcuts: given, onClose, open = true, className = '', style, }) => {
+    const { t } = useI18n();
     if (!open)
         return null;
+    const shortcuts = given ?? DEFAULT_SHORTCUTS.map((s) => ({ ...s, description: t(s.description) }));
     const categories = Array.from(new Set(shortcuts.map((s) => s.category)));
     return (_jsx("div", { style: {
             position: 'fixed',
@@ -34,8 +46,51 @@ export const ShortcutsSheet = ({ shortcuts = DEFAULT_SHORTCUTS, onClose, open =
                 padding: 24,
                 gap: 16,
                 ...style,
-            }, onClick: (e) => e.stopPropagation(), "aria-label": "Keyboard Shortcuts", children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderBottom: '1px solid rgba(255, 255, 255, 0.1)', paddingBottom: 12 }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("span", { style: { fontSize: 18 }, children: "\u2328\uFE0F" }), _jsx("h2", { style: { fontSize: 14, fontWeight: 600, color: '#ffffff', margin: 0 }, children: "Keyboard Shortcuts" })] }), onClose && (_jsx("button", { onClick: onClose, style: { color: '#a3a3a3', fontSize: 12, padding: '4px 8px', borderRadius: 4, backgroundColor: 'rgba(255, 255, 255, 0.05)', border: 'none', cursor: 'pointer' }, children: "Close (Esc)" }))] }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 16, maxHeight: 384, overflowY: 'auto', paddingInlineEnd: 4 }, children: categories.map((cat) => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [_jsx("h3", { style: { fontSize: 11, fontWeight: 600, color: '#a3a3a3', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: cat }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 6 }, children: shortcuts
+            }, onClick: (e) => e.stopPropagation(), "aria-label": t('Keyboard Shortcuts'), children: [_jsxs("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        borderBottom: '1px solid rgba(255, 255, 255, 0.1)',
+                        paddingBottom: 12,
+                    }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("span", { style: { fontSize: 18 }, children: "\u2328\uFE0F" }), _jsx(Text, { render: "h2", fontSize: 14, fontWeight: "600", color: '#ffffff', m: 0, children: t('Keyboard Shortcuts') })] }), onClose && (_jsx("button", { onClick: onClose, style: {
+                                color: '#a3a3a3',
+                                fontSize: 12,
+                                padding: '4px 8px',
+                                borderRadius: 4,
+                                backgroundColor: 'rgba(255, 255, 255, 0.05)',
+                                border: 'none',
+                                cursor: 'pointer',
+                            }, children: t('Close ({key})', { key: 'Esc' }) }))] }), _jsx("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: 16,
+                        maxHeight: 384,
+                        overflowY: 'auto',
+                        paddingInlineEnd: 4,
+                    }, children: categories.map((cat) => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [_jsx("h3", { style: { fontSize: 11, fontWeight: 600, color: '#a3a3a3', textTransform: 'uppercase', letterSpacing: '0.05em', margin: 0 }, children: CATEGORY[cat] ? t(CATEGORY[cat]) : cat }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 6 }, children: shortcuts
                                     .filter((s) => s.category === cat)
-                                    .map((s, idx) => (_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '4px 8px', borderRadius: 8, backgroundColor: 'rgba(255, 255, 255, 0.05)', fontSize: 12, color: '#e5e5e5' }, children: [_jsx("span", { children: s.description }), _jsx("div", { style: { display: 'flex', alignItems: 'center', gap: 4 }, children: s.key.split(' ').map((k, kIdx) => (_jsx("kbd", { style: { padding: '2px 8px', borderRadius: 4, backgroundColor: '#262626', border: '1px solid rgba(255, 255, 255, 0.1)', fontSize: 11, fontFamily: 'monospace', color: '#d4d4d4', fontWeight: 600 }, children: k }, kIdx))) })] }, idx))) })] }, cat))) })] }) }));
+                                    .map((s, idx) => (_jsxs("div", { style: {
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        justifyContent: 'space-between',
+                                        padding: '4px 8px',
+                                        borderRadius: 8,
+                                        backgroundColor: 'rgba(255, 255, 255, 0.05)',
+                                        fontSize: 12,
+                                        color: '#e5e5e5',
+                                    }, children: [_jsx("span", { children: s.description }), _jsx("div", { style: {
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                gap: 4,
+                                            }, children: s.key.split(' ').map((k, kIdx) => (_jsx("kbd", { style: {
+                                                    padding: '2px 8px',
+                                                    borderRadius: 4,
+                                                    backgroundColor: '#262626',
+                                                    border: '1px solid rgba(255, 255, 255, 0.1)',
+                                                    fontSize: 11,
+                                                    fontFamily: 'monospace',
+                                                    color: '#d4d4d4',
+                                                    fontWeight: 600,
+                                                }, children: k }, kIdx))) })] }, idx))) })] }, cat))) })] }) }));
 };
 //# sourceMappingURL=ShortcutsSheet.js.map