@sutrata/editor 0.1.0

package/dist/styles/script-ranges.d.ts

@@ -0,0 +1,6 @@
+/** Unicode block ranges for the complex scripts Sutrata recognizes, keyed by the same
+ *  lang codes used throughout (docx-exporter.ts's SCRIPT_FONT_BY_LANG, types.ts's
+ *  COMPLEX_SCRIPT_CODES, complexScriptFontOverrides / italicScripts). Shared so
+ *  docx-exporter.ts (font override) and workflow-reports.ts (forced-italic wrapping in the
+ *  print/PDF HTML) test the same ranges rather than maintaining two copies that could drift. */
+export declare const SCRIPT_UNICODE_RANGES: Record<string, RegExp>;

package/dist/styles/script-ranges.js

@@ -0,0 +1,17 @@
+/** Unicode block ranges for the complex scripts Sutrata recognizes, keyed by the same
+ *  lang codes used throughout (docx-exporter.ts's SCRIPT_FONT_BY_LANG, types.ts's
+ *  COMPLEX_SCRIPT_CODES, complexScriptFontOverrides / italicScripts). Shared so
+ *  docx-exporter.ts (font override) and workflow-reports.ts (forced-italic wrapping in the
+ *  print/PDF HTML) test the same ranges rather than maintaining two copies that could drift. */
+export const SCRIPT_UNICODE_RANGES = {
+    hi: /[ऀ-ॿ]/,
+    ta: /[஀-௿]/,
+    te: /[ఀ-౿]/,
+    kn: /[ಀ-೿]/,
+    ml: /[ഀ-ൿ]/,
+    bn: /[ঀ-৿]/,
+    gu: /[઀-૿]/,
+    pa: /[਀-੿]/,
+    or: /[଀-୿]/,
+    si: /[඀-෿]/,
+};

package/dist/styles/types.d.ts

@@ -0,0 +1,93 @@
+/** Screenplay body elements that carry a visual style — one entry per docx-exporter.ts
+ *  paragraph style / screenplay.css class. Excludes structural/chrome things
+ *  (scene metadata, page breaks, parenthetical parens) that aren't stylistic choices. */
+export declare const BODY_ELEMENT_KEYS: readonly ["sceneHeading", "action", "character", "parenthetical", "dialogue", "transition", "centered", "lyrics", "section", "note", "comment"];
+export type BodyElementKey = typeof BODY_ELEMENT_KEYS[number];
+/** Cover-page elements. Export-only (DOCX/PDF) — there is no live editor
+ *  preview of the cover page today, so these never produce editor CSS vars. */
+export declare const COVER_ELEMENT_KEYS: readonly ["title", "author", "logline"];
+export type CoverElementKey = typeof COVER_ELEMENT_KEYS[number];
+export interface ElementStyle {
+    fontSizePt: number;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    /** 6 hex digits, no leading '#' (docx-native shape; CSS adapter adds the '#'). */
+    color?: string;
+    /** Percentage of the printable content width. */
+    marginLeftPct?: number;
+    marginRightPct?: number;
+    align?: 'left' | 'center' | 'right';
+    /** Space before/after the paragraph, in points. DOCX-only: the live editor
+     *  only ever applies `spaceBeforePt` (as margin-top); adjacent elements in
+     *  the editor create their gap from the *following* element's margin-top,
+     *  not from a margin-bottom on the preceding one, so `spaceAfterPt` has no
+     *  editor-CSS effect — see css-adapter.ts. */
+    spaceBeforePt?: number;
+    spaceAfterPt?: number;
+}
+export type ScreenplayElements = Record<BodyElementKey, ElementStyle> & Record<CoverElementKey, ElementStyle>;
+/** How the exported cover page arranges its blocks (DOCX + PDF; there is no editor
+ *  preview of the cover). 'centered' stacks everything down the middle of the page;
+ *  'corners' puts title / "by <author>" / logline flush top-left and date + contact
+ *  down in the bottom-right, the arrangement Tamil shooting scripts print. Per-element
+ *  font/size/color still come from `elements.title|author|logline` either way — this
+ *  chooses the *placement* those elements are laid out in, nothing else. */
+export type CoverLayout = 'centered' | 'corners';
+export declare const COVER_LAYOUTS: readonly CoverLayout[];
+export declare const DEFAULT_COVER_LAYOUT: CoverLayout;
+export interface ScreenplayStyleDefinition {
+    /** Stable slug: persisted in frontmatter's `style:` field and as the IndexedDB key. */
+    id: string;
+    name: string;
+    description?: string;
+    /** Latin body font. For the live editor and PDF/print export this is just the
+     *  first entry in a CSS font stack (screenplay.css / print-adapter.ts put
+     *  'Noto Sans'/script-specific Noto Sans fonts after it), so the browser's own
+     *  per-glyph fallback transparently covers any script this font doesn't have —
+     *  no per-style CSS plumbing needed. DOCX has no such per-glyph fallback
+     *  (a `w:rFonts` run property names exactly one font), so a style whose body
+     *  font *does* cover a non-Latin script it cares about (e.g. Traditional's
+     *  Vijaya for Tamil) must say so explicitly via `complexScriptFontOverrides`. */
+    fontFamily: string;
+    /** Per-script font override, keyed by the same lang codes docx-exporter.ts's
+     *  getComplexFont switches on ('ta', 'hi', 'te', ...). Omit a script and it keeps
+     *  using the shared default (e.g. 'Noto Sans Tamil') — this is an opt-in exception,
+     *  not a requirement to theme every script. Consumed by all three renderers:
+     *  DOCX (docx-exporter.ts, where it's required — a `w:rFonts` run property names
+     *  exactly one font, so there's no per-glyph fallback to lean on), the live editor
+     *  (css-adapter.ts turns each entry into a `--cs-lang-<code>-font-family` CSS var
+     *  that screenplay.css's `.cs-lang-<code>` rules prefer over the generic Noto Sans
+     *  fallback), and PDF/print (print-adapter.ts folds the values into the body font
+     *  stack ahead of the generic Indic fallbacks). */
+    complexScriptFontOverrides?: Record<string, string>;
+    /** Lang codes (same set as above) whose *default* presentation is italic under this
+     *  style — not "emphasized text happens to be italic", but "upright is not this
+     *  script's normal look here" (e.g. Traditional's Tamil, styled after Noto Serif
+     *  Tamil Italic to approximate Vijaya's slant). Forces italic even where the
+     *  element itself isn't (bold scene headings included) — confirmed as the intended
+     *  behavior, not layered underneath per-element italic. DOCX applies this
+     *  unconditionally per run; the editor applies it via a `.cs-force-italic-<code>`
+     *  class (see EditorView.tsx/css-adapter.ts) rather than a plain CSS var, because a
+     *  var would unconditionally set `font-style` and stomp elements that are
+     *  legitimately italic for their own reasons (lyrics, comments) on styles that
+     *  don't list the script here. PDF/print has no per-span language tagging, so this
+     *  has no effect there — a known, documented gap, not an oversight. */
+    italicScripts?: string[];
+    /** Defaults to DEFAULT_COVER_LAYOUT when a style (or an imported one) omits it. */
+    coverLayout?: CoverLayout;
+    page: {
+        marginTopIn: number;
+        marginBottomIn: number;
+        marginLeftIn: number;
+        marginRightIn: number;
+    };
+    elements: ScreenplayElements;
+}
+export declare const DEFAULT_STYLE_ID = "classic";
+/** Lang codes docx-exporter.ts's getComplexFont / SCRIPT_RANGES recognize — the full
+ *  key space for `complexScriptFontOverrides` / `italicScripts`. Iterated by
+ *  css-adapter.ts to clear a previous style's per-script vars/classes when switching
+ *  to a style that doesn't set them (so nothing lingers). */
+export declare const COMPLEX_SCRIPT_CODES: readonly ["hi", "ta", "te", "kn", "ml", "bn", "gu", "pa", "or", "si"];
+export type ComplexScriptCode = typeof COMPLEX_SCRIPT_CODES[number];

package/dist/styles/types.js

@@ -0,0 +1,18 @@
+/** Screenplay body elements that carry a visual style — one entry per docx-exporter.ts
+ *  paragraph style / screenplay.css class. Excludes structural/chrome things
+ *  (scene metadata, page breaks, parenthetical parens) that aren't stylistic choices. */
+export const BODY_ELEMENT_KEYS = [
+    'sceneHeading', 'action', 'character', 'parenthetical', 'dialogue',
+    'transition', 'centered', 'lyrics', 'section', 'note', 'comment',
+];
+/** Cover-page elements. Export-only (DOCX/PDF) — there is no live editor
+ *  preview of the cover page today, so these never produce editor CSS vars. */
+export const COVER_ELEMENT_KEYS = ['title', 'author', 'logline'];
+export const COVER_LAYOUTS = ['centered', 'corners'];
+export const DEFAULT_COVER_LAYOUT = 'centered';
+export const DEFAULT_STYLE_ID = 'classic';
+/** Lang codes docx-exporter.ts's getComplexFont / SCRIPT_RANGES recognize — the full
+ *  key space for `complexScriptFontOverrides` / `italicScripts`. Iterated by
+ *  css-adapter.ts to clear a previous style's per-script vars/classes when switching
+ *  to a style that doesn't set them (so nothing lingers). */
+export const COMPLEX_SCRIPT_CODES = ['hi', 'ta', 'te', 'kn', 'ml', 'bn', 'gu', 'pa', 'or', 'si'];

package/dist/styles/validate.d.ts

@@ -0,0 +1,12 @@
+import type { ScreenplayStyleDefinition } from './types.js';
+export type ValidationResult = {
+    ok: true;
+    style: ScreenplayStyleDefinition;
+} | {
+    ok: false;
+    errors: string[];
+};
+/** Hand-rolled structural validation for a style imported from a .json file — no schema
+ *  library dependency, matching the codebase's other hand-rolled parsers (frontmatter.ts).
+ *  Collects every error found rather than failing on the first, for a useful import message. */
+export declare function validateStyleJson(data: unknown): ValidationResult;

package/dist/styles/validate.js

@@ -0,0 +1,105 @@
+import { BODY_ELEMENT_KEYS, COVER_ELEMENT_KEYS, COVER_LAYOUTS } from './types.js';
+const ALIGNS = new Set(['left', 'center', 'right']);
+const COLOR_RE = /^[0-9a-fA-F]{6}$/;
+function isFiniteNumber(v) {
+    return typeof v === 'number' && Number.isFinite(v);
+}
+function validateElement(path, data, errors) {
+    if (typeof data !== 'object' || data === null) {
+        errors.push(`${path}: expected an object`);
+        return;
+    }
+    const el = data;
+    if (!isFiniteNumber(el['fontSizePt']) || el['fontSizePt'] <= 0) {
+        errors.push(`${path}.fontSizePt: expected a positive number`);
+    }
+    for (const flag of ['bold', 'italic', 'underline']) {
+        if (el[flag] !== undefined && typeof el[flag] !== 'boolean') {
+            errors.push(`${path}.${flag}: expected a boolean`);
+        }
+    }
+    if (el['color'] !== undefined && (typeof el['color'] !== 'string' || !COLOR_RE.test(el['color']))) {
+        errors.push(`${path}.color: expected 6 hex digits with no '#' (e.g. "0A5C6A")`);
+    }
+    for (const marginKey of ['marginLeftPct', 'marginRightPct']) {
+        const v = el[marginKey];
+        if (v !== undefined && (!isFiniteNumber(v) || v < 0 || v > 100)) {
+            errors.push(`${path}.${marginKey}: expected a number between 0 and 100`);
+        }
+    }
+    if (el['align'] !== undefined && (typeof el['align'] !== 'string' || !ALIGNS.has(el['align']))) {
+        errors.push(`${path}.align: expected "left", "center", or "right"`);
+    }
+    for (const spaceKey of ['spaceBeforePt', 'spaceAfterPt']) {
+        const v = el[spaceKey];
+        if (v !== undefined && !isFiniteNumber(v)) {
+            errors.push(`${path}.${spaceKey}: expected a number`);
+        }
+    }
+}
+/** Hand-rolled structural validation for a style imported from a .json file — no schema
+ *  library dependency, matching the codebase's other hand-rolled parsers (frontmatter.ts).
+ *  Collects every error found rather than failing on the first, for a useful import message. */
+export function validateStyleJson(data) {
+    const errors = [];
+    if (typeof data !== 'object' || data === null) {
+        return { ok: false, errors: ['Expected a JSON object'] };
+    }
+    const obj = data;
+    for (const key of ['id', 'name', 'fontFamily']) {
+        if (typeof obj[key] !== 'string' || obj[key] === '') {
+            errors.push(`${key}: expected a non-empty string`);
+        }
+    }
+    if (obj['description'] !== undefined && typeof obj['description'] !== 'string') {
+        errors.push('description: expected a string');
+    }
+    if (obj['complexScriptFontOverrides'] !== undefined) {
+        const overrides = obj['complexScriptFontOverrides'];
+        if (typeof overrides !== 'object' || overrides === null) {
+            errors.push('complexScriptFontOverrides: expected an object');
+        }
+        else if (Object.values(overrides).some(v => typeof v !== 'string' || v === '')) {
+            errors.push('complexScriptFontOverrides: expected every value to be a non-empty string');
+        }
+    }
+    if (obj['italicScripts'] !== undefined) {
+        const scripts = obj['italicScripts'];
+        if (!Array.isArray(scripts) || scripts.some(v => typeof v !== 'string' || v === '')) {
+            errors.push('italicScripts: expected an array of non-empty strings');
+        }
+    }
+    if (obj['coverLayout'] !== undefined && !COVER_LAYOUTS.includes(obj['coverLayout'])) {
+        errors.push(`coverLayout: expected ${COVER_LAYOUTS.map(l => `"${l}"`).join(' or ')}`);
+    }
+    const page = obj['page'];
+    if (typeof page !== 'object' || page === null) {
+        errors.push('page: expected an object');
+    }
+    else {
+        const p = page;
+        for (const key of ['marginTopIn', 'marginBottomIn', 'marginLeftIn', 'marginRightIn']) {
+            if (!isFiniteNumber(p[key]) || p[key] < 0) {
+                errors.push(`page.${key}: expected a non-negative number`);
+            }
+        }
+    }
+    const elements = obj['elements'];
+    if (typeof elements !== 'object' || elements === null) {
+        errors.push('elements: expected an object');
+    }
+    else {
+        const el = elements;
+        for (const key of [...BODY_ELEMENT_KEYS, ...COVER_ELEMENT_KEYS]) {
+            if (!(key in el)) {
+                errors.push(`elements.${key}: missing`);
+            }
+            else {
+                validateElement(`elements.${key}`, el[key], errors);
+            }
+        }
+    }
+    if (errors.length > 0)
+        return { ok: false, errors };
+    return { ok: true, style: obj };
+}

package/dist/templates/templates.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Localized screenplay templates for each supported script.
+ * Returns a starter Sutra document in the target language.
+ */
+export declare const TEMPLATES: Record<string, string>;
+/**
+ * Get the starter template for a given language code.
+ * Falls back to English if no template for the requested language.
+ */
+export declare function getTemplate(lang: string): string;

package/dist/templates/templates.js

@@ -0,0 +1,181 @@
+/**
+ * Localized screenplay templates for each supported script.
+ * Returns a starter Sutra document in the target language.
+ */
+export const TEMPLATES = {
+    en: `---
+title: Untitled Screenplay
+lang: en
+---
+
+## INT. ROOM - DAY
+
+A writer sits at a desk, staring at a blank screen.
+
+@WRITER
+(to themselves)
+Where do I begin?
+
+`,
+    hi: `---
+title: अनाम पटकथा
+lang: hi
+---
+
+## आंत. कमरा - दिन
+
+एक लेखक मेज पर बैठा है, खाली स्क्रीन को देख रहा है।
+
+@लेखक
+(खुद से)
+मैं कहाँ से शुरू करूँ?
+
+`,
+    ta: `---
+title: தலைப்பற்ற திரைக்கதை
+lang: ta
+---
+
+## உள்ளே. அறை - பகல்
+
+ஒரு எழுத்தாளர் மேசையில் அமர்ந்து, வெற்று திரையை பார்க்கிறார்.
+
+@எழுத்தாளர்
+(தனக்கே)
+நான் எங்கிருந்து தொடங்குவது?
+
+`,
+    te: `---
+title: పేరులేని స్క్రీన్‌ప్లే
+lang: te
+---
+
+## లోపల. గది - పగలు
+
+ఒక రచయిత బల్లదగ్గర కూర్చుని, ఖాళీ స్క్రీన్‌ని చూస్తున్నారు.
+
+@రచయిత
+(తమలో తాము)
+నేను ఎక్కడ నుండి ప్రారంభించాలి?
+
+`,
+    kn: `---
+title: ಹೆಸರಿಲ್ಲದ ಚಲನಚಿತ್ರ ಕಥೆ
+lang: kn
+---
+
+## ಒಳಗೆ. ಕೋಣೆ - ಹಗಲು
+
+ಒಬ್ಬ ಬರಹಗಾರ ಮೇಜಿನ ಬಳಿ ಕುಳಿತು, ಖಾಲಿ ಪರದೆಯನ್ನು ನೋಡುತ್ತಿದ್ದಾರೆ.
+
+@ಬರಹಗಾರ
+(ತಮ್ಮಷ್ಟಕ್ಕೆ)
+ನಾನು ಎಲ್ಲಿಂದ ಪ್ರಾರಂಭಿಸಲಿ?
+
+`,
+    ml: `---
+title: പേരില്ലാത്ത തിരക്കഥ
+lang: ml
+---
+
+## അകത്ത്. മുറി - പകൽ
+
+ഒരു എഴുത്തുകാരൻ മേശയ്ക്കരുകിൽ ഇരുന്ന്, ശൂന്യമായ സ്ക്രീൻ നോക്കുന്നു.
+
+@എഴുത്തുകാരൻ
+(സ്വയം)
+ഞാൻ എവിടെ നിന്ന് തുടങ്ങണം?
+
+`,
+    bn: `---
+title: নামহীন চিত্রনাট্য
+lang: bn
+---
+
+## ভেতরে. ঘর - দিন
+
+একজন লেখক টেবিলের পাশে বসে, ফাঁকা পর্দার দিকে তাকিয়ে আছেন।
+
+@লেখক
+(নিজের মনে)
+আমি কোথা থেকে শুরু করব?
+
+`,
+    gu: `---
+title: અનામ પટકથા
+lang: gu
+---
+
+## અંદર. ઓરડો - દિવસ
+
+એક લેખક ટેબલ પર બેઠો છે, ખાલી સ્ક્રીન જોઈ રહ્યો છે.
+
+@લેખક
+(પોતાની જાતને)
+હું ક્યાંથી શરૂ કરું?
+
+`,
+    mr: `---
+title: अनाम पटकथा
+lang: mr
+---
+
+## आत. खोली - दिवस
+
+एक लेखक टेबलावर बसला आहे, रिकाम्या स्क्रीनकडे पाहत आहे.
+
+@लेखक
+(स्वतःशी)
+मी कुठून सुरुवात करू?
+
+`,
+    pa: `---
+title: ਬੇਨਾਮ ਸਕ੍ਰੀਨਪਲੇ
+lang: pa
+---
+
+## ਅੰਦਰ. ਕਮਰਾ - ਦਿਨ
+
+ਇੱਕ ਲੇਖਕ ਮੇਜ਼ ਕੋਲ ਬੈਠਾ ਹੈ, ਖਾਲੀ ਸਕ੍ਰੀਨ ਵੱਲ ਦੇਖ ਰਿਹਾ ਹੈ।
+
+@ਲੇਖਕ
+(ਆਪਣੇ ਆਪ ਨੂੰ)
+ਮੈਂ ਕਿੱਥੋਂ ਸ਼ੁਰੂ ਕਰਾਂ?
+
+`,
+    or: `---
+title: ଅନାମ ଚଳଚ୍ଚିତ୍ର ଲିପି
+lang: or
+---
+
+## ଭିତର. କୋଠରୀ - ଦିନ
+
+ଜଣେ ଲେଖକ ଟେବୁଲ ପାଖରେ ବସି, ଖାଲି ସ୍କ୍ରୀନ ଆଡ଼କୁ ଚାହିଁ ରହିଛନ୍ତି।
+
+@ଲେଖକ
+(ନିଜ ମନରେ)
+ମୁଁ କୁଆଡ଼ୁ ଆରମ୍ଭ କରିବି?
+
+`,
+    si: `---
+title: නම් නොකළ තිර රචනය
+lang: si
+---
+
+## ඇතුළත. කාමරය - දවල්
+
+ලේඛකයෙක් මේසයක් ළඟ වාඩි වී, හිස් තිරයක් දෙස බලා සිටියි.
+
+@ලේඛකයා
+(තමන්ටම)
+මම කොහෙන්ද පටන් ගන්නේ?
+
+`,
+};
+/**
+ * Get the starter template for a given language code.
+ * Falls back to English if no template for the requested language.
+ */
+export function getTemplate(lang) {
+    return TEMPLATES[lang] ?? TEMPLATES['en'] ?? '';
+}

package/dist/titlepage/ExportDialog.d.ts

@@ -0,0 +1 @@
+export declare function ExportDialog(): import("react").JSX.Element;

package/dist/titlepage/ExportDialog.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useDocument } from '../context/DocumentContext';
+import { exportFountain, parse, romanizeSutra } from '@sutrata/parser';
+import { useTranslation } from '../i18n/useTranslation';
+import { exportToDocx } from '../file/docx-exporter';
+import { extractWorkflowData, exportOneLinerCsv, exportShotListCsv, exportCastReportCsv, exportOneLinerDocx, exportShotListDocx, exportCastReportDocx, openPrintPreview, openScreenplayPrintPreview, } from '../file/workflow-reports';
+import { allStyles } from '../styles/registry';
+export function ExportDialog() {
+    const { ast, text, filePath, setExportVisible, resolvedStyle, customStyles, showToast } = useDocument();
+    const { t } = useTranslation();
+    const [tab, setTab] = useState('screenplay');
+    const [format, setFormat] = useState('pdf');
+    const [warnings, setWarnings] = useState([]);
+    const [isExporting, setIsExporting] = useState(false);
+    const [styleOverride, setStyleOverride] = useState('');
+    const [romanizeScope, setRomanizeScope] = useState('off');
+    const [romanizeVariant, setRomanizeVariant] = useState('strict');
+    const [romanizeReports, setRomanizeReports] = useState(false);
+    const [skipNotes, setSkipNotes] = useState(false);
+    const hasIndicText = /[\u0900-\u0DFF]/.test(text);
+    const styleChoices = allStyles(customStyles);
+    const showStylePicker = tab === 'screenplay' && (format === 'docx' || format === 'pdf');
+    useEffect(() => {
+        const onKey = (e) => {
+            if (e.key === 'Escape')
+                setExportVisible(false);
+        };
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [setExportVisible]);
+    const baseName = (filePath ?? 'screenplay').replace(/\.[^.]+$/, '');
+    /** The AST handed to the PDF/DOCX exporters: the document itself, or a romanized copy
+     *  (Indic → ISO 15919, export only; the .sutra text is never changed). */
+    function screenplayAst() {
+        if (romanizeScope === 'off' || !hasIndicText)
+            return { doc: ast, suffix: '' };
+        const romanized = romanizeSutra(text, { scope: romanizeScope, variant: romanizeVariant });
+        return { doc: parse(romanized), suffix: '_romanized' };
+    }
+    /** Workflow-report data, from a fully romanized copy when that option is on. */
+    function reportData() {
+        if (!romanizeReports || !hasIndicText)
+            return { data: extractWorkflowData(ast), suffix: '' };
+        const romanized = romanizeSutra(text, { scope: 'all', variant: romanizeVariant, notice: false });
+        return { data: extractWorkflowData(parse(romanized)), suffix: '_romanized' };
+    }
+    async function doExport() {
+        setIsExporting(true);
+        try {
+            const { data, suffix: reportSuffix } = reportData();
+            const reportTitleSuffix = reportSuffix ? ' (ROMANIZED)' : '';
+            if (format === 'fountain') {
+                const result = exportFountain(ast);
+                setWarnings(result.warnings);
+                download(`${baseName}.fountain`, result.text, 'text/plain');
+                showToast('Exported Fountain screenplay', 'success');
+            }
+            else if (format === 'docx') {
+                setWarnings([]);
+                const { doc, suffix } = screenplayAst();
+                const blob = await exportToDocx(doc, styleOverride || undefined, customStyles, skipNotes);
+                downloadBlob(`${baseName}${suffix}.docx`, blob);
+                showToast('Exported Word document (.docx)', 'success');
+            }
+            else if (format === 'pdf') {
+                setWarnings([]);
+                const { doc, suffix } = screenplayAst();
+                const title = `${baseName.toUpperCase()} - SCREENPLAY${suffix ? ' (ROMANIZED)' : ''}`;
+                await openScreenplayPrintPreview(doc, title, styleOverride || undefined, customStyles, skipNotes);
+                showToast('Opened Screenplay Print Preview', 'info');
+            }
+            else if (format === 'oneliner-print') {
+                setWarnings([]);
+                await openPrintPreview(data.scenes, `${baseName.toUpperCase()} - ONE-LINER SCHEDULE${reportTitleSuffix}`);
+                showToast('Opened One-Liner Schedule', 'info');
+            }
+            else if (format === 'oneliner-docx') {
+                setWarnings([]);
+                const blob = await exportOneLinerDocx(data.scenes);
+                downloadBlob(`${baseName}_one_liner${reportSuffix}.docx`, blob);
+                showToast('Exported One-Liner DOCX', 'success');
+            }
+            else if (format === 'oneliner-csv') {
+                setWarnings([]);
+                const csv = exportOneLinerCsv(data.scenes);
+                download(`${baseName}_one_liner${reportSuffix}.csv`, csv, 'text/csv');
+                showToast('Exported One-Liner CSV', 'success');
+            }
+            else if (format === 'shotlist-docx') {
+                setWarnings([]);
+                const blob = await exportShotListDocx(data.scenes);
+                downloadBlob(`${baseName}_shot_list${reportSuffix}.docx`, blob);
+                showToast('Exported Shot List DOCX', 'success');
+            }
+            else if (format === 'shotlist-csv') {
+                setWarnings([]);
+                const csv = exportShotListCsv(data.scenes);
+                download(`${baseName}_shot_list${reportSuffix}.csv`, csv, 'text/csv');
+                showToast('Exported Shot List CSV', 'success');
+            }
+            else if (format === 'cast-docx') {
+                setWarnings([]);
+                const blob = await exportCastReportDocx(data.characters);
+                downloadBlob(`${baseName}_cast_report${reportSuffix}.docx`, blob);
+                showToast('Exported Cast Report DOCX', 'success');
+            }
+            else if (format === 'cast-csv') {
+                setWarnings([]);
+                const csv = exportCastReportCsv(data.characters);
+                download(`${baseName}_cast_report${reportSuffix}.csv`, csv, 'text/csv');
+                showToast('Exported Cast Report CSV', 'success');
+            }
+        }
+        catch (err) {
+            console.error('Export failed', err);
+            setWarnings(['An error occurred during export. Please check the console.']);
+            showToast('Export failed. Check console for details.', 'error');
+        }
+        finally {
+            setIsExporting(false);
+        }
+    }
+    function download(filename, content, mimeType) {
+        const data = mimeType === 'text/csv' ? ['\uFEFF', content] : [content];
+        const blob = new Blob(data, { type: `${mimeType};charset=utf-8` });
+        downloadBlob(filename, blob);
+    }
+    function downloadBlob(filename, blob) {
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+    return (_jsx("div", { className: "cs-export-overlay", role: "presentation", onClick: e => {
+            if (e.target === e.currentTarget)
+                setExportVisible(false);
+        }, children: _jsxs("div", { className: "cs-export-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "cs-export-title", style: { maxHeight: '90vh', maxWidth: '540px', width: '92%', display: 'flex', flexDirection: 'column' }, children: [_jsxs("div", { className: "cs-panel-header", children: [_jsx("span", { id: "cs-export-title", className: "cs-panel-title", children: t('export.title') }), _jsx("button", { className: "cs-panel-close", onClick: () => setExportVisible(false), "aria-label": "Close", children: "\u00D7" })] }), _jsxs("div", { className: "cs-panel-body", style: { overflowY: 'auto', flex: 1, padding: '16px' }, children: [_jsxs("div", { className: "cs-export-segmented", role: "tablist", "aria-label": "Export category", children: [_jsx("button", { type: "button", role: "tab", "aria-selected": tab === 'screenplay', className: `cs-export-seg-btn${tab === 'screenplay' ? ' cs-export-seg-btn-active' : ''}`, onClick: () => {
+                                        setTab('screenplay');
+                                        if (!['fountain', 'docx', 'pdf'].includes(format))
+                                            setFormat('pdf');
+                                    }, children: "Screenplay Formats" }), _jsx("button", { type: "button", role: "tab", "aria-selected": tab === 'reports', className: `cs-export-seg-btn${tab === 'reports' ? ' cs-export-seg-btn-active' : ''}`, onClick: () => {
+                                        setTab('reports');
+                                        if (['fountain', 'docx', 'pdf'].includes(format))
+                                            setFormat('oneliner-print');
+                                    }, children: "Production Reports" })] }), tab === 'screenplay' ? (_jsxs("div", { children: [_jsxs("div", { className: "cs-export-card-grid", children: [_jsxs("div", { className: `cs-export-format-card${format === 'pdf' ? ' cs-export-format-card-selected' : ''}`, onClick: () => setFormat('pdf'), role: "radio", "aria-checked": format === 'pdf', tabIndex: 0, onKeyDown: e => { if (e.key === 'Enter' || e.key === ' ')
+                                                setFormat('pdf'); }, children: [_jsx("input", { type: "radio", name: "format", value: "pdf", checked: format === 'pdf', onChange: () => setFormat('pdf'), style: { marginTop: '2px' } }), _jsxs("div", { children: [_jsx("strong", { style: { fontSize: '13px', display: 'block', color: 'var(--cs-ui-text-light-primary, #1c1b18)' }, children: "PDF / Print Preview" }), _jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: "Print-ready industry screenplay layout styled according to your active visual template." })] })] }), _jsxs("div", { className: `cs-export-format-card${format === 'docx' ? ' cs-export-format-card-selected' : ''}`, onClick: () => setFormat('docx'), role: "radio", "aria-checked": format === 'docx', tabIndex: 0, onKeyDown: e => { if (e.key === 'Enter' || e.key === ' ')
+                                                setFormat('docx'); }, children: [_jsx("input", { type: "radio", name: "format", value: "docx", checked: format === 'docx', onChange: () => setFormat('docx'), style: { marginTop: '2px' } }), _jsxs("div", { children: [_jsx("strong", { style: { fontSize: '13px', display: 'block', color: 'var(--cs-ui-text-light-primary, #1c1b18)' }, children: "Microsoft Word (.docx)" }), _jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: t('export.docxDesc') })] })] }), _jsxs("div", { className: `cs-export-format-card${format === 'fountain' ? ' cs-export-format-card-selected' : ''}`, onClick: () => setFormat('fountain'), role: "radio", "aria-checked": format === 'fountain', tabIndex: 0, onKeyDown: e => { if (e.key === 'Enter' || e.key === ' ')
+                                                setFormat('fountain'); }, children: [_jsx("input", { type: "radio", name: "format", value: "fountain", checked: format === 'fountain', onChange: () => setFormat('fountain'), style: { marginTop: '2px' } }), _jsxs("div", { children: [_jsx("strong", { style: { fontSize: '13px', display: 'block', color: 'var(--cs-ui-text-light-primary, #1c1b18)' }, children: "Fountain (.fountain)" }), _jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: t('export.fountainDesc') })] })] })] }), showStylePicker && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '14px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-style-select", style: { fontSize: '12px' }, children: t('export.style') }), _jsxs("select", { id: "cs-export-style-select", className: "cs-settings-select", value: styleOverride, onChange: e => setStyleOverride(e.target.value), children: [_jsxs("option", { value: "", children: [t('export.styleDefault'), " (", resolvedStyle.name, ")"] }), styleChoices.map(s => (_jsx("option", { value: s.id, children: s.name }, s.id)))] })] })), showStylePicker && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx("input", { id: "cs-export-skip-notes", type: "checkbox", checked: skipNotes, onChange: e => setSkipNotes(e.target.checked) }), _jsx("label", { htmlFor: "cs-export-skip-notes", className: "cs-settings-label", style: { fontSize: '12px', margin: 0 }, children: "Skip notes ([[ ]])" })] })), showStylePicker && hasIndicText && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', flexWrap: 'wrap', gap: '8px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-romanize-select", style: { fontSize: '12px' }, children: "Romanized copy (ISO 15919)" }), _jsxs("select", { id: "cs-export-romanize-select", className: "cs-settings-select", value: romanizeScope, onChange: e => setRomanizeScope(e.target.value), children: [_jsx("option", { value: "off", children: "Off (native script)" }), _jsx("option", { value: "all", children: "All text" }), _jsx("option", { value: "dialogue", children: "Dialogue only" })] }), romanizeScope !== 'off' && (_jsxs("select", { "aria-label": "Romanization variant", className: "cs-settings-select", value: romanizeVariant, onChange: e => setRomanizeVariant(e.target.value), children: [_jsx("option", { value: "strict", children: "Strict ISO 15919" }), _jsx("option", { value: "colloquial", children: "Casual (no diacritics)" })] })), romanizeScope !== 'off' && (_jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)', flexBasis: '100%' }, children: "Your script is not changed. Page numbers in the romanized copy differ from the original." }))] }))] })) : (_jsxs("div", { children: [_jsxs("div", { className: "cs-export-report-box", children: [_jsxs("div", { className: "cs-export-report-header", children: [_jsx("span", { className: "cs-export-report-title", children: "One-Liner Schedule" }), _jsxs("div", { className: "cs-export-chips", children: [_jsx("button", { type: "button", className: `cs-export-chip${format === 'oneliner-print' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('oneliner-print'), children: "Print View" }), _jsx("button", { type: "button", className: `cs-export-chip${format === 'oneliner-docx' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('oneliner-docx'), children: "Word (.docx)" }), _jsx("button", { type: "button", className: `cs-export-chip${format === 'oneliner-csv' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('oneliner-csv'), children: "Spreadsheet (.csv)" })] })] }), _jsx("div", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: "A scene-by-scene production stripboard breakdown with locations, cast, and timings." })] }), _jsxs("div", { className: "cs-export-report-box", children: [_jsxs("div", { className: "cs-export-report-header", children: [_jsx("span", { className: "cs-export-report-title", children: "Shot List" }), _jsxs("div", { className: "cs-export-chips", children: [_jsx("button", { type: "button", className: `cs-export-chip${format === 'shotlist-docx' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('shotlist-docx'), children: "Word (.docx)" }), _jsx("button", { type: "button", className: `cs-export-chip${format === 'shotlist-csv' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('shotlist-csv'), children: "Spreadsheet (.csv)" })] })] }), _jsx("div", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: "Camera shot specifications extracted from scene headings and production notes." })] }), _jsxs("div", { className: "cs-export-report-box", children: [_jsxs("div", { className: "cs-export-report-header", children: [_jsx("span", { className: "cs-export-report-title", children: "Cast Breakdown" }), _jsxs("div", { className: "cs-export-chips", children: [_jsx("button", { type: "button", className: `cs-export-chip${format === 'cast-docx' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('cast-docx'), children: "Word (.docx)" }), _jsx("button", { type: "button", className: `cs-export-chip${format === 'cast-csv' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('cast-csv'), children: "Spreadsheet (.csv)" })] })] }), _jsx("div", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: "Character occurrences, dialogue counts, and assigned actors list." })] }), hasIndicText && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', flexWrap: 'wrap', gap: '8px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-romanize-reports", style: { fontSize: '12px' }, children: "Romanized copy (ISO 15919)" }), _jsxs("select", { id: "cs-export-romanize-reports", className: "cs-settings-select", value: romanizeReports ? 'on' : 'off', onChange: e => setRomanizeReports(e.target.value === 'on'), children: [_jsx("option", { value: "off", children: "Off (native script)" }), _jsx("option", { value: "on", children: "Romanize all text" })] }), romanizeReports && (_jsxs("select", { "aria-label": "Romanization variant", className: "cs-settings-select", value: romanizeVariant, onChange: e => setRomanizeVariant(e.target.value), children: [_jsx("option", { value: "strict", children: "Strict ISO 15919" }), _jsx("option", { value: "colloquial", children: "Casual (no diacritics)" })] }))] }))] })), warnings.length > 0 && (_jsxs("div", { className: "cs-export-warnings", style: { background: '#fffbeb', border: '1px solid #fcd34d', padding: '10px', borderRadius: '4px', marginTop: '14px' }, children: [_jsx("div", { className: "cs-export-warn-title", style: { fontWeight: 600, color: '#b45309', fontSize: '12px', marginBottom: '4px' }, children: t('export.warnings') }), warnings.map((w, i) => (_jsxs("div", { className: "cs-export-warn-item", style: { fontSize: '11px', color: '#59574f' }, children: ["\u2022 ", w] }, i)))] }))] }), _jsxs("div", { className: "cs-export-actions", style: { borderTop: '1px solid var(--cs-ui-border-light-subtle, #eeece4)', padding: '12px 16px', display: 'flex', justifyContent: 'flex-end', gap: '8px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)' }, children: [_jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => setExportVisible(false), children: t('export.cancel') }), _jsx("button", { type: "button", className: "cs-confirm-btn-primary", onClick: doExport, disabled: isExporting, children: isExporting ? 'Exporting...' : t('export.download') })] })] }) }));
+}

package/dist/titlepage/TitlePageDialog.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export { OPEN_TITLE_PAGE_EVENT, openTitlePageForm } from '../editor/editor-bus';
+interface Props {
+    onClose: () => void;
+}
+export declare function TitlePageDialog({ onClose }: Props): React.JSX.Element;