@lingjingai/script-editor 0.1.1 → 0.1.13

package/dist/style.css

@@ -399,6 +399,26 @@
 .lj-se-scenediff-accept { font-weight: 500; color: var(--lj-se-fg); background: var(--lj-se-bg); box-shadow: inset 0 0 0 1px var(--lj-se-border); }
 .lj-se-scenediff-accept:hover { background: var(--lj-se-muted); }
 
+/* ── action-level diff: row tint + per-line ✓/✗ + removed "ghost" rows ─────── */
+/* unified diff: the NEW line (added / modified-after) gets a green block; the
+   OLD line (removed / modified-before) a red block with strike-through. A
+   modified hunk stacks red-old over green-new, like a code diff. */
+.lj-se-action-slot.is-diff-added > .lj-se-row,
+.lj-se-action-slot.is-diff-modified > .lj-se-row { background: color-mix(in oklab, oklch(0.62 0.15 150) 13%, transparent); border-radius: 6px; }
+.lj-se-diff-old { border-radius: 6px; margin-bottom: 3px; background: color-mix(in oklab, var(--lj-se-destructive) 9%, transparent); }
+.lj-se-diff-old > .lj-se-row { opacity: 0.7; }
+.lj-se-diff-old .lj-se-editable { color: var(--lj-se-muted-fg); text-decoration: line-through; text-decoration-color: color-mix(in oklab, var(--lj-se-destructive) 55%, transparent); }
+.lj-se-ghost-row { position: relative; }
+.lj-se-ghost-empty { padding: 4px 12px; color: var(--lj-se-muted-fg); font-style: italic; }
+.lj-se-actiondiff-ctrl { position: absolute; top: 4px; right: 4px; z-index: 2; display: inline-flex; gap: 2px; opacity: 0; transition: opacity 0.12s ease; }
+.lj-se-action-slot:hover > .lj-se-actiondiff-ctrl,
+.lj-se-ghost-row > .lj-se-actiondiff-ctrl { opacity: 1; }
+.lj-se-actiondiff-ctrl > button { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 0; border-radius: 6px; cursor: pointer; background: var(--lj-se-bg); box-shadow: inset 0 0 0 1px var(--lj-se-border); }
+.lj-se-actiondiff-reject { color: var(--lj-se-muted-fg); }
+.lj-se-actiondiff-reject:hover { color: var(--lj-se-destructive); background: color-mix(in oklab, var(--lj-se-destructive) 12%, transparent); }
+.lj-se-actiondiff-accept { color: oklch(0.5 0.15 150); }
+.lj-se-actiondiff-accept:hover { background: color-mix(in oklab, oklch(0.62 0.15 150) 16%, transparent); }
+
 /* ── Worldview view ──────────────────────────────────────────────────── */
 .lj-se-worldview { height: 100%; overflow-y: auto; padding: 24px; }
 .lj-se-worldview, .lj-se-entity { max-width: 760px; margin: 0 auto; width: 100%; }
@@ -636,7 +656,7 @@
 .lj-se-epbanner { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 0 12px; color: var(--lj-se-paper-fg); text-align: center; }
 .lj-se-epbanner-kicker { font-size: 11px; letter-spacing: 0.5em; text-indent: 0.5em; color: color-mix(in oklab, var(--lj-se-paper-fg) 45%, transparent); }
 .lj-se-epbanner-script { margin: 0; font-size: 23px; font-weight: 700; letter-spacing: 0.04em; }
-.lj-se-epbanner-ep { margin: 2px 0 0; font-size: 18px; font-weight: 600; }
+.lj-se-epbanner-ep { margin: 2px 0 0; font-size: 22px; font-weight: 600; }
 .lj-se-epbanner-divider { margin-top: 8px; height: 1px; width: 96px; background: currentColor; opacity: 0.15; }
 .lj-se-epbanner .lj-se-editable { display: inline-block; }
 
@@ -657,7 +677,7 @@
 .lj-se-row { padding: 3px 8px; }
 
 /* the margin handle (per row) */
-.lj-se-handle-pop { position: absolute; left: -34px; top: 1px; display: inline-flex; }
+.lj-se-handle-pop { position: absolute; left: -34px; top: 50%; transform: translateY(-50%); display: inline-flex; }
 .lj-se-handle {
   position: relative; display: inline-flex; align-items: center; justify-content: center;
   width: 22px; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer;
@@ -675,6 +695,9 @@
 }
 .lj-se-handle:hover::before, .lj-se-handle.is-open::before { opacity: 1; transform: translate(-50%, -50%) scale(1); }
 .lj-se-handle-grip { width: 14px; height: 14px; }
+/* hovering the left grip tints the whole row block it controls (plain content
+   hover stays un-tinted by design). */
+.lj-se-row:has(.lj-se-handle:hover) { background: color-mix(in oklab, var(--lj-se-paper-fg) 6%, transparent); }
 
 /* the scene number as the scene's control hub */
 .lj-se-scenenum-pop { position: relative; display: inline-flex; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingjingai/script-editor",
-  "version": "0.1.1",
+  "version": "0.1.13",
   "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",