@sutrata/editor 0.4.0 → 0.4.1

package/dist/ai/VoiceConfirmDialog.js

@@ -3,9 +3,11 @@ import { useState, useEffect } from 'react';
 import { useAI } from '../extensions/ai-provider';
 import { formatTranscript as formatWithAI } from './format-transcript';
 import { SparklesIcon } from '../shell/icons';
+import { useTranslation } from '../i18n/useTranslation';
 /** Rendered only where useAI() is non-null (VoiceToolbar, SelectionMenu's Format). */
 export function VoiceConfirmDialog({ rawTranscript, langCode, onConfirm, onCancel }) {
     const ai = useAI();
+    const { t } = useTranslation();
     const [formattedText, setFormattedText] = useState('');
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState('');
@@ -33,5 +35,5 @@ export function VoiceConfirmDialog({ rawTranscript, langCode, onConfirm, onCance
         localStorage.setItem('sutrata_always_auto_insert', alwaysAutoInsert ? 'true' : 'false');
         onConfirm(formattedText);
     };
-    return (_jsx("div", { className: "cs-dialog-overlay", onClick: onCancel, style: { zIndex: 310 }, children: _jsxs("div", { className: "cs-dialog cs-voice-confirm-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Review Formatting", onClick: e => e.stopPropagation(), children: [_jsxs("div", { className: "cs-dialog-header", children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx(SparklesIcon, { size: 16 }), _jsx("span", { className: "cs-dialog-title", children: "Review Formatting" })] }), _jsx("button", { type: "button", className: "cs-fr-close", onClick: onCancel, "aria-label": "Close", children: "\u00D7" })] }), _jsx("div", { className: "cs-voice-confirm-body", children: isLoading ? (_jsxs("div", { className: "cs-voice-loading-state", children: [_jsx("div", { className: "cs-spinner", style: { width: '28px', height: '28px', borderWidth: '2.5px' } }), _jsx("span", { style: { fontSize: '13px', color: 'var(--cs-ui-text-dark-secondary, #a8a69d)' }, children: "Formatting into Sutra screenplay format..." })] })) : (_jsxs(_Fragment, { children: [error && (_jsxs("div", { className: "cs-voice-error", role: "alert", children: ["AI formatting notice: ", error, " (showing raw input below)"] })), _jsxs("div", { className: "cs-voice-grid", children: [_jsxs("div", { className: "cs-voice-column", children: [_jsx("span", { className: "cs-voice-col-title", children: "Raw Content" }), _jsx("div", { className: "cs-voice-box-raw", tabIndex: 0, children: rawTranscript })] }), _jsxs("div", { className: "cs-voice-column", children: [_jsx("span", { className: "cs-voice-col-title", children: "Formatted Sutra" }), _jsx("textarea", { className: "cs-voice-box-formatted", value: formattedText, onChange: e => setFormattedText(e.target.value), rows: 8 })] })] }), _jsx("div", { className: "cs-voice-options", children: _jsxs("label", { className: "cs-voice-checkbox-label", children: [_jsx("input", { type: "checkbox", checked: alwaysAutoInsert, onChange: e => setAlwaysAutoInsert(e.target.checked) }), _jsx("span", { children: "Always auto-insert directly into screenplay (skip review)" })] }) }), _jsxs("div", { className: "cs-dialog-actions", style: { display: 'flex', justifyContent: 'flex-end', gap: '8px', marginTop: '12px' }, children: [_jsx("button", { type: "button", className: "cs-voice-btn-ghost", onClick: onCancel, children: "Discard" }), _jsx("button", { type: "button", className: "cs-voice-btn-primary", onClick: handleConfirm, children: "Insert Into Screenplay" })] })] })) })] }) }));
+    return (_jsx("div", { className: "cs-dialog-overlay", onClick: onCancel, style: { zIndex: 310 }, children: _jsxs("div", { className: "cs-dialog cs-voice-confirm-dialog", role: "dialog", "aria-modal": "true", "aria-label": t('voice.title'), onClick: e => e.stopPropagation(), children: [_jsxs("div", { className: "cs-dialog-header", children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx(SparklesIcon, { size: 16 }), _jsx("span", { className: "cs-dialog-title", children: t('voice.title') })] }), _jsx("button", { type: "button", className: "cs-fr-close", onClick: onCancel, "aria-label": t('common.close'), children: "\u00D7" })] }), _jsx("div", { className: "cs-voice-confirm-body", children: isLoading ? (_jsxs("div", { className: "cs-voice-loading-state", children: [_jsx("div", { className: "cs-spinner", style: { width: '28px', height: '28px', borderWidth: '2.5px' } }), _jsx("span", { style: { fontSize: '13px', color: 'var(--cs-ui-text-dark-secondary, #a8a69d)' }, children: t('voice.formatting') })] })) : (_jsxs(_Fragment, { children: [error && (_jsx("div", { className: "cs-voice-error", role: "alert", children: t('voice.notice').replace('{error}', error) })), _jsxs("div", { className: "cs-voice-grid", children: [_jsxs("div", { className: "cs-voice-column", children: [_jsx("span", { className: "cs-voice-col-title", children: t('voice.raw') }), _jsx("div", { className: "cs-voice-box-raw", tabIndex: 0, children: rawTranscript })] }), _jsxs("div", { className: "cs-voice-column", children: [_jsx("span", { className: "cs-voice-col-title", children: t('voice.formatted') }), _jsx("textarea", { className: "cs-voice-box-formatted", value: formattedText, onChange: e => setFormattedText(e.target.value), rows: 8 })] })] }), _jsx("div", { className: "cs-voice-options", children: _jsxs("label", { className: "cs-voice-checkbox-label", children: [_jsx("input", { type: "checkbox", checked: alwaysAutoInsert, onChange: e => setAlwaysAutoInsert(e.target.checked) }), _jsx("span", { children: t('voice.autoInsert') })] }) }), _jsxs("div", { className: "cs-dialog-actions", style: { display: 'flex', justifyContent: 'flex-end', gap: '8px', marginTop: '12px' }, children: [_jsx("button", { type: "button", className: "cs-voice-btn-ghost", onClick: onCancel, children: t('voice.discard') }), _jsx("button", { type: "button", className: "cs-voice-btn-primary", onClick: handleConfirm, children: t('voice.insert') })] })] })) })] }) }));
 }

package/dist/ai/VoiceToolbar.js

@@ -26,7 +26,7 @@ export function VoiceToolbar() {
     const ai = useAI();
     const speech = useSpeech();
     const sessionRef = useRef(null);
-    const { locale } = useTranslation();
+    const { locale, t } = useTranslation();
     const defaultLang = VOICE_LANGUAGES.find(l => l.base === locale)?.code || 'en-US';
     const [langCode, setLangCode] = useState(defaultLang);
     const [isListening, setIsListening] = useState(false);
@@ -84,10 +84,10 @@ export function VoiceToolbar() {
                 const result = await formatTranscript(ai, fullTranscript, langCode);
                 insertSutra(result.trim(), mode);
                 setVoiceActive(false);
-                showToast('Voice dictation inserted.', 'success');
+                showToast(t('voice.toast.inserted'), 'success');
             }
             catch (e) {
-                showToast(`Auto-insert failed: ${e.message || String(e)}. Opening confirmation dialog.`, 'warn');
+                showToast(t('voice.toast.autoFailed').replace('{error}', e.message || String(e)), 'warn');
                 setShowConfirm(true);
             }
             finally {
@@ -101,11 +101,11 @@ export function VoiceToolbar() {
     const handleStart = async () => {
         if (!(await ai.isConfigured())) {
             if (ai.openSetup) {
-                showToast('AI must be set up to format dictated text. Opening Setup...', 'info');
+                showToast(t('voice.toast.setup'), 'info');
                 ai.openSetup();
             }
             else {
-                showToast(`${ai.displayName} is not available right now.`, 'warn');
+                showToast(t('ai.unavailable').replace('{name}', ai.displayName), 'warn');
             }
             return;
         }
@@ -161,7 +161,7 @@ export function VoiceToolbar() {
         insertSutra(formattedText, mode);
         setShowConfirm(false);
         setVoiceActive(false);
-        showToast('Screenplay formatted and inserted.', 'success');
+        showToast(t('voice.toast.formatted'), 'success');
     };
     const activeBaseLang = VOICE_LANGUAGES.find(l => l.code === langCode)?.base || 'en';
     const cheatsheet = LOCALIZED_COMMANDS[activeBaseLang] || LOCALIZED_COMMANDS.en;
@@ -172,10 +172,10 @@ export function VoiceToolbar() {
                 setVoiceActive(false);
             } }));
     }
-    return (_jsxs("div", { className: "cs-voice-toolbar", role: "region", "aria-label": "Voice Dictation Toolbar", children: [_jsxs("div", { className: "cs-voice-toolbar-row", children: [_jsxs("div", { className: "cs-voice-toolbar-badge", children: [_jsx(MicIcon, { size: 14 }), _jsx("span", { children: "Voice Dictation" })] }), _jsx("select", { className: "cs-voice-select", value: langCode, onChange: e => setLangCode(e.target.value), disabled: isListening, "aria-label": "Voice Language", children: VOICE_LANGUAGES.map(l => (_jsx("option", { value: l.code, children: l.label }, l.code))) }), isListening ? (_jsxs("div", { className: "cs-voice-listening-group", children: [_jsx("button", { type: "button", className: "cs-voice-btn-danger", onClick: handleStopListening, children: "Stop & Format" }), _jsx("canvas", { ref: canvasRef, width: 110, height: 26, className: "cs-voice-waveform", role: "img", "aria-label": "Audio waveform visualization" })] })) : (_jsxs("div", { className: "cs-voice-actions-group", children: [_jsxs("button", { type: "button", className: "cs-voice-btn-primary", onClick: handleStart, disabled: !isSupported || isFormatting, children: [_jsx(MicIcon, { size: 14 }), _jsx("span", { children: isFormatting ? 'Formatting...' : 'Start Dictation' })] }), transcript && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "cs-voice-btn-secondary", onClick: handleFormatCaptured, disabled: isFormatting, children: "Re-format" }), _jsx("button", { type: "button", className: "cs-voice-btn-ghost", onClick: () => {
+    return (_jsxs("div", { className: "cs-voice-toolbar", role: "region", "aria-label": t('voice.toolbar.aria'), children: [_jsxs("div", { className: "cs-voice-toolbar-row", children: [_jsxs("div", { className: "cs-voice-toolbar-badge", children: [_jsx(MicIcon, { size: 14 }), _jsx("span", { children: t('appbar.voice') })] }), _jsx("select", { className: "cs-voice-select", value: langCode, onChange: e => setLangCode(e.target.value), disabled: isListening, "aria-label": t('voice.language'), children: VOICE_LANGUAGES.map(l => (_jsx("option", { value: l.code, children: l.label }, l.code))) }), isListening ? (_jsxs("div", { className: "cs-voice-listening-group", children: [_jsx("button", { type: "button", className: "cs-voice-btn-danger", onClick: handleStopListening, children: t('voice.stopFormat') }), _jsx("canvas", { ref: canvasRef, width: 110, height: 26, className: "cs-voice-waveform", role: "img", "aria-label": t('voice.wave') })] })) : (_jsxs("div", { className: "cs-voice-actions-group", children: [_jsxs("button", { type: "button", className: "cs-voice-btn-primary", onClick: handleStart, disabled: !isSupported || isFormatting, children: [_jsx(MicIcon, { size: 14 }), _jsx("span", { children: isFormatting ? t('voice.formattingBtn') : t('voice.start') })] }), transcript && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "cs-voice-btn-secondary", onClick: handleFormatCaptured, disabled: isFormatting, children: t('voice.reformat') }), _jsx("button", { type: "button", className: "cs-voice-btn-ghost", onClick: () => {
                                             setTranscript('');
                                             setError('');
-                                        }, children: "Clear" })] }))] })), _jsx("button", { type: "button", className: "cs-voice-btn-ghost", onClick: handleCancel, children: "Close" }), !isSupported && (_jsxs("span", { className: "cs-voice-warning", children: [speech.displayName, " is not supported in this browser."] }))] }), (isListening || transcript || interimResult) && (isListening ? (_jsxs("div", { className: "cs-voice-transcript-box", children: [transcript, interimResult && _jsxs("span", { className: "cs-voice-interim", children: [" ", interimResult] }), !transcript && !interimResult && _jsx("span", { className: "cs-voice-placeholder", children: "Speak now to dictate..." })] })) : (_jsx("textarea", { className: "cs-voice-textarea", value: transcript, onChange: (e) => setTranscript(e.target.value), placeholder: "Edit captured text before formatting...", rows: 2 }))), error && (_jsx("div", { className: "cs-voice-error", role: "alert", children: error })), _jsxs("div", { className: "cs-voice-cheatsheet", children: [_jsx("span", { className: "cs-voice-cheatsheet-title", children: "Commands:" }), cheatsheet.map(c => {
+                                        }, children: t('voice.clear') })] }))] })), _jsx("button", { type: "button", className: "cs-voice-btn-ghost", onClick: handleCancel, children: t('common.close') }), !isSupported && (_jsx("span", { className: "cs-voice-warning", children: t('voice.notSupported').replace('{name}', speech.displayName) }))] }), (isListening || transcript || interimResult) && (isListening ? (_jsxs("div", { className: "cs-voice-transcript-box", children: [transcript, interimResult && _jsxs("span", { className: "cs-voice-interim", children: [" ", interimResult] }), !transcript && !interimResult && _jsx("span", { className: "cs-voice-placeholder", children: t('voice.speakNow') })] })) : (_jsx("textarea", { className: "cs-voice-textarea", value: transcript, onChange: (e) => setTranscript(e.target.value), placeholder: t('voice.editCaptured'), rows: 2 }))), error && (_jsx("div", { className: "cs-voice-error", role: "alert", children: error })), _jsxs("div", { className: "cs-voice-cheatsheet", children: [_jsx("span", { className: "cs-voice-cheatsheet-title", children: t('voice.commands') }), cheatsheet.map(c => {
                         if (c.type === 'literal')
                             return null;
                         return (_jsxs("span", { className: "cs-voice-tag", children: [_jsx("span", { className: "cs-voice-tag-type", children: c.type }), ": \u201C", c.keywords[0], "\u201D"] }, c.type));

package/dist/context/DocumentContext.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from '../i18n/useTranslation';
 import { createContext, useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
 import { parse, importFountain, fountainDocToSutra } from '@sutrata/parser';
 import { StorageAdapterProvider } from '../extensions/storage-adapter';
@@ -66,6 +67,11 @@ function useRegistryProp(value, create) {
     return useMemo(() => (Array.isArray(value) || !value ? create(value ?? []) : value), [value]); // eslint-disable-line react-hooks/exhaustive-deps
 }
 export function DocumentProvider({ children, storageAdapter, aiProvider, speechProvider, session, panels, commands, exporters, decorationProviders, collabBinding, }) {
+    const { t } = useTranslation();
+    // Callbacks and mount effects read the latest translator through a ref so a
+    // language switch never re-runs them.
+    const tRef = useRef(t);
+    tRef.current = t;
     const panelRegistry = useRegistryProp(panels, createPanelRegistry);
     const commandRegistry = useRegistryProp(commands, createCommandRegistry);
     const exportRegistry = useRegistryProp(exporters, createExportRegistry);
@@ -170,7 +176,7 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
                     if (!cancelled && handle)
                         fileHandleRef.current = handle;
                 }
-                showToast('Recovered unsaved changes from your last session.', 'info');
+                showToast(tRef.current('doc.recovered'), 'info');
             }
             catch {
                 // Best-effort recovery; fall back to the empty template on failure.
@@ -258,7 +264,7 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
         catch {
             if (!autosaveFailedRef.current) {
                 autosaveFailedRef.current = true;
-                showToast('Autosave failed — your browser storage may be full or unavailable.', 'warn');
+                showToast(tRef.current('doc.autosaveFailed'), 'warn');
             }
         }
     }, [storageAdapter, showToast, applyExternalText]);
@@ -301,9 +307,9 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
             return;
         }
         showConfirm({
-            title: 'Discard Unsaved Changes?',
-            message: 'Starting a new screenplay will discard all unsaved edits to your current document.',
-            confirmLabel: 'Discard & Create New',
+            title: tRef.current('doc.discardTitle'),
+            message: tRef.current('doc.newMsg'),
+            confirmLabel: tRef.current('doc.newConfirm'),
             destructive: true,
             onConfirm: doNew,
         });
@@ -355,9 +361,9 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
         }
         await new Promise((resolve) => {
             showConfirm({
-                title: 'Discard Unsaved Changes?',
-                message: 'Opening a different screenplay will discard any unsaved edits to your current document.',
-                confirmLabel: 'Discard & Open',
+                title: tRef.current('doc.discardTitle'),
+                message: tRef.current('doc.openMsg'),
+                confirmLabel: tRef.current('doc.openConfirm'),
                 destructive: true,
                 onConfirm: () => { void doOpen().then(resolve); },
                 onCancel: () => resolve(),
@@ -389,7 +395,7 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
             if (result.handle)
                 void storageAdapter.persistFileHandle?.(result.savedName, result.handle);
             void refreshVersions(result.savedName);
-            showToast(`Saved ${result.savedName}`, 'success');
+            showToast(tRef.current('doc.saved').replace('{name}', result.savedName), 'success');
         }
     }, [filePath, text, showToast, storageAdapter, refreshVersions]);
     const saveFileAs = useCallback(async () => {
@@ -406,7 +412,7 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
             if (result.handle)
                 void storageAdapter.persistFileHandle?.(result.savedName, result.handle);
             void refreshVersions(result.savedName);
-            showToast(`Saved as ${result.savedName}`, 'success');
+            showToast(tRef.current('doc.savedAs').replace('{name}', result.savedName), 'success');
         }
     }, [filePath, text, showToast, storageAdapter, refreshVersions]);
     // Reimports a .docx previously exported via exportToDocx (optionally corrected/proofread
@@ -422,15 +428,15 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
             return warnings;
         return new Promise((resolve) => {
             showConfirm({
-                title: 'Import Word Document',
-                message: 'Replace the current screenplay content with the imported Word document? This cannot be undone.',
-                confirmLabel: 'Replace Screenplay',
+                title: tRef.current('doc.importTitle'),
+                message: tRef.current('doc.importMsg'),
+                confirmLabel: tRef.current('doc.importConfirm'),
                 destructive: true,
                 onConfirm: () => {
                     const frontmatterRaw = ast.frontmatter?.raw;
                     const newText = frontmatterRaw ? `${frontmatterRaw}\n${bodyText}\n` : `${bodyText}\n`;
                     setText(newText);
-                    showToast('Word document imported successfully', 'success');
+                    showToast(tRef.current('doc.imported'), 'success');
                     resolve(warnings);
                 },
                 onCancel: () => resolve(null),
@@ -450,25 +456,25 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
     const restoreVersion = useCallback((entry) => {
         setText(entry.content); // setText already marks the document dirty
         setVersionHistoryVisible(false);
-        showToast('Version restored — remember to save.', 'info');
+        showToast(tRef.current('doc.versionRestored'), 'info');
     }, [setText, showToast]);
     const clearVersionHistory = useCallback(async () => {
         if (!filePath)
             return;
         return new Promise((resolve) => {
             showConfirm({
-                title: 'Delete Version History?',
-                message: `Delete all ${versions.length} saved versions of ${filePath}? This cannot be undone.`,
-                confirmLabel: 'Delete Version History',
+                title: tRef.current('doc.clearVersionsTitle'),
+                message: tRef.current('doc.clearVersionsMsg').replace('{count}', String(versions.length)).replace('{file}', filePath),
+                confirmLabel: tRef.current('version.delete'),
                 destructive: true,
                 onConfirm: async () => {
                     try {
                         await storageAdapter.deleteAllVersions?.(filePath);
                         setVersions([]);
-                        showToast('Version history cleared', 'success');
+                        showToast(tRef.current('doc.versionsCleared'), 'success');
                     }
                     catch {
-                        showToast('Failed to clear version history', 'error');
+                        showToast(tRef.current('doc.versionsClearFailed'), 'error');
                     }
                     resolve();
                 },
@@ -669,10 +675,10 @@ export function DocumentProvider({ children, storageAdapter, aiProvider, speechP
                 return;
             }
             showConfirm({
-                title: 'Unsaved Changes',
-                message: 'You have unsaved changes. Save them before closing?',
-                confirmLabel: 'Save & Close',
-                cancelLabel: 'Cancel',
+                title: tRef.current('doc.unsavedTitle'),
+                message: tRef.current('doc.unsavedMsg'),
+                confirmLabel: tRef.current('doc.saveClose'),
+                cancelLabel: tRef.current('common.cancel'),
                 onConfirm: () => {
                     void saveFile().then(() => {
                         // saveFile only clears isDirty on success — if the user cancelled a

package/dist/editor/SelectionMenu.js

@@ -6,6 +6,7 @@ import { insertSutra } from './insert-helper';
 import { VoiceConfirmDialog } from '../ai/VoiceConfirmDialog';
 import { SparklesIcon } from '../shell/icons';
 import { useAI } from '../extensions/ai-provider';
+import { useTranslation } from '../i18n/useTranslation';
 const VOICE_LANG_MAP = {
     en: 'en-US',
     hi: 'hi-IN',
@@ -35,6 +36,7 @@ function isSelectionInEditor(sel) {
 export function SelectionMenu() {
     const { currentLanguage } = useLanguage();
     const { mode } = useDocument();
+    const { t } = useTranslation();
     const ai = useAI();
     const [menuPosition, setMenuPosition] = useState(null);
     const [selectedText, setSelectedText] = useState('');
@@ -100,5 +102,5 @@ export function SelectionMenu() {
     return (_jsxs("div", { className: "cs-selection-menu", style: {
             left: `${menuPosition.x}px`,
             top: `${menuPosition.y}px`,
-        }, role: "toolbar", "aria-label": "Text Selection Actions", children: [ai && (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "cs-selection-btn cs-selection-btn-format", onClick: handleFormat, title: "Format selected text using AI", children: [_jsx(SparklesIcon, { size: 12 }), _jsx("span", { children: "Format" })] }), _jsx("div", { className: "cs-selection-sep" })] })), _jsx("button", { type: "button", className: "cs-selection-btn", onClick: handleCut, children: "Cut" }), _jsx("button", { type: "button", className: "cs-selection-btn", onClick: handleCopy, children: "Copy" })] }));
+        }, role: "toolbar", "aria-label": t('selection.label'), children: [ai && (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "cs-selection-btn cs-selection-btn-format", onClick: handleFormat, title: t('selection.formatTitle'), children: [_jsx(SparklesIcon, { size: 12 }), _jsx("span", { children: t('selection.format') })] }), _jsx("div", { className: "cs-selection-sep" })] })), _jsx("button", { type: "button", className: "cs-selection-btn", onClick: handleCut, children: t('selection.cut') }), _jsx("button", { type: "button", className: "cs-selection-btn", onClick: handleCopy, children: t('selection.copy') })] }));
 }

package/dist/file/builtin-exporters.js

@@ -1,26 +1,22 @@
 import { exportFountain } from '@sutrata/parser';
 import { exportToDocx } from './docx-exporter';
 import { extractWorkflowData, exportOneLinerCsv, exportShotListCsv, exportCastReportCsv, exportOneLinerDocx, exportShotListDocx, exportCastReportDocx, openPrintPreview, openScreenplayPrintPreview, } from './workflow-reports';
-/** Short descriptions of the built-in report families, shown under each report's title. */
-const REPORT_DESCRIPTIONS = {
-    'One-Liner Schedule': 'A scene-by-scene production stripboard breakdown with locations, cast, and timings.',
-    'Shot List': 'Camera shot specifications extracted from scene headings and production notes.',
-    'Cast Breakdown': 'Character occurrences, dialogue counts, and assigned actors list.',
-};
 const suffix = (ctx) => (ctx.options.romanized ? '_romanized' : '');
 const titleSuffix = (ctx) => (ctx.options.romanized ? ' (ROMANIZED)' : '');
 /** CSV with a BOM so Excel reads UTF-8 (Indic text) correctly. */
 function csv(content) {
     return new Blob(['\uFEFF', content], { type: 'text/csv;charset=utf-8' });
 }
-function report(id, family, formatLabel, ext, stem, run, successMessage) {
+function report(t, id, familyKey, formatKey, ext, stem, run, successKey) {
+    const family = t(`export.family.${familyKey}`);
+    const formatLabel = t(`export.format.${formatKey}`);
     return {
         id, label: `${family} — ${formatLabel}`, group: 'report', family, formatLabel,
-        description: REPORT_DESCRIPTIONS[family],
+        description: t(`export.family.${familyKey}.desc`),
         supports: { romanize: true },
         run,
         fileName: ctx => `${ctx.baseName}_${stem}${suffix(ctx)}.${ext ?? 'html'}`,
-        successMessage,
+        successMessage: t(successKey),
     };
 }
 /**
@@ -31,42 +27,42 @@ function report(id, family, formatLabel, ext, stem, run, successMessage) {
 export function builtinExporters(t) {
     return [
         {
-            id: 'pdf', label: 'PDF / Print Preview', group: 'screenplay',
-            description: 'Print-ready industry screenplay layout styled according to your active visual template.',
+            id: 'pdf', label: t('export.pdfLabel'), group: 'screenplay',
+            description: t('export.pdfDesc'),
             supports: { style: true, skipNotes: true, romanize: true },
             run: async (ctx) => {
                 const title = `${ctx.baseName.toUpperCase()} - SCREENPLAY${titleSuffix(ctx)}`;
                 await openScreenplayPrintPreview(ctx.ast, title, ctx.options.styleId, ctx.customStyles, ctx.options.skipNotes);
             },
             fileName: ctx => `${ctx.baseName}${suffix(ctx)}.pdf`,
-            successMessage: 'Opened Screenplay Print Preview',
+            successMessage: t('export.done.pdf'),
         },
         {
-            id: 'docx', label: 'Microsoft Word (.docx)', group: 'screenplay',
+            id: 'docx', label: t('export.docxLabel'), group: 'screenplay',
             description: t('export.docxDesc'),
             supports: { style: true, skipNotes: true, romanize: true },
             run: ctx => exportToDocx(ctx.ast, ctx.options.styleId, ctx.customStyles, ctx.options.skipNotes),
             fileName: ctx => `${ctx.baseName}${suffix(ctx)}.docx`,
-            successMessage: 'Exported Word document (.docx)',
+            successMessage: t('export.done.docx'),
         },
         {
-            id: 'fountain', label: 'Fountain (.fountain)', group: 'screenplay',
+            id: 'fountain', label: t('export.fountainLabel'), group: 'screenplay',
             description: t('export.fountainDesc'),
             run: async (ctx) => {
                 const result = exportFountain(ctx.ast);
                 return { blob: new Blob([result.text], { type: 'text/plain;charset=utf-8' }), warnings: result.warnings };
             },
             fileName: ctx => `${ctx.baseName}.fountain`,
-            successMessage: 'Exported Fountain screenplay',
+            successMessage: t('export.done.fountain'),
         },
-        report('oneliner-print', 'One-Liner Schedule', 'Print View', null, 'one_liner', async (ctx) => {
+        report(t, 'oneliner-print', 'oneliner', 'print', null, 'one_liner', async (ctx) => {
             await openPrintPreview(extractWorkflowData(ctx.ast).scenes, `${ctx.baseName.toUpperCase()} - ONE-LINER SCHEDULE${titleSuffix(ctx)}`);
-        }, 'Opened One-Liner Schedule'),
-        report('oneliner-docx', 'One-Liner Schedule', 'Word (.docx)', 'docx', 'one_liner', ctx => exportOneLinerDocx(extractWorkflowData(ctx.ast).scenes), 'Exported One-Liner DOCX'),
-        report('oneliner-csv', 'One-Liner Schedule', 'Spreadsheet (.csv)', 'csv', 'one_liner', async (ctx) => csv(exportOneLinerCsv(extractWorkflowData(ctx.ast).scenes)), 'Exported One-Liner CSV'),
-        report('shotlist-docx', 'Shot List', 'Word (.docx)', 'docx', 'shot_list', ctx => exportShotListDocx(extractWorkflowData(ctx.ast).scenes), 'Exported Shot List DOCX'),
-        report('shotlist-csv', 'Shot List', 'Spreadsheet (.csv)', 'csv', 'shot_list', async (ctx) => csv(exportShotListCsv(extractWorkflowData(ctx.ast).scenes)), 'Exported Shot List CSV'),
-        report('cast-docx', 'Cast Breakdown', 'Word (.docx)', 'docx', 'cast_report', ctx => exportCastReportDocx(extractWorkflowData(ctx.ast).characters), 'Exported Cast Report DOCX'),
-        report('cast-csv', 'Cast Breakdown', 'Spreadsheet (.csv)', 'csv', 'cast_report', async (ctx) => csv(exportCastReportCsv(extractWorkflowData(ctx.ast).characters)), 'Exported Cast Report CSV'),
+        }, 'export.done.oneliner.print'),
+        report(t, 'oneliner-docx', 'oneliner', 'docx', 'docx', 'one_liner', ctx => exportOneLinerDocx(extractWorkflowData(ctx.ast).scenes), 'export.done.oneliner.docx'),
+        report(t, 'oneliner-csv', 'oneliner', 'csv', 'csv', 'one_liner', async (ctx) => csv(exportOneLinerCsv(extractWorkflowData(ctx.ast).scenes)), 'export.done.oneliner.csv'),
+        report(t, 'shotlist-docx', 'shotlist', 'docx', 'docx', 'shot_list', ctx => exportShotListDocx(extractWorkflowData(ctx.ast).scenes), 'export.done.shotlist.docx'),
+        report(t, 'shotlist-csv', 'shotlist', 'csv', 'csv', 'shot_list', async (ctx) => csv(exportShotListCsv(extractWorkflowData(ctx.ast).scenes)), 'export.done.shotlist.csv'),
+        report(t, 'cast-docx', 'cast', 'docx', 'docx', 'cast_report', ctx => exportCastReportDocx(extractWorkflowData(ctx.ast).characters), 'export.done.cast.docx'),
+        report(t, 'cast-csv', 'cast', 'csv', 'csv', 'cast_report', async (ctx) => csv(exportCastReportCsv(extractWorkflowData(ctx.ast).characters)), 'export.done.cast.csv'),
     ];
 }

package/dist/findreplace/FindReplace.js

@@ -171,6 +171,6 @@ export function FindReplace() {
     // Read-only sessions can search but not replace.
     const isReplace = findMode === 'replace' && canEdit;
     const hasMatches = matches.length > 0;
-    return (_jsxs("div", { className: "cs-find-replace", role: "dialog", "aria-label": isReplace ? 'Find and Replace' : 'Find', children: [_jsxs("div", { className: "cs-fr-header", children: [_jsxs("div", { className: "cs-fr-mode-tabs", children: [_jsx("button", { className: `cs-fr-tab${!isReplace ? ' cs-fr-tab-active' : ''}`, onClick: () => setFindMode('find'), children: t('findreplace.findOnly') }), canEdit && _jsx("button", { className: `cs-fr-tab${isReplace ? ' cs-fr-tab-active' : ''}`, onClick: () => setFindMode('replace'), children: t('findreplace.title') })] }), _jsx("button", { className: "cs-fr-close", "aria-label": "Close", onClick: () => setFindReplaceVisible(false), children: "\u00D7" })] }), _jsxs("div", { className: "cs-fr-row", children: [_jsx("input", { ref: queryRef, className: "cs-fr-input", type: "text", placeholder: t('findreplace.find'), value: query, onChange: e => setQuery(e.target.value), onKeyDown: handleQueryKeyDown, "aria-label": "Find" }), _jsx("button", { type: "button", className: "cs-fr-nav-btn", "aria-label": "Previous match", title: "Previous match (Shift+Enter)", onClick: goPrev, disabled: !hasMatches, children: "\u25B2" }), _jsx("button", { type: "button", className: "cs-fr-nav-btn", "aria-label": "Next match", title: "Next match (Enter)", onClick: goNext, disabled: !hasMatches, children: "\u25BC" }), _jsx("button", { type: "button", className: `cs-fr-toggle${caseSensitive ? ' cs-fr-active' : ''}`, onClick: () => setCaseSensitive(v => !v), title: t('findreplace.caseSensitive'), "aria-pressed": caseSensitive, children: "Aa" })] }), _jsxs("div", { className: "cs-fr-status", children: [query && !hasMatches && (_jsx("span", { className: "cs-fr-nomatch", children: t('findreplace.noMatches') })), hasMatches && (_jsxs("span", { className: "cs-fr-nav-count", children: [currentIndex + 1, " of ", matches.length] }))] }), isReplace && (_jsxs(_Fragment, { children: [_jsx("div", { className: "cs-fr-row", children: _jsx("input", { className: "cs-fr-input", type: "text", placeholder: t('findreplace.replace'), value: replacement, onChange: e => setReplacement(e.target.value), onKeyDown: e => { if (e.key === 'Escape')
-                                setFindReplaceVisible(false); }, "aria-label": "Replace with" }) }), _jsxs("div", { className: "cs-fr-actions", children: [_jsx("button", { className: "cs-fr-btn", onClick: handleReplaceOne, disabled: !hasMatches, children: t('findreplace.replaceOne') }), _jsx("button", { className: "cs-fr-btn", onClick: handleReplaceAll, disabled: !query || !hasMatches, children: t('findreplace.replaceAll') })] })] }))] }));
+    return (_jsxs("div", { className: "cs-find-replace", role: "dialog", "aria-label": isReplace ? 'Find and Replace' : 'Find', children: [_jsxs("div", { className: "cs-fr-header", children: [_jsxs("div", { className: "cs-fr-mode-tabs", children: [_jsx("button", { className: `cs-fr-tab${!isReplace ? ' cs-fr-tab-active' : ''}`, onClick: () => setFindMode('find'), children: t('findreplace.findOnly') }), canEdit && _jsx("button", { className: `cs-fr-tab${isReplace ? ' cs-fr-tab-active' : ''}`, onClick: () => setFindMode('replace'), children: t('findreplace.title') })] }), _jsx("button", { className: "cs-fr-close", "aria-label": t('common.close'), onClick: () => setFindReplaceVisible(false), children: "\u00D7" })] }), _jsxs("div", { className: "cs-fr-row", children: [_jsx("input", { ref: queryRef, className: "cs-fr-input", type: "text", placeholder: t('findreplace.find'), value: query, onChange: e => setQuery(e.target.value), onKeyDown: handleQueryKeyDown, "aria-label": t('findreplace.find') }), _jsx("button", { type: "button", className: "cs-fr-nav-btn", "aria-label": t('findreplace.prev'), title: t('findreplace.prevTitle'), onClick: goPrev, disabled: !hasMatches, children: "\u25B2" }), _jsx("button", { type: "button", className: "cs-fr-nav-btn", "aria-label": t('findreplace.next'), title: t('findreplace.nextTitle'), onClick: goNext, disabled: !hasMatches, children: "\u25BC" }), _jsx("button", { type: "button", className: `cs-fr-toggle${caseSensitive ? ' cs-fr-active' : ''}`, onClick: () => setCaseSensitive(v => !v), title: t('findreplace.caseSensitive'), "aria-pressed": caseSensitive, children: "Aa" })] }), _jsxs("div", { className: "cs-fr-status", children: [query && !hasMatches && (_jsx("span", { className: "cs-fr-nomatch", children: t('findreplace.noMatches') })), hasMatches && (_jsx("span", { className: "cs-fr-nav-count", children: t('findreplace.countOf').replace('{current}', String(currentIndex + 1)).replace('{total}', String(matches.length)) }))] }), isReplace && (_jsxs(_Fragment, { children: [_jsx("div", { className: "cs-fr-row", children: _jsx("input", { className: "cs-fr-input", type: "text", placeholder: t('findreplace.replace'), value: replacement, onChange: e => setReplacement(e.target.value), onKeyDown: e => { if (e.key === 'Escape')
+                                setFindReplaceVisible(false); }, "aria-label": t('findreplace.replace') }) }), _jsxs("div", { className: "cs-fr-actions", children: [_jsx("button", { className: "cs-fr-btn", onClick: handleReplaceOne, disabled: !hasMatches, children: t('findreplace.replaceOne') }), _jsx("button", { className: "cs-fr-btn", onClick: handleReplaceAll, disabled: !query || !hasMatches, children: t('findreplace.replaceAll') })] })] }))] }));
 }

package/dist/i18n/useTranslation.js

@@ -17,7 +17,7 @@ const LOCALES = { en, hi, ta, te, ml, kn, bn, gu, mr, pa, or, si };
 const TranslationContext = createContext({
     locale: 'en',
     setLocale: () => { },
-    t: (key) => key,
+    t: (key) => en[key] ?? key,
 });
 const STORAGE_KEY = 'sutrata-ui-locale';
 export function TranslationProvider({ children }) {

package/dist/import/AIImportDialog.js

@@ -1,22 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useRef, useState } from 'react';
 import { useDocument } from '../context/DocumentContext';
+import { useTranslation } from '../i18n/useTranslation';
 import { useAI } from '../extensions/ai-provider';
 import { readImportFile, IMPORT_ACCEPT } from './extract';
 import { runAiImport, splitBlocks, blockKind, retypeBlock } from './ai-import';
 import { applyImport } from './apply-import';
-const KIND_LABELS = {
-    scene_heading: 'Scene heading',
-    action: 'Action',
-    character: 'Character + dialogue',
-    transition: 'Transition',
-    centered: 'Centered',
-    lyrics: 'Lyrics',
-    note: 'Note',
-    section: 'Section',
-    other: 'Other',
+const KIND_LABEL_KEYS = {
+    scene_heading: 'toolbar.scene',
+    action: 'toolbar.action',
+    character: 'aiimport.kind.character',
+    transition: 'toolbar.transition',
+    centered: 'toolbar.centered',
+    lyrics: 'toolbar.lyrics',
+    note: 'toolbar.note',
+    section: 'toolbar.section',
+    other: 'aiimport.kind.other',
 };
-const KIND_OPTIONS = Object.keys(KIND_LABELS).filter(k => k !== 'other');
+const KIND_OPTIONS = Object.keys(KIND_LABEL_KEYS).filter(k => k !== 'other');
 /**
  * AI-assisted import (OSS spec §5.5): pick a Word/text/Markdown file (or paste
  * text), confirm the provider's data policy, let the AI format it as Sutra in
@@ -26,6 +27,7 @@ const KIND_OPTIONS = Object.keys(KIND_LABELS).filter(k => k !== 'other');
  */
 export function AIImportDialog({ onClose }) {
     const ai = useAI();
+    const { t } = useTranslation();
     const { text, setText, showToast } = useDocument();
     const [step, setStep] = useState({ name: 'source' });
     const [pasted, setPasted] = useState('');
@@ -78,7 +80,7 @@ export function AIImportDialog({ onClose }) {
                 signal: controller.signal,
                 onProgress: (done, total) => setStep({ name: 'running', done, total }),
             });
-            const warnings = result.chunks.flatMap(c => c.problems.map(p => `Part ${c.index + 1}: ${p}`));
+            const warnings = result.chunks.flatMap(c => c.problems.map(p => t('aiimport.part').replace('{n}', String(c.index + 1)).replace('{problem}', p)));
             setStep({ name: 'review', fileName, source, blocks: splitBlocks(result.sutra), chunks: result.chunks, warnings });
         }
         catch (e) {
@@ -97,16 +99,16 @@ export function AIImportDialog({ onClose }) {
         if (step.name !== 'review')
             return;
         applyImport(formatted, how, text, setText);
-        showToast(`Imported ${step.fileName} (${step.blocks.length} blocks).`, 'success');
+        showToast(t('aiimport.imported').replace('{file}', step.fileName).replace('{n}', String(step.blocks.length)), 'success');
         onClose();
     };
-    return (_jsx("div", { className: "cs-dialog-overlay", onClick: close, children: _jsxs("div", { className: "cs-dialog cs-ai-import-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Import with AI", onClick: e => e.stopPropagation(), onKeyDown: e => { if (e.key === 'Escape')
-                close(); }, style: { maxWidth: step.name === 'review' ? '1100px' : '560px', width: '94%' }, children: [_jsxs("div", { className: "cs-dialog-header", children: [_jsx("span", { className: "cs-dialog-title", children: "Import with AI" }), _jsx("button", { className: "cs-fr-close", "aria-label": "Close", onClick: close, children: "\u00D7" })] }), _jsxs("div", { className: "cs-ai-import-body", children: [error && _jsx("div", { className: "cs-ai-import-error", role: "alert", children: error }), step.name === 'source' && (_jsxs(_Fragment, { children: [_jsx("p", { className: "cs-ai-import-hint", children: "Import a screenplay written in Word, a text file or Markdown. The AI formats it as Sutra; you review the result before anything changes. A Word file exported from Sutrata is imported directly, without AI." }), _jsx("input", { ref: fileRef, type: "file", accept: IMPORT_ACCEPT, "aria-label": "Choose a file to import", onChange: e => void pickFile(e.target.files?.[0]) }), _jsx("label", { className: "cs-settings-label", htmlFor: "cs-ai-import-paste", style: { display: 'block', marginTop: 12 }, children: "\u2026or paste the text" }), _jsx("textarea", { id: "cs-ai-import-paste", className: "cs-ai-import-paste", rows: 8, value: pasted, onChange: e => setPasted(e.target.value) }), _jsx("div", { className: "cs-ai-import-actions", children: _jsx("button", { type: "button", className: "cs-confirm-btn-primary", disabled: !pasted.trim(), onClick: () => setStep({ name: 'confirm', fileName: 'pasted text', text: pasted.trim() }), children: "Continue" }) })] })), step.name === 'confirm' && (_jsxs(_Fragment, { children: [_jsxs("p", { className: "cs-ai-import-hint", children: [_jsx("strong", { children: step.fileName }), " (", step.text.length.toLocaleString(), " characters) will be sent to", ' ', _jsx("strong", { children: ai.displayName }), " to be formatted."] }), _jsx("div", { className: "cs-ai-import-policy", "aria-label": "Data policy", children: ai.dataPolicyText }), _jsxs("label", { className: "cs-ai-import-agree", children: [_jsx("input", { type: "checkbox", checked: agreed, onChange: e => setAgreed(e.target.checked) }), "I understand, send this text to ", ai.displayName] }), _jsxs("div", { className: "cs-ai-import-actions", children: [_jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => setStep({ name: 'source' }), children: "Back" }), _jsx("button", { type: "button", className: "cs-confirm-btn-primary", disabled: !agreed, onClick: () => void start(step.fileName, step.text), children: "Format with AI" })] })] })), step.name === 'running' && (_jsxs(_Fragment, { children: [_jsxs("p", { className: "cs-ai-import-hint", role: "status", children: [_jsx("span", { className: "cs-spinner", style: { width: 10, height: 10, borderWidth: 1.5, marginRight: 8 } }), "Formatting part ", Math.min(step.done + 1, step.total), " of ", step.total, "\u2026"] }), _jsx("div", { className: "cs-ai-import-actions", children: _jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => abortRef.current?.abort(), children: "Cancel" }) })] })), step.name === 'review' && (_jsxs(_Fragment, { children: [step.warnings.length > 0 && (_jsxs("div", { className: "cs-export-warnings cs-ai-import-warnings", role: "alert", children: [_jsx("div", { className: "cs-export-warn-title", children: "Check these parts before importing" }), step.warnings.map((w, i) => _jsxs("div", { className: "cs-export-warn-item", children: ["\u2022 ", w] }, i))] })), _jsxs("div", { className: "cs-ai-import-review", children: [_jsxs("section", { "aria-label": "Source", children: [_jsx("div", { className: "cs-ai-import-col-title", children: "Source" }), _jsx("pre", { className: "cs-ai-import-source", children: step.source })] }), _jsxs("section", { "aria-label": "Formatted", children: [_jsxs("div", { className: "cs-ai-import-col-title", children: ["Formatted (", step.blocks.length, " blocks)"] }), _jsx("ol", { className: "cs-ai-import-blocks", children: step.blocks.map((block, i) => {
+    return (_jsx("div", { className: "cs-dialog-overlay", onClick: close, children: _jsxs("div", { className: "cs-dialog cs-ai-import-dialog", role: "dialog", "aria-modal": "true", "aria-label": t('appbar.importAI'), onClick: e => e.stopPropagation(), onKeyDown: e => { if (e.key === 'Escape')
+                close(); }, style: { maxWidth: step.name === 'review' ? '1100px' : '560px', width: '94%' }, children: [_jsxs("div", { className: "cs-dialog-header", children: [_jsx("span", { className: "cs-dialog-title", children: t('appbar.importAI') }), _jsx("button", { className: "cs-fr-close", "aria-label": t('common.close'), onClick: close, children: "\u00D7" })] }), _jsxs("div", { className: "cs-ai-import-body", children: [error && _jsx("div", { className: "cs-ai-import-error", role: "alert", children: error }), step.name === 'source' && (_jsxs(_Fragment, { children: [_jsx("p", { className: "cs-ai-import-hint", children: t('aiimport.hint') }), _jsx("input", { ref: fileRef, type: "file", accept: IMPORT_ACCEPT, "aria-label": t('aiimport.choose'), onChange: e => void pickFile(e.target.files?.[0]) }), _jsx("label", { className: "cs-settings-label", htmlFor: "cs-ai-import-paste", style: { display: 'block', marginTop: 12 }, children: t('aiimport.paste') }), _jsx("textarea", { id: "cs-ai-import-paste", className: "cs-ai-import-paste", rows: 8, value: pasted, onChange: e => setPasted(e.target.value) }), _jsx("div", { className: "cs-ai-import-actions", children: _jsx("button", { type: "button", className: "cs-confirm-btn-primary", disabled: !pasted.trim(), onClick: () => setStep({ name: 'confirm', fileName: t('aiimport.pastedText'), text: pasted.trim() }), children: t('aiimport.continue') }) })] })), step.name === 'confirm' && (_jsxs(_Fragment, { children: [_jsx("p", { className: "cs-ai-import-hint", children: t('aiimport.summary').replace('{file}', step.fileName).replace('{chars}', step.text.length.toLocaleString()).replace('{name}', ai.displayName) }), _jsx("div", { className: "cs-ai-import-policy", "aria-label": t('aiimport.policy'), children: ai.dataPolicyText }), _jsxs("label", { className: "cs-ai-import-agree", children: [_jsx("input", { type: "checkbox", checked: agreed, onChange: e => setAgreed(e.target.checked) }), t('aiimport.agree').replace('{name}', ai.displayName)] }), _jsxs("div", { className: "cs-ai-import-actions", children: [_jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => setStep({ name: 'source' }), children: t('aiimport.back') }), _jsx("button", { type: "button", className: "cs-confirm-btn-primary", disabled: !agreed, onClick: () => void start(step.fileName, step.text), children: t('aiimport.format') })] })] })), step.name === 'running' && (_jsxs(_Fragment, { children: [_jsxs("p", { className: "cs-ai-import-hint", role: "status", children: [_jsx("span", { className: "cs-spinner", style: { width: 10, height: 10, borderWidth: 1.5, marginRight: 8 } }), t('aiimport.progress').replace('{done}', String(Math.min(step.done + 1, step.total))).replace('{total}', String(step.total))] }), _jsx("div", { className: "cs-ai-import-actions", children: _jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => abortRef.current?.abort(), children: t('common.cancel') }) })] })), step.name === 'review' && (_jsxs(_Fragment, { children: [step.warnings.length > 0 && (_jsxs("div", { className: "cs-export-warnings cs-ai-import-warnings", role: "alert", children: [_jsx("div", { className: "cs-export-warn-title", children: t('aiimport.check') }), step.warnings.map((w, i) => _jsxs("div", { className: "cs-export-warn-item", children: ["\u2022 ", w] }, i))] })), _jsxs("div", { className: "cs-ai-import-review", children: [_jsxs("section", { "aria-label": t('aiimport.source'), children: [_jsx("div", { className: "cs-ai-import-col-title", children: t('aiimport.source') }), _jsx("pre", { className: "cs-ai-import-source", children: step.source })] }), _jsxs("section", { "aria-label": t('aiimport.formatted').replace('{n}', String(step.blocks.length)), children: [_jsx("div", { className: "cs-ai-import-col-title", children: t('aiimport.formatted').replace('{n}', String(step.blocks.length)) }), _jsx("ol", { className: "cs-ai-import-blocks", children: step.blocks.map((block, i) => {
                                                         const kind = blockKind(block);
-                                                        return (_jsxs("li", { className: "cs-ai-import-block", children: [_jsxs("select", { "aria-label": `Block ${i + 1} type`, className: "cs-settings-select", value: kind, onChange: e => {
+                                                        return (_jsxs("li", { className: "cs-ai-import-block", children: [_jsxs("select", { "aria-label": t('aiimport.blockType').replace('{n}', String(i + 1)), className: "cs-settings-select", value: kind, onChange: e => {
                                                                         const blocks = [...step.blocks];
                                                                         blocks[i] = retypeBlock(block, e.target.value);
                                                                         setStep({ ...step, blocks });
-                                                                    }, children: [kind === 'other' && _jsx("option", { value: "other", children: KIND_LABELS.other }), KIND_OPTIONS.map(k => _jsx("option", { value: k, children: KIND_LABELS[k] }, k))] }), _jsx("pre", { children: block })] }, i));
-                                                    }) })] })] }), _jsxs("div", { className: "cs-ai-import-actions", children: [_jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: close, children: "Cancel" }), _jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => finish('append'), disabled: !step.blocks.length, children: "Append to document" }), _jsx("button", { type: "button", className: "cs-confirm-btn-primary", title: "Replaces the script; the title page is kept", onClick: () => finish('replace'), disabled: !step.blocks.length, children: "Replace script" })] })] }))] })] }) }));
+                                                                    }, children: [kind === 'other' && _jsx("option", { value: "other", children: t(KIND_LABEL_KEYS.other) }), KIND_OPTIONS.map(k => _jsx("option", { value: k, children: t(KIND_LABEL_KEYS[k]) }, k))] }), _jsx("pre", { children: block })] }, i));
+                                                    }) })] })] }), _jsxs("div", { className: "cs-ai-import-actions", children: [_jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: close, children: t('common.cancel') }), _jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => finish('append'), disabled: !step.blocks.length, children: t('aiimport.append') }), _jsx("button", { type: "button", className: "cs-confirm-btn-primary", title: t('aiimport.replaceTitle'), onClick: () => finish('replace'), disabled: !step.blocks.length, children: t('aiimport.replace') })] })] }))] })] }) }));
 }