@textui/widgets 0.5.0 → 0.7.0

package/dist/overlay/command-palette.js

@@ -1,23 +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';
-/**
- * The command palette.
- *
- * It searches the command registry rather than a list someone maintained, so
- * a command registered anywhere is reachable here the moment it exists - which
- * is the payoff for insisting actions are commands. It also *runs* what it
- * finds, so choosing "Open dialog" here and pressing the button that opens a
- * dialog are the same act, reaching the same code.
- *
- * A command that declares an argument with `choices` gets a second level:
- * choosing it lists the choices, and picking one runs the command with it.
- * That is where sub-items come from - the command says what it needs and the
- * palette asks, rather than every caller inventing its own submenu.
- */
 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('');
@@ -42,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));
@@ -56,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
@@ -64,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) => ({
@@ -99,10 +93,29 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
                 ? { sectionBefore: command.category }
                 : {}),
         }));
+    /** The argument answered last, when this question came after one. */
+    const previousOf = (asked) => {
+        const last = Object.keys(asked.collected).at(-1);
+        return last === undefined ? undefined : (asked.command.args ?? []).find((arg) => arg.name === last);
+    };
+    /**
+     * One question back.
+     *
+     * After a first question the second is asked again from the start with
+     * the earlier answer withdrawn: a wrong provider is corrected by choosing
+     * another, not by closing the whole picker and opening it again. At the
+     * first question, the command list.
+     */
     const back = () => {
         // `null` is "never mind": whatever the preview did gets undone by whoever
         // did it, because only the command knows what it changed.
         pending?.arg.preview?.(null);
+        const previous = pending ? previousOf(pending) : undefined;
+        if (pending && previous) {
+            const { [previous.name]: _withdrawn, ...rest } = pending.collected;
+            drillInto(pending.command, previous, rest);
+            return;
+        }
         setPending(null);
         setChoices([]);
         setQuery('');
@@ -144,9 +157,16 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
             setRefresh((n) => n + 1);
         onRun?.(id, args);
     };
-    /** Ask about one command. `choices` may be a function, and may be async. */
+    /**
+     * Ask about one command. `choices` may be a function, and may be async.
+     *
+     * A resolver is handed what was answered before this argument - and an
+     * argument that was not asked because its `default` stood was answered by
+     * that default. Left out, "the models of the chosen provider" would see no
+     * provider exactly when there was only one to choose from.
+     */
     const drillInto = (command, arg, collected = {}) => {
-        const resolved = typeof arg.choices === 'function' ? arg.choices() : arg.choices ?? [];
+        const resolved = typeof arg.choices === 'function' ? arg.choices(answeredBefore(command, arg, collected)) : arg.choices ?? [];
         setPending({ command, arg, collected });
         setQuery('');
         /*
@@ -253,8 +273,10 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
             // anybody chose to be at: the caller drilled in on their behalf, and
             // the level underneath is a list of one. Backing out to it reads as
             // "escape did nothing", and the second escape - the one that would
-            // close it - is spent leaving a screen nobody asked to see.
-            if (pending && !openAt) {
+            // close it - is spent leaving a screen nobody asked to see. A question
+            // that came after one is different: there the level underneath is the
+            // earlier question, which somebody did choose to be at.
+            if (pending && (!openAt || previousOf(pending) !== undefined)) {
                 back();
                 return true;
             }
@@ -267,7 +289,7 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
             onClose?.();
             return true;
         }
-        if (event.name === 'left' && pending && query === '' && !openAt) {
+        if (event.name === 'left' && pending && query === '' && (!openAt || previousOf(pending) !== undefined)) {
             back();
             return true;
         }
@@ -290,17 +312,21 @@ 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
     // there - and a sentence about what a mode does is exactly the thing a
     // person needs whole. So the line under the list follows the highlight: the
     // choice's description while there is one, the question's otherwise.
+    // It is the one line in the panel that wraps rather than truncates,
+    // because it is the one place a sentence can be read whole.
     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.
@@ -315,10 +341,17 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
      * the things that decide it: a question with two short answers still needs
      * somewhere to type and a line saying what the keys do.
      */
-    const content = Math.max(...items.map((item) => rowWidth(item, descriptions)), ...(pending ? [stringWidth(pending.command.title) + 12] : [stringWidth(placeholder ?? '') + 4]));
+    const content = Math.max(...items.map((item) => rowWidth(item, descriptions)), ...(pending ? [stringWidth(pending.command.title) + 12] : [stringWidth(placeholder ?? '') + 4]), 
+    // The sentences the line under the list may show, so a question with
+    // three one-word answers is not a panel 28 wide wrapping a sentence
+    // three times under them. Capped like everything else by `maxWidth`.
+    ...(pending
+        ? [pending.arg.description ?? '', ...offered.map((choice) => choice.description ?? '')]
+            .map((sentence) => (sentence === '' ? 0 : stringWidth(sentence) + 6))
+        : []));
     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.
@@ -334,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,
@@ -361,11 +394,20 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
             if (command && argumentOf(command))
                 choose();
         },
+        // A typed answer's field is the answer, so its placeholder is the
+        // question. A list's field is a filter, and the question goes where
+        // there is room to say it once: here, while the line under the list
+        // is busy saying what each answer means; under the list, whole and
+        // wrapped, when the answers have nothing to say for themselves and
+        // that line would otherwise repeat this one, cut to whatever width
+        // three short answers gave the panel.
         placeholder: pending
-            ? (pending.arg.description ?? (pending.arg.choices === undefined
-                ? `${pending.command.title}${theme.glyphs.ellipsis}`
-                : `Choose ${pending.command.title.toLowerCase()}${theme.glyphs.ellipsis}`))
-            : (placeholder ?? `Type a command${theme.glyphs.ellipsis}`),
+            ? (pending.arg.choices === undefined
+                ? pending.arg.description ?? `${pending.command.title}${theme.glyphs.ellipsis}`
+                : offered.some((choice) => choice.description) && pending.arg.description
+                    ? pending.arg.description
+                    : 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',
@@ -386,14 +428,25 @@ export const CommandPalette = defineComponent('CommandPalette', (props) => {
     }), h('box', { height: 1, fill: theme.borderChars().top, fg: 'borderSubtle' }), 
     // What the highlighted row actually is, and how to move around. A palette
     // that shows only titles makes you run something to find out what it does.
-    h('box', { direction: 'row', gap: 1 }, h('text', { content: detail, fg: 'muted', flex: 1, truncate: 'end' }), h('text', { content: `${rows.length}`, fg: 'subtle' })), h('box', { direction: 'row', gap: 1 }, h('text', {
+    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',
     })));
@@ -418,6 +471,23 @@ export function argumentOf(command, collected = {}) {
     return (command.args ?? []).find((arg) => collected[arg.name] === undefined &&
         (arg.choices !== undefined || (arg.required === true && arg.default === undefined)));
 }
+/**
+ * What a `choices` resolver is told: the answers given, under the defaults
+ * of the arguments before this one that stood in for a question.
+ *
+ * Only the ones ahead of it in the declaration. An argument after this one
+ * has not been reached, and its default is not yet an answer to anything.
+ */
+function answeredBefore(command, arg, collected) {
+    const answered = {};
+    for (const spec of command.args ?? []) {
+        if (spec === arg)
+            break;
+        if (spec.default !== undefined)
+            answered[spec.name] = spec.default;
+    }
+    return { ...answered, ...collected };
+}
 /** The short form and the long one, as one shape. */
 function asChoice(choice) {
     return typeof choice === 'string' ? { value: choice } : choice;
@@ -436,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"}