@lingjingai/script-editor 0.1.24 → 0.1.26

package/dist/style.css

@@ -546,16 +546,19 @@
 
 /* asian format inline */
 .lj-se-row--asian { line-height: 1.9; font-size: 14px; }
-/* action + dialogue cue lines lay out as flex: the prefix (△ / speaker / colon)
-   stays put while the content editor fills the rest of the line. This keeps the
-   editing <textarea> on the SAME line as the prefix (a 100%-wide textarea would
-   otherwise drop below it). */
+/* Asian rows use a fixed prefix/content split so display spans and editing
+   textareas wrap with the same width. */
 .lj-se-asian-action,
-.lj-se-asian-cueline { display: flex; flex-wrap: wrap; align-items: flex-start; }
+.lj-se-asian-cueline {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
+  align-items: flex-start;
+}
 .lj-se-asian-action { opacity: 0.78; }
 .lj-se-asian-action-mark { flex-shrink: 0; margin-right: 8px; font-family: "JetBrains Mono", ui-monospace, monospace; opacity: 0.7; }
 .lj-se-asian-narration { font-style: italic; opacity: 0.8; }
 .lj-se-asian-cueline.is-inner { font-style: italic; opacity: 0.92; }
+.lj-se-asian-cue-prefix { display: inline-flex; align-items: baseline; flex-wrap: nowrap; white-space: nowrap; }
 .lj-se-asian-speaker { flex-shrink: 0; font-weight: 600; }
 /* As a flex item, a native <select> sizes to its widest <option> (the widest
    actor name) — leaving a gap before the emotion tag on short names. field-sizing
@@ -568,12 +571,13 @@
 .lj-se-asian-tag .lj-se-editing { width: auto; field-sizing: content; min-width: 2ch; max-width: 14ch; }
 .lj-se-asian-colon { flex-shrink: 0; margin: 0 2px; }
 .lj-se-asian-narration .lj-se-editable { display: inline; }
-/* the content editor (span in display, textarea in edit) fills the rest of the
-   flex line in both states */
-.lj-se-asian-action > .lj-se-editable,
-.lj-se-asian-action > .lj-se-editing,
-.lj-se-asian-cueline > .lj-se-editable,
-.lj-se-asian-cueline > .lj-se-editing { flex: 1 1 auto; min-width: 6ch; width: auto; }
+.lj-se-asian-content {
+  display: block;
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
+.lj-se-editing.lj-se-asian-content { width: 100%; }
 
 /* ── Insert / split boundary affordance — ZERO layout height ─────────────
    The ⊕ floats in the paper's left margin (negative left) and is absolutely

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingjingai/script-editor",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "description": "Pure, business-decoupled screenplay (剧本) editor: value:ScriptProject + onEdit(patch); dual-format (standard/asian), virtualized single-stream, click-to-edit; bundled CSS, business injected via adapters.",
   "license": "MIT",
   "type": "module",