@hanzo/ui 8.29.44 → 8.30.3

package/dist/chat/Mention.js.map

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

package/dist/chat/Plus.cjs

@@ -4,18 +4,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Plus = Plus;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * The composer's `+`: files, then what the conversation works with — agents,
- * skills, connectors, a design system, plugins, a device — then the Research
- * and Memory switches. A row is drawn only when the surface hands it a shelf:
- * a shelf is what is there (`rows`), what picking one does, and the ways to
- * make, manage and find more. A row with nothing behind it is not drawn.
- *
- * On a laptop each shelf opens beside the menu; on a phone it is a page of the
- * same menu, with Back.
- *
- * The menu's own words are the reader's language (@hanzo/i18n `t`); what a
- * shelf holds — its rows, its links, its search and empty words — is the
- * surface's, drawn as given.
+ * The composer's `+`: rich creation & attachment tools (Add photos & files,
+ * Add from library, Create image, Add browser tabs, Web search, Deep research,
+ * Sketch, Thinking), followed by what the conversation works with — agents,
+ * skills, connectors, a design system, plugins, a device — and Memory.
  */
 const gui_1 = require("@hanzo/gui");
 const i18n_1 = require("@hanzo/i18n");
@@ -24,23 +16,18 @@ const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const gui_2 = require("../backends/gui/index.cjs");
 const react_2 = require("react");
 const look_1 = require("./look.cjs");
-const ICON = 16;
-/**
- * The shelves, in the menu's order, with their names and marks, and the three
- * sentences a shelf says of itself: its search's name, while it reads, and
- * when it holds nothing. Whole sentences, so a language puts the noun where it goes.
- */
+const ICON = 18;
 const SHELVES = [
-    { key: 'agents', label: (0, i18n_1.phrase)('Agents'), search: (0, i18n_1.phrase)('Search agents'), reading: (0, i18n_1.phrase)('Reading agents'), none: (0, i18n_1.phrase)('No agents yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bot, { size: ICON }) },
-    { key: 'skills', label: (0, i18n_1.phrase)('Skills'), search: (0, i18n_1.phrase)('Search skills'), reading: (0, i18n_1.phrase)('Reading skills'), none: (0, i18n_1.phrase)('No skills yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ScrollText, { size: ICON }) },
-    { key: 'connectors', label: (0, i18n_1.phrase)('Connectors'), search: (0, i18n_1.phrase)('Search connectors'), reading: (0, i18n_1.phrase)('Reading connectors'), none: (0, i18n_1.phrase)('No connectors yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Blocks, { size: ICON }) },
-    { key: 'design', label: (0, i18n_1.phrase)('Design system'), search: (0, i18n_1.phrase)('Search design system'), reading: (0, i18n_1.phrase)('Reading design system'), none: (0, i18n_1.phrase)('No design system yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Palette, { size: ICON }) },
-    { key: 'plugins', label: (0, i18n_1.phrase)('Plugins'), search: (0, i18n_1.phrase)('Search plugins'), reading: (0, i18n_1.phrase)('Reading plugins'), none: (0, i18n_1.phrase)('No plugins yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plug, { size: ICON }) },
-    { key: 'devices', label: (0, i18n_1.phrase)('Devices'), search: (0, i18n_1.phrase)('Search devices'), reading: (0, i18n_1.phrase)('Reading devices'), none: (0, i18n_1.phrase)('No devices yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Monitor, { size: ICON }) },
+    { key: 'agents', label: (0, i18n_1.phrase)('Agents'), note: (0, i18n_1.phrase)('Bring specialized agents into this chat'), search: (0, i18n_1.phrase)('Search agents'), reading: (0, i18n_1.phrase)('Reading agents'), none: (0, i18n_1.phrase)('No agents yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bot, { size: ICON }) },
+    { key: 'skills', label: (0, i18n_1.phrase)('Skills'), note: (0, i18n_1.phrase)('Use workspace skills and workflows'), search: (0, i18n_1.phrase)('Search skills'), reading: (0, i18n_1.phrase)('Reading skills'), none: (0, i18n_1.phrase)('No skills yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ScrollText, { size: ICON }) },
+    { key: 'connectors', label: (0, i18n_1.phrase)('Connectors'), note: (0, i18n_1.phrase)('Sync connected knowledge sources'), search: (0, i18n_1.phrase)('Search connectors'), reading: (0, i18n_1.phrase)('Reading connectors'), none: (0, i18n_1.phrase)('No connectors yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Blocks, { size: ICON }) },
+    { key: 'design', label: (0, i18n_1.phrase)('Design system'), note: (0, i18n_1.phrase)('Apply brand tokens and UI components'), search: (0, i18n_1.phrase)('Search design system'), reading: (0, i18n_1.phrase)('Reading design system'), none: (0, i18n_1.phrase)('No design system yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Palette, { size: ICON }) },
+    { key: 'plugins', label: (0, i18n_1.phrase)('Plugins'), note: (0, i18n_1.phrase)('Connect external tools and APIs'), search: (0, i18n_1.phrase)('Search plugins'), reading: (0, i18n_1.phrase)('Reading plugins'), none: (0, i18n_1.phrase)('No plugins yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plug, { size: ICON }) },
+    { key: 'devices', label: (0, i18n_1.phrase)('Devices'), note: (0, i18n_1.phrase)('Run on a connected machine'), search: (0, i18n_1.phrase)('Search devices'), reading: (0, i18n_1.phrase)('Reading devices'), none: (0, i18n_1.phrase)('No devices yet'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Monitor, { size: ICON }) },
 ];
 /** A row's anatomy: its mark, its label, a dim note, and a check when it is on. */
 function Line({ icon, label, note, on, tail }) {
-    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, minW: 0, items: "center", gap: 10, children: [icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: ICON, height: ICON, items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: icon })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, color: "$ink", numberOfLines: 1, shrink: 0, children: label }), note ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 13, color: "$hint", numberOfLines: 1, flex: 1, minW: 0, children: note })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 })), tail, on ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: ICON, color: "var(--primary)", "aria-hidden": true }) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, minW: 0, items: "center", gap: 10, py: 1, children: [icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 20, height: 20, items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: icon })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 14, fontWeight: "500", color: "$ink", numberOfLines: 1, shrink: 0, children: label }), note ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { fontSize: 13, color: "$hint", numberOfLines: 1, flex: 1, minW: 0, children: note })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 })), tail, on ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 16, color: "var(--primary)", "aria-hidden": true }) : null] }));
 }
 /** A shelf's rows, its status, then its ways to more. */
 function Contents({ shelf, words, close }) {
@@ -49,7 +36,7 @@ function Contents({ shelf, words, close }) {
     const needle = q.trim().toLowerCase();
     const rows = needle ? shelf.rows.filter((r) => `${r.label} ${r.note ?? ''}`.toLowerCase().includes(needle)) : shelf.rows;
     const links = [shelf.create, shelf.manage, shelf.browse].filter((l) => Boolean(l));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [shelf.search ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSearch, { value: q, onValueChange: setQ, placeholder: shelf.search, "aria-label": t(words.search) }) : null, shelf.loading && !shelf.rows.length ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuLoading, { children: t(words.reading) }) : null, shelf.error ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuEmpty, { children: shelf.error }) : null, !shelf.loading && !shelf.error && !rows.length ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuEmpty, { children: needle ? t('Nothing matches') : (shelf.empty ?? t(words.none)) }) : null, rows.map((r) => ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => shelf.pick(r.id), "aria-checked": r.on ?? false, "data-slot": "plus-row", children: (0, jsx_runtime_1.jsx)(Line, { icon: r.icon, label: r.label, note: r.note, on: r.on }) }, r.id))), links.length ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSeparator, {}) : null, links.map((l, i) => ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { onSelect: () => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [shelf.search ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSearch, { value: q, onValueChange: setQ, placeholder: shelf.search, "aria-label": t(words.search) }) : null, shelf.loading && !shelf.rows.length ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuLoading, { children: t(words.reading) }) : null, shelf.error ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuEmpty, { children: shelf.error }) : null, !shelf.loading && !shelf.error && !rows.length ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuEmpty, { children: needle ? t('Nothing matches') : (shelf.empty ?? t(words.none)) }) : null, rows.map((r) => ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => shelf.pick(r.id), "aria-checked": r.on ?? false, "data-slot": "plus-row", children: (0, jsx_runtime_1.jsx)(Line, { icon: r.icon, label: r.label, note: r.note, on: r.on }) }, r.id))), links.length ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSeparator, {}) : null, links.map((l) => ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { onSelect: () => {
                     close();
                     l.onPress();
                 }, children: (0, jsx_runtime_1.jsx)(Line, { icon: l === shelf.manage ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Briefcase, { size: ICON }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: ICON }), label: l.label }) }, l.label)))] }));
@@ -60,17 +47,45 @@ function Plus(p) {
     const media = (0, gui_1.useMedia)();
     const wide = media.sm;
     const [open, setOpen] = (0, react_2.useState)(false);
-    // The shelf open beside the menu.
     const [sub, setSub] = (0, react_2.useState)(null);
     const close = () => setOpen(false);
     const shelves = (0, react_2.useMemo)(() => SHELVES.filter((s) => p[s.key]), [p]);
     const switches = [
-        p.research ? { key: 'research', label: t('Research'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Telescope, { size: ICON }), s: p.research } : null,
-        p.memory ? { key: 'memory', label: t('Memory'), icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Brain, { size: ICON }), s: p.memory } : null,
+        p.research
+            ? {
+                key: 'research',
+                label: t('Research'),
+                icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Telescope, { size: ICON }),
+                s: p.research,
+            }
+            : null,
+        p.memory
+            ? {
+                key: 'memory',
+                label: t('Memory'),
+                icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Brain, { size: ICON }),
+                s: p.memory,
+            }
+            : null,
     ].filter((x) => x !== null);
     const main = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [p.upload ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { "data-slot": "plus-upload", onSelect: () => {
                     close();
                     p.upload?.();
-                }, children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Paperclip, { size: ICON }), label: t('Upload or add files'), tail: (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuShortcut, { "data-i18n-ltr": true, children: "Ctrl+U" }) }) })) : null, p.upload && shelves.length ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSeparator, {}) : null, shelves.map((s) => wide ? ((0, jsx_runtime_1.jsxs)(gui_2.DropdownMenuSub, { open: sub === s.key, onOpenChange: (o) => setSub(o ? s.key : sub === s.key ? null : sub), children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSubTrigger, { "data-slot": `plus-${s.key}`, onPress: () => setSub(s.key), children: (0, jsx_runtime_1.jsx)(Line, { icon: s.icon, label: t(s.label) }) }), sub === s.key ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSubContent, { minW: 200, maxW: 340, maxH: 420, pointerEvents: "auto", style: { overflowY: "auto" }, children: (0, jsx_runtime_1.jsx)(Contents, { shelf: p[s.key], words: s, close: close }) })) : null] }, s.key)) : ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { page: s.key, "data-slot": `plus-${s.key}`, children: (0, jsx_runtime_1.jsx)(Line, { icon: s.icon, label: t(s.label) }) }, s.key))), switches.length && (p.upload || shelves.length) ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSeparator, {}) : null, switches.map((w) => ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => w.s.set(!w.s.on), role: 'menuitemcheckbox', "aria-checked": w.s.on, "data-slot": `plus-${w.key}`, children: (0, jsx_runtime_1.jsx)(Line, { icon: w.icon, label: w.label, on: w.s.on }) }, w.key)))] }));
-    return ((0, jsx_runtime_1.jsxs)(gui_2.DropdownMenu, { open: open, onOpenChange: setOpen, ...(wide ? null : { defaultPage: 'main' }), children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuTrigger, { asChild: true, disabled: p.disabled, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { render: "button", "data-slot": "plus", "aria-label": t('Add files, agents, skills and more'), width: p.size ?? 36, height: p.size ?? 36, rounded: 999, items: "center", justify: "center", shrink: 0, cursor: p.disabled ? 'default' : 'pointer', opacity: p.disabled ? 0.4 : 1, ...look_1.GHOST, ...(open ? { bg: '$hover', color: '$ink' } : null), focusVisibleStyle: look_1.RING, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: look_1.GLYPH, strokeWidth: look_1.STROKE, color: "currentColor" }) }) }), (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuContent, { align: "start", minW: 240, "data-slot": "plus-menu", children: wide ? (main) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuPage, { id: "main", children: main }), shelves.map((s) => ((0, jsx_runtime_1.jsxs)(gui_2.DropdownMenuPage, { id: s.key, children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuBack, { children: t(s.label) }), (0, jsx_runtime_1.jsx)(Contents, { shelf: p[s.key], words: s, close: close })] }, s.key)))] })) })] }));
+                }, children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Paperclip, { size: ICON }), label: t('Add photos & files'), note: t('Upload from computer'), tail: (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuShortcut, { "data-i18n-ltr": true, children: "Ctrl+U" }) }) })) : null, p.library ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { "data-slot": "plus-library", onSelect: () => {
+                    close();
+                    p.library?.();
+                }, children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Folder, { size: ICON }), label: t('Add from library'), note: t('Browse and search your files') }) })) : null, p.createImage ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { "data-slot": "plus-create-image", onSelect: () => {
+                    close();
+                    p.createImage?.();
+                }, children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Image, { size: ICON, color: "var(--primary)" }), label: t('Create image'), note: t('Visualize anything') }) })) : null, p.browserTabs ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { "data-slot": "plus-browser-tabs", onSelect: () => {
+                    close();
+                    p.browserTabs?.();
+                }, children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.AppWindow, { size: ICON, color: "var(--primary)" }), label: t('Add browser tabs'), note: t('Ask about your open tabs') }) })) : null, p.webSearch ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { "data-slot": "plus-web-search", onSelect: () => {
+                    close();
+                    p.webSearch?.();
+                }, children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Globe, { size: ICON, color: "var(--primary)" }), label: t('Web search'), note: t('Find real-time news and info') }) })) : null, p.research ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => p.research.set(!p.research.on), role: "menuitemcheckbox", "aria-checked": p.research.on, "data-slot": "plus-research", children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Telescope, { size: ICON, color: "var(--primary)" }), label: t('Deep research'), note: t('Get a detailed report'), on: p.research.on }) })) : null, p.sketch ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { "data-slot": "plus-sketch", onSelect: () => {
+                    close();
+                    p.sketch?.();
+                }, children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.PenTool, { size: ICON, color: "var(--primary)" }), label: t('Sketch'), note: t('Draw and attach an image') }) })) : null, p.thinking ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => p.thinking.set(!p.thinking.on), role: "menuitemcheckbox", "aria-checked": p.thinking.on, "data-slot": "plus-thinking", children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Brain, { size: ICON }), label: t('Thinking'), note: t('For detailed answers'), on: p.thinking.on }) })) : null, shelves.length ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSeparator, {}) : null, shelves.map((s) => wide ? ((0, jsx_runtime_1.jsxs)(gui_2.DropdownMenuSub, { open: sub === s.key, onOpenChange: (o) => setSub(o ? s.key : sub === s.key ? null : sub), children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSubTrigger, { "data-slot": `plus-${s.key}`, onPress: () => setSub(s.key), children: (0, jsx_runtime_1.jsx)(Line, { icon: s.icon, label: t(s.label), note: t(s.note) }) }), sub === s.key ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSubContent, { minW: 240, maxW: 360, maxH: 420, pointerEvents: "auto", style: { overflowY: 'auto' }, children: (0, jsx_runtime_1.jsx)(Contents, { shelf: p[s.key], words: s, close: close }) })) : null] }, s.key)) : ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { page: s.key, "data-slot": `plus-${s.key}`, children: (0, jsx_runtime_1.jsx)(Line, { icon: s.icon, label: t(s.label), note: t(s.note) }) }, s.key))), p.memory ? (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuSeparator, {}) : null, p.memory ? ((0, jsx_runtime_1.jsx)(gui_2.DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => p.memory.set(!p.memory.on), role: "menuitemcheckbox", "aria-checked": p.memory.on, "data-slot": "plus-memory", children: (0, jsx_runtime_1.jsx)(Line, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Brain, { size: ICON }), label: t('Memory'), note: t('Remember context across chats'), on: p.memory.on }) })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_2.DropdownMenu, { open: open, onOpenChange: setOpen, ...(wide ? null : { defaultPage: 'main' }), children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuTrigger, { asChild: true, disabled: p.disabled, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { render: "button", "data-slot": "plus", "aria-label": t('Add files, agents, skills and more'), width: p.size ?? 36, height: p.size ?? 36, rounded: 999, items: "center", justify: "center", shrink: 0, cursor: p.disabled ? 'default' : 'pointer', opacity: p.disabled ? 0.4 : 1, ...look_1.GHOST, ...(open ? { bg: '$hover', color: '$ink' } : null), focusVisibleStyle: look_1.RING, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: look_1.GLYPH, strokeWidth: look_1.STROKE, color: "currentColor" }) }) }), (0, jsx_runtime_1.jsx)(gui_2.DropdownMenuContent, { align: "start", minW: 360, maxW: 440, "data-slot": "plus-menu", children: wide ? (main) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuPage, { id: "main", children: main }), shelves.map((s) => ((0, jsx_runtime_1.jsxs)(gui_2.DropdownMenuPage, { id: s.key, children: [(0, jsx_runtime_1.jsx)(gui_2.DropdownMenuBack, { children: t(s.label) }), (0, jsx_runtime_1.jsx)(Contents, { shelf: p[s.key], words: s, close: close })] }, s.key)))] })) })] }));
 }

package/dist/chat/Plus.d.ts

@@ -32,6 +32,18 @@ export interface Switch {
 export interface PlusProps {
     /** Upload or add files (Ctrl+U). */
     upload?: () => void;
+    /** Add from library. */
+    library?: () => void;
+    /** Create an image. */
+    createImage?: () => void;
+    /** Add or ask about browser tabs. */
+    browserTabs?: () => void;
+    /** Search the web. */
+    webSearch?: () => void;
+    /** Draw and attach a sketch. */
+    sketch?: () => void;
+    /** Toggle extended thinking. */
+    thinking?: Switch;
     agents?: Shelf;
     skills?: Shelf;
     connectors?: Shelf;

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

@@ -1 +1 @@
-{"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../src/chat/Plus.tsx"],"names":[],"mappings":"AAiDA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,6EAA6E;AAC7E,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,OAAO,CAAA;CACb;AAED,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,MAAM,CAAC,EAAE,IAAI,CAAA;CACd;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,OAAO,CAAA;IACX,GAAG,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAiFD,4BAA4B;AAC5B,wBAAgB,IAAI,CAAC,CAAC,EAAE,SAAS,+BA+FhC"}
+{"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../src/chat/Plus.tsx"],"names":[],"mappings":"AA8CA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,6EAA6E;AAC7E,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,OAAO,CAAA;CACb;AAED,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,MAAM,CAAC,EAAE,IAAI,CAAA;CACd;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,OAAO,CAAA;IACX,GAAG,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AA4ED,4BAA4B;AAC5B,wBAAgB,IAAI,CAAC,CAAC,EAAE,SAAS,+BA8LhC"}

package/dist/chat/Plus.js

@@ -1,43 +1,30 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * The composer's `+`: files, then what the conversation works with — agents,
- * skills, connectors, a design system, plugins, a device — then the Research
- * and Memory switches. A row is drawn only when the surface hands it a shelf:
- * a shelf is what is there (`rows`), what picking one does, and the ways to
- * make, manage and find more. A row with nothing behind it is not drawn.
- *
- * On a laptop each shelf opens beside the menu; on a phone it is a page of the
- * same menu, with Back.
- *
- * The menu's own words are the reader's language (@hanzo/i18n `t`); what a
- * shelf holds — its rows, its links, its search and empty words — is the
- * surface's, drawn as given.
+ * The composer's `+`: rich creation & attachment tools (Add photos & files,
+ * Add from library, Create image, Add browser tabs, Web search, Deep research,
+ * Sketch, Thinking), followed by what the conversation works with — agents,
+ * skills, connectors, a design system, plugins, a device — and Memory.
  */
 import { SizableText, useMedia, XStack } from '@hanzo/gui';
 import { phrase } from '@hanzo/i18n';
 import { useI18n } from '@hanzo/i18n/react';
-import { Blocks, Bot, Briefcase, Brain, Monitor, Palette, Paperclip, Plug, Plus as PlusIcon, ScrollText, Telescope, Check, } from '@hanzogui/lucide-icons-2';
+import { AppWindow, Blocks, Bot, Briefcase, Brain, Check, Folder, Globe, Image as ImageIcon, Monitor, Palette, Paperclip, PenTool, Plug, Plus as PlusIcon, ScrollText, Telescope, } from '@hanzogui/lucide-icons-2';
 import { DropdownMenu, DropdownMenuBack, DropdownMenuContent, DropdownMenuEmpty, DropdownMenuItem, DropdownMenuLoading, DropdownMenuPage, DropdownMenuSearch, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from '../backends/gui/index.js';
 import { useMemo, useState } from 'react';
 import { GHOST, GLYPH, RING, STROKE } from './look.js';
-const ICON = 16;
-/**
- * The shelves, in the menu's order, with their names and marks, and the three
- * sentences a shelf says of itself: its search's name, while it reads, and
- * when it holds nothing. Whole sentences, so a language puts the noun where it goes.
- */
+const ICON = 18;
 const SHELVES = [
-    { key: 'agents', label: phrase('Agents'), search: phrase('Search agents'), reading: phrase('Reading agents'), none: phrase('No agents yet'), icon: _jsx(Bot, { size: ICON }) },
-    { key: 'skills', label: phrase('Skills'), search: phrase('Search skills'), reading: phrase('Reading skills'), none: phrase('No skills yet'), icon: _jsx(ScrollText, { size: ICON }) },
-    { key: 'connectors', label: phrase('Connectors'), search: phrase('Search connectors'), reading: phrase('Reading connectors'), none: phrase('No connectors yet'), icon: _jsx(Blocks, { size: ICON }) },
-    { key: 'design', label: phrase('Design system'), search: phrase('Search design system'), reading: phrase('Reading design system'), none: phrase('No design system yet'), icon: _jsx(Palette, { size: ICON }) },
-    { key: 'plugins', label: phrase('Plugins'), search: phrase('Search plugins'), reading: phrase('Reading plugins'), none: phrase('No plugins yet'), icon: _jsx(Plug, { size: ICON }) },
-    { key: 'devices', label: phrase('Devices'), search: phrase('Search devices'), reading: phrase('Reading devices'), none: phrase('No devices yet'), icon: _jsx(Monitor, { size: ICON }) },
+    { key: 'agents', label: phrase('Agents'), note: phrase('Bring specialized agents into this chat'), search: phrase('Search agents'), reading: phrase('Reading agents'), none: phrase('No agents yet'), icon: _jsx(Bot, { size: ICON }) },
+    { key: 'skills', label: phrase('Skills'), note: phrase('Use workspace skills and workflows'), search: phrase('Search skills'), reading: phrase('Reading skills'), none: phrase('No skills yet'), icon: _jsx(ScrollText, { size: ICON }) },
+    { key: 'connectors', label: phrase('Connectors'), note: phrase('Sync connected knowledge sources'), search: phrase('Search connectors'), reading: phrase('Reading connectors'), none: phrase('No connectors yet'), icon: _jsx(Blocks, { size: ICON }) },
+    { key: 'design', label: phrase('Design system'), note: phrase('Apply brand tokens and UI components'), search: phrase('Search design system'), reading: phrase('Reading design system'), none: phrase('No design system yet'), icon: _jsx(Palette, { size: ICON }) },
+    { key: 'plugins', label: phrase('Plugins'), note: phrase('Connect external tools and APIs'), search: phrase('Search plugins'), reading: phrase('Reading plugins'), none: phrase('No plugins yet'), icon: _jsx(Plug, { size: ICON }) },
+    { key: 'devices', label: phrase('Devices'), note: phrase('Run on a connected machine'), search: phrase('Search devices'), reading: phrase('Reading devices'), none: phrase('No devices yet'), icon: _jsx(Monitor, { size: ICON }) },
 ];
 /** A row's anatomy: its mark, its label, a dim note, and a check when it is on. */
 function Line({ icon, label, note, on, tail }) {
-    return (_jsxs(XStack, { flex: 1, minW: 0, items: "center", gap: 10, children: [icon ? (_jsx(XStack, { width: ICON, height: ICON, items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: icon })) : null, _jsx(SizableText, { fontSize: 14, color: "$ink", numberOfLines: 1, shrink: 0, children: label }), note ? (_jsx(SizableText, { fontSize: 13, color: "$hint", numberOfLines: 1, flex: 1, minW: 0, children: note })) : (_jsx(XStack, { flex: 1 })), tail, on ? _jsx(Check, { size: ICON, color: "var(--primary)", "aria-hidden": true }) : null] }));
+    return (_jsxs(XStack, { flex: 1, minW: 0, items: "center", gap: 10, py: 1, children: [icon ? (_jsx(XStack, { width: 20, height: 20, items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: icon })) : null, _jsx(SizableText, { fontSize: 14, fontWeight: "500", color: "$ink", numberOfLines: 1, shrink: 0, children: label }), note ? (_jsx(SizableText, { fontSize: 13, color: "$hint", numberOfLines: 1, flex: 1, minW: 0, children: note })) : (_jsx(XStack, { flex: 1 })), tail, on ? _jsx(Check, { size: 16, color: "var(--primary)", "aria-hidden": true }) : null] }));
 }
 /** A shelf's rows, its status, then its ways to more. */
 function Contents({ shelf, words, close }) {
@@ -46,7 +33,7 @@ function Contents({ shelf, words, close }) {
     const needle = q.trim().toLowerCase();
     const rows = needle ? shelf.rows.filter((r) => `${r.label} ${r.note ?? ''}`.toLowerCase().includes(needle)) : shelf.rows;
     const links = [shelf.create, shelf.manage, shelf.browse].filter((l) => Boolean(l));
-    return (_jsxs(_Fragment, { children: [shelf.search ? _jsx(DropdownMenuSearch, { value: q, onValueChange: setQ, placeholder: shelf.search, "aria-label": t(words.search) }) : null, shelf.loading && !shelf.rows.length ? _jsx(DropdownMenuLoading, { children: t(words.reading) }) : null, shelf.error ? _jsx(DropdownMenuEmpty, { children: shelf.error }) : null, !shelf.loading && !shelf.error && !rows.length ? _jsx(DropdownMenuEmpty, { children: needle ? t('Nothing matches') : (shelf.empty ?? t(words.none)) }) : null, rows.map((r) => (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => shelf.pick(r.id), "aria-checked": r.on ?? false, "data-slot": "plus-row", children: _jsx(Line, { icon: r.icon, label: r.label, note: r.note, on: r.on }) }, r.id))), links.length ? _jsx(DropdownMenuSeparator, {}) : null, links.map((l, i) => (_jsx(DropdownMenuItem, { onSelect: () => {
+    return (_jsxs(_Fragment, { children: [shelf.search ? _jsx(DropdownMenuSearch, { value: q, onValueChange: setQ, placeholder: shelf.search, "aria-label": t(words.search) }) : null, shelf.loading && !shelf.rows.length ? _jsx(DropdownMenuLoading, { children: t(words.reading) }) : null, shelf.error ? _jsx(DropdownMenuEmpty, { children: shelf.error }) : null, !shelf.loading && !shelf.error && !rows.length ? _jsx(DropdownMenuEmpty, { children: needle ? t('Nothing matches') : (shelf.empty ?? t(words.none)) }) : null, rows.map((r) => (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => shelf.pick(r.id), "aria-checked": r.on ?? false, "data-slot": "plus-row", children: _jsx(Line, { icon: r.icon, label: r.label, note: r.note, on: r.on }) }, r.id))), links.length ? _jsx(DropdownMenuSeparator, {}) : null, links.map((l) => (_jsx(DropdownMenuItem, { onSelect: () => {
                     close();
                     l.onPress();
                 }, children: _jsx(Line, { icon: l === shelf.manage ? _jsx(Briefcase, { size: ICON }) : _jsx(PlusIcon, { size: ICON }), label: l.label }) }, l.label)))] }));
@@ -57,18 +44,46 @@ export function Plus(p) {
     const media = useMedia();
     const wide = media.sm;
     const [open, setOpen] = useState(false);
-    // The shelf open beside the menu.
     const [sub, setSub] = useState(null);
     const close = () => setOpen(false);
     const shelves = useMemo(() => SHELVES.filter((s) => p[s.key]), [p]);
     const switches = [
-        p.research ? { key: 'research', label: t('Research'), icon: _jsx(Telescope, { size: ICON }), s: p.research } : null,
-        p.memory ? { key: 'memory', label: t('Memory'), icon: _jsx(Brain, { size: ICON }), s: p.memory } : null,
+        p.research
+            ? {
+                key: 'research',
+                label: t('Research'),
+                icon: _jsx(Telescope, { size: ICON }),
+                s: p.research,
+            }
+            : null,
+        p.memory
+            ? {
+                key: 'memory',
+                label: t('Memory'),
+                icon: _jsx(Brain, { size: ICON }),
+                s: p.memory,
+            }
+            : null,
     ].filter((x) => x !== null);
     const main = (_jsxs(_Fragment, { children: [p.upload ? (_jsx(DropdownMenuItem, { "data-slot": "plus-upload", onSelect: () => {
                     close();
                     p.upload?.();
-                }, children: _jsx(Line, { icon: _jsx(Paperclip, { size: ICON }), label: t('Upload or add files'), tail: _jsx(DropdownMenuShortcut, { "data-i18n-ltr": true, children: "Ctrl+U" }) }) })) : null, p.upload && shelves.length ? _jsx(DropdownMenuSeparator, {}) : null, shelves.map((s) => wide ? (_jsxs(DropdownMenuSub, { open: sub === s.key, onOpenChange: (o) => setSub(o ? s.key : sub === s.key ? null : sub), children: [_jsx(DropdownMenuSubTrigger, { "data-slot": `plus-${s.key}`, onPress: () => setSub(s.key), children: _jsx(Line, { icon: s.icon, label: t(s.label) }) }), sub === s.key ? (_jsx(DropdownMenuSubContent, { minW: 200, maxW: 340, maxH: 420, pointerEvents: "auto", style: { overflowY: "auto" }, children: _jsx(Contents, { shelf: p[s.key], words: s, close: close }) })) : null] }, s.key)) : (_jsx(DropdownMenuItem, { page: s.key, "data-slot": `plus-${s.key}`, children: _jsx(Line, { icon: s.icon, label: t(s.label) }) }, s.key))), switches.length && (p.upload || shelves.length) ? _jsx(DropdownMenuSeparator, {}) : null, switches.map((w) => (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => w.s.set(!w.s.on), role: 'menuitemcheckbox', "aria-checked": w.s.on, "data-slot": `plus-${w.key}`, children: _jsx(Line, { icon: w.icon, label: w.label, on: w.s.on }) }, w.key)))] }));
-    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, ...(wide ? null : { defaultPage: 'main' }), children: [_jsx(DropdownMenuTrigger, { asChild: true, disabled: p.disabled, children: _jsx(XStack, { render: "button", "data-slot": "plus", "aria-label": t('Add files, agents, skills and more'), width: p.size ?? 36, height: p.size ?? 36, rounded: 999, items: "center", justify: "center", shrink: 0, cursor: p.disabled ? 'default' : 'pointer', opacity: p.disabled ? 0.4 : 1, ...GHOST, ...(open ? { bg: '$hover', color: '$ink' } : null), focusVisibleStyle: RING, children: _jsx(PlusIcon, { size: GLYPH, strokeWidth: STROKE, color: "currentColor" }) }) }), _jsx(DropdownMenuContent, { align: "start", minW: 240, "data-slot": "plus-menu", children: wide ? (main) : (_jsxs(_Fragment, { children: [_jsx(DropdownMenuPage, { id: "main", children: main }), shelves.map((s) => (_jsxs(DropdownMenuPage, { id: s.key, children: [_jsx(DropdownMenuBack, { children: t(s.label) }), _jsx(Contents, { shelf: p[s.key], words: s, close: close })] }, s.key)))] })) })] }));
+                }, children: _jsx(Line, { icon: _jsx(Paperclip, { size: ICON }), label: t('Add photos & files'), note: t('Upload from computer'), tail: _jsx(DropdownMenuShortcut, { "data-i18n-ltr": true, children: "Ctrl+U" }) }) })) : null, p.library ? (_jsx(DropdownMenuItem, { "data-slot": "plus-library", onSelect: () => {
+                    close();
+                    p.library?.();
+                }, children: _jsx(Line, { icon: _jsx(Folder, { size: ICON }), label: t('Add from library'), note: t('Browse and search your files') }) })) : null, p.createImage ? (_jsx(DropdownMenuItem, { "data-slot": "plus-create-image", onSelect: () => {
+                    close();
+                    p.createImage?.();
+                }, children: _jsx(Line, { icon: _jsx(ImageIcon, { size: ICON, color: "var(--primary)" }), label: t('Create image'), note: t('Visualize anything') }) })) : null, p.browserTabs ? (_jsx(DropdownMenuItem, { "data-slot": "plus-browser-tabs", onSelect: () => {
+                    close();
+                    p.browserTabs?.();
+                }, children: _jsx(Line, { icon: _jsx(AppWindow, { size: ICON, color: "var(--primary)" }), label: t('Add browser tabs'), note: t('Ask about your open tabs') }) })) : null, p.webSearch ? (_jsx(DropdownMenuItem, { "data-slot": "plus-web-search", onSelect: () => {
+                    close();
+                    p.webSearch?.();
+                }, children: _jsx(Line, { icon: _jsx(Globe, { size: ICON, color: "var(--primary)" }), label: t('Web search'), note: t('Find real-time news and info') }) })) : null, p.research ? (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => p.research.set(!p.research.on), role: "menuitemcheckbox", "aria-checked": p.research.on, "data-slot": "plus-research", children: _jsx(Line, { icon: _jsx(Telescope, { size: ICON, color: "var(--primary)" }), label: t('Deep research'), note: t('Get a detailed report'), on: p.research.on }) })) : null, p.sketch ? (_jsx(DropdownMenuItem, { "data-slot": "plus-sketch", onSelect: () => {
+                    close();
+                    p.sketch?.();
+                }, children: _jsx(Line, { icon: _jsx(PenTool, { size: ICON, color: "var(--primary)" }), label: t('Sketch'), note: t('Draw and attach an image') }) })) : null, p.thinking ? (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => p.thinking.set(!p.thinking.on), role: "menuitemcheckbox", "aria-checked": p.thinking.on, "data-slot": "plus-thinking", children: _jsx(Line, { icon: _jsx(Brain, { size: ICON }), label: t('Thinking'), note: t('For detailed answers'), on: p.thinking.on }) })) : null, shelves.length ? _jsx(DropdownMenuSeparator, {}) : null, shelves.map((s) => wide ? (_jsxs(DropdownMenuSub, { open: sub === s.key, onOpenChange: (o) => setSub(o ? s.key : sub === s.key ? null : sub), children: [_jsx(DropdownMenuSubTrigger, { "data-slot": `plus-${s.key}`, onPress: () => setSub(s.key), children: _jsx(Line, { icon: s.icon, label: t(s.label), note: t(s.note) }) }), sub === s.key ? (_jsx(DropdownMenuSubContent, { minW: 240, maxW: 360, maxH: 420, pointerEvents: "auto", style: { overflowY: 'auto' }, children: _jsx(Contents, { shelf: p[s.key], words: s, close: close }) })) : null] }, s.key)) : (_jsx(DropdownMenuItem, { page: s.key, "data-slot": `plus-${s.key}`, children: _jsx(Line, { icon: s.icon, label: t(s.label), note: t(s.note) }) }, s.key))), p.memory ? _jsx(DropdownMenuSeparator, {}) : null, p.memory ? (_jsx(DropdownMenuItem, { preventCloseOnSelect: true, onSelect: () => p.memory.set(!p.memory.on), role: "menuitemcheckbox", "aria-checked": p.memory.on, "data-slot": "plus-memory", children: _jsx(Line, { icon: _jsx(Brain, { size: ICON }), label: t('Memory'), note: t('Remember context across chats'), on: p.memory.on }) })) : null] }));
+    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, ...(wide ? null : { defaultPage: 'main' }), children: [_jsx(DropdownMenuTrigger, { asChild: true, disabled: p.disabled, children: _jsx(XStack, { render: "button", "data-slot": "plus", "aria-label": t('Add files, agents, skills and more'), width: p.size ?? 36, height: p.size ?? 36, rounded: 999, items: "center", justify: "center", shrink: 0, cursor: p.disabled ? 'default' : 'pointer', opacity: p.disabled ? 0.4 : 1, ...GHOST, ...(open ? { bg: '$hover', color: '$ink' } : null), focusVisibleStyle: RING, children: _jsx(PlusIcon, { size: GLYPH, strokeWidth: STROKE, color: "currentColor" }) }) }), _jsx(DropdownMenuContent, { align: "start", minW: 360, maxW: 440, "data-slot": "plus-menu", children: wide ? (main) : (_jsxs(_Fragment, { children: [_jsx(DropdownMenuPage, { id: "main", children: main }), shelves.map((s) => (_jsxs(DropdownMenuPage, { id: s.key, children: [_jsx(DropdownMenuBack, { children: t(s.label) }), _jsx(Contents, { shelf: p[s.key], words: s, close: close })] }, s.key)))] })) })] }));
 }
 //# sourceMappingURL=Plus.js.map

package/dist/chat/Plus.js.map

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

package/dist/chat/Preview.cjs

@@ -28,9 +28,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * and gets `ArtifactCard`, which is where that decision already lived.
  */
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("@hanzo/i18n/react");
 const slot_1 = require("../backends/gui/slot.cjs");
 function Preview({ markup, title, height = 320, ...props }) {
-    const named = title ?? 'Preview';
+    const { t } = (0, react_1.useI18n)();
+    const named = title ?? t('Preview');
     return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('preview'), width: "100%", maxW: 720, rounded: "$4", overflow: "hidden", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", ...props, children: [title ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: "$2", px: "$3", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: title }) })) : null, (0, jsx_runtime_1.jsx)("iframe", { title: named, srcDoc: markup, sandbox: "", referrerPolicy: "no-referrer", style: {
                     display: 'block',
                     width: '100%',

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/chat/Preview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,iEAAiE;IACjE,MAAM,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAY,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAiD9E"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/chat/Preview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,iEAAiE;IACjE,MAAM,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAY,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAkD9E"}

package/dist/chat/Preview.js

@@ -25,9 +25,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * and gets `ArtifactCard`, which is where that decision already lived.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { useI18n } from '@hanzo/i18n/react';
 import { slot } from '../backends/gui/slot.js';
 export function Preview({ markup, title, height = 320, ...props }) {
-    const named = title ?? 'Preview';
+    const { t } = useI18n();
+    const named = title ?? t('Preview');
     return (_jsxs(YStack, { ...slot('preview'), width: "100%", maxW: 720, rounded: "$4", overflow: "hidden", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", ...props, children: [title ? (_jsx(XStack, { items: "center", gap: "$2", px: "$3", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: title }) })) : null, _jsx("iframe", { title: named, srcDoc: markup, sandbox: "", referrerPolicy: "no-referrer", style: {
                     display: 'block',
                     width: '100%',

package/dist/chat/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../src/chat/Preview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAW3C,MAAM,UAAU,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,EAAE,GAAG,KAAK,EAAgB;IAC7E,MAAM,KAAK,GAAG,KAAK,IAAI,SAAS,CAAA;IAChC,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,EACnB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,GAAG,EACT,OAAO,EAAC,IAAI,EACZ,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,EAAE,EAAC,QAAQ,KACP,KAAK,aAER,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,iBAAiB,EAAE,CAAC,EACpB,WAAW,EAAC,cAAc,YAE1B,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAE,CAAC,YAClD,KAAK,GACM,GACP,CACV,CAAC,CAAC,CAAC,IAAI,EAMR,iBACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,EAAE,EACV,cAAc,EAAC,aAAa,EAC5B,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,KAAK,EAAE,MAAM;oBACb,MAAM;oBACN,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,MAAM;oBAClB,WAAW,EAAE,OAAO;iBACrB,GACD,IACK,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../src/chat/Preview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAW3C,MAAM,UAAU,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,EAAE,GAAG,KAAK,EAAgB;IAC7E,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAA;IACvB,MAAM,KAAK,GAAG,KAAK,IAAI,CAAC,CAAC,SAAS,CAAC,CAAA;IACnC,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,EACnB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,GAAG,EACT,OAAO,EAAC,IAAI,EACZ,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,EAAE,EAAC,QAAQ,KACP,KAAK,aAER,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,iBAAiB,EAAE,CAAC,EACpB,WAAW,EAAC,cAAc,YAE1B,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAE,CAAC,YAClD,KAAK,GACM,GACP,CACV,CAAC,CAAC,CAAC,IAAI,EAMR,iBACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,EAAE,EACV,cAAc,EAAC,aAAa,EAC5B,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,KAAK,EAAE,MAAM;oBACb,MAAM;oBACN,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,MAAM;oBAClB,WAAW,EAAE,OAAO;iBACrB,GACD,IACK,CACV,CAAA;AACH,CAAC"}

package/dist/chat/SessionRail.cjs

@@ -44,7 +44,8 @@ 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_1 = require("@hanzo/i18n/react");
+const react_2 = require("react");
 const button_1 = require("../backends/gui/button.cjs");
 const popover_1 = require("../backends/gui/popover.cjs");
 const press_1 = require("../backends/gui/press.cjs");
@@ -87,12 +88,13 @@ const hasMenu = (a) => Boolean(a.onSignOut || a.groups?.some((g) => (Array.isArr
  * menu it opens, anchored to the row itself.
  */
 function Who({ account, rail }) {
-    const [open, setOpen] = (0, react_1.useState)(false);
+    const [open, setOpen] = (0, react_2.useState)(false);
     // The row, so closing the menu can hand focus back to it: the popover's own
     // return goes through a trigger ref that an `asChild` stack never fills.
-    const row = (0, react_1.useRef)(null);
+    const row = (0, react_2.useRef)(null);
     const menu = hasMenu(account);
     const acts = menu || Boolean(account.onPress);
+    const { t } = (0, react_1.useI18n)();
     const said = account.sub ? `${account.name} · ${account.sub}` : account.name;
     const face = ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 24, height: 24, rounded: 9999, items: "center", justify: "center", bg: "$raised", overflow: "hidden", shrink: 0, "aria-hidden": true, children: account.avatar ?? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", fontWeight: "600", color: "$ink", children: account.name.charAt(0).toUpperCase() })) }));
     const look = {
@@ -111,11 +113,11 @@ function Who({ account, rail }) {
     };
     const body = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [face, rail ? null : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$3", numberOfLines: 1, color: "$ink", children: account.name }), account.sub ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('rail-account-sub'), size: "$1", numberOfLines: 1, color: "$soft", children: account.sub })) : null] }), acts ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14, color: "$soft" }) : null] }))] }));
     if (!menu)
-        return account.onPress ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...look, ...(0, press_1.press)(account.onPress), "aria-label": `Account: ${said}`, children: body })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...look, children: body }));
+        return account.onPress ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...look, ...(0, press_1.press)(account.onPress), "aria-label": t('Account: {name}', { name: said }), children: body })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...look, children: body }));
     return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, 
         // Above the row on the open rail, where the row spans the column; beside
         // it on the collapsed rail, where above would cover the rail's icons.
-        placement: rail ? 'right-end' : 'top-start', allowFlip: true, stayInFrame: true, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: row, ...look, role: "button", tabIndex: 0, "aria-label": `Account: ${said}`, "aria-haspopup": "menu", "aria-expanded": open, 
+        placement: rail ? 'right-end' : 'top-start', allowFlip: true, stayInFrame: true, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: row, ...look, role: "button", tabIndex: 0, "aria-label": t('Account: {name}', { name: said }), "aria-haspopup": "menu", "aria-expanded": open, 
                     // The trigger opens on a press; the keyboard is this row's own (gui
                     // does not activate role="button" on Enter).
                     onKeyDown: (e) => {
@@ -123,7 +125,7 @@ function Who({ account, rail }) {
                             return;
                         e.preventDefault?.();
                         setOpen(!open);
-                    }, children: body }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { ...(0, slot_1.slot)('rail-menu'), role: "menu", "aria-label": "Account", sideOffset: 6, 
+                    }, children: body }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { ...(0, slot_1.slot)('rail-menu'), role: "menu", "aria-label": t('Account'), sideOffset: 6, 
                 // A menu's rows run its full width; gui's popper centres children.
                 // 260 fits a 390 phone's drawer, and the popper keeps it in frame.
                 items: "stretch", width: 260, p: "$1", rounded: "$3", elevation: "$2", onCloseAutoFocus: (e) => {
@@ -132,15 +134,22 @@ function Who({ account, rail }) {
                 }, children: (0, jsx_runtime_1.jsx)(account_1.Account, { name: account.name, email: account.email, groups: account.groups, onSignOut: account.onSignOut, signOutLabel: account.signOutLabel, onDone: () => setOpen(false), component: "SessionRail" }) })] }));
 }
 /** The rail's contents — the same tree in the column and in the drawer. */
-function Contents({ brand, onBrand, onSearch, searchLabel = 'Search', onNew, newLabel = 'New', fresh = false, links = [], more = [], moreLabel = 'More', recents, recentsLabel = 'Recents', active = null, onOpen, onSort, sortLabel = 'Sort and filter', empty, notice, account, collapsed = false, onCollapse, mark, rail, }) {
-    const [unfolded, setUnfolded] = (0, react_1.useState)(false);
-    const id = (0, react_1.useId)();
+function Contents({ brand, onBrand, onSearch, searchLabel: searchLabelGiven, onNew, newLabel: newLabelGiven, fresh = false, links = [], more = [], moreLabel: moreLabelGiven, recents, recentsLabel: recentsLabelGiven, active = null, onOpen, onSort, sortLabel: sortLabelGiven, empty, notice, account, collapsed = false, onCollapse, mark, rail, }) {
+    const { t } = (0, react_1.useI18n)();
+    // A host's own words are drawn as given; what it leaves out, in the reader's language.
+    const searchLabel = searchLabelGiven ?? t('Search');
+    const newLabel = newLabelGiven ?? t('New');
+    const moreLabel = moreLabelGiven ?? t('More');
+    const recentsLabel = recentsLabelGiven ?? t('Recents');
+    const sortLabel = sortLabelGiven ?? t('Sort and filter');
+    const [unfolded, setUnfolded] = (0, react_2.useState)(false);
+    const id = (0, react_2.useId)();
     const moreId = `${id}-more`;
     const headId = `${id}-recents`;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [rail ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { items: "center", gap: "$1", pb: "$1", children: [(0, jsx_runtime_1.jsx)(Sidebar_1.SidebarIconButton, { label: "Expand sidebar", width: 36, height: 36, onPress: () => onCollapse?.(false), children: mark ?? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.PanelLeft, { ...dir_1.mirror, size: 16 }) }), onSearch ? ((0, jsx_runtime_1.jsx)(Item, { label: searchLabel, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 16 }), onPress: onSearch, rail: true, data: "rail-search" })) : null] })) : brand || onSearch ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('rail-head'), gap: "$2.5", pt: 2, pb: "$4", shrink: 0, children: [brand ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$2.5", children: (0, jsx_runtime_1.jsx)(Brand, { brand: brand, onPress: onBrand ?? onNew }) })) : null, onSearch ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('rail-search'), ...(0, press_1.press)(onSearch), "aria-label": searchLabel, items: "center", gap: "$2", px: "$2.5", height: 34, rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: press_1.RING, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 15, color: "$soft" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: searchLabel })] })) : null] })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('rail-nav'), gap: "$0", role: "list", children: [onNew ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listitem", children: (0, jsx_runtime_1.jsx)(Item, { label: newLabel, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 16 }), onPress: onNew, active: fresh, rail: rail, data: "rail-new" }) })) : null, links.map((link) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listitem", children: (0, jsx_runtime_1.jsx)(Item, { label: link.label, icon: link.icon, onPress: link.onPress, active: link.active, rail: rail }) }, link.id))), more.length ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { role: "listitem", children: [(0, jsx_runtime_1.jsx)(Item, { label: moreLabel, icon: unfolded ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronUp, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16 }), onPress: () => setUnfolded((v) => !v), rail: rail, quiet: true, expanded: unfolded, controls: moreId, data: "rail-more" }), unfolded ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { id: moreId, role: "list", gap: "$0", children: more.map((link) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listitem", children: (0, jsx_runtime_1.jsx)(Item, { label: link.label, icon: link.icon, onPress: link.onPress, active: link.active, rail: rail }) }, link.id))) })) : null] })) : null] }), rail ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1 })) : ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('rail-recents'), flex: 1, minH: 0, mt: "$5", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", height: 28, paddingInlineStart: "$2", paddingInlineEnd: "$1", shrink: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { id: headId, size: "$2", color: "$soft", children: recentsLabel }), onSort ? ((0, jsx_runtime_1.jsx)(Sidebar_1.SidebarIconButton, { label: sortLabel, onPress: onSort, width: 24, height: 24, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ArrowDownUp, { size: 14 }) })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, showsVerticalScrollIndicator: false, children: recents.length === 0 ? (empty ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { px: "$2", py: "$2", children: typeof empty === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: empty })) : (empty) })) : null) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "list", "aria-labelledby": headId, gap: 1, children: recents.map((s) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [rail ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { items: "center", gap: "$1", pb: "$1", children: [(0, jsx_runtime_1.jsx)(Sidebar_1.SidebarIconButton, { label: t('Expand sidebar'), width: 36, height: 36, onPress: () => onCollapse?.(false), children: mark ?? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.PanelLeft, { ...dir_1.mirror, size: 16 }) }), onSearch ? ((0, jsx_runtime_1.jsx)(Item, { label: searchLabel, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 16 }), onPress: onSearch, rail: true, data: "rail-search" })) : null] })) : brand || onSearch ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('rail-head'), gap: "$2.5", pt: 2, pb: "$4", shrink: 0, children: [brand ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$2.5", children: (0, jsx_runtime_1.jsx)(Brand, { brand: brand, onPress: onBrand ?? onNew }) })) : null, onSearch ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('rail-search'), ...(0, press_1.press)(onSearch), "aria-label": searchLabel, items: "center", gap: "$2", px: "$2.5", height: 34, rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: press_1.RING, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 15, color: "$soft" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: searchLabel })] })) : null] })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('rail-nav'), gap: "$0", role: "list", children: [onNew ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listitem", children: (0, jsx_runtime_1.jsx)(Item, { label: newLabel, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 16 }), onPress: onNew, active: fresh, rail: rail, data: "rail-new" }) })) : null, links.map((link) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listitem", children: (0, jsx_runtime_1.jsx)(Item, { label: link.label, icon: link.icon, onPress: link.onPress, active: link.active, rail: rail }) }, link.id))), more.length ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { role: "listitem", children: [(0, jsx_runtime_1.jsx)(Item, { label: moreLabel, icon: unfolded ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronUp, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16 }), onPress: () => setUnfolded((v) => !v), rail: rail, quiet: true, expanded: unfolded, controls: moreId, data: "rail-more" }), unfolded ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { id: moreId, role: "list", gap: "$0", children: more.map((link) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listitem", children: (0, jsx_runtime_1.jsx)(Item, { label: link.label, icon: link.icon, onPress: link.onPress, active: link.active, rail: rail }) }, link.id))) })) : null] })) : null] }), rail ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1 })) : ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('rail-recents'), flex: 1, minH: 0, mt: "$5", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", height: 28, paddingInlineStart: "$2", paddingInlineEnd: "$1", shrink: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { id: headId, size: "$2", color: "$soft", children: recentsLabel }), onSort ? ((0, jsx_runtime_1.jsx)(Sidebar_1.SidebarIconButton, { label: sortLabel, onPress: onSort, width: 24, height: 24, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ArrowDownUp, { size: 14 }) })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, showsVerticalScrollIndicator: false, children: recents.length === 0 ? (empty ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { px: "$2", py: "$2", children: typeof empty === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: empty })) : (empty) })) : null) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "list", "aria-labelledby": headId, gap: 1, children: recents.map((s) => {
                                 const on = s.id === active;
                                 return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listitem", children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('rail-session'), ...(0, press_1.press)(() => onOpen(s.id)), ...ROW, items: "center", cursor: "pointer", "aria-current": on ? 'page' : undefined, bg: on ? '$raised' : undefined, hoverStyle: { bg: on ? '$raised' : '$hover' }, pressStyle: { bg: '$raised' }, focusVisibleStyle: press_1.RING, children: [(0, jsx_runtime_1.jsx)(Lead, { children: (0, jsx_runtime_1.jsx)(StatusDot, { status: s.status }) }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$3", numberOfLines: 1, flex: 1, minW: 0, color: on ? '$ink' : '$quiet', children: s.title })] }) }, s.id));
-                            }) })) })] })), notice && !rail ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$2", children: notice }) : null, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('rail-foot'), items: "center", gap: "$1", pt: "$2", mt: "$1", borderTopWidth: 1, borderColor: "$borderColor", flexDirection: rail ? 'column' : 'row', children: [account ? (0, jsx_runtime_1.jsx)(Who, { account: account, rail: rail }) : (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), onCollapse && !rail ? ((0, jsx_runtime_1.jsx)(Sidebar_1.SidebarIconButton, { label: "Collapse sidebar", onPress: () => onCollapse(!collapsed), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.PanelLeft, { ...dir_1.mirror, size: 16 }) })) : null] })] }));
+                            }) })) })] })), notice && !rail ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$2", children: notice }) : null, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('rail-foot'), items: "center", gap: "$1", pt: "$2", mt: "$1", borderTopWidth: 1, borderColor: "$borderColor", flexDirection: rail ? 'column' : 'row', children: [account ? (0, jsx_runtime_1.jsx)(Who, { account: account, rail: rail }) : (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), onCollapse && !rail ? ((0, jsx_runtime_1.jsx)(Sidebar_1.SidebarIconButton, { label: t('Collapse sidebar'), onPress: () => onCollapse(!collapsed), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.PanelLeft, { ...dir_1.mirror, size: 16 }) })) : null] })] }));
 }
 /** `run`, then close the drawer — or nothing, when there is nothing to run. */
 const closing = (close) => (run) => run ? (...args) => (close(), run(...args)) : undefined;
@@ -148,7 +157,9 @@ function SessionRail(props) {
     const { 
     // Everything the contents read is named here, so none of it reaches the
     // column as a stray DOM attribute through `rest`.
-    brand, onBrand, onSearch, searchLabel, onNew, newLabel, fresh, links, more, moreLabel, recents, recentsLabel, active, onOpen, onSort, sortLabel, empty, notice, account, collapsed = false, onCollapse, mark, open = false, onOpenChange, label = 'Sessions', width = WIDTH, ...rest } = props;
+    brand, onBrand, onSearch, searchLabel, onNew, newLabel, fresh, links, more, moreLabel, recents, recentsLabel, active, onOpen, onSort, sortLabel, empty, notice, account, collapsed = false, onCollapse, mark, open = false, onOpenChange, label: named, width = WIDTH, ...rest } = props;
+    const { t } = (0, react_1.useI18n)();
+    const label = named ?? t('Sessions');
     const rail = collapsed;
     // Where focus was when the drawer opened — the phone bar's menu button — and
     // where it goes back to when the drawer closes, by Escape or by a choice. A
@@ -161,8 +172,8 @@ function SessionRail(props) {
     // `onOpenAutoFocus` included, which then never fires because focus is already
     // inside) the opener is gone. jsdom's `<dialog>` moves nothing, which is why
     // the unit suite could not see this and the consumer suite asserts it.
-    const back = (0, react_1.useRef)(null);
-    const was = (0, react_1.useRef)(false);
+    const back = (0, react_2.useRef)(null);
+    const was = (0, react_2.useRef)(false);
     if (open && !was.current && typeof document !== 'undefined')
         back.current = document.activeElement;
     was.current = open;
@@ -170,7 +181,7 @@ function SessionRail(props) {
     // dialog can also report its own dismissal while it unmounts in that same
     // turn; the host hears one `onOpenChange(false)`. The latch lets go after the
     // turn, so a host that keeps the drawer open still hears the next choice.
-    const closed = (0, react_1.useRef)(false);
+    const closed = (0, react_2.useRef)(false);
     const close = () => {
         if (closed.current)
             return;
@@ -208,8 +219,10 @@ function SessionRail(props) {
  * ("Try Hanzo in Slack"), its one action, and a way to put it away. Pass it as
  * `SessionRail notice`; the host decides when it shows and remembers a dismissal.
  */
-function RailNotice({ icon, title, action, onAction, onDismiss, dismissLabel = 'Dismiss', ...rest }) {
-    const id = (0, react_1.useId)();
+function RailNotice({ icon, title, action, onAction, onDismiss, dismissLabel: dismissGiven, ...rest }) {
+    const { t } = (0, react_1.useI18n)();
+    const dismissLabel = dismissGiven ?? t('Dismiss');
+    const id = (0, react_2.useId)();
     return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('rail-notice'), items: "center", gap: "$2.5", px: "$3", py: "$2.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", ...rest, children: [icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, "aria-hidden": true, children: icon })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, gap: "$0.5", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { id: `${id}-title`, size: "$2", color: "$ink", numberOfLines: 1, children: title }), action && onAction ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('rail-notice-action'), ...(0, press_1.press)(onAction), "aria-describedby": `${id}-title`, self: "flex-start", cursor: "pointer", rounded: "$1", focusVisibleStyle: press_1.RING, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", textDecorationLine: "underline", children: action }) })) : null] }), onDismiss ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('rail-notice-dismiss'), ...(0, press_1.press)(onDismiss), ...(0, slot_1.tip)(dismissLabel), "aria-label": dismissLabel, p: "$1", rounded: "$2", cursor: "pointer", hoverStyle: { bg: '$hover' }, focusVisibleStyle: press_1.RING, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 14 }) })) : null] }));
 }
 /**
@@ -218,6 +231,9 @@ function RailNotice({ icon, title, action, onAction, onDismiss, dismissLabel = '
  * `md`, where there is no rail; from `md` up it draws nothing and the rail's own
  * head carries the same three. Place it at the top of the pane, in flow.
  */
-function RailBar({ onMenu, menuLabel = 'Open menu', brand, onBrand, onSearch, searchLabel = 'Search', ...rest }) {
+function RailBar({ onMenu, menuLabel: menuGiven, brand, onBrand, onSearch, searchLabel: searchGiven, ...rest }) {
+    const { t } = (0, react_1.useI18n)();
+    const menuLabel = menuGiven ?? t('Open menu');
+    const searchLabel = searchGiven ?? t('Search');
     return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('rail-bar'), height: 44, px: "$2", gap: "$2", items: "center", shrink: 0, $md: { display: 'none' }, ...rest, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "icon-sm", onPress: onMenu, "aria-label": menuLabel, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Menu, { size: 18 }) }), brand ? (0, jsx_runtime_1.jsx)(Brand, { brand: brand, onPress: onBrand }) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), onSearch ? ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", size: "icon-sm", onPress: onSearch, "aria-label": searchLabel, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 18 }) })) : null] }));
 }