@synclineapi/editor 4.0.1 → 4.0.3

package/dist/syncline-editor.es.js

@@ -0,0 +1,4635 @@
+var De = Object.defineProperty;
+var He = (s, e, t) => e in s ? De(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var g = (s, e, t) => He(s, typeof e != "symbol" ? e + "" : e, t);
+const Re = {
+  typescript: "//",
+  javascript: "//",
+  css: "//",
+  json: "",
+  markdown: "",
+  text: ""
+}, se = /* @__PURE__ */ new Set([
+  "function",
+  "const",
+  "let",
+  "var",
+  "return",
+  "if",
+  "else",
+  "for",
+  "while",
+  "class",
+  "import",
+  "export",
+  "default",
+  "async",
+  "await",
+  "new",
+  "this",
+  "typeof",
+  "instanceof",
+  "try",
+  "catch",
+  "finally",
+  "throw",
+  "extends",
+  "interface",
+  "type",
+  "readonly",
+  "private",
+  "public",
+  "protected",
+  "static",
+  "override",
+  "implements",
+  "enum",
+  "namespace",
+  "declare",
+  "abstract",
+  "as",
+  "from",
+  "of",
+  "in",
+  "void",
+  "switch",
+  "case",
+  "break",
+  "continue",
+  "do",
+  "delete",
+  "yield",
+  "super",
+  "null",
+  "true",
+  "false",
+  "undefined",
+  "require",
+  "constructor"
+]), Be = /* @__PURE__ */ new Set([
+  "function",
+  "const",
+  "let",
+  "var",
+  "return",
+  "if",
+  "else",
+  "for",
+  "while",
+  "class",
+  "import",
+  "export",
+  "default",
+  "async",
+  "await",
+  "new",
+  "this",
+  "typeof",
+  "instanceof",
+  "try",
+  "catch",
+  "finally",
+  "throw",
+  "extends",
+  "as",
+  "from",
+  "of",
+  "in",
+  "void",
+  "switch",
+  "case",
+  "break",
+  "continue",
+  "do",
+  "delete",
+  "yield",
+  "super",
+  "null",
+  "true",
+  "false",
+  "undefined",
+  "require",
+  "constructor",
+  "static"
+]), je = /* @__PURE__ */ new Set([
+  // At-rules (without @)
+  "media",
+  "keyframes",
+  "import",
+  "charset",
+  "supports",
+  "layer",
+  "container",
+  "namespace",
+  "page",
+  // Position values
+  "static",
+  "relative",
+  "absolute",
+  "fixed",
+  "sticky",
+  // Display values
+  "block",
+  "inline",
+  "flex",
+  "grid",
+  "none",
+  "contents",
+  "table",
+  // Overflow / visibility
+  "hidden",
+  "visible",
+  "scroll",
+  "clip",
+  "auto",
+  // Text / font values
+  "bold",
+  "normal",
+  "italic",
+  "underline",
+  "uppercase",
+  "lowercase",
+  "capitalize",
+  "left",
+  "right",
+  "center",
+  "justify",
+  // Sizing keywords
+  "inherit",
+  "initial",
+  "unset",
+  "revert",
+  // Misc values
+  "pointer",
+  "default",
+  "transparent",
+  "solid",
+  "dashed",
+  "dotted",
+  "double",
+  "cover",
+  "contain",
+  "no-repeat",
+  "repeat",
+  // CSS functions (used as values)
+  "var",
+  "calc",
+  "min",
+  "max",
+  "clamp"
+]), Pe = /* @__PURE__ */ new Set(["null", "true", "false"]), pe = /* @__PURE__ */ new Set(), oe = /* @__PURE__ */ new Set([
+  "number",
+  "string",
+  "boolean",
+  "any",
+  "never",
+  "unknown",
+  "object",
+  "Promise",
+  "Array",
+  "Map",
+  "Set",
+  "Record",
+  "Partial",
+  "Required",
+  "Readonly",
+  "HTMLElement",
+  "KeyboardEvent",
+  "Float64Array",
+  "EventListener",
+  "Document",
+  "Window",
+  "Node",
+  "Element",
+  "Event",
+  "MouseEvent",
+  "CustomEvent"
+]), $e = /* @__PURE__ */ new Set([
+  "number",
+  "string",
+  "boolean",
+  "object",
+  "Promise",
+  "Array",
+  "Map",
+  "Set",
+  "HTMLElement",
+  "KeyboardEvent",
+  "Float64Array",
+  "EventListener",
+  "Document",
+  "Window",
+  "Node",
+  "Element",
+  "Event",
+  "MouseEvent",
+  "CustomEvent"
+]), We = /* @__PURE__ */ new Set(), Ne = /* @__PURE__ */ new Set(), he = /* @__PURE__ */ new Set(), Me = {
+  typescript: se,
+  javascript: Be,
+  css: je,
+  json: Pe,
+  markdown: pe,
+  text: pe
+}, Ee = {
+  typescript: oe,
+  javascript: $e,
+  css: We,
+  json: Ne,
+  markdown: he,
+  text: he
+};
+function ue(s, e) {
+  return {
+    fileId: s,
+    doc: [...e],
+    cur: { row: 0, col: 0 },
+    sel: null,
+    dirty: !1,
+    undoStack: [],
+    redoStack: [],
+    scrollTop: 0
+  };
+}
+function L(s, e = 300) {
+  const t = {
+    doc: [...s.doc],
+    cur: { ...s.cur },
+    sel: s.sel ? { ...s.sel } : null
+  };
+  s.undoStack.push(t), s.undoStack.length > e && s.undoStack.shift(), s.redoStack = [], s.dirty = !0;
+}
+function Oe(s) {
+  if (!s.undoStack.length) return !1;
+  const e = {
+    doc: [...s.doc],
+    cur: { ...s.cur },
+    sel: s.sel ? { ...s.sel } : null
+  };
+  s.redoStack.push(e);
+  const t = s.undoStack.pop();
+  return s.doc = t.doc, s.cur = t.cur, s.sel = t.sel, !0;
+}
+function Fe(s) {
+  if (!s.redoStack.length) return !1;
+  const e = {
+    doc: [...s.doc],
+    cur: { ...s.cur },
+    sel: s.sel ? { ...s.sel } : null
+  };
+  s.undoStack.push(e);
+  const t = s.redoStack.pop();
+  return s.doc = t.doc, s.cur = t.cur, s.sel = t.sel, !0;
+}
+function S(s) {
+  const { doc: e, cur: t } = s;
+  t.row = Math.max(0, Math.min(e.length - 1, t.row)), t.col = Math.max(0, Math.min((e[t.row] ?? "").length, t.col));
+}
+function $(s) {
+  const { ar: e, ac: t, fr: i, fc: n } = s;
+  return e < i || e === i && t <= n ? s : { ar: i, ac: n, fr: e, fc: t };
+}
+function fe(s, e, t) {
+  if (!s) return null;
+  const i = $(s);
+  return e < i.ar || e > i.fr ? null : {
+    start: e === i.ar ? i.ac : 0,
+    end: e === i.fr ? i.fc : t
+  };
+}
+function Ue(s) {
+  if (!s.sel) return 0;
+  const e = $(s.sel);
+  let t = 0;
+  for (let i = e.ar; i <= e.fr; i++) {
+    const n = s.doc[i] ?? "", r = i === e.ar ? e.ac : 0, o = i === e.fr ? e.fc : n.length;
+    t += o - r;
+  }
+  return t;
+}
+function ge(s) {
+  if (!s.sel) return "";
+  const e = $(s.sel), t = [];
+  for (let i = e.ar; i <= e.fr; i++) {
+    const n = s.doc[i] ?? "";
+    t.push(n.slice(i === e.ar ? e.ac : 0, i === e.fr ? e.fc : n.length));
+  }
+  return t.join(`
+`);
+}
+function G(s) {
+  const e = s.sel;
+  if (!e) return s.cur;
+  const t = $(e), i = (s.doc[t.ar] ?? "").slice(0, t.ac), n = (s.doc[t.fr] ?? "").slice(t.fc);
+  return s.doc.splice(t.ar, t.fr - t.ar + 1, i + n), s.sel = null, { row: t.ar, col: t.ac };
+}
+function Ge(s, e, t) {
+  if (!t || s.length <= e) return [s];
+  const i = [];
+  let n = 0;
+  for (; n < s.length; ) {
+    if (s.length - n <= e) {
+      i.push(s.slice(n));
+      break;
+    }
+    const r = n + e;
+    let o = -1;
+    for (let l = r; l > n; l--)
+      if (s[l - 1] === " ") {
+        o = l;
+        break;
+      }
+    o === -1 ? (i.push(s.slice(n, r)), n = r) : (i.push(s.slice(n, o)), n = o);
+  }
+  return i;
+}
+function ze(s, e, t, i) {
+  const n = [], r = [], o = [];
+  let l = -1;
+  for (let a = 0; a < s.length; a++) {
+    if (a > 0 && a <= l) {
+      o.push(r.length), n.push([s[a] ?? ""]);
+      continue;
+    }
+    o.push(r.length);
+    const c = Ge(s[a] ?? "", e, t);
+    n.push(c), c.forEach((d, h) => r.push({ docLine: a, segIdx: h, text: d })), i.has(a) && (l = i.get(a));
+  }
+  return { segments: n, visualRows: r, docToVisArr: o };
+}
+function F(s, e, t) {
+  const i = s.segments[e] ?? [""];
+  let n = t;
+  for (let r = 0; r < i.length; r++) {
+    if (n <= i[r].length || r === i.length - 1)
+      return {
+        visRow: s.docToVisArr[e] + r,
+        colInSeg: Math.min(n, i[r].length)
+      };
+    n -= i[r].length;
+  }
+  return { visRow: s.docToVisArr[e] ?? 0, colInSeg: 0 };
+}
+function Y(s, e, t) {
+  var o;
+  const i = s.visualRows[e];
+  if (!i) return { row: 0, col: 0 };
+  const n = s.segments[i.docLine] ?? [""];
+  let r = Math.min(t, ((o = n[i.segIdx]) == null ? void 0 : o.length) ?? 0);
+  for (let l = 0; l < i.segIdx; l++) r += n[l].length;
+  return { row: i.docLine, col: r };
+}
+function ae(s, e = {}) {
+  var d, h;
+  const t = [], i = s.length;
+  let n = 0;
+  const r = (p, f, _) => {
+    _ > f && t.push({ cls: p, start: f, end: _ });
+  }, o = Me[e.language ?? "typescript"] ?? se, l = Ee[e.language ?? "typescript"] ?? oe, a = (d = e.extraKeywords) != null && d.size ? /* @__PURE__ */ new Set([...o, ...e.extraKeywords]) : o, c = (h = e.extraTypes) != null && h.size ? /* @__PURE__ */ new Set([...l, ...e.extraTypes]) : l;
+  for (; n < i; ) {
+    if (s[n] === "/" && s[n + 1] === "/") {
+      r("cmt", n, i);
+      break;
+    }
+    if (s[n] === "*" || s[n] === "/" && s[n + 1] === "*") {
+      r("cmt", n, i);
+      break;
+    }
+    if (s[n] === "@") {
+      let p = n + 1;
+      for (; p < i && /\w/.test(s[p]); ) p++;
+      r("dec", n, p), n = p;
+      continue;
+    }
+    if (s[n] === '"' || s[n] === "'" || s[n] === "`") {
+      const p = s[n];
+      let f = n + 1;
+      for (; f < i; ) {
+        if (s[f] === "\\") {
+          f += 2;
+          continue;
+        }
+        if (s[f] === p) {
+          f++;
+          break;
+        }
+        f++;
+      }
+      r("str", n, f), n = f;
+      continue;
+    }
+    if (/\d/.test(s[n]) && (n === 0 || !/\w/.test(s[n - 1]))) {
+      let p = n;
+      for (; p < i && /[\d._xXa-fA-F]/.test(s[p]); ) p++;
+      r("num", n, p), n = p;
+      continue;
+    }
+    if (/[a-zA-Z_$]/.test(s[n])) {
+      let p = n;
+      for (; p < i && /[\w$]/.test(s[p]); ) p++;
+      const f = s.slice(n, p);
+      a.has(f) ? r("kw", n, p) : c.has(f) ? r("typ", n, p) : p < i && s[p] === "(" ? r("fn", n, p) : /^[A-Z]/.test(f) && r("cls", n, p), n = p;
+      continue;
+    }
+    if (/[=<>!&|+\-*/%^~?:,;.[\]{}()]/.test(s[n])) {
+      r("op", n, n + 1), n++;
+      continue;
+    }
+    n++;
+  }
+  return t;
+}
+function Le(s, e) {
+  const t = new Array(s.length).fill("");
+  for (const i of e)
+    for (let n = i.start; n < i.end; n++) t[n] = i.cls;
+  return t;
+}
+class qe {
+  constructor(e = 5e3) {
+    g(this, "_cache", /* @__PURE__ */ new Map());
+    g(this, "_maxSize");
+    // ── Performance counters ──────────────────────────────────
+    g(this, "_hits", 0);
+    g(this, "_misses", 0);
+    g(this, "_evictions", 0);
+    this._maxSize = e;
+  }
+  /** Live snapshot of cache performance. Useful for observability. */
+  get metrics() {
+    return {
+      hits: this._hits,
+      misses: this._misses,
+      evictions: this._evictions,
+      size: this._cache.size
+    };
+  }
+  get(e, t) {
+    const i = this._cache.get(e);
+    return i && i.src === t ? (this._hits++, i.segs) : (this._misses++, null);
+  }
+  set(e, t, i) {
+    this._cache.size >= this._maxSize && (this._cache.delete(this._cache.keys().next().value), this._evictions++), this._cache.set(e, { src: t, segs: i });
+  }
+  invalidateLine(e, t) {
+    for (let i = 0; i < t; i++)
+      this._cache.delete(`${e}:${i}`);
+  }
+  /** Clear all cached entries and reset performance counters. */
+  clear() {
+    this._cache.clear(), this._hits = 0, this._misses = 0, this._evictions = 0;
+  }
+  /** Reset performance counters without clearing cached entries. */
+  resetMetrics() {
+    this._hits = 0, this._misses = 0, this._evictions = 0;
+  }
+}
+const Ke = {
+  id: "",
+  name: "VR Dark",
+  description: "Default deep dark theme",
+  light: !1,
+  tokens: {
+    bg0: "#0d0d0f",
+    bg1: "#111115",
+    bg2: "#16161b",
+    bg3: "#1d1d24",
+    bg4: "#24242d",
+    border: "rgba(255,255,255,.07)",
+    border2: "rgba(255,255,255,.12)",
+    border3: "rgba(255,255,255,.19)",
+    text: "#c9c7c0",
+    text2: "#8b8994",
+    text3: "#4e4c58",
+    accent: "#6e9fff",
+    accent2: "#2f5db0",
+    green: "#4ec9a0",
+    orange: "#d4976e",
+    purple: "#b48eff",
+    red: "#f28b82",
+    yellow: "#e8c97a",
+    cur: "#6e9fff",
+    curGlow: "rgba(110,159,255,.65)",
+    curLineBg: "rgba(255,255,255,.032)",
+    curLineGutter: "#181820",
+    gutterBg: "#0f0f12",
+    gutterHover: "#181820",
+    gutterBorder: "rgba(255,255,255,.06)",
+    gutterNum: "#4e4c58",
+    gutterNumAct: "#9997a2",
+    selBg: "rgba(110,159,255,.22)",
+    wordHlBg: "rgba(200,198,210,.09)",
+    wordHlBorder: "rgba(200,198,210,.28)",
+    bmBorder: "rgba(110,159,255,.65)",
+    foldBg: "rgba(110,159,255,.07)",
+    foldBorder: "rgba(110,159,255,.30)",
+    findBg: "rgba(234,180,86,.18)",
+    findBorder: "rgba(234,180,86,.50)",
+    findCurBg: "rgba(234,180,86,.80)",
+    findCurBorder: "rgba(234,180,86,.95)",
+    findCurText: "#1a1000",
+    fileActiveBg: "rgba(110,159,255,.11)",
+    fileActiveText: "#6e9fff",
+    mmBg: "#0d0d0f",
+    mmSlider: "rgba(255,255,255,.07)",
+    mmDim: "rgba(0,0,0,.30)",
+    mmEdge: "rgba(255,255,255,.18)",
+    indentGuide: "rgba(255,255,255,.06)",
+    tokKw: "#6e9fff",
+    tokStr: "#4ec9a0",
+    tokCmt: "#4e4c58",
+    tokFn: "#d4976e",
+    tokNum: "#b48eff",
+    tokCls: "#e8c97a",
+    tokOp: "#55536a",
+    tokTyp: "#6ec9d4",
+    tokDec: "#f28b82"
+  }
+}, Ve = {
+  id: "vscode-dark",
+  name: "VSCode Dark+",
+  description: "Visual Studio Code dark",
+  light: !1,
+  tokens: {
+    bg0: "#1e1e1e",
+    bg1: "#252526",
+    bg2: "#1e1e1e",
+    bg3: "#2d2d30",
+    bg4: "#3a3a3d",
+    border: "rgba(255,255,255,.09)",
+    border2: "rgba(255,255,255,.15)",
+    border3: "rgba(255,255,255,.24)",
+    text: "#d4d4d4",
+    text2: "#9a9a9a",
+    text3: "#505050",
+    accent: "#569cd6",
+    accent2: "#0e639c",
+    green: "#4ec9b0",
+    orange: "#ce9178",
+    purple: "#c586c0",
+    red: "#f44747",
+    yellow: "#dcdcaa",
+    cur: "#aeafad",
+    curGlow: "rgba(174,175,173,.40)",
+    curLineBg: "rgba(255,255,255,.038)",
+    curLineGutter: "#282828",
+    gutterBg: "#1e1e1e",
+    gutterHover: "#282828",
+    gutterBorder: "rgba(255,255,255,.07)",
+    gutterNum: "#838383",
+    gutterNumAct: "#c8c8c8",
+    selBg: "rgba(38,79,120,.65)",
+    wordHlBg: "rgba(173,214,255,.06)",
+    wordHlBorder: "rgba(173,214,255,.28)",
+    bmBorder: "rgba(86,156,214,.70)",
+    foldBg: "rgba(86,156,214,.07)",
+    foldBorder: "rgba(86,156,214,.35)",
+    findBg: "rgba(255,215,0,.13)",
+    findBorder: "rgba(255,215,0,.52)",
+    findCurBg: "#f6f6a0",
+    findCurBorder: "#d4d400",
+    findCurText: "#000",
+    fileActiveBg: "rgba(255,255,255,.07)",
+    fileActiveText: "#d4d4d4",
+    mmBg: "#1e1e1e",
+    mmSlider: "rgba(255,255,255,.07)",
+    mmDim: "rgba(0,0,0,.32)",
+    mmEdge: "rgba(255,255,255,.20)",
+    indentGuide: "rgba(255,255,255,.07)",
+    tokKw: "#569cd6",
+    tokStr: "#ce9178",
+    tokCmt: "#6a9955",
+    tokFn: "#dcdcaa",
+    tokNum: "#b5cea8",
+    tokCls: "#4ec9b0",
+    tokOp: "#d4d4d4",
+    tokTyp: "#4ec9b0",
+    tokDec: "#9cdcfe"
+  }
+}, Ye = {
+  id: "monokai",
+  name: "Monokai",
+  description: "Classic Sublime Text theme",
+  light: !1,
+  tokens: {
+    bg0: "#272822",
+    bg1: "#1e1f1c",
+    bg2: "#272822",
+    bg3: "#3a3930",
+    bg4: "#48473d",
+    border: "rgba(255,255,255,.08)",
+    border2: "rgba(255,255,255,.13)",
+    border3: "rgba(255,255,255,.20)",
+    text: "#f8f8f2",
+    text2: "#a8a7a0",
+    text3: "#58574e",
+    accent: "#a6e22e",
+    accent2: "#3d5a10",
+    green: "#a6e22e",
+    orange: "#fd971f",
+    purple: "#ae81ff",
+    red: "#f92672",
+    yellow: "#e6db74",
+    cur: "#f8f8f2",
+    curGlow: "rgba(248,248,242,.25)",
+    curLineBg: "rgba(255,255,255,.042)",
+    curLineGutter: "#2c2d27",
+    gutterBg: "#1e1f1c",
+    gutterHover: "#2c2d27",
+    gutterBorder: "rgba(255,255,255,.06)",
+    gutterNum: "#6e6d64",
+    gutterNumAct: "#cccac0",
+    selBg: "rgba(73,72,62,.80)",
+    wordHlBg: "rgba(248,248,242,.06)",
+    wordHlBorder: "rgba(248,248,242,.22)",
+    bmBorder: "rgba(166,226,46,.65)",
+    foldBg: "rgba(166,226,46,.07)",
+    foldBorder: "rgba(166,226,46,.30)",
+    findBg: "rgba(230,219,116,.16)",
+    findBorder: "rgba(230,219,116,.52)",
+    findCurBg: "#e6db74",
+    findCurBorder: "#c9be50",
+    findCurText: "#272822",
+    fileActiveBg: "rgba(166,226,46,.10)",
+    fileActiveText: "#a6e22e",
+    mmBg: "#1e1f1c",
+    mmSlider: "rgba(255,255,255,.06)",
+    mmDim: "rgba(0,0,0,.32)",
+    mmEdge: "rgba(255,255,255,.18)",
+    indentGuide: "rgba(255,255,255,.06)",
+    tokKw: "#f92672",
+    tokStr: "#e6db74",
+    tokCmt: "#75715e",
+    tokFn: "#a6e22e",
+    tokNum: "#ae81ff",
+    tokCls: "#66d9e8",
+    tokOp: "#f8f8f2",
+    tokTyp: "#66d9e8",
+    tokDec: "#fd971f"
+  }
+}, Je = {
+  id: "dracula",
+  name: "Dracula",
+  description: "Purple-tinted dark theme",
+  light: !1,
+  tokens: {
+    bg0: "#282a36",
+    bg1: "#21222c",
+    bg2: "#282a36",
+    bg3: "#333545",
+    bg4: "#44475a",
+    border: "rgba(255,255,255,.08)",
+    border2: "rgba(255,255,255,.14)",
+    border3: "rgba(255,255,255,.22)",
+    text: "#f8f8f2",
+    text2: "#b2b5c8",
+    text3: "#5a5e78",
+    accent: "#bd93f9",
+    accent2: "#5b3fa8",
+    green: "#50fa7b",
+    orange: "#ffb86c",
+    purple: "#bd93f9",
+    red: "#ff5555",
+    yellow: "#f1fa8c",
+    cur: "#f8f8f2",
+    curGlow: "rgba(189,147,249,.55)",
+    curLineBg: "rgba(255,255,255,.045)",
+    curLineGutter: "#2f3144",
+    gutterBg: "#21222c",
+    gutterHover: "#2f3144",
+    gutterBorder: "rgba(255,255,255,.07)",
+    gutterNum: "#5e638a",
+    gutterNumAct: "#f8f8f2",
+    selBg: "rgba(68,71,90,.85)",
+    wordHlBg: "rgba(248,248,242,.05)",
+    wordHlBorder: "rgba(248,248,242,.20)",
+    bmBorder: "rgba(189,147,249,.70)",
+    foldBg: "rgba(189,147,249,.08)",
+    foldBorder: "rgba(189,147,249,.35)",
+    findBg: "rgba(241,250,140,.14)",
+    findBorder: "rgba(241,250,140,.52)",
+    findCurBg: "#f1fa8c",
+    findCurBorder: "#d4dc50",
+    findCurText: "#282a36",
+    fileActiveBg: "rgba(189,147,249,.12)",
+    fileActiveText: "#bd93f9",
+    mmBg: "#21222c",
+    mmSlider: "rgba(255,255,255,.07)",
+    mmDim: "rgba(0,0,0,.32)",
+    mmEdge: "rgba(255,255,255,.20)",
+    indentGuide: "rgba(255,255,255,.07)",
+    tokKw: "#ff79c6",
+    tokStr: "#f1fa8c",
+    tokCmt: "#6272a4",
+    tokFn: "#50fa7b",
+    tokNum: "#bd93f9",
+    tokCls: "#8be9fd",
+    tokOp: "#f8f8f2",
+    tokTyp: "#8be9fd",
+    tokDec: "#ffb86c"
+  }
+}, Xe = {
+  id: "github-light",
+  name: "GitHub Light",
+  description: "GitHub's clean light theme",
+  light: !0,
+  tokens: {
+    bg0: "#ffffff",
+    bg1: "#f6f8fa",
+    bg2: "#ffffff",
+    bg3: "#f0f3f6",
+    bg4: "#e7eaee",
+    border: "#d0d7de",
+    border2: "#bdc4cc",
+    border3: "#aab1ba",
+    text: "#1f2328",
+    text2: "#57606a",
+    text3: "#8c959f",
+    accent: "#0969da",
+    accent2: "#0550ae",
+    green: "#1a7f37",
+    orange: "#bc4c00",
+    purple: "#8250df",
+    red: "#cf222e",
+    yellow: "#7d4e00",
+    cur: "#0969da",
+    curGlow: "rgba(9,105,218,.30)",
+    curLineBg: "rgba(9,105,218,.055)",
+    curLineGutter: "#ebf0f8",
+    gutterBg: "#f6f8fa",
+    gutterHover: "#eaedf1",
+    gutterBorder: "#d0d7de",
+    gutterNum: "#9da5b0",
+    gutterNumAct: "#1f2328",
+    selBg: "rgba(9,105,218,.15)",
+    wordHlBg: "rgba(9,105,218,.07)",
+    wordHlBorder: "rgba(9,105,218,.28)",
+    bmBorder: "rgba(9,105,218,.60)",
+    foldBg: "rgba(9,105,218,.06)",
+    foldBorder: "rgba(9,105,218,.28)",
+    findBg: "rgba(180,100,0,.09)",
+    findBorder: "rgba(180,100,0,.42)",
+    findCurBg: "rgba(180,100,0,.75)",
+    findCurBorder: "rgba(180,100,0,.95)",
+    findCurText: "#fff",
+    fileActiveBg: "rgba(9,105,218,.09)",
+    fileActiveText: "#0969da",
+    mmBg: "#f6f8fa",
+    mmSlider: "rgba(0,0,0,.06)",
+    mmDim: "rgba(0,0,0,.055)",
+    mmEdge: "rgba(0,0,0,.18)",
+    indentGuide: "rgba(0,0,0,.09)",
+    tokKw: "#cf222e",
+    tokStr: "#0a3069",
+    tokCmt: "#6e7781",
+    tokFn: "#8250df",
+    tokNum: "#0550ae",
+    tokCls: "#953800",
+    tokOp: "#1f2328",
+    tokTyp: "#0550ae",
+    tokDec: "#0969da"
+  }
+}, Ze = {
+  id: "solarized-light",
+  name: "Solarized Light",
+  description: "Warm precision light theme",
+  light: !0,
+  tokens: {
+    bg0: "#fdf6e3",
+    bg1: "#eee8d5",
+    bg2: "#fdf6e3",
+    bg3: "#e5dfcc",
+    bg4: "#dad4c1",
+    border: "#cdc7b4",
+    border2: "#bab4a2",
+    border3: "#a9a390",
+    text: "#002b36",
+    text2: "#586e75",
+    text3: "#93a1a1",
+    accent: "#268bd2",
+    accent2: "#1a6fa8",
+    green: "#859900",
+    orange: "#cb4b16",
+    purple: "#6c71c4",
+    red: "#dc322f",
+    yellow: "#b58900",
+    cur: "#268bd2",
+    curGlow: "rgba(38,139,210,.32)",
+    curLineBg: "rgba(38,139,210,.07)",
+    curLineGutter: "#e2dcc8",
+    gutterBg: "#eee8d5",
+    gutterHover: "#e2dcc8",
+    gutterBorder: "#cdc7b4",
+    gutterNum: "#93a1a1",
+    gutterNumAct: "#002b36",
+    selBg: "rgba(38,139,210,.18)",
+    wordHlBg: "rgba(38,139,210,.08)",
+    wordHlBorder: "rgba(38,139,210,.28)",
+    bmBorder: "rgba(38,139,210,.58)",
+    foldBg: "rgba(38,139,210,.07)",
+    foldBorder: "rgba(38,139,210,.28)",
+    findBg: "rgba(181,137,0,.11)",
+    findBorder: "rgba(181,137,0,.42)",
+    findCurBg: "rgba(181,137,0,.75)",
+    findCurBorder: "rgba(181,137,0,.95)",
+    findCurText: "#fff",
+    fileActiveBg: "rgba(38,139,210,.10)",
+    fileActiveText: "#268bd2",
+    mmBg: "#eee8d5",
+    mmSlider: "rgba(0,0,0,.06)",
+    mmDim: "rgba(0,0,0,.055)",
+    mmEdge: "rgba(0,0,0,.16)",
+    indentGuide: "rgba(0,0,0,.08)",
+    tokKw: "#859900",
+    tokStr: "#2aa198",
+    tokCmt: "#93a1a1",
+    tokFn: "#268bd2",
+    tokNum: "#d33682",
+    tokCls: "#b58900",
+    tokOp: "#657b83",
+    tokTyp: "#268bd2",
+    tokDec: "#cb4b16"
+  }
+}, Qe = {
+  id: "mdx-dark",
+  name: "MDX Dark",
+  description: "Catppuccin Mocha — matches .smdx-dark MDX editor chrome, single-colour tokens",
+  light: !1,
+  tokens: {
+    bg0: "#181825",
+    bg1: "#1e1e2e",
+    bg2: "#1e1e2e",
+    bg3: "#2a2a3c",
+    bg4: "#313147",
+    border: "#374151",
+    border2: "rgba(129,140,248,.22)",
+    border3: "rgba(129,140,248,.40)",
+    text: "#e2e8f0",
+    text2: "#94a3b8",
+    text3: "#475569",
+    accent: "#818cf8",
+    accent2: "#6366f1",
+    green: "#c3e88d",
+    orange: "#f78c6c",
+    purple: "#c792ea",
+    red: "#f07178",
+    yellow: "#ffcb6b",
+    cur: "#818cf8",
+    curGlow: "rgba(129,140,248,.55)",
+    curLineBg: "rgba(129,140,248,.055)",
+    curLineGutter: "#252540",
+    gutterBg: "#181825",
+    gutterHover: "#252540",
+    gutterBorder: "#374151",
+    gutterNum: "#475569",
+    gutterNumAct: "#94a3b8",
+    selBg: "rgba(129,140,248,.24)",
+    wordHlBg: "rgba(226,232,240,.07)",
+    wordHlBorder: "rgba(226,232,240,.25)",
+    bmBorder: "rgba(137,221,255,.70)",
+    foldBg: "rgba(129,140,248,.07)",
+    foldBorder: "rgba(129,140,248,.30)",
+    findBg: "rgba(251,191,36,.16)",
+    findBorder: "rgba(251,191,36,.50)",
+    findCurBg: "rgba(251,191,36,.85)",
+    findCurBorder: "rgba(251,191,36,.95)",
+    findCurText: "#1a1000",
+    fileActiveBg: "rgba(129,140,248,.12)",
+    fileActiveText: "#818cf8",
+    mmBg: "#181825",
+    mmSlider: "rgba(255,255,255,.07)",
+    mmDim: "rgba(0,0,0,.30)",
+    mmEdge: "rgba(255,255,255,.18)",
+    indentGuide: "rgba(255,255,255,.06)",
+    // All tokens match prose text — single-colour, distraction-free editing
+    tokKw: "#e2e8f0",
+    tokStr: "#e2e8f0",
+    tokCmt: "#e2e8f0",
+    tokFn: "#e2e8f0",
+    tokNum: "#e2e8f0",
+    tokCls: "#e2e8f0",
+    tokOp: "#e2e8f0",
+    tokTyp: "#e2e8f0",
+    tokDec: "#e2e8f0"
+  }
+}, et = {
+  id: "mdx-light",
+  name: "MDX Light",
+  description: "Clean light — matches default .smdx-editor MDX chrome, single-colour tokens",
+  light: !0,
+  tokens: {
+    bg0: "#f1f5f9",
+    bg1: "#ffffff",
+    bg2: "#ffffff",
+    bg3: "#f8fafc",
+    bg4: "#f1f5f9",
+    border: "#e2e8f0",
+    border2: "rgba(99,102,241,.20)",
+    border3: "rgba(99,102,241,.40)",
+    text: "#1e293b",
+    text2: "#64748b",
+    text3: "#94a3b8",
+    accent: "#6366f1",
+    accent2: "#4f46e5",
+    green: "#15803d",
+    orange: "#c2410c",
+    purple: "#7c3aed",
+    red: "#dc2626",
+    yellow: "#b45309",
+    cur: "#6366f1",
+    curGlow: "rgba(99,102,241,.35)",
+    curLineBg: "rgba(99,102,241,.05)",
+    curLineGutter: "#eef2ff",
+    gutterBg: "#f8fafc",
+    gutterHover: "#eef2ff",
+    gutterBorder: "#e2e8f0",
+    gutterNum: "#94a3b8",
+    gutterNumAct: "#475569",
+    selBg: "rgba(99,102,241,.18)",
+    wordHlBg: "rgba(99,102,241,.07)",
+    wordHlBorder: "rgba(99,102,241,.30)",
+    bmBorder: "rgba(14,116,144,.60)",
+    foldBg: "rgba(99,102,241,.06)",
+    foldBorder: "rgba(99,102,241,.28)",
+    findBg: "rgba(180,83,9,.09)",
+    findBorder: "rgba(180,83,9,.40)",
+    findCurBg: "rgba(180,83,9,.75)",
+    findCurBorder: "rgba(180,83,9,.95)",
+    findCurText: "#ffffff",
+    fileActiveBg: "rgba(99,102,241,.10)",
+    fileActiveText: "#6366f1",
+    mmBg: "#f8fafc",
+    mmSlider: "rgba(0,0,0,.06)",
+    mmDim: "rgba(0,0,0,.05)",
+    mmEdge: "rgba(0,0,0,.18)",
+    indentGuide: "rgba(0,0,0,.08)",
+    // All tokens match prose text — single-colour, distraction-free editing
+    tokKw: "#1e293b",
+    tokStr: "#1e293b",
+    tokCmt: "#1e293b",
+    tokFn: "#1e293b",
+    tokNum: "#1e293b",
+    tokCls: "#1e293b",
+    tokOp: "#1e293b",
+    tokTyp: "#1e293b",
+    tokDec: "#1e293b"
+  }
+}, tt = [
+  Ke,
+  Ve,
+  Ye,
+  Je,
+  Xe,
+  Ze,
+  Qe,
+  et
+], it = {
+  bg0: "--bg0",
+  bg1: "--bg1",
+  bg2: "--bg2",
+  bg3: "--bg3",
+  bg4: "--bg4",
+  border: "--border",
+  border2: "--border2",
+  border3: "--border3",
+  text: "--text",
+  text2: "--text2",
+  text3: "--text3",
+  accent: "--accent",
+  accent2: "--accent2",
+  green: "--green",
+  orange: "--orange",
+  purple: "--purple",
+  red: "--red",
+  yellow: "--yellow",
+  cur: "--cur",
+  curGlow: "--cur-glow",
+  curLineBg: "--cur-line-bg",
+  curLineGutter: "--cur-line-gutter",
+  gutterBg: "--gutter-bg",
+  gutterHover: "--gutter-hover",
+  gutterBorder: "--gutter-border",
+  gutterNum: "--gutter-num",
+  gutterNumAct: "--gutter-num-act",
+  selBg: "--sel-bg",
+  wordHlBg: "--word-hl-bg",
+  wordHlBorder: "--word-hl-border",
+  bmBorder: "--bm-border",
+  foldBg: "--fold-bg",
+  foldBorder: "--fold-border",
+  findBg: "--find-bg",
+  findBorder: "--find-border",
+  findCurBg: "--find-cur-bg",
+  findCurBorder: "--find-cur-border",
+  findCurText: "--find-cur-text",
+  fileActiveBg: "--file-active-bg",
+  fileActiveText: "--file-active-text",
+  mmBg: "--mm-bg",
+  mmSlider: "--mm-slider",
+  mmDim: "--mm-dim",
+  mmEdge: "--mm-edge",
+  indentGuide: "--indent-guide",
+  tokKw: "--tok-kw",
+  tokStr: "--tok-str",
+  tokCmt: "--tok-cmt",
+  tokFn: "--tok-fn",
+  tokNum: "--tok-num",
+  tokCls: "--tok-cls",
+  tokOp: "--tok-op",
+  tokTyp: "--tok-typ",
+  tokDec: "--tok-dec"
+};
+class nt {
+  constructor(e) {
+    g(this, "_registry", /* @__PURE__ */ new Map());
+    g(this, "_activeId", "");
+    g(this, "_root");
+    this._root = e;
+    for (const t of tt)
+      this._registry.set(t.id, t);
+  }
+  /** Register a custom or override theme. */
+  register(e) {
+    this._registry.set(e.id, e);
+  }
+  /** Apply a theme by id or by definition. */
+  apply(e) {
+    let t;
+    typeof e == "string" ? (t = this._registry.get(e), t || (console.warn(`[syncline-editor] Unknown theme: "${e}". Falling back to VR Dark.`), t = this._registry.get(""))) : (t = e, this._registry.set(t.id, t)), this._activeId = t.id, this._applyTokens(t.tokens);
+  }
+  get activeId() {
+    return this._activeId;
+  }
+  get activeTheme() {
+    return this._registry.get(this._activeId);
+  }
+  get allIds() {
+    return [...this._registry.keys()];
+  }
+  get all() {
+    return [...this._registry.values()];
+  }
+  _applyTokens(e) {
+    const t = this._root.style;
+    for (const [i, n] of Object.entries(it))
+      t.setProperty(n, e[i]);
+  }
+}
+const rt = `
+/* ── Reset ── */
+*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
+
+/* ── Host element ── */
+:host,.sl-host{
+  display:flex;flex-direction:column;
+  height:100%;overflow:hidden;
+  font-family:var(--sans,'Geist',system-ui,sans-serif);
+  color:var(--text,#c9c7c0);
+  background:var(--bg0,#0d0d0f);
+
+  /* Default token vars (can be overridden by theme) */
+  --sans:'Geist',system-ui,sans-serif;
+  --mono:'JetBrains Mono',monospace;
+
+  /* ── VR Dark defaults ── */
+  --bg0:#0d0d0f; --bg1:#111115; --bg2:#16161b; --bg3:#1d1d24; --bg4:#24242d;
+  --border:rgba(255,255,255,.07);
+  --border2:rgba(255,255,255,.12);
+  --border3:rgba(255,255,255,.19);
+  --text:#c9c7c0; --text2:#8b8994; --text3:#4e4c58;
+  --accent:#6e9fff; --accent2:#2f5db0;
+  --green:#4ec9a0; --orange:#d4976e; --purple:#b48eff;
+  --red:#f28b82; --yellow:#e8c97a;
+  --cur:#6e9fff; --cur-glow:rgba(110,159,255,.65);
+  --cur-line-bg:rgba(255,255,255,.032);
+  --cur-line-gutter:#181820;
+  --gutter-bg:#0f0f12; --gutter-hover:#181820;
+  --gutter-border:rgba(255,255,255,.06);
+  --gutter-num:#4e4c58; --gutter-num-act:#9997a2;
+  --sel-bg:rgba(110,159,255,.22);
+  --word-hl-bg:rgba(200,198,210,.09);
+  --word-hl-border:rgba(200,198,210,.28);
+  --bm-border:rgba(110,159,255,.65);
+  --fold-bg:rgba(110,159,255,.07);
+  --fold-border:rgba(110,159,255,.30);
+  --find-bg:rgba(234,180,86,.18);
+  --find-border:rgba(234,180,86,.50);
+  --find-cur-bg:rgba(234,180,86,.80);
+  --find-cur-border:rgba(234,180,86,.95);
+  --find-cur-text:#1a1000;
+  --file-active-bg:rgba(110,159,255,.11);
+  --file-active-text:#6e9fff;
+  --mm-bg:#0d0d0f; --mm-slider:rgba(255,255,255,.07);
+  --mm-dim:rgba(0,0,0,.30); --mm-edge:rgba(255,255,255,.18);
+  --indent-guide:rgba(255,255,255,.06);
+  --tok-kw:#6e9fff; --tok-str:#4ec9a0; --tok-cmt:#4e4c58;
+  --tok-fn:#d4976e;  --tok-num:#b48eff; --tok-cls:#e8c97a;
+  --tok-op:#55536a;  --tok-typ:#6ec9d4; --tok-dec:#f28b82;
+}
+
+/* ── Layout ── */
+.sl-layout{display:flex;flex:1;overflow:hidden}
+.sl-ed-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg2)}
+
+/* ── Hidden textarea (input capture) ── */
+.sl-input{position:fixed;left:-9999px;top:0;width:200px;height:40px;
+  opacity:0;resize:none;border:none;outline:none;padding:0;margin:0;
+  font-size:16px;background:transparent;color:transparent;
+  caret-color:transparent;pointer-events:none}
+
+/* ── Editor scroll container ── */
+.sl-editor{flex:1;overflow-y:scroll;overflow-x:auto;position:relative;
+  cursor:text;scrollbar-width:thin;scrollbar-color:var(--border3) transparent}
+.sl-editor::-webkit-scrollbar{width:10px;height:8px}
+.sl-editor::-webkit-scrollbar-track{background:transparent}
+.sl-editor::-webkit-scrollbar-thumb{background:var(--border3);border-radius:5px;border:2px solid var(--bg2)}
+.sl-spacer{position:absolute;left:0;top:0;width:1px;pointer-events:none}
+.sl-vp{position:absolute;left:0;right:0;overflow-x:hidden;will-change:transform}
+
+/* ── Editor row ── */
+.sl-er{display:flex;align-items:stretch;position:relative}
+.sl-er:hover .sl-eg{background:var(--gutter-hover)}
+.sl-er.sl-cur-row{background:var(--cur-line-bg)}
+.sl-er.sl-cur-row .sl-eg{background:var(--cur-line-gutter)!important}
+.sl-eg{min-width:60px;font-family:var(--mono);font-size:11px;color:var(--gutter-num);
+  user-select:none;border-right:1px solid var(--gutter-border);
+  background:var(--gutter-bg);flex-shrink:0;position:sticky;left:0;z-index:2;
+  display:flex;flex-direction:column;justify-content:flex-start;
+  transition:background .12s,color .12s}
+.sl-er.sl-cur-row .sl-eg{color:var(--gutter-num-act)}
+.sl-egn{height:22px;line-height:22px;padding-right:10px;text-align:right;display:block}
+.sl-er.sl-wrap-cont .sl-egn{visibility:hidden}
+.sl-el{flex:1;font-family:var(--mono);font-size:13px;line-height:22px;
+  color:var(--text);position:relative;min-width:0}
+.sl-cl{display:block;height:22px;line-height:22px;
+  padding:0 20px 0 14px;white-space:pre;position:relative}
+.sl-wrap-mode .sl-cl{white-space:pre-wrap;word-break:break-all;height:auto;overflow-wrap:anywhere}
+
+/* ── Cursor ── */
+.sl-cur{display:inline;width:0;height:0;position:relative}
+.sl-cur::after{content:'';position:absolute;left:0;top:2px;width:2px;height:18px;
+  background:var(--cur);border-radius:1px;
+  box-shadow:0 0 8px var(--cur-glow);
+  animation:sl-blink 1.05s step-end infinite;pointer-events:none}
+@keyframes sl-blink{0%,100%{opacity:1}45%,55%{opacity:0}}
+
+/* ── Multi-cursor extra beams ── */
+.sl-cur-extra{display:inline;width:0;height:0;position:relative}
+.sl-cur-extra::after{content:'';position:absolute;left:0;top:2px;width:2px;height:18px;
+  background:var(--cur);border-radius:1px;
+  box-shadow:0 0 8px var(--cur-glow);
+  animation:sl-blink 1.05s step-end infinite;pointer-events:none}
+
+/* ── Snippet tab-stop ghost markers ── */
+.sl-snip-stop{display:inline;width:0;height:0;position:relative}
+.sl-snip-stop::after{content:'';position:absolute;left:0;top:2px;width:2px;height:18px;
+  background:var(--cur);border-radius:1px;opacity:0.28;pointer-events:none}
+
+/* ── Overlays ── */
+.sl-sh{background:var(--sel-bg);border-radius:2px}
+.sl-fh{background:var(--find-bg);box-shadow:0 0 0 1px var(--find-border);border-radius:2px}
+.sl-fh.sl-fh-cur{background:var(--find-cur-bg);box-shadow:0 0 0 1px var(--find-cur-border);color:var(--find-cur-text)}
+.sl-wh{background:var(--word-hl-bg);box-shadow:0 0 0 1px var(--word-hl-border);border-radius:2px}
+.sl-bm{box-shadow:0 0 0 1px var(--bm-border);border-radius:2px}
+.sl-ig{position:absolute;top:0;bottom:0;width:1px;background:var(--indent-guide);pointer-events:none}
+
+/* ── Code folding ── */
+.sl-fold-btn{position:absolute;left:3px;top:4px;width:13px;height:13px;border-radius:3px;
+  display:flex;align-items:center;justify-content:center;font-size:9px;
+  color:var(--gutter-num);cursor:pointer;opacity:0;
+  transition:opacity .15s,background .1s;user-select:none;line-height:1}
+.sl-er:hover .sl-fold-btn{opacity:1}
+.sl-fold-btn:hover{background:var(--border3);color:var(--gutter-num-act)}
+.sl-folded{background:var(--fold-bg);border-bottom:1px dashed var(--fold-border)}
+
+/* ── Syntax tokens ── */
+.kw{color:var(--tok-kw)}.str{color:var(--tok-str)}.cmt{color:var(--tok-cmt);font-style:italic}
+.fn{color:var(--tok-fn)}.num{color:var(--tok-num)}.cls{color:var(--tok-cls)}
+.op{color:var(--tok-op)}.typ{color:var(--tok-typ)}.dec{color:var(--tok-dec)}
+
+/* ── Minimap ── */
+.sl-minimap{background:var(--mm-bg);border-left:1px solid var(--border);
+  overflow:hidden;position:relative;flex-shrink:0;cursor:pointer;user-select:none}
+.sl-minimap canvas{display:block;position:absolute;top:0;left:0}
+.sl-mm-slider{position:absolute;left:0;right:0;pointer-events:none}
+
+/* ── Status bar ── */
+.sl-statusbar{height:26px;background:var(--accent2);display:flex;align-items:center;
+  padding:0 6px;font-size:11px;color:rgba(255,255,255,.85);flex-shrink:0;gap:0}
+.sl-sb-item{display:flex;align-items:center;gap:4px;padding:0 8px;height:100%;
+  cursor:pointer;transition:background .1s;white-space:nowrap;border-radius:3px}
+.sl-sb-item:hover{background:rgba(255,255,255,.15)}
+.sl-sb-item.sl-no-click{cursor:default}
+.sl-sb-item.sl-no-click:hover{background:transparent}
+.sl-sb-sep{width:1px;height:14px;background:rgba(255,255,255,.22);margin:0 1px;flex-shrink:0}
+.sl-sb-right{margin-left:auto;display:flex;align-items:center}
+.sl-sb-wrap.sl-on{font-weight:700}
+
+/* ── Placeholder ── */
+.sl-placeholder{position:absolute;top:0;right:0;pointer-events:none;user-select:none;
+  color:var(--text3);white-space:pre;overflow:hidden;z-index:1}
+
+/* ── Go to Line bar ── */
+.sl-gtl-bar{position:absolute;top:0;left:50%;z-index:50;background:var(--bg3);
+  border:1px solid var(--border3);border-top:none;border-radius:0 0 10px 10px;
+  display:flex;align-items:center;gap:8px;padding:8px 12px;
+  transform:translateX(-50%) translateY(-100%);transition:transform .18s,box-shadow .18s;pointer-events:none}
+.sl-gtl-bar.sl-open{transform:translateX(-50%) translateY(0);pointer-events:all;box-shadow:0 8px 28px rgba(0,0,0,.4)}
+.sl-gtl-label{font-size:12px;color:var(--text2);white-space:nowrap}
+.sl-gtl-input{width:72px;background:var(--bg4);border:1px solid var(--border3);
+  border-radius:5px;padding:4px 8px;font-size:12px;font-family:var(--mono);
+  color:var(--text);outline:none;transition:border-color .15s;text-align:center}
+.sl-gtl-input:focus{border-color:var(--accent)}
+.sl-gtl-input.sl-gtl-err{border-color:#e05252}
+.sl-gtl-hint{font-size:11px;color:var(--text3);font-family:var(--mono);min-width:40px}
+
+/* ── Find + Replace bar ── */
+.sl-find-bar{position:absolute;top:0;right:125px;z-index:50;background:var(--bg3);
+  border:1px solid var(--border3);border-top:none;border-radius:0 0 10px 10px;
+  display:flex;flex-direction:column;overflow:hidden;
+  transform:translateY(-100%);transition:transform .18s,box-shadow .18s;pointer-events:none}
+.sl-find-bar.sl-open{transform:translateY(0);pointer-events:all;box-shadow:0 8px 28px rgba(0,0,0,.4)}
+.sl-find-row{display:flex;align-items:center;gap:6px;padding:7px 10px}
+.sl-find-row+.sl-find-row{border-top:1px solid var(--border)}
+.sl-find-bar input{width:180px;background:var(--bg4);border:1px solid var(--border3);
+  border-radius:5px;padding:4px 8px;font-size:12px;font-family:var(--mono);
+  color:var(--text);outline:none;transition:border-color .15s}
+.sl-find-bar input:focus{border-color:var(--accent)}
+.sl-find-btn{padding:3px 8px;font-size:11px;border:1px solid var(--border3);
+  border-radius:4px;background:transparent;color:var(--text2);cursor:pointer;
+  transition:background .1s;white-space:nowrap}
+.sl-find-btn:hover{background:var(--border3);color:var(--text)}
+.sl-find-btn.sl-active{background:var(--accent);border-color:var(--accent);color:#fff}
+.sl-find-count{font-size:11px;color:var(--text3);font-family:var(--mono);min-width:52px}
+.sl-find-x{font-size:14px;color:var(--text3);cursor:pointer;padding:2px 5px;
+  border-radius:3px;margin-left:2px}
+.sl-find-x:hover{color:var(--text);background:var(--border3)}
+
+/* ── Autocomplete popup (VS Code-style with optional description panel) ── */
+.sl-ac-popup{position:fixed;z-index:400;background:var(--bg3);
+  border:1px solid var(--border3);border-radius:8px;overflow:hidden;
+  box-shadow:0 12px 40px rgba(0,0,0,.55);
+  display:flex;flex-direction:row;
+  animation:sl-acIn .1s ease;pointer-events:all}
+@keyframes sl-acIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
+/* Left: item list */
+.sl-ac-list{min-width:240px;max-width:300px;max-height:320px;overflow-y:auto;flex-shrink:0}
+.sl-ac-list::-webkit-scrollbar{width:4px}
+.sl-ac-list::-webkit-scrollbar-thumb{background:var(--border3);border-radius:2px}
+.sl-ac-item{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:12px;
+  font-family:var(--mono);cursor:pointer;color:var(--text2);transition:background .07s;
+  white-space:nowrap}
+.sl-ac-item:hover,.sl-ac-item.sl-sel{background:var(--bg4);color:var(--text)}
+.sl-ac-badge{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;
+  justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;font-family:var(--sans)}
+.sl-ac-badge.kw{background:rgba(110,159,255,.18);color:var(--tok-kw)}
+.sl-ac-badge.fn{background:rgba(212,151,110,.18);color:var(--tok-fn)}
+.sl-ac-badge.typ{background:rgba(110,201,212,.18);color:var(--tok-typ)}
+.sl-ac-badge.cls{background:rgba(232,201,122,.18);color:var(--tok-cls)}
+.sl-ac-badge.var{background:rgba(78,201,160,.18);color:var(--tok-str)}
+.sl-ac-badge.snip{background:rgba(155,100,255,.18);color:#a78bfa}
+.sl-ac-badge.emmet{background:rgba(255,140,0,.18);color:#fb923c}
+.sl-ac-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sl-ac-detail{font-size:10px;color:var(--text3);flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:4px}
+/* Right: description / docs panel */
+.sl-ac-desc{width:260px;max-height:320px;overflow-y:auto;
+  border-left:1px solid var(--border3);padding:10px 12px;flex-shrink:0}
+.sl-ac-desc::-webkit-scrollbar{width:4px}
+.sl-ac-desc::-webkit-scrollbar-thumb{background:var(--border3);border-radius:2px}
+.sl-ac-desc-body{margin:0;font-size:11.5px;font-family:var(--mono);
+  color:var(--text2);line-height:1.6;white-space:pre-wrap;word-break:break-word}
+
+/* ── Hover documentation tooltip ── */
+.sl-hover-tip{position:fixed;z-index:500;background:var(--bg3);
+  border:1px solid var(--border3);border-radius:8px;
+  box-shadow:0 8px 32px rgba(0,0,0,.55);
+  max-width:380px;min-width:180px;padding:10px 14px;
+  pointer-events:all;cursor:default;
+  animation:sl-hoverIn .12s ease}
+@keyframes sl-hoverIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
+.sl-ht-sig{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:5px}
+.sl-ht-title{font-size:12.5px;font-family:var(--mono);font-weight:600;color:var(--tok-fn)}
+.sl-ht-type{font-size:11px;font-family:var(--mono);color:var(--tok-typ);opacity:.9;word-break:break-all}
+.sl-ht-body{font-size:12px;font-family:var(--sans);color:var(--text2);line-height:1.55;
+  max-height:120px;overflow-y:auto}
+.sl-ht-body::-webkit-scrollbar{width:3px}
+.sl-ht-body::-webkit-scrollbar-thumb{background:var(--border3);border-radius:2px}
+.sl-hover-tip .sl-ht-divider{height:1px;background:var(--border);margin:6px 0}
+
+/* ── Emmet tooltip ── */
+.sl-emmet-tip{position:fixed;z-index:600;background:var(--bg3);
+  border:1px solid var(--border3);border-radius:6px;padding:4px 10px;
+  font-size:11px;font-family:var(--mono);color:var(--accent);
+  pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.45);
+  white-space:nowrap;max-width:400px;overflow:hidden;text-overflow:ellipsis}
+
+/* ── Theme picker ── */
+.sl-theme-overlay{position:fixed;inset:0;z-index:700;
+  background:rgba(0,0,0,.50);backdrop-filter:blur(2px)}
+.sl-theme-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
+  z-index:701;background:var(--bg2);border:1px solid var(--border3);
+  border-radius:14px;overflow:hidden;width:420px;
+  box-shadow:0 32px 80px rgba(0,0,0,.65),0 0 0 1px var(--border2)}
+.sl-theme-header{padding:16px 20px 12px;display:flex;align-items:center;
+  justify-content:space-between;border-bottom:1px solid var(--border)}
+.sl-theme-title{font-size:13px;font-weight:600;color:var(--text);letter-spacing:.01em}
+.sl-theme-close{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;
+  justify-content:center;font-size:14px;color:var(--text3);cursor:pointer;
+  transition:background .1s,color .1s}
+.sl-theme-close:hover{background:var(--border3);color:var(--text)}
+.sl-theme-list{padding:8px 8px 10px}
+.sl-theme-item{display:flex;align-items:center;gap:14px;padding:10px 12px;
+  border-radius:9px;cursor:pointer;transition:background .1s;
+  border:1px solid transparent;margin-bottom:2px}
+.sl-theme-item:hover{background:var(--bg4)}
+.sl-theme-item.sl-active{background:var(--bg4);border-color:var(--border3)}
+.sl-theme-check{width:18px;height:18px;margin-left:auto;color:var(--accent);
+  font-size:13px;font-weight:700;flex-shrink:0;opacity:0}
+.sl-theme-item.sl-active .sl-theme-check{opacity:1}
+.sl-theme-swatch{width:46px;height:30px;border-radius:7px;flex-shrink:0;
+  overflow:hidden;border:1px solid rgba(0,0,0,.15);
+  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
+.sl-theme-swatch span{display:block}
+.sl-theme-name{font-size:13px;color:var(--text);font-weight:500;line-height:1.3}
+.sl-theme-desc{font-size:11px;color:var(--text3);margin-top:2px}
+.sl-theme-tag{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.08em;
+  text-transform:uppercase;padding:1px 5px;border-radius:3px;margin-left:6px;
+  background:var(--border3);color:var(--text3);vertical-align:middle}
+.sl-theme-tag.sl-light{background:rgba(255,200,50,.15);color:#b58900}
+
+/* ── Empty state ── */
+.sl-empty{flex:1;display:flex;flex-direction:column;align-items:center;
+  justify-content:center;gap:10px;color:var(--text3);font-size:13px}
+`;
+function I(s, e, t) {
+  const i = document.createElement(s);
+  return e && (i.className = e), i;
+}
+function V(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function X(s, e = document.documentElement) {
+  return getComputedStyle(e).getPropertyValue(s).trim();
+}
+function be(s, e) {
+  const t = s.replace("#", ""), i = parseInt(t.slice(0, 2), 16), n = parseInt(t.slice(2, 4), 16), r = parseInt(t.slice(4, 6), 16);
+  return `rgba(${i},${n},${r},${e})`;
+}
+function me(s) {
+  return s.split(`
+`);
+}
+function A(s) {
+  return s.join(`
+`);
+}
+function _e(s) {
+  return (s.match(/^(\s*)/) ?? ["", ""])[1];
+}
+function J(s) {
+  return " ".repeat(Math.max(0, s));
+}
+function Ie(s) {
+  return /[\w$]/.test(s);
+}
+function le(s, e, t = Ie) {
+  let i = e;
+  for (; i > 0 && t(s[i - 1]); ) i--;
+  return i;
+}
+function ce(s, e, t = Ie) {
+  let i = e;
+  for (; i < s.length && t(s[i]); ) i++;
+  return i;
+}
+function Z(s, e) {
+  let t = 0, i = null;
+  return (...n) => {
+    const r = Date.now(), o = e - (r - t);
+    o <= 0 ? (i !== null && (clearTimeout(i), i = null), t = r, s(...n)) : i === null && (i = setTimeout(() => {
+      t = Date.now(), i = null, s(...n);
+    }, o));
+  };
+}
+const st = {
+  fontSize: [8, 72, 13],
+  lineHeight: [14, 64, 22],
+  tabSize: [1, 16, 2],
+  wrapColumn: [20, 500, 80],
+  maxCompletions: [1, 50, 14],
+  autocompletePrefixLength: [1, 10, 2],
+  gutterWidth: [30, 200, 60],
+  minimapWidth: [60, 300, 120],
+  cursorBlinkRate: [200, 5e3, 1050],
+  maxUndoHistory: [10, 5e3, 300],
+  undoBatchMs: [0, 5e3, 700]
+};
+function ot(s, e, t, i) {
+  const n = Number(s);
+  return Number.isFinite(n) ? Math.max(e, Math.min(t, Math.round(n))) : i;
+}
+function ye(s) {
+  const e = { ...s };
+  for (const [t, i] of Object.entries(st))
+    if (t in s && s[t] !== void 0) {
+      const [n, r, o] = i;
+      e[t] = ot(s[t], n, r, o);
+    }
+  return e;
+}
+const Q = { "(": ")", "{": "}", "[": "]" }, ee = { ")": "(", "}": "{", "]": "[" };
+function at(s, e) {
+  const { row: t, col: i } = e, n = s[t] ?? "";
+  let r = n[i], o = i;
+  if (!Q[r] && !ee[r] && (r = n[i - 1], o = i - 1), !r) return null;
+  if (Q[r]) {
+    const l = Q[r];
+    let a = 0;
+    for (let c = t; c < Math.min(s.length, t + 500); c++) {
+      const d = s[c] ?? "", h = c === t ? o : 0;
+      for (let p = h; p < d.length; p++)
+        if (d[p] === r) a++;
+        else if (d[p] === l && (a--, a === 0))
+          return {
+            open: { row: t, col: o },
+            close: { row: c, col: p }
+          };
+    }
+  } else if (ee[r]) {
+    const l = ee[r];
+    let a = 0;
+    for (let c = t; c >= Math.max(0, t - 500); c--) {
+      const d = s[c] ?? "", h = c === t ? o : d.length - 1;
+      for (let p = h; p >= 0; p--)
+        if (d[p] === r) a++;
+        else if (d[p] === l && (a--, a === 0))
+          return {
+            open: { row: c, col: p },
+            close: { row: t, col: o }
+          };
+    }
+  }
+  return null;
+}
+function lt(s, e) {
+  const t = s[e] ?? "";
+  let i = 0;
+  for (const n of t)
+    n === "{" ? i++ : n === "}" && i--;
+  return i > 0;
+}
+function ct(s, e) {
+  let t = 0;
+  for (let i = e; i < s.length; i++)
+    for (const n of s[i] ?? "")
+      if (n === "{") t++;
+      else if (n === "}" && (t--, t === 0))
+        return i;
+  return null;
+}
+function dt(s, e, t) {
+  const i = new Map(s);
+  if (i.has(t))
+    i.delete(t);
+  else {
+    const n = ct(e, t);
+    n !== null && n > t && i.set(t, n);
+  }
+  return i;
+}
+const pt = /* @__PURE__ */ new Set([
+  "img",
+  "input",
+  "br",
+  "hr",
+  "meta",
+  "link",
+  "area",
+  "base",
+  "col",
+  "embed",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+function ve(s) {
+  const e = s.trim();
+  if (!e) return null;
+  try {
+    const t = ne(e);
+    return t === e ? null : t;
+  } catch {
+    return null;
+  }
+}
+function ne(s) {
+  if (s.includes(">")) {
+    const t = s.indexOf(">");
+    return te(s.slice(0, t), ne(s.slice(t + 1)));
+  }
+  if (s.includes("+"))
+    return s.split("+").map((t) => ne(t.trim())).join(`
+`);
+  const e = s.match(/^(.+)\*(\d+)$/);
+  if (e) {
+    const t = parseInt(e[2], 10);
+    return Array.from({ length: t }, (i, n) => te(e[1], `$${n + 1}`)).join(`
+`);
+  }
+  return te(s, "$1");
+}
+function te(s, e) {
+  const t = s.match(/#([\w-]+)/), i = s.match(/\.([\w.-]+)/g), n = s.match(/\[([^\]]+)\]/);
+  let r = s.replace(/#[\w-]+/g, "").replace(/\.[\w.-]+/g, "").replace(/\[[^\]]+\]/g, "").trim() || "div", o = "";
+  return t && (o += ` id="${t[1]}"`), i && (o += ` class="${i.map((l) => l.slice(1)).join(" ")}"`), n && (o += ` ${n[1]}`), pt.has(r) ? `<${r}${o}>` : `<${r}${o}>${e}</${r}>`;
+}
+function we(s, e) {
+  let t = e;
+  for (; t > 0 && /[\w#.[\]*>+{}()$@:-]/.test(s[t - 1]); ) t--;
+  const i = s.slice(t, e);
+  return i.length < 2 ? null : { abbr: i, start: t };
+}
+const ht = [
+  {
+    label: "fn",
+    kind: "snip",
+    detail: "function declaration",
+    description: `Declares a named function.
+
+function name(params) {
+  // body
+}`,
+    body: `function $1($2) {
+  $3
+}`
+  },
+  {
+    label: "afn",
+    kind: "snip",
+    detail: "arrow function",
+    description: `Declares a const arrow function.
+
+const name = (params) => {
+  // body
+};`,
+    body: `const $1 = ($2) => {
+  $3
+};`
+  },
+  {
+    label: "asyncfn",
+    kind: "snip",
+    detail: "async function",
+    description: `Declares an async function returning a Promise.
+
+async function name(params): Promise<T> {
+  // body
+}`,
+    body: `async function $1($2): Promise<$3> {
+  $4
+}`
+  },
+  {
+    label: "cl",
+    kind: "snip",
+    detail: "class declaration",
+    description: `Declares a class with a constructor.
+
+class Name {
+  constructor(params) { ... }
+}`,
+    body: `class $1 {
+  constructor($2) {
+    $3
+  }
+}`
+  },
+  {
+    label: "forof",
+    kind: "snip",
+    detail: "for…of loop",
+    description: `Iterates over the values of an iterable (array, string, Map, etc.).
+
+for (const item of iterable) { ... }`,
+    body: `for (const $1 of $2) {
+  $3
+}`
+  },
+  {
+    label: "forin",
+    kind: "snip",
+    detail: "for…in loop",
+    description: `Iterates over the enumerable property keys of an object.
+
+for (const key in object) { ... }`,
+    body: `for (const $1 in $2) {
+  $3
+}`
+  },
+  {
+    label: "trycatch",
+    kind: "snip",
+    detail: "try / catch block",
+    description: `Wraps code in a try/catch to handle runtime errors.
+
+try {
+  ...
+} catch (error) {
+  ...
+}`,
+    body: `try {
+  $1
+} catch ($2error) {
+  $3
+}`
+  },
+  {
+    label: "promise",
+    kind: "snip",
+    detail: "new Promise",
+    description: `Creates a new Promise with resolve and reject handlers.
+
+new Promise<T>((resolve, reject) => { ... })`,
+    body: `new Promise<$1>((resolve, reject) => {
+  $2
+})`
+  },
+  {
+    label: "imp",
+    kind: "snip",
+    detail: "import statement",
+    description: `Adds a named import from a module.
+
+import { name } from 'module';`,
+    body: "import { $1 } from '$2';"
+  },
+  {
+    label: "iface",
+    kind: "snip",
+    detail: "interface (TypeScript)",
+    description: `Declares a TypeScript interface.
+
+interface Name {
+  field: Type;
+}`,
+    body: `interface $1 {
+  $2: $3;
+}`,
+    language: ["typescript"]
+  },
+  {
+    label: "ife",
+    kind: "snip",
+    detail: "immediately-invoked function expression",
+    description: `An IIFE — defines and immediately calls a function.
+
+((params) => {
+  ...
+})(args);`,
+    body: `(($1) => {
+  $2
+})($3);`
+  },
+  {
+    label: "sw",
+    kind: "snip",
+    detail: "switch statement",
+    description: `A switch/case statement with a default branch.
+
+switch (expr) {
+  case value:
+    ...
+    break;
+  default:
+    ...
+}`,
+    body: `switch ($1) {
+  case $2:
+    $3
+    break;
+  default:
+    $4
+}`
+  }
+], ut = [
+  {
+    label: "flex",
+    kind: "snip",
+    detail: "flexbox container",
+    description: `Sets up a flex container with centered alignment.
+
+display: flex;
+align-items: center;
+justify-content: center;`,
+    body: `display: flex;
+align-items: $1center;
+justify-content: $2center;`,
+    language: ["css"]
+  },
+  {
+    label: "grid",
+    kind: "snip",
+    detail: "CSS grid",
+    description: `Sets up a CSS grid with equal columns and gap.
+
+display: grid;
+grid-template-columns: repeat(3, 1fr);
+gap: 16px;`,
+    body: `display: grid;
+grid-template-columns: $1repeat(3, 1fr);
+gap: $2;`,
+    language: ["css"]
+  },
+  {
+    label: "media",
+    kind: "snip",
+    detail: "@media query",
+    description: `A responsive media query breakpoint.
+
+@media (max-width: 768px) {
+  ...
+}`,
+    body: `@media ($1max-width: 768px) {
+  $2
+}`,
+    language: ["css"]
+  },
+  {
+    label: "anim",
+    kind: "snip",
+    detail: "@keyframes animation",
+    description: `A CSS keyframes animation block.
+
+@keyframes name {
+  from { ... }
+  to   { ... }
+}`,
+    body: `@keyframes $1 {
+  from { $2 }
+  to   { $3 }
+}`,
+    language: ["css"]
+  },
+  {
+    label: "var",
+    kind: "snip",
+    detail: "CSS custom property",
+    description: `Declares a CSS custom property (variable).
+
+--name: value;`,
+    body: "--$1: $2;",
+    language: ["css"]
+  }
+], ft = [
+  {
+    label: "accordion",
+    kind: "snip",
+    detail: "HTML details/summary",
+    description: `An accessible accordion using the native <details> and <summary> elements.
+
+<details>
+  <summary>Title</summary>
+  <div>content</div>
+</details>`,
+    body: `<details>
+  <summary>$1Title</summary>
+  <div>
+    $2
+  </div>
+</details>`
+  },
+  {
+    label: "card",
+    kind: "snip",
+    detail: "card component",
+    description: "A generic card component with header, body, and footer sections.",
+    body: `<div class="card">
+  <div class="card-header">$1</div>
+  <div class="card-body">$2</div>
+  <div class="card-footer">$3</div>
+</div>`
+  },
+  {
+    label: "navbar",
+    kind: "snip",
+    detail: "navigation bar",
+    description: `A simple navigation bar with anchor links.
+
+<nav class="navbar">
+  <a href="#">Home</a> ...
+</nav>`,
+    body: `<nav class="navbar">
+  <a href="$1#">Home</a>
+  <a href="$2#">About</a>
+  <a href="$3#">Contact</a>
+</nav>`
+  },
+  {
+    label: "modal",
+    kind: "snip",
+    detail: "modal dialog",
+    description: `A modal dialog layout with header, body, and footer.
+
+<div class="modal">
+  <div class="modal-dialog"> ... </div>
+</div>`,
+    body: `<div class="modal">
+  <div class="modal-dialog">
+    <div class="modal-header">$1</div>
+    <div class="modal-body">$2</div>
+    <div class="modal-footer">$3</div>
+  </div>
+</div>`
+  },
+  {
+    label: "table",
+    kind: "snip",
+    detail: "HTML table",
+    description: `A semantic HTML table with thead and tbody.
+
+<table>
+  <thead><tr><th>...</th></tr></thead>
+  <tbody><tr><td>...</td></tr></tbody>
+</table>`,
+    body: `<table>
+  <thead>
+    <tr>
+      <th>$1</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>$2</td>
+    </tr>
+  </tbody>
+</table>`
+  }
+];
+function gt(s) {
+  const e = [...ft];
+  return (s === "typescript" || s === "javascript") && e.push(...ht.filter((t) => !t.language || (Array.isArray(t.language) ? t.language.includes(s) : t.language === s))), s === "css" && e.push(...ut), e;
+}
+function bt(s, e, t) {
+  let i = e;
+  for (; i > 0 && /\w/.test(s[i - 1]); ) i--;
+  const n = s.slice(i, e);
+  if (!n) return null;
+  const r = t.find((o) => o.kind === "snip" && o.label === n);
+  return r ? { snippet: r, start: i } : null;
+}
+function mt() {
+  return { cursors: [], searchWord: "", lastMatchRow: -1, lastMatchCol: -1 };
+}
+function ke(s, e, t, i) {
+  s.cursors.some((r) => r.row === e && r.col === t) || s.cursors.push({ row: e, col: t, sel: i });
+}
+function xe(s) {
+  s.cursors = [], s.searchWord = "", s.lastMatchRow = -1, s.lastMatchCol = -1;
+}
+function _t(s, e, t, i, n) {
+  const r = [
+    { row: e, col: t, isPrimary: !0, idx: 0 },
+    ...i.map((d, h) => ({ row: d.row, col: d.col, isPrimary: !1, idx: h + 1 }))
+  ];
+  r.sort((d, h) => h.row !== d.row ? h.row - d.row : h.col - d.col);
+  const o = s.map((d) => d);
+  let l = e, a = t;
+  const c = i.map((d) => ({ ...d }));
+  for (const d of r) {
+    const h = o[d.row] ?? "";
+    o[d.row] = h.slice(0, d.col) + n + h.slice(d.col);
+    for (const p of r)
+      p !== d && p.row === d.row && p.col >= d.col && (p.col += n.length);
+    d.col += n.length, d.isPrimary ? (l = d.row, a = d.col) : (c[d.idx - 1].row = d.row, c[d.idx - 1].col = d.col);
+  }
+  return { doc: o, primaryRow: l, primaryCol: a, extraCursors: c };
+}
+function yt(s, e, t, i) {
+  const n = [
+    { row: e, col: t, isPrimary: !0, idx: 0 },
+    ...i.map((c, d) => ({ row: c.row, col: c.col, isPrimary: !1, idx: d + 1 }))
+  ];
+  n.sort((c, d) => d.row !== c.row ? d.row - c.row : d.col - c.col);
+  const r = s.map((c) => c);
+  let o = e, l = t;
+  const a = i.map((c) => ({ ...c }));
+  for (const c of n) {
+    if (c.col <= 0) continue;
+    const d = r[c.row] ?? "";
+    r[c.row] = d.slice(0, c.col - 1) + d.slice(c.col);
+    for (const h of n)
+      h !== c && h.row === c.row && h.col > c.col && h.col--;
+    c.col--, c.isPrimary ? (o = c.row, l = c.col) : a[c.idx - 1].col = c.col;
+  }
+  return { doc: r, primaryRow: o, primaryCol: l, extraCursors: a };
+}
+function vt(s, e, t, i, n) {
+  let r = s.searchWord;
+  if (!r) {
+    if (n && n.ar === n.fr && (r = (e[n.ar] ?? "").slice(n.ac, n.fc)), !r) {
+      const a = e[t] ?? "", c = le(a, i), d = ce(a, i);
+      r = a.slice(c, d);
+    }
+    if (!r) return null;
+    s.searchWord = r, s.lastMatchRow = t, s.lastMatchCol = i;
+  }
+  const o = s.lastMatchRow, l = s.lastMatchCol;
+  for (let a = o; a < e.length; a++) {
+    const c = e[a] ?? "";
+    let h = a === o ? l : 0;
+    for (; h <= c.length - r.length; ) {
+      const p = c.indexOf(r, h);
+      if (p < 0) break;
+      const f = p === 0 || !/\w/.test(c[p - 1]), _ = p + r.length >= c.length || !/\w/.test(c[p + r.length]);
+      if (f && _)
+        return s.lastMatchRow = a, s.lastMatchCol = p + r.length, {
+          word: r,
+          sel: { ar: a, ac: p, fr: a, fc: p + r.length },
+          row: a,
+          col: p + r.length
+        };
+      h = p + 1;
+    }
+  }
+  for (let a = 0; a <= o; a++) {
+    const c = e[a] ?? "", d = a === o ? l : c.length;
+    let h = 0;
+    for (; h < d; ) {
+      const p = c.indexOf(r, h);
+      if (p < 0 || p >= d) break;
+      const f = p === 0 || !/\w/.test(c[p - 1]), _ = p + r.length >= c.length || !/\w/.test(c[p + r.length]);
+      if (f && _)
+        return s.lastMatchRow = a, s.lastMatchCol = p + r.length, {
+          word: r,
+          sel: { ar: a, ac: p, fr: a, fc: p + r.length },
+          row: a,
+          col: p + r.length
+        };
+      h = p + 1;
+    }
+  }
+  return null;
+}
+function wt(s, e, t) {
+  if (!e) return [];
+  const i = [];
+  for (let n = 0; n < s.length; n++) {
+    const r = s[n] ?? "";
+    if (t.useRegex)
+      try {
+        const o = new RegExp(e, t.caseSensitive ? "g" : "gi");
+        let l;
+        for (; (l = o.exec(r)) !== null && (i.push({ row: n, col: l.index, len: l[0].length }), !!l[0].length); )
+          ;
+      } catch {
+      }
+    else {
+      const o = t.caseSensitive ? r : r.toLowerCase(), l = t.caseSensitive ? e : e.toLowerCase();
+      let a = 0;
+      for (; ; ) {
+        const c = o.indexOf(l, a);
+        if (c === -1) break;
+        i.push({ row: n, col: c, len: e.length }), a = c + 1;
+      }
+    }
+  }
+  return i;
+}
+function kt(s, e, t, i) {
+  const n = e[t];
+  if (!n) return s;
+  const r = [...s], o = r[n.row] ?? "";
+  return r[n.row] = o.slice(0, n.col) + i + o.slice(n.col + n.len), r;
+}
+function xt(s, e, t) {
+  const i = [...s];
+  for (let n = e.length - 1; n >= 0; n--) {
+    const r = e[n], o = i[r.row] ?? "";
+    i[r.row] = o.slice(0, r.col) + t + o.slice(r.col + r.len);
+  }
+  return i;
+}
+function Tt(s, e, t) {
+  return s.length ? (e + t + s.length) % s.length : -1;
+}
+function Ct(s, e, t, i) {
+  if (i) return [];
+  const n = s[e] ?? "", r = le(n, t), o = ce(n, t), l = n.slice(r, o);
+  if (!l || l.length < 2) return [];
+  const a = [];
+  for (let c = 0; c < s.length; c++) {
+    const d = s[c] ?? "";
+    let h = 0;
+    for (; h <= d.length - l.length; ) {
+      const p = d.indexOf(l, h);
+      if (p < 0) break;
+      const f = p === 0 || !/\w/.test(d[p - 1]), _ = p + l.length >= d.length || !/\w/.test(d[p + l.length]);
+      f && _ && !(c === e && p === r) && a.push({ row: c, col: p, len: l.length }), h = p + 1;
+    }
+  }
+  return a;
+}
+const re = [
+  { label: "console.log", kind: "fn", detail: "void" },
+  { label: "console.error", kind: "fn", detail: "void" },
+  { label: "console.warn", kind: "fn", detail: "void" },
+  { label: "console.info", kind: "fn", detail: "void" },
+  { label: "console.table", kind: "fn", detail: "void" },
+  { label: "document.getElementById", kind: "fn", detail: "HTMLElement | null" },
+  { label: "document.querySelector", kind: "fn", detail: "Element | null" },
+  { label: "document.querySelectorAll", kind: "fn", detail: "NodeList" },
+  { label: "document.createElement", kind: "fn", detail: "HTMLElement" },
+  { label: "document.createTextNode", kind: "fn", detail: "Text" },
+  { label: "addEventListener", kind: "fn", detail: "(ev, cb) => void" },
+  { label: "removeEventListener", kind: "fn", detail: "(ev, cb) => void" },
+  { label: "requestAnimationFrame", kind: "fn", detail: "(cb) => number" },
+  { label: "cancelAnimationFrame", kind: "fn", detail: "(id) => void" },
+  { label: "setTimeout", kind: "fn", detail: "(cb, ms) => id" },
+  { label: "clearTimeout", kind: "fn", detail: "(id) => void" },
+  { label: "setInterval", kind: "fn", detail: "(cb, ms) => id" },
+  { label: "clearInterval", kind: "fn", detail: "(id) => void" },
+  { label: "JSON.stringify", kind: "fn", detail: "string" },
+  { label: "JSON.parse", kind: "fn", detail: "any" },
+  { label: "Math.max", kind: "fn", detail: "number" },
+  { label: "Math.min", kind: "fn", detail: "number" },
+  { label: "Math.floor", kind: "fn", detail: "number" },
+  { label: "Math.ceil", kind: "fn", detail: "number" },
+  { label: "Math.round", kind: "fn", detail: "number" },
+  { label: "Math.abs", kind: "fn", detail: "number" },
+  { label: "Math.pow", kind: "fn", detail: "number" },
+  { label: "Math.sqrt", kind: "fn", detail: "number" },
+  { label: "Math.random", kind: "fn", detail: "number" },
+  { label: "Object.keys", kind: "fn", detail: "string[]" },
+  { label: "Object.values", kind: "fn", detail: "any[]" },
+  { label: "Object.entries", kind: "fn", detail: "[string, any][]" },
+  { label: "Object.assign", kind: "fn", detail: "T & U" },
+  { label: "Object.freeze", kind: "fn", detail: "Readonly<T>" },
+  { label: "Object.create", kind: "fn", detail: "object" },
+  { label: "Array.from", kind: "fn", detail: "T[]" },
+  { label: "Array.isArray", kind: "fn", detail: "boolean" },
+  { label: "Promise.all", kind: "fn", detail: "Promise<T[]>" },
+  { label: "Promise.resolve", kind: "fn", detail: "Promise<T>" },
+  { label: "Promise.reject", kind: "fn", detail: "Promise<never>" },
+  { label: "Promise.allSettled", kind: "fn", detail: "Promise<...>" },
+  { label: "parseInt", kind: "fn", detail: "number" },
+  { label: "parseFloat", kind: "fn", detail: "number" },
+  { label: "isNaN", kind: "fn", detail: "boolean" },
+  { label: "isFinite", kind: "fn", detail: "boolean" },
+  { label: "encodeURIComponent", kind: "fn", detail: "string" },
+  { label: "decodeURIComponent", kind: "fn", detail: "string" },
+  { label: "structuredClone", kind: "fn", detail: "T" },
+  { label: "queueMicrotask", kind: "fn", detail: "void" },
+  { label: "fetch", kind: "fn", detail: "Promise<Response>" }
+], St = [
+  // ── Layout ────────────────────────────────────────────────
+  { label: "display", kind: "var", detail: "property" },
+  { label: "position", kind: "var", detail: "property" },
+  { label: "top", kind: "var", detail: "property" },
+  { label: "right", kind: "var", detail: "property" },
+  { label: "bottom", kind: "var", detail: "property" },
+  { label: "left", kind: "var", detail: "property" },
+  { label: "width", kind: "var", detail: "property" },
+  { label: "height", kind: "var", detail: "property" },
+  { label: "min-width", kind: "var", detail: "property" },
+  { label: "max-width", kind: "var", detail: "property" },
+  { label: "min-height", kind: "var", detail: "property" },
+  { label: "max-height", kind: "var", detail: "property" },
+  { label: "z-index", kind: "var", detail: "property" },
+  { label: "overflow", kind: "var", detail: "property" },
+  { label: "overflow-x", kind: "var", detail: "property" },
+  { label: "overflow-y", kind: "var", detail: "property" },
+  { label: "box-sizing", kind: "var", detail: "property" },
+  // ── Flexbox ───────────────────────────────────────────────
+  { label: "flex", kind: "var", detail: "property" },
+  { label: "flex-direction", kind: "var", detail: "property" },
+  { label: "flex-wrap", kind: "var", detail: "property" },
+  { label: "flex-grow", kind: "var", detail: "property" },
+  { label: "flex-shrink", kind: "var", detail: "property" },
+  { label: "flex-basis", kind: "var", detail: "property" },
+  { label: "flex-flow", kind: "var", detail: "property" },
+  { label: "align-items", kind: "var", detail: "property" },
+  { label: "align-content", kind: "var", detail: "property" },
+  { label: "align-self", kind: "var", detail: "property" },
+  { label: "justify-content", kind: "var", detail: "property" },
+  { label: "justify-items", kind: "var", detail: "property" },
+  { label: "justify-self", kind: "var", detail: "property" },
+  { label: "gap", kind: "var", detail: "property" },
+  { label: "row-gap", kind: "var", detail: "property" },
+  { label: "column-gap", kind: "var", detail: "property" },
+  // ── Grid ──────────────────────────────────────────────────
+  { label: "grid", kind: "var", detail: "property" },
+  { label: "grid-template", kind: "var", detail: "property" },
+  { label: "grid-template-columns", kind: "var", detail: "property" },
+  { label: "grid-template-rows", kind: "var", detail: "property" },
+  { label: "grid-template-areas", kind: "var", detail: "property" },
+  { label: "grid-column", kind: "var", detail: "property" },
+  { label: "grid-row", kind: "var", detail: "property" },
+  { label: "grid-area", kind: "var", detail: "property" },
+  { label: "grid-auto-flow", kind: "var", detail: "property" },
+  // ── Spacing ───────────────────────────────────────────────
+  { label: "margin", kind: "var", detail: "property" },
+  { label: "margin-top", kind: "var", detail: "property" },
+  { label: "margin-right", kind: "var", detail: "property" },
+  { label: "margin-bottom", kind: "var", detail: "property" },
+  { label: "margin-left", kind: "var", detail: "property" },
+  { label: "padding", kind: "var", detail: "property" },
+  { label: "padding-top", kind: "var", detail: "property" },
+  { label: "padding-right", kind: "var", detail: "property" },
+  { label: "padding-bottom", kind: "var", detail: "property" },
+  { label: "padding-left", kind: "var", detail: "property" },
+  // ── Typography ────────────────────────────────────────────
+  { label: "color", kind: "var", detail: "property" },
+  { label: "font", kind: "var", detail: "property" },
+  { label: "font-family", kind: "var", detail: "property" },
+  { label: "font-size", kind: "var", detail: "property" },
+  { label: "font-weight", kind: "var", detail: "property" },
+  { label: "font-style", kind: "var", detail: "property" },
+  { label: "line-height", kind: "var", detail: "property" },
+  { label: "text-align", kind: "var", detail: "property" },
+  { label: "text-decoration", kind: "var", detail: "property" },
+  { label: "text-transform", kind: "var", detail: "property" },
+  { label: "letter-spacing", kind: "var", detail: "property" },
+  { label: "word-spacing", kind: "var", detail: "property" },
+  { label: "white-space", kind: "var", detail: "property" },
+  { label: "word-break", kind: "var", detail: "property" },
+  { label: "word-wrap", kind: "var", detail: "property" },
+  { label: "text-overflow", kind: "var", detail: "property" },
+  // ── Background ────────────────────────────────────────────
+  { label: "background", kind: "var", detail: "property" },
+  { label: "background-color", kind: "var", detail: "property" },
+  { label: "background-image", kind: "var", detail: "property" },
+  { label: "background-size", kind: "var", detail: "property" },
+  { label: "background-position", kind: "var", detail: "property" },
+  { label: "background-repeat", kind: "var", detail: "property" },
+  { label: "background-clip", kind: "var", detail: "property" },
+  { label: "background-attachment", kind: "var", detail: "property" },
+  // ── Border ────────────────────────────────────────────────
+  { label: "border", kind: "var", detail: "property" },
+  { label: "border-width", kind: "var", detail: "property" },
+  { label: "border-style", kind: "var", detail: "property" },
+  { label: "border-color", kind: "var", detail: "property" },
+  { label: "border-radius", kind: "var", detail: "property" },
+  { label: "border-top", kind: "var", detail: "property" },
+  { label: "border-right", kind: "var", detail: "property" },
+  { label: "border-bottom", kind: "var", detail: "property" },
+  { label: "border-left", kind: "var", detail: "property" },
+  { label: "outline", kind: "var", detail: "property" },
+  { label: "outline-width", kind: "var", detail: "property" },
+  { label: "outline-style", kind: "var", detail: "property" },
+  { label: "outline-color", kind: "var", detail: "property" },
+  { label: "outline-offset", kind: "var", detail: "property" },
+  // ── Effects ───────────────────────────────────────────────
+  { label: "opacity", kind: "var", detail: "property" },
+  { label: "box-shadow", kind: "var", detail: "property" },
+  { label: "text-shadow", kind: "var", detail: "property" },
+  { label: "filter", kind: "var", detail: "property" },
+  { label: "backdrop-filter", kind: "var", detail: "property" },
+  { label: "transform", kind: "var", detail: "property" },
+  { label: "transform-origin", kind: "var", detail: "property" },
+  { label: "transition", kind: "var", detail: "property" },
+  { label: "animation", kind: "var", detail: "property" },
+  { label: "animation-name", kind: "var", detail: "property" },
+  { label: "animation-duration", kind: "var", detail: "property" },
+  { label: "animation-timing-function", kind: "var", detail: "property" },
+  { label: "animation-delay", kind: "var", detail: "property" },
+  { label: "animation-iteration-count", kind: "var", detail: "property" },
+  { label: "animation-fill-mode", kind: "var", detail: "property" },
+  // ── Interaction ───────────────────────────────────────────
+  { label: "cursor", kind: "var", detail: "property" },
+  { label: "pointer-events", kind: "var", detail: "property" },
+  { label: "user-select", kind: "var", detail: "property" },
+  { label: "resize", kind: "var", detail: "property" },
+  // ── Misc ──────────────────────────────────────────────────
+  { label: "visibility", kind: "var", detail: "property" },
+  { label: "content", kind: "var", detail: "property" },
+  { label: "list-style", kind: "var", detail: "property" },
+  { label: "will-change", kind: "var", detail: "property" },
+  { label: "appearance", kind: "var", detail: "property" },
+  { label: "clip-path", kind: "var", detail: "property" },
+  { label: "object-fit", kind: "var", detail: "property" },
+  { label: "object-position", kind: "var", detail: "property" },
+  { label: "scroll-behavior", kind: "var", detail: "property" },
+  { label: "aspect-ratio", kind: "var", detail: "property" },
+  // ── CSS functions ─────────────────────────────────────────
+  { label: "var", kind: "fn", detail: "css fn" },
+  { label: "calc", kind: "fn", detail: "css fn" },
+  { label: "min", kind: "fn", detail: "css fn" },
+  { label: "max", kind: "fn", detail: "css fn" },
+  { label: "clamp", kind: "fn", detail: "css fn" },
+  { label: "rgb", kind: "fn", detail: "css fn" },
+  { label: "rgba", kind: "fn", detail: "css fn" },
+  { label: "hsl", kind: "fn", detail: "css fn" },
+  { label: "hsla", kind: "fn", detail: "css fn" },
+  { label: "oklch", kind: "fn", detail: "css fn" },
+  { label: "linear-gradient", kind: "fn", detail: "css fn" },
+  { label: "radial-gradient", kind: "fn", detail: "css fn" },
+  { label: "conic-gradient", kind: "fn", detail: "css fn" },
+  { label: "translate", kind: "fn", detail: "css fn" },
+  { label: "scale", kind: "fn", detail: "css fn" },
+  { label: "rotate", kind: "fn", detail: "css fn" },
+  { label: "skew", kind: "fn", detail: "css fn" },
+  { label: "matrix", kind: "fn", detail: "css fn" },
+  { label: "perspective", kind: "fn", detail: "css fn" },
+  { label: "url", kind: "fn", detail: "css fn" },
+  { label: "attr", kind: "fn", detail: "css fn" },
+  { label: "env", kind: "fn", detail: "css fn" },
+  { label: "repeat", kind: "fn", detail: "css fn" },
+  { label: "minmax", kind: "fn", detail: "css fn" },
+  { label: "fit-content", kind: "fn", detail: "css fn" }
+], Mt = {
+  typescript: re,
+  javascript: re,
+  css: St,
+  json: [],
+  markdown: [],
+  text: []
+};
+function Te(s, e, t) {
+  const i = Me[s] ?? se, n = Ee[s] ?? oe, r = Mt[s] ?? re;
+  return [
+    ...[...i, ...e].map((o) => ({ label: o, kind: "kw", detail: "keyword" })),
+    ...[...n, ...t].map((o) => ({ label: o, kind: "typ", detail: "type" })),
+    ...r
+  ];
+}
+function Et(s, e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const i of s) {
+    const n = i.match(/[a-zA-Z_$][\w$]*/g) ?? [];
+    for (const r of n)
+      r !== e && r.length > 2 && t.add(r);
+  }
+  return t;
+}
+function Ce(s, e) {
+  return s.language ? Array.isArray(s.language) ? s.language.includes(e) : s.language === e : !0;
+}
+function Lt(s, e, t = {}, i = 0, n = 0) {
+  if (e.length < 2) return [];
+  const r = e.toLowerCase(), {
+    language: o = "typescript",
+    extraKeywords: l = [],
+    extraTypes: a = [],
+    completions: c = [],
+    replaceBuiltins: d = !1,
+    maxResults: h = 14
+  } = t, p = c.filter((y) => y.kind === "snip" && !!y.body && Ce(y, o)), f = c.filter((y) => !(y.kind === "snip" && y.body) && Ce(y, o)), _ = p.filter((y) => y.label.toLowerCase().startsWith(r));
+  let b;
+  if (t.provideCompletions) {
+    const y = {
+      line: s[i] ?? "",
+      col: n,
+      prefix: e,
+      language: o,
+      doc: s
+    };
+    let D;
+    try {
+      D = t.provideCompletions(y);
+    } catch (R) {
+      console.error("[syncline-editor] provideCompletions threw an error:", R), D = null;
+    }
+    b = D != null ? [...D, ...f] : [...d ? [] : Te(o, l, a), ...f];
+  } else
+    b = d ? f : [...Te(o, l, a), ...f];
+  const v = new Set(b.map((y) => y.label)), u = b.filter(
+    (y) => y.label.toLowerCase().startsWith(r) && y.label !== e
+  ), T = new Set(_.map((y) => y.label)), w = [...Et(s, e)].filter((y) => y.toLowerCase().startsWith(r) && !v.has(y) && !T.has(y)).slice(0, 8).map((y) => ({ label: y, kind: "var", detail: "in file" }));
+  return [
+    ..._,
+    ...u.filter((y) => !T.has(y.label)),
+    ...w
+  ].slice(0, h);
+}
+function It(s, e, t = !1) {
+  let i = e;
+  for (; i > 0 && (t ? /[\w$.\-]/ : /[\w$.]/).test(s[i - 1]); ) i--;
+  return { prefix: s.slice(i, e), start: i };
+}
+function At(s, e) {
+  const t = (r) => /[\w$]/.test(r);
+  let i = e;
+  for (; i < s.length && t(s[i]); ) i++;
+  let n = e;
+  for (; n > 0 && t(s[n - 1]); ) n--;
+  if (n === i) return "";
+  if (n > 0 && s[n - 1] === ".") {
+    let r = n - 1, o = r;
+    for (; o > 0 && t(s[o - 1]); ) o--;
+    if (o < r)
+      return s.slice(o, i);
+  }
+  return s.slice(n, i);
+}
+const Dt = {
+  // ── console ───────────────────────────────────────────────
+  console: {
+    title: "console",
+    type: "Console",
+    body: "Provides access to the browser's debugging console. Useful for logging, timing, profiling, and inspecting values during development.",
+    language: ["typescript", "javascript"]
+  },
+  "console.log": {
+    title: "console.log()",
+    type: "(...data: any[]) => void",
+    body: "Outputs a message to the web console. Accepts any number of arguments — objects are logged as expandable trees, primitives as their string form.",
+    language: ["typescript", "javascript"]
+  },
+  "console.error": {
+    title: "console.error()",
+    type: "(...data: any[]) => void",
+    body: "Logs an error message to the console, typically rendered in red with a stack trace. Use for unrecoverable failures.",
+    language: ["typescript", "javascript"]
+  },
+  "console.warn": {
+    title: "console.warn()",
+    type: "(...data: any[]) => void",
+    body: "Logs a warning message to the console, typically rendered in yellow. Use for non-fatal issues or deprecation notices.",
+    language: ["typescript", "javascript"]
+  },
+  "console.info": {
+    title: "console.info()",
+    type: "(...data: any[]) => void",
+    body: "Logs an informational message. Behaves identically to console.log in most environments.",
+    language: ["typescript", "javascript"]
+  },
+  "console.table": {
+    title: "console.table()",
+    type: "(data: any, columns?: string[]) => void",
+    body: "Displays an array or object as a formatted table in the console. Optionally restrict displayed columns.",
+    language: ["typescript", "javascript"]
+  },
+  "console.time": {
+    title: "console.time()",
+    type: "(label?: string) => void",
+    body: "Starts a timer with the given label. Call console.timeEnd() with the same label to log the elapsed time.",
+    language: ["typescript", "javascript"]
+  },
+  "console.timeEnd": {
+    title: "console.timeEnd()",
+    type: "(label?: string) => void",
+    body: "Stops the timer started by console.time() and logs the elapsed duration in milliseconds.",
+    language: ["typescript", "javascript"]
+  },
+  "console.group": {
+    title: "console.group()",
+    type: "(...label: any[]) => void",
+    body: "Creates a new inline group in the console output, indenting subsequent messages until console.groupEnd() is called.",
+    language: ["typescript", "javascript"]
+  },
+  "console.groupEnd": {
+    title: "console.groupEnd()",
+    type: "() => void",
+    body: "Closes the current inline group in the console, exiting the indented group created by console.group().",
+    language: ["typescript", "javascript"]
+  },
+  // ── Math ──────────────────────────────────────────────────
+  Math: {
+    title: "Math",
+    type: "namespace Math",
+    body: "A built-in object with properties and methods for mathematical constants and functions. Not a constructor — all properties and methods are static.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.max": {
+    title: "Math.max()",
+    type: "(...values: number[]) => number",
+    body: "Returns the largest of the given numbers. Returns -Infinity if no arguments, or NaN if any argument is not a number.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.min": {
+    title: "Math.min()",
+    type: "(...values: number[]) => number",
+    body: "Returns the smallest of the given numbers. Returns Infinity if no arguments, or NaN if any argument is not a number.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.floor": {
+    title: "Math.floor()",
+    type: "(x: number) => number",
+    body: "Returns the largest integer less than or equal to x. Rounds toward negative infinity.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.ceil": {
+    title: "Math.ceil()",
+    type: "(x: number) => number",
+    body: "Returns the smallest integer greater than or equal to x. Rounds toward positive infinity.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.round": {
+    title: "Math.round()",
+    type: "(x: number) => number",
+    body: "Returns the value of x rounded to the nearest integer. Values with a fractional part of exactly 0.5 round up.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.abs": {
+    title: "Math.abs()",
+    type: "(x: number) => number",
+    body: "Returns the absolute (non-negative) value of x.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.sqrt": {
+    title: "Math.sqrt()",
+    type: "(x: number) => number",
+    body: "Returns the square root of x. Returns NaN if x is negative.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.pow": {
+    title: "Math.pow()",
+    type: "(base: number, exponent: number) => number",
+    body: "Returns base raised to the power of exponent. Equivalent to the ** operator.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.random": {
+    title: "Math.random()",
+    type: "() => number",
+    body: "Returns a pseudo-random floating-point number in the range [0, 1). Not cryptographically secure — use crypto.getRandomValues() for security-sensitive code.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.PI": {
+    title: "Math.PI",
+    type: "number",
+    body: "The ratio of a circle's circumference to its diameter: approximately 3.14159265358979.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.trunc": {
+    title: "Math.trunc()",
+    type: "(x: number) => number",
+    body: "Returns the integer part of x by removing any fractional digits. Does not round — simply truncates toward zero.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.sign": {
+    title: "Math.sign()",
+    type: "(x: number) => number",
+    body: "Returns 1 if x is positive, -1 if x is negative, 0 if x is zero, or NaN if x is not a number.",
+    language: ["typescript", "javascript"]
+  },
+  "Math.clamp": {
+    title: "Math.clamp()",
+    type: "(value: number, min: number, max: number) => number",
+    body: "Clamps value between min and max. Note: not yet standard — use Math.min(Math.max(value, min), max) for compatibility.",
+    language: ["typescript", "javascript"]
+  },
+  // ── JSON ──────────────────────────────────────────────────
+  JSON: {
+    title: "JSON",
+    type: "namespace JSON",
+    body: "Provides methods for parsing and serializing JSON (JavaScript Object Notation). All methods are static.",
+    language: ["typescript", "javascript"]
+  },
+  "JSON.stringify": {
+    title: "JSON.stringify()",
+    type: "(value: any, replacer?: any, space?: string | number) => string",
+    body: "Converts a JavaScript value to a JSON string. Pass a number or string as the third argument to pretty-print with indentation. Throws on circular references.",
+    language: ["typescript", "javascript"]
+  },
+  "JSON.parse": {
+    title: "JSON.parse()",
+    type: "(text: string, reviver?: (key: string, value: any) => any) => any",
+    body: "Parses a JSON string and returns the corresponding JavaScript value. Throws SyntaxError if the string is not valid JSON.",
+    language: ["typescript", "javascript"]
+  },
+  // ── Array ─────────────────────────────────────────────────
+  Array: {
+    title: "Array",
+    type: "interface Array<T>",
+    body: "Represents an ordered list of values. Provides methods for traversal, mutation, searching, and transformation.",
+    language: ["typescript", "javascript"]
+  },
+  "Array.from": {
+    title: "Array.from()",
+    type: "<T>(arrayLike: Iterable<T> | ArrayLike<T>, mapFn?: (v: T, i: number) => T) => T[]",
+    body: "Creates a new Array from an array-like or iterable object (e.g. NodeList, Set, Map, string). Optionally applies a mapping function.",
+    language: ["typescript", "javascript"]
+  },
+  "Array.isArray": {
+    title: "Array.isArray()",
+    type: "(value: unknown) => value is any[]",
+    body: "Returns true if the given value is an Array. More reliable than instanceof Array across iframe boundaries.",
+    language: ["typescript", "javascript"]
+  },
+  // ── Object ────────────────────────────────────────────────
+  Object: {
+    title: "Object",
+    type: "interface Object",
+    body: "The base class of all JavaScript objects. Provides static methods for working with object properties, prototypes, and descriptors.",
+    language: ["typescript", "javascript"]
+  },
+  "Object.keys": {
+    title: "Object.keys()",
+    type: "(obj: object) => string[]",
+    body: "Returns an array of an object's own enumerable string-keyed property names, in insertion order.",
+    language: ["typescript", "javascript"]
+  },
+  "Object.values": {
+    title: "Object.values()",
+    type: "(obj: object) => any[]",
+    body: "Returns an array of an object's own enumerable string-keyed property values, in insertion order.",
+    language: ["typescript", "javascript"]
+  },
+  "Object.entries": {
+    title: "Object.entries()",
+    type: "(obj: object) => [string, any][]",
+    body: "Returns an array of [key, value] pairs for all own enumerable string-keyed properties of an object.",
+    language: ["typescript", "javascript"]
+  },
+  "Object.assign": {
+    title: "Object.assign()",
+    type: "<T, U>(target: T, source: U) => T & U",
+    body: "Copies own enumerable properties from one or more source objects into a target object. Returns the modified target. Does a shallow copy.",
+    language: ["typescript", "javascript"]
+  },
+  "Object.freeze": {
+    title: "Object.freeze()",
+    type: "<T>(obj: T) => Readonly<T>",
+    body: "Freezes an object — prevents adding, removing, or changing its properties. Returns the same object. Shallow — nested objects are not frozen.",
+    language: ["typescript", "javascript"]
+  },
+  "Object.create": {
+    title: "Object.create()",
+    type: "(proto: object | null, propertiesObject?: PropertyDescriptorMap) => any",
+    body: "Creates a new object with the specified prototype object and optional property descriptors.",
+    language: ["typescript", "javascript"]
+  },
+  "Object.fromEntries": {
+    title: "Object.fromEntries()",
+    type: "<T>(entries: Iterable<[string, T]>) => Record<string, T>",
+    body: "Creates an object from an array of [key, value] pairs or any iterable of key-value entries. The inverse of Object.entries().",
+    language: ["typescript", "javascript"]
+  },
+  // ── Promise ───────────────────────────────────────────────
+  Promise: {
+    title: "Promise",
+    type: "interface Promise<T>",
+    body: "Represents an asynchronous operation that will eventually complete (or fail) and produce a value. Use .then(), .catch(), and .finally() to handle outcomes.",
+    language: ["typescript", "javascript"]
+  },
+  "Promise.all": {
+    title: "Promise.all()",
+    type: "<T>(promises: Iterable<Promise<T>>) => Promise<T[]>",
+    body: "Waits for all promises to resolve and returns an array of results. If any promise rejects, the entire result rejects immediately (fail-fast).",
+    language: ["typescript", "javascript"]
+  },
+  "Promise.allSettled": {
+    title: "Promise.allSettled()",
+    type: "<T>(promises: Iterable<Promise<T>>) => Promise<PromiseSettledResult<T>[]>",
+    body: 'Waits for all promises to settle (resolve or reject) and returns an array of result objects, each with a status of "fulfilled" or "rejected". Never rejects.',
+    language: ["typescript", "javascript"]
+  },
+  "Promise.race": {
+    title: "Promise.race()",
+    type: "<T>(promises: Iterable<Promise<T>>) => Promise<T>",
+    body: "Returns a promise that resolves or rejects as soon as one of the given promises resolves or rejects, with that value or reason.",
+    language: ["typescript", "javascript"]
+  },
+  "Promise.resolve": {
+    title: "Promise.resolve()",
+    type: "<T>(value: T | PromiseLike<T>) => Promise<T>",
+    body: "Returns a Promise object that is resolved with the given value. If the value is a thenable, the returned promise follows it.",
+    language: ["typescript", "javascript"]
+  },
+  "Promise.reject": {
+    title: "Promise.reject()",
+    type: "(reason?: any) => Promise<never>",
+    body: "Returns a Promise that is rejected with the given reason. Useful for creating pre-rejected promises in control flow.",
+    language: ["typescript", "javascript"]
+  },
+  // ── Timers ────────────────────────────────────────────────
+  setTimeout: {
+    title: "setTimeout()",
+    type: "(callback: () => void, delay?: number, ...args: any[]) => number",
+    body: "Executes a function after a specified delay in milliseconds. Returns a timer ID that can be passed to clearTimeout() to cancel.",
+    language: ["typescript", "javascript"]
+  },
+  clearTimeout: {
+    title: "clearTimeout()",
+    type: "(id: number) => void",
+    body: "Cancels a timeout previously established by setTimeout(), preventing its callback from running.",
+    language: ["typescript", "javascript"]
+  },
+  setInterval: {
+    title: "setInterval()",
+    type: "(callback: () => void, delay?: number, ...args: any[]) => number",
+    body: "Repeatedly executes a function with a fixed time delay between each call. Returns a timer ID for cancellation via clearInterval().",
+    language: ["typescript", "javascript"]
+  },
+  clearInterval: {
+    title: "clearInterval()",
+    type: "(id: number) => void",
+    body: "Cancels a repeating timer established by setInterval().",
+    language: ["typescript", "javascript"]
+  },
+  requestAnimationFrame: {
+    title: "requestAnimationFrame()",
+    type: "(callback: (timestamp: DOMHighResTimeStamp) => void) => number",
+    body: "Schedules a callback to run before the next browser repaint. Ideal for animations — the browser can batch and throttle calls to 60fps or the display refresh rate.",
+    language: ["typescript", "javascript"]
+  },
+  cancelAnimationFrame: {
+    title: "cancelAnimationFrame()",
+    type: "(id: number) => void",
+    body: "Cancels an animation frame request previously scheduled with requestAnimationFrame().",
+    language: ["typescript", "javascript"]
+  },
+  queueMicrotask: {
+    title: "queueMicrotask()",
+    type: "(callback: () => void) => void",
+    body: "Queues a microtask to be executed before the next task in the event loop. Runs after the current JavaScript execution but before any setTimeout callbacks.",
+    language: ["typescript", "javascript"]
+  },
+  // ── Network ───────────────────────────────────────────────
+  fetch: {
+    title: "fetch()",
+    type: "(input: RequestInfo | URL, init?: RequestInit) => Promise<Response>",
+    body: "Fetches a resource from the network. Returns a Promise that resolves to a Response. Use .json(), .text(), or .blob() on the response to read the body.",
+    language: ["typescript", "javascript"]
+  },
+  // ── Global utils ──────────────────────────────────────────
+  parseInt: {
+    title: "parseInt()",
+    type: "(string: string, radix?: number) => number",
+    body: "Parses a string and returns an integer in the specified radix (base). Always provide the radix (typically 10) to avoid unexpected behavior with leading zeros.",
+    language: ["typescript", "javascript"]
+  },
+  parseFloat: {
+    title: "parseFloat()",
+    type: "(string: string) => number",
+    body: "Parses a string and returns a floating-point number. Returns NaN if the string cannot be converted.",
+    language: ["typescript", "javascript"]
+  },
+  isNaN: {
+    title: "isNaN()",
+    type: "(value: number) => boolean",
+    body: "Returns true if the value is NaN (Not a Number). Note: coerces the argument to number first — use Number.isNaN() for strict checking without coercion.",
+    language: ["typescript", "javascript"]
+  },
+  isFinite: {
+    title: "isFinite()",
+    type: "(value: number) => boolean",
+    body: "Returns true if the value is a finite number. Returns false for ±Infinity and NaN. Coerces the argument to number first.",
+    language: ["typescript", "javascript"]
+  },
+  encodeURIComponent: {
+    title: "encodeURIComponent()",
+    type: "(uriComponent: string | number | boolean) => string",
+    body: "Encodes a URI component by replacing special characters with their UTF-8 escape sequences. Use for encoding query string values before appending to a URL.",
+    language: ["typescript", "javascript"]
+  },
+  decodeURIComponent: {
+    title: "decodeURIComponent()",
+    type: "(encodedURIComponent: string) => string",
+    body: "Decodes a URI component that was previously encoded with encodeURIComponent(). Throws URIError on malformed sequences.",
+    language: ["typescript", "javascript"]
+  },
+  structuredClone: {
+    title: "structuredClone()",
+    type: "<T>(value: T, options?: StructuredSerializeOptions) => T",
+    body: "Creates a deep clone of the given value using the structured clone algorithm. Handles cycles, Maps, Sets, Dates, and typed arrays. Does not clone functions or class instances.",
+    language: ["typescript", "javascript"]
+  },
+  // ── DOM ───────────────────────────────────────────────────
+  "document.getElementById": {
+    title: "document.getElementById()",
+    type: "(elementId: string) => HTMLElement | null",
+    body: "Returns the first element in the document with the specified ID, or null if not found. IDs must be unique per document.",
+    language: ["typescript", "javascript"]
+  },
+  "document.querySelector": {
+    title: "document.querySelector()",
+    type: "(selectors: string) => Element | null",
+    body: "Returns the first Element matching the given CSS selector string, or null if no match. Use querySelectorAll() for all matches.",
+    language: ["typescript", "javascript"]
+  },
+  "document.querySelectorAll": {
+    title: "document.querySelectorAll()",
+    type: "(selectors: string) => NodeListOf<Element>",
+    body: "Returns a static NodeList of all Elements matching the given CSS selector string. Does not update as the document changes.",
+    language: ["typescript", "javascript"]
+  },
+  "document.createElement": {
+    title: "document.createElement()",
+    type: "<K extends keyof HTMLElementTagNameMap>(tagName: K) => HTMLElementTagNameMap[K]",
+    body: "Creates a new HTML element with the specified tag name. The element is not attached to the DOM until you call appendChild() or similar.",
+    language: ["typescript", "javascript"]
+  },
+  addEventListener: {
+    title: "addEventListener()",
+    type: "(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void",
+    body: "Registers an event listener on the target element. The listener is called whenever the specified event fires. Remember to call removeEventListener() to clean up.",
+    language: ["typescript", "javascript"]
+  },
+  removeEventListener: {
+    title: "removeEventListener()",
+    type: "(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void",
+    body: "Removes an event listener previously added with addEventListener(). The listener reference must be the same function object.",
+    language: ["typescript", "javascript"]
+  },
+  // ── TypeScript keywords ────────────────────────────────────
+  const: {
+    title: "const",
+    type: "keyword",
+    body: "Declares a block-scoped variable that cannot be reassigned. The binding is immutable — but for objects and arrays, their contents can still be mutated.",
+    language: ["typescript", "javascript"]
+  },
+  let: {
+    title: "let",
+    type: "keyword",
+    body: "Declares a block-scoped variable that can be reassigned. Prefer const for bindings that never change.",
+    language: ["typescript", "javascript"]
+  },
+  var: {
+    title: "var",
+    type: "keyword",
+    body: "Declares a function-scoped (or globally-scoped) variable. Hoisted to the top of its scope. Prefer const or let in modern code.",
+    language: ["typescript", "javascript"]
+  },
+  function: {
+    title: "function",
+    type: "keyword",
+    body: "Defines a named function declaration, or introduces a function expression. Function declarations are hoisted; expressions are not.",
+    language: ["typescript", "javascript"]
+  },
+  class: {
+    title: "class",
+    type: "keyword",
+    body: "Declares a class — a blueprint for creating objects with shared methods and properties. Classes support extends, implements, constructors, getters, setters, and static members.",
+    language: ["typescript", "javascript"]
+  },
+  async: {
+    title: "async",
+    type: "keyword",
+    body: "Marks a function as asynchronous, making it return a Promise implicitly. Enables the use of the await keyword inside the function body.",
+    language: ["typescript", "javascript"]
+  },
+  await: {
+    title: "await",
+    type: "keyword",
+    body: "Pauses execution of an async function until the Promise settles, then returns the resolved value. Must be used inside an async function.",
+    language: ["typescript", "javascript"]
+  },
+  return: {
+    title: "return",
+    type: "keyword",
+    body: "Exits the current function and optionally returns a value to the caller. In an async function, the value is wrapped in a resolved Promise.",
+    language: ["typescript", "javascript"]
+  },
+  interface: {
+    title: "interface",
+    type: "keyword",
+    body: "Defines a TypeScript interface — a named contract describing the shape of an object. Interfaces can be extended, merged (declaration merging), and implemented by classes.",
+    language: ["typescript"]
+  },
+  type: {
+    title: "type",
+    type: "keyword",
+    body: "Declares a TypeScript type alias — a name for any type expression including unions, intersections, tuples, mapped types, and conditional types.",
+    language: ["typescript"]
+  },
+  extends: {
+    title: "extends",
+    type: "keyword",
+    body: "Establishes inheritance (class extends Base) or constrains a generic type parameter (T extends object). Also used in conditional types (T extends U ? X : Y).",
+    language: ["typescript", "javascript"]
+  },
+  implements: {
+    title: "implements",
+    type: "keyword",
+    body: "Declares that a class satisfies the shape of one or more interfaces. TypeScript verifies at compile time that all required members are present.",
+    language: ["typescript"]
+  },
+  export: {
+    title: "export",
+    type: "keyword",
+    body: "Makes a declaration (variable, function, class, type, interface) available for import in other modules. Use export default for a single primary export.",
+    language: ["typescript", "javascript"]
+  },
+  import: {
+    title: "import",
+    type: "keyword",
+    body: "Imports bindings from another module. Supports named imports ({ foo, bar }), default imports (Foo), namespace imports (* as Foo), and side-effect imports.",
+    language: ["typescript", "javascript"]
+  },
+  typeof: {
+    title: "typeof",
+    type: "keyword",
+    body: 'Returns a string describing the type of its operand at runtime ("string", "number", "boolean", "object", "function", "undefined", "symbol", "bigint"). In TypeScript, also used as a type operator to capture the type of a value.',
+    language: ["typescript", "javascript"]
+  },
+  instanceof: {
+    title: "instanceof",
+    type: "keyword",
+    body: "Tests whether an object has a given constructor in its prototype chain. Returns true if the object is an instance of the constructor.",
+    language: ["typescript", "javascript"]
+  },
+  new: {
+    title: "new",
+    type: "keyword",
+    body: "Creates a new instance of a class or constructor function. Allocates memory, sets the prototype, calls the constructor with `this` bound to the new object, and returns it.",
+    language: ["typescript", "javascript"]
+  },
+  throw: {
+    title: "throw",
+    type: "keyword",
+    body: "Throws a user-defined exception, stopping execution of the current function and propagating up the call stack until caught by a try...catch block.",
+    language: ["typescript", "javascript"]
+  },
+  try: {
+    title: "try...catch...finally",
+    type: "keyword",
+    body: "Wraps code that might throw an exception. The catch block handles errors; the finally block always runs whether or not an error occurred.",
+    language: ["typescript", "javascript"]
+  },
+  // ── TypeScript built-in types ──────────────────────────────
+  string: {
+    title: "string",
+    type: "primitive type",
+    body: 'Represents a sequence of UTF-16 code units. In TypeScript, the string type accepts any text value. Literal types like "hello" narrow to specific string values.',
+    language: ["typescript"]
+  },
+  number: {
+    title: "number",
+    type: "primitive type",
+    body: "Represents a double-precision 64-bit IEEE 754 floating-point value. Includes integers, decimals, NaN, and Infinity. TypeScript does not have a separate int type.",
+    language: ["typescript"]
+  },
+  boolean: {
+    title: "boolean",
+    type: "primitive type",
+    body: "Represents a logical true or false value. Literal types true and false narrow to specific boolean values.",
+    language: ["typescript"]
+  },
+  any: {
+    title: "any",
+    type: "TypeScript type",
+    body: "Disables type checking for a value — allows any operation without compile errors. Avoid using any; prefer unknown when the type is genuinely uncertain.",
+    language: ["typescript"]
+  },
+  unknown: {
+    title: "unknown",
+    type: "TypeScript type",
+    body: "The type-safe alternative to any. You cannot perform operations on an unknown value without first narrowing its type with typeof, instanceof, or a type guard.",
+    language: ["typescript"]
+  },
+  void: {
+    title: "void",
+    type: "TypeScript type",
+    body: "Represents the absence of a value, typically used as the return type of functions that do not return anything meaningful.",
+    language: ["typescript"]
+  },
+  never: {
+    title: "never",
+    type: "TypeScript type",
+    body: "A type with no values — used for functions that never return (throw or infinite loop) and for exhaustive checks in union type switches.",
+    language: ["typescript"]
+  },
+  Record: {
+    title: "Record<K, V>",
+    type: "type Record<K extends keyof any, T> = { [P in K]: T }",
+    body: "A utility type that constructs an object type whose keys are of type K and values are of type V. Useful for dictionaries and lookup tables.",
+    language: ["typescript"]
+  },
+  Partial: {
+    title: "Partial<T>",
+    type: "type Partial<T> = { [P in keyof T]?: T[P] }",
+    body: "A utility type that makes all properties of T optional. Useful for update payloads, patches, and configuration objects with defaults.",
+    language: ["typescript"]
+  },
+  Required: {
+    title: "Required<T>",
+    type: "type Required<T> = { [P in keyof T]-?: T[P] }",
+    body: "A utility type that makes all properties of T required (removes optionality). The inverse of Partial<T>.",
+    language: ["typescript"]
+  },
+  Readonly: {
+    title: "Readonly<T>",
+    type: "type Readonly<T> = { readonly [P in keyof T]: T[P] }",
+    body: "A utility type that makes all properties of T readonly. Prevents property reassignment at the type level.",
+    language: ["typescript"]
+  },
+  ReturnType: {
+    title: "ReturnType<T>",
+    type: "type ReturnType<T extends (...args: any) => any> = T extends (...args: any) => infer R ? R : any",
+    body: "A utility type that extracts the return type of a function type T.",
+    language: ["typescript"]
+  },
+  Omit: {
+    title: "Omit<T, K>",
+    type: "type Omit<T, K extends keyof any> = Pick<T, Exclude<keyof T, K>>",
+    body: "A utility type that constructs a type by picking all properties from T then removing those in K.",
+    language: ["typescript"]
+  },
+  Pick: {
+    title: "Pick<T, K>",
+    type: "type Pick<T, K extends keyof T> = { [P in K]: T[P] }",
+    body: "A utility type that constructs a type by picking the set of properties K from T.",
+    language: ["typescript"]
+  },
+  NonNullable: {
+    title: "NonNullable<T>",
+    type: "type NonNullable<T> = T extends null | undefined ? never : T",
+    body: "A utility type that removes null and undefined from the type T.",
+    language: ["typescript"]
+  },
+  keyof: {
+    title: "keyof",
+    type: "TypeScript type operator",
+    body: 'Produces a union type of all property keys of an object type. keyof { a: string; b: number } is "a" | "b".',
+    language: ["typescript"]
+  }
+};
+function Ht(s, e) {
+  const t = Dt[s];
+  return !t || t.language && !(Array.isArray(t.language) ? t.language : [t.language]).includes(e) ? null : t;
+}
+function Rt(s) {
+  var q, K, M, B;
+  const { vr: e, visIdx: t, curVisRow: i, wm: n, foldedLines: r, isFoldable: o, opts: l } = s, { docLine: a, segIdx: c, text: d } = e, h = t === i, p = a === ((q = n.visualRows[i]) == null ? void 0 : q.docLine), f = c > 0, _ = ((K = n.segments[a]) == null ? void 0 : K.slice(0, c).reduce((k, x) => k + x.length, 0)) ?? 0, b = s.docSel ? fe(s.docSel, a, ((M = (n.segments[a] ?? [""])[c]) == null ? void 0 : M.length) ?? 0) : null;
+  let v = null;
+  if (b) {
+    const k = ((B = (n.segments[a] ?? [""])[c]) == null ? void 0 : B.length) ?? 0, x = fe(s.docSel, a, k + _);
+    if (x) {
+      const E = x.start - _, H = x.end - _;
+      H > 0 && E < d.length && (v = { start: Math.max(0, E), end: Math.min(d.length, H) });
+    }
+  }
+  const u = s.findMatches.filter((k) => k.row === a).map((k) => {
+    var W, j;
+    const x = k.col - _, E = k.col + k.len - _;
+    if (E <= 0 || x >= d.length) return null;
+    const H = s.findIdx >= 0 && ((W = s.findMatches[s.findIdx]) == null ? void 0 : W.row) === k.row && ((j = s.findMatches[s.findIdx]) == null ? void 0 : j.col) === k.col;
+    return { start: Math.max(0, x), end: Math.min(d.length, E), isCur: H };
+  }).filter(Boolean), T = s.wordHighlights.filter((k) => k.row === a).map((k) => {
+    const x = k.col - _, E = k.col + k.len - _;
+    return E <= 0 || x >= d.length ? null : { start: Math.max(0, x), end: Math.min(d.length, E) };
+  }).filter(Boolean), m = [];
+  if (s.bracketMatch) {
+    for (const k of [s.bracketMatch.open, s.bracketMatch.close])
+      if (k.row === a) {
+        const x = k.col - _;
+        x >= 0 && x < d.length && m.push({ start: x, end: x + 1 });
+      }
+  }
+  const w = [], y = [];
+  for (const k of s.extraCursors) {
+    const x = F(n, k.row, k.col);
+    if (x.visRow === t && w.push(x.colInSeg), k.sel) {
+      const E = jt(k.sel);
+      if (a >= E.ar && a <= E.fr) {
+        const H = a === E.ar ? E.ac - _ : -_, W = a === E.fr ? E.fc - _ : d.length + 999;
+        W > 0 && H < d.length && y.push({ start: Math.max(0, H), end: Math.min(d.length, W) });
+      }
+    }
+  }
+  const D = Bt(d, l.renderWhitespace), R = h || v || u.length || w.length || T.length || m.length || y.length || s.snippetStopCols.length > 0;
+  let C;
+  if (R)
+    C = $t(
+      D,
+      h ? s.curColInSeg : -1,
+      v,
+      u,
+      w,
+      s.snippetStopCols,
+      T,
+      m,
+      y,
+      l.tokeniserOpts
+    );
+  else {
+    const k = `${a}:${c}:${l.renderWhitespace}`;
+    let x = s.tokenCache.get(k, D);
+    x || (x = ae(D, l.tokeniserOpts), s.tokenCache.set(k, D, x)), C = Pt(D, x) || "&#8203;";
+  }
+  let U = "";
+  if (c === 0 && l.showIndentGuides) {
+    const k = (d.match(/^(\s*)/) ?? ["", ""])[1].length, x = Math.floor(k / l.tabSize);
+    for (let E = 1; E < x; E++) {
+      const H = l.codePaddingLeft + E * l.tabSize * l.charWidth;
+      U += `<span class="sl-ig" style="left:${H}px"></span>`;
+    }
+  }
+  let P = "";
+  if (c === 0 && o) {
+    const k = r.has(a);
+    P = `<span class="sl-fold-btn" data-row="${a}">${k ? "▸" : "▾"}</span>`;
+  }
+  const N = r.has(a) && c === 0, O = c === 0 ? String(a + 1) : "";
+  return `<div class="${[
+    "sl-er",
+    l.highlightActiveLine && p ? "sl-cur-row" : "",
+    f ? "sl-wrap-cont" : "",
+    N ? "sl-folded" : ""
+  ].filter(Boolean).join(" ")}" style="height:${l.lineHeight}px" data-v="${t}" data-doc="${a}"><div class="sl-eg" style="position:relative">${P}<span class="sl-egn">${O}</span></div><div class="sl-el"><span class="sl-cl">${U}${C}</span></div></div>`;
+}
+function Bt(s, e) {
+  if (e === "none") return s;
+  if (e === "all")
+    return s.replace(/ /g, "·").replace(/\t/g, "→");
+  const t = (s.match(/^ +/) ?? [""])[0].length, i = (s.match(/ +$/) ?? [""])[0].length;
+  let n = s;
+  return t && (n = "·".repeat(t) + n.slice(t)), i && (n = n.slice(0, n.length - i) + "·".repeat(i)), n.replace(/\t/g, "→");
+}
+function jt(s) {
+  return s.ar < s.fr || s.ar === s.fr && s.ac <= s.fc ? s : { ar: s.fr, ac: s.fc, fr: s.ar, fc: s.ac };
+}
+function Pt(s, e) {
+  if (!s) return "";
+  const t = Le(s, e);
+  let i = "", n = 0, r = t[0];
+  const o = (l) => {
+    if (l <= n) return;
+    const a = V(s.slice(n, l));
+    i += r ? `<span class="${r}">${a}</span>` : a;
+  };
+  for (let l = 1; l <= s.length; l++) {
+    const a = l < s.length ? t[l] : null;
+    a !== r && (o(l), n = l, r = a ?? "");
+  }
+  return i;
+}
+function $t(s, e, t, i, n, r, o, l, a, c) {
+  if (s.length === 0) {
+    let u = e >= 0 ? '<span class="sl-cur"></span>' : "";
+    for (const T of n) u += '<span class="sl-cur-extra"></span>';
+    for (const T of r) u += '<span class="sl-snip-stop"></span>';
+    return u || "&#8203;";
+  }
+  const d = ae(s, c), h = Le(s, d);
+  let p = "", f = 0, _ = "", b = "";
+  const v = (u) => {
+    if (u <= f) return;
+    const T = V(s.slice(f, u)), m = [_, b].filter(Boolean).join(" ");
+    p += m ? `<span class="${m}">${T}</span>` : T;
+  };
+  for (let u = 0; u <= s.length; u++) {
+    e === u && (v(u), f = u, p += '<span class="sl-cur"></span>');
+    for (const C of n)
+      C === u && (v(u), f = u, p += '<span class="sl-cur-extra"></span>');
+    for (const C of r)
+      C === u && (v(u), f = u, p += '<span class="sl-snip-stop"></span>');
+    if (u === s.length) {
+      v(u);
+      break;
+    }
+    const T = h[u], m = i.find((C) => u >= C.start && u < C.end), w = t && u >= t.start && u < t.end || a.some((C) => u >= C.start && u < C.end), y = !w && !m && o.some((C) => u >= C.start && u < C.end), D = !w && !m && l.some((C) => u >= C.start && u < C.end);
+    let R = "";
+    w ? R = "sl-sh" : m ? R = "sl-fh" + (m.isCur ? " sl-fh-cur" : "") : D ? R = "sl-bm" : y && (R = "sl-wh"), (R !== _ || T !== b) && (v(u), f = u, _ = R, b = T);
+  }
+  return p || "&#8203;";
+}
+function ie(s, e, t, i, n) {
+  const r = Math.max(0, s * n - t), o = Math.max(0, s * 2 - i), a = (r > 0 ? e / r : 0) * o, c = Math.max(20, t / n * 2), d = e / n * 2 - a;
+  return { mmScroll: a, sliderTop: d, sliderHeight: c };
+}
+function Wt(s, e, t, i, n) {
+  const r = Math.max(0, e * n - t), o = Math.max(0, e * 2 - i);
+  if (r <= 0) return 0;
+  const l = 2 / n - o / r;
+  if (Math.abs(l) < 1e-9) {
+    const a = Math.max(20, t / n * 2);
+    return Math.max(0, Math.min(r, s / Math.max(1, i - a) * r));
+  }
+  return Math.max(0, Math.min(r, s / l));
+}
+function Nt(s, e, t, i, n, r) {
+  const o = Math.max(0, e * r - i), l = Math.max(0, e * 2 - n);
+  if (o <= 0) return 0;
+  const a = t / o * l, c = (s + a) / 2;
+  return Math.max(0, Math.min(o, c * r - i / 2));
+}
+function Se(s) {
+  const e = (t) => {
+    const i = s(t);
+    return i.startsWith("#") && i.length === 7 ? be(i, 0.85) : i;
+  };
+  return {
+    kw: e("--tok-kw"),
+    fn: e("--tok-fn"),
+    cls: e("--tok-cls"),
+    typ: e("--tok-typ"),
+    str: e("--tok-str"),
+    num: e("--tok-num"),
+    cmt: e("--tok-cmt"),
+    dec: e("--tok-dec"),
+    op: e("--tok-op"),
+    txt: (() => {
+      const t = s("--text2");
+      return t.startsWith("#") && t.length === 7 ? be(t, 0.28) : "rgba(150,148,140,0.28)";
+    })()
+  };
+}
+function Ot(s) {
+  var q, K;
+  const {
+    canvas: e,
+    doc: t,
+    firstLine: i,
+    lastLine: n,
+    subPx: r,
+    wrapperWidth: o,
+    canvasHeight: l,
+    cursorRow: a,
+    sel: c,
+    findMatches: d,
+    findIdx: h,
+    sliderTop: p,
+    sliderHeight: f,
+    colors: _,
+    getCssVar: b,
+    dpr: v
+  } = s, u = e.getContext("2d");
+  if (!u) return;
+  u.setTransform(v, 0, 0, v, 0, 0);
+  const T = b("--mm-bg") || "#0d0d0f", m = b("--mm-dim") || "rgba(0,0,0,.30)", w = b("--mm-edge") || "rgba(255,255,255,.18)", y = b("--mm-slider") || "rgba(255,255,255,.07)", D = b("--sel-bg") || "rgba(110,159,255,.22)", R = b("--cur-line-bg") || "rgba(255,255,255,.05)", C = b("--find-border") || "rgba(234,180,86,.50)", U = b("--find-cur-bg") || "rgba(234,180,86,.80)", P = (M) => (M - i) * 2;
+  if (u.fillStyle = T, u.fillRect(0, 0, o, l), a >= i && a < n && (u.fillStyle = R, u.fillRect(0, P(a), o, 2)), c) {
+    const M = Math.max(i, c.ar), B = Math.min(n - 1, c.fr);
+    B >= M && (u.fillStyle = D, u.fillRect(0, P(M), o, (B - M + 1) * 2));
+  }
+  for (const M of d) {
+    if (M.row < i || M.row >= n) continue;
+    const B = h >= 0 && ((q = d[h]) == null ? void 0 : q.row) === M.row && ((K = d[h]) == null ? void 0 : K.col) === M.col;
+    u.fillStyle = B ? U : C, u.fillRect(
+      3 + M.col * 1.1,
+      P(M.row),
+      Math.max(3, M.len * 1.1),
+      2
+    );
+  }
+  const N = Math.floor((o - 3) / 1.1);
+  for (let M = i; M < n; M++) {
+    const B = t[M] ?? "";
+    if (!B.trim()) continue;
+    const k = P(M), x = 1.5, E = ae(B);
+    let H = 0;
+    for (const j of E) {
+      if (j.start >= N) break;
+      j.start > H && (u.fillStyle = _.txt, u.fillRect(3 + H * 1.1, k, (Math.min(j.start, N) - H) * 1.1, x));
+      const Ae = _[j.cls] ?? _.txt, de = Math.min(j.end, N) - j.start;
+      de > 0 && (u.fillStyle = Ae, u.fillRect(3 + j.start * 1.1, k, de * 1.1, x)), H = Math.max(H, Math.min(j.end, N));
+    }
+    const W = Math.min(B.length, N);
+    H < W && (u.fillStyle = _.txt, u.fillRect(3 + H * 1.1, k, (W - H) * 1.1, x));
+  }
+  const O = p + r, z = O + f;
+  u.fillStyle = m, O > 0 && u.fillRect(0, 0, o, O), z < l && u.fillRect(0, z, o, l - z), u.fillStyle = y, u.fillRect(0, O, o, f), u.fillStyle = w, u.fillRect(0, Math.max(0, O), o, 1), u.fillRect(0, Math.max(0, z - 1), o, 1);
+}
+const Ft = {
+  value: "",
+  language: "typescript",
+  theme: "",
+  showGutter: !0,
+  showMinimap: !0,
+  showStatusBar: !0,
+  wordWrap: !1,
+  wrapColumn: 80,
+  fontFamily: "'JetBrains Mono', monospace",
+  fontSize: 13,
+  lineHeight: 22,
+  tabSize: 2,
+  insertSpaces: !0,
+  maxUndoHistory: 300,
+  showIndentGuides: !0,
+  bracketMatching: !0,
+  codeFolding: !0,
+  emmet: !0,
+  snippetExpansion: !0,
+  autocomplete: !0,
+  multiCursor: !0,
+  find: !0,
+  findReplace: !0,
+  wordSelection: !0,
+  wordHighlight: !0,
+  highlightActiveLine: !0,
+  autocompletePrefixLength: 2,
+  readOnly: !1,
+  extraKeywords: [],
+  extraTypes: [],
+  completions: [],
+  replaceBuiltins: !1,
+  maxCompletions: 14,
+  autoClosePairs: { "(": ")", "[": "]", "{": "}", '"': '"', "'": "'", "`": "`" },
+  lineCommentToken: "",
+  wordSeparators: "",
+  undoBatchMs: 700,
+  gutterWidth: 60,
+  minimapWidth: 120,
+  cursorBlinkRate: 1050,
+  cursorStyle: "line",
+  renderWhitespace: "none",
+  tokenColors: {},
+  hover: !0,
+  placeholder: "",
+  goToLine: !1
+};
+class Ut {
+  // ── Constructor ───────────────────────────────────────────
+  constructor(e, t = {}) {
+    // ── DOM ───────────────────────────────────────────────────
+    g(this, "_host");
+    g(this, "_shadow");
+    g(this, "_editorEl");
+    g(this, "_spacerEl");
+    g(this, "_vpEl");
+    g(this, "_inputEl");
+    g(this, "_minimapWrap");
+    g(this, "_mmCanvas");
+    g(this, "_mmSlider");
+    g(this, "_statusBar");
+    g(this, "_findBar");
+    g(this, "_findInput");
+    g(this, "_replaceInput");
+    g(this, "_findCount");
+    g(this, "_replaceRow");
+    g(this, "_acPopup");
+    g(this, "_emmetTip");
+    g(this, "_snippetTip");
+    g(this, "_hoverTip");
+    g(this, "_themeOverlay");
+    g(this, "_themePanel");
+    g(this, "_placeholderEl");
+    g(this, "_goToLineBar");
+    g(this, "_goToLineInput");
+    g(this, "_goToLineHint");
+    // ── State ─────────────────────────────────────────────────
+    g(this, "_config");
+    g(this, "_tab", ue(1, [""]));
+    g(this, "_wm", { segments: [[""]], visualRows: [{ docLine: 0, segIdx: 0, text: "" }], docToVisArr: [0] });
+    g(this, "_foldedLines", /* @__PURE__ */ new Map());
+    g(this, "_tokenCache", new qe());
+    g(this, "_themeManager");
+    // Find
+    g(this, "_findMatches", []);
+    g(this, "_findIdx", -1);
+    g(this, "_findCaseSensitive", !1);
+    g(this, "_findRegex", !1);
+    // Highlights
+    g(this, "_wordHighlights", []);
+    g(this, "_bracketMatch", null);
+    // Autocomplete
+    g(this, "_acItems", []);
+    g(this, "_acSel", 0);
+    g(this, "_acPrefix", "");
+    g(this, "_acStartCol", 0);
+    g(this, "_emmetAcStartCol", 0);
+    // start col of the emmet abbreviation (may differ from _acStartCol)
+    // Multi-cursor
+    g(this, "_mc", mt());
+    g(this, "_extraCursors", []);
+    // Mouse drag
+    g(this, "_isDragging", !1);
+    g(this, "_dragAnchor", null);
+    // Hover
+    g(this, "_hoverTimer", null);
+    g(this, "_hoverPinned", !1);
+    // Minimap drag
+    g(this, "_mmDragMode", "none");
+    g(this, "_mmDragStartY", 0);
+    g(this, "_mmDragStartScroll", 0);
+    g(this, "_mmSliderOffset", 0);
+    g(this, "_mmColors");
+    // Undo batching
+    g(this, "_lastInputTime", 0);
+    // Dynamic styles
+    g(this, "_dynamicStyleEl");
+    // Emmet
+    g(this, "_emmetExpanded", null);
+    // Snippets
+    g(this, "_snippetExpanded", null);
+    /** Active snippet tab-stop session. Cleared on click, Escape, or structural edit. */
+    g(this, "_snippetSession", null);
+    // ── Lifecycle / performance ───────────────────────────────
+    /** Pending debounce timer ID for autocomplete re-computation. */
+    g(this, "_acDebounceTimer", null);
+    /** Pending requestAnimationFrame ID for coalesced renders. */
+    g(this, "_rafId", null);
+    // ── Bound window listener refs ────────────────────────────
+    // Stored as named references so they can be removed precisely in destroy().
+    g(this, "_onWinMouseUp");
+    g(this, "_onWinResize");
+    g(this, "_onEditorScroll");
+    g(this, "_onWinMmMouseMove");
+    g(this, "_onWinMmMouseUp");
+    // ── ResizeObserver — tracks container size changes ────────
+    g(this, "_ro", null);
+    g(this, "_onFoldBtnClick", (e) => {
+      const t = e.target.closest(".sl-fold-btn");
+      if (!t) return;
+      e.preventDefault(), e.stopPropagation();
+      const i = parseInt(t.dataset.row ?? "0", 10);
+      this._foldedLines = dt(this._foldedLines, this._tab.doc, i), this._tokenCache.clear(), this._rebuildWrapMap(), this._render();
+    });
+    this._config = { ...Ft, ...ye(t) }, this._onWinMouseUp = () => {
+      this._isDragging = !1, this._dragAnchor = null;
+    }, this._onEditorScroll = Z(() => {
+      this._hideHover(), this._scheduleRender(), this._updateMinimap();
+    }, 16), this._onWinResize = Z(() => {
+      this._config.wordWrap && this._rebuildWrapMap(), this._scheduleRender();
+    }, 100), this._onWinMmMouseMove = (a) => {
+      if (this._mmDragMode === "none") return;
+      const c = this._minimapWrap.clientHeight;
+      if (this._mmDragMode === "slider") {
+        const d = a.clientY - this._minimapWrap.getBoundingClientRect().top;
+        this._editorEl.scrollTop = Wt(
+          d - this._mmSliderOffset,
+          this._tab.doc.length,
+          this._editorEl.clientHeight,
+          c,
+          this._config.lineHeight
+        );
+      } else {
+        const d = a.clientY - this._mmDragStartY, h = Math.max(0, this._tab.doc.length * this._config.lineHeight - this._editorEl.clientHeight);
+        this._editorEl.scrollTop = Math.max(0, Math.min(h, this._mmDragStartScroll + d / 2 * this._config.lineHeight));
+      }
+      this._render();
+    }, this._onWinMmMouseUp = () => {
+      this._mmDragMode !== "none" && (this._mmDragMode = "none", this._minimapWrap.style.cursor = "pointer");
+    }, this._host = e, this._host.classList.add("sl-host"), this._shadow = this._host.attachShadow({ mode: "open" });
+    const i = I("style");
+    i.textContent = rt, this._shadow.appendChild(i), this._dynamicStyleEl = I("style"), this._shadow.appendChild(this._dynamicStyleEl), this._themeManager = new nt(this._host);
+    const n = typeof this._config.theme == "string" ? this._config.theme : this._config.theme;
+    this._themeManager.apply(n);
+    const r = I("div", "sl-layout"), o = I("div", "sl-ed-pane");
+    this._inputEl = I("textarea", "sl-input"), this._inputEl.setAttribute("autocomplete", "off"), this._inputEl.setAttribute("autocorrect", "off"), this._inputEl.setAttribute("autocapitalize", "off"), this._inputEl.setAttribute("spellcheck", "false"), this._inputEl.setAttribute("role", "textbox"), this._inputEl.setAttribute("aria-multiline", "true"), this._inputEl.setAttribute("aria-label", "Code editor"), this._inputEl.setAttribute("aria-readonly", String(!!this._config.readOnly)), this._inputEl.setAttribute("aria-haspopup", "listbox"), this._editorEl = I("div", "sl-editor"), this._spacerEl = I("div", "sl-spacer"), this._vpEl = I("div", "sl-vp"), this._editorEl.appendChild(this._spacerEl), this._editorEl.appendChild(this._vpEl), this._findBar = this._buildFindBar(), this._findInput = this._findBar.querySelector(".sl-find-input"), this._replaceInput = this._findBar.querySelector(".sl-find-replace-input"), this._findCount = this._findBar.querySelector(".sl-find-count"), this._replaceRow = this._findBar.querySelector(".sl-replace-row"), this._goToLineBar = this._buildGoToLineBar(), this._goToLineInput = this._goToLineBar.querySelector(".sl-gtl-input"), this._goToLineHint = this._goToLineBar.querySelector(".sl-gtl-hint"), this._placeholderEl = I("div", "sl-placeholder"), this._placeholderEl.textContent = this._config.placeholder, this._placeholderEl.style.display = "none", o.appendChild(this._inputEl), o.appendChild(this._findBar), o.appendChild(this._goToLineBar), o.appendChild(this._placeholderEl), o.appendChild(this._editorEl), this._minimapWrap = I("div", "sl-minimap"), this._minimapWrap.style.width = `${this._config.minimapWidth}px`, this._mmCanvas = I("canvas", ""), this._mmSlider = I("div", "sl-mm-slider"), this._minimapWrap.appendChild(this._mmCanvas), this._minimapWrap.appendChild(this._mmSlider), r.appendChild(o), this._config.showMinimap && r.appendChild(this._minimapWrap), this._statusBar = this._buildStatusBar(), this._acPopup = I("div", "sl-ac-popup"), this._acPopup.setAttribute("role", "listbox"), this._acPopup.setAttribute("aria-label", "Code suggestions"), this._acPopup.style.display = "none", this._emmetTip = I("div", "sl-emmet-tip"), this._emmetTip.style.display = "none", this._snippetTip = I("div", "sl-emmet-tip"), this._snippetTip.style.display = "none", this._hoverTip = I("div", "sl-hover-tip"), this._hoverTip.style.display = "none", this._hoverTip.addEventListener("mouseenter", () => {
+      this._hoverPinned = !0;
+    }), this._hoverTip.addEventListener("mouseleave", () => {
+      this._hoverPinned = !1, this._hideHover();
+    }), this._themeOverlay = I("div", "sl-theme-overlay"), this._themeOverlay.style.display = "none", this._themePanel = I("div", "sl-theme-panel"), this._themeOverlay.appendChild(this._themePanel), this._shadow.appendChild(r), this._config.showStatusBar && this._shadow.appendChild(this._statusBar), this._shadow.appendChild(this._acPopup), this._shadow.appendChild(this._emmetTip), this._shadow.appendChild(this._snippetTip), this._shadow.appendChild(this._hoverTip), this._shadow.appendChild(this._themeOverlay);
+    const l = typeof this._config.value == "string" ? me(this._config.value) : this._config.value;
+    this._tab = ue(1, l.length ? l : [""]), this._mmColors = Se((a) => X(a, this._host)), this._bindEditorEvents(), this._bindMinimapEvents(), this._bindFindEvents(), this._applyDynamicStyles(), typeof ResizeObserver < "u" && (this._ro = new ResizeObserver(Z(() => {
+      this._config.wordWrap && (this._rebuildWrapMap(), this._scheduleRender());
+    }, 60)), this._ro.observe(this._host)), this._rebuildWrapMap(), this._render();
+  }
+  // ── Public API ────────────────────────────────────────────
+  getValue() {
+    return A(this._tab.doc);
+  }
+  setValue(e) {
+    var t, i;
+    L(this._tab, this._config.maxUndoHistory), this._tab.doc = me(e), this._tab.cur = { row: 0, col: 0 }, this._tab.sel = null, this._tokenCache.clear(), this._foldedLines.clear(), this._rebuildWrapMap(), this._render(), (i = (t = this._config).onChange) == null || i.call(t, e);
+  }
+  getCursor() {
+    return { ...this._tab.cur };
+  }
+  setCursor(e) {
+    this._tab.cur = { ...e }, S(this._tab), this._scrollIntoView(), this._render();
+  }
+  getSelection() {
+    return this._tab.sel ? { ...this._tab.sel } : null;
+  }
+  setSelection(e) {
+    this._tab.sel = e, this._render();
+  }
+  insertText(e) {
+    this._config.readOnly || (this._insertStr(e, !1), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render());
+  }
+  setTheme(e) {
+    this._themeManager.apply(e), this._applyTokenOverrides(), this._mmColors = Se((t) => X(t, this._host)), this._tokenCache.clear(), this._render();
+  }
+  updateConfig(e) {
+    const t = ye(e);
+    if (t.autoClosePairs !== void 0) {
+      const i = t.autoClosePairs;
+      this._config.autoClosePairs = Object.keys(i).length === 0 ? {} : { ...this._config.autoClosePairs, ...i };
+      const { autoClosePairs: n, ...r } = t;
+      Object.assign(this._config, r);
+    } else
+      Object.assign(this._config, t);
+    if (t.readOnly !== void 0 && this._inputEl.setAttribute("aria-readonly", String(!!t.readOnly)), e.theme !== void 0 && this.setTheme(e.theme), (e.wordWrap !== void 0 || e.wrapColumn !== void 0) && this._rebuildWrapMap(), e.showMinimap !== void 0) {
+      const i = this._shadow.querySelector(".sl-layout");
+      e.showMinimap ? i.contains(this._minimapWrap) || i.appendChild(this._minimapWrap) : this._minimapWrap.remove();
+    }
+    e.showStatusBar !== void 0 && (e.showStatusBar ? this._shadow.contains(this._statusBar) || this._shadow.appendChild(this._statusBar) : this._statusBar.remove()), (e.fontFamily !== void 0 || e.fontSize !== void 0 || e.lineHeight !== void 0 || e.cursorBlinkRate !== void 0 || e.cursorStyle !== void 0 || e.gutterWidth !== void 0 || e.minimapWidth !== void 0 || e.showGutter !== void 0 || e.tokenColors !== void 0) && this._applyDynamicStyles(), (e.language !== void 0 || e.extraKeywords !== void 0 || e.extraTypes !== void 0 || e.renderWhitespace !== void 0 || e.completions !== void 0) && this._tokenCache.clear(), e.find === !1 ? this._closeFind() : e.findReplace === !1 && (this._replaceRow.style.display = "none"), e.goToLine === !1 && this._closeGoToLine(), e.placeholder !== void 0 && (this._placeholderEl.textContent = e.placeholder), this._render();
+  }
+  focus() {
+    this._focusInput();
+  }
+  getThemes() {
+    return this._themeManager.allIds;
+  }
+  registerTheme(e) {
+    this._themeManager.register(e);
+  }
+  undo() {
+    var e, t;
+    Oe(this._tab) && (this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), (t = (e = this._config).onChange) == null || t.call(e, A(this._tab.doc)));
+  }
+  redo() {
+    var e, t;
+    Fe(this._tab) && (this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), (t = (e = this._config).onChange) == null || t.call(e, A(this._tab.doc)));
+  }
+  executeCommand(e) {
+    const t = this._config.readOnly;
+    switch (e) {
+      case "undo":
+        t || this.undo();
+        break;
+      case "redo":
+        t || this.redo();
+        break;
+      case "selectAll":
+        this._selectAll();
+        break;
+      case "copy":
+        this._doCopy();
+        break;
+      case "cut":
+        t || this._doCut();
+        break;
+      case "toggleComment":
+        t || this._toggleComment();
+        break;
+      case "duplicateLine":
+        t || this._duplicateLine();
+        break;
+      case "deleteLine":
+        t || this._deleteLine();
+        break;
+      case "toggleWordWrap":
+        this._toggleWrap();
+        break;
+      case "find":
+        this._config.find && this._openFind(!1);
+        break;
+      case "findReplace":
+        this._config.find && this._config.findReplace && this._openFind(!0);
+        break;
+      case "indentLine":
+        t || this._indentSel();
+        break;
+      case "outdentLine":
+        t || this._unindentSel();
+        break;
+      default:
+        console.warn(`[syncline-editor] executeCommand: unknown command "${e}"`);
+        break;
+    }
+  }
+  destroy() {
+    var t;
+    this._acDebounceTimer !== null && (clearTimeout(this._acDebounceTimer), this._acDebounceTimer = null), this._hoverTimer !== null && (clearTimeout(this._hoverTimer), this._hoverTimer = null), this._rafId !== null && (cancelAnimationFrame(this._rafId), this._rafId = null), window.removeEventListener("mouseup", this._onWinMouseUp), window.removeEventListener("resize", this._onWinResize), window.removeEventListener("mousemove", this._onWinMmMouseMove), window.removeEventListener("mouseup", this._onWinMmMouseUp), (t = this._ro) == null || t.disconnect();
+    const e = this._mmCanvas.getContext("2d");
+    e && e.clearRect(0, 0, this._mmCanvas.width, this._mmCanvas.height), this._shadow.innerHTML = "", this._host.classList.remove("sl-host");
+  }
+  // ── DOM builders ──────────────────────────────────────────
+  _buildFindBar() {
+    const e = I("div", "sl-find-bar");
+    return e.innerHTML = `
+      <div class="sl-find-row">
+        <input class="sl-find-input" placeholder="Find…" autocomplete="off" spellcheck="false">
+        <span class="sl-find-count">–</span>
+        <button class="sl-find-btn sl-find-prev" title="Previous">↑</button>
+        <button class="sl-find-btn sl-find-next" title="Next">↓</button>
+        <button class="sl-find-btn sl-find-case" title="Match case">Aa</button>
+        <button class="sl-find-btn sl-find-regex" title="Regex">.*</button>
+        <span class="sl-find-x sl-find-close">✕</span>
+      </div>
+      <div class="sl-find-row sl-replace-row" style="display:none">
+        <input class="sl-find-replace-input" placeholder="Replace…" autocomplete="off" spellcheck="false">
+        <button class="sl-find-btn sl-replace-one">Replace</button>
+        <button class="sl-find-btn sl-replace-all">All</button>
+      </div>
+    `, e;
+  }
+  _buildGoToLineBar() {
+    const e = I("div", "sl-gtl-bar");
+    e.innerHTML = `
+      <span class="sl-gtl-label">Go to line</span>
+      <input class="sl-gtl-input" type="text" inputmode="numeric" autocomplete="off" spellcheck="false" placeholder="…">
+      <span class="sl-gtl-hint"></span>
+      <span class="sl-find-x sl-gtl-close" title="Close">✕</span>
+    `;
+    const t = e.querySelector(".sl-gtl-input"), i = e.querySelector(".sl-gtl-hint");
+    return t.addEventListener("input", () => {
+      const n = parseInt(t.value, 10), r = !isNaN(n) && n >= 1 && n <= this._tab.doc.length;
+      t.classList.toggle("sl-gtl-err", t.value !== "" && !r), i.textContent = `(1–${this._tab.doc.length})`;
+    }), t.addEventListener("keydown", (n) => {
+      var r, o;
+      if (n.key === "Enter") {
+        n.preventDefault();
+        const l = parseInt(t.value, 10);
+        !isNaN(l) && l >= 1 && l <= this._tab.doc.length && (this._tab.cur.row = l - 1, this._tab.cur.col = Math.min(this._tab.cur.col, (this._tab.doc[l - 1] ?? "").length), S(this._tab), this._tab.sel = null, this._closeGoToLine(), this._scrollIntoView(), this._render(), (o = (r = this._config).onCursorChange) == null || o.call(r, { ...this._tab.cur }));
+      } else n.key === "Escape" && (n.preventDefault(), this._closeGoToLine());
+      n.stopPropagation();
+    }), e.querySelector(".sl-gtl-close").addEventListener("click", () => this._closeGoToLine()), e;
+  }
+  _openGoToLine() {
+    if (this._goToLineBar.classList.contains("sl-open")) {
+      this._closeGoToLine();
+      return;
+    }
+    this._goToLineHint.textContent = `(1–${this._tab.doc.length})`, this._goToLineInput.value = String(this._tab.cur.row + 1), this._goToLineInput.classList.remove("sl-gtl-err"), this._goToLineBar.classList.add("sl-open"), this._goToLineInput.focus(), this._goToLineInput.select();
+  }
+  _closeGoToLine() {
+    this._goToLineBar.classList.remove("sl-open"), this._focusInput();
+  }
+  _buildStatusBar() {
+    const e = I("div", "sl-statusbar");
+    return e.innerHTML = `
+      <div class="sl-sb-item sl-no-click sl-sb-lang">⬡ TypeScript</div>
+      <div class="sl-sb-sep"></div>
+      <div class="sl-sb-item sl-no-click sl-sb-pos">Ln 1, Col 1</div>
+      <div class="sl-sb-sep"></div>
+      <div class="sl-sb-item sl-no-click sl-sb-sel"></div>
+      <div class="sl-sb-sep sl-sb-sel-sep" style="display:none"></div>
+      <div class="sl-sb-item sl-no-click sl-sb-lines">1 line</div>
+      <div class="sl-sb-sep"></div>
+      <div class="sl-sb-item sl-no-click">UTF-8  LF</div>
+      <div class="sl-sb-right">
+        <div class="sl-sb-item sl-no-click sl-sb-mc" style="display:none">⊕ <span class="sl-sb-mc-count">1</span> cursors</div>
+        <div class="sl-sb-item sl-sb-wrap sl-sb-wrap-btn">⇥ Wrap: OFF</div>
+        <div class="sl-sb-sep"></div>
+        <div class="sl-sb-item sl-sb-theme-btn">🎨 Theme</div>
+        <div class="sl-sb-sep"></div>
+        <div class="sl-sb-item sl-no-click sl-sb-undo">↩0 ↪0</div>
+      </div>
+    `, e.querySelector(".sl-sb-wrap-btn").addEventListener("click", () => this._toggleWrap()), e.querySelector(".sl-sb-theme-btn").addEventListener("click", () => this._openThemePicker()), e;
+  }
+  // ── Dynamic styles ────────────────────────────────────────
+  _applyDynamicStyles() {
+    const {
+      fontFamily: e,
+      fontSize: t,
+      lineHeight: i,
+      cursorBlinkRate: n,
+      cursorStyle: r,
+      gutterWidth: o,
+      minimapWidth: l,
+      showGutter: a
+    } = this._config, c = Math.max(2, i - 4), d = Math.floor((i - c) / 2);
+    let h = "";
+    r === "block" ? h = `width:${7.82}px;opacity:.5;border-radius:1px;` : r === "underline" && (h = `width:${7.82}px;height:2px;top:${i - 2}px;border-radius:0;`);
+    const p = a ? o : 0;
+    this._dynamicStyleEl.textContent = `
+      .sl-el{font-family:${e};font-size:${t}px;line-height:${i}px}
+      .sl-cl{height:${i}px;line-height:${i}px}
+      .sl-egn{height:${i}px;line-height:${i}px}
+      .sl-eg{min-width:${p}px;width:${p}px;${a ? "" : "display:none"}}
+      .sl-cur::after{height:${c}px;top:${d}px;animation-duration:${n}ms;${h}}
+      .sl-cur-extra::after{height:${c}px;top:${d}px;animation-duration:${n}ms;${h}}
+    `, this._applyTokenOverrides(), this._minimapWrap.style.width = `${l}px`, this._placeholderEl.style.left = `${p + 14}px`, this._placeholderEl.style.fontFamily = e, this._placeholderEl.style.fontSize = `${t}px`, this._placeholderEl.style.lineHeight = `${i}px`;
+  }
+  /**
+   * Apply tokenColors overrides as inline styles on the host element.
+   * Must be called AFTER the theme has applied its own inline styles so
+   * our values win (last writer wins for element.style.setProperty).
+   * When a token field is empty/absent, restore the active theme's value.
+   */
+  _applyTokenOverrides() {
+    const e = this._config.tokenColors ?? {}, t = this._themeManager.activeTheme, i = this._host.style, n = (o, l, a) => {
+      i.setProperty(o, l || a);
+    }, r = t == null ? void 0 : t.tokens;
+    n("--tok-kw", e.keyword, (r == null ? void 0 : r.tokKw) ?? ""), n("--tok-str", e.string, (r == null ? void 0 : r.tokStr) ?? ""), n("--tok-cmt", e.comment, (r == null ? void 0 : r.tokCmt) ?? ""), n("--tok-fn", e.function, (r == null ? void 0 : r.tokFn) ?? ""), n("--tok-num", e.number, (r == null ? void 0 : r.tokNum) ?? ""), n("--tok-cls", e.class, (r == null ? void 0 : r.tokCls) ?? ""), n("--tok-op", e.operator, (r == null ? void 0 : r.tokOp) ?? ""), n("--tok-typ", e.type, (r == null ? void 0 : r.tokTyp) ?? ""), n("--tok-dec", e.decorator, (r == null ? void 0 : r.tokDec) ?? "");
+  }
+  // ── Core render ───────────────────────────────────────────
+  /**
+   * Schedule a render on the next animation frame.
+   * Multiple calls within a single frame are coalesced into one render —
+   * ideal for scroll and resize handlers which can fire at 60+ Hz.
+   */
+  _scheduleRender() {
+    this._rafId === null && (this._rafId = requestAnimationFrame(() => {
+      this._rafId = null, this._render();
+    }));
+  }
+  _render() {
+    const { doc: e, cur: t, sel: i } = this._tab, { lineHeight: n } = this._config;
+    this._wordHighlights = this._config.wordHighlight ? Ct(e, t.row, t.col, i) : [], this._bracketMatch = this._config.bracketMatching ? at(e, t) : null;
+    const r = this._wm.visualRows.length;
+    if (this._spacerEl.style.height = `${r * n}px`, this._config.wordWrap)
+      this._spacerEl.style.width = "", this._vpEl.style.width = "";
+    else {
+      const f = e.reduce((v, u) => Math.max(v, u.length), 0), _ = this._config.showGutter ? this._config.gutterWidth : 0, b = Math.max(
+        this._editorEl.clientWidth,
+        _ + 14 + Math.ceil(f * 7.82) + 20 + 64
+      );
+      this._spacerEl.style.width = `${b}px`, this._vpEl.style.width = `${b}px`;
+    }
+    const o = this._editorEl.scrollTop, l = this._editorEl.clientHeight, a = Math.max(0, Math.floor(o / n) - 6), c = Math.min(r - 1, Math.ceil((o + l) / n) + 6);
+    this._vpEl.style.transform = `translateY(${a * n}px)`;
+    const d = F(this._wm, t.row, t.col), h = /* @__PURE__ */ new Map();
+    if (this._snippetSession)
+      for (let f = this._snippetSession.idx + 1; f < this._snippetSession.stops.length; f++) {
+        const _ = this._snippetSession.stops[f], b = F(this._wm, _.row, _.col), v = h.get(b.visRow) ?? [];
+        v.push(b.colInSeg), h.set(b.visRow, v);
+      }
+    let p = "";
+    for (let f = a; f <= c; f++) {
+      const _ = this._wm.visualRows[f];
+      _ && (p += Rt({
+        vr: _,
+        visIdx: f,
+        curVisRow: d.visRow,
+        curColInSeg: d.colInSeg,
+        docSel: i,
+        findMatches: this._findMatches,
+        findIdx: this._findIdx,
+        wordHighlights: this._wordHighlights,
+        bracketMatch: this._bracketMatch,
+        extraCursors: this._extraCursors,
+        snippetStopCols: h.get(f) ?? [],
+        foldedLines: this._foldedLines,
+        isFoldable: this._config.codeFolding && lt(e, _.docLine),
+        wm: this._wm,
+        tokenCache: this._tokenCache,
+        opts: {
+          tokeniserOpts: {
+            language: this._config.language,
+            extraKeywords: new Set(this._config.extraKeywords),
+            extraTypes: new Set(this._config.extraTypes)
+          },
+          showIndentGuides: this._config.showIndentGuides,
+          highlightActiveLine: this._config.highlightActiveLine,
+          charWidth: 7.82,
+          codePaddingLeft: 14,
+          tabSize: this._config.tabSize,
+          lineHeight: n,
+          renderWhitespace: this._config.renderWhitespace
+        }
+      }));
+    }
+    if (this._vpEl.innerHTML = p, this._updateStatusBar(), this._updateMinimap(), this._config.placeholder) {
+      const f = this._tab.doc.length === 1 && this._tab.doc[0] === "";
+      this._placeholderEl.style.display = f ? "" : "none";
+    } else
+      this._placeholderEl.style.display = "none";
+  }
+  // ── Status bar ────────────────────────────────────────────
+  _updateStatusBar() {
+    if (!this._config.showStatusBar) return;
+    const { cur: e, doc: t, undoStack: i, redoStack: n } = this._tab, r = this._config.language, o = {
+      typescript: "TypeScript",
+      javascript: "JavaScript",
+      css: "CSS",
+      json: "JSON",
+      markdown: "Markdown",
+      text: "Text"
+    }, l = (p) => this._statusBar.querySelector(p);
+    l(".sl-sb-lang").textContent = `⬡ ${o[r] ?? r}`, l(".sl-sb-pos").textContent = `Ln ${e.row + 1}, Col ${e.col + 1}`, l(".sl-sb-lines").textContent = `${t.length.toLocaleString()} lines`;
+    const a = Ue(this._tab), c = l(".sl-sb-sel"), d = l(".sl-sb-sel-sep");
+    c.textContent = a ? `${a.toLocaleString()} selected` : "", d.style.display = a ? "" : "none", l(".sl-sb-undo").textContent = `↩${i.length}  ↪${n.length}`;
+    const h = l(".sl-sb-mc");
+    this._extraCursors.length ? (h.style.display = "", l(".sl-sb-mc-count").textContent = String(this._extraCursors.length + 1)) : h.style.display = "none";
+  }
+  // ── Minimap ───────────────────────────────────────────────
+  _updateMinimap() {
+    if (!this._config.showMinimap) return;
+    const e = this._minimapWrap.clientWidth, t = this._minimapWrap.clientHeight;
+    if (!e || !t) return;
+    const i = this._tab.doc, n = i.length, r = Math.min(window.devicePixelRatio || 1, 2), o = this._config.lineHeight, { mmScroll: l, sliderTop: a, sliderHeight: c } = ie(
+      n,
+      this._editorEl.scrollTop,
+      this._editorEl.clientHeight,
+      t,
+      o
+    ), d = l / 2, h = Math.floor(d), p = Math.ceil(t / 2) + 2, f = Math.min(n, h + p), _ = (f - h) * 2, b = (d - h) * 2, v = Math.round(e * r), u = Math.round(_ * r);
+    (this._mmCanvas.width !== v || this._mmCanvas.height !== u) && (this._mmCanvas.width = v, this._mmCanvas.height = u, this._mmCanvas.style.width = `${e}px`, this._mmCanvas.style.height = `${_}px`), this._mmCanvas.style.transform = `translateY(${-b}px)`, Ot({
+      canvas: this._mmCanvas,
+      doc: i,
+      firstLine: h,
+      lastLine: f,
+      subPx: b,
+      wrapperWidth: e,
+      canvasHeight: _,
+      cursorRow: this._tab.cur.row,
+      sel: this._tab.sel,
+      findMatches: this._findMatches,
+      findIdx: this._findIdx,
+      sliderTop: a,
+      sliderHeight: c,
+      colors: this._mmColors,
+      getCssVar: (T) => X(T, this._host),
+      dpr: r
+    }), this._mmSlider.style.top = `${Math.max(0, Math.min(t - c, a))}px`, this._mmSlider.style.height = `${c}px`;
+  }
+  // ── WrapMap ───────────────────────────────────────────────
+  _rebuildWrapMap() {
+    let e;
+    if (this._config.wordWrap) {
+      const t = this._config.showGutter ? this._config.gutterWidth : 0, i = this._editorEl.clientWidth;
+      if (i > 0) {
+        const n = i - t - 14 - 20;
+        e = Math.max(20, Math.floor(n / 7.82));
+      } else
+        e = this._config.wrapColumn;
+    } else
+      e = 9999;
+    this._wm = ze(
+      this._tab.doc,
+      e,
+      this._config.wordWrap,
+      this._foldedLines
+    );
+  }
+  // ── Scroll ────────────────────────────────────────────────
+  _scrollIntoView() {
+    const e = this._tab.cur, i = F(this._wm, e.row, e.col).visRow * this._config.lineHeight, n = i + this._config.lineHeight, r = this._editorEl.scrollTop, o = this._editorEl.clientHeight, l = this._config.lineHeight * 3;
+    i < r + l ? this._editorEl.scrollTop = Math.max(0, i - l) : n > r + o - l && (this._editorEl.scrollTop = n - o + l);
+  }
+  // ── Input helpers ─────────────────────────────────────────
+  _focusInput() {
+    this._inputEl.style.pointerEvents = "auto", this._inputEl.focus(), this._inputEl.style.pointerEvents = "none";
+  }
+  _insertStr(e, t) {
+    var d, h;
+    const i = Date.now();
+    (!t || i - this._lastInputTime > this._config.undoBatchMs) && L(this._tab, this._config.maxUndoHistory), this._lastInputTime = i, this._tab.sel && (this._tab.cur = G(this._tab));
+    const { doc: n, cur: r } = this._tab, o = e.split(`
+`), l = n[r.row] ?? "", a = l.slice(0, r.col), c = l.slice(r.col);
+    if (o.length === 1)
+      n[r.row] = a + e + c, r.col += e.length;
+    else {
+      const p = [a + o[0]];
+      for (let f = 1; f < o.length - 1; f++) p.push(o[f]);
+      p.push(o[o.length - 1] + c), n.splice(r.row, 1, ...p), r.row += o.length - 1, r.col = o[o.length - 1].length;
+    }
+    this._tokenCache.invalidateLine(r.row, (this._wm.segments[r.row] ?? [""]).length), this._tab.dirty = !0, (h = (d = this._config).onChange) == null || h.call(d, A(n));
+  }
+  _doBackspace() {
+    var i;
+    if (L(this._tab, this._config.maxUndoHistory), this._tab.sel) {
+      this._tab.cur = G(this._tab), this._tokenCache.clear(), this._tab.dirty = !0;
+      return;
+    }
+    const { doc: e, cur: t } = this._tab;
+    if (t.col > 0) {
+      const n = e[t.row] ?? "", r = n.slice(0, t.col), o = r.length >= 2 && r.endsWith("  ") && !r.trim() ? 2 : 1;
+      e[t.row] = n.slice(0, t.col - o) + n.slice(t.col), t.col -= o, this._tokenCache.invalidateLine(t.row, ((i = this._wm.segments[t.row]) == null ? void 0 : i.length) ?? 1);
+    } else if (t.row > 0) {
+      const n = (e[t.row - 1] ?? "").length;
+      e[t.row - 1] += e[t.row] ?? "", e.splice(t.row, 1), t.row--, t.col = n, this._tokenCache.clear();
+    }
+    this._tab.dirty = !0;
+  }
+  _doEnter() {
+    L(this._tab, this._config.maxUndoHistory), this._tab.sel && (this._tab.cur = G(this._tab));
+    const { doc: e, cur: t } = this._tab, i = e[t.row] ?? "", n = i.slice(0, t.col), r = i.slice(t.col), o = _e(i), l = n.trimEnd().endsWith("{") ? J(this._config.tabSize) : "";
+    e[t.row] = n, n.trimEnd().endsWith("{") && r.trimStart() === "}" ? e.splice(t.row + 1, 0, o + l, o + r) : e.splice(t.row + 1, 0, o + l + r), t.row++, t.col = o.length + l.length, this._tokenCache.clear(), this._tab.dirty = !0;
+  }
+  _doDelete() {
+    var n;
+    if (L(this._tab, this._config.maxUndoHistory), this._tab.sel) {
+      this._tab.cur = G(this._tab), this._tokenCache.clear(), this._tab.dirty = !0;
+      return;
+    }
+    const { doc: e, cur: t } = this._tab, i = e[t.row] ?? "";
+    t.col < i.length ? (e[t.row] = i.slice(0, t.col) + i.slice(t.col + 1), this._tokenCache.invalidateLine(t.row, ((n = this._wm.segments[t.row]) == null ? void 0 : n.length) ?? 1)) : t.row < e.length - 1 && (e[t.row] = i + (e[t.row + 1] ?? ""), e.splice(t.row + 1, 1), this._tokenCache.clear()), this._tab.dirty = !0;
+  }
+  // ── Editing commands ──────────────────────────────────────
+  _selectAll() {
+    const e = this._tab.doc, t = e.length - 1;
+    this._tab.sel = { ar: 0, ac: 0, fr: t, fc: (e[t] ?? "").length }, this._tab.cur = { row: t, col: (e[t] ?? "").length }, this._render();
+  }
+  _doCopy() {
+    var t;
+    const e = ge(this._tab);
+    e && ((t = navigator.clipboard) == null || t.writeText(e).catch(() => {
+    }));
+  }
+  _doCut() {
+    var t, i, n;
+    const e = ge(this._tab);
+    e && ((t = navigator.clipboard) == null || t.writeText(e).catch(() => {
+    }), L(this._tab, this._config.maxUndoHistory), this._tab.cur = G(this._tab), this._tokenCache.clear(), this._tab.dirty = !0, this._rebuildWrapMap(), this._render(), (n = (i = this._config).onChange) == null || n.call(i, A(this._tab.doc)));
+  }
+  _toggleComment() {
+    var r, o;
+    L(this._tab, this._config.maxUndoHistory);
+    const e = this._getSelRows(), t = this._config.lineCommentToken || Re[this._config.language] || "";
+    if (!t) return;
+    const i = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = e.every((l) => (this._tab.doc[l] ?? "").trimStart().startsWith(t));
+    e.forEach((l) => {
+      var c;
+      const a = this._tab.doc[l] ?? "";
+      this._tab.doc[l] = n ? a.replace(new RegExp(`^(\\s*)${i}\\s?`), "$1") : a.replace(/^(\s*)/, `$1${t} `), this._tokenCache.invalidateLine(l, ((c = this._wm.segments[l]) == null ? void 0 : c.length) ?? 1);
+    }), this._tab.dirty = !0, this._rebuildWrapMap(), this._render(), (o = (r = this._config).onChange) == null || o.call(r, A(this._tab.doc));
+  }
+  _duplicateLine() {
+    var t, i;
+    L(this._tab, this._config.maxUndoHistory);
+    const e = this._tab.cur.row;
+    this._tab.doc.splice(e + 1, 0, this._tab.doc[e] ?? ""), this._tab.cur.row++, this._tokenCache.clear(), this._tab.dirty = !0, this._rebuildWrapMap(), this._render(), (i = (t = this._config).onChange) == null || i.call(t, A(this._tab.doc));
+  }
+  _deleteLine() {
+    var i, n;
+    L(this._tab, this._config.maxUndoHistory);
+    const { doc: e, cur: t } = this._tab;
+    e.length > 1 ? e.splice(t.row, 1) : (e[0] = "", t.col = 0), this._tokenCache.clear(), this._tab.dirty = !0, S(this._tab), this._rebuildWrapMap(), this._render(), (n = (i = this._config).onChange) == null || n.call(i, A(this._tab.doc));
+  }
+  _indentSel() {
+    var t, i;
+    if (!this._tab.sel) {
+      this._insertStr(J(this._config.tabSize), !1);
+      return;
+    }
+    L(this._tab, this._config.maxUndoHistory);
+    const e = J(this._config.tabSize);
+    this._getSelRows().forEach((n) => {
+      var r;
+      this._tab.doc[n] = e + (this._tab.doc[n] ?? ""), this._tokenCache.invalidateLine(n, ((r = this._wm.segments[n]) == null ? void 0 : r.length) ?? 1);
+    }), this._tab.dirty = !0, this._rebuildWrapMap(), this._render(), (i = (t = this._config).onChange) == null || i.call(t, A(this._tab.doc));
+  }
+  _unindentSel() {
+    var t, i;
+    L(this._tab, this._config.maxUndoHistory);
+    const e = this._config.tabSize;
+    this._getSelRows().forEach((n) => {
+      var o;
+      const r = this._tab.doc[n] ?? "";
+      r.startsWith(J(e)) ? this._tab.doc[n] = r.slice(e) : r.startsWith(" ") && (this._tab.doc[n] = r.slice(1)), this._tokenCache.invalidateLine(n, ((o = this._wm.segments[n]) == null ? void 0 : o.length) ?? 1);
+    }), this._tab.dirty = !0, this._rebuildWrapMap(), this._render(), (i = (t = this._config).onChange) == null || i.call(t, A(this._tab.doc));
+  }
+  _toggleWrap() {
+    this._config.wordWrap = !this._config.wordWrap, this._vpEl.classList.toggle("sl-wrap-mode", this._config.wordWrap);
+    const e = this._statusBar.querySelector(".sl-sb-wrap-btn");
+    e && (e.textContent = `⇥ Wrap: ${this._config.wordWrap ? "ON" : "OFF"}`, e.classList.toggle("sl-on", this._config.wordWrap)), this._tokenCache.clear(), this._rebuildWrapMap(), this._render();
+  }
+  _getSelRows() {
+    if (!this._tab.sel) return [this._tab.cur.row];
+    const e = $(this._tab.sel), t = [];
+    for (let i = e.ar; i <= e.fr; i++) t.push(i);
+    return t;
+  }
+  // ── Mouse position helper ─────────────────────────────────
+  _posFromMouse(e) {
+    var c;
+    const t = this._editorEl.getBoundingClientRect(), i = e.clientY - t.top + this._editorEl.scrollTop, n = this._config.showGutter ? this._config.gutterWidth : 0, r = e.clientX - t.left - n - 14, o = this._config.lineHeight, l = Math.max(0, Math.min(this._wm.visualRows.length - 1, Math.floor(i / o))), a = Math.max(0, Math.min(
+      (((c = this._wm.visualRows[l]) == null ? void 0 : c.text) ?? "").length,
+      Math.round(r / 7.82)
+    ));
+    return Y(this._wm, l, a);
+  }
+  // ── Find ──────────────────────────────────────────────────
+  _openFind(e) {
+    this._findBar.classList.add("sl-open"), this._replaceRow.style.display = e && this._config.findReplace ? "" : "none", this._findInput.focus(), this._findInput.select(), this._runFind(this._findInput.value), this._findMatches.length ? (this._findIdx = -1, this._navFind(1)) : this._render();
+  }
+  _closeFind() {
+    this._findBar.classList.remove("sl-open"), this._findMatches = [], this._findIdx = -1, this._findCount.textContent = "–", this._focusInput(), this._render();
+  }
+  _runFind(e) {
+    this._findMatches = wt(this._tab.doc, e, {
+      caseSensitive: this._findCaseSensitive,
+      useRegex: this._findRegex
+    });
+  }
+  _navFind(e) {
+    if (!this._findMatches.length) {
+      this._findCount.textContent = "0/0";
+      return;
+    }
+    this._findIdx = Tt(this._findMatches, this._findIdx, e);
+    const t = this._findMatches[this._findIdx];
+    this._tab.cur = { row: t.row, col: t.col }, this._tab.sel = { ar: t.row, ac: t.col, fr: t.row, fc: t.col + t.len }, this._scrollIntoView(), this._render(), this._findCount.textContent = `${this._findIdx + 1}/${this._findMatches.length}`;
+  }
+  // ── Autocomplete ──────────────────────────────────────────
+  _acVisible() {
+    return this._acPopup.style.display !== "none";
+  }
+  _acHide() {
+    this._acPopup.style.display = "none", this._acItems = [];
+  }
+  /**
+   * Schedule an autocomplete refresh after a brief debounce pause.
+   * Prevents the suggestion engine running on every single keystroke —
+   * only fires when the user pauses for `AC_DEBOUNCE_MS` milliseconds.
+   * Call `_acTriggerNow()` directly when an immediate refresh is required
+   * (e.g., on explicit Ctrl+Space or arrow-key navigation).
+   */
+  _acTrigger() {
+    if (!this._config.autocomplete) {
+      this._acHide();
+      return;
+    }
+    this._acDebounceTimer !== null && clearTimeout(this._acDebounceTimer), this._acDebounceTimer = setTimeout(() => {
+      this._acDebounceTimer = null, this._acTriggerNow();
+    }, 120);
+  }
+  /** Run an autocomplete refresh immediately (no debounce). */
+  _acTriggerNow() {
+    if (!this._config.autocomplete) {
+      this._acHide();
+      return;
+    }
+    const { cur: e, doc: t } = this._tab, i = t[e.row] ?? "", n = this._config.language === "css", { prefix: r, start: o } = It(i, e.col, n);
+    this._acPrefix = r, this._acStartCol = o;
+    const l = [];
+    if (this._config.emmet) {
+      const c = we(i, e.col);
+      if (c) {
+        const d = ve(c.abbr);
+        if (d) {
+          this._emmetAcStartCol = c.start;
+          const h = d.replace(/\n/g, "↵ ").slice(0, 60);
+          l.push({ label: c.abbr, kind: "emmet", detail: h, body: d });
+        }
+      }
+    }
+    const a = r.length >= this._config.autocompletePrefixLength ? Lt(t, r, {
+      language: this._config.language,
+      extraKeywords: this._config.extraKeywords,
+      extraTypes: this._config.extraTypes,
+      completions: this._allCompletions(),
+      replaceBuiltins: this._config.replaceBuiltins,
+      maxResults: this._config.maxCompletions,
+      provideCompletions: this._config.provideCompletions
+    }, e.row, e.col) : [];
+    if (this._acItems = [...l, ...a], !this._acItems.length) {
+      this._acHide();
+      return;
+    }
+    this._acSel = 0, this._renderAcPopup();
+  }
+  _renderAcPopup() {
+    const e = (a) => {
+      switch (a) {
+        case "kw":
+          return "K";
+        case "fn":
+          return "f";
+        case "typ":
+          return "T";
+        case "cls":
+          return "C";
+        case "snip":
+          return "S";
+        case "emmet":
+          return "E";
+        default:
+          return "·";
+      }
+    }, t = this._acItems[this._acSel];
+    let i = "";
+    t != null && t.description ? i = t.description : (t == null ? void 0 : t.kind) === "snip" && t.body ? i = t.body.replace(/\$\d/g, "▌") : (t == null ? void 0 : t.kind) === "emmet" && t.body && (i = t.body);
+    const n = this._acItems.map((a, c) => {
+      const d = c === this._acSel;
+      return `<div class="sl-ac-item${d ? " sl-sel" : ""}" data-i="${c}" role="option" aria-selected="${d}"><span class="sl-ac-badge ${a.kind}">${e(a.kind)}</span><span class="sl-ac-label">${a.label}</span><span class="sl-ac-detail">${a.detail ?? ""}</span></div>`;
+    }).join(""), r = i ? `<div class="sl-ac-desc"><pre class="sl-ac-desc-body">${i.replace(/</g, "&lt;")}</pre></div>` : "";
+    this._acPopup.innerHTML = `<div class="sl-ac-list">${n}</div>` + r, this._acPopup.style.display = "flex", this._posAcPopup();
+    const o = this._acPopup.querySelector(".sl-ac-list"), l = this._acPopup.querySelector(".sl-ac-item.sl-sel");
+    if (o && l) {
+      const a = l.offsetTop, c = a + l.offsetHeight;
+      c > o.scrollTop + o.clientHeight ? o.scrollTop = c - o.clientHeight : a < o.scrollTop && (o.scrollTop = a);
+    }
+    this._acPopup.querySelectorAll(".sl-ac-item").forEach((a) => {
+      a.addEventListener("mousedown", (c) => {
+        c.preventDefault(), this._acSel = parseInt(a.dataset.i ?? "0", 10), this._acAccept();
+      });
+    });
+  }
+  _posAcPopup() {
+    const e = this._editorEl.getBoundingClientRect(), t = F(this._wm, this._tab.cur.row, this._tab.cur.col), i = this._config.showGutter ? this._config.gutterWidth : 0, n = e.left + i + 14 + this._acStartCol * 7.82, r = e.top + (t.visRow * this._config.lineHeight - this._editorEl.scrollTop) + this._config.lineHeight + 2, l = !!this._acPopup.querySelector(".sl-ac-desc") ? 620 : 300, a = Math.min(this._acItems.length * 28 + 8, 320), c = r + a > window.innerHeight - 16;
+    this._acPopup.style.left = `${Math.min(n, window.innerWidth - l - 16)}px`, this._acPopup.style.top = `${c ? r - this._config.lineHeight - 2 - a : r}px`;
+  }
+  _acAccept() {
+    const e = this._acItems[this._acSel];
+    if (!e) return;
+    if (this._acHide(), e.kind === "emmet" && e.body) {
+      L(this._tab, this._config.maxUndoHistory), this._expandBodyAt(e.body, this._emmetAcStartCol);
+      return;
+    }
+    if (e.body) {
+      L(this._tab, this._config.maxUndoHistory), this._expandBodyAt(e.body, this._acStartCol);
+      return;
+    }
+    const t = e.label.slice(this._acPrefix.length);
+    this._insertStr(t, !1), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render();
+  }
+  // ── Emmet ─────────────────────────────────────────────────
+  _emmetCheck() {
+    if (this._emmetTip.style.display = "none", !this._config.emmet) {
+      this._emmetExpanded = null;
+      return;
+    }
+    const { cur: e, doc: t } = this._tab, i = t[e.row] ?? "", n = we(i, e.col);
+    if (!n) {
+      this._emmetExpanded = null;
+      return;
+    }
+    const r = ve(n.abbr);
+    if (!r) {
+      this._emmetExpanded = null;
+      return;
+    }
+    this._emmetExpanded = { abbr: n.abbr, result: r, start: n.start };
+  }
+  _emmetAccept() {
+    if (!this._emmetExpanded || this._emmetTip.style.display === "none") return !1;
+    const { abbr: e, result: t, start: i } = this._emmetExpanded;
+    return L(this._tab, this._config.maxUndoHistory), this._emmetExpanded = null, this._emmetTip.style.display = "none", this._expandBodyAt(t, i), !0;
+  }
+  // ── Snippets / Completions ────────────────────────────────
+  /** Returns built-in snippets for the current language merged with user completions.
+   *  When `replaceBuiltins` is true the language built-ins are suppressed so only
+   *  the caller-supplied completions (e.g. MDX_SNIPPETS) are active. */
+  _allCompletions() {
+    return [...this._config.replaceBuiltins ? [] : gt(this._config.language), ...this._config.completions];
+  }
+  _snippetCheck() {
+    if (this._snippetTip.style.display = "none", !this._config.snippetExpansion) {
+      this._snippetExpanded = null;
+      return;
+    }
+    const { cur: e, doc: t } = this._tab, i = t[e.row] ?? "", n = bt(i, e.col, this._allCompletions());
+    if (!n) {
+      this._snippetExpanded = null;
+      return;
+    }
+    this._snippetExpanded = { snippet: n.snippet, start: n.start };
+  }
+  _snippetAccept() {
+    if (!this._snippetExpanded || this._snippetTip.style.display === "none") return !1;
+    const { snippet: e, start: t } = this._snippetExpanded;
+    return e.body ? (L(this._tab, this._config.maxUndoHistory), this._snippetExpanded = null, this._snippetTip.style.display = "none", this._expandBodyAt(e.body, t), !0) : !1;
+  }
+  /**
+   * Expand a snippet/emmet body template at the current cursor position.
+   * `triggerStart` is the column where the trigger word begins.
+   * `cur.col` must be at the end of the trigger (emmet) or at `triggerStart`
+   * when the prefix was already stripped (snippet accepted from popup).
+   * Everything between `triggerStart` and `cur.col` is replaced by `body`.
+   */
+  _expandBodyAt(e, t) {
+    var u, T;
+    const { doc: i, cur: n } = this._tab, r = n.row, o = i[n.row] ?? "", l = o.slice(0, t), a = o.slice(n.col), c = _e(o), d = e.split(`
+`).map((m, w) => w === 0 ? m : c + m), h = d.join(`
+`), p = [], f = /\$(\d+)/g;
+    let _;
+    for (; (_ = f.exec(h)) !== null; ) {
+      const m = parseInt(_[1], 10), y = h.slice(0, _.index).split(`
+`), D = y.length - 1, R = y[D].length, C = (y[D].match(/\$\d+/g) ?? []).join("").length, U = r + D, P = (D === 0 ? t : c.length) + (R - C);
+      p.push({ n: m, row: U, col: P });
+    }
+    p.sort((m, w) => m.n === 0 ? 1 : w.n === 0 ? -1 : m.n - w.n);
+    const b = d.map((m) => m.replace(/\$\d+/g, "")), v = b.length === 1 ? [l + b[0] + a] : [l + b[0], ...b.slice(1, -1), b[b.length - 1] + a];
+    i.splice(n.row, 1, ...v), p.length > 0 ? (this._snippetSession = { stops: p.map((m) => ({ row: m.row, col: m.col })), idx: 0 }, n.row = p[0].row, n.col = p[0].col) : (this._snippetSession = null, n.row += v.length - 1, n.col = (v[v.length - 1] ?? "").length - a.length), this._tokenCache.clear(), this._tab.dirty = !0, this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), (T = (u = this._config).onChange) == null || T.call(u, A(this._tab.doc));
+  }
+  // ── Theme picker ──────────────────────────────────────────
+  _openThemePicker() {
+    var t;
+    const e = this._themeManager.all;
+    this._themePanel.innerHTML = `
+      <div class="sl-theme-header">
+        <div class="sl-theme-title">Color Theme</div>
+        <div class="sl-theme-close">✕</div>
+      </div>
+      <div class="sl-theme-list">
+        ${e.map((i) => `
+          <div class="sl-theme-item${i.id === this._themeManager.activeId ? " sl-active" : ""}" data-id="${i.id}">
+            <div class="sl-theme-swatch">
+              ${i.tokens.bg0 ? `<span style="background:${i.tokens.bg0}"></span>` : ""}
+              <span style="background:${i.tokens.accent}"></span>
+              <span style="background:${i.tokens.tokStr}"></span>
+              <span style="background:${i.tokens.tokFn}"></span>
+            </div>
+            <div>
+              <div class="sl-theme-name">${i.name}<span class="sl-theme-tag${i.light ? " sl-light" : ""}">${i.light ? "Light" : "Dark"}</span></div>
+              <div class="sl-theme-desc">${i.description}</div>
+            </div>
+            <div class="sl-theme-check">✓</div>
+          </div>
+        `).join("")}
+      </div>
+    `, this._themeOverlay.style.display = "block", (t = this._themePanel.querySelector(".sl-theme-close")) == null || t.addEventListener("click", () => {
+      this._themeOverlay.style.display = "none";
+    }), this._themeOverlay.addEventListener("click", (i) => {
+      i.target === this._themeOverlay && (this._themeOverlay.style.display = "none");
+    }, { once: !0 }), this._themePanel.querySelectorAll(".sl-theme-item").forEach((i) => {
+      i.addEventListener("click", () => {
+        const n = i.dataset.id ?? "";
+        this.setTheme(n), this._themePanel.querySelectorAll(".sl-theme-item").forEach((r) => r.classList.remove("sl-active")), i.classList.add("sl-active");
+      });
+    });
+  }
+  // ── Event binding ─────────────────────────────────────────
+  _bindEditorEvents() {
+    this._vpEl.addEventListener("mousedown", this._onFoldBtnClick), this._editorEl.addEventListener("mousedown", (e) => {
+      if (e.button !== 0) return;
+      e.preventDefault(), this._focusInput(), this._acHide(), this._snippetSession = null, this._emmetTip.style.display = "none", e.altKey || (xe(this._mc), this._extraCursors = []);
+      const t = this._posFromMouse(e);
+      if (this._tab.cur = { ...t }, e.detail === 3)
+        this._tab.sel = { ar: t.row, ac: 0, fr: t.row, fc: (this._tab.doc[t.row] ?? "").length }, this._tab.cur.col = this._tab.sel.fc;
+      else if (e.detail === 2 && this._config.wordSelection) {
+        const i = this._tab.doc[t.row] ?? "", n = le(i, t.col, this._isWordChar.bind(this)), r = ce(i, t.col, this._isWordChar.bind(this));
+        n !== r ? (this._tab.sel = { ar: t.row, ac: n, fr: t.row, fc: r }, this._tab.cur.col = r) : this._tab.sel = null;
+      } else {
+        if (e.altKey && this._config.multiCursor) {
+          ke(this._mc, t.row, t.col, null), this._extraCursors = [...this._mc.cursors], this._render();
+          return;
+        }
+        this._tab.sel = null, this._isDragging = !0, this._dragAnchor = { ...t };
+      }
+      S(this._tab), this._render();
+    }), this._editorEl.addEventListener("mousemove", (e) => {
+      if (this._config.hover && !this._hoverPinned && !this._isDragging && this._scheduleHover(e), !this._isDragging || !this._dragAnchor) return;
+      const t = this._posFromMouse(e);
+      this._tab.cur = { ...t }, t.row !== this._dragAnchor.row || t.col !== this._dragAnchor.col ? this._tab.sel = { ar: this._dragAnchor.row, ac: this._dragAnchor.col, fr: t.row, fc: t.col } : this._tab.sel = null, S(this._tab), this._render();
+    }), this._editorEl.addEventListener("mouseleave", () => {
+      this._hoverPinned || this._hideHover();
+    }), window.addEventListener("mouseup", this._onWinMouseUp), this._editorEl.addEventListener("scroll", this._onEditorScroll, { passive: !0 }), window.addEventListener("resize", this._onWinResize), this._inputEl.addEventListener("keydown", (e) => this._onKeyDown(e)), this._inputEl.addEventListener("input", (e) => this._onInput(e)), this._inputEl.addEventListener("paste", (e) => {
+      var i;
+      if (e.preventDefault(), this._config.readOnly) return;
+      const t = (i = e.clipboardData ?? window.clipboardData) == null ? void 0 : i.getData("text/plain");
+      t && (this._insertStr(t, !1), this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render());
+    }), this._editorEl.addEventListener("mousedown", () => setTimeout(() => this._focusInput(), 0)), this._inputEl.addEventListener("focus", () => {
+      var e, t;
+      return (t = (e = this._config).onFocus) == null ? void 0 : t.call(e);
+    }), this._inputEl.addEventListener("blur", () => {
+      var e, t;
+      return (t = (e = this._config).onBlur) == null ? void 0 : t.call(e);
+    });
+  }
+  _onKeyDown(e) {
+    var o, l, a, c, d, h, p, f, _;
+    const t = e.ctrlKey || e.metaKey, i = e.shiftKey, n = e.altKey, r = this._config.readOnly;
+    if (this._hideHover(), this._acVisible()) {
+      if (e.key === "ArrowDown") {
+        e.preventDefault(), this._acSel = Math.min(this._acItems.length - 1, this._acSel + 1), this._renderAcPopup();
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault(), this._acSel = Math.max(0, this._acSel - 1), this._renderAcPopup();
+        return;
+      }
+      if (e.key === "Tab" || e.key === "Enter") {
+        e.preventDefault(), this._acAccept();
+        return;
+      }
+      if (e.key === "Escape") {
+        this._acHide();
+        return;
+      }
+    }
+    if (n && (e.key === "z" || e.key === "Z" || e.key === "Ω")) {
+      e.preventDefault(), this._toggleWrap();
+      return;
+    }
+    if (t && e.key === "z" && !i) {
+      e.preventDefault(), r || this.undo();
+      return;
+    }
+    if (t && (e.key === "y" || i && e.key === "z")) {
+      e.preventDefault(), r || this.redo();
+      return;
+    }
+    if (t && e.key === "a") {
+      e.preventDefault(), this._selectAll();
+      return;
+    }
+    if (t && e.key === "c") {
+      e.preventDefault(), this._doCopy();
+      return;
+    }
+    if (t && e.key === "x") {
+      e.preventDefault(), r || this._doCut();
+      return;
+    }
+    if (t && e.key === "f") {
+      e.preventDefault(), this._config.find && this._openFind(!1);
+      return;
+    }
+    if (t && e.key === "h") {
+      e.preventDefault(), this._config.find && this._config.findReplace && this._openFind(!0);
+      return;
+    }
+    if (t && e.key === "g") {
+      e.preventDefault(), this._config.goToLine && this._openGoToLine();
+      return;
+    }
+    if (t && e.key === "d") {
+      e.preventDefault(), !r && this._config.multiCursor && this._ctrlD();
+      return;
+    }
+    if (t && i && e.key === "d") {
+      e.preventDefault(), r || this._duplicateLine();
+      return;
+    }
+    if (t && e.key === "/") {
+      e.preventDefault(), r || this._toggleComment();
+      return;
+    }
+    if (t && e.key === "k") {
+      e.preventDefault(), r || this._deleteLine();
+      return;
+    }
+    if (e.key === "Escape") {
+      this._tab.sel = null, this._acHide(), this._closeFind(), this._closeGoToLine(), this._emmetTip.style.display = "none", this._snippetTip.style.display = "none", this._snippetExpanded = null, this._snippetSession = null, xe(this._mc), this._extraCursors = [], this._mc.searchWord = "", this._render();
+      return;
+    }
+    if (r) {
+      this._handleArrowKeys(e, t, i);
+      return;
+    }
+    if (e.key === "Tab") {
+      if (e.preventDefault(), this._snippetSession) {
+        if (i) {
+          if (this._snippetSession.idx > 0) {
+            this._snippetSession.idx--;
+            const b = this._snippetSession.stops[this._snippetSession.idx];
+            this._tab.cur.row = b.row, this._tab.cur.col = b.col, this._tab.sel = null, S(this._tab), this._scrollIntoView(), this._render();
+          }
+        } else if (this._snippetSession.idx++, this._snippetSession.idx >= this._snippetSession.stops.length)
+          this._snippetSession = null;
+        else {
+          const b = this._snippetSession.stops[this._snippetSession.idx];
+          this._tab.cur.row = b.row, this._tab.cur.col = b.col, this._tab.sel = null, S(this._tab), this._scrollIntoView(), this._render();
+        }
+        return;
+      }
+      if (!i && this._emmetAccept() || !i && this._snippetAccept()) return;
+      i ? this._unindentSel() : this._indentSel(), S(this._tab), this._scrollIntoView(), this._rebuildWrapMap(), this._render();
+      return;
+    }
+    if (e.key === "Backspace") {
+      if (e.preventDefault(), this._extraCursors.length) {
+        this._snippetSession = null;
+        const b = yt(
+          this._tab.doc,
+          this._tab.cur.row,
+          this._tab.cur.col,
+          this._extraCursors
+        );
+        this._tab.doc = b.doc, this._tab.cur.row = b.primaryRow, this._tab.cur.col = b.primaryCol, this._extraCursors = b.extraCursors, this._mc.cursors = b.extraCursors;
+      } else {
+        if (this._snippetSession) {
+          const b = this._snippetSession.stops[this._snippetSession.idx];
+          if (this._tab.cur.row === b.row && this._tab.cur.col > b.col) {
+            for (let v = this._snippetSession.idx + 1; v < this._snippetSession.stops.length; v++) {
+              const u = this._snippetSession.stops[v];
+              u.row === b.row && u.col >= this._tab.cur.col && u.col--;
+            }
+            b.col--;
+          } else
+            this._snippetSession = null;
+        }
+        this._doBackspace();
+      }
+      this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), this._acTrigger(), this._emmetCheck(), this._snippetCheck(), (l = (o = this._config).onChange) == null || l.call(o, A(this._tab.doc));
+      return;
+    }
+    if (e.key === "Delete") {
+      e.preventDefault(), this._snippetSession = null, this._doDelete(), this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), (c = (a = this._config).onChange) == null || c.call(a, A(this._tab.doc));
+      return;
+    }
+    if (e.key === "Enter") {
+      e.preventDefault(), this._snippetSession = null, this._doEnter(), this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), (h = (d = this._config).onChange) == null || h.call(d, A(this._tab.doc));
+      return;
+    }
+    if (!t && !n && this._config.autoClosePairs[e.key]) {
+      e.preventDefault(), L(this._tab, this._config.maxUndoHistory), this._tab.sel && (this._tab.cur = G(this._tab));
+      const { doc: b, cur: v } = this._tab, u = b[v.row] ?? "";
+      b[v.row] = u.slice(0, v.col) + e.key + this._config.autoClosePairs[e.key] + u.slice(v.col), v.col++, this._tokenCache.invalidateLine(v.row, ((p = this._wm.segments[v.row]) == null ? void 0 : p.length) ?? 1), this._tab.dirty = !0, this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), (_ = (f = this._config).onChange) == null || _.call(f, A(this._tab.doc));
+      return;
+    }
+    if (!t && !n && Object.values(this._config.autoClosePairs).includes(e.key)) {
+      const { doc: b, cur: v } = this._tab;
+      if ((b[v.row] ?? "")[v.col] === e.key) {
+        e.preventDefault(), v.col++, S(this._tab), this._scrollIntoView(), this._render();
+        return;
+      }
+    }
+    if (i && n && !t && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+      e.preventDefault(), this._duplicateLines(e.key === "ArrowDown");
+      return;
+    }
+    if (n && !t && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+      e.preventDefault(), this._moveLines(e.key === "ArrowUp");
+      return;
+    }
+    this._handleArrowKeys(e, t, i);
+  }
+  _handleArrowKeys(e, t, i) {
+    var f, _, b, v, u, T;
+    const { doc: n, cur: r } = this._tab, o = this._config.lineHeight, l = e.metaKey, a = e.ctrlKey, c = e.altKey, d = (m, w) => {
+      if (i) {
+        this._tab.sel || (this._tab.sel = { ar: r.row, ac: r.col, fr: r.row, fc: r.col }), r.row = m, r.col = w;
+        const y = this._tab.sel;
+        y.fr = m, y.fc = w, y.ar === y.fr && y.ac === y.fc && (this._tab.sel = null);
+      } else
+        this._tab.sel = null, r.row = m, r.col = w;
+    }, h = (m) => {
+      const y = (n[m] ?? "").search(/\S/);
+      return y === -1 || r.col === y ? 0 : y;
+    }, p = () => ({ row: n.length - 1, col: (n[n.length - 1] ?? "").length });
+    switch (e.key) {
+      case "ArrowRight":
+        if (e.preventDefault(), this._tab.sel && !i) {
+          const m = $(this._tab.sel);
+          r.row = m.fr, r.col = m.fc, this._tab.sel = null;
+          break;
+        }
+        if (l)
+          d(r.row, (n[r.row] ?? "").length);
+        else if (a || c) {
+          const m = n[r.row] ?? "";
+          if (r.col >= m.length)
+            r.row < n.length - 1 && d(r.row + 1, 0);
+          else {
+            const w = this._wordSkipRight(m, r.col);
+            d(r.row, w);
+          }
+        } else r.col < (n[r.row] ?? "").length ? d(r.row, r.col + 1) : r.row < n.length - 1 && d(r.row + 1, 0);
+        break;
+      case "ArrowLeft":
+        if (e.preventDefault(), this._tab.sel && !i) {
+          const m = $(this._tab.sel);
+          r.row = m.ar, r.col = m.ac, this._tab.sel = null;
+          break;
+        }
+        if (l)
+          d(r.row, h(r.row));
+        else if (a || c)
+          if (r.col === 0)
+            r.row > 0 && d(r.row - 1, (n[r.row - 1] ?? "").length);
+          else {
+            const m = this._wordSkipLeft(n[r.row] ?? "", r.col);
+            d(r.row, m);
+          }
+        else r.col > 0 ? d(r.row, r.col - 1) : r.row > 0 && d(r.row - 1, (n[r.row - 1] ?? "").length);
+        break;
+      case "ArrowDown":
+        if (e.preventDefault(), l) {
+          const m = p();
+          d(m.row, m.col);
+        } else if (this._config.wordWrap) {
+          const m = F(this._wm, r.row, r.col), w = Math.min(this._wm.visualRows.length - 1, m.visRow + 1), y = Y(this._wm, w, Math.min(m.colInSeg, (((f = this._wm.visualRows[w]) == null ? void 0 : f.text) ?? "").length));
+          d(y.row, y.col);
+        } else {
+          const m = Math.min(n.length - 1, r.row + 1);
+          d(m, Math.min(r.col, (n[m] ?? "").length));
+        }
+        break;
+      case "ArrowUp":
+        if (e.preventDefault(), l)
+          d(0, 0);
+        else if (this._config.wordWrap) {
+          const m = F(this._wm, r.row, r.col), w = Math.max(0, m.visRow - 1), y = Y(this._wm, w, Math.min(m.colInSeg, (((_ = this._wm.visualRows[w]) == null ? void 0 : _.text) ?? "").length));
+          d(y.row, y.col);
+        } else {
+          const m = Math.max(0, r.row - 1);
+          d(m, Math.min(r.col, (n[m] ?? "").length));
+        }
+        break;
+      case "Home":
+        e.preventDefault(), a ? d(0, 0) : d(r.row, h(r.row));
+        break;
+      case "End":
+        if (e.preventDefault(), a) {
+          const m = p();
+          d(m.row, m.col);
+        } else
+          d(r.row, (n[r.row] ?? "").length);
+        break;
+      case "PageDown":
+        e.preventDefault();
+        {
+          const m = Math.max(1, Math.floor(this._editorEl.clientHeight / o) - 1), w = Math.min(n.length - 1, r.row + m);
+          d(w, Math.min(r.col, (n[w] ?? "").length)), this._editorEl.scrollTop += this._editorEl.clientHeight - o;
+          break;
+        }
+      case "PageUp":
+        e.preventDefault();
+        {
+          const m = Math.max(1, Math.floor(this._editorEl.clientHeight / o) - 1), w = Math.max(0, r.row - m);
+          d(w, Math.min(r.col, (n[w] ?? "").length)), this._editorEl.scrollTop -= this._editorEl.clientHeight - o;
+          break;
+        }
+      default:
+        return;
+    }
+    S(this._tab), this._scrollIntoView(), this._acHide(), (v = (b = this._config).onCursorChange) == null || v.call(b, { ...this._tab.cur }), (T = (u = this._config).onSelectionChange) == null || T.call(u, this._tab.sel ? { ...this._tab.sel } : null), this._render();
+  }
+  _isWordChar(e) {
+    const t = this._config.wordSeparators;
+    return t ? e.trim() !== "" && !t.includes(e) : /[\w$]/.test(e);
+  }
+  _wordSkipRight(e, t) {
+    let i = t;
+    const n = e.length;
+    for (; i < n && /\s/.test(e[i]); ) i++;
+    if (i >= n) return i;
+    if (/\w/.test(e[i]))
+      for (; i < n && /\w/.test(e[i]); ) i++;
+    else
+      for (; i < n && /[^\w\s]/.test(e[i]); ) i++;
+    return i;
+  }
+  _wordSkipLeft(e, t) {
+    let i = t;
+    for (; i > 0 && /\s/.test(e[i - 1]); ) i--;
+    if (i <= 0) return i;
+    if (/\w/.test(e[i - 1]))
+      for (; i > 0 && /\w/.test(e[i - 1]); ) i--;
+    else
+      for (; i > 0 && /[^\w\s]/.test(e[i - 1]); ) i--;
+    return i;
+  }
+  // ── Move lines ────────────────────────────────────────────
+  _duplicateLines(e) {
+    var a, c, d, h;
+    const { doc: t, cur: i } = this._tab, n = this._tab.sel;
+    let r = i.row, o = i.row;
+    if (n) {
+      const p = $(n);
+      r = p.ar, o = p.fr, p.fc === 0 && p.fr > p.ar && o--;
+    }
+    L(this._tab, this._config.maxUndoHistory);
+    const l = t.slice(r, o + 1);
+    e ? (t.splice(o + 1, 0, ...l), i.row += l.length, n && (n.ar += l.length, n.fr += l.length)) : t.splice(r, 0, ...l), this._tab.dirty = !0, this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), (c = (a = this._config).onChange) == null || c.call(a, A(this._tab.doc)), (h = (d = this._config).onCursorChange) == null || h.call(d, { ...this._tab.cur });
+  }
+  _moveLines(e) {
+    var l, a, c, d;
+    const { doc: t, cur: i } = this._tab, n = this._tab.sel;
+    let r = i.row, o = i.row;
+    if (n) {
+      const h = $(n);
+      r = h.ar, o = h.fr, h.fc === 0 && h.fr > h.ar && o--;
+    }
+    if (e) {
+      if (r === 0) return;
+      L(this._tab, this._config.maxUndoHistory);
+      const h = t.splice(r, o - r + 1);
+      t.splice(r - 1, 0, ...h), i.row--, n && (n.ar--, n.fr--);
+    } else {
+      if (o >= t.length - 1) return;
+      L(this._tab, this._config.maxUndoHistory);
+      const h = t.splice(r, o - r + 1);
+      t.splice(r + 1, 0, ...h), i.row++, n && (n.ar++, n.fr++);
+    }
+    this._tab.dirty = !0, this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), (a = (l = this._config).onChange) == null || a.call(l, A(this._tab.doc)), (d = (c = this._config).onCursorChange) == null || d.call(c, { ...this._tab.cur });
+  }
+  // ── Hover documentation ────────────────────────────────────
+  _scheduleHover(e) {
+    this._hoverTip.style.display !== "none" && (this._hoverTip.style.display = "none"), this._hoverTimer !== null && (clearTimeout(this._hoverTimer), this._hoverTimer = null);
+    const { clientX: t, clientY: i } = e;
+    this._hoverTimer = setTimeout(() => {
+      this._hoverTimer = null, this._doHover(t, i);
+    }, 500);
+  }
+  _doHover(e, t) {
+    var _, b, v;
+    if (!this._config.hover) return;
+    const i = this._editorEl.getBoundingClientRect(), n = t - i.top + this._editorEl.scrollTop, r = this._config.showGutter ? this._config.gutterWidth : 0, o = e - i.left - r - 14, l = this._config.lineHeight, a = Math.max(0, Math.min(this._wm.visualRows.length - 1, Math.floor(n / l))), c = Math.max(0, Math.min(
+      (((_ = this._wm.visualRows[a]) == null ? void 0 : _.text) ?? "").length,
+      Math.round(o / 7.82)
+    )), d = Y(this._wm, a, c), h = this._tab.doc[d.row] ?? "", p = At(h, d.col);
+    if (!p) return;
+    let f = Ht(p, this._config.language);
+    if (!f) {
+      const u = this._config.completions.find((T) => T.label === p);
+      u && (u.description || u.detail) && (f = {
+        title: u.label,
+        type: u.detail,
+        body: u.description ?? ""
+      });
+    }
+    if (!f) {
+      const u = (v = (b = this._config).provideHover) == null ? void 0 : v.call(b, {
+        word: p,
+        row: d.row,
+        col: d.col,
+        line: h,
+        language: this._config.language,
+        doc: this._tab.doc
+      });
+      u && (f = u);
+    }
+    f && this._showHoverTip(f, e, t);
+  }
+  _showHoverTip(e, t, i) {
+    const n = this._hoverTip;
+    let r = '<div class="sl-ht-sig">';
+    r += `<span class="sl-ht-title">${V(e.title)}</span>`, e.type && (r += `<code class="sl-ht-type">${V(e.type)}</code>`), r += "</div>", e.title && e.body && (r += '<div class="sl-ht-divider"></div>'), e.body && (r += `<div class="sl-ht-body">${V(e.body)}</div>`), n.innerHTML = r, n.style.display = "block";
+    const o = 12, l = 18, a = n.offsetWidth || 300, c = n.offsetHeight || 80;
+    let d = t, h = i + l;
+    h + c > window.innerHeight - o && (h = i - c - 8), d + a > window.innerWidth - o && (d = window.innerWidth - a - o), d < o && (d = o), n.style.left = `${d}px`, n.style.top = `${Math.max(o, h)}px`;
+  }
+  _hideHover() {
+    this._hoverTimer !== null && (clearTimeout(this._hoverTimer), this._hoverTimer = null), this._hoverPinned = !1, this._hoverTip.style.display = "none";
+  }
+  _onInput(e) {
+    var r, o, l, a;
+    if (this._config.readOnly) {
+      e.target.value = "";
+      return;
+    }
+    const t = e.target, i = t.value;
+    if (t.value = "", !i || i === "Ω") return;
+    const n = i.replace(/[\x00-\x08\x0a-\x1f\x7f]/g, "");
+    if (n) {
+      if (this._extraCursors.length) {
+        this._snippetSession = null;
+        const c = _t(
+          this._tab.doc,
+          this._tab.cur.row,
+          this._tab.cur.col,
+          this._extraCursors,
+          n
+        );
+        this._tab.doc = c.doc, this._tab.cur.row = c.primaryRow, this._tab.cur.col = c.primaryCol, this._extraCursors = c.extraCursors, this._mc.cursors = c.extraCursors, this._tab.dirty = !0, (o = (r = this._config).onChange) == null || o.call(r, A(this._tab.doc));
+      } else {
+        const c = this._tab.cur.row, d = this._tab.cur.col;
+        if (this._insertStr(n, !0), this._snippetSession) {
+          const h = this._snippetSession, p = h.stops[h.idx];
+          if (this._tab.cur.row === p.row) {
+            const f = this._tab.cur.col - d;
+            for (let _ = h.idx + 1; _ < h.stops.length; _++) {
+              const b = h.stops[_];
+              b.row === c && b.col >= d && (b.col += f);
+            }
+            p.col = this._tab.cur.col;
+          } else
+            this._snippetSession = null;
+        }
+      }
+      this._tokenCache.clear(), this._rebuildWrapMap(), S(this._tab), this._scrollIntoView(), this._render(), this._acTrigger(), this._emmetCheck(), this._snippetCheck(), (a = (l = this._config).onCursorChange) == null || a.call(l, { ...this._tab.cur });
+    }
+  }
+  _ctrlD() {
+    if (!this._config.multiCursor) return;
+    const e = vt(
+      this._mc,
+      this._tab.doc,
+      this._tab.cur.row,
+      this._tab.cur.col,
+      this._tab.sel
+    );
+    e && (!this._mc.cursors.length || e.word !== this._mc.searchWord ? (this._tab.sel = e.sel, this._tab.cur.col = e.col) : (ke(this._mc, e.row, e.col, e.sel), this._extraCursors = [...this._mc.cursors]), this._mc.searchWord = e.word, this._mc.lastMatchRow = e.row, this._mc.lastMatchCol = e.col, this._scrollIntoView(), this._render());
+  }
+  // ── Find event binding ────────────────────────────────────
+  _bindFindEvents() {
+    var e, t, i, n, r, o, l;
+    this._findInput.addEventListener("input", () => {
+      this._runFind(this._findInput.value), this._findIdx = -1, this._findMatches.length ? this._navFind(1) : (this._findCount.textContent = "0/0", this._render());
+    }), this._findInput.addEventListener("keydown", (a) => {
+      a.key === "Enter" ? a.shiftKey ? this._navFind(-1) : this._navFind(1) : a.key === "Escape" && this._closeFind(), a.stopPropagation();
+    }), this._replaceInput.addEventListener("keydown", (a) => {
+      a.key === "Enter" ? this._doReplaceOne() : a.key === "Escape" && this._closeFind(), a.stopPropagation();
+    }), (e = this._findBar.querySelector(".sl-find-prev")) == null || e.addEventListener("click", () => this._navFind(-1)), (t = this._findBar.querySelector(".sl-find-next")) == null || t.addEventListener("click", () => this._navFind(1)), (i = this._findBar.querySelector(".sl-find-close")) == null || i.addEventListener("click", () => this._closeFind()), (n = this._findBar.querySelector(".sl-find-case")) == null || n.addEventListener("click", (a) => {
+      this._findCaseSensitive = !this._findCaseSensitive, a.target.classList.toggle("sl-active", this._findCaseSensitive), this._runFind(this._findInput.value), this._findIdx = -1, this._findMatches.length ? this._navFind(1) : (this._findCount.textContent = "0/0", this._render());
+    }), (r = this._findBar.querySelector(".sl-find-regex")) == null || r.addEventListener("click", (a) => {
+      this._findRegex = !this._findRegex, a.target.classList.toggle("sl-active", this._findRegex), this._runFind(this._findInput.value), this._findIdx = -1, this._findMatches.length ? this._navFind(1) : (this._findCount.textContent = "0/0", this._render());
+    }), (o = this._findBar.querySelector(".sl-replace-one")) == null || o.addEventListener("click", () => this._doReplaceOne()), (l = this._findBar.querySelector(".sl-replace-all")) == null || l.addEventListener("click", () => this._doReplaceAll());
+  }
+  _doReplaceOne() {
+    var e, t;
+    this._findIdx < 0 || !this._findMatches.length || (L(this._tab, this._config.maxUndoHistory), this._tab.doc = kt(this._tab.doc, this._findMatches, this._findIdx, this._replaceInput.value), this._tokenCache.clear(), this._tab.dirty = !0, this._runFind(this._findInput.value), this._findMatches.length ? (this._findIdx >= this._findMatches.length && (this._findIdx = 0), this._navFind(0)) : (this._findCount.textContent = "0/0", this._rebuildWrapMap(), this._render()), (t = (e = this._config).onChange) == null || t.call(e, A(this._tab.doc)));
+  }
+  _doReplaceAll() {
+    var t, i;
+    if (!this._findMatches.length) return;
+    const e = this._findMatches.length;
+    L(this._tab, this._config.maxUndoHistory), this._tab.doc = xt(this._tab.doc, this._findMatches, this._replaceInput.value), this._tokenCache.clear(), this._tab.dirty = !0, this._findMatches = [], this._findIdx = -1, this._findCount.textContent = `0/0 (${e} replaced)`, this._rebuildWrapMap(), this._render(), (i = (t = this._config).onChange) == null || i.call(t, A(this._tab.doc));
+  }
+  // ── Minimap events ────────────────────────────────────────
+  _bindMinimapEvents() {
+    const e = this._minimapWrap;
+    e.addEventListener("mousemove", (t) => {
+      if (this._mmDragMode !== "none") return;
+      const i = t.clientY - e.getBoundingClientRect().top, { sliderTop: n, sliderHeight: r } = ie(
+        this._tab.doc.length,
+        this._editorEl.scrollTop,
+        this._editorEl.clientHeight,
+        e.clientHeight,
+        this._config.lineHeight
+      );
+      e.style.cursor = i >= n && i <= n + r ? "grab" : "pointer";
+    }), e.addEventListener("mousedown", (t) => {
+      t.preventDefault();
+      const i = e.clientHeight, n = t.clientY - e.getBoundingClientRect().top, { sliderTop: r, sliderHeight: o } = ie(
+        this._tab.doc.length,
+        this._editorEl.scrollTop,
+        this._editorEl.clientHeight,
+        i,
+        this._config.lineHeight
+      );
+      if (n >= r && n <= r + o)
+        this._mmDragMode = "slider", this._mmSliderOffset = n - r, this._mmDragStartY = t.clientY, this._mmDragStartScroll = this._editorEl.scrollTop, e.style.cursor = "grabbing";
+      else {
+        this._mmDragMode = "jump";
+        const l = Nt(
+          n,
+          this._tab.doc.length,
+          this._editorEl.scrollTop,
+          this._editorEl.clientHeight,
+          i,
+          this._config.lineHeight
+        );
+        this._editorEl.scrollTop = l, this._mmDragStartY = t.clientY, this._mmDragStartScroll = l, this._render();
+      }
+    }), window.addEventListener("mousemove", this._onWinMmMouseMove), window.addEventListener("mouseup", this._onWinMmMouseUp);
+  }
+}
+function zt(s, e) {
+  return new Ut(s, e);
+}
+export {
+  tt as BUILT_IN_THEMES,
+  Ut as SynclineEditor,
+  Je as THEME_DRACULA,
+  Xe as THEME_GITHUB_LIGHT,
+  Qe as THEME_MDX_DARK,
+  et as THEME_MDX_LIGHT,
+  Ye as THEME_MONOKAI,
+  Ze as THEME_SOLARIZED_LIGHT,
+  Ke as THEME_VR_DARK,
+  Ve as THEME_VSCODE_DARK,
+  zt as createEditor
+};
+//# sourceMappingURL=syncline-editor.es.js.map