@textui/widgets 0.6.1 → 0.8.0

package/dist/navigation/menu.js

@@ -1,8 +1,11 @@
-import { defineComponent, h, stringWidth, useFocus, useInput, useState, useTheme } from '@textui/core';
+import { defineComponent, h, stringWidth, useFocus, useI18n, useInput, useState, useTheme } from '@textui/core';
 import { Marquee } from '../display/index.js';
 import { TONE } from '../tone.js';
+/** The name a theme styles a menu row under. See `LIST`. */
+export const MENU = 'Menu';
 export const Menu = defineComponent('Menu', (props) => {
     const theme = useTheme();
+    const i18n = useI18n();
     const { items, onSelect, visibleRows, activeId, autoFocus, interactive = true, descriptions = 'inline', ...rest } = props;
     const focus = useFocus({ autoFocus, disabled: !interactive });
     const selectable = items.filter((i) => !i.disabled);
@@ -57,14 +60,19 @@ export const Menu = defineComponent('Menu', (props) => {
         // The description yields first, and by a lot. It is the elaboration;
         // the label is the thing being chosen, and a row reading "Accept ed…"
         // beside a full sentence has given up the wrong half.
+        //
+        // On the row under the cursor the foreground is `undefined`, not a
+        // token: what is written on a selection is the theme's, and a hard
+        // `onSelected` here would be a second answer to the same question that
+        // a theme restating `Menu.focused.fg` could not reach.
         item.description && !below
             ? h(Marquee, {
                 content: item.description,
                 active,
-                fg: active ? 'inverted' : 'muted',
+                fg: active ? undefined : 'muted',
                 shrink: 8,
             })
-            : null, item.shortcut ? h('text', { content: item.shortcut, fg: active ? 'inverted' : 'subtle' }) : null, 
+            : null, item.shortcut ? h('text', { content: item.shortcut, fg: active ? undefined : 'subtle' }) : null, 
         // Present but empty means "this opens something, contents unknown" -
         // which is what the command palette knows about an argument whose
         // choices it has not resolved yet.
@@ -73,12 +81,18 @@ export const Menu = defineComponent('Menu', (props) => {
             key: item.id,
             role: 'menuitem',
             label: item.label,
+            styleAs: MENU,
             selected: active,
+            // The keyboard is the menu's, so the row is told - which is what lets
+            // `Menu.selected` be the dimmer fill a menu shows when something else
+            // has taken the keyboard, and `Menu.focused` the one it shows while
+            // the reader is moving through it.
+            focused: active && focus.focused,
             direction: 'column',
             // One background over both lines: a highlight that stopped after the
-            // label would split the row it is highlighting in two.
-            bg: active ? 'selected' : undefined,
-            fg: item.disabled ? 'disabled' : active ? 'inverted' : item.tone ? TONE[item.tone] : undefined,
+            // label would split the row it is highlighting in two. What it is
+            // filled with is the theme's to say.
+            fg: item.disabled ? 'disabled' : active ? undefined : item.tone ? TONE[item.tone] : undefined,
             onClick: () => { if (!item.disabled)
                 onSelect?.(item.id, item); },
         }, head, 
@@ -93,7 +107,7 @@ export const Menu = defineComponent('Menu', (props) => {
             h(Marquee, {
                 content: item.description,
                 active,
-                fg: active ? 'inverted' : 'muted',
+                fg: active ? undefined : 'muted',
                 flex: 1,
             }))
             : null);
@@ -110,7 +124,7 @@ export const Menu = defineComponent('Menu', (props) => {
             ? [h('box', { key: `${item.id}-sep`, height: 1, fill: theme.borderChars().top, fg: 'borderSubtle' }), row]
             : [row];
     }), selectable.length === 0
-        ? h('text', { content: '  no matches', fg: 'subtle' })
+        ? h('text', { content: `  ${i18n.t('textui.menu.noMatch', undefined, 'no matches')}`, fg: 'subtle' })
         : null);
 });
 /**

package/dist/navigation/tabs.d.ts

@@ -16,5 +16,7 @@ export interface TabsProps extends BoxProps {
     /** Take focus on mount, so the keyboard has somewhere to be. */
     autoFocus?: boolean;
 }
+/** The name a theme styles a tab under. See `LIST`. */
+export declare const TABS = "Tabs";
 export declare const Tabs: (props: TabsProps) => import("@textui/core").RenderOutput;
 //# sourceMappingURL=tabs.d.ts.map

package/dist/navigation/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/navigation/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,wDAAwD;IACxD,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,2DAiDf,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/navigation/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,wDAAwD;IACxD,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,uDAAuD;AACvD,eAAO,MAAM,IAAI,SAAS,CAAC;AAE3B,eAAO,MAAM,IAAI,2DAyDf,CAAC"}

package/dist/navigation/tabs.js

@@ -1,4 +1,6 @@
 import { defineComponent, h, useFocus, useInput } from '@textui/core';
+/** The name a theme styles a tab under. See `LIST`. */
+export const TABS = 'Tabs';
 export const Tabs = defineComponent('Tabs', (props) => {
     const { items, activeId, onChange, variant = 'underline', separator, autoFocus, ...rest } = props;
     const focus = useFocus({ autoFocus });
@@ -19,12 +21,20 @@ export const Tabs = defineComponent('Tabs', (props) => {
             key: item.id,
             role: 'tab',
             label: item.label,
+            styleAs: TABS,
+            // Carried so the theme can tell a filled tab from an unfilled one: a
+            // solid tab is `Tabs.solid.selected`, an underline one is not filled
+            // at all. See `Tabs` in the built-in themes.
+            variant,
+            // A tab is open, not selected, and it says so with one state. There is
+            // no second name for it because there is nothing to dim: the document
+            // a tab names is open whether or not the strip has the keyboard, and
+            // dimming the tab on losing focus would claim none is.
             selected: active,
             direction: 'row',
             gap: 1,
             padding: variant === 'solid' ? [0, 1] : 0,
-            bg: variant === 'solid' && active ? 'selected' : undefined,
-            fg: item.disabled ? 'disabled' : active ? (variant === 'solid' ? 'inverted' : 'accent') : 'muted',
+            fg: item.disabled ? 'disabled' : active ? (variant === 'solid' ? undefined : 'accent') : 'muted',
             bold: active,
             underline: variant === 'underline' && active,
             onClick: () => { if (!item.disabled)

package/dist/overlay/command-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../src/overlay/command-palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAa,MAAM,cAAc,CAAC;AAiB/F,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,iBAAiB,EAAE,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,KAAK,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACzD,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyBD,eAAO,MAAM,cAAc,qEAqczB,CAAC;AAEH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GACtC,OAAO,GAAG,SAAS,CAKrB;AAyCD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,iBAAiB,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,iBAAiB,EAAE,CAehG"}
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../src/overlay/command-palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAa,MAAM,cAAc,CAAC;AAkB/F,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,iBAAiB,EAAE,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,KAAK,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACzD,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyBD,eAAO,MAAM,cAAc,qEAsezB,CAAC;AAEH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GACtC,OAAO,GAAG,SAAS,CAKrB;AA2DD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,iBAAiB,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,iBAAiB,EAAE,CAehG"}

package/dist/overlay/command-palette.js

@@ -1,9 +1,11 @@
-import { defineComponent, h, stringWidth, useEffect, useFocusScope, useInput, useRuntime, useState, useTheme, } from '@textui/core';
+import { defineComponent, h, stringWidth, useEffect, useFocusScope, useI18n, useInput, useRuntime, useState, useTheme, } from '@textui/core';
 import { TextInput } from '../control/index.js';
 import { Menu } from '../navigation/index.js';
 import { hint } from './shared.js';
 export const CommandPalette = defineComponent('CommandPalette', (props) => {
     const theme = useTheme();
+    const i18n = useI18n();
+    const ellipsis = theme.glyphs.ellipsis;
     const runtime = useRuntime();
     const { commands, placeholder, onRun, onClose, execute = true, grouped = true, visibleRows = 8, width, maxWidth = 60, openAt, descriptions = 'inline', ...rest } = props;
     const [query, setQuery] = useState('');
@@ -28,7 +30,9 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
     const app = runtime.app();
     const given = typeof commands === 'function' ? commands() : commands;
     const all = given ?? app?.commands.list({ slot: 'palette', enabledOnly: true }) ?? [];
-    const matches = pending ? [] : filterCommands(all, query);
+    const matches = pending
+        ? []
+        : grouped && query.trim() === '' ? byCategory(all) : filterCommands(all, query);
     const offered = pending ? filterChoices(choices, query) : [];
     const rows = pending ? offered.map((choice) => choice.value) : matches.map((c) => c.id);
     const index = Math.max(0, Math.min(highlight, rows.length - 1));
@@ -42,7 +46,9 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
                 // the only thing the palette itself knows about a value.
                 ...(choice.description
                     ? { description: choice.description }
-                    : pending.arg.default === choice.value ? { description: 'default' } : {}),
+                    : pending.arg.default === choice.value
+                        ? { description: i18n.t('textui.palette.default', undefined, 'default') }
+                        : {}),
             }))
             // One row, saying which kind of nothing this is. A disabled item rather
             // than no items: the panel keeps its height, so the answer arriving does
@@ -50,8 +56,10 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
             : [{
                     id: '',
                     label: asking
-                        ? `Asking${theme.glyphs.ellipsis}`
-                        : (query === '' ? 'Nothing to choose' : 'No match'),
+                        ? i18n.t('textui.palette.asking', { ellipsis }, 'Asking{ellipsis}')
+                        : (query === ''
+                            ? i18n.t('textui.palette.nothingToChoose', undefined, 'Nothing to choose')
+                            : i18n.t('textui.palette.noMatch', undefined, 'No match')),
                     disabled: true,
                 }])
         : matches.map((command, i) => ({
@@ -304,7 +312,8 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
         return false;
     }, { global: true });
     const highlighted = pending ? undefined : matches[index];
-    const move = `${theme.glyphs.arrowUp}${theme.glyphs.arrowDown} move`;
+    const move = i18n.t('textui.palette.hint.move', { arrows: `${theme.glyphs.arrowUp}${theme.glyphs.arrowDown}` }, '{arrows} move');
+    const escBack = i18n.t('textui.palette.hint.back', undefined, 'esc back');
     // What the highlighted row is, in full.
     //
     // The rows themselves have to fit, so a choice's own sentence is truncated
@@ -316,7 +325,8 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
     const chosen = pending ? offered[index] : undefined;
     const detail = pending
         ? chosen?.description
-            ?? pending.arg.description ?? `${pending.command.title} needs a ${pending.arg.name}`
+            ?? pending.arg.description
+            ?? i18n.t('textui.palette.needs', { command: pending.command.title, arg: pending.arg.name }, '{command} needs a {arg}')
         : highlighted?.description ?? highlighted?.id ?? '';
     /*
      * How wide the panel wants to be.
@@ -341,7 +351,7 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
         : []));
     return h('box', {
         role: 'dialog',
-        label: 'Commands',
+        label: i18n.t('textui.palette.label', undefined, 'Commands'),
         border: theme.border,
         bg: 'overlay',
         // A stated width is a width. Left off, it fits what it holds.
@@ -357,8 +367,8 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
         // where you are; "commands › id" is what the parameter happens to be
         // called, which is the author's business rather than the reader's.
         title: pending
-            ? ` commands ${theme.glyphs.breadcrumb} ${pending.command.title} `
-            : ' commands ',
+            ? ` ${i18n.t('textui.palette.title', undefined, 'commands')} ${theme.glyphs.breadcrumb} ${pending.command.title} `
+            : ` ${i18n.t('textui.palette.title', undefined, 'commands')} `,
         ...rest,
     }, h(TextInput, {
         value: query,
@@ -396,8 +406,8 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
                 ? pending.arg.description ?? `${pending.command.title}${theme.glyphs.ellipsis}`
                 : offered.some((choice) => choice.description) && pending.arg.description
                     ? pending.arg.description
-                    : `Choose ${pending.command.title.toLowerCase()}${theme.glyphs.ellipsis}`)
-            : (placeholder ?? `Type a command${theme.glyphs.ellipsis}`),
+                    : i18n.t('textui.palette.choose', { command: pending.command.title.toLowerCase(), ellipsis }, 'Choose {command}{ellipsis}'))
+            : (placeholder ?? i18n.t('textui.palette.placeholder', { ellipsis }, 'Type a command{ellipsis}')),
         search: true,
         autoFocus: true,
         border: 'none',
@@ -421,11 +431,22 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
     h('box', { direction: 'row', gap: 1, align: 'start' }, h('text', { content: detail, fg: 'muted', flex: 1, wrap: 'word' }), h('text', { content: `${rows.length}`, fg: 'subtle' })), h('box', { direction: 'row', gap: 1 }, h('text', {
         content: pending
             ? (pending.arg.choices === undefined
-                ? hint(theme, ['type it', 'enter confirm', 'esc back'])
+                ? hint(theme, [
+                    i18n.t('textui.palette.hint.type', undefined, 'type it'),
+                    i18n.t('textui.palette.hint.confirm', undefined, 'enter confirm'),
+                    escBack,
+                ])
                 // Nothing to choose is nothing to press enter on, and offering it
                 // is how a panel reads as broken rather than as empty.
-                : hint(theme, rows.length > 0 ? [move, 'enter choose', 'esc back'] : ['esc back']))
-            : hint(theme, [move, 'enter run', `${theme.glyphs.chevronRight} sub-items`, 'esc close']),
+                : hint(theme, rows.length > 0
+                    ? [move, i18n.t('textui.palette.hint.choose', undefined, 'enter choose'), escBack]
+                    : [escBack]))
+            : hint(theme, [
+                move,
+                i18n.t('textui.palette.hint.run', undefined, 'enter run'),
+                i18n.t('textui.palette.hint.subItems', { glyph: theme.glyphs.chevronRight }, '{glyph} sub-items'),
+                i18n.t('textui.palette.hint.close', undefined, 'esc close'),
+            ]),
         fg: 'subtle',
         truncate: 'end',
     })));
@@ -485,6 +506,25 @@ function filterChoices(choices, query) {
     return choices.filter((choice) => `${choice.label ?? ''} ${choice.value} ${choice.description ?? ''}`
         .toLowerCase().includes(q));
 }
+/**
+ * Each category's commands together, the categories in the order they first
+ * appear and the commands in the order they came.
+ *
+ * Registration order is whatever order the code happened to run in, so a
+ * category registered in two places would be two groups with the same name
+ * over them.
+ */
+function byCategory(commands) {
+    const groups = new Map();
+    for (const command of commands) {
+        const group = groups.get(command.category);
+        if (group)
+            group.push(command);
+        else
+            groups.set(command.category, [command]);
+    }
+    return [...groups.values()].flat();
+}
 export function filterCommands(commands, query) {
     const q = query.trim().toLowerCase();
     if (q === '')

package/dist/overlay/dialog.d.ts

@@ -13,4 +13,15 @@ export interface DialogProps extends BoxProps {
     width?: number;
 }
 export declare const Dialog: (props: DialogProps) => import("@textui/core").RenderOutput;
+export interface ConfirmDialogProps extends BoxProps {
+    title?: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    tone?: SemanticVariant;
+    onConfirm?(): void;
+    onCancel?(): void;
+}
+/** Two-button dialog behind the `confirm` helper. */
+export declare const ConfirmDialog: (props: ConfirmDialogProps) => import("@textui/core").RenderOutput;
 //# sourceMappingURL=dialog.d.ts.map

package/dist/overlay/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/overlay/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI9D,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,eAAe,CAAC;QAAC,OAAO,CAAC,IAAI,IAAI,CAAA;KAAE,EAAE,CAAC;IACpF,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,6DAmDjB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/overlay/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI9D,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,eAAe,CAAC;QAAC,OAAO,CAAC,IAAI,IAAI,CAAA;KAAE,EAAE,CAAC;IACpF,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,6DAmDjB,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,IAAI,IAAI,CAAC;IACnB,QAAQ,CAAC,IAAI,IAAI,CAAC;CACnB;AAED,qDAAqD;AACrD,eAAO,MAAM,aAAa,oEAuBxB,CAAC"}

package/dist/overlay/dialog.js

@@ -1,4 +1,4 @@
-import { defineComponent, h, useFocusScope, useInput, useTheme } from '@textui/core';
+import { defineComponent, h, useFocusScope, useI18n, useInput, useTheme } from '@textui/core';
 import { Button } from '../control/index.js';
 export const Dialog = defineComponent('Dialog', (props) => {
     const theme = useTheme();
@@ -42,3 +42,26 @@ export const Dialog = defineComponent('Dialog', (props) => {
         })))
         : null);
 });
+/** Two-button dialog behind the `confirm` helper. */
+export const ConfirmDialog = defineComponent('ConfirmDialog', (props) => {
+    const i18n = useI18n();
+    const { title, message, confirmLabel, cancelLabel, tone, onConfirm, onCancel, ...rest } = props;
+    return h(Dialog, {
+        title: title ?? i18n.t('textui.confirmDialog.title', undefined, 'Confirm'),
+        width: 50,
+        actions: [
+            {
+                id: 'confirm',
+                label: confirmLabel ?? i18n.t('textui.confirmDialog.confirm', undefined, 'Confirm'),
+                tone: tone ?? 'primary',
+                onPress: onConfirm,
+            },
+            {
+                id: 'cancel',
+                label: cancelLabel ?? i18n.t('textui.confirmDialog.cancel', undefined, 'Cancel'),
+                onPress: onCancel,
+            },
+        ],
+        ...rest,
+    }, h('text', { content: message, wrap: 'word' }));
+});

package/dist/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,aAAa,EACb,eAAe,EACf,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKtD;;;;;;GAMG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAE7B,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE;IAAE,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG;QAAE,OAAO,IAAI,IAAI,CAAA;KAAE,CAAA;CAAE,EACxD,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,OAAO,CAAC,CAwClB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,MAAM,CACpB,MAAM,EAAE;IAAE,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG;QAAE,OAAO,IAAI,IAAI,CAAA;KAAE,CAAA;CAAE,EACxD,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA6BxB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA8BjF;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAID,wBAAgB,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,GAAG,UAAU,CAQzE;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,aAAa,CAO7E;AAED,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EASnD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,aAAa,EACb,eAAe,EACf,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKtD;;;;;;GAMG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAE7B,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE;IAAE,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG;QAAE,OAAO,IAAI,IAAI,CAAA;KAAE,CAAA;CAAE,EACxD,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,OAAO,CAAC,CA+BlB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,MAAM,CACpB,MAAM,EAAE;IAAE,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG;QAAE,OAAO,IAAI,IAAI,CAAA;KAAE,CAAA;CAAE,EACxD,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA6BxB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA8BjF;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAID,wBAAgB,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,GAAG,UAAU,CAQzE;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,aAAa,CAO7E;AAED,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAUnD,CAAC"}

package/dist/overlay/index.js

@@ -1,5 +1,5 @@
 import { CommandPalette } from './command-palette.js';
-import { Dialog } from './dialog.js';
+import { ConfirmDialog, Dialog } from './dialog.js';
 import { LayerScope } from './layer-scope.js';
 import { PathPicker } from './path-picker.js';
 import { PromptDialog } from './prompt-dialog.js';
@@ -45,23 +45,14 @@ export function confirm(layers, options) {
             dismissOnEscape: true,
             onClose: () => finish(false),
             node: {
-                component: 'Dialog',
-                title: options.title ?? 'Confirm',
-                width: 50,
-                children: { component: 'text', content: options.message, wrap: 'word' },
-                actions: [
-                    {
-                        id: 'confirm',
-                        label: options.confirmLabel ?? 'Confirm',
-                        tone: options.tone ?? 'primary',
-                        onPress: () => finish(true),
-                    },
-                    {
-                        id: 'cancel',
-                        label: options.cancelLabel ?? 'Cancel',
-                        onPress: () => finish(false),
-                    },
-                ],
+                component: 'ConfirmDialog',
+                title: options.title,
+                message: options.message,
+                confirmLabel: options.confirmLabel,
+                cancelLabel: options.cancelLabel,
+                tone: options.tone,
+                onConfirm: { handler: () => finish(true) },
+                onCancel: { handler: () => finish(false) },
             },
         });
     });
@@ -85,7 +76,7 @@ export function prompt(layers, options) {
             onClose: () => finish(null),
             node: {
                 component: 'PromptDialog',
-                title: options.title ?? 'Input',
+                title: options.title,
                 message: options.message,
                 placeholder: options.placeholder,
                 initialValue: options.initialValue,
@@ -147,6 +138,7 @@ export function toastPosition(anchor) {
 }
 export const OVERLAY_COMPONENTS = [
     { component: 'Dialog', category: 'overlay', renderer: { kind: 'function', render: Dialog }, role: 'dialog', description: 'Modal box with actions; traps focus and restores it.' },
+    { component: 'ConfirmDialog', category: 'overlay', renderer: { kind: 'function', render: ConfirmDialog }, role: 'dialog', description: 'Two-button dialog behind the `confirm` helper.' },
     { component: 'PromptDialog', category: 'overlay', renderer: { kind: 'function', render: PromptDialog }, role: 'dialog', description: 'One-field dialog behind the `prompt` helper.' },
     { component: 'PathPicker', category: 'overlay', renderer: { kind: 'function', render: PathPicker }, role: 'dialog', description: 'Walk the resource tree and pick a file or a folder.' },
     { component: 'Tooltip', category: 'overlay', renderer: { kind: 'function', render: Tooltip }, role: 'tooltip', description: 'Small anchored hint.' },

package/dist/overlay/path-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"path-picker.d.ts","sourceRoot":"","sources":["../../src/overlay/path-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAgB7C,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,IAAI,IAAI,CAAC;CACnB;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAQnD;AAED,eAAO,MAAM,UAAU,iEAiLrB,CAAC"}
+{"version":3,"file":"path-picker.d.ts","sourceRoot":"","sources":["../../src/overlay/path-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAiB7C,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,IAAI,IAAI,CAAC;CACnB;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAQnD;AAED,eAAO,MAAM,UAAU,iEA6LrB,CAAC"}

package/dist/overlay/path-picker.js

@@ -1,4 +1,4 @@
-import { defineComponent, h, nameOf, useEffect, useInput, useRuntime, useState, useTheme, } from '@textui/core';
+import { defineComponent, h, nameOf, useEffect, useI18n, useInput, useRuntime, useState, useTheme, } from '@textui/core';
 import { TextInput } from '../control/index.js';
 import { Menu } from '../navigation/index.js';
 import { hint } from './shared.js';
@@ -17,6 +17,8 @@ export function parentOf(uri) {
 export const PathPicker = defineComponent('PathPicker', (props) => {
     const { start, wants = 'file', title, placeholder, visibleRows = 10, width = 60, onPick, onCancel, ...rest } = props;
     const theme = useTheme();
+    const i18n = useI18n();
+    const ellipsis = theme.glyphs.ellipsis;
     const runtime = useRuntime();
     const app = runtime.app();
     const [at, setAt] = useState(start);
@@ -63,7 +65,7 @@ export const PathPicker = defineComponent('PathPicker', (props) => {
         // child to press enter on and a hidden chord for it is a chord nobody
         // finds. It is first, since it is the answer most often wanted.
         ...(wants === 'directory'
-            ? [{ id: '.', label: 'Use this folder', icon: theme.glyphs.check }]
+            ? [{ id: '.', label: i18n.t('textui.pathPicker.useFolder', undefined, 'Use this folder'), icon: theme.glyphs.check }]
             : []),
         ...(parent !== null ? [{ id: '..', label: '..', icon: theme.glyphs.chevronUp }] : []),
         ...shown.map((e) => ({
@@ -130,16 +132,18 @@ export const PathPicker = defineComponent('PathPicker', (props) => {
         }
         return false;
     }, { global: true });
-    const move = `${theme.glyphs.arrowUp}${theme.glyphs.arrowDown} move`;
+    const move = i18n.t('textui.pathPicker.hint.move', { arrows: `${theme.glyphs.arrowUp}${theme.glyphs.arrowDown}` }, '{arrows} move');
     return h('box', {
         role: 'dialog',
-        label: title ?? 'Choose',
+        label: title ?? i18n.t('textui.pathPicker.label', undefined, 'Choose'),
         border: theme.border,
         bg: 'overlay',
         width,
         direction: 'column',
         ...(theme.border === 'none' ? { padding: { left: 1, right: 1 } } : {}),
-        title: ` ${title ?? (wants === 'directory' ? 'choose a folder' : 'choose a file')} `,
+        title: ` ${title ?? (wants === 'directory'
+            ? i18n.t('textui.pathPicker.titleFolder', undefined, 'choose a folder')
+            : i18n.t('textui.pathPicker.titleFile', undefined, 'choose a file'))} `,
         ...rest,
     }, 
     // Where you are. A column of bare names with no header is a list you can
@@ -161,7 +165,7 @@ export const PathPicker = defineComponent('PathPicker', (props) => {
          */
         onEdge: (edge) => { if (edge === 'start')
             up(); },
-        placeholder: placeholder ?? `Filter${theme.glyphs.ellipsis}`,
+        placeholder: placeholder ?? i18n.t('textui.pathPicker.placeholder', { ellipsis }, 'Filter{ellipsis}'),
         search: true,
         autoFocus: true,
         border: 'none',
@@ -183,16 +187,20 @@ export const PathPicker = defineComponent('PathPicker', (props) => {
     shown.length === 0
         ? h('text', {
             content: loading
-                ? `Reading${theme.glyphs.ellipsis}`
-                : (q === '' ? 'Nothing here.' : 'Nothing matches.'),
+                ? i18n.t('textui.pathPicker.reading', { ellipsis }, 'Reading{ellipsis}')
+                : (q === ''
+                    ? i18n.t('textui.pathPicker.empty', undefined, 'Nothing here.')
+                    : i18n.t('textui.pathPicker.noMatch', undefined, 'Nothing matches.')),
             fg: 'muted',
         })
         : null, h('box', { height: 1, fill: theme.borderChars().top, fg: 'borderSubtle' }), h('text', {
         content: hint(theme, [
             move,
-            wants === 'directory' ? 'enter open' : 'enter choose',
-            `${theme.glyphs.chevronLeft} up`,
-            'esc cancel',
+            wants === 'directory'
+                ? i18n.t('textui.pathPicker.hint.open', undefined, 'enter open')
+                : i18n.t('textui.pathPicker.hint.choose', undefined, 'enter choose'),
+            i18n.t('textui.pathPicker.hint.up', { glyph: theme.glyphs.chevronLeft }, '{glyph} up'),
+            i18n.t('textui.pathPicker.hint.cancel', undefined, 'esc cancel'),
         ]),
         fg: 'subtle',
         truncate: 'end',

package/dist/overlay/prompt-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prompt-dialog.d.ts","sourceRoot":"","sources":["../../src/overlay/prompt-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAK7C,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,IAAI,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,mEA6BvB,CAAC"}
+{"version":3,"file":"prompt-dialog.d.ts","sourceRoot":"","sources":["../../src/overlay/prompt-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAK7C,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,IAAI,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,mEA8BvB,CAAC"}

package/dist/overlay/prompt-dialog.js

@@ -1,16 +1,17 @@
-import { defineComponent, h, useState } from '@textui/core';
+import { defineComponent, h, useI18n, useState } from '@textui/core';
 import { TextInput } from '../control/index.js';
 import { Dialog } from './dialog.js';
 export const PromptDialog = defineComponent('PromptDialog', (props) => {
     const { title, message, placeholder, initialValue = '', mask, onSubmit, onCancel, ...rest } = props;
+    const i18n = useI18n();
     const [value, setValue] = useState(initialValue);
     return h(Dialog, {
-        title,
+        title: title ?? i18n.t('textui.promptDialog.title', undefined, 'Input'),
         width: 50,
         onClose: onCancel,
         actions: [
-            { id: 'ok', label: 'OK', tone: 'primary', onPress: () => onSubmit?.(value) },
-            { id: 'cancel', label: 'Cancel', onPress: onCancel },
+            { id: 'ok', label: i18n.t('textui.promptDialog.ok', undefined, 'OK'), tone: 'primary', onPress: () => onSubmit?.(value) },
+            { id: 'cancel', label: i18n.t('textui.promptDialog.cancel', undefined, 'Cancel'), onPress: onCancel },
         ],
         ...rest,
     }, message ? h('text', { content: message, wrap: 'word' }) : null, h(TextInput, {

package/dist/panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAEX,iBAAiB,EACjB,aAAa,EAEb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAalE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,cAAc,qBAAqB,CAAC;AAEpC,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEvD;AAED,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAEjE;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAEpF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAE/D;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAExE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAElF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAE9E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE1F;AAED,iEAAiE;AACjE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI,CAMN;AAED,2EAA2E;AAC3E,wBAAgB,QAAQ,IAAI,WAAW,GAAG,IAAI,CAE7C;AAQD;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7D,QAAQ,EAAE,CAAC,GACV,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CA0BlC;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAUxD;AAgDD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,SAAS,GAAG,iBAAiB,EAAE,CAsFjE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAEX,iBAAiB,EACjB,aAAa,EAEb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAalE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,cAAc,qBAAqB,CAAC;AAEpC,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEvD;AAED,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAEjE;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAEpF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAE/D;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAExE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAElF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAE9E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAE1F;AAED,iEAAiE;AACjE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI,CAMN;AAED,2EAA2E;AAC3E,wBAAgB,QAAQ,IAAI,WAAW,GAAG,IAAI,CAE7C;AAQD;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7D,QAAQ,EAAE,CAAC,GACV,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CA0BlC;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAUxD;AAgDD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,SAAS,GAAG,iBAAiB,EAAE,CAwFjE"}

package/dist/panel/index.js

@@ -182,18 +182,19 @@ export function panelCommands(app) {
      * to draw it.
      */
     const targetUri = (args, id) => args.uri ?? (id === null ? null : panelUri(app.store, id));
+    const category = app.i18n.t('textui.panel.category', undefined, 'View');
     return [
         {
             id: 'panel.openWith',
-            title: 'Open With…',
-            category: 'View',
+            title: app.i18n.t('textui.panel.openWith', undefined, 'Open With…'),
+            category,
             slots: ['palette'],
             when: PANEL_PATH,
             args: [{
                     name: 'renderer',
                     type: 'string',
                     required: true,
-                    description: 'How to show this resource',
+                    description: app.i18n.t('textui.panel.renderer', undefined, 'How to show this resource'),
                     choices: async () => {
                         const id = activePanel(app.store);
                         return (await choicesFor(app, id === null ? null : panelUri(app.store, id)))
@@ -210,8 +211,8 @@ export function panelCommands(app) {
         },
         {
             id: 'panel.nextRenderer',
-            title: 'Next View',
-            category: 'View',
+            title: app.i18n.t('textui.panel.nextView', undefined, 'Next View'),
+            category,
             slots: ['palette'],
             when: PANEL_PATH,
             run: async (args, ctx) => {
@@ -230,8 +231,8 @@ export function panelCommands(app) {
         },
         {
             id: 'panel.toggleEdit',
-            title: 'Edit / View',
-            category: 'View',
+            title: app.i18n.t('textui.panel.toggleEdit', undefined, 'Edit / View'),
+            category,
             slots: ['palette'],
             when: PANEL_PATH,
             run: async (args, ctx) => {

package/dist/panel/resource-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resource-panel.d.ts","sourceRoot":"","sources":["../../src/panel/resource-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,QAAQ,EACR,mBAAmB,EAEnB,QAAQ,EACR,0BAA0B,EAC3B,MAAM,cAAc,CAAC;AAetB,sCAAsC;AACtC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AAEzC,sCAAsC;AACtC,eAAO,MAAM,UAAU,EAAmB,WAAW,CAAC;AAEtD,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEjD;AAED,mDAAmD;AACnD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,WAAW,CAElE;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEpD;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEzD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEtD;AAED,MAAM,WAAW,SAAS;IACxB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAE1D;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,0BAA0B,EAAE,GACtC,0BAA0B,GAAG,IAAI,CAEnC;AAID,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAID,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,oEAsJxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,mBAAmB,EAOjD,CAAC"}
+{"version":3,"file":"resource-panel.d.ts","sourceRoot":"","sources":["../../src/panel/resource-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,QAAQ,EACR,mBAAmB,EAEnB,QAAQ,EACR,0BAA0B,EAC3B,MAAM,cAAc,CAAC;AAgBtB,sCAAsC;AACtC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AAEzC,sCAAsC;AACtC,eAAO,MAAM,UAAU,EAAmB,WAAW,CAAC;AAEtD,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEjD;AAED,mDAAmD;AACnD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,WAAW,CAElE;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEpD;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEzD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAEtD;AAED,MAAM,WAAW,SAAS;IACxB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAE1D;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,0BAA0B,EAAE,GACtC,0BAA0B,GAAG,IAAI,CAEnC;AAID,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAID,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,oEA0JxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,mBAAmB,EAOjD,CAAC"}