@synclineapi/editor 2.0.0

package/dist/syncline-editor.es.js

@@ -0,0 +1,4466 @@
+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 u = (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"]), he = /* @__PURE__ */ new Set(), ae = /* @__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(), pe = /* @__PURE__ */ new Set(), Ee = {
+  typescript: se,
+  javascript: Be,
+  css: je,
+  json: Pe,
+  markdown: he,
+  text: he
+}, Se = {
+  typescript: ae,
+  javascript: $e,
+  css: We,
+  json: Ne,
+  markdown: pe,
+  text: pe
+};
+function ue(s, e) {
+  return {
+    fileId: s,
+    doc: [...e],
+    cur: { row: 0, col: 0 },
+    sel: null,
+    dirty: !1,
+    undoStack: [],
+    redoStack: [],
+    scrollTop: 0
+  };
+}
+function E(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 A(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 P(s) {
+  const { ar: e, ac: t, fr: i, fc: r } = s;
+  return e < i || e === i && t <= r ? s : { ar: i, ac: r, fr: e, fc: t };
+}
+function fe(s, e, t) {
+  if (!s) return null;
+  const i = P(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 = P(s.sel);
+  let t = 0;
+  for (let i = e.ar; i <= e.fr; i++) {
+    const r = s.doc[i] ?? "", n = i === e.ar ? e.ac : 0, a = i === e.fr ? e.fc : r.length;
+    t += a - n;
+  }
+  return t;
+}
+function ge(s) {
+  if (!s.sel) return "";
+  const e = P(s.sel), t = [];
+  for (let i = e.ar; i <= e.fr; i++) {
+    const r = s.doc[i] ?? "";
+    t.push(r.slice(i === e.ar ? e.ac : 0, i === e.fr ? e.fc : r.length));
+  }
+  return t.join(`
+`);
+}
+function O(s) {
+  const e = s.sel;
+  if (!e) return s.cur;
+  const t = P(e), i = (s.doc[t.ar] ?? "").slice(0, t.ac), r = (s.doc[t.fr] ?? "").slice(t.fc);
+  return s.doc.splice(t.ar, t.fr - t.ar + 1, i + r), s.sel = null, { row: t.ar, col: t.ac };
+}
+function ze(s, e, t) {
+  if (!t || s.length <= e) return [s];
+  const i = [];
+  let r = 0;
+  for (; r < s.length; ) {
+    if (s.length - r <= e) {
+      i.push(s.slice(r));
+      break;
+    }
+    const n = r + e;
+    let a = -1;
+    for (let l = n; l > r; l--)
+      if (s[l - 1] === " ") {
+        a = l;
+        break;
+      }
+    a === -1 ? (i.push(s.slice(r, n)), r = n) : (i.push(s.slice(r, a)), r = a);
+  }
+  return i;
+}
+function Ge(s, e, t, i) {
+  const r = [], n = [], a = [];
+  let l = -1;
+  for (let o = 0; o < s.length; o++) {
+    if (o > 0 && o <= l) {
+      a.push(n.length), r.push([s[o] ?? ""]);
+      continue;
+    }
+    a.push(n.length);
+    const c = ze(s[o] ?? "", e, t);
+    r.push(c), c.forEach((d, p) => n.push({ docLine: o, segIdx: p, text: d })), i.has(o) && (l = i.get(o));
+  }
+  return { segments: r, visualRows: n, docToVisArr: a };
+}
+function F(s, e, t) {
+  const i = s.segments[e] ?? [""];
+  let r = t;
+  for (let n = 0; n < i.length; n++) {
+    if (r <= i[n].length || n === i.length - 1)
+      return {
+        visRow: s.docToVisArr[e] + n,
+        colInSeg: Math.min(r, i[n].length)
+      };
+    r -= i[n].length;
+  }
+  return { visRow: s.docToVisArr[e] ?? 0, colInSeg: 0 };
+}
+function Y(s, e, t) {
+  var a;
+  const i = s.visualRows[e];
+  if (!i) return { row: 0, col: 0 };
+  const r = s.segments[i.docLine] ?? [""];
+  let n = Math.min(t, ((a = r[i.segIdx]) == null ? void 0 : a.length) ?? 0);
+  for (let l = 0; l < i.segIdx; l++) n += r[l].length;
+  return { row: i.docLine, col: n };
+}
+function oe(s, e = {}) {
+  var d, p;
+  const t = [], i = s.length;
+  let r = 0;
+  const n = (h, g, y) => {
+    y > g && t.push({ cls: h, start: g, end: y });
+  }, a = Ee[e.language ?? "typescript"] ?? se, l = Se[e.language ?? "typescript"] ?? ae, o = (d = e.extraKeywords) != null && d.size ? /* @__PURE__ */ new Set([...a, ...e.extraKeywords]) : a, c = (p = e.extraTypes) != null && p.size ? /* @__PURE__ */ new Set([...l, ...e.extraTypes]) : l;
+  for (; r < i; ) {
+    if (s[r] === "/" && s[r + 1] === "/") {
+      n("cmt", r, i);
+      break;
+    }
+    if (s[r] === "*" || s[r] === "/" && s[r + 1] === "*") {
+      n("cmt", r, i);
+      break;
+    }
+    if (s[r] === "@") {
+      let h = r + 1;
+      for (; h < i && /\w/.test(s[h]); ) h++;
+      n("dec", r, h), r = h;
+      continue;
+    }
+    if (s[r] === '"' || s[r] === "'" || s[r] === "`") {
+      const h = s[r];
+      let g = r + 1;
+      for (; g < i; ) {
+        if (s[g] === "\\") {
+          g += 2;
+          continue;
+        }
+        if (s[g] === h) {
+          g++;
+          break;
+        }
+        g++;
+      }
+      n("str", r, g), r = g;
+      continue;
+    }
+    if (/\d/.test(s[r]) && (r === 0 || !/\w/.test(s[r - 1]))) {
+      let h = r;
+      for (; h < i && /[\d._xXa-fA-F]/.test(s[h]); ) h++;
+      n("num", r, h), r = h;
+      continue;
+    }
+    if (/[a-zA-Z_$]/.test(s[r])) {
+      let h = r;
+      for (; h < i && /[\w$]/.test(s[h]); ) h++;
+      const g = s.slice(r, h);
+      o.has(g) ? n("kw", r, h) : c.has(g) ? n("typ", r, h) : h < i && s[h] === "(" ? n("fn", r, h) : /^[A-Z]/.test(g) && n("cls", r, h), r = h;
+      continue;
+    }
+    if (/[=<>!&|+\-*/%^~?:,;.[\]{}()]/.test(s[r])) {
+      n("op", r, r + 1), r++;
+      continue;
+    }
+    r++;
+  }
+  return t;
+}
+function Ie(s, e) {
+  const t = new Array(s.length).fill("");
+  for (const i of e)
+    for (let r = i.start; r < i.end; r++) t[r] = i.cls;
+  return t;
+}
+class Ke {
+  constructor(e = 5e3) {
+    u(this, "_cache", /* @__PURE__ */ new Map());
+    u(this, "_maxSize");
+    // ── Performance counters ──────────────────────────────────
+    u(this, "_hits", 0);
+    u(this, "_misses", 0);
+    u(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 qe = {
+  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 = [
+  qe,
+  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 rt {
+  constructor(e) {
+    u(this, "_registry", /* @__PURE__ */ new Map());
+    u(this, "_activeId", "");
+    u(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, r] of Object.entries(it))
+      t.setProperty(r, e[i]);
+  }
+}
+const nt = `
+/* ── 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;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}
+
+/* ── Overlays ── */
+.sl-sh{background:var(--sel-bg);border-radius:2px}
+.sl-fh{background:var(--find-bg);border:1px solid var(--find-border);border-radius:2px}
+.sl-fh.sl-fh-cur{background:var(--find-cur-bg);border:1px solid var(--find-cur-border);color:var(--find-cur-text)}
+.sl-wh{background:var(--word-hl-bg);border:1px solid 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}
+
+/* ── 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 L(s, e, t) {
+  const i = document.createElement(s);
+  return e && (i.className = e), i;
+}
+function q(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), r = parseInt(t.slice(2, 4), 16), n = parseInt(t.slice(4, 6), 16);
+  return `rgba(${i},${r},${n},${e})`;
+}
+function me(s) {
+  return s.split(`
+`);
+}
+function D(s) {
+  return s.join(`
+`);
+}
+function _e(s) {
+  return (s.match(/^(\s*)/) ?? ["", ""])[1];
+}
+function J(s) {
+  return " ".repeat(Math.max(0, s));
+}
+function Ae(s) {
+  return /[\w$]/.test(s);
+}
+function le(s, e, t = Ae) {
+  let i = e;
+  for (; i > 0 && t(s[i - 1]); ) i--;
+  return i;
+}
+function ce(s, e, t = Ae) {
+  let i = e;
+  for (; i < s.length && t(s[i]); ) i++;
+  return i;
+}
+function Z(s, e) {
+  let t = 0, i = null;
+  return (...r) => {
+    const n = Date.now(), a = e - (n - t);
+    a <= 0 ? (i !== null && (clearTimeout(i), i = null), t = n, s(...r)) : i === null && (i = setTimeout(() => {
+      t = Date.now(), i = null, s(...r);
+    }, a));
+  };
+}
+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 at(s, e, t, i) {
+  const r = Number(s);
+  return Number.isFinite(r) ? Math.max(e, Math.min(t, Math.round(r))) : i;
+}
+function ye(s) {
+  const e = { ...s };
+  for (const [t, i] of Object.entries(st))
+    if (t in s && s[t] !== void 0) {
+      const [r, n, a] = i;
+      e[t] = at(s[t], r, n, a);
+    }
+  return e;
+}
+const Q = { "(": ")", "{": "}", "[": "]" }, ee = { ")": "(", "}": "{", "]": "[" };
+function ot(s, e) {
+  const { row: t, col: i } = e, r = s[t] ?? "";
+  let n = r[i], a = i;
+  if (!Q[n] && !ee[n] && (n = r[i - 1], a = i - 1), !n) return null;
+  if (Q[n]) {
+    const l = Q[n];
+    let o = 0;
+    for (let c = t; c < Math.min(s.length, t + 500); c++) {
+      const d = s[c] ?? "", p = c === t ? a : 0;
+      for (let h = p; h < d.length; h++)
+        if (d[h] === n) o++;
+        else if (d[h] === l && (o--, o === 0))
+          return {
+            open: { row: t, col: a },
+            close: { row: c, col: h }
+          };
+    }
+  } else if (ee[n]) {
+    const l = ee[n];
+    let o = 0;
+    for (let c = t; c >= Math.max(0, t - 500); c--) {
+      const d = s[c] ?? "", p = c === t ? a : d.length - 1;
+      for (let h = p; h >= 0; h--)
+        if (d[h] === n) o++;
+        else if (d[h] === l && (o--, o === 0))
+          return {
+            open: { row: c, col: h },
+            close: { row: t, col: a }
+          };
+    }
+  }
+  return null;
+}
+function lt(s, e) {
+  const t = s[e] ?? "";
+  let i = 0;
+  for (const r of t)
+    r === "{" ? i++ : r === "}" && i--;
+  return i > 0;
+}
+function ct(s, e) {
+  let t = 0;
+  for (let i = e; i < s.length; i++)
+    for (const r of s[i] ?? "")
+      if (r === "{") t++;
+      else if (r === "}" && (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 r = ct(e, t);
+    r !== null && r > t && i.set(t, r);
+  }
+  return i;
+}
+const ht = /* @__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 = re(e);
+    return t === e ? null : t;
+  } catch {
+    return null;
+  }
+}
+function re(s) {
+  if (s.includes(">")) {
+    const t = s.indexOf(">");
+    return te(s.slice(0, t), re(s.slice(t + 1)));
+  }
+  if (s.includes("+"))
+    return s.split("+").map((t) => re(t.trim())).join(`
+`);
+  const e = s.match(/^(.+)\*(\d+)$/);
+  if (e) {
+    const t = parseInt(e[2], 10);
+    return Array.from({ length: t }, (i, r) => te(e[1], `$${r + 1}`)).join(`
+`);
+  }
+  return te(s, "$1");
+}
+function te(s, e) {
+  const t = s.match(/#([\w-]+)/), i = s.match(/\.([\w.-]+)/g), r = s.match(/\[([^\]]+)\]/);
+  let n = s.replace(/#[\w-]+/g, "").replace(/\.[\w.-]+/g, "").replace(/\[[^\]]+\]/g, "").trim() || "div", a = "";
+  return t && (a += ` id="${t[1]}"`), i && (a += ` class="${i.map((l) => l.slice(1)).join(" ")}"`), r && (a += ` ${r[1]}`), ht.has(n) ? `<${n}${a}>` : `<${n}${a}>${e}</${n}>`;
+}
+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 pt = [
+  {
+    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(...pt.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 r = s.slice(i, e);
+  if (!r) return null;
+  const n = t.find((a) => a.kind === "snip" && a.label === r);
+  return n ? { snippet: n, start: i } : null;
+}
+function mt() {
+  return { cursors: [], searchWord: "", lastMatchRow: -1, lastMatchCol: -1 };
+}
+function ke(s, e, t, i) {
+  s.cursors.some((n) => n.row === e && n.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, r) {
+  const n = [
+    { row: e, col: t, isPrimary: !0, idx: 0 },
+    ...i.map((d, p) => ({ row: d.row, col: d.col, isPrimary: !1, idx: p + 1 }))
+  ];
+  n.sort((d, p) => p.row !== d.row ? p.row - d.row : p.col - d.col);
+  const a = s.map((d) => d);
+  let l = e, o = t;
+  const c = i.map((d) => ({ ...d }));
+  for (const d of n) {
+    const p = a[d.row] ?? "";
+    a[d.row] = p.slice(0, d.col) + r + p.slice(d.col);
+    for (const h of n)
+      h !== d && h.row === d.row && h.col >= d.col && (h.col += r.length);
+    d.col += r.length, d.isPrimary ? (l = d.row, o = d.col) : (c[d.idx - 1].row = d.row, c[d.idx - 1].col = d.col);
+  }
+  return { doc: a, primaryRow: l, primaryCol: o, extraCursors: c };
+}
+function yt(s, e, t, i) {
+  const r = [
+    { row: e, col: t, isPrimary: !0, idx: 0 },
+    ...i.map((c, d) => ({ row: c.row, col: c.col, isPrimary: !1, idx: d + 1 }))
+  ];
+  r.sort((c, d) => d.row !== c.row ? d.row - c.row : d.col - c.col);
+  const n = s.map((c) => c);
+  let a = e, l = t;
+  const o = i.map((c) => ({ ...c }));
+  for (const c of r) {
+    if (c.col <= 0) continue;
+    const d = n[c.row] ?? "";
+    n[c.row] = d.slice(0, c.col - 1) + d.slice(c.col);
+    for (const p of r)
+      p !== c && p.row === c.row && p.col > c.col && p.col--;
+    c.col--, c.isPrimary ? (a = c.row, l = c.col) : o[c.idx - 1].col = c.col;
+  }
+  return { doc: n, primaryRow: a, primaryCol: l, extraCursors: o };
+}
+function vt(s, e, t, i, r) {
+  let n = s.searchWord;
+  if (!n) {
+    if (r && r.ar === r.fr && (n = (e[r.ar] ?? "").slice(r.ac, r.fc)), !n) {
+      const o = e[t] ?? "", c = le(o, i), d = ce(o, i);
+      n = o.slice(c, d);
+    }
+    if (!n) return null;
+    s.searchWord = n, s.lastMatchRow = t, s.lastMatchCol = i;
+  }
+  const a = s.lastMatchRow, l = s.lastMatchCol;
+  for (let o = a; o < e.length; o++) {
+    const c = e[o] ?? "";
+    let p = o === a ? l : 0;
+    for (; p <= c.length - n.length; ) {
+      const h = c.indexOf(n, p);
+      if (h < 0) break;
+      const g = h === 0 || !/\w/.test(c[h - 1]), y = h + n.length >= c.length || !/\w/.test(c[h + n.length]);
+      if (g && y)
+        return s.lastMatchRow = o, s.lastMatchCol = h + n.length, {
+          word: n,
+          sel: { ar: o, ac: h, fr: o, fc: h + n.length },
+          row: o,
+          col: h + n.length
+        };
+      p = h + 1;
+    }
+  }
+  for (let o = 0; o <= a; o++) {
+    const c = e[o] ?? "", d = o === a ? l : c.length;
+    let p = 0;
+    for (; p < d; ) {
+      const h = c.indexOf(n, p);
+      if (h < 0 || h >= d) break;
+      const g = h === 0 || !/\w/.test(c[h - 1]), y = h + n.length >= c.length || !/\w/.test(c[h + n.length]);
+      if (g && y)
+        return s.lastMatchRow = o, s.lastMatchCol = h + n.length, {
+          word: n,
+          sel: { ar: o, ac: h, fr: o, fc: h + n.length },
+          row: o,
+          col: h + n.length
+        };
+      p = h + 1;
+    }
+  }
+  return null;
+}
+function wt(s, e, t) {
+  if (!e) return [];
+  const i = [];
+  for (let r = 0; r < s.length; r++) {
+    const n = s[r] ?? "";
+    if (t.useRegex)
+      try {
+        const a = new RegExp(e, t.caseSensitive ? "g" : "gi");
+        let l;
+        for (; (l = a.exec(n)) !== null && (i.push({ row: r, col: l.index, len: l[0].length }), !!l[0].length); )
+          ;
+      } catch {
+      }
+    else {
+      const a = t.caseSensitive ? n : n.toLowerCase(), l = t.caseSensitive ? e : e.toLowerCase();
+      let o = 0;
+      for (; ; ) {
+        const c = a.indexOf(l, o);
+        if (c === -1) break;
+        i.push({ row: r, col: c, len: e.length }), o = c + 1;
+      }
+    }
+  }
+  return i;
+}
+function kt(s, e, t, i) {
+  const r = e[t];
+  if (!r) return s;
+  const n = [...s], a = n[r.row] ?? "";
+  return n[r.row] = a.slice(0, r.col) + i + a.slice(r.col + r.len), n;
+}
+function xt(s, e, t) {
+  const i = [...s];
+  for (let r = e.length - 1; r >= 0; r--) {
+    const n = e[r], a = i[n.row] ?? "";
+    i[n.row] = a.slice(0, n.col) + t + a.slice(n.col + n.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 r = s[e] ?? "", n = le(r, t), a = ce(r, t), l = r.slice(n, a);
+  if (!l || l.length < 2) return [];
+  const o = [];
+  for (let c = 0; c < s.length; c++) {
+    const d = s[c] ?? "";
+    let p = 0;
+    for (; p <= d.length - l.length; ) {
+      const h = d.indexOf(l, p);
+      if (h < 0) break;
+      const g = h === 0 || !/\w/.test(d[h - 1]), y = h + l.length >= d.length || !/\w/.test(d[h + l.length]);
+      g && y && !(c === e && h === n) && o.push({ row: c, col: h, len: l.length }), p = h + 1;
+    }
+  }
+  return o;
+}
+const ne = [
+  { 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>" }
+], Mt = [
+  // ── 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" }
+], Et = {
+  typescript: ne,
+  javascript: ne,
+  css: Mt,
+  json: [],
+  markdown: [],
+  text: []
+};
+function Te(s, e, t) {
+  const i = Ee[s] ?? se, r = Se[s] ?? ae, n = Et[s] ?? ne;
+  return [
+    ...[...i, ...e].map((a) => ({ label: a, kind: "kw", detail: "keyword" })),
+    ...[...r, ...t].map((a) => ({ label: a, kind: "typ", detail: "type" })),
+    ...n
+  ];
+}
+function St(s, e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const i of s) {
+    const r = i.match(/[a-zA-Z_$][\w$]*/g) ?? [];
+    for (const n of r)
+      n !== e && n.length > 2 && t.add(n);
+  }
+  return t;
+}
+function Ce(s, e) {
+  return s.language ? Array.isArray(s.language) ? s.language.includes(e) : s.language === e : !0;
+}
+function It(s, e, t = {}, i = 0, r = 0) {
+  if (e.length < 2) return [];
+  const n = e.toLowerCase(), {
+    language: a = "typescript",
+    extraKeywords: l = [],
+    extraTypes: o = [],
+    completions: c = [],
+    replaceBuiltins: d = !1,
+    maxResults: p = 14
+  } = t, h = c.filter((m) => m.kind === "snip" && !!m.body && Ce(m, a)), g = c.filter((m) => !(m.kind === "snip" && m.body) && Ce(m, a)), y = h.filter((m) => m.label.toLowerCase().startsWith(n));
+  let v;
+  if (t.provideCompletions) {
+    const m = {
+      line: s[i] ?? "",
+      col: r,
+      prefix: e,
+      language: a,
+      doc: s
+    };
+    let S;
+    try {
+      S = t.provideCompletions(m);
+    } catch (I) {
+      console.error("[syncline-editor] provideCompletions threw an error:", I), S = null;
+    }
+    v = S != null ? [...S, ...g] : [...d ? [] : Te(a, l, o), ...g];
+  } else
+    v = d ? g : [...Te(a, l, o), ...g];
+  const f = new Set(v.map((m) => m.label)), b = v.filter(
+    (m) => m.label.toLowerCase().startsWith(n) && m.label !== e
+  ), T = new Set(y.map((m) => m.label)), x = [...St(s, e)].filter((m) => m.toLowerCase().startsWith(n) && !f.has(m) && !T.has(m)).slice(0, 8).map((m) => ({ label: m, kind: "var", detail: "in file" }));
+  return [
+    ...y,
+    ...b.filter((m) => !T.has(m.label)),
+    ...x
+  ].slice(0, p);
+}
+function At(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 Lt(s, e) {
+  const t = (n) => /[\w$]/.test(n);
+  let i = e;
+  for (; i < s.length && t(s[i]); ) i++;
+  let r = e;
+  for (; r > 0 && t(s[r - 1]); ) r--;
+  if (r === i) return "";
+  if (r > 0 && s[r - 1] === ".") {
+    let n = r - 1, a = n;
+    for (; a > 0 && t(s[a - 1]); ) a--;
+    if (a < n)
+      return s.slice(a, i);
+  }
+  return s.slice(r, 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 G, K, C, R;
+  const { vr: e, visIdx: t, curVisRow: i, wm: r, foldedLines: n, isFoldable: a, opts: l } = s, { docLine: o, segIdx: c, text: d } = e, p = t === i, h = o === ((G = r.visualRows[i]) == null ? void 0 : G.docLine), g = c > 0, y = ((K = r.segments[o]) == null ? void 0 : K.slice(0, c).reduce((w, k) => w + k.length, 0)) ?? 0, v = s.docSel ? fe(s.docSel, o, ((C = (r.segments[o] ?? [""])[c]) == null ? void 0 : C.length) ?? 0) : null;
+  let f = null;
+  if (v) {
+    const w = ((R = (r.segments[o] ?? [""])[c]) == null ? void 0 : R.length) ?? 0, k = fe(s.docSel, o, w + y);
+    if (k) {
+      const M = k.start - y, H = k.end - y;
+      H > 0 && M < d.length && (f = { start: Math.max(0, M), end: Math.min(d.length, H) });
+    }
+  }
+  const b = s.findMatches.filter((w) => w.row === o).map((w) => {
+    var j, B;
+    const k = w.col - y, M = w.col + w.len - y;
+    if (M <= 0 || k >= d.length) return null;
+    const H = s.findIdx >= 0 && ((j = s.findMatches[s.findIdx]) == null ? void 0 : j.row) === w.row && ((B = s.findMatches[s.findIdx]) == null ? void 0 : B.col) === w.col;
+    return { start: Math.max(0, k), end: Math.min(d.length, M), isCur: H };
+  }).filter(Boolean), T = s.wordHighlights.filter((w) => w.row === o).map((w) => {
+    const k = w.col - y, M = w.col + w.len - y;
+    return M <= 0 || k >= d.length ? null : { start: Math.max(0, k), end: Math.min(d.length, M) };
+  }).filter(Boolean), _ = [];
+  if (s.bracketMatch) {
+    for (const w of [s.bracketMatch.open, s.bracketMatch.close])
+      if (w.row === o) {
+        const k = w.col - y;
+        k >= 0 && k < d.length && _.push({ start: k, end: k + 1 });
+      }
+  }
+  const x = [], m = [];
+  for (const w of s.extraCursors) {
+    const k = F(r, w.row, w.col);
+    if (k.visRow === t && x.push(k.colInSeg), w.sel) {
+      const M = jt(w.sel);
+      if (o >= M.ar && o <= M.fr) {
+        const H = o === M.ar ? M.ac - y : -y, j = o === M.fr ? M.fc - y : d.length + 999;
+        j > 0 && H < d.length && m.push({ start: Math.max(0, H), end: Math.min(d.length, j) });
+      }
+    }
+  }
+  const S = Bt(d, l.renderWhitespace), I = p || f || b.length || x.length || T.length || _.length || m.length;
+  let U;
+  if (I)
+    U = $t(
+      S,
+      p ? s.curColInSeg : -1,
+      f,
+      b,
+      x,
+      T,
+      _,
+      m,
+      l.tokeniserOpts
+    );
+  else {
+    const w = `${o}:${c}:${l.renderWhitespace}`;
+    let k = s.tokenCache.get(w, S);
+    k || (k = oe(S, l.tokeniserOpts), s.tokenCache.set(w, S, k)), U = Pt(S, k) || "&#8203;";
+  }
+  let V = "";
+  if (c === 0 && l.showIndentGuides) {
+    const w = (d.match(/^(\s*)/) ?? ["", ""])[1].length, k = Math.floor(w / l.tabSize);
+    for (let M = 1; M < k; M++) {
+      const H = l.codePaddingLeft + M * l.tabSize * l.charWidth;
+      V += `<span class="sl-ig" style="left:${H}px"></span>`;
+    }
+  }
+  let $ = "";
+  if (c === 0 && a) {
+    const w = n.has(o);
+    $ = `<span class="sl-fold-btn" data-row="${o}">${w ? "▸" : "▾"}</span>`;
+  }
+  const W = n.has(o) && c === 0, N = c === 0 ? String(o + 1) : "";
+  return `<div class="${[
+    "sl-er",
+    l.highlightActiveLine && h ? "sl-cur-row" : "",
+    g ? "sl-wrap-cont" : "",
+    W ? "sl-folded" : ""
+  ].filter(Boolean).join(" ")}" style="height:${l.lineHeight}px" data-v="${t}" data-doc="${o}"><div class="sl-eg" style="position:relative">${$}<span class="sl-egn">${N}</span></div><div class="sl-el"><span class="sl-cl">${V}${U}</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 r = s;
+  return t && (r = "·".repeat(t) + r.slice(t)), i && (r = r.slice(0, r.length - i) + "·".repeat(i)), r.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 = Ie(s, e);
+  let i = "", r = 0, n = t[0];
+  const a = (l) => {
+    if (l <= r) return;
+    const o = q(s.slice(r, l));
+    i += n ? `<span class="${n}">${o}</span>` : o;
+  };
+  for (let l = 1; l <= s.length; l++) {
+    const o = l < s.length ? t[l] : null;
+    o !== n && (a(l), r = l, n = o ?? "");
+  }
+  return i;
+}
+function $t(s, e, t, i, r, n, a, l, o) {
+  if (s.length === 0) {
+    let f = e >= 0 ? '<span class="sl-cur"></span>' : "";
+    for (const b of r) f += '<span class="sl-cur-extra"></span>';
+    return f || "&#8203;";
+  }
+  const c = oe(s, o), d = Ie(s, c);
+  let p = "", h = 0, g = "", y = "";
+  const v = (f) => {
+    if (f <= h) return;
+    const b = q(s.slice(h, f)), T = [g, y].filter(Boolean).join(" ");
+    p += T ? `<span class="${T}">${b}</span>` : b;
+  };
+  for (let f = 0; f <= s.length; f++) {
+    e === f && (v(f), h = f, p += '<span class="sl-cur"></span>');
+    for (const I of r)
+      I === f && (v(f), h = f, p += '<span class="sl-cur-extra"></span>');
+    if (f === s.length) {
+      v(f);
+      break;
+    }
+    const b = d[f], T = i.find((I) => f >= I.start && f < I.end), _ = t && f >= t.start && f < t.end || l.some((I) => f >= I.start && f < I.end), x = !_ && !T && n.some((I) => f >= I.start && f < I.end), m = !_ && !T && a.some((I) => f >= I.start && f < I.end);
+    let S = "";
+    _ ? S = "sl-sh" : T ? S = "sl-fh" + (T.isCur ? " sl-fh-cur" : "") : m ? S = "sl-bm" : x && (S = "sl-wh"), (S !== g || b !== y) && (v(f), h = f, g = S, y = b);
+  }
+  return p || "&#8203;";
+}
+function ie(s, e, t, i, r) {
+  const n = Math.max(0, s * r - t), a = Math.max(0, s * 2 - i), o = (n > 0 ? e / n : 0) * a, c = Math.max(20, t / r * 2), d = e / r * 2 - o;
+  return { mmScroll: o, sliderTop: d, sliderHeight: c };
+}
+function Wt(s, e, t, i, r) {
+  const n = Math.max(0, e * r - t), a = Math.max(0, e * 2 - i);
+  if (n <= 0) return 0;
+  const l = 2 / r - a / n;
+  if (Math.abs(l) < 1e-9) {
+    const o = Math.max(20, t / r * 2);
+    return Math.max(0, Math.min(n, s / Math.max(1, i - o) * n));
+  }
+  return Math.max(0, Math.min(n, s / l));
+}
+function Nt(s, e, t, i, r, n) {
+  const a = Math.max(0, e * n - i), l = Math.max(0, e * 2 - r);
+  if (a <= 0) return 0;
+  const o = t / a * l, c = (s + o) / 2;
+  return Math.max(0, Math.min(a, c * n - i / 2));
+}
+function Me(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 G, K;
+  const {
+    canvas: e,
+    doc: t,
+    firstLine: i,
+    lastLine: r,
+    subPx: n,
+    wrapperWidth: a,
+    canvasHeight: l,
+    cursorRow: o,
+    sel: c,
+    findMatches: d,
+    findIdx: p,
+    sliderTop: h,
+    sliderHeight: g,
+    colors: y,
+    getCssVar: v,
+    dpr: f
+  } = s, b = e.getContext("2d");
+  if (!b) return;
+  b.setTransform(f, 0, 0, f, 0, 0);
+  const T = v("--mm-bg") || "#0d0d0f", _ = v("--mm-dim") || "rgba(0,0,0,.30)", x = v("--mm-edge") || "rgba(255,255,255,.18)", m = v("--mm-slider") || "rgba(255,255,255,.07)", S = v("--sel-bg") || "rgba(110,159,255,.22)", I = v("--cur-line-bg") || "rgba(255,255,255,.05)", U = v("--find-border") || "rgba(234,180,86,.50)", V = v("--find-cur-bg") || "rgba(234,180,86,.80)", $ = (C) => (C - i) * 2;
+  if (b.fillStyle = T, b.fillRect(0, 0, a, l), o >= i && o < r && (b.fillStyle = I, b.fillRect(0, $(o), a, 2)), c) {
+    const C = Math.max(i, c.ar), R = Math.min(r - 1, c.fr);
+    R >= C && (b.fillStyle = S, b.fillRect(0, $(C), a, (R - C + 1) * 2));
+  }
+  for (const C of d) {
+    if (C.row < i || C.row >= r) continue;
+    const R = p >= 0 && ((G = d[p]) == null ? void 0 : G.row) === C.row && ((K = d[p]) == null ? void 0 : K.col) === C.col;
+    b.fillStyle = R ? V : U, b.fillRect(
+      3 + C.col * 1.1,
+      $(C.row),
+      Math.max(3, C.len * 1.1),
+      2
+    );
+  }
+  const W = Math.floor((a - 3) / 1.1);
+  for (let C = i; C < r; C++) {
+    const R = t[C] ?? "";
+    if (!R.trim()) continue;
+    const w = $(C), k = 1.5, M = oe(R);
+    let H = 0;
+    for (const B of M) {
+      if (B.start >= W) break;
+      B.start > H && (b.fillStyle = y.txt, b.fillRect(3 + H * 1.1, w, (Math.min(B.start, W) - H) * 1.1, k));
+      const Le = y[B.cls] ?? y.txt, de = Math.min(B.end, W) - B.start;
+      de > 0 && (b.fillStyle = Le, b.fillRect(3 + B.start * 1.1, w, de * 1.1, k)), H = Math.max(H, Math.min(B.end, W));
+    }
+    const j = Math.min(R.length, W);
+    H < j && (b.fillStyle = y.txt, b.fillRect(3 + H * 1.1, w, (j - H) * 1.1, k));
+  }
+  const N = h + n, z = N + g;
+  b.fillStyle = _, N > 0 && b.fillRect(0, 0, a, N), z < l && b.fillRect(0, z, a, l - z), b.fillStyle = m, b.fillRect(0, N, a, g), b.fillStyle = x, b.fillRect(0, Math.max(0, N), a, 1), b.fillRect(0, Math.max(0, z - 1), a, 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
+};
+class Ut {
+  // ── Constructor ───────────────────────────────────────────
+  constructor(e, t = {}) {
+    // ── DOM ───────────────────────────────────────────────────
+    u(this, "_host");
+    u(this, "_shadow");
+    u(this, "_editorEl");
+    u(this, "_spacerEl");
+    u(this, "_vpEl");
+    u(this, "_inputEl");
+    u(this, "_minimapWrap");
+    u(this, "_mmCanvas");
+    u(this, "_mmSlider");
+    u(this, "_statusBar");
+    u(this, "_findBar");
+    u(this, "_findInput");
+    u(this, "_replaceInput");
+    u(this, "_findCount");
+    u(this, "_replaceRow");
+    u(this, "_acPopup");
+    u(this, "_emmetTip");
+    u(this, "_snippetTip");
+    u(this, "_hoverTip");
+    u(this, "_themeOverlay");
+    u(this, "_themePanel");
+    // ── State ─────────────────────────────────────────────────
+    u(this, "_config");
+    u(this, "_tab", ue(1, [""]));
+    u(this, "_wm", { segments: [[""]], visualRows: [{ docLine: 0, segIdx: 0, text: "" }], docToVisArr: [0] });
+    u(this, "_foldedLines", /* @__PURE__ */ new Map());
+    u(this, "_tokenCache", new Ke());
+    u(this, "_themeManager");
+    // Find
+    u(this, "_findMatches", []);
+    u(this, "_findIdx", -1);
+    u(this, "_findCaseSensitive", !1);
+    u(this, "_findRegex", !1);
+    // Highlights
+    u(this, "_wordHighlights", []);
+    u(this, "_bracketMatch", null);
+    // Autocomplete
+    u(this, "_acItems", []);
+    u(this, "_acSel", 0);
+    u(this, "_acPrefix", "");
+    u(this, "_acStartCol", 0);
+    u(this, "_emmetAcStartCol", 0);
+    // start col of the emmet abbreviation (may differ from _acStartCol)
+    // Multi-cursor
+    u(this, "_mc", mt());
+    u(this, "_extraCursors", []);
+    // Mouse drag
+    u(this, "_isDragging", !1);
+    u(this, "_dragAnchor", null);
+    // Hover
+    u(this, "_hoverTimer", null);
+    u(this, "_hoverPinned", !1);
+    // Minimap drag
+    u(this, "_mmDragMode", "none");
+    u(this, "_mmDragStartY", 0);
+    u(this, "_mmDragStartScroll", 0);
+    u(this, "_mmSliderOffset", 0);
+    u(this, "_mmColors");
+    // Undo batching
+    u(this, "_lastInputTime", 0);
+    // Dynamic styles
+    u(this, "_dynamicStyleEl");
+    // Emmet
+    u(this, "_emmetExpanded", null);
+    // Snippets
+    u(this, "_snippetExpanded", null);
+    // ── Lifecycle / performance ───────────────────────────────
+    /** Pending debounce timer ID for autocomplete re-computation. */
+    u(this, "_acDebounceTimer", null);
+    /** Pending requestAnimationFrame ID for coalesced renders. */
+    u(this, "_rafId", null);
+    // ── Bound window listener refs ────────────────────────────
+    // Stored as named references so they can be removed precisely in destroy().
+    u(this, "_onWinMouseUp");
+    u(this, "_onWinResize");
+    u(this, "_onEditorScroll");
+    u(this, "_onWinMmMouseMove");
+    u(this, "_onWinMmMouseUp");
+    // ── ResizeObserver — tracks container size changes ────────
+    u(this, "_ro", null);
+    u(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 = (o) => {
+      if (this._mmDragMode === "none") return;
+      const c = this._minimapWrap.clientHeight;
+      if (this._mmDragMode === "slider") {
+        const d = o.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 = o.clientY - this._mmDragStartY, p = Math.max(0, this._tab.doc.length * this._config.lineHeight - this._editorEl.clientHeight);
+        this._editorEl.scrollTop = Math.max(0, Math.min(p, 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 = L("style");
+    i.textContent = nt, this._shadow.appendChild(i), this._dynamicStyleEl = L("style"), this._shadow.appendChild(this._dynamicStyleEl), this._themeManager = new rt(this._host);
+    const r = typeof this._config.theme == "string" ? this._config.theme : this._config.theme;
+    this._themeManager.apply(r);
+    const n = L("div", "sl-layout"), a = L("div", "sl-ed-pane");
+    this._inputEl = L("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 = L("div", "sl-editor"), this._spacerEl = L("div", "sl-spacer"), this._vpEl = L("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"), a.appendChild(this._inputEl), a.appendChild(this._findBar), a.appendChild(this._editorEl), this._minimapWrap = L("div", "sl-minimap"), this._minimapWrap.style.width = `${this._config.minimapWidth}px`, this._mmCanvas = L("canvas", ""), this._mmSlider = L("div", "sl-mm-slider"), this._minimapWrap.appendChild(this._mmCanvas), this._minimapWrap.appendChild(this._mmSlider), n.appendChild(a), this._config.showMinimap && n.appendChild(this._minimapWrap), this._statusBar = this._buildStatusBar(), this._acPopup = L("div", "sl-ac-popup"), this._acPopup.setAttribute("role", "listbox"), this._acPopup.setAttribute("aria-label", "Code suggestions"), this._acPopup.style.display = "none", this._emmetTip = L("div", "sl-emmet-tip"), this._emmetTip.style.display = "none", this._snippetTip = L("div", "sl-emmet-tip"), this._snippetTip.style.display = "none", this._hoverTip = L("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 = L("div", "sl-theme-overlay"), this._themeOverlay.style.display = "none", this._themePanel = L("div", "sl-theme-panel"), this._themeOverlay.appendChild(this._themePanel), this._shadow.appendChild(n), 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 = Me((o) => X(o, 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 D(this._tab.doc);
+  }
+  setValue(e) {
+    var t, i;
+    E(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 }, A(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(), A(this._tab), this._scrollIntoView(), this._render());
+  }
+  setTheme(e) {
+    this._themeManager.apply(e), this._applyTokenOverrides(), this._mmColors = Me((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: r, ...n } = t;
+      Object.assign(this._config, n);
+    } 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"), 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(), A(this._tab), this._scrollIntoView(), this._render(), (t = (e = this._config).onChange) == null || t.call(e, D(this._tab.doc)));
+  }
+  redo() {
+    var e, t;
+    Fe(this._tab) && (this._tokenCache.clear(), this._rebuildWrapMap(), A(this._tab), this._scrollIntoView(), this._render(), (t = (e = this._config).onChange) == null || t.call(e, D(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 = L("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;
+  }
+  _buildStatusBar() {
+    const e = L("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: r,
+      cursorStyle: n,
+      gutterWidth: a,
+      minimapWidth: l,
+      showGutter: o
+    } = this._config, c = Math.max(2, i - 4), d = Math.floor((i - c) / 2);
+    let p = "";
+    n === "block" ? p = `width:${7.82}px;opacity:.5;border-radius:1px;` : n === "underline" && (p = `width:${7.82}px;height:2px;top:${i - 2}px;border-radius:0;`);
+    const h = o ? a : 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:${h}px;width:${h}px;${o ? "" : "display:none"}}
+      .sl-cur::after{height:${c}px;top:${d}px;animation-duration:${r}ms;${p}}
+      .sl-cur-extra::after{height:${c}px;top:${d}px;animation-duration:${r}ms;${p}}
+    `, this._applyTokenOverrides(), this._minimapWrap.style.width = `${l}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, r = (a, l, o) => {
+      i.setProperty(a, l || o);
+    }, n = t == null ? void 0 : t.tokens;
+    r("--tok-kw", e.keyword, (n == null ? void 0 : n.tokKw) ?? ""), r("--tok-str", e.string, (n == null ? void 0 : n.tokStr) ?? ""), r("--tok-cmt", e.comment, (n == null ? void 0 : n.tokCmt) ?? ""), r("--tok-fn", e.function, (n == null ? void 0 : n.tokFn) ?? ""), r("--tok-num", e.number, (n == null ? void 0 : n.tokNum) ?? ""), r("--tok-cls", e.class, (n == null ? void 0 : n.tokCls) ?? ""), r("--tok-op", e.operator, (n == null ? void 0 : n.tokOp) ?? ""), r("--tok-typ", e.type, (n == null ? void 0 : n.tokTyp) ?? ""), r("--tok-dec", e.decorator, (n == null ? void 0 : n.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: r } = this._config;
+    this._wordHighlights = this._config.wordHighlight ? Ct(e, t.row, t.col, i) : [], this._bracketMatch = this._config.bracketMatching ? ot(e, t) : null;
+    const n = this._wm.visualRows.length;
+    this._spacerEl.style.height = `${n * r}px`;
+    const a = this._editorEl.scrollTop, l = this._editorEl.clientHeight, o = Math.max(0, Math.floor(a / r) - 6), c = Math.min(n - 1, Math.ceil((a + l) / r) + 6);
+    this._vpEl.style.transform = `translateY(${o * r}px)`;
+    const d = F(this._wm, t.row, t.col);
+    let p = "";
+    for (let h = o; h <= c; h++) {
+      const g = this._wm.visualRows[h];
+      g && (p += Rt({
+        vr: g,
+        visIdx: h,
+        curVisRow: d.visRow,
+        curColInSeg: d.colInSeg,
+        docSel: i,
+        findMatches: this._findMatches,
+        findIdx: this._findIdx,
+        wordHighlights: this._wordHighlights,
+        bracketMatch: this._bracketMatch,
+        extraCursors: this._extraCursors,
+        foldedLines: this._foldedLines,
+        isFoldable: this._config.codeFolding && lt(e, g.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: r,
+          renderWhitespace: this._config.renderWhitespace
+        }
+      }));
+    }
+    this._vpEl.innerHTML = p, this._updateStatusBar(), this._updateMinimap();
+  }
+  // ── Status bar ────────────────────────────────────────────
+  _updateStatusBar() {
+    if (!this._config.showStatusBar) return;
+    const { cur: e, doc: t, undoStack: i, redoStack: r } = this._tab, n = this._config.language, a = {
+      typescript: "TypeScript",
+      javascript: "JavaScript",
+      css: "CSS",
+      json: "JSON",
+      markdown: "Markdown",
+      text: "Text"
+    }, l = (h) => this._statusBar.querySelector(h);
+    l(".sl-sb-lang").textContent = `⬡ ${a[n] ?? n}`, l(".sl-sb-pos").textContent = `Ln ${e.row + 1}, Col ${e.col + 1}`, l(".sl-sb-lines").textContent = `${t.length.toLocaleString()} lines`;
+    const o = Ue(this._tab), c = l(".sl-sb-sel"), d = l(".sl-sb-sel-sep");
+    c.textContent = o ? `${o.toLocaleString()} selected` : "", d.style.display = o ? "" : "none", l(".sl-sb-undo").textContent = `↩${i.length}  ↪${r.length}`;
+    const p = l(".sl-sb-mc");
+    this._extraCursors.length ? (p.style.display = "", l(".sl-sb-mc-count").textContent = String(this._extraCursors.length + 1)) : p.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, r = i.length, n = Math.min(window.devicePixelRatio || 1, 2), a = this._config.lineHeight, { mmScroll: l, sliderTop: o, sliderHeight: c } = ie(
+      r,
+      this._editorEl.scrollTop,
+      this._editorEl.clientHeight,
+      t,
+      a
+    ), d = l / 2, p = Math.floor(d), h = Math.ceil(t / 2) + 2, g = Math.min(r, p + h), y = (g - p) * 2, v = (d - p) * 2, f = Math.round(e * n), b = Math.round(y * n);
+    (this._mmCanvas.width !== f || this._mmCanvas.height !== b) && (this._mmCanvas.width = f, this._mmCanvas.height = b, this._mmCanvas.style.width = `${e}px`, this._mmCanvas.style.height = `${y}px`), this._mmCanvas.style.transform = `translateY(${-v}px)`, Ot({
+      canvas: this._mmCanvas,
+      doc: i,
+      firstLine: p,
+      lastLine: g,
+      subPx: v,
+      wrapperWidth: e,
+      canvasHeight: y,
+      cursorRow: this._tab.cur.row,
+      sel: this._tab.sel,
+      findMatches: this._findMatches,
+      findIdx: this._findIdx,
+      sliderTop: o,
+      sliderHeight: c,
+      colors: this._mmColors,
+      getCssVar: (T) => X(T, this._host),
+      dpr: n
+    }), this._mmSlider.style.top = `${Math.max(0, Math.min(t - c, o))}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 r = i - t - 14 - 20;
+        e = Math.max(20, Math.floor(r / 7.82));
+      } else
+        e = this._config.wrapColumn;
+    } else
+      e = 9999;
+    this._wm = Ge(
+      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, r = i + this._config.lineHeight, n = this._editorEl.scrollTop, a = this._editorEl.clientHeight, l = this._config.lineHeight * 3;
+    i < n + l ? this._editorEl.scrollTop = Math.max(0, i - l) : r > n + a - l && (this._editorEl.scrollTop = r - a + l);
+  }
+  // ── Input helpers ─────────────────────────────────────────
+  _focusInput() {
+    this._inputEl.style.pointerEvents = "auto", this._inputEl.focus(), this._inputEl.style.pointerEvents = "none";
+  }
+  _insertStr(e, t) {
+    var d, p;
+    const i = Date.now();
+    (!t || i - this._lastInputTime > this._config.undoBatchMs) && E(this._tab, this._config.maxUndoHistory), this._lastInputTime = i, this._tab.sel && (this._tab.cur = O(this._tab));
+    const { doc: r, cur: n } = this._tab, a = e.split(`
+`), l = r[n.row] ?? "", o = l.slice(0, n.col), c = l.slice(n.col);
+    if (a.length === 1)
+      r[n.row] = o + e + c, n.col += e.length;
+    else {
+      const h = [o + a[0]];
+      for (let g = 1; g < a.length - 1; g++) h.push(a[g]);
+      h.push(a[a.length - 1] + c), r.splice(n.row, 1, ...h), n.row += a.length - 1, n.col = a[a.length - 1].length;
+    }
+    this._tokenCache.invalidateLine(n.row, (this._wm.segments[n.row] ?? [""]).length), this._tab.dirty = !0, (p = (d = this._config).onChange) == null || p.call(d, D(r));
+  }
+  _doBackspace() {
+    var i;
+    if (E(this._tab, this._config.maxUndoHistory), this._tab.sel) {
+      this._tab.cur = O(this._tab), this._tokenCache.clear(), this._tab.dirty = !0;
+      return;
+    }
+    const { doc: e, cur: t } = this._tab;
+    if (t.col > 0) {
+      const r = e[t.row] ?? "", n = r.slice(0, t.col), a = n.length >= 2 && n.endsWith("  ") && !n.trim() ? 2 : 1;
+      e[t.row] = r.slice(0, t.col - a) + r.slice(t.col), t.col -= a, this._tokenCache.invalidateLine(t.row, ((i = this._wm.segments[t.row]) == null ? void 0 : i.length) ?? 1);
+    } else if (t.row > 0) {
+      const r = (e[t.row - 1] ?? "").length;
+      e[t.row - 1] += e[t.row] ?? "", e.splice(t.row, 1), t.row--, t.col = r, this._tokenCache.clear();
+    }
+    this._tab.dirty = !0;
+  }
+  _doEnter() {
+    E(this._tab, this._config.maxUndoHistory), this._tab.sel && (this._tab.cur = O(this._tab));
+    const { doc: e, cur: t } = this._tab, i = e[t.row] ?? "", r = i.slice(0, t.col), n = i.slice(t.col), a = _e(i), l = r.trimEnd().endsWith("{") ? J(this._config.tabSize) : "";
+    e[t.row] = r, r.trimEnd().endsWith("{") && n.trimStart() === "}" ? e.splice(t.row + 1, 0, a + l, a + n) : e.splice(t.row + 1, 0, a + l + n), t.row++, t.col = a.length + l.length, this._tokenCache.clear(), this._tab.dirty = !0;
+  }
+  _doDelete() {
+    var r;
+    if (E(this._tab, this._config.maxUndoHistory), this._tab.sel) {
+      this._tab.cur = O(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, ((r = this._wm.segments[t.row]) == null ? void 0 : r.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, r;
+    const e = ge(this._tab);
+    e && ((t = navigator.clipboard) == null || t.writeText(e).catch(() => {
+    }), E(this._tab, this._config.maxUndoHistory), this._tab.cur = O(this._tab), this._tokenCache.clear(), this._tab.dirty = !0, this._rebuildWrapMap(), this._render(), (r = (i = this._config).onChange) == null || r.call(i, D(this._tab.doc)));
+  }
+  _toggleComment() {
+    var n, a;
+    E(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, "\\$&"), r = e.every((l) => (this._tab.doc[l] ?? "").trimStart().startsWith(t));
+    e.forEach((l) => {
+      var c;
+      const o = this._tab.doc[l] ?? "";
+      this._tab.doc[l] = r ? o.replace(new RegExp(`^(\\s*)${i}\\s?`), "$1") : o.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(), (a = (n = this._config).onChange) == null || a.call(n, D(this._tab.doc));
+  }
+  _duplicateLine() {
+    var t, i;
+    E(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, D(this._tab.doc));
+  }
+  _deleteLine() {
+    var i, r;
+    E(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, A(this._tab), this._rebuildWrapMap(), this._render(), (r = (i = this._config).onChange) == null || r.call(i, D(this._tab.doc));
+  }
+  _indentSel() {
+    var t, i;
+    if (!this._tab.sel) {
+      this._insertStr(J(this._config.tabSize), !1);
+      return;
+    }
+    E(this._tab, this._config.maxUndoHistory);
+    const e = J(this._config.tabSize);
+    this._getSelRows().forEach((r) => {
+      var n;
+      this._tab.doc[r] = e + (this._tab.doc[r] ?? ""), this._tokenCache.invalidateLine(r, ((n = this._wm.segments[r]) == null ? void 0 : n.length) ?? 1);
+    }), this._tab.dirty = !0, this._rebuildWrapMap(), this._render(), (i = (t = this._config).onChange) == null || i.call(t, D(this._tab.doc));
+  }
+  _unindentSel() {
+    var t, i;
+    E(this._tab, this._config.maxUndoHistory);
+    const e = this._config.tabSize;
+    this._getSelRows().forEach((r) => {
+      var a;
+      const n = this._tab.doc[r] ?? "";
+      n.startsWith(J(e)) ? this._tab.doc[r] = n.slice(e) : n.startsWith(" ") && (this._tab.doc[r] = n.slice(1)), this._tokenCache.invalidateLine(r, ((a = this._wm.segments[r]) == null ? void 0 : a.length) ?? 1);
+    }), this._tab.dirty = !0, this._rebuildWrapMap(), this._render(), (i = (t = this._config).onChange) == null || i.call(t, D(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 = P(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, r = this._config.showGutter ? this._config.gutterWidth : 0, n = e.clientX - t.left - r - 14, a = this._config.lineHeight, l = Math.max(0, Math.min(this._wm.visualRows.length - 1, Math.floor(i / a))), o = Math.max(0, Math.min(
+      (((c = this._wm.visualRows[l]) == null ? void 0 : c.text) ?? "").length,
+      Math.round(n / 7.82)
+    ));
+    return Y(this._wm, l, o);
+  }
+  // ── 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] ?? "", r = this._config.language === "css", { prefix: n, start: a } = At(i, e.col, r);
+    this._acPrefix = n, this._acStartCol = a;
+    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 p = d.replace(/\n/g, "↵ ").slice(0, 60);
+          l.push({ label: c.abbr, kind: "emmet", detail: p, body: d });
+        }
+      }
+    }
+    const o = n.length >= this._config.autocompletePrefixLength ? It(t, n, {
+      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, ...o], !this._acItems.length) {
+      this._acHide();
+      return;
+    }
+    this._acSel = 0, this._renderAcPopup();
+  }
+  _renderAcPopup() {
+    const e = (o) => {
+      switch (o) {
+        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 r = this._acItems.map((o, 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 ${o.kind}">${e(o.kind)}</span><span class="sl-ac-label">${o.label}</span><span class="sl-ac-detail">${o.detail ?? ""}</span></div>`;
+    }).join(""), n = 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">${r}</div>` + n, this._acPopup.style.display = "flex", this._posAcPopup();
+    const a = this._acPopup.querySelector(".sl-ac-list"), l = this._acPopup.querySelector(".sl-ac-item.sl-sel");
+    if (a && l) {
+      const o = l.offsetTop, c = o + l.offsetHeight;
+      c > a.scrollTop + a.clientHeight ? a.scrollTop = c - a.clientHeight : o < a.scrollTop && (a.scrollTop = o);
+    }
+    this._acPopup.querySelectorAll(".sl-ac-item").forEach((o) => {
+      o.addEventListener("mousedown", (c) => {
+        c.preventDefault(), this._acSel = parseInt(o.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, r = e.left + i + 14 + this._acStartCol * 7.82, n = e.top + (t.visRow * this._config.lineHeight - this._editorEl.scrollTop) + this._config.lineHeight + 2, l = !!this._acPopup.querySelector(".sl-ac-desc") ? 620 : 300, o = Math.min(this._acItems.length * 28 + 8, 320), c = n + o > window.innerHeight - 16;
+    this._acPopup.style.left = `${Math.min(r, window.innerWidth - l - 16)}px`, this._acPopup.style.top = `${c ? n - this._config.lineHeight - 2 - o : n}px`;
+  }
+  _acAccept() {
+    const e = this._acItems[this._acSel];
+    if (!e) return;
+    if (this._acHide(), e.kind === "emmet" && e.body) {
+      E(this._tab, this._config.maxUndoHistory), this._expandBodyAt(e.body, this._emmetAcStartCol);
+      return;
+    }
+    if (e.body) {
+      E(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(), A(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] ?? "", r = we(i, e.col);
+    if (!r) {
+      this._emmetExpanded = null;
+      return;
+    }
+    const n = ve(r.abbr);
+    if (!n) {
+      this._emmetExpanded = null;
+      return;
+    }
+    this._emmetExpanded = { abbr: r.abbr, result: n, start: r.start };
+  }
+  _emmetAccept() {
+    if (!this._emmetExpanded || this._emmetTip.style.display === "none") return !1;
+    const { abbr: e, result: t, start: i } = this._emmetExpanded;
+    return E(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] ?? "", r = bt(i, e.col, this._allCompletions());
+    if (!r) {
+      this._snippetExpanded = null;
+      return;
+    }
+    this._snippetExpanded = { snippet: r.snippet, start: r.start };
+  }
+  _snippetAccept() {
+    if (!this._snippetExpanded || this._snippetTip.style.display === "none") return !1;
+    const { snippet: e, start: t } = this._snippetExpanded;
+    return e.body ? (E(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 y, v;
+    const { doc: i, cur: r } = this._tab, n = i[r.row] ?? "", a = n.slice(0, t), l = n.slice(r.col), o = _e(n), c = e.split(`
+`).map((f, b) => b === 0 ? f : o + f), d = c.join(`
+`), p = d.indexOf("$1"), h = c.map((f) => f.replace(/\$\d+/g, "")), g = h.length === 1 ? [a + h[0] + l] : [a + h[0], ...h.slice(1, -1), h[h.length - 1] + l];
+    if (i.splice(r.row, 1, ...g), p >= 0) {
+      const f = d.slice(0, p).split(`
+`), b = f.length - 1, T = f[b].length, _ = (f[b].match(/\$\d+/g) ?? []).join("").length;
+      r.row += b, r.col = (b === 0 ? t : o.length) + (T - _);
+    } else
+      r.row += g.length - 1, r.col = (g[g.length - 1] ?? "").length - l.length;
+    this._tokenCache.clear(), this._tab.dirty = !0, this._rebuildWrapMap(), A(this._tab), this._scrollIntoView(), this._render(), (v = (y = this._config).onChange) == null || v.call(y, D(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 r = i.dataset.id ?? "";
+        this.setTheme(r), this._themePanel.querySelectorAll(".sl-theme-item").forEach((n) => n.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._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] ?? "", r = le(i, t.col, this._isWordChar.bind(this)), n = ce(i, t.col, this._isWordChar.bind(this));
+        r !== n ? (this._tab.sel = { ar: t.row, ac: r, fr: t.row, fc: n }, this._tab.cur.col = n) : 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 };
+      }
+      A(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, A(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(), A(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 a, l, o, c, d, p, h, g, y;
+    const t = e.ctrlKey || e.metaKey, i = e.shiftKey, r = e.altKey, n = 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 (r && (e.key === "z" || e.key === "Z" || e.key === "Ω")) {
+      e.preventDefault(), this._toggleWrap();
+      return;
+    }
+    if (t && e.key === "z" && !i) {
+      e.preventDefault(), n || this.undo();
+      return;
+    }
+    if (t && (e.key === "y" || i && e.key === "z")) {
+      e.preventDefault(), n || 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(), n || 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 === "d") {
+      e.preventDefault(), !n && this._config.multiCursor && this._ctrlD();
+      return;
+    }
+    if (t && i && e.key === "d") {
+      e.preventDefault(), n || this._duplicateLine();
+      return;
+    }
+    if (t && e.key === "/") {
+      e.preventDefault(), n || this._toggleComment();
+      return;
+    }
+    if (t && e.key === "k") {
+      e.preventDefault(), n || this._deleteLine();
+      return;
+    }
+    if (e.key === "Escape") {
+      this._tab.sel = null, this._acHide(), this._closeFind(), this._emmetTip.style.display = "none", this._snippetTip.style.display = "none", this._snippetExpanded = null, xe(this._mc), this._extraCursors = [], this._mc.searchWord = "", this._render();
+      return;
+    }
+    if (n) {
+      this._handleArrowKeys(e, t, i);
+      return;
+    }
+    if (e.key === "Tab") {
+      if (e.preventDefault(), !i && this._emmetAccept() || !i && this._snippetAccept()) return;
+      i ? this._unindentSel() : this._indentSel(), A(this._tab), this._scrollIntoView(), this._rebuildWrapMap(), this._render();
+      return;
+    }
+    if (e.key === "Backspace") {
+      if (e.preventDefault(), this._extraCursors.length) {
+        const v = yt(
+          this._tab.doc,
+          this._tab.cur.row,
+          this._tab.cur.col,
+          this._extraCursors
+        );
+        this._tab.doc = v.doc, this._tab.cur.row = v.primaryRow, this._tab.cur.col = v.primaryCol, this._extraCursors = v.extraCursors, this._mc.cursors = v.extraCursors;
+      } else
+        this._doBackspace();
+      this._tokenCache.clear(), this._rebuildWrapMap(), A(this._tab), this._scrollIntoView(), this._render(), this._acTrigger(), this._emmetCheck(), this._snippetCheck(), (l = (a = this._config).onChange) == null || l.call(a, D(this._tab.doc));
+      return;
+    }
+    if (e.key === "Delete") {
+      e.preventDefault(), this._doDelete(), this._tokenCache.clear(), this._rebuildWrapMap(), A(this._tab), this._scrollIntoView(), this._render(), (c = (o = this._config).onChange) == null || c.call(o, D(this._tab.doc));
+      return;
+    }
+    if (e.key === "Enter") {
+      e.preventDefault(), this._doEnter(), this._tokenCache.clear(), this._rebuildWrapMap(), A(this._tab), this._scrollIntoView(), this._render(), (p = (d = this._config).onChange) == null || p.call(d, D(this._tab.doc));
+      return;
+    }
+    if (!t && !r && this._config.autoClosePairs[e.key]) {
+      e.preventDefault(), E(this._tab, this._config.maxUndoHistory), this._tab.sel && (this._tab.cur = O(this._tab));
+      const { doc: v, cur: f } = this._tab, b = v[f.row] ?? "";
+      v[f.row] = b.slice(0, f.col) + e.key + this._config.autoClosePairs[e.key] + b.slice(f.col), f.col++, this._tokenCache.invalidateLine(f.row, ((h = this._wm.segments[f.row]) == null ? void 0 : h.length) ?? 1), this._tab.dirty = !0, this._rebuildWrapMap(), A(this._tab), this._scrollIntoView(), this._render(), (y = (g = this._config).onChange) == null || y.call(g, D(this._tab.doc));
+      return;
+    }
+    if (!t && !r && Object.values(this._config.autoClosePairs).includes(e.key)) {
+      const { doc: v, cur: f } = this._tab;
+      if ((v[f.row] ?? "")[f.col] === e.key) {
+        e.preventDefault(), f.col++, A(this._tab), this._scrollIntoView(), this._render();
+        return;
+      }
+    }
+    if (r && !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 g, y, v, f, b, T;
+    const { doc: r, cur: n } = this._tab, a = this._config.lineHeight, l = e.metaKey, o = e.ctrlKey, c = e.altKey, d = (_, x) => {
+      if (i) {
+        this._tab.sel || (this._tab.sel = { ar: n.row, ac: n.col, fr: n.row, fc: n.col }), n.row = _, n.col = x;
+        const m = this._tab.sel;
+        m.fr = _, m.fc = x, m.ar === m.fr && m.ac === m.fc && (this._tab.sel = null);
+      } else
+        this._tab.sel = null, n.row = _, n.col = x;
+    }, p = (_) => {
+      const m = (r[_] ?? "").search(/\S/);
+      return m === -1 || n.col === m ? 0 : m;
+    }, h = () => ({ row: r.length - 1, col: (r[r.length - 1] ?? "").length });
+    switch (e.key) {
+      case "ArrowRight":
+        if (e.preventDefault(), this._tab.sel && !i) {
+          const _ = P(this._tab.sel);
+          n.row = _.fr, n.col = _.fc, this._tab.sel = null;
+          break;
+        }
+        if (l)
+          d(n.row, (r[n.row] ?? "").length);
+        else if (o || c) {
+          const _ = this._wordSkipRight(r[n.row] ?? "", n.col);
+          d(n.row, _);
+        } else n.col < (r[n.row] ?? "").length ? d(n.row, n.col + 1) : n.row < r.length - 1 && d(n.row + 1, 0);
+        break;
+      case "ArrowLeft":
+        if (e.preventDefault(), this._tab.sel && !i) {
+          const _ = P(this._tab.sel);
+          n.row = _.ar, n.col = _.ac, this._tab.sel = null;
+          break;
+        }
+        if (l)
+          d(n.row, p(n.row));
+        else if (o || c) {
+          const _ = this._wordSkipLeft(r[n.row] ?? "", n.col);
+          d(n.row, _);
+        } else n.col > 0 ? d(n.row, n.col - 1) : n.row > 0 && d(n.row - 1, (r[n.row - 1] ?? "").length);
+        break;
+      case "ArrowDown":
+        if (e.preventDefault(), l) {
+          const _ = h();
+          d(_.row, _.col);
+        } else if (this._config.wordWrap) {
+          const _ = F(this._wm, n.row, n.col), x = Math.min(this._wm.visualRows.length - 1, _.visRow + 1), m = Y(this._wm, x, Math.min(_.colInSeg, (((g = this._wm.visualRows[x]) == null ? void 0 : g.text) ?? "").length));
+          d(m.row, m.col);
+        } else {
+          const _ = Math.min(r.length - 1, n.row + 1);
+          d(_, Math.min(n.col, (r[_] ?? "").length));
+        }
+        break;
+      case "ArrowUp":
+        if (e.preventDefault(), l)
+          d(0, 0);
+        else if (this._config.wordWrap) {
+          const _ = F(this._wm, n.row, n.col), x = Math.max(0, _.visRow - 1), m = Y(this._wm, x, Math.min(_.colInSeg, (((y = this._wm.visualRows[x]) == null ? void 0 : y.text) ?? "").length));
+          d(m.row, m.col);
+        } else {
+          const _ = Math.max(0, n.row - 1);
+          d(_, Math.min(n.col, (r[_] ?? "").length));
+        }
+        break;
+      case "Home":
+        e.preventDefault(), o ? d(0, 0) : d(n.row, p(n.row));
+        break;
+      case "End":
+        if (e.preventDefault(), o) {
+          const _ = h();
+          d(_.row, _.col);
+        } else
+          d(n.row, (r[n.row] ?? "").length);
+        break;
+      case "PageDown":
+        e.preventDefault();
+        {
+          const _ = Math.max(1, Math.floor(this._editorEl.clientHeight / a) - 1), x = Math.min(r.length - 1, n.row + _);
+          d(x, Math.min(n.col, (r[x] ?? "").length)), this._editorEl.scrollTop += this._editorEl.clientHeight - a;
+          break;
+        }
+      case "PageUp":
+        e.preventDefault();
+        {
+          const _ = Math.max(1, Math.floor(this._editorEl.clientHeight / a) - 1), x = Math.max(0, n.row - _);
+          d(x, Math.min(n.col, (r[x] ?? "").length)), this._editorEl.scrollTop -= this._editorEl.clientHeight - a;
+          break;
+        }
+      default:
+        return;
+    }
+    A(this._tab), this._scrollIntoView(), this._acHide(), (f = (v = this._config).onCursorChange) == null || f.call(v, { ...this._tab.cur }), (T = (b = this._config).onSelectionChange) == null || T.call(b, 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;
+    for (; i < e.length && /\s/.test(e[i]); ) i++;
+    for (; i < e.length && /\S/.test(e[i]); ) i++;
+    return i;
+  }
+  _wordSkipLeft(e, t) {
+    let i = t;
+    for (; i > 0 && /\s/.test(e[i - 1]); ) i--;
+    for (; i > 0 && /\S/.test(e[i - 1]); ) i--;
+    return i;
+  }
+  // ── Move lines ────────────────────────────────────────────
+  _moveLines(e) {
+    var l, o, c, d;
+    const { doc: t, cur: i } = this._tab, r = this._tab.sel;
+    let n = i.row, a = i.row;
+    if (r) {
+      const p = P(r);
+      n = p.ar, a = p.fr, p.fc === 0 && p.fr > p.ar && a--;
+    }
+    if (e) {
+      if (n === 0) return;
+      E(this._tab, this._config.maxUndoHistory);
+      const p = t.splice(n, a - n + 1);
+      t.splice(n - 1, 0, ...p), i.row--, r && (r.ar--, r.fr--);
+    } else {
+      if (a >= t.length - 1) return;
+      E(this._tab, this._config.maxUndoHistory);
+      const p = t.splice(n, a - n + 1);
+      t.splice(n + 1, 0, ...p), i.row++, r && (r.ar++, r.fr++);
+    }
+    this._tab.dirty = !0, this._tokenCache.clear(), this._rebuildWrapMap(), A(this._tab), this._scrollIntoView(), this._render(), (o = (l = this._config).onChange) == null || o.call(l, D(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 y, v, f;
+    if (!this._config.hover) return;
+    const i = this._editorEl.getBoundingClientRect(), r = t - i.top + this._editorEl.scrollTop, n = this._config.showGutter ? this._config.gutterWidth : 0, a = e - i.left - n - 14, l = this._config.lineHeight, o = Math.max(0, Math.min(this._wm.visualRows.length - 1, Math.floor(r / l))), c = Math.max(0, Math.min(
+      (((y = this._wm.visualRows[o]) == null ? void 0 : y.text) ?? "").length,
+      Math.round(a / 7.82)
+    )), d = Y(this._wm, o, c), p = this._tab.doc[d.row] ?? "", h = Lt(p, d.col);
+    if (!h) return;
+    let g = Ht(h, this._config.language);
+    if (!g) {
+      const b = this._config.completions.find((T) => T.label === h);
+      b && (b.description || b.detail) && (g = {
+        title: b.label,
+        type: b.detail,
+        body: b.description ?? ""
+      });
+    }
+    if (!g) {
+      const b = (f = (v = this._config).provideHover) == null ? void 0 : f.call(v, {
+        word: h,
+        row: d.row,
+        col: d.col,
+        line: p,
+        language: this._config.language,
+        doc: this._tab.doc
+      });
+      b && (g = b);
+    }
+    g && this._showHoverTip(g, e, t);
+  }
+  _showHoverTip(e, t, i) {
+    const r = this._hoverTip;
+    let n = '<div class="sl-ht-sig">';
+    n += `<span class="sl-ht-title">${q(e.title)}</span>`, e.type && (n += `<code class="sl-ht-type">${q(e.type)}</code>`), n += "</div>", e.title && e.body && (n += '<div class="sl-ht-divider"></div>'), e.body && (n += `<div class="sl-ht-body">${q(e.body)}</div>`), r.innerHTML = n, r.style.display = "block";
+    const a = 12, l = 18, o = r.offsetWidth || 300, c = r.offsetHeight || 80;
+    let d = t, p = i + l;
+    p + c > window.innerHeight - a && (p = i - c - 8), d + o > window.innerWidth - a && (d = window.innerWidth - o - a), d < a && (d = a), r.style.left = `${d}px`, r.style.top = `${Math.max(a, p)}px`;
+  }
+  _hideHover() {
+    this._hoverTimer !== null && (clearTimeout(this._hoverTimer), this._hoverTimer = null), this._hoverPinned = !1, this._hoverTip.style.display = "none";
+  }
+  _onInput(e) {
+    var n, a, l, o;
+    if (this._config.readOnly) {
+      e.target.value = "";
+      return;
+    }
+    const t = e.target, i = t.value;
+    if (t.value = "", !i || i === "Ω") return;
+    const r = i.replace(/[\x00-\x08\x0a-\x1f\x7f]/g, "");
+    if (r) {
+      if (this._extraCursors.length) {
+        const c = _t(
+          this._tab.doc,
+          this._tab.cur.row,
+          this._tab.cur.col,
+          this._extraCursors,
+          r
+        );
+        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, (a = (n = this._config).onChange) == null || a.call(n, D(this._tab.doc));
+      } else
+        this._insertStr(r, !0);
+      this._tokenCache.clear(), this._rebuildWrapMap(), A(this._tab), this._scrollIntoView(), this._render(), this._acTrigger(), this._emmetCheck(), this._snippetCheck(), (o = (l = this._config).onCursorChange) == null || o.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, r, n, a, 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", (o) => {
+      o.key === "Enter" ? o.shiftKey ? this._navFind(-1) : this._navFind(1) : o.key === "Escape" && this._closeFind(), o.stopPropagation();
+    }), this._replaceInput.addEventListener("keydown", (o) => {
+      o.key === "Enter" ? this._doReplaceOne() : o.key === "Escape" && this._closeFind(), o.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()), (r = this._findBar.querySelector(".sl-find-case")) == null || r.addEventListener("click", (o) => {
+      this._findCaseSensitive = !this._findCaseSensitive, o.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());
+    }), (n = this._findBar.querySelector(".sl-find-regex")) == null || n.addEventListener("click", (o) => {
+      this._findRegex = !this._findRegex, o.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());
+    }), (a = this._findBar.querySelector(".sl-replace-one")) == null || a.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 || (E(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, D(this._tab.doc)));
+  }
+  _doReplaceAll() {
+    var t, i;
+    if (!this._findMatches.length) return;
+    const e = this._findMatches.length;
+    E(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, D(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: r, sliderHeight: n } = ie(
+        this._tab.doc.length,
+        this._editorEl.scrollTop,
+        this._editorEl.clientHeight,
+        e.clientHeight,
+        this._config.lineHeight
+      );
+      e.style.cursor = i >= r && i <= r + n ? "grab" : "pointer";
+    }), e.addEventListener("mousedown", (t) => {
+      t.preventDefault();
+      const i = e.clientHeight, r = t.clientY - e.getBoundingClientRect().top, { sliderTop: n, sliderHeight: a } = ie(
+        this._tab.doc.length,
+        this._editorEl.scrollTop,
+        this._editorEl.clientHeight,
+        i,
+        this._config.lineHeight
+      );
+      if (r >= n && r <= n + a)
+        this._mmDragMode = "slider", this._mmSliderOffset = r - n, this._mmDragStartY = t.clientY, this._mmDragStartScroll = this._editorEl.scrollTop, e.style.cursor = "grabbing";
+      else {
+        this._mmDragMode = "jump";
+        const l = Nt(
+          r,
+          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 Gt(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,
+  Ye as THEME_MONOKAI,
+  Ze as THEME_SOLARIZED_LIGHT,
+  qe as THEME_VR_DARK,
+  Ve as THEME_VSCODE_DARK,
+  Gt as createEditor
+};
+//# sourceMappingURL=syncline-editor.es.js.map