@hanzo/ui 8.29.45 → 8.30.3

package/dist/product/AppHeader.js

@@ -14,9 +14,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Button, Popover, Text, XStack, YStack } from '@hanzo/gui';
 import { AppWindow, Bot, CreditCard, Grip, LayoutGrid, MessageCircle, Settings2, Sparkles, UserRound, Users } from '@hanzogui/lucide-icons-2';
+import { useI18n } from '@hanzo/i18n/react';
 import { BrandMark } from './BrandMark.js';
-import { UserMenu } from './UserMenu.js';
 import { otherSurfaces } from './surfaces.data.js';
+import { UserMenu } from './UserMenu.js';
 /** The per-surface glyph — keyed by `Surface.id`, so each surface reads distinctly. */
 const SURFACE_ICON = {
     ai: Sparkles,
@@ -31,8 +32,9 @@ const openHref = (href) => {
     if (typeof window !== 'undefined')
         window.open(href, '_blank', 'noopener');
 };
-export function AppHeader({ brand, wordmark = 'Hanzo', onBrand, org, children, current, surfaces, open, user, menu, theme, onProfile, onTeam, onBilling, onSignOut, }) {
+export function AppHeader({ brand, wordmark = 'Hanzo', onBrand, org, children, current, surfaces, open, user, menu, theme, onProfile, onTeam, onBilling, onSignOut }) {
     const [appsOpen, setAppsOpen] = useState(false);
+    const { t } = useI18n();
     const items = surfaces ?? otherSurfaces(current);
     const launch = (s) => {
         setAppsOpen(false);
@@ -41,14 +43,14 @@ export function AppHeader({ brand, wordmark = 'Hanzo', onBrand, org, children, c
         else
             openHref(s.href);
     };
-    return (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", height: 52, borderBottomWidth: 1, borderColor: "$borderColor", bg: "$background", children: [_jsx(XStack, { items: "center", cursor: onBrand ? 'pointer' : undefined, onPress: onBrand, children: brand ?? _jsx(BrandMark, { wordmark: wordmark }) }), org ? (_jsx(XStack, { items: "center", minW: 0, children: org })) : null, _jsx(XStack, { flex: 1, items: "center", minW: 0, children: children }), items.length > 0 ? (_jsxs(Popover, { open: appsOpen, onOpenChange: setAppsOpen, placement: "bottom-end", children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx(Button, { size: "$2", chromeless: true, icon: _jsx(Grip, { size: 16 }), "aria-label": "Apps" }) }), _jsx(Popover.Content, { bordered: true, elevate: true, p: "$2", width: 230, bg: "$panel", borderColor: "$borderColor", children: _jsx(YStack, { gap: "$1", children: items.map((s) => {
+    return (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", height: 52, borderBottomWidth: 1, borderColor: "$borderColor", bg: "$background", children: [_jsx(XStack, { items: "center", cursor: onBrand ? 'pointer' : undefined, onPress: onBrand, children: brand ?? _jsx(BrandMark, { wordmark: wordmark }) }), org ? (_jsx(XStack, { items: "center", minW: 0, children: org })) : null, _jsx(XStack, { flex: 1, items: "center", minW: 0, children: children }), items.length > 0 ? (_jsxs(Popover, { open: appsOpen, onOpenChange: setAppsOpen, placement: "bottom-end", children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx(Button, { size: "$2", chromeless: true, icon: _jsx(Grip, { size: 16 }), "aria-label": t('Apps') }) }), _jsx(Popover.Content, { bordered: true, elevate: true, p: "$2", width: 230, bg: "$panel", borderColor: "$borderColor", children: _jsx(YStack, { gap: "$1", children: items.map((s) => {
                                 const Icon = SURFACE_ICON[s.id];
                                 return (_jsxs(XStack, { onPress: () => launch(s), cursor: "pointer", items: "center", gap: "$2.5", px: "$2", py: "$2", rounded: "$3", hoverStyle: { bg: '$raised' }, children: [_jsx(Icon, { size: 16 }), _jsx(Text, { flex: 1, fontSize: "$2", fontWeight: "600", color: "$ink", children: s.label }), s.hint ? (_jsx(Text, { fontSize: "$1", color: "$soft", children: s.hint })) : null] }, s.id));
                             }) }) })] })) : null, _jsx(UserMenu, { name: user, groups: [
                     [
-                        onProfile ? { id: 'profile', label: 'Profile', icon: _jsx(UserRound, { size: 16 }), onPress: onProfile } : null,
-                        onTeam ? { id: 'team', label: 'Team settings', icon: _jsx(Settings2, { size: 16 }), onPress: onTeam } : null,
-                        onBilling ? { id: 'billing', label: 'Billing', icon: _jsx(CreditCard, { size: 16 }), onPress: onBilling } : null,
+                        onProfile ? { id: 'profile', label: t('Profile'), icon: _jsx(UserRound, { size: 16 }), onPress: onProfile } : null,
+                        onTeam ? { id: 'team', label: t('Team settings'), icon: _jsx(Settings2, { size: 16 }), onPress: onTeam } : null,
+                        onBilling ? { id: 'billing', label: t('Billing'), icon: _jsx(CreditCard, { size: 16 }), onPress: onBilling } : null,
                     ].filter((r) => r !== null),
                 ], theme: theme, onSignOut: onSignOut, height: 36, children: menu })] }));
 }

package/dist/product/AppHeader.js.map

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

package/dist/product/BackendState.cjs

@@ -8,6 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const gui_1 = require("@hanzo/gui");
 const plate_1 = require("../backends/gui/plate.cjs");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const i18n_1 = require("@hanzo/i18n");
+const react_1 = require("@hanzo/i18n/react");
 const host_1 = require("./host.cjs");
 /**
  * Classify a thrown `/v1` error into an honest kind + raw message.
@@ -49,23 +51,23 @@ function classifyRead(e) {
     return s.kind === 'billing' ? null : s;
 }
 const TITLES = {
-    'not-initialized': 'Backend not initialized',
-    unavailable: 'Not available on this deployment yet',
-    'not-implemented': 'Not yet available',
-    access: 'Not enabled for your account',
-    signin: 'Your session expired',
-    billing: 'Add credits to continue',
-    error: 'Could not reach the backend',
+    'not-initialized': (0, i18n_1.phrase)('Backend not initialized'),
+    unavailable: (0, i18n_1.phrase)('Not available on this deployment yet'),
+    'not-implemented': (0, i18n_1.phrase)('Not yet available'),
+    access: (0, i18n_1.phrase)('Not enabled for your account'),
+    signin: (0, i18n_1.phrase)('Your session expired'),
+    billing: (0, i18n_1.phrase)('Add credits to continue'),
+    error: (0, i18n_1.phrase)('Could not reach the backend'),
 };
 const BODIES = {
-    'not-initialized': 'The /v1 route is mounted but its runtime (or the console API key it proxies to) is not configured on this deployment yet. Real data appears here once it is — no placeholder data is shown.',
-    unavailable: 'This endpoint is not mounted at the gateway on this host yet. The view lights up automatically once the route is live.',
+    'not-initialized': (0, i18n_1.phrase)('The /v1 route is mounted but its runtime (or the console API key it proxies to) is not configured on this deployment yet. Real data appears here once it is — no placeholder data is shown.'),
+    unavailable: (0, i18n_1.phrase)('This endpoint is not mounted at the gateway on this host yet. The view lights up automatically once the route is live.'),
     // 501 — a real, planned capability whose body ships in a later phase.
-    'not-implemented': 'This capability is planned but not wired yet. The backend answers honestly rather than pretending it worked — nothing here is fabricated, and the view lights up automatically once it ships.',
+    'not-implemented': (0, i18n_1.phrase)('This capability is planned but not wired yet. The backend answers honestly rather than pretending it worked — nothing here is fabricated, and the view lights up automatically once it ships.'),
     // 403 for a SIGNED-IN user — never "sign in".
-    access: "You're signed in, but this isn't enabled for your organization on this deployment, or it's an admin-only surface. It appears here automatically once your account has access — nothing is fabricated.",
+    access: (0, i18n_1.phrase)("You're signed in, but this isn't enabled for your organization on this deployment, or it's an admin-only surface. It appears here automatically once your account has access — nothing is fabricated."),
     // 401 — the session itself lapsed; re-auth returns to this exact page.
-    signin: 'Your session has expired or isn’t recognized here. Sign in again to continue where you left off.',
+    signin: (0, i18n_1.phrase)('Your session has expired or isn’t recognized here. Sign in again to continue where you left off.'),
     // Empty → the card shows the backend's own message (the honest "Insufficient
     // balance. Please add credits…" from the gateway billing gate).
     billing: '',
@@ -74,5 +76,6 @@ const BODIES = {
 /** A truthful state card for a `/v1` load failure, with an optional retry + hint. */
 function BackendStateCard({ state, onRetry, hint, }) {
     const { signIn, addCredits } = (0, host_1.useHost)();
-    return ((0, jsx_runtime_1.jsxs)(plate_1.Plate, { borderWidth: 1, borderColor: "$borderColor", p: "$4", gap: "$2", maxW: 640, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.TriangleAlert, { size: 16 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$4", fontWeight: "700", children: TITLES[state.kind] })] }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$quiet", children: BODIES[state.kind] || state.message }), hint ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$soft", children: hint })) : null, state.kind === 'signin' && signIn ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", theme: "light", self: "flex-start", onPress: signIn, children: "Sign in again" })) : state.kind === 'billing' && addCredits ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", theme: "light", self: "flex-start", icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.CreditCard, { size: 14 }), onPress: addCredits, children: "Add credits" }), onRetry ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", self: "flex-start", onPress: onRetry, children: "Retry" })) : null] })) : onRetry ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", self: "flex-start", onPress: onRetry, children: "Retry" })) : null] }));
+    const { t } = (0, react_1.useI18n)();
+    return ((0, jsx_runtime_1.jsxs)(plate_1.Plate, { borderWidth: 1, borderColor: "$borderColor", p: "$4", gap: "$2", maxW: 640, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.TriangleAlert, { size: 16 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$4", fontWeight: "700", children: t(TITLES[state.kind]) })] }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$quiet", children: BODIES[state.kind] ? t(BODIES[state.kind]) : state.message }), hint ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$soft", children: hint })) : null, state.kind === 'signin' && signIn ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", theme: "light", self: "flex-start", onPress: signIn, children: t('Sign in again') })) : state.kind === 'billing' && addCredits ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", theme: "light", self: "flex-start", icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.CreditCard, { size: 14 }), onPress: addCredits, children: t('Add credits') }), onRetry ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", self: "flex-start", onPress: onRetry, children: t('Retry') })) : null] })) : onRetry ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", self: "flex-start", onPress: onRetry, children: t('Retry') })) : null] }));
 }

package/dist/product/BackendState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackendState.d.ts","sourceRoot":"","sources":["../../src/product/BackendState.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,MAAM,MAAM,gBAAgB,GACxB,iBAAiB,GACjB,aAAa,GACb,iBAAiB,GACjB,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,CAAA;AAEX,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtE;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,CAaxD;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI,CAG5D;AA+BD,qFAAqF;AACrF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,IAAI,GACL,EAAE;IACD,KAAK,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,+BA0CA"}
+{"version":3,"file":"BackendState.d.ts","sourceRoot":"","sources":["../../src/product/BackendState.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,MAAM,MAAM,gBAAgB,GACxB,iBAAiB,GACjB,aAAa,GACb,iBAAiB,GACjB,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,CAAA;AAEX,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtE;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,CAaxD;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI,CAG5D;AA+BD,qFAAqF;AACrF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,IAAI,GACL,EAAE;IACD,KAAK,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,+BA2CA"}

package/dist/product/BackendState.js

@@ -3,6 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Text, XStack } from '@hanzo/gui';
 import { Plate as Card } from '../backends/gui/plate.js';
 import { TriangleAlert, CreditCard } from '@hanzogui/lucide-icons-2';
+import { phrase } from '@hanzo/i18n';
+import { useI18n } from '@hanzo/i18n/react';
 import { useHost } from './host.js';
 /**
  * Classify a thrown `/v1` error into an honest kind + raw message.
@@ -44,23 +46,23 @@ export function classifyRead(e) {
     return s.kind === 'billing' ? null : s;
 }
 const TITLES = {
-    'not-initialized': 'Backend not initialized',
-    unavailable: 'Not available on this deployment yet',
-    'not-implemented': 'Not yet available',
-    access: 'Not enabled for your account',
-    signin: 'Your session expired',
-    billing: 'Add credits to continue',
-    error: 'Could not reach the backend',
+    'not-initialized': phrase('Backend not initialized'),
+    unavailable: phrase('Not available on this deployment yet'),
+    'not-implemented': phrase('Not yet available'),
+    access: phrase('Not enabled for your account'),
+    signin: phrase('Your session expired'),
+    billing: phrase('Add credits to continue'),
+    error: phrase('Could not reach the backend'),
 };
 const BODIES = {
-    'not-initialized': 'The /v1 route is mounted but its runtime (or the console API key it proxies to) is not configured on this deployment yet. Real data appears here once it is — no placeholder data is shown.',
-    unavailable: 'This endpoint is not mounted at the gateway on this host yet. The view lights up automatically once the route is live.',
+    'not-initialized': phrase('The /v1 route is mounted but its runtime (or the console API key it proxies to) is not configured on this deployment yet. Real data appears here once it is — no placeholder data is shown.'),
+    unavailable: phrase('This endpoint is not mounted at the gateway on this host yet. The view lights up automatically once the route is live.'),
     // 501 — a real, planned capability whose body ships in a later phase.
-    'not-implemented': 'This capability is planned but not wired yet. The backend answers honestly rather than pretending it worked — nothing here is fabricated, and the view lights up automatically once it ships.',
+    'not-implemented': phrase('This capability is planned but not wired yet. The backend answers honestly rather than pretending it worked — nothing here is fabricated, and the view lights up automatically once it ships.'),
     // 403 for a SIGNED-IN user — never "sign in".
-    access: "You're signed in, but this isn't enabled for your organization on this deployment, or it's an admin-only surface. It appears here automatically once your account has access — nothing is fabricated.",
+    access: phrase("You're signed in, but this isn't enabled for your organization on this deployment, or it's an admin-only surface. It appears here automatically once your account has access — nothing is fabricated."),
     // 401 — the session itself lapsed; re-auth returns to this exact page.
-    signin: 'Your session has expired or isn’t recognized here. Sign in again to continue where you left off.',
+    signin: phrase('Your session has expired or isn’t recognized here. Sign in again to continue where you left off.'),
     // Empty → the card shows the backend's own message (the honest "Insufficient
     // balance. Please add credits…" from the gateway billing gate).
     billing: '',
@@ -69,6 +71,7 @@ const BODIES = {
 /** A truthful state card for a `/v1` load failure, with an optional retry + hint. */
 export function BackendStateCard({ state, onRetry, hint, }) {
     const { signIn, addCredits } = useHost();
-    return (_jsxs(Card, { borderWidth: 1, borderColor: "$borderColor", p: "$4", gap: "$2", maxW: 640, children: [_jsxs(XStack, { gap: "$2", items: "center", children: [_jsx(TriangleAlert, { size: 16 }), _jsx(Text, { fontSize: "$4", fontWeight: "700", children: TITLES[state.kind] })] }), _jsx(Text, { fontSize: "$3", color: "$quiet", children: BODIES[state.kind] || state.message }), hint ? (_jsx(Text, { fontSize: "$2", color: "$soft", children: hint })) : null, state.kind === 'signin' && signIn ? (_jsx(Button, { size: "$2", theme: "light", self: "flex-start", onPress: signIn, children: "Sign in again" })) : state.kind === 'billing' && addCredits ? (_jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", children: [_jsx(Button, { size: "$2", theme: "light", self: "flex-start", icon: _jsx(CreditCard, { size: 14 }), onPress: addCredits, children: "Add credits" }), onRetry ? (_jsx(Button, { size: "$2", self: "flex-start", onPress: onRetry, children: "Retry" })) : null] })) : onRetry ? (_jsx(Button, { size: "$2", self: "flex-start", onPress: onRetry, children: "Retry" })) : null] }));
+    const { t } = useI18n();
+    return (_jsxs(Card, { borderWidth: 1, borderColor: "$borderColor", p: "$4", gap: "$2", maxW: 640, children: [_jsxs(XStack, { gap: "$2", items: "center", children: [_jsx(TriangleAlert, { size: 16 }), _jsx(Text, { fontSize: "$4", fontWeight: "700", children: t(TITLES[state.kind]) })] }), _jsx(Text, { fontSize: "$3", color: "$quiet", children: BODIES[state.kind] ? t(BODIES[state.kind]) : state.message }), hint ? (_jsx(Text, { fontSize: "$2", color: "$soft", children: hint })) : null, state.kind === 'signin' && signIn ? (_jsx(Button, { size: "$2", theme: "light", self: "flex-start", onPress: signIn, children: t('Sign in again') })) : state.kind === 'billing' && addCredits ? (_jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", children: [_jsx(Button, { size: "$2", theme: "light", self: "flex-start", icon: _jsx(CreditCard, { size: 14 }), onPress: addCredits, children: t('Add credits') }), onRetry ? (_jsx(Button, { size: "$2", self: "flex-start", onPress: onRetry, children: t('Retry') })) : null] })) : onRetry ? (_jsx(Button, { size: "$2", self: "flex-start", onPress: onRetry, children: t('Retry') })) : null] }));
 }
 //# sourceMappingURL=BackendState.js.map

package/dist/product/BackendState.js.map

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

package/dist/product/BranchSelect.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.branchName = void 0;
 exports.BranchSelect = BranchSelect;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 /**
  * BranchSelect — which branch a run starts from, as a composer chip.
  *
@@ -12,16 +13,24 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * Like `RepoSelect` it knows no git host — the loader is the host's.
  */
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
-const react_1 = require("react");
+const react_2 = require("@hanzo/i18n/react");
 const ChipSelect_1 = require("./ChipSelect.cjs");
 /** The name, whichever shape the row came in. */
 const branchName = (b) => (typeof b === 'string' ? b : b.name);
 exports.branchName = branchName;
-const item = (name) => ({ id: name, label: name, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.GitBranch, { size: 12, color: "$soft" }) });
+const item = (name) => ({
+    id: name,
+    label: name,
+    icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.GitBranch, { size: 12, color: "$soft" }),
+});
 function BranchSelect({ value = null, onChange, load, footer, placement, disabled, open, onOpenChange, }) {
+    const { t } = (0, react_2.useI18n)();
     const pages = (0, react_1.useCallback)(async (q, after) => {
         const page = await load(q, after);
-        return { items: page.branches.map((b) => item((0, exports.branchName)(b))), next: page.next ?? null };
+        return {
+            items: page.branches.map((b) => item((0, exports.branchName)(b))),
+            next: page.next ?? null,
+        };
     }, [load]);
-    return ((0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: "Branch", icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.GitBranch, { size: 12, color: "$soft" }), label: value ?? 'Branch', chosen: value ? item(value) : null, onChange: (i) => onChange(i.id), load: pages, placeholder: "Search branches\u2026", empty: "No branches match.", footer: footer, placement: placement, disabled: disabled, open: open, onOpenChange: onOpenChange }));
+    return ((0, jsx_runtime_1.jsx)(ChipSelect_1.ChipSelect, { name: t('Branch'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.GitBranch, { size: 12, color: "$soft" }), label: value ?? t('Branch'), chosen: value ? item(value) : null, onChange: (i) => onChange(i.id), load: pages, placeholder: t('Search branches…'), empty: t('No branches match.'), footer: footer, placement: placement, disabled: disabled, open: open, onOpenChange: onOpenChange }));
 }

package/dist/product/BranchSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BranchSelect.d.ts","sourceRoot":"","sources":["../../src/product/BranchSelect.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AAG7D,wFAAwF;AACxF,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE9C,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC,CAAA;AAEpH,iDAAiD;AACjD,eAAO,MAAM,UAAU,MAAO,MAAM,KAAG,MAA8C,CAAA;AAErF,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,EAAE,UAAU,CAAA;IAChB,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAID,wBAAgB,YAAY,CAAC,EAC3B,KAAY,EACZ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE,iBAAiB,+BA0BnB"}
+{"version":3,"file":"BranchSelect.d.ts","sourceRoot":"","sources":["../../src/product/BranchSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAWnD,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AAG7D,wFAAwF;AACxF,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE9C,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC,CAAA;AAEpH,iDAAiD;AACjD,eAAO,MAAM,UAAU,MAAO,MAAM,KAAG,MAA8C,CAAA;AAErF,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,EAAE,UAAU,CAAA;IAChB,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAQD,wBAAgB,YAAY,CAAC,EAC3B,KAAY,EACZ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE,iBAAiB,+BA8BnB"}

package/dist/product/BranchSelect.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
 /**
  * BranchSelect — which branch a run starts from, as a composer chip.
  *
@@ -8,16 +9,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Like `RepoSelect` it knows no git host — the loader is the host's.
  */
 import { GitBranch } from '@hanzogui/lucide-icons-2';
-import { useCallback } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { ChipSelect } from './ChipSelect.js';
 /** The name, whichever shape the row came in. */
 export const branchName = (b) => (typeof b === 'string' ? b : b.name);
-const item = (name) => ({ id: name, label: name, icon: _jsx(GitBranch, { size: 12, color: "$soft" }) });
+const item = (name) => ({
+    id: name,
+    label: name,
+    icon: _jsx(GitBranch, { size: 12, color: "$soft" }),
+});
 export function BranchSelect({ value = null, onChange, load, footer, placement, disabled, open, onOpenChange, }) {
+    const { t } = useI18n();
     const pages = useCallback(async (q, after) => {
         const page = await load(q, after);
-        return { items: page.branches.map((b) => item(branchName(b))), next: page.next ?? null };
+        return {
+            items: page.branches.map((b) => item(branchName(b))),
+            next: page.next ?? null,
+        };
     }, [load]);
-    return (_jsx(ChipSelect, { name: "Branch", icon: _jsx(GitBranch, { size: 12, color: "$soft" }), label: value ?? 'Branch', chosen: value ? item(value) : null, onChange: (i) => onChange(i.id), load: pages, placeholder: "Search branches\u2026", empty: "No branches match.", footer: footer, placement: placement, disabled: disabled, open: open, onOpenChange: onOpenChange }));
+    return (_jsx(ChipSelect, { name: t('Branch'), icon: _jsx(GitBranch, { size: 12, color: "$soft" }), label: value ?? t('Branch'), chosen: value ? item(value) : null, onChange: (i) => onChange(i.id), load: pages, placeholder: t('Search branches…'), empty: t('No branches match.'), footer: footer, placement: placement, disabled: disabled, open: open, onOpenChange: onOpenChange }));
 }
 //# sourceMappingURL=BranchSelect.js.map

package/dist/product/BranchSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BranchSelect.js","sourceRoot":"","sources":["../../src/product/BranchSelect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAsB,MAAM,cAAc,CAAA;AAS7D,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;AAerF,MAAM,IAAI,GAAG,CAAC,IAAY,EAAY,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,EAAE,CAAC,CAAA;AAEjH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAY,GACM;IAClB,MAAM,KAAK,GAAG,WAAW,CACvB,KAAK,EAAE,CAAS,EAAE,KAAqB,EAA+B,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;QACjC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,CAAA;IAC1F,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,EAC3C,KAAK,EAAE,KAAK,IAAI,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/B,IAAI,EAAE,KAAK,EACX,WAAW,EAAC,uBAAkB,EAC9B,KAAK,EAAC,oBAAoB,EAC1B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;AACH,CAAC"}
+{"version":3,"file":"BranchSelect.js","sourceRoot":"","sources":["../../src/product/BranchSelect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAA;AACnD;;;;;;GAMG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAsB,MAAM,cAAc,CAAA;AAS7D,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;AAerF,MAAM,IAAI,GAAG,CAAC,IAAY,EAAY,EAAE,CAAC,CAAC;IACxC,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG;CAC5C,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAY,GACM;IAClB,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,KAAK,GAAG,WAAW,CACvB,KAAK,EAAE,CAAS,EAAE,KAAqB,EAA+B,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;QACjC,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YACpD,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI;SACxB,CAAA;IACH,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,EACjB,IAAI,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,EAC3C,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,QAAQ,CAAC,EAC3B,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/B,IAAI,EAAE,KAAK,EACX,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAClC,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;AACH,CAAC"}

package/dist/product/ChipSelect.cjs

@@ -31,6 +31,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 popover_1 = require("../backends/gui/popover.cjs");
 const press_1 = require("../backends/gui/press.cjs");
 const slot_1 = require("../backends/gui/slot.cjs");
@@ -63,6 +64,7 @@ const typed = (e) => e.key && e.key.length === 1 && !e.ctrlKey && !e.metaKey &&
  */
 function usePages(load, q, delay, on, view) {
     const [state, setState] = (0, react_1.useState)({ rows: [], next: null, loading: false, error: null });
+    const { t } = (0, react_2.useI18n)();
     const generation = (0, react_1.useRef)(0);
     const busy = (0, react_1.useRef)(false);
     // The loader is read at call time, not taken as a dependency: a host that
@@ -95,10 +97,10 @@ function usePages(load, q, delay, on, view) {
             setState((s) => ({
                 ...s,
                 loading: false,
-                error: err instanceof Error && err.message ? err.message : 'Could not load the list.',
+                error: err instanceof Error && err.message ? err.message : t('Could not load the list.'),
             }));
         });
-    }, []);
+    }, [t]);
     const live = Boolean(load);
     // A new search, or opening: start over after the debounce. The first page of
     // an empty search is asked for at once — there is nothing typed to wait for.
@@ -120,10 +122,13 @@ function usePages(load, q, delay, on, view) {
     const retry = (0, react_1.useCallback)(() => fetch(null, ++generation.current), [fetch]);
     return { ...state, more, retry };
 }
-function ChipSelect({ label, icon, name, chosen = null, onChange, load, items, more: hasMore = false, onMore, loading: loadingProp = false, error: errorProp = null, delay = 200, placeholder = 'Search…', empty = 'No matches.', footer, cta, action, placement = 'top-start', width = 320, height = 276, disabled = false, quiet = false, box = BARE, tabs, tab, onTab, open: openProp, onOpenChange, }) {
+function ChipSelect({ label, icon, name, chosen = null, onChange, load, items, more: hasMore = false, onMore, loading: loadingProp = false, error: errorProp = null, delay = 200, placeholder: hint, empty: none, footer, cta, action, placement = 'top-start', width = 320, height = 276, disabled = false, quiet = false, box = BARE, tabs, tab, onTab, open: openProp, onOpenChange, }) {
     const bare = !label;
+    const { t } = (0, react_2.useI18n)();
     const row = (0, react_1.useContext)(exports.Pills);
     const pill = row !== null && !bare && !quiet;
+    const placeholder = hint ?? t('Search…');
+    const empty = none ?? t('No matches.');
     const [own, setOwn] = (0, react_1.useState)(false);
     const open = openProp ?? own;
     const setOpen = (0, react_1.useCallback)((next) => {
@@ -298,7 +303,7 @@ function ChipSelect({ label, icon, name, chosen = null, onChange, load, items, m
                     onTab?.(v.id);
                 }, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: on ? '$ink' : '$soft', children: v.label }) }, v.id));
         }) })) : null;
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: (v) => (v ? setOpen(true) : close()), placement: placement, allowFlip: true, stayInFrame: true, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, disabled: disabled, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ref: chip, ...(0, slot_1.slot)('chip-select'), ...(0, slot_1.tip)(name), role: "button", tabIndex: disabled ? -1 : 0, "aria-label": bare ? name : `${name}: ${label}`, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listId : undefined, "aria-disabled": disabled || undefined, height: pill ? row : CHIP_H, rounded: pill ? 8 : '$2', ...(bare ? { width: box, height: box, justify: 'center', rounded: 999 } : { px: pill ? WORD_GUTTER : '$2' }), gap: pill ? 4 : '$1.5', items: "center", shrink: 0, borderWidth: quiet || pill ? 0 : 1, borderColor: "$borderColor", bg: quiet || pill ? 'transparent' : '$raised', cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.5 : 1, hoverStyle: disabled ? undefined : quiet || pill ? { bg: '$hover' } : { borderColor: '$rim' }, pressStyle: disabled ? undefined : { bg: '$hover' }, focusVisibleStyle: press_1.RING, 
+    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: (v) => (v ? setOpen(true) : close()), placement: placement, allowFlip: true, stayInFrame: true, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, disabled: disabled, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ref: chip, ...(0, slot_1.slot)('chip-select'), ...(0, slot_1.tip)(name), role: "button", tabIndex: disabled ? -1 : 0, "aria-label": bare ? name : t('{label}: {value}', { label: name, value: label }), "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listId : undefined, "aria-disabled": disabled || undefined, height: pill ? row : CHIP_H, rounded: pill ? 8 : '$2', ...(bare ? { width: box, height: box, justify: 'center', rounded: 999 } : { px: pill ? WORD_GUTTER : '$2' }), gap: pill ? 4 : '$1.5', items: "center", shrink: 0, borderWidth: quiet || pill ? 0 : 1, borderColor: "$borderColor", bg: quiet || pill ? 'transparent' : '$raised', cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.5 : 1, hoverStyle: disabled ? undefined : quiet || pill ? { bg: '$hover' } : { borderColor: '$rim' }, pressStyle: disabled ? undefined : { bg: '$hover' }, focusVisibleStyle: press_1.RING, 
                     // The chip is a small target by design; the hit area is not.
                     hitSlop: { top: 10, bottom: 10, left: 4, right: 4 }, onKeyDown: onChip, children: [icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, items: "center", "aria-hidden": true, children: icon })) : null, bare ? null : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: pill ? '$3' : '$2', color: quiet ? '$quiet' : '$ink', numberOfLines: 1, maxW: 200, children: label })), bare || quiet ? null : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 12, color: "$soft", "aria-hidden": true })] }) }), (0, jsx_runtime_1.jsxs)(popover_1.PopoverContent, { ...(0, slot_1.slot)('chip-select-panel'), sideOffset: 8, width: width, maxW: "92vw", p: "$1", gap: "$0", 
                 // Gui's popover content centres its children; a list and a field span
@@ -311,10 +316,10 @@ function ChipSelect({ label, icon, name, chosen = null, onChange, load, items, m
                 }, onCloseAutoFocus: (e) => {
                     e.preventDefault();
                     chip.current?.focus?.();
-                }, children: [cta ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('chip-select-cta'), px: "$2", py: "$2", children: cta })) : null, (0, jsx_runtime_1.jsxs)(gui_1.ScrollView, { ref: list, height: listH, showsVerticalScrollIndicator: true, scrollEventThrottle: 64, onScroll: onScroll, children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('chip-select-list'), id: listId, role: "listbox", "aria-label": name, gap: "$0", children: rows.map((item, i) => {
+                }, children: [cta ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('chip-select-cta'), px: "$2", py: "$2", children: cta })) : null, (0, jsx_runtime_1.jsxs)(gui_1.ScrollView, { ref: list, height: listH, showsVerticalScrollIndicator: true, scrollEventThrottle: 64, onScroll: onScroll, children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('chip-select-list'), id: listId, ...{ role: 'listbox' }, "aria-label": name, gap: "$0", children: rows.map((item, i) => {
                                     const on = i === at;
                                     const picked = chosen?.id === item.id;
-                                    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('chip-select-option'), id: optionId(i), role: "option", "aria-selected": picked, "aria-disabled": item.disabled || undefined, "aria-describedby": action && shown(item) ? hintId : undefined, height: ROW_H, px: "$2", gap: "$2", items: "center", rounded: "$2", cursor: item.disabled ? 'default' : 'pointer', opacity: item.disabled ? 0.5 : 1, bg: on ? '$raised' : 'transparent', onHoverIn: () => setAt(i), onPress: () => choose(item), children: [item.icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 14, shrink: 0, items: "center", justify: "center", "aria-hidden": true, children: item.icon })) : null, item.tail ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, minW: 0, items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", numberOfLines: 1, shrink: 1, minW: 0, children: item.label }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('chip-select-tail'), size: "$2", color: "$ink", numberOfLines: 1, shrink: 0, maxW: "100%", children: item.tail })] })) : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", numberOfLines: 1, flex: 1, minW: 0, children: item.label })), item.hint ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", numberOfLines: 1, shrink: 0, children: item.hint })) : null, action && on && shown(item) ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('chip-select-action'), "aria-hidden": true, px: "$1.5", height: 18, items: "center", rounded: "$2", borderWidth: 1, borderColor: "$rim", shrink: 0, hoverStyle: { bg: '$hover' }, onPress: (e) => {
+                                    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('chip-select-option'), id: optionId(i), role: "option", "aria-selected": picked, "aria-disabled": item.disabled || undefined, "aria-describedby": action && shown(item) ? hintId : undefined, height: ROW_H, px: "$2", gap: "$2", items: "center", rounded: "$2", cursor: item.disabled ? 'default' : 'pointer', opacity: item.disabled ? 0.5 : 1, bg: on ? '$raised' : 'transparent', ...{ onHoverIn: () => setAt(i) }, onPress: () => choose(item), children: [item.icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 14, shrink: 0, items: "center", justify: "center", "aria-hidden": true, children: item.icon })) : null, item.tail ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, minW: 0, items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", numberOfLines: 1, shrink: 1, minW: 0, children: item.label }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('chip-select-tail'), size: "$2", color: "$ink", numberOfLines: 1, shrink: 0, maxW: "100%", children: item.tail })] })) : ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", numberOfLines: 1, flex: 1, minW: 0, children: item.label })), item.hint ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", numberOfLines: 1, shrink: 0, children: item.hint })) : null, action && on && shown(item) ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('chip-select-action'), "aria-hidden": true, px: "$1.5", height: 18, items: "center", rounded: "$2", borderWidth: 1, borderColor: "$rim", shrink: 0, hoverStyle: { bg: '$hover' }, onPress: (e) => {
                                                     e?.stopPropagation?.();
                                                     action.onPress(item);
                                                     close();
@@ -324,5 +329,5 @@ function ChipSelect({ label, icon, name, chosen = null, onChange, load, items, m
                                                 return;
                                             e.preventDefault?.();
                                             pages.retry();
-                                        }, children: "Retry" })) : null] })) : loading ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('chip-select-loading'), px: "$2", height: ROW_H, items: "center", role: "status", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: rows.length ? 'Loading more…' : 'Loading…' }) })) : rows.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('chip-select-empty'), px: "$2", py: "$1.5", items: "center", role: "status", children: typeof empty === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: empty })) : (empty) })) : null] }), action ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { id: hintId, position: "absolute", width: 1, height: 1, overflow: "hidden", opacity: 0, children: `Ctrl+Enter: ${action.label}` })) : null, footer ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('chip-select-footer'), mx: -4, mt: "$1", px: "$3", py: "$2", gap: "$0.5", borderTopWidth: 1, borderColor: "$borderColor", children: footer })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('chip-select-header'), flexDirection: up ? 'column-reverse' : 'column', style: { order: up ? 99 : -1 }, children: [search, tabbar] })] })] }));
+                                        }, children: t('Retry') })) : null] })) : loading ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('chip-select-loading'), px: "$2", height: ROW_H, items: "center", role: "status", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: rows.length ? t('Loading more…') : t('Loading…') }) })) : rows.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('chip-select-empty'), px: "$2", py: "$1.5", items: "center", role: "status", children: typeof empty === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: empty })) : (empty) })) : null] }), action ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { id: hintId, position: "absolute", width: 1, height: 1, overflow: "hidden", opacity: 0, children: `Ctrl+Enter: ${action.label}` })) : null, footer ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('chip-select-footer'), mx: -4, mt: "$1", px: "$3", py: "$2", gap: "$0.5", borderTopWidth: 1, borderColor: "$borderColor", children: footer })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('chip-select-header'), flexDirection: up ? 'column-reverse' : 'column', style: { order: up ? 99 : -1 }, children: [search, tabbar] })] })] }));
 }

package/dist/product/ChipSelect.d.ts

@@ -86,5 +86,5 @@ export interface ChipSelectProps<T extends ChipItem> {
  * effort and the mode read as one quiet line. Outside that row, the 24px chip.
  */
 export declare const Pills: import("react").Context<number | null>;
-export declare function ChipSelect<T extends ChipItem>({ label, icon, name, chosen, onChange, load, items, more: hasMore, onMore, loading: loadingProp, error: errorProp, delay, placeholder, empty, footer, cta, action, placement, width, height, disabled, quiet, box, tabs, tab, onTab, open: openProp, onOpenChange, }: ChipSelectProps<T>): import("react").JSX.Element;
+export declare function ChipSelect<T extends ChipItem>({ label, icon, name, chosen, onChange, load, items, more: hasMore, onMore, loading: loadingProp, error: errorProp, delay, placeholder: hint, empty: none, footer, cta, action, placement, width, height, disabled, quiet, box, tabs, tab, onTab, open: openProp, onOpenChange, }: ChipSelectProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=ChipSelect.d.ts.map

package/dist/product/ChipSelect.d.ts.map

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

package/dist/product/ChipSelect.js

@@ -27,6 +27,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Input as GuiInput, ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
 import { Check, ChevronDown, Search } from '@hanzogui/lucide-icons-2';
 import { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, } from 'react';
+import { useI18n } from '@hanzo/i18n/react';
 import { Popover, PopoverContent, PopoverTrigger } from '../backends/gui/popover.js';
 import { RING } from '../backends/gui/press.js';
 import { slot, tip } from '../backends/gui/slot.js';
@@ -59,6 +60,7 @@ const typed = (e) => e.key && e.key.length === 1 && !e.ctrlKey && !e.metaKey &&
  */
 function usePages(load, q, delay, on, view) {
     const [state, setState] = useState({ rows: [], next: null, loading: false, error: null });
+    const { t } = useI18n();
     const generation = useRef(0);
     const busy = useRef(false);
     // The loader is read at call time, not taken as a dependency: a host that
@@ -91,10 +93,10 @@ function usePages(load, q, delay, on, view) {
             setState((s) => ({
                 ...s,
                 loading: false,
-                error: err instanceof Error && err.message ? err.message : 'Could not load the list.',
+                error: err instanceof Error && err.message ? err.message : t('Could not load the list.'),
             }));
         });
-    }, []);
+    }, [t]);
     const live = Boolean(load);
     // A new search, or opening: start over after the debounce. The first page of
     // an empty search is asked for at once — there is nothing typed to wait for.
@@ -116,10 +118,13 @@ function usePages(load, q, delay, on, view) {
     const retry = useCallback(() => fetch(null, ++generation.current), [fetch]);
     return { ...state, more, retry };
 }
-export function ChipSelect({ label, icon, name, chosen = null, onChange, load, items, more: hasMore = false, onMore, loading: loadingProp = false, error: errorProp = null, delay = 200, placeholder = 'Search…', empty = 'No matches.', footer, cta, action, placement = 'top-start', width = 320, height = 276, disabled = false, quiet = false, box = BARE, tabs, tab, onTab, open: openProp, onOpenChange, }) {
+export function ChipSelect({ label, icon, name, chosen = null, onChange, load, items, more: hasMore = false, onMore, loading: loadingProp = false, error: errorProp = null, delay = 200, placeholder: hint, empty: none, footer, cta, action, placement = 'top-start', width = 320, height = 276, disabled = false, quiet = false, box = BARE, tabs, tab, onTab, open: openProp, onOpenChange, }) {
     const bare = !label;
+    const { t } = useI18n();
     const row = useContext(Pills);
     const pill = row !== null && !bare && !quiet;
+    const placeholder = hint ?? t('Search…');
+    const empty = none ?? t('No matches.');
     const [own, setOwn] = useState(false);
     const open = openProp ?? own;
     const setOpen = useCallback((next) => {
@@ -294,7 +299,7 @@ export function ChipSelect({ label, icon, name, chosen = null, onChange, load, i
                     onTab?.(v.id);
                 }, children: _jsx(SizableText, { size: "$1", color: on ? '$ink' : '$soft', children: v.label }) }, v.id));
         }) })) : null;
-    return (_jsxs(Popover, { open: open, onOpenChange: (v) => (v ? setOpen(true) : close()), placement: placement, allowFlip: true, stayInFrame: true, children: [_jsx(PopoverTrigger, { asChild: true, disabled: disabled, children: _jsxs(XStack, { ref: chip, ...slot('chip-select'), ...tip(name), role: "button", tabIndex: disabled ? -1 : 0, "aria-label": bare ? name : `${name}: ${label}`, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listId : undefined, "aria-disabled": disabled || undefined, height: pill ? row : CHIP_H, rounded: pill ? 8 : '$2', ...(bare ? { width: box, height: box, justify: 'center', rounded: 999 } : { px: pill ? WORD_GUTTER : '$2' }), gap: pill ? 4 : '$1.5', items: "center", shrink: 0, borderWidth: quiet || pill ? 0 : 1, borderColor: "$borderColor", bg: quiet || pill ? 'transparent' : '$raised', cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.5 : 1, hoverStyle: disabled ? undefined : quiet || pill ? { bg: '$hover' } : { borderColor: '$rim' }, pressStyle: disabled ? undefined : { bg: '$hover' }, focusVisibleStyle: RING, 
+    return (_jsxs(Popover, { open: open, onOpenChange: (v) => (v ? setOpen(true) : close()), placement: placement, allowFlip: true, stayInFrame: true, children: [_jsx(PopoverTrigger, { asChild: true, disabled: disabled, children: _jsxs(XStack, { ref: chip, ...slot('chip-select'), ...tip(name), role: "button", tabIndex: disabled ? -1 : 0, "aria-label": bare ? name : t('{label}: {value}', { label: name, value: label }), "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listId : undefined, "aria-disabled": disabled || undefined, height: pill ? row : CHIP_H, rounded: pill ? 8 : '$2', ...(bare ? { width: box, height: box, justify: 'center', rounded: 999 } : { px: pill ? WORD_GUTTER : '$2' }), gap: pill ? 4 : '$1.5', items: "center", shrink: 0, borderWidth: quiet || pill ? 0 : 1, borderColor: "$borderColor", bg: quiet || pill ? 'transparent' : '$raised', cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.5 : 1, hoverStyle: disabled ? undefined : quiet || pill ? { bg: '$hover' } : { borderColor: '$rim' }, pressStyle: disabled ? undefined : { bg: '$hover' }, focusVisibleStyle: RING, 
                     // The chip is a small target by design; the hit area is not.
                     hitSlop: { top: 10, bottom: 10, left: 4, right: 4 }, onKeyDown: onChip, children: [icon ? (_jsx(XStack, { shrink: 0, items: "center", "aria-hidden": true, children: icon })) : null, bare ? null : (_jsx(SizableText, { size: pill ? '$3' : '$2', color: quiet ? '$quiet' : '$ink', numberOfLines: 1, maxW: 200, children: label })), bare || quiet ? null : _jsx(ChevronDown, { size: 12, color: "$soft", "aria-hidden": true })] }) }), _jsxs(PopoverContent, { ...slot('chip-select-panel'), sideOffset: 8, width: width, maxW: "92vw", p: "$1", gap: "$0", 
                 // Gui's popover content centres its children; a list and a field span
@@ -307,10 +312,10 @@ export function ChipSelect({ label, icon, name, chosen = null, onChange, load, i
                 }, onCloseAutoFocus: (e) => {
                     e.preventDefault();
                     chip.current?.focus?.();
-                }, children: [cta ? (_jsx(YStack, { ...slot('chip-select-cta'), px: "$2", py: "$2", children: cta })) : null, _jsxs(ScrollView, { ref: list, height: listH, showsVerticalScrollIndicator: true, scrollEventThrottle: 64, onScroll: onScroll, children: [_jsx(YStack, { ...slot('chip-select-list'), id: listId, role: "listbox", "aria-label": name, gap: "$0", children: rows.map((item, i) => {
+                }, children: [cta ? (_jsx(YStack, { ...slot('chip-select-cta'), px: "$2", py: "$2", children: cta })) : null, _jsxs(ScrollView, { ref: list, height: listH, showsVerticalScrollIndicator: true, scrollEventThrottle: 64, onScroll: onScroll, children: [_jsx(YStack, { ...slot('chip-select-list'), id: listId, ...{ role: 'listbox' }, "aria-label": name, gap: "$0", children: rows.map((item, i) => {
                                     const on = i === at;
                                     const picked = chosen?.id === item.id;
-                                    return (_jsxs(XStack, { ...slot('chip-select-option'), id: optionId(i), role: "option", "aria-selected": picked, "aria-disabled": item.disabled || undefined, "aria-describedby": action && shown(item) ? hintId : undefined, height: ROW_H, px: "$2", gap: "$2", items: "center", rounded: "$2", cursor: item.disabled ? 'default' : 'pointer', opacity: item.disabled ? 0.5 : 1, bg: on ? '$raised' : 'transparent', onHoverIn: () => setAt(i), onPress: () => choose(item), children: [item.icon ? (_jsx(XStack, { width: 14, shrink: 0, items: "center", justify: "center", "aria-hidden": true, children: item.icon })) : null, item.tail ? (_jsxs(XStack, { flex: 1, minW: 0, items: "center", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, shrink: 1, minW: 0, children: item.label }), _jsx(SizableText, { ...slot('chip-select-tail'), size: "$2", color: "$ink", numberOfLines: 1, shrink: 0, maxW: "100%", children: item.tail })] })) : (_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, flex: 1, minW: 0, children: item.label })), item.hint ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, shrink: 0, children: item.hint })) : null, action && on && shown(item) ? (_jsx(XStack, { ...slot('chip-select-action'), "aria-hidden": true, px: "$1.5", height: 18, items: "center", rounded: "$2", borderWidth: 1, borderColor: "$rim", shrink: 0, hoverStyle: { bg: '$hover' }, onPress: (e) => {
+                                    return (_jsxs(XStack, { ...slot('chip-select-option'), id: optionId(i), role: "option", "aria-selected": picked, "aria-disabled": item.disabled || undefined, "aria-describedby": action && shown(item) ? hintId : undefined, height: ROW_H, px: "$2", gap: "$2", items: "center", rounded: "$2", cursor: item.disabled ? 'default' : 'pointer', opacity: item.disabled ? 0.5 : 1, bg: on ? '$raised' : 'transparent', ...{ onHoverIn: () => setAt(i) }, onPress: () => choose(item), children: [item.icon ? (_jsx(XStack, { width: 14, shrink: 0, items: "center", justify: "center", "aria-hidden": true, children: item.icon })) : null, item.tail ? (_jsxs(XStack, { flex: 1, minW: 0, items: "center", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, shrink: 1, minW: 0, children: item.label }), _jsx(SizableText, { ...slot('chip-select-tail'), size: "$2", color: "$ink", numberOfLines: 1, shrink: 0, maxW: "100%", children: item.tail })] })) : (_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, flex: 1, minW: 0, children: item.label })), item.hint ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, shrink: 0, children: item.hint })) : null, action && on && shown(item) ? (_jsx(XStack, { ...slot('chip-select-action'), "aria-hidden": true, px: "$1.5", height: 18, items: "center", rounded: "$2", borderWidth: 1, borderColor: "$rim", shrink: 0, hoverStyle: { bg: '$hover' }, onPress: (e) => {
                                                     e?.stopPropagation?.();
                                                     action.onPress(item);
                                                     close();
@@ -320,6 +325,6 @@ export function ChipSelect({ label, icon, name, chosen = null, onChange, load, i
                                                 return;
                                             e.preventDefault?.();
                                             pages.retry();
-                                        }, children: "Retry" })) : null] })) : loading ? (_jsx(XStack, { ...slot('chip-select-loading'), px: "$2", height: ROW_H, items: "center", role: "status", children: _jsx(SizableText, { size: "$2", color: "$soft", children: rows.length ? 'Loading more…' : 'Loading…' }) })) : rows.length === 0 ? (_jsx(XStack, { ...slot('chip-select-empty'), px: "$2", py: "$1.5", items: "center", role: "status", children: typeof empty === 'string' ? (_jsx(SizableText, { size: "$2", color: "$soft", children: empty })) : (empty) })) : null] }), action ? (_jsx(SizableText, { id: hintId, position: "absolute", width: 1, height: 1, overflow: "hidden", opacity: 0, children: `Ctrl+Enter: ${action.label}` })) : null, footer ? (_jsx(YStack, { ...slot('chip-select-footer'), mx: -4, mt: "$1", px: "$3", py: "$2", gap: "$0.5", borderTopWidth: 1, borderColor: "$borderColor", children: footer })) : null, _jsxs(YStack, { ...slot('chip-select-header'), flexDirection: up ? 'column-reverse' : 'column', style: { order: up ? 99 : -1 }, children: [search, tabbar] })] })] }));
+                                        }, children: t('Retry') })) : null] })) : loading ? (_jsx(XStack, { ...slot('chip-select-loading'), px: "$2", height: ROW_H, items: "center", role: "status", children: _jsx(SizableText, { size: "$2", color: "$soft", children: rows.length ? t('Loading more…') : t('Loading…') }) })) : rows.length === 0 ? (_jsx(XStack, { ...slot('chip-select-empty'), px: "$2", py: "$1.5", items: "center", role: "status", children: typeof empty === 'string' ? (_jsx(SizableText, { size: "$2", color: "$soft", children: empty })) : (empty) })) : null] }), action ? (_jsx(SizableText, { id: hintId, position: "absolute", width: 1, height: 1, overflow: "hidden", opacity: 0, children: `Ctrl+Enter: ${action.label}` })) : null, footer ? (_jsx(YStack, { ...slot('chip-select-footer'), mx: -4, mt: "$1", px: "$3", py: "$2", gap: "$0.5", borderTopWidth: 1, borderColor: "$borderColor", children: footer })) : null, _jsxs(YStack, { ...slot('chip-select-header'), flexDirection: up ? 'column-reverse' : 'column', style: { order: up ? 99 : -1 }, children: [search, tabbar] })] })] }));
 }
 //# sourceMappingURL=ChipSelect.js.map