cli-menu-kit 0.1.26 → 0.2.1

package/dist/components/display/index.js

@@ -4,7 +4,7 @@
  * Exports all display component functions
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderHeader = exports.createSimpleSummary = exports.createSummaryTable = exports.renderSummaryTable = exports.createMessage = exports.showQuestion = exports.showInfo = exports.showWarning = exports.showError = exports.showSuccess = exports.renderMessage = exports.createStageSeparator = exports.createStageHeader = exports.createProgressIndicator = exports.renderStageSeparator = exports.renderStageHeader = exports.renderProgressIndicator = exports.createAsciiHeader = exports.createSectionHeader = exports.createSimpleHeader = exports.renderAsciiHeader = exports.renderSectionHeader = exports.renderSimpleHeader = void 0;
+exports.createNumberedList = exports.createBulletList = exports.createList = exports.renderList = exports.createTable = exports.renderTable = exports.HintTypes = exports.generateInputHints = exports.generateMenuHints = exports.createHints = exports.renderHintsComponent = exports.renderHeader = exports.createSimpleSummary = exports.createSummaryTable = exports.renderSummaryTable = exports.createMessage = exports.showQuestion = exports.showInfo = exports.showWarning = exports.showError = exports.showSuccess = exports.renderMessage = exports.createProgressCheckmark = exports.renderProgressCheckmark = exports.createStageSeparator = exports.createStageHeader = exports.createProgressIndicator = exports.renderStageSeparator = exports.renderStageHeader = exports.renderProgressIndicator = exports.createAsciiHeader = exports.createSectionHeader = exports.createSimpleHeader = exports.renderAsciiHeader = exports.renderSectionHeader = exports.renderSimpleHeader = void 0;
 var headers_js_1 = require("./headers.js");
 Object.defineProperty(exports, "renderSimpleHeader", { enumerable: true, get: function () { return headers_js_1.renderSimpleHeader; } });
 Object.defineProperty(exports, "renderSectionHeader", { enumerable: true, get: function () { return headers_js_1.renderSectionHeader; } });
@@ -19,6 +19,8 @@ Object.defineProperty(exports, "renderStageSeparator", { enumerable: true, get:
 Object.defineProperty(exports, "createProgressIndicator", { enumerable: true, get: function () { return progress_js_1.createProgressIndicator; } });
 Object.defineProperty(exports, "createStageHeader", { enumerable: true, get: function () { return progress_js_1.createStageHeader; } });
 Object.defineProperty(exports, "createStageSeparator", { enumerable: true, get: function () { return progress_js_1.createStageSeparator; } });
+Object.defineProperty(exports, "renderProgressCheckmark", { enumerable: true, get: function () { return progress_js_1.renderProgressCheckmark; } });
+Object.defineProperty(exports, "createProgressCheckmark", { enumerable: true, get: function () { return progress_js_1.createProgressCheckmark; } });
 var messages_js_1 = require("./messages.js");
 Object.defineProperty(exports, "renderMessage", { enumerable: true, get: function () { return messages_js_1.renderMessage; } });
 Object.defineProperty(exports, "showSuccess", { enumerable: true, get: function () { return messages_js_1.showSuccess; } });
@@ -33,3 +35,17 @@ Object.defineProperty(exports, "createSummaryTable", { enumerable: true, get: fu
 Object.defineProperty(exports, "createSimpleSummary", { enumerable: true, get: function () { return summary_js_1.createSimpleSummary; } });
 var header_js_1 = require("./header.js");
 Object.defineProperty(exports, "renderHeader", { enumerable: true, get: function () { return header_js_1.renderHeader; } });
+var hints_js_1 = require("./hints.js");
+Object.defineProperty(exports, "renderHintsComponent", { enumerable: true, get: function () { return hints_js_1.renderHintsComponent; } });
+Object.defineProperty(exports, "createHints", { enumerable: true, get: function () { return hints_js_1.createHints; } });
+Object.defineProperty(exports, "generateMenuHints", { enumerable: true, get: function () { return hints_js_1.generateMenuHints; } });
+Object.defineProperty(exports, "generateInputHints", { enumerable: true, get: function () { return hints_js_1.generateInputHints; } });
+Object.defineProperty(exports, "HintTypes", { enumerable: true, get: function () { return hints_js_1.HintTypes; } });
+var table_js_1 = require("./table.js");
+Object.defineProperty(exports, "renderTable", { enumerable: true, get: function () { return table_js_1.renderTable; } });
+Object.defineProperty(exports, "createTable", { enumerable: true, get: function () { return table_js_1.createTable; } });
+var list_js_1 = require("./list.js");
+Object.defineProperty(exports, "renderList", { enumerable: true, get: function () { return list_js_1.renderList; } });
+Object.defineProperty(exports, "createList", { enumerable: true, get: function () { return list_js_1.createList; } });
+Object.defineProperty(exports, "createBulletList", { enumerable: true, get: function () { return list_js_1.createBulletList; } });
+Object.defineProperty(exports, "createNumberedList", { enumerable: true, get: function () { return list_js_1.createNumberedList; } });

package/dist/components/display/input-prompt.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Input Prompt Component
+ * Factory function to create input prompt configuration
+ */
+export interface InputPromptConfig {
+    /** Prompt text to display */
+    prompt: string;
+    /** Default value */
+    defaultValue?: string;
+    /** Allow empty input */
+    allowEmpty?: boolean;
+}
+/**
+ * Create an input prompt component configuration
+ * Returns a configuration object that can be used in footer.input
+ *
+ * @example
+ * ```typescript
+ * const inputConfig = createInputPromptComponent({
+ *   prompt: '请输入名称',
+ *   defaultValue: '',
+ *   allowEmpty: false
+ * });
+ *
+ * await renderPage({
+ *   header: {...},
+ *   mainArea: {...},
+ *   footer: {
+ *     input: inputConfig,
+ *     hints: ['Enter 确认', 'Esc 取消']
+ *   }
+ * });
+ * ```
+ */
+export declare function createInputPromptComponent(config: InputPromptConfig): InputPromptConfig;

package/dist/components/display/input-prompt.js

@@ -0,0 +1,36 @@
+"use strict";
+/**
+ * Input Prompt Component
+ * Factory function to create input prompt configuration
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInputPromptComponent = createInputPromptComponent;
+/**
+ * Create an input prompt component configuration
+ * Returns a configuration object that can be used in footer.input
+ *
+ * @example
+ * ```typescript
+ * const inputConfig = createInputPromptComponent({
+ *   prompt: '请输入名称',
+ *   defaultValue: '',
+ *   allowEmpty: false
+ * });
+ *
+ * await renderPage({
+ *   header: {...},
+ *   mainArea: {...},
+ *   footer: {
+ *     input: inputConfig,
+ *     hints: ['Enter 确认', 'Esc 取消']
+ *   }
+ * });
+ * ```
+ */
+function createInputPromptComponent(config) {
+    return {
+        prompt: config.prompt,
+        defaultValue: config.defaultValue,
+        allowEmpty: config.allowEmpty ?? false
+    };
+}

package/dist/components/display/list.d.ts

@@ -0,0 +1,49 @@
+/**
+ * List Component
+ * Displays items in a list format with optional bullets/numbers
+ */
+/**
+ * List item configuration
+ */
+export interface ListItem {
+    /** Item text */
+    text: string;
+    /** Item indent level (0 = no indent) */
+    indent?: number;
+    /** Custom bullet/prefix */
+    bullet?: string;
+}
+/**
+ * List configuration
+ */
+export interface ListConfig {
+    /** List items */
+    items: (string | ListItem)[];
+    /** List style */
+    style?: 'bullet' | 'number' | 'none';
+    /** Custom bullet character (for bullet style) */
+    bulletChar?: string;
+    /** Indent size in spaces */
+    indentSize?: number;
+}
+/**
+ * Render list component
+ * @param config - List configuration
+ */
+export declare function renderList(config: ListConfig): void;
+/**
+ * Create list configuration (factory function)
+ */
+export declare function createList(items: (string | ListItem)[], options?: {
+    style?: 'bullet' | 'number' | 'none';
+    bulletChar?: string;
+    indentSize?: number;
+}): ListConfig;
+/**
+ * Create a simple bullet list
+ */
+export declare function createBulletList(items: string[]): ListConfig;
+/**
+ * Create a numbered list
+ */
+export declare function createNumberedList(items: string[]): ListConfig;

package/dist/components/display/list.js

@@ -0,0 +1,86 @@
+"use strict";
+/**
+ * List Component
+ * Displays items in a list format with optional bullets/numbers
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderList = renderList;
+exports.createList = createList;
+exports.createBulletList = createBulletList;
+exports.createNumberedList = createNumberedList;
+const terminal_js_1 = require("../../core/terminal.js");
+/**
+ * Render list component
+ * @param config - List configuration
+ */
+function renderList(config) {
+    const { items, style = 'bullet', bulletChar = '•', indentSize = 2 } = config;
+    if (items.length === 0) {
+        return;
+    }
+    items.forEach((item, index) => {
+        let text;
+        let indent;
+        let bullet;
+        // Parse item
+        if (typeof item === 'string') {
+            text = item;
+            indent = 0;
+            bullet = undefined;
+        }
+        else {
+            text = item.text;
+            indent = item.indent || 0;
+            bullet = item.bullet;
+        }
+        // Generate prefix based on style
+        let prefix;
+        if (bullet) {
+            // Custom bullet
+            prefix = bullet;
+        }
+        else {
+            switch (style) {
+                case 'number':
+                    prefix = `${index + 1}.`;
+                    break;
+                case 'bullet':
+                    prefix = bulletChar;
+                    break;
+                case 'none':
+                default:
+                    prefix = '';
+                    break;
+            }
+        }
+        // Build line with indent and prefix
+        const indentStr = ' '.repeat(indent * indentSize);
+        const line = prefix
+            ? `${indentStr}${prefix} ${text}`
+            : `${indentStr}${text}`;
+        (0, terminal_js_1.writeLine)(line);
+    });
+}
+/**
+ * Create list configuration (factory function)
+ */
+function createList(items, options) {
+    return {
+        items,
+        style: options?.style ?? 'bullet',
+        bulletChar: options?.bulletChar ?? '•',
+        indentSize: options?.indentSize ?? 2
+    };
+}
+/**
+ * Create a simple bullet list
+ */
+function createBulletList(items) {
+    return createList(items, { style: 'bullet' });
+}
+/**
+ * Create a numbered list
+ */
+function createNumberedList(items) {
+    return createList(items, { style: 'number' });
+}

package/dist/components/display/messages.js

@@ -24,23 +24,23 @@ function renderMessage(config) {
     switch (type) {
         case 'success':
             icon = '✓';
-            color = colors_js_1.colors.green;
+            color = colors_js_1.uiColors.success;
             break;
         case 'error':
             icon = '✗';
-            color = colors_js_1.colors.red;
+            color = colors_js_1.uiColors.error;
             break;
         case 'warning':
             icon = '⚠';
-            color = colors_js_1.colors.yellow;
+            color = colors_js_1.uiColors.warning;
             break;
         case 'info':
             icon = 'ℹ';
-            color = colors_js_1.colors.blue;
+            color = colors_js_1.uiColors.info;
             break;
         case 'question':
             icon = '?';
-            color = colors_js_1.colors.yellow;
+            color = colors_js_1.uiColors.warning;
             break;
     }
     (0, terminal_js_1.writeLine)(`${color}${icon}${colors_js_1.colors.reset} ${message}`);

package/dist/components/display/progress.d.ts

@@ -39,3 +39,20 @@ export declare function createStageHeader(stageName: string, stepNumber: number)
  * @param width - Optional width
  */
 export declare function createStageSeparator(char?: string, width?: number): void;
+/**
+ * Single-line completed progress marker.
+ * Use this for execution flows that print one completed step at a time.
+ */
+export declare function renderProgressCheckmark(step: string, options?: {
+    icon?: string;
+    indent?: string;
+    color?: string;
+}): void;
+/**
+ * Alias factory for renderProgressCheckmark
+ */
+export declare function createProgressCheckmark(step: string, options?: {
+    icon?: string;
+    indent?: string;
+    color?: string;
+}): void;

package/dist/components/display/progress.js

@@ -10,6 +10,8 @@ exports.renderStageSeparator = renderStageSeparator;
 exports.createProgressIndicator = createProgressIndicator;
 exports.createStageHeader = createStageHeader;
 exports.createStageSeparator = createStageSeparator;
+exports.renderProgressCheckmark = renderProgressCheckmark;
+exports.createProgressCheckmark = createProgressCheckmark;
 const terminal_js_1 = require("../../core/terminal.js");
 const colors_js_1 = require("../../core/colors.js");
 const terminal_js_2 = require("../../core/terminal.js");
@@ -80,3 +82,19 @@ function createStageHeader(stageName, stepNumber) {
 function createStageSeparator(char, width) {
     renderStageSeparator(char, width);
 }
+/**
+ * Single-line completed progress marker.
+ * Use this for execution flows that print one completed step at a time.
+ */
+function renderProgressCheckmark(step, options) {
+    const icon = options?.icon ?? '✓';
+    const indent = options?.indent ?? '  ';
+    const color = options?.color ?? colors_js_1.uiColors.primary;
+    (0, terminal_js_1.writeLine)(`${indent}${color}${icon}${colors_js_1.colors.reset} ${step}`);
+}
+/**
+ * Alias factory for renderProgressCheckmark
+ */
+function createProgressCheckmark(step, options) {
+    renderProgressCheckmark(step, options);
+}

package/dist/components/display/summary.js

@@ -10,6 +10,58 @@ exports.createSimpleSummary = createSimpleSummary;
 const terminal_js_1 = require("../../core/terminal.js");
 const colors_js_1 = require("../../core/colors.js");
 const terminal_js_2 = require("../../core/terminal.js");
+function resolveColorSpec(spec) {
+    if (!spec) {
+        return '';
+    }
+    return spec
+        .split('+')
+        .map(part => {
+        const token = part.trim();
+        if (!token) {
+            return '';
+        }
+        const named = colors_js_1.colors[token];
+        if (named) {
+            return named;
+        }
+        // Accept raw ANSI sequences (e.g. values from getUIColors()).
+        if (/^\x1b\[[0-9;]*m$/.test(token)) {
+            return token;
+        }
+        return '';
+    })
+        .join('');
+}
+function splitLongToken(token, maxWidth) {
+    if (token.length <= maxWidth) {
+        return [token];
+    }
+    const chunks = [];
+    let rest = token;
+    const breakChars = ['/', '\\', '-', '_', '.'];
+    while (rest.length > maxWidth) {
+        let breakPos = -1;
+        for (const ch of breakChars) {
+            const idx = rest.lastIndexOf(ch, maxWidth - 1);
+            if (idx > breakPos) {
+                breakPos = idx;
+            }
+        }
+        if (breakPos <= 0) {
+            breakPos = maxWidth;
+        }
+        else {
+            breakPos += 1;
+        }
+        chunks.push(rest.slice(0, breakPos));
+        rest = rest.slice(breakPos);
+    }
+    if (rest.length > 0) {
+        chunks.push(rest);
+    }
+    return chunks;
+}
 /**
  * Wrap text to fit within a specific width, preserving ANSI color codes
  */
@@ -17,10 +69,15 @@ function wrapTextWithColors(text, maxWidth) {
     // Extract ANSI codes and plain text
     const ansiRegex = /\x1b\[[0-9;]*m/g;
     const plainText = text.replace(ansiRegex, '');
+    const hasAnsi = /\x1b\[[0-9;]*m/.test(text);
     // If plain text fits, return as-is
     if (plainText.length <= maxWidth) {
         return [text];
     }
+    // Fast path for plain text (no ANSI): support long token wrapping (e.g. file paths).
+    if (!hasAnsi) {
+        return wrapText(text, maxWidth);
+    }
     // Find all ANSI codes and their positions in the original text
     const codes = [];
     let match;
@@ -94,6 +151,16 @@ function wrapText(text, maxWidth) {
     const lines = [];
     let currentLine = '';
     for (const word of words) {
+        if (word.length > maxWidth) {
+            if (currentLine) {
+                lines.push(currentLine);
+                currentLine = '';
+            }
+            const chunks = splitLongToken(word, maxWidth);
+            lines.push(...chunks.slice(0, -1));
+            currentLine = chunks[chunks.length - 1] || '';
+            continue;
+        }
         const testLine = currentLine ? `${currentLine} ${word}` : word;
         if (testLine.length <= maxWidth) {
             currentLine = testLine;
@@ -136,12 +203,7 @@ function renderSummaryTable(config) {
     (0, terminal_js_1.writeLine)(`│${' '.repeat(boxWidth - 2)}│`);
     // Title if provided
     if (title) {
-        // Parse color configuration (supports "color" or "color+style" format)
-        let titleColor = '';
-        if (finalColors.title) {
-            const parts = finalColors.title.split('+');
-            titleColor = parts.map(part => colors_js_1.colors[part.trim()] || '').join('');
-        }
+        const titleColor = resolveColorSpec(finalColors.title);
         const resetColor = titleColor ? colors_js_1.colors.reset : '';
         let titleLine;
         let remainingSpace;
@@ -173,7 +235,7 @@ function renderSummaryTable(config) {
     sections.forEach((section, sectionIndex) => {
         // Section header if provided
         if (section.header) {
-            const headerColor = finalColors.sectionHeader ? colors_js_1.colors[finalColors.sectionHeader] || '' : '';
+            const headerColor = resolveColorSpec(finalColors.sectionHeader);
             const resetColor = headerColor ? colors_js_1.colors.reset : '';
             const headerLine = `  ${headerColor}${section.header}${resetColor}`;
             const remainingSpace = boxWidth - section.header.length - 4;
@@ -188,7 +250,7 @@ function renderSummaryTable(config) {
                 // Wrap the value (preserving colors if present)
                 const wrappedLines = wrapTextWithColors(item.value, valueMaxWidth);
                 // First line with key
-                const keyColor = finalColors.key ? colors_js_1.colors[finalColors.key] || '' : '';
+                const keyColor = resolveColorSpec(finalColors.key);
                 const keyResetColor = keyColor ? colors_js_1.colors.reset : '';
                 // wrappedLines already contain colors, don't add valueColor
                 const firstLine = `  ${keyColor}${item.key}:${keyResetColor}${' '.repeat(Math.max(1, keyPadding - item.key.length))}${wrappedLines[0]}`;
@@ -205,9 +267,9 @@ function renderSummaryTable(config) {
             }
             else {
                 // No wrapping needed
-                const keyColor = finalColors.key ? colors_js_1.colors[finalColors.key] || '' : '';
+                const keyColor = resolveColorSpec(finalColors.key);
                 const keyResetColor = keyColor ? colors_js_1.colors.reset : '';
-                const valueColor = finalColors.value ? colors_js_1.colors[finalColors.value] || '' : '';
+                const valueColor = resolveColorSpec(finalColors.value);
                 const valueResetColor = valueColor ? colors_js_1.colors.reset : '';
                 // Only wrap value with color if valueColor is set, otherwise preserve original colors in item.value
                 const coloredValue = valueColor ? `${valueColor}${item.value}${valueResetColor}` : item.value;

package/dist/components/display/table.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Table Component
+ * Displays data in a table format with headers and rows
+ */
+/**
+ * Table column configuration
+ */
+export interface TableColumn {
+    /** Column header */
+    header: string;
+    /** Column key in data object */
+    key: string;
+    /** Column width (optional, auto-calculated if not provided) */
+    width?: number;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+}
+/**
+ * Table configuration
+ */
+export interface TableConfig {
+    /** Table columns */
+    columns: TableColumn[];
+    /** Table data rows */
+    data: Record<string, any>[];
+    /** Show table borders */
+    showBorders?: boolean;
+    /** Show header separator */
+    showHeaderSeparator?: boolean;
+    /** Border color (ANSI escape code, e.g., '\x1b[2m' for dim/gray) */
+    borderColor?: string;
+}
+/**
+ * Render table component
+ * @param config - Table configuration
+ */
+export declare function renderTable(config: TableConfig): void;
+/**
+ * Create table configuration (factory function)
+ */
+export declare function createTable(columns: TableColumn[], data: Record<string, any>[], options?: {
+    showBorders?: boolean;
+    showHeaderSeparator?: boolean;
+}): TableConfig;

package/dist/components/display/table.js

@@ -0,0 +1,108 @@
+"use strict";
+/**
+ * Table Component
+ * Displays data in a table format with headers and rows
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTable = renderTable;
+exports.createTable = createTable;
+const terminal_js_1 = require("../../core/terminal.js");
+/**
+ * Render table component
+ * @param config - Table configuration
+ */
+function renderTable(config) {
+    const { columns, data, showBorders = true, showHeaderSeparator = true, borderColor = '' } = config;
+    if (columns.length === 0 || data.length === 0) {
+        return;
+    }
+    const resetColor = borderColor ? '\x1b[0m' : '';
+    // Calculate column widths
+    const columnWidths = columns.map((col, index) => {
+        if (col.width)
+            return col.width;
+        // Auto-calculate width based on header and data
+        const headerWidth = col.header.length;
+        const dataWidth = Math.max(...data.map(row => String(row[col.key] || '').length));
+        return Math.max(headerWidth, dataWidth) + 2; // +2 for padding
+    });
+    // Render top border
+    if (showBorders) {
+        const border = columnWidths.map(w => '─'.repeat(w)).join('┬');
+        (0, terminal_js_1.writeLine)(`${borderColor}┌${border}┐${resetColor}`);
+    }
+    // Render header
+    const headerCells = columns.map((col, index) => {
+        const width = columnWidths[index];
+        const align = col.align || 'left';
+        return alignText(col.header, width, align);
+    });
+    if (showBorders) {
+        (0, terminal_js_1.writeLine)(`${borderColor}│${resetColor}${headerCells.join(`${borderColor}│${resetColor}`)}${borderColor}│${resetColor}`);
+    }
+    else {
+        (0, terminal_js_1.writeLine)(headerCells.join(' '));
+    }
+    // Render header separator
+    if (showHeaderSeparator) {
+        if (showBorders) {
+            const separator = columnWidths.map(w => '─'.repeat(w)).join('┼');
+            (0, terminal_js_1.writeLine)(`${borderColor}├${separator}┤${resetColor}`);
+        }
+        else {
+            const separator = columnWidths.map(w => '─'.repeat(w)).join(' ');
+            (0, terminal_js_1.writeLine)(separator);
+        }
+    }
+    // Render data rows
+    data.forEach((row, rowIndex) => {
+        const cells = columns.map((col, colIndex) => {
+            const width = columnWidths[colIndex];
+            const align = col.align || 'left';
+            const value = String(row[col.key] || '');
+            return alignText(value, width, align);
+        });
+        if (showBorders) {
+            (0, terminal_js_1.writeLine)(`${borderColor}│${resetColor}${cells.join(`${borderColor}│${resetColor}`)}${borderColor}│${resetColor}`);
+        }
+        else {
+            (0, terminal_js_1.writeLine)(cells.join(' '));
+        }
+    });
+    // Render bottom border
+    if (showBorders) {
+        const border = columnWidths.map(w => '─'.repeat(w)).join('┴');
+        (0, terminal_js_1.writeLine)(`${borderColor}└${border}┘${resetColor}`);
+    }
+}
+/**
+ * Align text within a given width
+ */
+function alignText(text, width, align) {
+    const padding = width - text.length;
+    if (padding <= 0) {
+        return text.substring(0, width);
+    }
+    switch (align) {
+        case 'center':
+            const leftPad = Math.floor(padding / 2);
+            const rightPad = padding - leftPad;
+            return ' '.repeat(leftPad) + text + ' '.repeat(rightPad);
+        case 'right':
+            return ' '.repeat(padding) + text;
+        case 'left':
+        default:
+            return text + ' '.repeat(padding);
+    }
+}
+/**
+ * Create table configuration (factory function)
+ */
+function createTable(columns, data, options) {
+    return {
+        columns,
+        data,
+        showBorders: options?.showBorders ?? true,
+        showHeaderSeparator: options?.showHeaderSeparator ?? true
+    };
+}

package/dist/components/inputs/language-input.js

@@ -9,13 +9,14 @@ const terminal_js_1 = require("../../core/terminal.js");
 const keyboard_js_1 = require("../../core/keyboard.js");
 const renderer_js_1 = require("../../core/renderer.js");
 const colors_js_1 = require("../../core/colors.js");
+const registry_js_1 = require("../../i18n/registry.js");
 /**
  * Show a language selector
  * @param config - Selector configuration
  * @returns Promise resolving to selected language code
  */
 async function showLanguageSelector(config) {
-    const { languages, defaultLanguage, prompt = '选择语言 / Select Language', onExit } = config;
+    const { languages, defaultLanguage, prompt = 'Select Language', onExit, preserveOnExit = false } = config;
     // Validate languages
     if (!languages || languages.length === 0) {
         throw new Error('LanguageSelector requires at least one language');
@@ -33,7 +34,7 @@ async function showLanguageSelector(config) {
         (0, terminal_js_1.clearMenu)(state);
         let lineCount = 0;
         // Render header
-        (0, renderer_js_1.renderHeader)(`  ${prompt}`, colors_js_1.colors.cyan);
+        (0, renderer_js_1.renderHeader)(`  ${prompt}`, colors_js_1.uiColors.primary);
         lineCount++;
         (0, renderer_js_1.renderBlankLines)(1);
         lineCount++;
@@ -48,7 +49,7 @@ async function showLanguageSelector(config) {
         // Render hints
         (0, renderer_js_1.renderBlankLines)(1);
         lineCount++;
-        (0, renderer_js_1.renderHints)(['↑↓ 方向键', '1-9 输入序号', '⏎ 确认']);
+        (0, renderer_js_1.renderHints)([(0, registry_js_1.t)('hints.arrows'), (0, registry_js_1.t)('hints.numbers'), (0, registry_js_1.t)('hints.enter')]);
         lineCount++;
         state.renderedLines = lineCount;
     };
@@ -60,13 +61,15 @@ async function showLanguageSelector(config) {
             // Handle Ctrl+C
             if ((0, keyboard_js_1.isCtrlC)(key)) {
                 state.stdin.removeListener('data', onData);
-                (0, terminal_js_1.clearMenu)(state);
+                if (!preserveOnExit) {
+                    (0, terminal_js_1.clearMenu)(state);
+                }
                 (0, terminal_js_1.restoreTerminal)(state);
                 if (onExit) {
                     onExit();
                 }
                 else {
-                    console.log('\n👋 再见!');
+                    console.log(`\n${(0, registry_js_1.t)('messages.goodbye')}`);
                 }
                 process.exit(0);
             }