@hanzo/ui 8.29.45 → 8.30.3

package/dist/chat/EmptyPrompt.js

@@ -13,12 +13,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * way.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { phrase } from '@hanzo/i18n';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from '../backends/gui/slot.js';
 /** The composer column's width, so the two line up by default. */
 const COLUMN = 768;
-/** What an empty pane asks when the surface says nothing else. */
-export const NEXT = 'What’s up next?';
-export function EmptyPrompt({ title = NEXT, mark, column = COLUMN, level = 1, ...rest }) {
-    return (_jsx(YStack, { ...slot('empty-prompt'), width: "100%", items: "center", px: "$4", pt: "$2.5", ...rest, children: _jsxs(XStack, { width: "100%", maxW: column, items: "center", gap: "$2", children: [mark ? (_jsx(XStack, { ...slot('empty-prompt-mark'), shrink: 0, items: "center", "aria-hidden": true, children: mark })) : null, _jsx(SizableText, { ...slot('empty-prompt-title'), role: "heading", "aria-level": level, size: "$7", color: "$ink", children: title })] }) }));
+/** What an empty pane asks when the surface says nothing else, in the reader's language. */
+export const NEXT = phrase('What’s up next?');
+export function EmptyPrompt({ title, mark, column = COLUMN, level = 1, ...rest }) {
+    const { t } = useI18n();
+    return (_jsx(YStack, { ...slot('empty-prompt'), width: "100%", items: "center", px: "$4", pt: "$2.5", ...rest, children: _jsxs(XStack, { width: "100%", maxW: column, items: "center", gap: "$2", children: [mark ? (_jsx(XStack, { ...slot('empty-prompt-mark'), shrink: 0, items: "center", "aria-hidden": true, children: mark })) : null, _jsx(SizableText, { ...slot('empty-prompt-title'), role: "heading", "aria-level": level, size: "$7", color: "$ink", children: title ?? t(NEXT) })] }) }));
 }
 //# sourceMappingURL=EmptyPrompt.js.map

package/dist/chat/EmptyPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyPrompt.js","sourceRoot":"","sources":["../../src/chat/EmptyPrompt.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAI3C,kEAAkE;AAClE,MAAM,MAAM,GAAG,GAAG,CAAA;AAElB,kEAAkE;AAClE,MAAM,CAAC,MAAM,IAAI,GAAG,iBAAiB,CAAA;AAarC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAAG,IAAI,EACZ,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,CAAC,EACT,GAAG,IAAI,EACU;IACjB,OAAO,CACL,KAAC,MAAM,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,KAAK,IAAI,YACtF,MAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aACvD,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,OAAK,IAAI,CAAC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,iCAC7D,IAAI,GACE,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,OACN,IAAI,CAAC,oBAAoB,CAAC,EAC9B,IAAI,EAAC,SAAS,gBACF,KAAK,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,YAEX,KAAK,GACM,IACP,GACF,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"EmptyPrompt.js","sourceRoot":"","sources":["../../src/chat/EmptyPrompt.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAI3C,kEAAkE;AAClE,MAAM,MAAM,GAAG,GAAG,CAAA;AAElB,4FAA4F;AAC5F,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;AAa7C,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,CAAC,EACT,GAAG,IAAI,EACU;IACjB,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,KAAC,MAAM,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,KAAK,IAAI,YACtF,MAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aACvD,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,OAAK,IAAI,CAAC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,iCAC7D,IAAI,GACE,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,OACN,IAAI,CAAC,oBAAoB,CAAC,EAC9B,IAAI,EAAC,SAAS,gBACF,KAAK,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,YAEX,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,GACL,IACP,GACF,CACV,CAAA;AACH,CAAC"}

package/dist/chat/Failure.cjs

@@ -3,24 +3,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Failure = Failure;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Failure — the turn did not arrive, and what to do about it.
- *
- * Distinct from a `Step` that errored: a step can fail inside an answer that
- * still lands. Retry sits beside the message, not in the hover strip, so it is
- * reachable on a touch device.
- *
- * `role="alert"` with `aria-live="assertive"`: the reader is waiting on prose
- * that is never coming, which is the one event in a conversation that has to
- * interrupt.
- */
+const react_1 = require("@hanzo/i18n/react");
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const gui_2 = require("../backends/gui/index.cjs");
 const ink_1 = require("../backends/gui/ink.cjs");
 const slot_1 = require("../backends/gui/slot.cjs");
-function Failure({ children, onRetry, retryLabel = 'Try again', ...props }) {
+function Failure({ children, onRetry, retryLabel, ...props }) {
+    const { t } = (0, react_1.useI18n)();
     return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('failure'), role: "alert", "aria-live": "assertive", width: "100%", gap: "$2", px: "$3", py: "$2.5", rounded: "$4", borderWidth: 1, 
         // The `stopped` register from `product/tone.ts`: an outline, not a hue.
-        borderColor: "$faint", bg: "$edge", ...props, children: [(0, ink_1.ink)(children, undefined, { size: '$2', color: '$ink' }), onRetry ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { self: "flex-start", children: (0, jsx_runtime_1.jsxs)(gui_2.Button, { ...(0, slot_1.slot)('failure-retry'), variant: "outline", size: "sm", onPress: onRetry, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.RefreshCw, { size: 13 }), retryLabel] }) })) : null] }));
+        borderColor: "$borderColor", bg: "$panel", ...props, children: [(0, ink_1.ink)(children, undefined, { size: '$2', color: '$ink' }), onRetry ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { self: "flex-start", children: (0, jsx_runtime_1.jsxs)(gui_2.Button, { ...(0, slot_1.slot)('failure-retry'), variant: "outline", size: "sm", onPress: onRetry, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.RefreshCw, { size: 13 }), retryLabel ?? t('Try again')] }) })) : null] }));
 }

package/dist/chat/Failure.d.ts

@@ -9,13 +9,14 @@
  * that is never coming, which is the one event in a conversation that has to
  * interrupt.
  */
-import { YStack } from '@hanzo/gui';
 import type { ComponentProps, ReactNode } from 'react';
+import { YStack } from '@hanzo/gui';
 export interface FailureProps extends Omit<ComponentProps<typeof YStack>, 'children'> {
     /** What went wrong, in the surface's own words. */
     children?: ReactNode;
     /** Offer to run the turn again. Omit and no control renders. */
     onRetry?: () => void;
+    /** The retry control's words; absent, "Try again" in the reader's language. */
     retryLabel?: string;
 }
 export declare function Failure({ children, onRetry, retryLabel, ...props }: FailureProps): import("react").JSX.Element;

package/dist/chat/Failure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Failure.d.ts","sourceRoot":"","sources":["../../src/chat/Failure.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAU,MAAM,EAAE,MAAM,YAAY,CAAA;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAwB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BA8B9F"}
+{"version":3,"file":"Failure.d.ts","sourceRoot":"","sources":["../../src/chat/Failure.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAU,MAAM,EAAE,MAAM,YAAY,CAAA;AAO3C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BA+BhF"}

package/dist/chat/Failure.js

@@ -1,24 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Failure — the turn did not arrive, and what to do about it.
- *
- * Distinct from a `Step` that errored: a step can fail inside an answer that
- * still lands. Retry sits beside the message, not in the hover strip, so it is
- * reachable on a touch device.
- *
- * `role="alert"` with `aria-live="assertive"`: the reader is waiting on prose
- * that is never coming, which is the one event in a conversation that has to
- * interrupt.
- */
+import { useI18n } from '@hanzo/i18n/react';
 import { XStack, YStack } from '@hanzo/gui';
 import { RefreshCw } from '@hanzogui/lucide-icons-2';
 import { Button } from '../backends/gui/index.js';
 import { ink } from '../backends/gui/ink.js';
 import { slot } from '../backends/gui/slot.js';
-export function Failure({ children, onRetry, retryLabel = 'Try again', ...props }) {
+export function Failure({ children, onRetry, retryLabel, ...props }) {
+    const { t } = useI18n();
     return (_jsxs(YStack, { ...slot('failure'), role: "alert", "aria-live": "assertive", width: "100%", gap: "$2", px: "$3", py: "$2.5", rounded: "$4", borderWidth: 1, 
         // The `stopped` register from `product/tone.ts`: an outline, not a hue.
-        borderColor: "$faint", bg: "$edge", ...props, children: [ink(children, undefined, { size: '$2', color: '$ink' }), onRetry ? (_jsx(XStack, { self: "flex-start", children: _jsxs(Button, { ...slot('failure-retry'), variant: "outline", size: "sm", onPress: onRetry, children: [_jsx(RefreshCw, { size: 13 }), retryLabel] }) })) : null] }));
+        borderColor: "$borderColor", bg: "$panel", ...props, children: [ink(children, undefined, { size: '$2', color: '$ink' }), onRetry ? (_jsx(XStack, { self: "flex-start", children: _jsxs(Button, { ...slot('failure-retry'), variant: "outline", size: "sm", onPress: onRetry, children: [_jsx(RefreshCw, { size: 13 }), retryLabel ?? t('Try again')] }) })) : null] }));
 }
 //# sourceMappingURL=Failure.js.map

package/dist/chat/Failure.js.map

@@ -1 +1 @@
-{"version":3,"file":"Failure.js","sourceRoot":"","sources":["../../src/chat/Failure.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAU3C,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,GAAG,WAAW,EAAE,GAAG,KAAK,EAAgB;IAC7F,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,EACnB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC;QACd,wEAAwE;QACxE,WAAW,EAAC,QAAQ,EACpB,EAAE,EAAC,OAAO,KACN,KAAK,aAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EACvD,OAAO,CAAC,CAAC,CAAC,CAGT,KAAC,MAAM,IAAC,IAAI,EAAC,YAAY,YACvB,MAAC,MAAM,OAAK,IAAI,CAAC,eAAe,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,aAC7E,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACtB,UAAU,IACJ,GACF,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"Failure.js","sourceRoot":"","sources":["../../src/chat/Failure.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAcZ,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAW3C,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAgB;IAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,EACnB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC;QACd,wEAAwE;QACxE,WAAW,EAAC,cAAc,EAC1B,EAAE,EAAC,QAAQ,KACP,KAAK,aAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EACvD,OAAO,CAAC,CAAC,CAAC,CAGT,KAAC,MAAM,IAAC,IAAI,EAAC,YAAY,YACvB,MAAC,MAAM,OAAK,IAAI,CAAC,eAAe,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,aAC7E,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACtB,UAAU,IAAI,CAAC,CAAC,WAAW,CAAC,IACtB,GACF,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}

package/dist/chat/Families.cjs

@@ -11,29 +11,36 @@ exports.useFamilies = useFamilies;
  * Only what the catalog lists is drawn, so a person on a catalog without Kai sees
  * no Kai. This is Chat's chip row, hidden until the person turns the chips on.
  */
-const react_1 = require("@hanzo/i18n/react");
-const react_2 = require("react");
+const react_1 = require("react");
+const react_2 = require("@hanzo/i18n/react");
 const catalog_1 = require("../models/catalog.cjs");
 /** The families a chip names, in order. Enso's router is Auto, so only a tier of Enso beside the router earns a chip. */
 const NAMED = ['enso', 'kai', 'zen'];
 function useFamilies(mind, onUpgrade) {
-    const { t } = (0, react_1.useI18n)();
-    return (0, react_2.useMemo)(() => {
+    const { t } = (0, react_2.useI18n)();
+    return (0, react_1.useMemo)(() => {
         const router = mind.models.find((m) => m.id === catalog_1.ENSO);
         const rows = router
-            ? [{ id: 'auto', label: t('Auto'), on: mind.model === catalog_1.ENSO, onPress: () => mind.pick(catalog_1.ENSO) }]
+            ? [
+                {
+                    id: 'auto',
+                    label: t('Auto'),
+                    on: mind.model === catalog_1.ENSO,
+                    onPress: () => mind.pick(catalog_1.ENSO),
+                },
+            ]
             : [];
         for (const id of NAMED) {
             const own = (0, catalog_1.sortModels)(mind.models.filter((m) => m.family === id && m.id !== catalog_1.ENSO && m.access !== 'research'));
             if (!own.length)
                 continue;
-            const first = own.find((m) => (0, catalog_1.grants)(mind.free, m.id, mind.models)) ?? own[0];
+            const first = own.find((m) => (0, catalog_1.grants)(mind.free, m.id)) ?? own[0];
             const label = catalog_1.FAMILIES.find((f) => f.id === id)?.label ?? id;
             rows.push({
                 id,
                 label,
                 on: own.some((m) => m.id === mind.model),
-                onPress: () => ((0, catalog_1.grants)(mind.free, first.id, mind.models) ? mind.pick(first.id) : onUpgrade?.(first.id)),
+                onPress: () => ((0, catalog_1.grants)(mind.free, first.id) ? mind.pick(first.id) : onUpgrade?.(first.id)),
             });
         }
         return rows;

package/dist/chat/Families.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Families.d.ts","sourceRoot":"","sources":["../../src/chat/Families.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAKxC,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAqBnF"}
+{"version":3,"file":"Families.d.ts","sourceRoot":"","sources":["../../src/chat/Families.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAKxC,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CA4BnF"}

package/dist/chat/Families.js

@@ -8,8 +8,8 @@
  * Only what the catalog lists is drawn, so a person on a catalog without Kai sees
  * no Kai. This is Chat's chip row, hidden until the person turns the chips on.
  */
-import { useI18n } from '@hanzo/i18n/react';
 import { useMemo } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { ENSO, FAMILIES, grants, sortModels } from '../models/catalog.js';
 /** The families a chip names, in order. Enso's router is Auto, so only a tier of Enso beside the router earns a chip. */
 const NAMED = ['enso', 'kai', 'zen'];
@@ -18,19 +18,26 @@ export function useFamilies(mind, onUpgrade) {
     return useMemo(() => {
         const router = mind.models.find((m) => m.id === ENSO);
         const rows = router
-            ? [{ id: 'auto', label: t('Auto'), on: mind.model === ENSO, onPress: () => mind.pick(ENSO) }]
+            ? [
+                {
+                    id: 'auto',
+                    label: t('Auto'),
+                    on: mind.model === ENSO,
+                    onPress: () => mind.pick(ENSO),
+                },
+            ]
             : [];
         for (const id of NAMED) {
             const own = sortModels(mind.models.filter((m) => m.family === id && m.id !== ENSO && m.access !== 'research'));
             if (!own.length)
                 continue;
-            const first = own.find((m) => grants(mind.free, m.id, mind.models)) ?? own[0];
+            const first = own.find((m) => grants(mind.free, m.id)) ?? own[0];
             const label = FAMILIES.find((f) => f.id === id)?.label ?? id;
             rows.push({
                 id,
                 label,
                 on: own.some((m) => m.id === mind.model),
-                onPress: () => (grants(mind.free, first.id, mind.models) ? mind.pick(first.id) : onUpgrade?.(first.id)),
+                onPress: () => (grants(mind.free, first.id) ? mind.pick(first.id) : onUpgrade?.(first.id)),
             });
         }
         return rows;

package/dist/chat/Families.js.map

@@ -1 +1 @@
-{"version":3,"file":"Families.js","sourceRoot":"","sources":["../../src/chat/Families.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAA;AAGxF,yHAAyH;AACzH,MAAM,KAAK,GAA2B,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAE5D,MAAM,UAAU,WAAW,CAAC,IAAU,EAAE,SAAmC;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAA;QACrD,MAAM,IAAI,GAAW,MAAM;YACzB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7F,CAAC,CAAC,EAAE,CAAA;QACN,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE,CAAC;YACvB,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAA;YAC9G,IAAI,CAAC,GAAG,CAAC,MAAM;gBAAE,SAAQ;YACzB,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAE,CAAA;YAC9E,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,EAAE,CAAA;YAC5D,IAAI,CAAC,IAAI,CAAC;gBACR,EAAE;gBACF,KAAK;gBACL,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC;gBACxC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aACxG,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAA;AAC1B,CAAC"}
+{"version":3,"file":"Families.js","sourceRoot":"","sources":["../../src/chat/Families.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAA;AAGxF,yHAAyH;AACzH,MAAM,KAAK,GAA2B,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAE5D,MAAM,UAAU,WAAW,CAAC,IAAU,EAAE,SAAmC;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAA;QACrD,MAAM,IAAI,GAAW,MAAM;YACzB,CAAC,CAAC;gBACE;oBACE,EAAE,EAAE,MAAM;oBACV,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;oBAChB,EAAE,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI;oBACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;iBAC/B;aACF;YACH,CAAC,CAAC,EAAE,CAAA;QACN,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE,CAAC;YACvB,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAA;YAC9G,IAAI,CAAC,GAAG,CAAC,MAAM;gBAAE,SAAQ;YACzB,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAE,CAAA;YACjE,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,EAAE,CAAA;YAC5D,IAAI,CAAC,IAAI,CAAC;gBACR,EAAE;gBACF,KAAK;gBACL,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC;gBACxC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aAC3F,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAA;AAC1B,CAAC"}

package/dist/chat/Header.cjs

@@ -16,11 +16,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * project, hanzo.app shows neither.
  */
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const slot_1 = require("../backends/gui/slot.cjs");
 const dir_1 = require("../backends/gui/dir.cjs");
 function Header({ title, onOpenMenu, children, leading, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('chat-header'), width: "100%", height: 48, shrink: 0, items: "center", gap: "$2", px: "$3", borderBottomWidth: 1, borderColor: "$borderColor", bg: "$background", ...props, children: [leading, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", shrink: 1, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", fontWeight: "500", numberOfLines: 1, children: title }), onOpenMenu ? ((0, jsx_runtime_1.jsx)(HeaderButton, { label: "Conversation options", onPress: onOpenMenu, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Ellipsis, { size: 16 }) })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), children] }));
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('chat-header'), width: "100%", height: 48, shrink: 0, items: "center", gap: "$2", px: "$3", borderBottomWidth: 1, borderColor: "$borderColor", bg: "$background", ...props, children: [leading, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", shrink: 1, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", fontWeight: "500", numberOfLines: 1, children: title }), onOpenMenu ? ((0, jsx_runtime_1.jsx)(HeaderButton, { label: t('Conversation options'), onPress: onOpenMenu, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Ellipsis, { size: 16 }) })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), children] }));
 }
 function HeaderButton({ label, onPress, children }) {
     return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 32, height: 32, items: "center", justify: "center", rounded: "$3", cursor: "pointer", opacity: 0.7, onPress: onPress, role: "button", tabIndex: 0, "aria-label": label, ...(0, slot_1.tip)(label), hoverStyle: { bg: '$edge', opacity: 1 }, pressStyle: { bg: '$raised' }, children: children }));
@@ -32,11 +34,13 @@ function HeaderButton({ label, onPress, children }) {
  * it reads as a label rather than a glyph. Everything reversible in this bar is
  * an icon; this deliberately is not.
  */
-function ShareButton({ label = 'Share', onPress }) {
-    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('chat-share'), items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", cursor: "pointer", opacity: 0.8, onPress: onPress, role: "button", tabIndex: 0, hoverStyle: { bg: '$edge', opacity: 1 }, pressStyle: { bg: '$raised' }, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Share2, { size: 14 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", fontWeight: "500", children: label })] }));
+function ShareButton({ label, onPress }) {
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('chat-share'), items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", cursor: "pointer", opacity: 0.8, onPress: onPress, role: "button", tabIndex: 0, hoverStyle: { bg: '$edge', opacity: 1 }, pressStyle: { bg: '$raised' }, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Share2, { size: 14 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", fontWeight: "500", children: label ?? t('Share') })] }));
 }
-function AsideToggle({ label = 'Toggle details panel', onPress }) {
-    return ((0, jsx_runtime_1.jsx)(HeaderButton, { label: label, onPress: onPress, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.PanelRight, { ...dir_1.mirror, size: 16 }) }));
+function AsideToggle({ label, onPress }) {
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsx)(HeaderButton, { label: label ?? t('Toggle details panel'), onPress: onPress, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.PanelRight, { ...dir_1.mirror, size: 16 }) }));
 }
 /**
  * Aside — the right rail (sources, artifacts, run details).

package/dist/chat/Header.d.ts

@@ -32,6 +32,7 @@ export interface HeaderButtonProps {
 }
 export declare function HeaderButton({ label, onPress, children }: HeaderButtonProps): import("react").JSX.Element;
 export interface ShareButtonProps {
+    /** Absent, "Share" in the reader's language. */
     label?: string;
     onPress?: () => void;
 }
@@ -44,6 +45,7 @@ export interface ShareButtonProps {
  */
 export declare function ShareButton({ label, onPress }: ShareButtonProps): import("react").JSX.Element;
 export interface AsideToggleProps {
+    /** Absent, "Toggle details panel" in the reader's language. */
     label?: string;
     onPress?: () => void;
 }

package/dist/chat/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/chat/Header.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAAe,MAAM,EAAU,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IAClF,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAmCrF;AAED,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAqB3E;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAe,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAuBzE;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAA8B,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAMxF;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAW,EAAE,EAAE,UAAU,+BAe1D"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/chat/Header.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAAe,MAAM,EAAU,MAAM,YAAY,CAAA;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IAClF,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAoCrF;AAED,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAqB3E;AAED,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAwB/D;AAED,MAAM,WAAW,gBAAgB;IAC/B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAO/D;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAW,EAAE,EAAE,UAAU,+BAe1D"}

package/dist/chat/Header.js

@@ -9,11 +9,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * project, hanzo.app shows neither.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
 import { Ellipsis, PanelRight, Share2 } from '@hanzogui/lucide-icons-2';
 import { slot, tip } from '../backends/gui/slot.js';
 import { mirror } from '../backends/gui/dir.js';
 export function Header({ title, onOpenMenu, children, leading, ...props }) {
-    return (_jsxs(XStack, { ...slot('chat-header'), width: "100%", height: 48, shrink: 0, items: "center", gap: "$2", px: "$3", borderBottomWidth: 1, borderColor: "$borderColor", bg: "$background", ...props, children: [leading, _jsxs(XStack, { items: "center", gap: "$1", shrink: 1, children: [_jsx(SizableText, { size: "$2", fontWeight: "500", numberOfLines: 1, children: title }), onOpenMenu ? (_jsx(HeaderButton, { label: "Conversation options", onPress: onOpenMenu, children: _jsx(Ellipsis, { size: 16 }) })) : null] }), _jsx(XStack, { flex: 1 }), children] }));
+    const { t } = useI18n();
+    return (_jsxs(XStack, { ...slot('chat-header'), width: "100%", height: 48, shrink: 0, items: "center", gap: "$2", px: "$3", borderBottomWidth: 1, borderColor: "$borderColor", bg: "$background", ...props, children: [leading, _jsxs(XStack, { items: "center", gap: "$1", shrink: 1, children: [_jsx(SizableText, { size: "$2", fontWeight: "500", numberOfLines: 1, children: title }), onOpenMenu ? (_jsx(HeaderButton, { label: t('Conversation options'), onPress: onOpenMenu, children: _jsx(Ellipsis, { size: 16 }) })) : null] }), _jsx(XStack, { flex: 1 }), children] }));
 }
 export function HeaderButton({ label, onPress, children }) {
     return (_jsx(XStack, { width: 32, height: 32, items: "center", justify: "center", rounded: "$3", cursor: "pointer", opacity: 0.7, onPress: onPress, role: "button", tabIndex: 0, "aria-label": label, ...tip(label), hoverStyle: { bg: '$edge', opacity: 1 }, pressStyle: { bg: '$raised' }, children: children }));
@@ -25,11 +27,13 @@ export function HeaderButton({ label, onPress, children }) {
  * it reads as a label rather than a glyph. Everything reversible in this bar is
  * an icon; this deliberately is not.
  */
-export function ShareButton({ label = 'Share', onPress }) {
-    return (_jsxs(XStack, { ...slot('chat-share'), items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", cursor: "pointer", opacity: 0.8, onPress: onPress, role: "button", tabIndex: 0, hoverStyle: { bg: '$edge', opacity: 1 }, pressStyle: { bg: '$raised' }, children: [_jsx(Share2, { size: 14 }), _jsx(SizableText, { size: "$1", fontWeight: "500", children: label })] }));
+export function ShareButton({ label, onPress }) {
+    const { t } = useI18n();
+    return (_jsxs(XStack, { ...slot('chat-share'), items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", cursor: "pointer", opacity: 0.8, onPress: onPress, role: "button", tabIndex: 0, hoverStyle: { bg: '$edge', opacity: 1 }, pressStyle: { bg: '$raised' }, children: [_jsx(Share2, { size: 14 }), _jsx(SizableText, { size: "$1", fontWeight: "500", children: label ?? t('Share') })] }));
 }
-export function AsideToggle({ label = 'Toggle details panel', onPress }) {
-    return (_jsx(HeaderButton, { label: label, onPress: onPress, children: _jsx(PanelRight, { ...mirror, size: 16 }) }));
+export function AsideToggle({ label, onPress }) {
+    const { t } = useI18n();
+    return (_jsx(HeaderButton, { label: label ?? t('Toggle details panel'), onPress: onPress, children: _jsx(PanelRight, { ...mirror, size: 16 }) }));
 }
 /**
  * Aside — the right rail (sources, artifacts, run details).

package/dist/chat/Header.js.map

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

package/dist/chat/Home.cjs

@@ -21,10 +21,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * way.
  */
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
 const slot_1 = require("../backends/gui/slot.cjs");
 const EmptyPrompt_1 = require("./EmptyPrompt.cjs");
 /** The composer column's width, so the question and the field share it. */
 const COLUMN = 768;
-function Home({ title = EmptyPrompt_1.NEXT, mark, column = COLUMN, level = 1, children, ...rest }) {
-    return ((0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ...(0, slot_1.slot)('home'), flex: 1, minH: 0, minW: 0, overflowY: "auto", showsVerticalScrollIndicator: false, contentContainerStyle: { grow: 1, justify: 'center' }, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "100%", items: "center", px: "$4", pb: "$10", children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { width: "100%", maxW: column, gap: "$5", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "center", items: "center", gap: "$3", flexWrap: "wrap", children: [mark ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('home-mark'), shrink: 0, items: "center", "aria-hidden": true, children: mark })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('home-title'), role: "heading", "aria-level": level, size: "$8", color: "$ink", text: "center", children: title })] }), children ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", children: children }) : null] }) }) }));
+function Home({ title, mark, column = COLUMN, level = 1, children, ...rest }) {
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ...(0, slot_1.slot)('home'), flex: 1, minH: 0, minW: 0, overflowY: "auto", showsVerticalScrollIndicator: false, contentContainerStyle: { grow: 1, justify: 'center' }, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "100%", items: "center", px: "$4", pb: "$10", children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { width: "100%", maxW: column, gap: "$5", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "center", items: "center", gap: "$3", flexWrap: "wrap", children: [mark ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('home-mark'), shrink: 0, items: "center", "aria-hidden": true, children: mark })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('home-title'), role: "heading", "aria-level": level, size: "$8", color: "$ink", text: "center", children: title ?? t(EmptyPrompt_1.NEXT) })] }), children ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", children: children }) : null] }) }) }));
 }

package/dist/chat/Home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/chat/Home.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAA+B,MAAM,YAAY,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;AAKjE,MAAM,WAAW,SAAU,SAAQ,MAAM;IACvC,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+EAA+E;IAC/E,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACjB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAY,EAAE,IAAI,EAAE,MAAe,EAAE,KAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAyCpG"}
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/chat/Home.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAA+B,MAAM,YAAY,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;AAKjE,MAAM,WAAW,SAAU,SAAQ,MAAM;IACvC,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+EAA+E;IAC/E,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACjB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAe,EAAE,KAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BA0C7F"}

package/dist/chat/Home.js

@@ -18,11 +18,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * way.
  */
 import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from '../backends/gui/slot.js';
 import { NEXT } from './EmptyPrompt.js';
 /** The composer column's width, so the question and the field share it. */
 const COLUMN = 768;
-export function Home({ title = NEXT, mark, column = COLUMN, level = 1, children, ...rest }) {
-    return (_jsx(ScrollView, { ...slot('home'), flex: 1, minH: 0, minW: 0, overflowY: "auto", showsVerticalScrollIndicator: false, contentContainerStyle: { grow: 1, justify: 'center' }, ...rest, children: _jsx(YStack, { width: "100%", items: "center", px: "$4", pb: "$10", children: _jsxs(YStack, { width: "100%", maxW: column, gap: "$5", children: [_jsxs(XStack, { justify: "center", items: "center", gap: "$3", flexWrap: "wrap", children: [mark ? (_jsx(XStack, { ...slot('home-mark'), shrink: 0, items: "center", "aria-hidden": true, children: mark })) : null, _jsx(SizableText, { ...slot('home-title'), role: "heading", "aria-level": level, size: "$8", color: "$ink", text: "center", children: title })] }), children ? _jsx(YStack, { gap: "$2", children: children }) : null] }) }) }));
+export function Home({ title, mark, column = COLUMN, level = 1, children, ...rest }) {
+    const { t } = useI18n();
+    return (_jsx(ScrollView, { ...slot('home'), flex: 1, minH: 0, minW: 0, overflowY: "auto", showsVerticalScrollIndicator: false, contentContainerStyle: { grow: 1, justify: 'center' }, ...rest, children: _jsx(YStack, { width: "100%", items: "center", px: "$4", pb: "$10", children: _jsxs(YStack, { width: "100%", maxW: column, gap: "$5", children: [_jsxs(XStack, { justify: "center", items: "center", gap: "$3", flexWrap: "wrap", children: [mark ? (_jsx(XStack, { ...slot('home-mark'), shrink: 0, items: "center", "aria-hidden": true, children: mark })) : null, _jsx(SizableText, { ...slot('home-title'), role: "heading", "aria-level": level, size: "$8", color: "$ink", text: "center", children: title ?? t(NEXT) })] }), children ? _jsx(YStack, { gap: "$2", children: children }) : null] }) }) }));
 }
 //# sourceMappingURL=Home.js.map

package/dist/chat/Home.js.map

@@ -1 +1 @@
-{"version":3,"file":"Home.js","sourceRoot":"","sources":["../../src/chat/Home.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGpE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIpC,2EAA2E;AAC3E,MAAM,MAAM,GAAG,GAAG,CAAA;AAelB,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAa;IACnG,OAAO,CAKL,KAAC,UAAU,OACL,IAAI,CAAC,MAAM,CAAC,EAChB,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,MAAM,EAChB,4BAA4B,EAAE,KAAK,EACnC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KACjD,IAAI,YAGR,KAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,YAClD,MAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAC,IAAI,aAC3C,MAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,aAC7D,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,OAAK,IAAI,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,iCACrD,IAAI,GACE,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,OACN,IAAI,CAAC,YAAY,CAAC,EACtB,IAAI,EAAC,SAAS,gBACF,KAAK,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,QAAQ,YAEZ,KAAK,GACM,IACP,EACR,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,YAAE,QAAQ,GAAU,CAAC,CAAC,CAAC,IAAI,IAC9C,GACF,GACE,CACd,CAAA;AACH,CAAC"}
+{"version":3,"file":"Home.js","sourceRoot":"","sources":["../../src/chat/Home.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIpC,2EAA2E;AAC3E,MAAM,MAAM,GAAG,GAAG,CAAA;AAelB,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAa;IAC5F,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CAKL,KAAC,UAAU,OACL,IAAI,CAAC,MAAM,CAAC,EAChB,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,MAAM,EAChB,4BAA4B,EAAE,KAAK,EACnC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KACjD,IAAI,YAGR,KAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,YAClD,MAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAC,IAAI,aAC3C,MAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,aAC7D,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,OAAK,IAAI,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,iCACrD,IAAI,GACE,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,OACN,IAAI,CAAC,YAAY,CAAC,EACtB,IAAI,EAAC,SAAS,gBACF,KAAK,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,QAAQ,YAEZ,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,GACL,IACP,EACR,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,YAAE,QAAQ,GAAU,CAAC,CAAC,CAAC,IAAI,IAC9C,GACF,GACE,CACd,CAAA;AACH,CAAC"}

package/dist/chat/Inspector.cjs

@@ -27,16 +27,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * A section with nothing in it does not render, so a caller passes the same
  * list every time and does not write the emptiness checks.
  */
+const react_1 = require("@hanzo/i18n/react");
 const gui_1 = require("@hanzo/gui");
 const slot_1 = require("../backends/gui/slot.cjs");
 const Code_1 = require("./Code.cjs");
 const Parts_1 = require("./Parts.cjs");
 const filled = (section) => (section.facts != null && Object.keys(section.facts).length > 0) ||
     (section.parts != null && section.parts.length > 0);
-function Inspector({ title = 'Run', summary, sections = [], placeholder, prose, onRetry, onOpen, onSource, ...props }) {
+function Inspector({ title, summary, sections = [], placeholder, prose, onRetry, onOpen, onSource, ...props }) {
+    const { t } = (0, react_1.useI18n)();
     const shown = sections.filter(filled);
     const bare = summary == null && shown.length === 0;
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('inspector'), flex: 1, minH: 0, width: "100%", ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", px: "$1", pb: "$2", shrink: 0, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", fontWeight: "600", children: title }) }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, showsVerticalScrollIndicator: false, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$4", pb: "$4", children: [summary ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('inspector-summary'), p: "$3", gap: "$2", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", children: summary }) })) : null, shown.map((section) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('inspector-section'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$quiet", fontWeight: "600", children: section.name }), section.facts ? (0, jsx_runtime_1.jsx)(Table, { facts: section.facts }) : null, section.parts?.length ? ((0, jsx_runtime_1.jsx)(Parts_1.Parts, { parts: section.parts, prose: prose, onRetry: onRetry, onOpen: onOpen, onSource: onSource })) : null] }, section.name))), bare && placeholder != null ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: placeholder })) : null] }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('inspector'), flex: 1, minH: 0, width: "100%", ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", px: "$1", pb: "$2", shrink: 0, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", fontWeight: "600", children: title ?? t('Run') }) }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, showsVerticalScrollIndicator: false, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$4", pb: "$4", children: [summary ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('inspector-summary'), p: "$3", gap: "$2", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", children: summary }) })) : null, shown.map((section) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('inspector-section'), gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$quiet", fontWeight: "600", children: section.name }), section.facts ? (0, jsx_runtime_1.jsx)(Table, { facts: section.facts }) : null, section.parts?.length ? ((0, jsx_runtime_1.jsx)(Parts_1.Parts, { parts: section.parts, prose: prose, onRetry: onRetry, onOpen: onOpen, onSource: onSource })) : null] }, section.name))), bare && placeholder != null ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: placeholder })) : null] }) })] }));
 }
 /**
  * A record, as rows.

package/dist/chat/Inspector.d.ts

@@ -1,27 +1,3 @@
-/**
- * Inspector — what the agent did, beside what it said.
- *
- * The thread carries the answer. This carries the evidence: a summary at the
- * top, then the run's own regions underneath — what it was given, what it
- * produced, what ran on the way. It is the pane a person reads to decide
- * whether to believe the answer, which is why the summary is first and the
- * detail is under it rather than the other way round.
- *
- * It is the CONTENTS of the right rail, not the rail. `Aside` is the column —
- * the border, the width, the fact that it is a column at all — and this goes
- * inside it. Two components because a surface hides the rail at narrow widths
- * by not rendering it, and that decision has nothing to do with what is in it.
- *
- * ONE inspector, whatever the run was. A section carries `facts` (name to
- * value) or `parts` (drawn by `Parts`), and `MessagePart` already covers every
- * shape a run produces: tool calls and their results for a chat turn, files and
- * console output for a coding run, `citation` for a research run's sources, an
- * `artifact` for anything it made. A second panel per kind of run would be four
- * copies of this file disagreeing about spacing.
- *
- * A section with nothing in it does not render, so a caller passes the same
- * list every time and does not write the emptiness checks.
- */
 import { YStack } from '@hanzo/gui';
 import type { ComponentProps, ReactNode } from 'react';
 import type { Facts } from './directive.js';

package/dist/chat/Inspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inspector.d.ts","sourceRoot":"","sources":["../../src/chat/Inspector.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAmC,MAAM,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAe,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAEzE,qEAAqE;AACrE,MAAM,WAAW,OAAO;IACtB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;CAC/B;AAMD,MAAM,WAAW,cACf,SAAQ,WAAW,EACjB,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACjD,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;IAC7B,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAa,EACb,OAAO,EACP,QAAa,EACb,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,+BAyDhB"}
+{"version":3,"file":"Inspector.d.ts","sourceRoot":"","sources":["../../src/chat/Inspector.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAmC,MAAM,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAe,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAEzE,qEAAqE;AACrE,MAAM,WAAW,OAAO;IACtB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;CAC/B;AAMD,MAAM,WAAW,cACf,SAAQ,WAAW,EACjB,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACjD,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;IAC7B,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,QAAa,EACb,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,+BA0DhB"}

package/dist/chat/Inspector.js

@@ -24,16 +24,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * A section with nothing in it does not render, so a caller passes the same
  * list every time and does not write the emptiness checks.
  */
+import { useI18n } from '@hanzo/i18n/react';
 import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
 import { slot } from '../backends/gui/slot.js';
 import { Code } from './Code.js';
 import { Parts, show } from './Parts.js';
 const filled = (section) => (section.facts != null && Object.keys(section.facts).length > 0) ||
     (section.parts != null && section.parts.length > 0);
-export function Inspector({ title = 'Run', summary, sections = [], placeholder, prose, onRetry, onOpen, onSource, ...props }) {
+export function Inspector({ title, summary, sections = [], placeholder, prose, onRetry, onOpen, onSource, ...props }) {
+    const { t } = useI18n();
     const shown = sections.filter(filled);
     const bare = summary == null && shown.length === 0;
-    return (_jsxs(YStack, { ...slot('inspector'), flex: 1, minH: 0, width: "100%", ...props, children: [_jsx(XStack, { items: "center", px: "$1", pb: "$2", shrink: 0, children: _jsx(SizableText, { size: "$1", color: "$soft", fontWeight: "600", children: title }) }), _jsx(ScrollView, { flex: 1, showsVerticalScrollIndicator: false, children: _jsxs(YStack, { gap: "$4", pb: "$4", children: [summary ? (_jsx(YStack, { ...slot('inspector-summary'), p: "$3", gap: "$2", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", children: _jsx(SizableText, { size: "$2", color: "$ink", children: summary }) })) : null, shown.map((section) => (_jsxs(YStack, { ...slot('inspector-section'), gap: "$2", children: [_jsx(SizableText, { size: "$1", color: "$quiet", fontWeight: "600", children: section.name }), section.facts ? _jsx(Table, { facts: section.facts }) : null, section.parts?.length ? (_jsx(Parts, { parts: section.parts, prose: prose, onRetry: onRetry, onOpen: onOpen, onSource: onSource })) : null] }, section.name))), bare && placeholder != null ? (_jsx(SizableText, { size: "$2", color: "$soft", children: placeholder })) : null] }) })] }));
+    return (_jsxs(YStack, { ...slot('inspector'), flex: 1, minH: 0, width: "100%", ...props, children: [_jsx(XStack, { items: "center", px: "$1", pb: "$2", shrink: 0, children: _jsx(SizableText, { size: "$1", color: "$soft", fontWeight: "600", children: title ?? t('Run') }) }), _jsx(ScrollView, { flex: 1, showsVerticalScrollIndicator: false, children: _jsxs(YStack, { gap: "$4", pb: "$4", children: [summary ? (_jsx(YStack, { ...slot('inspector-summary'), p: "$3", gap: "$2", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", children: _jsx(SizableText, { size: "$2", color: "$ink", children: summary }) })) : null, shown.map((section) => (_jsxs(YStack, { ...slot('inspector-section'), gap: "$2", children: [_jsx(SizableText, { size: "$1", color: "$quiet", fontWeight: "600", children: section.name }), section.facts ? _jsx(Table, { facts: section.facts }) : null, section.parts?.length ? (_jsx(Parts, { parts: section.parts, prose: prose, onRetry: onRetry, onOpen: onOpen, onSource: onSource })) : null] }, section.name))), bare && placeholder != null ? (_jsx(SizableText, { size: "$2", color: "$soft", children: placeholder })) : null] }) })] }));
 }
 /**
  * A record, as rows.

package/dist/chat/Inspector.js.map

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

package/dist/chat/Mention.cjs

@@ -15,11 +15,22 @@ const react_1 = require("@hanzo/i18n/react");
 /** The `/` or `@` the caret ends on, and the words typed after it. */
 function trigger(value) {
     const m = /(^|\s)([/@])([^\s/@]*)$/.exec(value);
-    return m ? { char: m[2], query: m[3].toLowerCase(), at: m.index + m[1].length } : null;
+    return m
+        ? {
+            char: m[2],
+            query: m[3].toLowerCase(),
+            at: m.index + m[1].length,
+        }
+        : null;
 }
 /** The list a mark opens, above the frame. */
 function Mention({ shelf, rows, index, onPick, skills }) {
     const { t } = (0, react_1.useI18n)();
     const tag = t(skills ? 'Skill' : 'Plugin');
-    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: 'listbox', "aria-label": t(skills ? 'Skills' : 'Plugins'), "data-slot": "mention", width: "100%", maxH: 240, overflowY: "auto", overflowX: "hidden", p: 6, rounded: 12, borderWidth: 1, borderColor: "$borderColor", bg: "$background", "$max-sm": { rounded: 22 }, children: rows.length ? (rows.map((r, i) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { role: "option", "aria-selected": i === index, onPress: () => onPick(r.id), items: "center", gap: 10, px: 8, height: 36, rounded: 8, bg: i === index ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, cursor: "pointer", "$max-sm": { height: 46 }, children: [r.icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 16, items: "center", justify: "center", "aria-hidden": true, children: r.icon })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 15, color: "$ink", numberOfLines: 1, flex: 1, style: { textAlign: 'start' }, children: r.label }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 13, color: "$hint", children: r.on ? t('On') : tag })] }, r.id)))) : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$hint", px: 8, py: 8, children: t(shelf.loading ? 'Reading…' : 'Nothing matches') })) }));
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: 'listbox', "aria-label": t(skills ? 'Skills' : 'Plugins'), "data-slot": "mention", width: "100%", maxH: 280, overflowY: "auto", overflowX: "hidden", p: 6, rounded: 12, borderWidth: 1, borderColor: "$borderColor", bg: "$background", "$max-sm": { rounded: 22 }, children: rows.length ? (rows.map((r, i) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ref: i === index
+                ? (node) => {
+                    if (node instanceof HTMLElement)
+                        node.scrollIntoView?.({ block: 'nearest' });
+                }
+                : undefined, role: "option", "aria-selected": i === index, onPress: () => onPick(r.id), items: "center", gap: 10, px: 8, minH: 36, py: 4, rounded: 8, bg: i === index ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, cursor: "pointer", "$max-sm": { minH: 46 }, children: [r.icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 16, items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: r.icon })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 15, color: "$ink", numberOfLines: 1, style: { textAlign: 'start' }, children: r.label }), r.note ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 12, color: "$soft", numberOfLines: 1, style: { textAlign: 'start' }, children: r.note })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 13, color: "$hint", shrink: 0, children: r.on ? t('On') : tag })] }, r.id)))) : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$hint", px: 8, py: 8, children: t(shelf.loading ? 'Reading…' : 'Nothing matches') })) }));
 }

package/dist/chat/Mention.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../src/chat/Mention.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAEnC,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAG5F;AAED,8CAA8C;AAC9C,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,+BAyDlK"}
+{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../src/chat/Mention.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAGnC,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAS5F;AAED,8CAA8C;AAC9C,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,+BAwElK"}

package/dist/chat/Mention.js

@@ -11,12 +11,23 @@ import { useI18n } from '@hanzo/i18n/react';
 /** The `/` or `@` the caret ends on, and the words typed after it. */
 export function trigger(value) {
     const m = /(^|\s)([/@])([^\s/@]*)$/.exec(value);
-    return m ? { char: m[2], query: m[3].toLowerCase(), at: m.index + m[1].length } : null;
+    return m
+        ? {
+            char: m[2],
+            query: m[3].toLowerCase(),
+            at: m.index + m[1].length,
+        }
+        : null;
 }
 /** The list a mark opens, above the frame. */
 export function Mention({ shelf, rows, index, onPick, skills }) {
     const { t } = useI18n();
     const tag = t(skills ? 'Skill' : 'Plugin');
-    return (_jsx(YStack, { role: 'listbox', "aria-label": t(skills ? 'Skills' : 'Plugins'), "data-slot": "mention", width: "100%", maxH: 240, overflowY: "auto", overflowX: "hidden", p: 6, rounded: 12, borderWidth: 1, borderColor: "$borderColor", bg: "$background", "$max-sm": { rounded: 22 }, children: rows.length ? (rows.map((r, i) => (_jsxs(XStack, { role: "option", "aria-selected": i === index, onPress: () => onPick(r.id), items: "center", gap: 10, px: 8, height: 36, rounded: 8, bg: i === index ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, cursor: "pointer", "$max-sm": { height: 46 }, children: [r.icon ? (_jsx(XStack, { width: 16, items: "center", justify: "center", "aria-hidden": true, children: r.icon })) : null, _jsx(SizableText, { fontSize: 15, color: "$ink", numberOfLines: 1, flex: 1, style: { textAlign: 'start' }, children: r.label }), _jsx(SizableText, { fontSize: 13, color: "$hint", children: r.on ? t('On') : tag })] }, r.id)))) : (_jsx(SizableText, { fontSize: 14, color: "$hint", px: 8, py: 8, children: t(shelf.loading ? 'Reading…' : 'Nothing matches') })) }));
+    return (_jsx(YStack, { role: 'listbox', "aria-label": t(skills ? 'Skills' : 'Plugins'), "data-slot": "mention", width: "100%", maxH: 280, overflowY: "auto", overflowX: "hidden", p: 6, rounded: 12, borderWidth: 1, borderColor: "$borderColor", bg: "$background", "$max-sm": { rounded: 22 }, children: rows.length ? (rows.map((r, i) => (_jsxs(XStack, { ref: i === index
+                ? (node) => {
+                    if (node instanceof HTMLElement)
+                        node.scrollIntoView?.({ block: 'nearest' });
+                }
+                : undefined, role: "option", "aria-selected": i === index, onPress: () => onPick(r.id), items: "center", gap: 10, px: 8, minH: 36, py: 4, rounded: 8, bg: i === index ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, cursor: "pointer", "$max-sm": { minH: 46 }, children: [r.icon ? (_jsx(XStack, { width: 16, items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: r.icon })) : null, _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(SizableText, { fontSize: 15, color: "$ink", numberOfLines: 1, style: { textAlign: 'start' }, children: r.label }), r.note ? (_jsx(SizableText, { fontSize: 12, color: "$soft", numberOfLines: 1, style: { textAlign: 'start' }, children: r.note })) : null] }), _jsx(SizableText, { fontSize: 13, color: "$hint", shrink: 0, children: r.on ? t('On') : tag })] }, r.id)))) : (_jsx(SizableText, { fontSize: 14, color: "$hint", px: 8, py: 8, children: t(shelf.loading ? 'Reading…' : 'Nothing matches') })) }));
 }
 //# sourceMappingURL=Mention.js.map