@salilvnair/dui 1.0.1 → 1.0.2

package/dist/monaco-setup.js

@@ -1,146 +1,146 @@
-import $, { DiffEditor as ie, loader as ae } from "@monaco-editor/react";
+import K, { DiffEditor as se, loader as le } from "@monaco-editor/react";
 import * as B from "monaco-editor";
-import { k as K, E as V, v as se, w as le, x as ue } from "./chunks/EditorView.shell-BGH2VhWM.js";
-import { jsx as L } from "react/jsx-runtime";
-import { useState as de, useEffect as R, useRef as D, useCallback as G, useMemo as U } from "react";
-import ge from "monaco-editor/esm/vs/editor/editor.worker?worker&inline";
-import ce from "monaco-editor/esm/vs/language/json/json.worker?worker&inline";
-import fe from "monaco-editor/esm/vs/language/html/html.worker?worker&inline";
-import pe from "monaco-editor/esm/vs/language/typescript/ts.worker?worker&inline";
-import { javascriptDefaults as P, JsxEmit as J, ModuleResolutionKind as Z, ModuleKind as Y, ScriptTarget as X, typescriptDefaults as Q } from "monaco-editor/esm/vs/language/typescript/monaco.contribution";
-function H() {
-  var e;
-  const r = ((e = document.body) == null ? void 0 : e.getAttribute("data-vscode-theme-kind")) || document.documentElement.getAttribute("data-vscode-theme-kind");
-  return r ? r === "vscode-light" ? "light" : "dark" : document.documentElement.getAttribute("data-theme") || "dark";
+import { q as U, E as V, A as ue, B as de, F as ge } from "./chunks/EditorView.shell-DWGMOgiy.js";
+import { jsx as A } from "react/jsx-runtime";
+import { useState as ce, useEffect as M, useRef as R, useCallback as H, useMemo as J } from "react";
+import fe from "monaco-editor/esm/vs/editor/editor.worker?worker&inline";
+import pe from "monaco-editor/esm/vs/language/json/json.worker?worker&inline";
+import me from "monaco-editor/esm/vs/language/html/html.worker?worker&inline";
+import ke from "monaco-editor/esm/vs/language/typescript/ts.worker?worker&inline";
+import { javascriptDefaults as P, JsxEmit as Z, ModuleResolutionKind as Y, ModuleKind as X, ScriptTarget as Q, typescriptDefaults as ee } from "monaco-editor/esm/vs/language/typescript/monaco.contribution";
+function z() {
+  var t;
+  const i = ((t = document.body) == null ? void 0 : t.getAttribute("data-vscode-theme-kind")) || document.documentElement.getAttribute("data-vscode-theme-kind");
+  return i ? i === "vscode-light" ? "light" : "dark" : document.documentElement.getAttribute("data-theme") || "dark";
 }
 function q() {
-  const [r, e] = de(H);
-  return R(() => {
-    const l = () => e(H()), g = new MutationObserver(l);
+  const [i, t] = ce(z);
+  return M(() => {
+    const l = () => t(z()), g = new MutationObserver(l);
     g.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme", "data-vscode-theme-kind"] });
     const c = new MutationObserver(l);
     return document.body && c.observe(document.body, { attributes: !0, attributeFilter: ["data-vscode-theme-kind"] }), () => {
       g.disconnect(), c.disconnect();
     };
-  }, []), r;
+  }, []), i;
 }
-const me = "";
-function ke(r, e, l) {
+const he = "";
+function be(i, t, l) {
   return [];
 }
-function he(r) {
+function ye(i) {
   const {
-    breakpoints: e,
+    breakpoints: t,
     disabledBreakpoints: l,
     conditionalBreakpointLines: g,
     pausedLine: c,
-    onToggleBreakpoint: f,
-    onGlyphContextMenu: t
-  } = r, b = D(null), T = D(null), k = D([]), w = D([]), C = D([]), v = D([]), o = G((n) => {
-    const i = b.current;
-    if (!i) return !0;
-    const u = i.getModel();
+    onToggleBreakpoint: m,
+    onGlyphContextMenu: v
+  } = i, e = R(null), E = R(null), k = R([]), C = R([]), b = R([]), y = R([]), o = H((n) => {
+    const r = e.current;
+    if (!r) return !0;
+    const u = r.getModel();
     return !u || n > u.getLineCount() ? !1 : !!u.getLineContent(n).trim();
   }, []);
-  return R(() => {
-    const n = b.current, i = T.current;
-    if (!n || !i) return;
+  return M(() => {
+    const n = e.current, r = E.current;
+    if (!n || !r) return;
     const u = [];
-    if (e)
-      for (const a of e) {
+    if (t)
+      for (const a of t) {
         if (c && a === c) continue;
-        const m = l == null ? void 0 : l.includes(a), p = g == null ? void 0 : g.includes(a);
+        const p = l == null ? void 0 : l.includes(a), f = g == null ? void 0 : g.includes(a);
         let d = "daakia-bp-glyph";
-        m ? d = "daakia-bp-glyph--disabled" : p && (d = "daakia-bp-glyph--conditional"), u.push({
-          range: new i.Range(a, 1, a, 1),
+        p ? d = "daakia-bp-glyph--disabled" : f && (d = "daakia-bp-glyph--conditional"), u.push({
+          range: new r.Range(a, 1, a, 1),
           options: {
             isWholeLine: !0,
-            className: m ? "" : "daakia-bp-line",
-            stickiness: i.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges,
+            className: p ? "" : "daakia-bp-line",
+            stickiness: r.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges,
             glyphMarginClassName: d,
             glyphMarginHoverMessage: {
-              value: p ? "Conditional Breakpoint" : m ? "Disabled Breakpoint" : "Breakpoint"
+              value: f ? "Conditional Breakpoint" : p ? "Disabled Breakpoint" : "Breakpoint"
             }
           }
         });
       }
     k.current = n.deltaDecorations(k.current, u);
-  }, [e, l, g, c]), R(() => {
-    const n = b.current, i = T.current;
-    if (!(!n || !i))
+  }, [t, l, g, c]), M(() => {
+    const n = e.current, r = E.current;
+    if (!(!n || !r))
       if (c) {
-        const a = (e == null ? void 0 : e.includes(c)) ? "daakia-paused-line__arrow daakia-paused-line__arrow--with-bp" : "daakia-paused-line__arrow";
-        w.current = n.deltaDecorations(w.current, [{
-          range: new i.Range(c, 1, c, 1),
+        const a = (t == null ? void 0 : t.includes(c)) ? "daakia-paused-line__arrow daakia-paused-line__arrow--with-bp" : "daakia-paused-line__arrow";
+        C.current = n.deltaDecorations(C.current, [{
+          range: new r.Range(c, 1, c, 1),
           options: {
             isWholeLine: !0,
             className: "daakia-paused-line",
             glyphMarginClassName: a,
-            stickiness: i.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges
+            stickiness: r.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges
           }
         }]), n.revealLineInCenter(c);
       } else
-        w.current = n.deltaDecorations(w.current, []);
-  }, [c, e]), R(() => () => {
-    v.current.forEach((n) => {
-      var i;
-      return (i = n == null ? void 0 : n.dispose) == null ? void 0 : i.call(n);
-    }), v.current = [];
-  }, []), { attach: G((n, i) => {
-    b.current = n, T.current = i;
+        C.current = n.deltaDecorations(C.current, []);
+  }, [c, t]), M(() => () => {
+    y.current.forEach((n) => {
+      var r;
+      return (r = n == null ? void 0 : n.dispose) == null ? void 0 : r.call(n);
+    }), y.current = [];
+  }, []), { attach: H((n, r) => {
+    e.current = n, E.current = r;
     const u = n.getDomNode();
     if (u) {
       const a = u.querySelector(".margin");
       a && a.setAttribute("data-daakia-bp-gutter", "");
     }
-    if (f) {
-      const a = n.onMouseDown((m) => {
-        var p;
-        if (m.event.leftButton && m.target.type === i.editor.MouseTargetType.GUTTER_GLYPH_MARGIN) {
-          const d = (p = m.target.position) == null ? void 0 : p.lineNumber;
-          d && o(d) && f(d);
+    if (m) {
+      const a = n.onMouseDown((p) => {
+        var f;
+        if (p.event.leftButton && p.target.type === r.editor.MouseTargetType.GUTTER_GLYPH_MARGIN) {
+          const d = (f = p.target.position) == null ? void 0 : f.lineNumber;
+          d && o(d) && m(d);
         }
       });
-      v.current.push(a);
+      y.current.push(a);
     }
-    if (t) {
+    if (v) {
       let a = null;
-      const m = n.onMouseDown((d) => {
+      const p = n.onMouseDown((d) => {
         var h;
-        if (d.event.rightButton && (d.target.type === i.editor.MouseTargetType.GUTTER_GLYPH_MARGIN || d.target.type === i.editor.MouseTargetType.GUTTER_LINE_NUMBERS || d.target.type === i.editor.MouseTargetType.GUTTER_LINE_DECORATIONS)) {
-          const x = (h = d.target.position) == null ? void 0 : h.lineNumber;
-          x && o(x) && (a = { line: x, x: d.event.posx, y: d.event.posy });
+        if (d.event.rightButton && (d.target.type === r.editor.MouseTargetType.GUTTER_GLYPH_MARGIN || d.target.type === r.editor.MouseTargetType.GUTTER_LINE_NUMBERS || d.target.type === r.editor.MouseTargetType.GUTTER_LINE_DECORATIONS)) {
+          const N = (h = d.target.position) == null ? void 0 : h.lineNumber;
+          N && o(N) && (a = { line: N, x: d.event.posx, y: d.event.posy });
         }
       });
-      v.current.push(m);
-      const p = n.getDomNode();
-      if (p) {
+      y.current.push(p);
+      const f = n.getDomNode();
+      if (f) {
         const d = (h) => {
-          a ? (h.preventDefault(), h.stopPropagation(), t(a.line, { x: a.x, y: a.y }), a = null) : h.target.closest("[data-daakia-bp-gutter]") && (h.preventDefault(), h.stopPropagation());
+          a ? (h.preventDefault(), h.stopPropagation(), v(a.line, { x: a.x, y: a.y }), a = null) : h.target.closest("[data-daakia-bp-gutter]") && (h.preventDefault(), h.stopPropagation());
         };
-        p.addEventListener("contextmenu", d, !0), v.current.push({ dispose: () => p.removeEventListener("contextmenu", d, !0) });
+        f.addEventListener("contextmenu", d, !0), y.current.push({ dispose: () => f.removeEventListener("contextmenu", d, !0) });
       }
     }
-    if (f) {
-      const a = n.onMouseMove((p) => {
+    if (m) {
+      const a = n.onMouseMove((f) => {
         var d;
-        if (p.target.type === i.editor.MouseTargetType.GUTTER_GLYPH_MARGIN) {
-          const h = (d = p.target.position) == null ? void 0 : d.lineNumber;
+        if (f.target.type === r.editor.MouseTargetType.GUTTER_GLYPH_MARGIN) {
+          const h = (d = f.target.position) == null ? void 0 : d.lineNumber;
           if (h && o(h)) {
-            const x = n.getModel();
-            if (x) {
-              const M = x.getLineDecorations(h);
-              if (!(M == null ? void 0 : M.some(
-                (E) => {
-                  var y, I, A, F;
-                  return ((I = (y = E.options) == null ? void 0 : y.glyphMarginClassName) == null ? void 0 : I.startsWith("daakia-bp-glyph")) && !((F = (A = E.options) == null ? void 0 : A.glyphMarginClassName) != null && F.includes("hover"));
+            const N = n.getModel();
+            if (N) {
+              const L = N.getLineDecorations(h);
+              if (!(L == null ? void 0 : L.some(
+                (S) => {
+                  var T, w, I, F;
+                  return ((w = (T = S.options) == null ? void 0 : T.glyphMarginClassName) == null ? void 0 : w.startsWith("daakia-bp-glyph")) && !((F = (I = S.options) == null ? void 0 : I.glyphMarginClassName) != null && F.includes("hover"));
                 }
               ))) {
-                C.current = n.deltaDecorations(C.current, [{
-                  range: new i.Range(h, 1, h, 1),
+                b.current = n.deltaDecorations(b.current, [{
+                  range: new r.Range(h, 1, h, 1),
                   options: {
                     isWholeLine: !1,
-                    stickiness: i.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges,
+                    stickiness: r.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges,
                     glyphMarginClassName: "daakia-bp-glyph--hover",
                     glyphMarginHoverMessage: { value: "Left-click to add a breakpoint" }
                   }
@@ -150,37 +150,37 @@ function he(r) {
             }
           }
         }
-        C.current.length && (C.current = n.deltaDecorations(C.current, []));
+        b.current.length && (b.current = n.deltaDecorations(b.current, []));
       });
-      v.current.push(a);
-      const m = n.onMouseLeave(() => {
-        C.current.length && (C.current = n.deltaDecorations(C.current, []));
+      y.current.push(a);
+      const p = n.onMouseLeave(() => {
+        b.current.length && (b.current = n.deltaDecorations(b.current, []));
       });
-      v.current.push(m);
+      y.current.push(p);
     }
-    if (e) {
+    if (t) {
       const a = [];
-      for (const m of e) {
-        const p = l == null ? void 0 : l.includes(m), d = g == null ? void 0 : g.includes(m);
+      for (const p of t) {
+        const f = l == null ? void 0 : l.includes(p), d = g == null ? void 0 : g.includes(p);
         let h = "daakia-bp-glyph";
-        p ? h = "daakia-bp-glyph--disabled" : d && (h = "daakia-bp-glyph--conditional"), a.push({
-          range: new i.Range(m, 1, m, 1),
+        f ? h = "daakia-bp-glyph--disabled" : d && (h = "daakia-bp-glyph--conditional"), a.push({
+          range: new r.Range(p, 1, p, 1),
           options: {
             isWholeLine: !0,
-            className: p ? "" : "daakia-bp-line",
-            stickiness: i.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges,
+            className: f ? "" : "daakia-bp-line",
+            stickiness: r.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges,
             glyphMarginClassName: h,
             glyphMarginHoverMessage: {
-              value: d ? "Conditional Breakpoint" : p ? "Disabled Breakpoint" : "Breakpoint"
+              value: d ? "Conditional Breakpoint" : f ? "Disabled Breakpoint" : "Breakpoint"
             }
           }
         });
       }
       k.current = n.deltaDecorations(k.current, a);
     }
-  }, [f, t, o, e, l, g]) };
+  }, [m, v, o, t, l, g]) };
 }
-const ee = {
+const te = {
   navigateLine: null,
   setNavigateLine: () => {
   },
@@ -188,12 +188,12 @@ const ee = {
   status: "idle",
   variables: []
 };
-function _(r) {
-  return r(ee);
+function _(i) {
+  return i(te);
 }
-_.getState = () => ee;
-let z = !1;
-const te = {
+_.getState = () => te;
+let $ = !1;
+const ne = {
   javascript: ".js",
   typescript: ".ts",
   json: ".json",
@@ -205,284 +205,283 @@ const te = {
   yaml: ".yaml",
   sql: ".sql",
   markdown: ".md",
-  plaintext: ".txt"
+  plaintext: ".txt",
+  proto: ".proto"
 };
-function be(r) {
+function Ce(i) {
   let l = 0, g = "";
-  const c = r.replace(/>\s*</g, "><").split(new RegExp("(?<=>)(?=<)"));
-  for (const f of c) {
-    const t = /^<\//.test(f), b = /\/>$/.test(f) || /^<!/.test(f) || /^<\?/.test(f);
-    t && (l = Math.max(0, l - 1)), g += "  ".repeat(l) + f.trim() + `
-`, !t && !b && /^<[^/!?]/.test(f) && l++;
+  const c = i.replace(/>\s*</g, "><").split(new RegExp("(?<=>)(?=<)"));
+  for (const m of c) {
+    const v = /^<\//.test(m), e = /\/>$/.test(m) || /^<!/.test(m) || /^<\?/.test(m);
+    v && (l = Math.max(0, l - 1)), g += "  ".repeat(l) + m.trim() + `
+`, !v && !e && /^<[^/!?]/.test(m) && l++;
   }
   return g.trimEnd();
 }
-function ye(r) {
-  return r.split(`
-`).map((e) => e.trimEnd()).join(`
+function ve(i) {
+  return i.split(`
+`).map((t) => t.trimEnd()).join(`
 `).replace(/\n{3,}/g, `
 
 `).trim();
 }
-function Ce(r) {
-  const e = /\b(SELECT|DISTINCT|FROM|WHERE|INNER JOIN|LEFT JOIN|RIGHT JOIN|FULL OUTER JOIN|FULL JOIN|CROSS JOIN|JOIN|ON|AND|OR|NOT|ORDER BY|GROUP BY|HAVING|LIMIT|OFFSET|UNION ALL|UNION|INTERSECT|EXCEPT|INSERT INTO|VALUES|UPDATE|SET|DELETE FROM|CREATE TABLE|DROP TABLE|ALTER TABLE|WITH)\b/gi;
-  return r.replace(/\s+/g, " ").replace(e, `
+function Ee(i) {
+  const t = /\b(SELECT|DISTINCT|FROM|WHERE|INNER JOIN|LEFT JOIN|RIGHT JOIN|FULL OUTER JOIN|FULL JOIN|CROSS JOIN|JOIN|ON|AND|OR|NOT|ORDER BY|GROUP BY|HAVING|LIMIT|OFFSET|UNION ALL|UNION|INTERSECT|EXCEPT|INSERT INTO|VALUES|UPDATE|SET|DELETE FROM|CREATE TABLE|DROP TABLE|ALTER TABLE|WITH)\b/gi;
+  return i.replace(/\s+/g, " ").replace(t, `
 $1`).split(`
 `).map((l) => l.trim()).filter((l) => l.length > 0).join(`
 `);
 }
-function Ee({
-  value: r,
-  onChange: e,
+function we({
+  value: i,
+  onChange: t,
   language: l = "json",
   height: g = "200px",
   minHeight: c,
-  readOnly: f = !1,
-  placeholder: t,
-  wordWrap: b = !0,
-  size: T,
+  readOnly: m = !1,
+  placeholder: v,
+  wordWrap: e = !0,
+  size: E,
   fontSize: k,
-  className: w = "",
-  bordered: C = !1,
-  onEditorMount: v,
+  className: C = "",
+  bordered: b = !1,
+  onEditorMount: y,
   contextMenuMode: o = "native",
   contextMenuItems: s,
   editorOptions: n,
-  accentColor: i
+  accentColor: r
 }) {
-  const u = K(T), a = k ?? u.fontSize, m = q(), p = D(null), d = D([]), h = U(
-    () => `inmemory://daakia/${crypto.randomUUID()}${te[l] || ".txt"}`,
+  const u = U(E), a = k ?? u.fontSize, p = q(), f = R(null), d = R([]), h = J(
+    () => `inmemory://daakia/${crypto.randomUUID()}${ne[l] || ".txt"}`,
     [l]
-  ), x = typeof g == "number" ? `${g}px` : g, M = c ? `max(${x}, ${c}px)` : x;
-  return R(() => () => {
-    d.current.forEach((y) => {
+  ), N = typeof g == "number" ? `${g}px` : g, L = c ? `max(${N}, ${c}px)` : N;
+  M(() => () => {
+    d.current.forEach((w) => {
       var I;
-      return (I = y == null ? void 0 : y.dispose) == null ? void 0 : I.call(y);
+      return (I = w == null ? void 0 : w.dispose) == null ? void 0 : I.call(w);
     }), d.current = [];
-    const E = p.current;
-    if (E) {
-      const y = E.getModel();
-      y && y.dispose();
+    const T = f.current;
+    if (T) {
+      const w = T.getModel();
+      w && w.dispose();
     }
-  }, []), R(() => {
-    if (!f) return;
-    const E = p.current;
-    if (!E) return;
-    const y = E.getModel();
-    !y || y.getValue() === r || y.setValue(r);
-  }, [r, f]), /* @__PURE__ */ L(V, { bordered: C, containerHeight: M, contextMenuMode: o, contextMenuItems: s, accentColor: i, children: /* @__PURE__ */ L(
-    $,
+  }, []);
+  const O = (T, w) => {
+    f.current = T, d.current = [], re(T, w, { language: l, value: i, placeholder: v, onEditorMount: y, contextMenuMode: o });
+  }, S = p === "light" ? "daakia-light" : "daakia-dark";
+  return /* @__PURE__ */ A(V, { bordered: b, containerHeight: L, contextMenuMode: o, contextMenuItems: s, accentColor: r, children: /* @__PURE__ */ A(
+    K,
     {
       height: "100%",
       language: l,
       path: h,
-      value: r,
-      theme: m === "light" ? "daakia-light" : "daakia-dark",
-      onChange: (E) => e == null ? void 0 : e(E ?? ""),
-      onMount: (E, y) => {
-        p.current = E, d.current = [], oe(E, y, { language: l, value: r, placeholder: t, onEditorMount: v, contextMenuMode: o });
-      },
-      options: ne({ readOnly: f, fontSize: a, wordWrap: b, glyphMargin: !1, contextMenuMode: o, editorOptions: n })
+      value: i,
+      theme: S,
+      onChange: (T) => t == null ? void 0 : t(T ?? ""),
+      onMount: O,
+      options: oe({ readOnly: m, fontSize: a, wordWrap: e, glyphMargin: !1, contextMenuMode: o, editorOptions: n, theme: S })
     }
   ) });
 }
-function ve({
-  value: r,
-  onChange: e,
+function Te({
+  value: i,
+  onChange: t,
   language: l = "json",
   height: g = "200px",
   minHeight: c,
-  readOnly: f = !1,
-  placeholder: t,
-  wordWrap: b = !0,
-  size: T,
+  readOnly: m = !1,
+  placeholder: v,
+  wordWrap: e = !0,
+  size: E,
   fontSize: k,
-  className: w = "",
-  bordered: C = !1,
-  breakpoints: v,
+  className: C = "",
+  bordered: b = !1,
+  breakpoints: y,
   disabledBreakpoints: o,
   conditionalBreakpointLines: s,
   pausedLine: n,
-  onToggleBreakpoint: i,
+  onToggleBreakpoint: r,
   onGlyphContextMenu: u,
   onEditorMount: a,
-  contextMenuMode: m = "native",
-  contextMenuItems: p,
+  contextMenuMode: p = "native",
+  contextMenuItems: f,
   editorOptions: d,
   accentColor: h
 }) {
-  const x = K(T), M = k ?? x.fontSize, W = q(), E = D(null), y = D([]), I = U(
-    () => `inmemory://daakia/${crypto.randomUUID()}${te[l] || ".txt"}`,
+  const N = U(E), L = k ?? N.fontSize, O = q(), S = R(null), T = R([]), w = J(
+    () => `inmemory://daakia/${crypto.randomUUID()}${ne[l] || ".txt"}`,
     [l]
-  ), A = typeof g == "number" ? `${g}px` : g, F = c ? `max(${A}, ${c}px)` : A, { attach: re } = he({
-    breakpoints: v,
+  ), I = typeof g == "number" ? `${g}px` : g, F = c ? `max(${I}, ${c}px)` : I, { attach: ie } = ye({
+    breakpoints: y,
     disabledBreakpoints: o,
     conditionalBreakpointLines: s,
     pausedLine: n,
-    onToggleBreakpoint: i,
+    onToggleBreakpoint: r,
     onGlyphContextMenu: u
-  }), O = _((S) => S.navigateLine);
-  return R(() => () => {
-    y.current.forEach((N) => {
-      var j;
-      return (j = N == null ? void 0 : N.dispose) == null ? void 0 : j.call(N);
-    }), y.current = [];
-    const S = E.current;
-    if (S) {
-      const N = S.getModel();
-      N && N.dispose();
+  }), W = _((D) => D.navigateLine);
+  M(() => () => {
+    T.current.forEach((x) => {
+      var G;
+      return (G = x == null ? void 0 : x.dispose) == null ? void 0 : G.call(x);
+    }), T.current = [];
+    const D = S.current;
+    if (D) {
+      const x = D.getModel();
+      x && x.dispose();
     }
-  }, []), R(() => {
-    if (!f) return;
-    const S = E.current;
-    if (!S) return;
-    const N = S.getModel();
-    !N || N.getValue() === r || N.setValue(r);
-  }, [r, f]), R(() => {
-    !O || !E.current || !v || (E.current.revealLineInCenter(O), E.current.setPosition({ lineNumber: O, column: 1 }), _.getState().setNavigateLine(null));
-  }, [O, v]), /* @__PURE__ */ L(V, { bordered: C, containerHeight: F, contextMenuMode: m, contextMenuItems: p, accentColor: h, children: /* @__PURE__ */ L(
-    $,
+  }, []), M(() => {
+    !W || !S.current || !y || (S.current.revealLineInCenter(W), S.current.setPosition({ lineNumber: W, column: 1 }), _.getState().setNavigateLine(null));
+  }, [W, y]);
+  const ae = (D, x) => {
+    S.current = D, T.current = [], ie(D, x), re(D, x, { language: l, value: i, placeholder: v, onEditorMount: a, contextMenuMode: p });
+  }, j = O === "light" ? "daakia-light" : "daakia-dark";
+  return /* @__PURE__ */ A(V, { bordered: b, containerHeight: F, contextMenuMode: p, contextMenuItems: f, accentColor: h, children: /* @__PURE__ */ A(
+    K,
     {
       height: "100%",
       language: l,
-      path: I,
-      value: r,
-      theme: W === "light" ? "daakia-light" : "daakia-dark",
-      onChange: (S) => e == null ? void 0 : e(S ?? ""),
-      onMount: (S, N) => {
-        E.current = S, y.current = [], re(S, N), oe(S, N, { language: l, value: r, placeholder: t, onEditorMount: a, contextMenuMode: m });
-      },
-      options: ne({ readOnly: f, fontSize: M, wordWrap: b, glyphMargin: !!i, contextMenuMode: m, editorOptions: d })
+      path: w,
+      value: i,
+      theme: j,
+      onChange: (D) => t == null ? void 0 : t(D ?? ""),
+      onMount: ae,
+      options: oe({ readOnly: m, fontSize: L, wordWrap: e, glyphMargin: !!r, contextMenuMode: p, editorOptions: d, theme: j })
     }
   ) });
 }
-function we({ debugSupported: r = !1, className: e = "", ...l }) {
-  return r ? /* @__PURE__ */ L(ve, { className: e, ...l }) : /* @__PURE__ */ L(Ee, { className: e, ...l });
+function Ne({ debugSupported: i = !1, className: t = "", ...l }) {
+  return i ? /* @__PURE__ */ A(Te, { className: t, ...l }) : /* @__PURE__ */ A(we, { className: t, ...l });
 }
-function ne({ readOnly: r, fontSize: e, wordWrap: l, glyphMargin: g, contextMenuMode: c = "native", editorOptions: f }) {
-  var b, T, k, w, C, v, o, s, n, i, u;
-  const t = f ?? {};
+function oe({ readOnly: i, fontSize: t, wordWrap: l, glyphMargin: g, contextMenuMode: c = "native", editorOptions: m, theme: v }) {
+  var E, k, C, b, y, o, s, n, r, u, a;
+  const e = m ?? {};
   return {
+    // Baked into construction options (not just the top-level <Editor theme=""> prop)
+    // so Monaco applies it before its first paint — @monaco-editor/react creates the
+    // editor first and only calls the global setTheme() afterward as a separate step,
+    // which is what caused a flash of the default white 'vs' theme on every remount
+    // (tab switch, subtab switch, new-tab-then-close) before this fix.
+    theme: v,
     // ── Consumer-overridable defaults ────────────────────────────────────────
-    lineNumbers: t.lineNumbers ?? "on",
-    minimap: { enabled: t.minimap ?? !1 },
-    scrollBeyondLastLine: t.scrollBeyondLastLine ?? !1,
-    smoothScrolling: t.smoothScrolling ?? !1,
-    mouseWheelZoom: t.mouseWheelZoom ?? !1,
-    folding: t.folding ?? !0,
-    showFoldingControls: t.showFoldingControls ?? "mouseover",
-    tabSize: t.tabSize ?? 2,
-    formatOnPaste: t.formatOnPaste ?? !0,
-    formatOnType: t.formatOnType ?? !0,
-    autoIndent: t.autoIndent ?? "full",
-    renderWhitespace: t.renderWhitespace ?? "selection",
-    matchBrackets: t.matchBrackets ?? "always",
-    bracketPairColorization: { enabled: t.bracketPairColorization ?? !0 },
-    colorDecorators: t.colorDecorators ?? !0,
-    linkedEditing: t.linkedEditing ?? !0,
-    copyWithSyntaxHighlighting: t.copyWithSyntaxHighlighting ?? !0,
-    quickSuggestions: t.quickSuggestions ?? !0,
-    suggestOnTriggerCharacters: t.suggestOnTriggerCharacters ?? !0,
-    acceptSuggestionOnEnter: t.acceptSuggestionOnEnter ?? "on",
-    hover: { enabled: t.hover ?? !0 },
-    parameterHints: { enabled: t.parameterHints ?? !0 },
-    codeLens: t.codeLens ?? !1,
-    inlayHints: { enabled: t.inlayHints ?? !1 ? "on" : "off" },
-    padding: { top: ((b = t.padding) == null ? void 0 : b.top) ?? 8, bottom: ((T = t.padding) == null ? void 0 : T.bottom) ?? 8 },
-    ...t.cursorStyle && { cursorStyle: t.cursorStyle },
-    ...t.cursorBlinking && { cursorBlinking: t.cursorBlinking },
-    ...t.lineHeight && { lineHeight: t.lineHeight },
-    ...t.letterSpacing && { letterSpacing: t.letterSpacing },
-    ...t.rulers && { rulers: t.rulers },
-    ...t.lineDecorationsWidth !== void 0 && { lineDecorationsWidth: t.lineDecorationsWidth },
-    ...t.lineNumbersMinChars !== void 0 && { lineNumbersMinChars: t.lineNumbersMinChars },
+    lineNumbers: e.lineNumbers ?? "on",
+    minimap: { enabled: e.minimap ?? !1 },
+    scrollBeyondLastLine: e.scrollBeyondLastLine ?? !1,
+    smoothScrolling: e.smoothScrolling ?? !1,
+    mouseWheelZoom: e.mouseWheelZoom ?? !1,
+    folding: e.folding ?? !0,
+    showFoldingControls: e.showFoldingControls ?? "mouseover",
+    tabSize: e.tabSize ?? 2,
+    formatOnPaste: e.formatOnPaste ?? !0,
+    formatOnType: e.formatOnType ?? !0,
+    autoIndent: e.autoIndent ?? "full",
+    renderWhitespace: e.renderWhitespace ?? "selection",
+    matchBrackets: e.matchBrackets ?? "always",
+    bracketPairColorization: { enabled: e.bracketPairColorization ?? !0 },
+    colorDecorators: e.colorDecorators ?? !0,
+    linkedEditing: e.linkedEditing ?? !0,
+    copyWithSyntaxHighlighting: e.copyWithSyntaxHighlighting ?? !0,
+    quickSuggestions: e.quickSuggestions ?? !0,
+    suggestOnTriggerCharacters: e.suggestOnTriggerCharacters ?? !0,
+    acceptSuggestionOnEnter: e.acceptSuggestionOnEnter ?? "on",
+    hover: { enabled: e.hover ?? !0 },
+    parameterHints: { enabled: e.parameterHints ?? !0 },
+    codeLens: e.codeLens ?? !1,
+    inlayHints: { enabled: e.inlayHints ?? !1 ? "on" : "off" },
+    padding: { top: ((E = e.padding) == null ? void 0 : E.top) ?? 8, bottom: ((k = e.padding) == null ? void 0 : k.bottom) ?? 8 },
+    ...e.cursorStyle && { cursorStyle: e.cursorStyle },
+    ...e.cursorBlinking && { cursorBlinking: e.cursorBlinking },
+    ...e.lineHeight && { lineHeight: e.lineHeight },
+    ...e.letterSpacing && { letterSpacing: e.letterSpacing },
+    ...e.rulers && { rulers: e.rulers },
+    ...e.lineDecorationsWidth !== void 0 && { lineDecorationsWidth: e.lineDecorationsWidth },
+    ...e.lineNumbersMinChars !== void 0 && { lineNumbersMinChars: e.lineNumbersMinChars },
     // ── Prop-level overrides (top-level EditorView props win over editorOptions) ─
-    readOnly: r,
-    fontSize: e,
-    wordWrap: t.wordWrap ?? (l ? "on" : "off"),
+    readOnly: i,
+    fontSize: t,
+    wordWrap: e.wordWrap ?? (l ? "on" : "off"),
     // ── DUI structural — never overridable ──────────────────────────────────
     automaticLayout: !0,
     glyphMargin: g,
-    renderLineHighlight: t.renderLineHighlight ?? (g ? "line" : "none"),
+    renderLineHighlight: e.renderLineHighlight ?? (g ? "line" : "none"),
     fixedOverflowWidgets: !0,
     contextmenu: c === "native",
     overviewRulerLanes: 0,
     hideCursorInOverviewRuler: !0,
     overviewRulerBorder: !1,
     scrollbar: {
-      vertical: ((k = t.scrollbar) == null ? void 0 : k.vertical) ?? "auto",
-      horizontal: ((w = t.scrollbar) == null ? void 0 : w.horizontal) ?? "auto",
-      verticalScrollbarSize: ((C = t.scrollbar) == null ? void 0 : C.verticalScrollbarSize) ?? 6,
-      horizontalScrollbarSize: ((v = t.scrollbar) == null ? void 0 : v.horizontalScrollbarSize) ?? 6
+      vertical: ((C = e.scrollbar) == null ? void 0 : C.vertical) ?? "auto",
+      horizontal: ((b = e.scrollbar) == null ? void 0 : b.horizontal) ?? "auto",
+      verticalScrollbarSize: ((y = e.scrollbar) == null ? void 0 : y.verticalScrollbarSize) ?? 6,
+      horizontalScrollbarSize: ((o = e.scrollbar) == null ? void 0 : o.horizontalScrollbarSize) ?? 6
     },
-    fontFamily: t.fontFamily ?? 'Menlo, Monaco, "Courier New", monospace',
+    fontFamily: e.fontFamily ?? 'Menlo, Monaco, "Courier New", monospace',
     autoClosingBrackets: "always",
     autoClosingQuotes: "always",
     autoClosingDelete: "always",
     autoSurround: "languageDefined",
     guides: { bracketPairs: !0, indentation: !0 },
     suggest: {
-      showKeywords: ((o = t.suggest) == null ? void 0 : o.showKeywords) ?? !0,
-      showSnippets: ((s = t.suggest) == null ? void 0 : s.showSnippets) ?? !0,
-      showValues: ((n = t.suggest) == null ? void 0 : n.showValues) ?? !0,
-      showProperties: ((i = t.suggest) == null ? void 0 : i.showProperties) ?? !0,
-      ...((u = t.suggest) == null ? void 0 : u.showIcons) !== void 0 && { showIcons: t.suggest.showIcons }
+      showKeywords: ((s = e.suggest) == null ? void 0 : s.showKeywords) ?? !0,
+      showSnippets: ((n = e.suggest) == null ? void 0 : n.showSnippets) ?? !0,
+      showValues: ((r = e.suggest) == null ? void 0 : r.showValues) ?? !0,
+      showProperties: ((u = e.suggest) == null ? void 0 : u.showProperties) ?? !0,
+      ...((a = e.suggest) == null ? void 0 : a.showIcons) !== void 0 && { showIcons: e.suggest.showIcons }
     }
   };
 }
-function oe(r, e, { language: l, value: g, placeholder: c, onEditorMount: f, contextMenuMode: t = "native" }) {
-  const b = () => r.layout();
-  b(), requestAnimationFrame(b), setTimeout(b, 50), setTimeout(b, 200);
-  const T = r.getContainerDomNode().parentElement;
-  if (T) {
-    const o = new ResizeObserver(b);
-    o.observe(T), r.onDidDispose(() => o.disconnect());
+function re(i, t, { language: l, value: g, placeholder: c, onEditorMount: m, contextMenuMode: v = "native" }) {
+  const e = () => i.layout();
+  e(), requestAnimationFrame(e), setTimeout(e, 50), setTimeout(e, 200);
+  const E = i.getContainerDomNode().parentElement;
+  if (E) {
+    const o = new ResizeObserver(e);
+    o.observe(E), i.onDidDispose(() => o.disconnect());
   }
-  r.updateOptions({
+  i.updateOptions({
     autoClosingBrackets: "always",
     autoClosingQuotes: "always",
     autoClosingDelete: "always",
     autoSurround: "languageDefined",
     autoIndent: "full"
   });
-  const k = e.KeyMod, w = e.KeyCode;
-  r.addAction({
+  const k = t.KeyMod, C = t.KeyCode;
+  i.addAction({
     id: "daakia.clipboard.copy",
     label: "Copy",
-    keybindings: [k.CtrlCmd | w.KeyC],
+    keybindings: [k.CtrlCmd | C.KeyC],
     run: (o) => {
-      var n, i;
+      var n, r;
       const s = o.getSelection();
       if (s && !s.isEmpty())
         navigator.clipboard.writeText(((n = o.getModel()) == null ? void 0 : n.getValueInRange(s)) || "");
       else {
         const u = o.getPosition();
-        u && navigator.clipboard.writeText((((i = o.getModel()) == null ? void 0 : i.getLineContent(u.lineNumber)) || "") + `
+        u && navigator.clipboard.writeText((((r = o.getModel()) == null ? void 0 : r.getLineContent(u.lineNumber)) || "") + `
 `);
       }
     }
-  }), r.addAction({
+  }), i.addAction({
     id: "daakia.clipboard.cut",
     label: "Cut",
-    keybindings: [k.CtrlCmd | w.KeyX],
+    keybindings: [k.CtrlCmd | C.KeyX],
     run: (o) => {
       var n;
       const s = o.getSelection();
       if (s && !s.isEmpty())
         navigator.clipboard.writeText(((n = o.getModel()) == null ? void 0 : n.getValueInRange(s)) || ""), o.executeEdits("cut", [{ range: s, text: "" }]);
       else {
-        const i = o.getPosition();
-        if (i) {
+        const r = o.getPosition();
+        if (r) {
           const u = o.getModel();
-          u && (navigator.clipboard.writeText(u.getLineContent(i.lineNumber) + `
-`), o.executeEdits("cut", [{ range: new e.Range(i.lineNumber, 1, i.lineNumber + 1, 1), text: "" }]));
+          u && (navigator.clipboard.writeText(u.getLineContent(r.lineNumber) + `
+`), o.executeEdits("cut", [{ range: new t.Range(r.lineNumber, 1, r.lineNumber + 1, 1), text: "" }]));
         }
       }
     }
-  }), r.addAction({
+  }), i.addAction({
     id: "daakia.clipboard.paste",
     label: "Paste",
-    keybindings: [k.CtrlCmd | w.KeyV],
+    keybindings: [k.CtrlCmd | C.KeyV],
     run: async (o) => {
       try {
         const s = await navigator.clipboard.readText();
@@ -493,61 +492,61 @@ function oe(r, e, { language: l, value: g, placeholder: c, onEditorMount: f, con
       } catch {
       }
     }
-  }), r.addAction({
+  }), i.addAction({
     id: "daakia.clipboard.selectAll",
     label: "Select All",
-    keybindings: [k.CtrlCmd | w.KeyA],
+    keybindings: [k.CtrlCmd | C.KeyA],
     run: (o) => {
       const s = o.getModel();
       s && o.setSelection(s.getFullModelRange());
     }
-  }), r.addAction({
+  }), i.addAction({
     id: "daakia.format.document",
     label: "Format Document",
-    keybindings: [k.Shift | k.Alt | w.KeyF],
+    keybindings: [k.Shift | k.Alt | C.KeyF],
     contextMenuGroupId: "modification",
     contextMenuOrder: 1.5,
     run: async (o) => {
-      var i;
+      var r;
       const s = o.getModel();
       if (!s) return;
       const n = s.getLanguageId();
       if (n === "xml" || n === "html")
         try {
-          const u = s.getValue(), a = be(u);
+          const u = s.getValue(), a = Ce(u);
           a !== u && o.executeEdits("daakia.format", [{ range: s.getFullModelRange(), text: a }]);
         } catch {
         }
       else if (n === "yaml")
         try {
-          const u = s.getValue(), a = ye(u);
+          const u = s.getValue(), a = ve(u);
           a !== u && o.executeEdits("daakia.format", [{ range: s.getFullModelRange(), text: a }]);
         } catch {
         }
       else if (n === "sql")
         try {
-          const u = s.getValue(), a = Ce(u);
+          const u = s.getValue(), a = Ee(u);
           a !== u && o.executeEdits("daakia.format", [{ range: s.getFullModelRange(), text: a }]);
         } catch {
         }
       else
-        await ((i = o.getAction("editor.action.formatDocument")) == null ? void 0 : i.run());
+        await ((r = o.getAction("editor.action.formatDocument")) == null ? void 0 : r.run());
     }
-  }), r.addAction({
+  }), i.addAction({
     id: "daakia.findAndReplace",
     label: "Find and Replace",
-    keybindings: [k.CtrlCmd | k.Shift | w.KeyH],
+    keybindings: [k.CtrlCmd | k.Shift | C.KeyH],
     contextMenuGroupId: "navigation",
     contextMenuOrder: 1.5,
     run: () => {
       var o;
-      return (o = r.getAction("editor.action.startFindReplaceAction")) == null ? void 0 : o.run();
+      return (o = i.getAction("editor.action.startFindReplaceAction")) == null ? void 0 : o.run();
     }
   });
-  const C = r.getModel();
-  if (C) {
-    const o = C.getLanguageId();
-    o === "xml" || o === "html" ? (e.languages.setLanguageConfiguration(o, {
+  const b = i.getModel();
+  if (b) {
+    const o = b.getLanguageId();
+    o === "xml" || o === "html" ? (t.languages.setLanguageConfiguration(o, {
       autoClosingPairs: [
         { open: "{", close: "}" },
         { open: "[", close: "]" },
@@ -569,34 +568,34 @@ function oe(r, e, { language: l, value: g, placeholder: c, onEditorMount: f, con
         {
           beforeText: /<([_:\w][_:\w\-.\d]*)([^/>]*(?!\/)>)\s*$/i,
           afterText: /^<\/([_:\w][_:\w\-.\d]*)\s*>$/i,
-          action: { indentAction: e.languages.IndentAction.IndentOutdent }
+          action: { indentAction: t.languages.IndentAction.IndentOutdent }
         },
         {
           beforeText: /<([_:\w][_:\w\-.\d]*)([^/>]*(?!\/)>)\s*$/i,
-          action: { indentAction: e.languages.IndentAction.Indent }
+          action: { indentAction: t.languages.IndentAction.Indent }
         }
       ],
       wordPattern: /(-?\d*\.\d\w*)|([^\`\~\!\@\#\$\%\^\&\*\(\)\-\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\?\s]+)/g
-    }), e.languages.registerCompletionItemProvider(o, {
+    }), t.languages.registerCompletionItemProvider(o, {
       triggerCharacters: ["/"],
       provideCompletionItems: (s, n) => {
-        const i = s.getValueInRange({
+        const r = s.getValueInRange({
           startLineNumber: 1,
           startColumn: 1,
           endLineNumber: n.lineNumber,
           endColumn: n.column
         });
-        if (i.match(/<\/\s*$/)) {
-          const a = [], m = /<\/?([_:\w][_:\w\-.\d]*)[^>]*\/?>/g;
-          let p;
-          for (; (p = m.exec(i.slice(0, -2))) !== null; )
-            p[0].startsWith("</") ? a.pop() : p[0].endsWith("/>") || a.push(p[1]);
+        if (r.match(/<\/\s*$/)) {
+          const a = [], p = /<\/?([_:\w][_:\w\-.\d]*)[^>]*\/?>/g;
+          let f;
+          for (; (f = p.exec(r.slice(0, -2))) !== null; )
+            f[0].startsWith("</") ? a.pop() : f[0].endsWith("/>") || a.push(f[1]);
           const d = a[a.length - 1];
           if (d)
             return {
               suggestions: [{
                 label: `/${d}>`,
-                kind: e.languages.CompletionItemKind.Keyword,
+                kind: t.languages.CompletionItemKind.Keyword,
                 insertText: `${d}>`,
                 range: {
                   startLineNumber: n.lineNumber,
@@ -609,7 +608,7 @@ function oe(r, e, { language: l, value: g, placeholder: c, onEditorMount: f, con
         }
         return { suggestions: [] };
       }
-    })) : e.languages.setLanguageConfiguration(o, {
+    })) : t.languages.setLanguageConfiguration(o, {
       autoClosingPairs: [
         { open: "{", close: "}" },
         { open: "[", close: "]" },
@@ -627,7 +626,7 @@ function oe(r, e, { language: l, value: g, placeholder: c, onEditorMount: f, con
       ]
     });
   }
-  e.languages.getLanguages().some((o) => o.id === "graphql") || (e.languages.register({ id: "graphql" }), e.languages.setMonarchTokensProvider("graphql", {
+  t.languages.getLanguages().some((o) => o.id === "graphql") || (t.languages.register({ id: "graphql" }), t.languages.setMonarchTokensProvider("graphql", {
     keywords: ["type", "input", "enum", "union", "interface", "scalar", "schema", "query", "mutation", "subscription", "fragment", "on", "extend", "implements", "directive", "repeatable"],
     typeKeywords: ["String", "Int", "Float", "Boolean", "ID"],
     operators: ["!", "=", "|", "&", "..."],
@@ -649,7 +648,7 @@ function oe(r, e, { language: l, value: g, placeholder: c, onEditorMount: f, con
         [/@[a-zA-Z_]\w*/, "annotation"]
       ]
     }
-  })), l === "javascript" && (z || (e.languages.typescript.javascriptDefaults.addExtraLib(me, "dk-globals.d.ts"), z = !0), e.languages.registerCompletionItemProvider("javascript", {
+  })), l === "javascript" && ($ || (t.languages.typescript.javascriptDefaults.addExtraLib(he, "dk-globals.d.ts"), $ = !0), t.languages.registerCompletionItemProvider("javascript", {
     triggerCharacters: ["."],
     provideCompletionItems: (o, s) => {
       const n = o.getValueInRange({
@@ -657,48 +656,54 @@ function oe(r, e, { language: l, value: g, placeholder: c, onEditorMount: f, con
         startColumn: 1,
         endLineNumber: s.lineNumber,
         endColumn: s.column
-      }), i = ke();
-      if (i.length > 0) return { suggestions: i };
+      }), r = be();
+      if (r.length > 0) return { suggestions: r };
       const u = { startLineNumber: s.lineNumber, endLineNumber: s.lineNumber, startColumn: s.column, endColumn: s.column };
       return /\bconsole\.\s*$/.test(n) ? {
         suggestions: [
-          { label: "log", kind: e.languages.CompletionItemKind.Function, insertText: "log(${1})", insertTextRules: e.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Log output", range: u },
-          { label: "info", kind: e.languages.CompletionItemKind.Function, insertText: "info(${1})", insertTextRules: e.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Info output", range: u },
-          { label: "warn", kind: e.languages.CompletionItemKind.Function, insertText: "warn(${1})", insertTextRules: e.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Warning output", range: u },
-          { label: "error", kind: e.languages.CompletionItemKind.Function, insertText: "error(${1})", insertTextRules: e.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Error output", range: u },
-          { label: "debug", kind: e.languages.CompletionItemKind.Function, insertText: "debug(${1})", insertTextRules: e.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Debug output", range: u }
+          { label: "log", kind: t.languages.CompletionItemKind.Function, insertText: "log(${1})", insertTextRules: t.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Log output", range: u },
+          { label: "info", kind: t.languages.CompletionItemKind.Function, insertText: "info(${1})", insertTextRules: t.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Info output", range: u },
+          { label: "warn", kind: t.languages.CompletionItemKind.Function, insertText: "warn(${1})", insertTextRules: t.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Warning output", range: u },
+          { label: "error", kind: t.languages.CompletionItemKind.Function, insertText: "error(${1})", insertTextRules: t.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Error output", range: u },
+          { label: "debug", kind: t.languages.CompletionItemKind.Function, insertText: "debug(${1})", insertTextRules: t.languages.CompletionItemInsertTextRule.InsertAsSnippet, detail: "Debug output", range: u }
         ]
       } : { suggestions: [] };
     }
-  })), !g && c && r.updateOptions({ placeholder: c }), f == null || f(r, e), r.updateOptions({ contextmenu: t === "native" });
+  })), !g && c && i.updateOptions({ placeholder: c }), m == null || m(i, t), i.updateOptions({ contextmenu: v === "native" });
 }
-function Te({
-  original: r,
-  modified: e,
+function Se({
+  original: i,
+  modified: t,
   language: l = "sql",
   height: g = 300,
   readOnly: c = !0,
-  renderSideBySide: f = !0,
-  wordWrap: t = !1,
-  fontSize: b = 12,
-  theme: T,
+  renderSideBySide: m = !0,
+  wordWrap: v = !1,
+  fontSize: e = 12,
+  theme: E,
   onMount: k
 }) {
-  const w = q(), C = T ?? (w === "light" ? "vs" : "vs-dark"), v = typeof g == "number" ? `${g}px` : g;
-  return /* @__PURE__ */ L(
-    ie,
+  const C = q(), b = E ?? (C === "light" ? "vs" : "vs-dark"), y = typeof g == "number" ? `${g}px` : g;
+  return /* @__PURE__ */ A(
+    se,
     {
-      height: v,
+      height: y,
       language: l,
-      theme: C,
-      original: r,
-      modified: e,
+      theme: b,
+      original: i,
+      modified: t,
       onMount: k,
       options: {
         readOnly: c,
-        renderSideBySide: f,
-        wordWrap: t ? "on" : "off",
-        fontSize: b,
+        renderSideBySide: m,
+        // Monaco silently drops to inline/unified rendering below its own
+        // width threshold regardless of renderSideBySide — this diff editor
+        // is often mounted inside narrow panels (e.g. Merkle's expanded
+        // table row), so pin side-by-side explicitly instead of letting it
+        // auto-collapse.
+        useInlineViewWhenSpaceIsLimited: !1,
+        wordWrap: v ? "on" : "off",
+        fontSize: e,
         automaticLayout: !0,
         minimap: { enabled: !1 },
         scrollBeyondLastLine: !1,
@@ -710,8 +715,8 @@ function Te({
   );
 }
 window.MonacoEnvironment = {
-  getWorker(r, e) {
-    return e === "json" ? new ce() : e === "html" || e === "handlebars" || e === "razor" ? new fe() : e === "typescript" || e === "javascript" ? new pe() : new ge();
+  getWorker(i, t) {
+    return t === "json" ? new pe() : t === "html" || t === "handlebars" || t === "razor" ? new me() : t === "typescript" || t === "javascript" ? new ke() : new fe();
   }
 };
 B.editor.defineTheme("daakia-dark", {
@@ -782,33 +787,33 @@ B.editor.defineTheme("daakia-dark", {
   }
 });
 P.setCompilerOptions({
-  target: X.ESNext,
-  module: Y.ESNext,
+  target: Q.ESNext,
+  module: X.ESNext,
   allowNonTsExtensions: !0,
   allowJs: !0,
   checkJs: !0,
   strict: !1,
   noEmit: !0,
   esModuleInterop: !0,
-  moduleResolution: Z.NodeJs,
-  jsx: J.React
+  moduleResolution: Y.NodeJs,
+  jsx: Z.React
 });
 P.setDiagnosticsOptions({
   noSemanticValidation: !1,
   noSyntaxValidation: !1
 });
 P.setEagerModelSync(!0);
-Q.setEagerModelSync(!0);
-Q.setCompilerOptions({
-  target: X.ESNext,
-  module: Y.ESNext,
+ee.setEagerModelSync(!0);
+ee.setCompilerOptions({
+  target: Q.ESNext,
+  module: X.ESNext,
   allowNonTsExtensions: !0,
   allowJs: !0,
   strict: !1,
   noEmit: !0,
   esModuleInterop: !0,
-  moduleResolution: Z.NodeJs,
-  jsx: J.React
+  moduleResolution: Y.NodeJs,
+  jsx: Z.React
 });
 B.editor.defineTheme("daakia-light", {
   base: "vs",
@@ -868,13 +873,13 @@ B.editor.defineTheme("daakia-light", {
     focusBorder: "#6366f1"
   }
 });
-ae.config({ monaco: B });
+le.config({ monaco: B });
 window.monaco = B;
-le(we);
-ue(Te);
-se();
-function Fe(r) {
-  B.editor.setTheme(r === "dark" ? "daakia-dark" : "daakia-light");
+de(Ne);
+ge(Se);
+ue();
+function Fe(i) {
+  B.editor.setTheme(i === "dark" ? "daakia-dark" : "daakia-light");
 }
 export {
   Fe as applyMonacoTheme,