@lingjingai/script-editor 0.1.18 → 0.1.20

package/dist/style.css

@@ -263,8 +263,15 @@
 .lj-se-main { display: flex; min-width: 0; flex: 1; flex-direction: column; height: 100%; overflow: hidden; }
 .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-worldview,
 .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; }
@@ -275,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); }
 
@@ -364,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); }
@@ -614,10 +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) ───────────────── */
-.lj-se-stream-worldview { display: flex; justify-content: center; padding: 16px 24px 0; }
-.lj-se-stream-worldview .lj-se-worldview { height: auto; overflow: visible; padding: 24px 0; max-width: 820px; }
-
 /* ── 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; }

package/package.json

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