@sutrata/editor 0.3.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

@@ -19,16 +19,24 @@ export function FindReplace() {
     const [currentIndex, setCurrentIndex] = useState(0);
     const queryRef = useRef(null);
     const nextIndexAfterReplace = useRef(null);
-    // Recompute matches whenever query/text/caseSensitive/mode changes.
+    // What the next highlight pass should scroll: 'none' (text edits), 'soft'
+    // (query typing: only if the match is off-screen), 'center' (navigation).
+    const pendingScroll = useRef('none');
+    const lastSearch = useRef({ query: '', caseSensitive: false, mode: mode });
+    // Recompute matches whenever query/text/caseSensitive/mode changes — but only
+    // while the panel is open, so a leftover query never affects the editor.
     // In formatted mode we search the PM doc's display text (not raw Sutra) so
     // offsets are correct; in source mode the CodeMirror doc *is* the raw Sutra
     // text, so raw-offset matches from find-engine map directly onto it.
     useEffect(() => {
+        if (!findReplaceVisible)
+            return;
         if (!query) {
             setMatches([]);
             setCurrentIndex(0);
             clearFindHighlights();
             clearSourceFindHighlights();
+            lastSearch.current = { query, caseSensitive, mode };
             return;
         }
         let found;
@@ -41,44 +49,43 @@ export function FindReplace() {
             const view = getEditorView();
             found = view ? findInPmDoc(view.state.doc, query, { caseSensitive }) : [];
         }
+        const prev = lastSearch.current;
+        const searchChanged = prev.query !== query || prev.caseSensitive !== caseSensitive || prev.mode !== mode;
+        lastSearch.current = { query, caseSensitive, mode };
         setMatches(found);
-        const highlight = mode === 'source' ? setSourceFindHighlights : setFindHighlights;
-        const scrollTo = mode === 'source' ? scrollToSourceMatch : scrollToPmMatch;
         if (nextIndexAfterReplace.current !== null) {
             const idx = Math.min(nextIndexAfterReplace.current, Math.max(0, found.length - 1));
             setCurrentIndex(idx);
             nextIndexAfterReplace.current = null;
-            highlight(found, idx);
-            if (found.length > 0)
-                scrollTo(found[idx]);
+            pendingScroll.current = 'center';
         }
         else {
             setCurrentIndex(0);
-            highlight(found, 0);
-            if (found.length > 0)
-                scrollTo(found[0]);
+            // Plain document edits must not move the viewport.
+            pendingScroll.current = searchChanged ? 'soft' : 'none';
         }
         // text in deps so we re-search after replace; view not in deps (stable ref)
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [query, text, caseSensitive, mode]);
-    // Scroll to current match and update active highlight whenever index changes.
-    const didMount = useRef(false);
+    }, [query, text, caseSensitive, mode, findReplaceVisible]);
+    // Update the active highlight (and scroll if requested) whenever matches/index change.
     useEffect(() => {
-        if (!didMount.current) {
-            didMount.current = true;
+        if (!findReplaceVisible || !query)
             return;
-        }
+        const scroll = pendingScroll.current;
+        pendingScroll.current = 'none';
+        const cur = matches[currentIndex];
         if (mode === 'source') {
             setSourceFindHighlights(matches, currentIndex);
-            if (matches.length > 0)
-                scrollToSourceMatch(matches[currentIndex]);
+            if (cur && scroll !== 'none')
+                scrollToSourceMatch(cur, scroll === 'center');
         }
         else {
             setFindHighlights(matches, currentIndex);
-            if (matches.length > 0)
-                scrollToPmMatch(matches[currentIndex]);
+            if (cur && scroll !== 'none')
+                scrollToPmMatch(cur, scroll === 'center');
         }
-    }, [currentIndex, matches, mode]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [currentIndex, matches, mode, findReplaceVisible]);
     // Clear highlights when the panel closes.
     useEffect(() => {
         if (!findReplaceVisible) {
@@ -94,11 +101,13 @@ export function FindReplace() {
     const goNext = useCallback(() => {
         if (matches.length === 0)
             return;
+        pendingScroll.current = 'center';
         setCurrentIndex(i => (i + 1) % matches.length);
     }, [matches.length]);
     const goPrev = useCallback(() => {
         if (matches.length === 0)
             return;
+        pendingScroll.current = 'center';
         setCurrentIndex(i => (i - 1 + matches.length) % matches.length);
     }, [matches.length]);
     const handleReplaceOne = useCallback(() => {
@@ -162,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/findreplace/scroll-to-match.d.ts

@@ -24,6 +24,6 @@ export declare function findInPmDoc(doc: Node, query: string, options?: {
  * Highlighting is handled by the find-highlight plugin (decorations) — no selection
  * dispatch here so focus stays in the find input.
  */
-export declare function scrollToPmMatch(match: PmMatch): void;
+export declare function scrollToPmMatch(match: PmMatch, center?: boolean): void;
 /** Legacy: maps a flat text-space offset to PM position. Used by tests only. */
 export declare function textOffsetToPmPos(doc: Node, textOffset: number): number | null;

package/dist/findreplace/scroll-to-match.js

@@ -52,14 +52,24 @@ export function findInPmDoc(doc, query, options = {}) {
  * Highlighting is handled by the find-highlight plugin (decorations) — no selection
  * dispatch here so focus stays in the find input.
  */
-export function scrollToPmMatch(match) {
+export function scrollToPmMatch(match, center = true) {
     const view = getEditorView();
     if (!view)
         return;
     try {
         const domNode = view.nodeDOM(match.pmFrom);
         const el = domNode instanceof Element ? domNode : domNode?.parentElement;
-        el?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        if (!el)
+            return;
+        if (!center) {
+            // While typing: only scroll when the match is off-screen, and don't animate.
+            const r = el.getBoundingClientRect();
+            if (r.top >= 0 && r.bottom <= window.innerHeight)
+                return;
+            el.scrollIntoView({ block: 'center' });
+            return;
+        }
+        el.scrollIntoView({ behavior: 'smooth', block: 'center' });
     }
     catch {
         // At doc boundary — ignore

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 }) {