@lingjingai/script-editor 0.1.19 → 0.1.21

package/dist/style.css

@@ -264,6 +264,14 @@
 .lj-se-canvas { position: relative; min-height: 0; flex: 1; overflow: hidden; display: flex; }
 .lj-se-canvas > .lj-se-stream,
 .lj-se-canvas > .lj-se-entity { flex: 1; }
+.lj-se-search { position: absolute; top: 20px; right: 44px; z-index: 35; display: inline-flex; align-items: center; gap: 4px; height: 32px; border: 1px solid var(--lj-se-border); border-radius: 6px; background: var(--lj-se-popover); padding: 0 6px 0 9px; color: var(--lj-se-muted-fg); box-shadow: 0 8px 24px -12px oklch(0 0 0 / 0.24), 0 2px 8px -4px oklch(0 0 0 / 0.12); }
+.lj-se-search-input { width: 220px; min-width: 0; border: 0; outline: none; background: transparent; color: var(--lj-se-fg); font: inherit; font-size: 13px; }
+.lj-se-search-input::placeholder { color: var(--lj-se-muted-fg); }
+.lj-se-search-count { min-width: 38px; text-align: center; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 10.5px; font-variant-numeric: tabular-nums; color: var(--lj-se-muted-fg); }
+.lj-se-search-btn { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 0; border-radius: 4px; background: transparent; color: var(--lj-se-muted-fg); cursor: pointer; padding: 0; }
+.lj-se-search-btn:hover { background: var(--lj-se-accent); color: var(--lj-se-fg); }
+.lj-se-search-btn:disabled { opacity: 0.35; cursor: default; }
+.lj-se-search-hit { border-radius: 3px; background: oklch(0.88 0.15 90 / 0.62); color: inherit; padding: 0 1px; }
 
 /* small ghost icon button (change-type, undo/redo) */
 .lj-se-rowbtn { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--lj-se-muted-fg); cursor: pointer; border-radius: 6px; padding: 4px; }
@@ -274,6 +282,7 @@
 .lj-se-select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; outline: none; padding: 0; font: inherit; color: inherit; cursor: pointer; max-width: 100%; border-radius: 3px; }
 .lj-se-select:hover { text-decoration: underline dotted; text-underline-offset: 3px; }
 .lj-se-select:disabled { cursor: default; text-decoration: none; }
+.lj-se-select.is-search-hit { background: oklch(0.88 0.15 90 / 0.42); box-shadow: 0 0 0 2px oklch(0.88 0.15 90 / 0.42); }
 .lj-se-select option { color: var(--lj-se-fg); background: var(--lj-se-popover); }
 .is-orphan { color: var(--lj-se-destructive); }
 
@@ -363,7 +372,6 @@
 .lj-se-ctx-kicker { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; color: var(--lj-se-muted-fg); }
 .lj-se-ctx-name { font-size: 12px; font-weight: 500; color: var(--lj-se-fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .lj-se-ctx-meta { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 11px; color: var(--lj-se-muted-fg); }
-
 /* ── Format toggle ───────────────────────────────────────────────────── */
 .lj-se-format { display: inline-flex; align-items: center; gap: 2px; border-radius: 6px; padding: 2px; font-size: 11px; }
 .lj-se-format-btn { height: 24px; border: 0; background: transparent; border-radius: 4px; padding: 0 8px; line-height: 1; cursor: pointer; font: inherit; font-size: 11px; color: color-mix(in oklab, var(--lj-se-muted-fg) 65%, transparent); }
@@ -613,7 +621,6 @@
 .lj-se-quote-btn svg { width: 13px; height: 13px; color: var(--lj-se-muted-fg); }
 .lj-se-quote-btn:hover svg { color: var(--lj-se-fg); }
 
-/* ── Stream: worldview block (inline, not full-height) ───────────────── */
 /* ── Asset group header ──────────────────────────────────────────────── */
 .lj-se-assetgroup-head { display: flex; justify-content: center; padding: 24px 24px 8px; }
 .lj-se-assetgroup-title { width: 100%; max-width: 820px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--lj-se-fg); border-bottom: 1px solid var(--lj-se-border); padding-bottom: 6px; }
@@ -641,8 +648,22 @@
 .lj-se-assetcard-state-top { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
 .lj-se-assetcard-state-name { font-size: 13px; font-weight: 600; }
 .lj-se-assetcard-state-desc { display: block; margin-top: 2px; font-size: 12px; color: var(--lj-se-muted-fg); min-height: 1.2em; }
-.lj-se-assetcard-state .lj-se-del { width: 24px; height: 24px; }
-.lj-se-assetcard-state .lj-se-del .lj-se-icon { width: 14px; height: 14px; }
+.lj-se-assetcard-state-del { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border: 0; background: transparent; border-radius: 6px; color: var(--lj-se-muted-fg); cursor: pointer; }
+.lj-se-assetcard-state-del:hover { background: color-mix(in oklab, var(--lj-se-destructive) 10%, transparent); color: var(--lj-se-destructive); }
+
+/* ── Modal confirm ───────────────────────────────────────────────────── */
+.lj-se-modal-backdrop { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 24px; background: oklch(0 0 0 / 0.28); }
+.lj-se-modal { width: min(360px, 100%); border: 1px solid var(--lj-se-border); border-radius: 10px; background: var(--lj-se-popover); color: var(--lj-se-fg); box-shadow: 0 18px 50px -20px oklch(0 0 0 / 0.45), 0 6px 18px -8px oklch(0 0 0 / 0.24); padding: 14px; }
+.lj-se-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.lj-se-modal-title { margin: 0; font-size: 14px; font-weight: 650; }
+.lj-se-modal-x { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border: 0; background: transparent; border-radius: 6px; color: var(--lj-se-muted-fg); cursor: pointer; }
+.lj-se-modal-x:hover { background: var(--lj-se-accent); color: var(--lj-se-fg); }
+.lj-se-modal-body { margin: 10px 0 16px; font-size: 13px; line-height: 1.6; color: var(--lj-se-muted-fg); }
+.lj-se-modal-actions { display: flex; justify-content: flex-end; gap: 8px; }
+.lj-se-modal-btn { border: 1px solid var(--lj-se-border); background: var(--lj-se-card); color: var(--lj-se-fg); cursor: pointer; border-radius: 6px; padding: 6px 12px; font: inherit; font-size: 12px; }
+.lj-se-modal-btn:hover { background: var(--lj-se-accent); }
+.lj-se-modal-btn-danger { border-color: color-mix(in oklab, var(--lj-se-destructive) 35%, var(--lj-se-border)); background: var(--lj-se-destructive); color: white; }
+.lj-se-modal-btn-danger:hover { background: color-mix(in oklab, var(--lj-se-destructive) 88%, black); }
 
 /* ── Reference grid (asset → scenes) ─────────────────────────────────── */
 .lj-se-refgrid { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 6px 12px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingjingai/script-editor",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "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",
@@ -13,10 +13,14 @@
   ],
   "exports": {
     ".": {
+      "development": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./style.css": "./dist/style.css"
+    "./style.css": {
+      "development": "./src/styles.css",
+      "default": "./dist/style.css"
+    }
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",