@editora/plugins 1.0.6 → 1.0.8

package/dist/code.esm.js

@@ -1,4 +1,4 @@
-class H {
+class D {
   constructor(e = "") {
     this._lines = [], this._version = 0, this.setText(e);
   }
@@ -30,28 +30,28 @@ class H {
       return this.getLine(e.start.line).substring(e.start.column, e.end.column);
     const t = [];
     t.push(this.getLine(e.start.line).substring(e.start.column));
-    for (let i = e.start.line + 1; i < e.end.line; i++)
-      t.push(this.getLine(i));
+    for (let s = e.start.line + 1; s < e.end.line; s++)
+      t.push(this.getLine(s));
     return e.end.line < this.getLineCount() && t.push(this.getLine(e.end.line).substring(0, e.end.column)), t.join(`
 `);
   }
   // Replace text in range
   replaceRange(e, t) {
-    const i = this.getTextInRange(e);
+    const s = this.getTextInRange(e);
     if (e.start.line === e.end.line) {
-      const s = this.getLine(e.start.line), r = s.substring(0, e.start.column) + t + s.substring(e.end.column);
-      this._lines[e.start.line] = r;
+      const i = this.getLine(e.start.line), n = i.substring(0, e.start.column) + t + i.substring(e.end.column);
+      this._lines[e.start.line] = n;
     } else {
-      const s = this.getLine(e.start.line), r = this.getLine(e.end.line), o = s.substring(0, e.start.column) + t, n = r.substring(e.end.column), l = t.split(`
+      const i = this.getLine(e.start.line), n = this.getLine(e.end.line), r = i.substring(0, e.start.column) + t, o = n.substring(e.end.column), l = t.split(`
 `);
-      l[0] = o + l[0], l[l.length - 1] = l[l.length - 1] + n, this._lines.splice(e.start.line, e.end.line - e.start.line + 1, ...l);
+      l[0] = r + l[0], l[l.length - 1] = l[l.length - 1] + o, this._lines.splice(e.start.line, e.end.line - e.start.line + 1, ...l);
     }
-    return this._version++, { range: e, text: t, oldText: i };
+    return this._version++, { range: e, text: t, oldText: s };
   }
   // Insert text at position
   insertText(e, t) {
-    const i = { start: e, end: e };
-    return this.replaceRange(i, t);
+    const s = { start: e, end: e };
+    return this.replaceRange(s, t);
   }
   // Delete text in range
   deleteRange(e) {
@@ -60,18 +60,18 @@ class H {
   // Convert position to offset
   positionToOffset(e) {
     let t = 0;
-    for (let i = 0; i < e.line; i++)
-      t += this.getLine(i).length + 1;
+    for (let s = 0; s < e.line; s++)
+      t += this.getLine(s).length + 1;
     return t += e.column, t;
   }
   // Convert offset to position
   offsetToPosition(e) {
     let t = e;
-    for (let i = 0; i < this.getLineCount(); i++) {
-      const s = this.getLine(i).length;
-      if (t <= s)
-        return { line: i, column: t };
-      t -= s + 1;
+    for (let s = 0; s < this.getLineCount(); s++) {
+      const i = this.getLine(s).length;
+      if (t <= i)
+        return { line: s, column: t };
+      t -= i + 1;
     }
     return {
       line: this.getLineCount() - 1,
@@ -92,18 +92,18 @@ class H {
   }
   // Clone the model
   clone() {
-    const e = new H();
+    const e = new D();
     return e._lines = [...this._lines], e._version = this._version, e;
   }
 }
-class P {
+class Z {
   constructor(e) {
-    this.gutterWidth = 50, this.lineHeight = 21, this.trailingNewlineMarkerAttr = "data-lce-trailing-newline-marker", this.container = e, this.createDOM();
+    this.gutterWidth = 50, this.lineHeight = 21, this.trailingNewlineMarkerAttr = "data-lce-trailing-newline-marker", this.virtualMarkerRegex = /[\u200B\uE000]/, this.container = e, this.createDOM();
   }
   createDOM() {
     this.container.innerHTML = "";
     const e = document.createElement("div");
-    this.editorContainer = e, e.style.cssText = `
+    this.editorContainer = e, e.setAttribute("data-lce-editor-container", "true"), e.style.cssText = `
       position: relative;
       display: flex;
       width: 100%;
@@ -149,8 +149,8 @@ class P {
   }
   // Update line numbers
   updateLineNumbers(e) {
-    const t = Math.max(e, 20), i = Array.from({ length: t }, (s, r) => r + 1);
-    this.lineNumbersElement.innerHTML = i.map((s) => `<div style="height: ${this.lineHeight}px; line-height: ${this.lineHeight}px; padding-right: 12px;">${s}</div>`).join("");
+    const t = Math.max(e, 20), s = Array.from({ length: t }, (i, n) => n + 1);
+    this.lineNumbersElement.innerHTML = s.map((i) => `<div style="height: ${this.lineHeight}px; line-height: ${this.lineHeight}px; padding-right: 12px;">${i}</div>`).join("");
   }
   // Get content element
   getContentElement() {
@@ -175,11 +175,11 @@ class P {
   }
   // Set inner HTML (used for syntax highlighted content)
   setHTML(e) {
-    const t = /\n$/.test(e), i = /&lt;|&gt;/.test(e), s = /<span\b/i.test(e), r = /<[^>]+>/.test(e);
-    i && s ? this.contentElement.innerHTML = e : r && !i ? this.contentElement.textContent = e : this.contentElement.innerHTML = e, this.syncTrailingNewlineMarker(t);
-    const o = (this.contentElement.textContent || "").split(`
+    const t = /\n$/.test(e), s = /&lt;|&gt;/.test(e), i = /<span\b/i.test(e), n = /<[^>]+>/.test(e);
+    s && i ? this.contentElement.innerHTML = e : n && !s ? this.contentElement.textContent = e : this.contentElement.innerHTML = e, this.syncTrailingNewlineMarker(t);
+    const r = (this.contentElement.textContent || "").split(`
 `).length;
-    this.updateLineNumbers(o);
+    this.updateLineNumbers(r);
   }
   // Keep trailing-newline caret marker in sync for live contenteditable edits
   // (without forcing a full setText/setHTML render).
@@ -192,53 +192,38 @@ class P {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0)
       return { line: 0, column: 0 };
-    const t = e.getRangeAt(0), i = t.cloneRange();
-    i.selectNodeContents(this.contentElement), i.setEnd(t.endContainer, t.endOffset);
-    const s = i.toString().replace(/\u200B/g, "").split(`
+    const t = e.getRangeAt(0), s = t.cloneRange();
+    s.selectNodeContents(this.contentElement), s.setEnd(t.endContainer, t.endOffset);
+    const i = s.toString().replace(/\u200B/g, "").split(`
 `);
     return {
-      line: s.length - 1,
-      column: s[s.length - 1].length
+      line: i.length - 1,
+      column: i[i.length - 1].length
     };
   }
   // Set cursor position
   setCursorPosition(e) {
     const t = this.getText().split(`
-`), i = Math.min(e.line, t.length - 1), s = Math.min(e.column, t[i]?.length || 0);
-    let r = 0;
-    for (let u = 0; u < i; u++)
-      r += t[u].length + 1;
-    r += s;
-    const o = document.createRange(), n = window.getSelection();
-    let l = 0, a = null, c = 0;
-    const g = document.createTreeWalker(
-      this.contentElement,
-      NodeFilter.SHOW_TEXT,
-      null
-    );
-    let h;
-    for (; h = g.nextNode(); ) {
-      const u = h.textContent?.length || 0;
-      if (l + u >= r) {
-        a = h, c = r - l;
-        break;
-      }
-      l += u;
-    }
-    if (a)
+`), s = Math.min(e.line, t.length - 1), i = Math.min(e.column, t[s]?.length || 0);
+    let n = 0;
+    for (let h = 0; h < s; h++)
+      n += t[h].length + 1;
+    n += i;
+    const r = document.createRange(), o = window.getSelection(), l = this.resolveOffsetToDomPoint(n);
+    if (l)
       try {
-        o.setStart(a, c), o.setEnd(a, c), n?.removeAllRanges(), n?.addRange(o), this.ensureCaretVisible();
-      } catch (u) {
-        console.warn("Could not set cursor position:", u);
+        r.setStart(l.node, l.offset), r.setEnd(l.node, l.offset), o?.removeAllRanges(), o?.addRange(r), this.ensureCaretVisible();
+      } catch (h) {
+        console.warn("Could not set cursor position:", h);
       }
     else {
-      const u = this.contentElement.querySelector(
+      const h = this.contentElement.querySelector(
         `[${this.trailingNewlineMarkerAttr}]`
       );
       try {
-        u && u.parentNode === this.contentElement ? o.setStartBefore(u) : (o.selectNodeContents(this.contentElement), o.collapse(!1)), o.collapse(!0), n?.removeAllRanges(), n?.addRange(o), this.ensureCaretVisible();
-      } catch (d) {
-        console.warn("Could not set fallback cursor position:", d);
+        h && h.parentNode === this.contentElement ? r.setStartBefore(h) : (r.selectNodeContents(this.contentElement), r.collapse(!1)), r.collapse(!0), o?.removeAllRanges(), o?.addRange(r), this.ensureCaretVisible();
+      } catch (a) {
+        console.warn("Could not set fallback cursor position:", a);
       }
     }
   }
@@ -247,27 +232,46 @@ class P {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0 || e.isCollapsed)
       return;
-    const t = e.getRangeAt(0), i = t.cloneRange();
-    i.selectNodeContents(this.contentElement), i.setEnd(t.startContainer, t.startOffset);
-    const s = i.toString().replace(/\u200B/g, "").split(`
-`), r = t.cloneRange();
-    r.selectNodeContents(this.contentElement), r.setEnd(t.endContainer, t.endOffset);
-    const o = r.toString().replace(/\u200B/g, "").split(`
+    const t = e.getRangeAt(0), s = t.cloneRange();
+    s.selectNodeContents(this.contentElement), s.setEnd(t.startContainer, t.startOffset);
+    const i = s.toString().replace(/\u200B/g, "").split(`
+`), n = t.cloneRange();
+    n.selectNodeContents(this.contentElement), n.setEnd(t.endContainer, t.endOffset);
+    const r = n.toString().replace(/\u200B/g, "").split(`
 `);
     return {
       start: {
-        line: s.length - 1,
-        column: s[s.length - 1].length
+        line: i.length - 1,
+        column: i[i.length - 1].length
       },
       end: {
-        line: o.length - 1,
-        column: o[o.length - 1].length
+        line: r.length - 1,
+        column: r[r.length - 1].length
       }
     };
   }
   // Set selection range
   setSelectionRange(e) {
-    this.setCursorPosition(e.start);
+    const t = this.getText().split(`
+`), s = (c) => {
+      const u = Math.max(0, Math.min(c.line, t.length - 1)), f = Math.max(
+        0,
+        Math.min(c.column, t[u] ? t[u].length : 0)
+      );
+      let d = 0;
+      for (let g = 0; g < u; g++)
+        d += t[g].length + 1;
+      return d + f;
+    }, i = s(e.start), n = s(e.end), [r, o] = i <= n ? [i, n] : [n, i], l = this.resolveOffsetToDomPoint(r), h = this.resolveOffsetToDomPoint(o);
+    if (!l || !h) return;
+    const a = document.createRange();
+    try {
+      a.setStart(l.node, l.offset), a.setEnd(h.node, h.offset);
+      const c = window.getSelection();
+      c?.removeAllRanges(), c?.addRange(a), this.ensureCaretVisible();
+    } catch (c) {
+      console.warn("Could not set selection range:", c);
+    }
   }
   // Focus the editor
   focus() {
@@ -283,8 +287,8 @@ class P {
   }
   // Apply theme
   applyTheme(e) {
-    Object.entries(e).forEach(([t, i]) => {
-      this.container.style.setProperty(`--${t}`, i);
+    Object.entries(e).forEach(([t, s]) => {
+      this.container.style.setProperty(`--${t}`, s);
     });
   }
   // Scroll to position
@@ -296,12 +300,16 @@ class P {
   getScrollTop() {
     return this.editorContainer.scrollTop;
   }
+  // Get primary scroll element
+  getScrollElement() {
+    return this.editorContainer;
+  }
   // Set scroll position
   setScrollTop(e) {
     this.editorContainer.scrollTop = e;
   }
   syncTrailingNewlineMarker(e) {
-    if (this.contentElement.querySelectorAll(`[${this.trailingNewlineMarkerAttr}]`).forEach((i) => i.remove()), !e) return;
+    if (this.contentElement.querySelectorAll(`[${this.trailingNewlineMarkerAttr}]`).forEach((s) => s.remove()), !e) return;
     const t = document.createElement("span");
     t.setAttribute(this.trailingNewlineMarkerAttr, "true"), t.setAttribute("aria-hidden", "true"), t.contentEditable = "false", t.style.cssText = `
       display: inline-block;
@@ -317,17 +325,55 @@ class P {
     if (!e || e.rangeCount === 0) return;
     const t = e.getRangeAt(0).cloneRange();
     t.collapse(!1);
-    let i = t.getClientRects()[0] || t.getBoundingClientRect();
-    if ((!i || i.width === 0 && i.height === 0) && e.focusNode instanceof Element ? i = e.focusNode.getBoundingClientRect() : (!i || i.width === 0 && i.height === 0) && e.focusNode?.parentElement && (i = e.focusNode.parentElement.getBoundingClientRect()), !i) return;
-    const s = this.editorContainer.getBoundingClientRect(), r = 12;
-    i.bottom > s.bottom - r ? this.editorContainer.scrollTop += i.bottom - (s.bottom - r) : i.top < s.top + r && (this.editorContainer.scrollTop -= s.top + r - i.top);
+    let s = t.getClientRects()[0] || t.getBoundingClientRect();
+    if ((!s || s.width === 0 && s.height === 0) && e.focusNode instanceof Element ? s = e.focusNode.getBoundingClientRect() : (!s || s.width === 0 && s.height === 0) && e.focusNode?.parentElement && (s = e.focusNode.parentElement.getBoundingClientRect()), !s) return;
+    const i = this.editorContainer.getBoundingClientRect(), n = 12;
+    s.bottom > i.bottom - n ? this.editorContainer.scrollTop += s.bottom - (i.bottom - n) : s.top < i.top + n && (this.editorContainer.scrollTop -= i.top + n - s.top);
   }
   // Destroy the view
   destroy() {
     this.container && this.container.parentNode && this.container.parentNode.removeChild(this.container), this._rafId && (cancelAnimationFrame(this._rafId), this._rafId = void 0);
   }
+  resolveOffsetToDomPoint(e) {
+    const t = Math.max(0, e);
+    let s = 0;
+    const i = document.createTreeWalker(
+      this.contentElement,
+      NodeFilter.SHOW_TEXT,
+      null
+    );
+    let n = null, r;
+    for (; r = i.nextNode(); ) {
+      if (r.parentElement?.hasAttribute(this.trailingNewlineMarkerAttr))
+        continue;
+      n = r;
+      const o = r.textContent || "", l = this.buildVisibleToDomMap(o), h = Math.max(0, l.length - 1);
+      if (s + h >= t) {
+        const a = Math.max(0, t - s), c = l[a] ?? o.length;
+        return {
+          node: r,
+          offset: c
+        };
+      }
+      s += h;
+    }
+    if (n) {
+      const o = n.textContent?.length || 0;
+      return { node: n, offset: o };
+    }
+    return null;
+  }
+  buildVisibleToDomMap(e) {
+    const t = [0];
+    let s = 0;
+    for (let i = 0; i < e.length; i++) {
+      const n = e[i];
+      this.virtualMarkerRegex.test(n) || (s += 1, t[s] = i + 1);
+    }
+    return t;
+  }
 }
-const $ = class M {
+const F = class L {
   constructor(e, t = {}) {
     this.extensions = /* @__PURE__ */ new Map(), this.commands = /* @__PURE__ */ new Map(), this.eventListeners = /* @__PURE__ */ new Map(), this.folds = [], this.currentTheme = "default", this.isDestroyed = !1, this.undoStack = [], this.redoStack = [], this.suppressHistory = !1, this.highlightTimeout = null, this.expectingProgrammaticCursor = !1, this.config = {
       value: "",
@@ -337,7 +383,7 @@ const $ = class M {
       lineWrapping: !1,
       lineNumbers: !0,
       ...t
-    }, this.textModel = new H(this.config.value), this.view = new P(e), this.setupEventHandlers(), this.config.extensions && this.config.extensions.forEach((i) => this.addExtension(i)), this.setTheme(this.config.theme), this.view.setReadOnly(this.config.readOnly || !1), this.renderTextWithHighlight(this.textModel.getText()), this.registerBuiltInCommands();
+    }, this.textModel = new D(this.config.value), this.view = new Z(e), this.setupEventHandlers(), this.config.extensions && this.config.extensions.forEach((s) => this.addExtension(s)), this.setTheme(this.config.theme), this.view.setReadOnly(this.config.readOnly || !1), this.renderTextWithHighlight(this.textModel.getText()), this.registerBuiltInCommands();
   }
   // Public accessors for extensions
   getTextModel() {
@@ -363,21 +409,21 @@ const $ = class M {
   setupEventHandlers() {
     const e = this.view.getContentElement();
     e.addEventListener("input", () => {
-      const t = this.view.getText(), i = this.textModel.getText();
-      if (t !== i) {
+      const t = this.view.getText(), s = this.textModel.getText();
+      if (t !== s) {
         if (!this.suppressHistory) {
-          const s = this.getCursor().position, r = this.textModel.positionToOffset(s), o = this.getSelection();
-          let n, l;
-          o && (n = this.textModel.positionToOffset(o.start), l = this.textModel.positionToOffset(o.end)), this.undoStack.push({ text: i, cursorOffset: r, anchorOffset: n, focusOffset: l }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0;
+          const i = this.getCursor().position, n = this.textModel.positionToOffset(i), r = this.getSelection();
+          let o, l;
+          r && (o = this.textModel.positionToOffset(r.start), l = this.textModel.positionToOffset(r.end)), this.undoStack.push({ text: s, cursorOffset: n, anchorOffset: o, focusOffset: l }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0;
         }
         this.textModel.setText(t), this.view.syncTrailingNewlineMarkerForText(t), this.highlightTimeout && clearTimeout(this.highlightTimeout), this.highlightTimeout = setTimeout(() => {
-          const s = this.view.getText();
-          s !== this.textModel.getText() && this.textModel.setText(s), this.renderTextWithHighlight(this.textModel.getText(), !1), this.highlightTimeout = null;
-        }, 300), this.updateLineNumbers(), this.emit("change", [{ range: this.getFullRange(), text: t, oldText: i }]);
+          const i = this.view.getText();
+          i !== this.textModel.getText() && this.textModel.setText(i), this.renderTextWithHighlight(this.textModel.getText(), !1), this.highlightTimeout = null;
+        }, 300), this.updateLineNumbers(), this.emit("change", [{ range: this.getFullRange(), text: t, oldText: s }]);
       }
     }), e.addEventListener("selectionchange", () => {
-      const t = this.getCursor(), i = this.getSelection();
-      this.emit("cursor", t), i && this.emit("selection", i);
+      const t = this.getCursor(), s = this.getSelection();
+      this.emit("cursor", t), s && this.emit("selection", s);
     }), e.addEventListener("keydown", (t) => {
       if (this.emit("keydown", t), t.key === "Tab") {
         this.config.readOnly || this.insertTab(), t.preventDefault(), t.stopPropagation();
@@ -385,33 +431,33 @@ const $ = class M {
       }
       if (t.key === "Enter") {
         if (!this.config.readOnly) {
-          const i = window.getSelection();
-          if (i && i.rangeCount > 0) {
-            const s = this.getCursor().position, r = this.textModel.positionToOffset(s), o = this.getSelection();
-            let n, l;
-            o && (n = this.textModel.positionToOffset(o.start), l = this.textModel.positionToOffset(o.end));
-            const a = o && n !== void 0 && l !== void 0 ? Math.min(n, l) : r;
-            this.suppressHistory || (this.undoStack.push({ text: this.textModel.getText(), cursorOffset: r, anchorOffset: n, focusOffset: l }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0);
-            const c = i.getRangeAt(0);
-            c.deleteContents();
-            const g = document.createTextNode(`
+          const s = window.getSelection();
+          if (s && s.rangeCount > 0) {
+            const i = this.getCursor().position, n = this.textModel.positionToOffset(i), r = this.getSelection();
+            let o, l;
+            r && (o = this.textModel.positionToOffset(r.start), l = this.textModel.positionToOffset(r.end));
+            const h = r && o !== void 0 && l !== void 0 ? Math.min(o, l) : n;
+            this.suppressHistory || (this.undoStack.push({ text: this.textModel.getText(), cursorOffset: n, anchorOffset: o, focusOffset: l }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0);
+            const a = s.getRangeAt(0);
+            a.deleteContents();
+            const c = document.createTextNode(`
 `);
-            c.insertNode(g), c.setStartAfter(g), c.collapse(!0), i.removeAllRanges(), i.addRange(c), this.view.ensureCaretVisible();
-            const h = this.view.getText();
-            this.textModel.setText(h), this.view.syncTrailingNewlineMarkerForText(h);
-            const u = Math.min(
-              a + 1,
+            a.insertNode(c), a.setStartAfter(c), a.collapse(!0), s.removeAllRanges(), s.addRange(a), this.view.ensureCaretVisible();
+            const u = this.view.getText();
+            this.textModel.setText(u), this.view.syncTrailingNewlineMarkerForText(u);
+            const f = Math.min(
+              h + 1,
               this.textModel.getText().length
             );
             try {
-              const d = this.textModel.offsetToPosition(u);
+              const d = this.textModel.offsetToPosition(f);
               this.setCursor(d), this.view.ensureCaretVisible();
             } catch {
             }
             this.highlightTimeout && clearTimeout(this.highlightTimeout), this.highlightTimeout = setTimeout(() => {
               this.renderTextWithHighlight(this.textModel.getText(), !1), requestAnimationFrame(() => {
                 try {
-                  const d = this.textModel.offsetToPosition(u);
+                  const d = this.textModel.offsetToPosition(f);
                   this.setCursor(d), this.view.ensureCaretVisible();
                 } catch {
                 }
@@ -422,15 +468,15 @@ const $ = class M {
         t.preventDefault(), t.stopPropagation();
         return;
       }
-      for (const i of this.extensions.values())
-        if (i.onKeyDown && i.onKeyDown(t) === !1) {
+      for (const s of this.extensions.values())
+        if (s.onKeyDown && s.onKeyDown(t) === !1) {
           t.preventDefault(), t.stopPropagation();
           return;
         }
     }), e.addEventListener("mousedown", (t) => {
       this.emit("mousedown", t);
-      for (const i of this.extensions.values())
-        if (i.onMouseDown && i.onMouseDown(t) === !1) {
+      for (const s of this.extensions.values())
+        if (s.onMouseDown && s.onMouseDown(t) === !1) {
           t.preventDefault(), t.stopPropagation();
           return;
         }
@@ -457,8 +503,8 @@ const $ = class M {
   }
   // Emit events to listeners
   emit(e, ...t) {
-    const i = this.eventListeners.get(e);
-    i && i.forEach((s) => s(...t));
+    const s = this.eventListeners.get(e);
+    s && s.forEach((i) => i(...t));
   }
   // State management
   getValue() {
@@ -506,12 +552,12 @@ const $ = class M {
       "editor-gutter-border": e === "dark" ? "#3e3e42" : "#e1e5e9"
     };
     this.view.applyTheme(t);
-    const i = this.extensions.get("syntax-highlighting");
-    if (i && typeof i.setTheme == "function")
+    const s = this.extensions.get("syntax-highlighting");
+    if (s && typeof s.setTheme == "function")
       try {
-        i.setTheme(e === "dark" ? "dark" : "light"), this.renderTextWithHighlight(this.textModel.getText());
-      } catch (s) {
-        console.warn("Error applying theme to syntax-highlighting extension", s);
+        s.setTheme(e === "dark" ? "dark" : "light"), this.renderTextWithHighlight(this.textModel.getText());
+      } catch (i) {
+        console.warn("Error applying theme to syntax-highlighting extension", i);
       }
   }
   setReadOnly(e) {
@@ -528,8 +574,8 @@ const $ = class M {
     t && t.destroy && t.destroy(), this.extensions.delete(e);
   }
   executeCommand(e, ...t) {
-    const i = this.commands.get(e);
-    i ? i(this, ...t) : console.warn(`Command '${e}' not found`);
+    const s = this.commands.get(e);
+    s ? s(this, ...t) : console.warn(`Command '${e}' not found`);
   }
   // Register a command
   registerCommand(e, t) {
@@ -537,52 +583,94 @@ const $ = class M {
   }
   // Search & Navigation
   search(e, t = {}) {
-    const i = {
+    if (!e) return [];
+    const s = {
+      query: e,
       caseSensitive: !1,
+      wholeWord: !1,
       regex: !1,
       ...t
-    }, s = [], r = this.getValue();
-    r.split(`
-`);
-    let o = i.caseSensitive ? r : r.toLowerCase(), n = i.caseSensitive ? e : e.toLowerCase();
-    if (i.regex) {
-      const l = new RegExp(n, i.caseSensitive ? "g" : "gi");
+    }, i = [], n = this.textModel.getText(), { normalizedText: r, normalizedToRawOffsets: o } = this.buildSearchTextAndOffsetMap(n), l = s.caseSensitive ? r : r.toLowerCase(), h = s.caseSensitive ? e : e.toLowerCase();
+    if (s.regex) {
       let a;
-      for (; (a = l.exec(o)) !== null; ) {
-        const c = this.textModel.offsetToPosition(a.index), g = this.textModel.offsetToPosition(a.index + a[0].length);
-        s.push({
-          range: { start: c, end: g },
-          match: a[0]
-        });
+      try {
+        a = new RegExp(e, s.caseSensitive ? "g" : "gi");
+      } catch {
+        return [];
+      }
+      let c;
+      for (; (c = a.exec(r)) !== null; ) {
+        const u = c[0] ?? "";
+        if (u.length === 0) {
+          a.lastIndex = c.index + 1;
+          continue;
+        }
+        const f = c.index, d = c.index + u.length;
+        s.wholeWord && !this.isWholeWordBoundary(r, f, d) || this.pushSearchResultFromOffsets(
+          i,
+          f,
+          d,
+          r,
+          o
+        );
       }
     } else {
-      let l = 0, a = o.indexOf(n, l);
-      for (; a !== -1; ) {
-        const c = a + e.length, g = this.textModel.offsetToPosition(a), h = this.textModel.offsetToPosition(c);
-        s.push({
-          range: { start: g, end: h },
-          match: r.substring(a, c)
-        }), l = c, a = o.indexOf(n, l);
+      let a = 0, c = l.indexOf(h, a);
+      for (; c !== -1; ) {
+        const u = c + h.length;
+        !s.wholeWord || this.isWholeWordBoundary(r, c, u) ? (this.pushSearchResultFromOffsets(
+          i,
+          c,
+          u,
+          r,
+          o
+        ), a = u) : a = c + 1, c = l.indexOf(h, a);
       }
     }
-    return s;
+    return i;
+  }
+  pushSearchResultFromOffsets(e, t, s, i, n) {
+    const r = n[t] ?? t, o = n[s] ?? r, l = this.textModel.offsetToPosition(r), h = this.textModel.offsetToPosition(o);
+    e.push({
+      range: { start: l, end: h },
+      match: i.substring(t, s)
+    });
+  }
+  isWholeWordBoundary(e, t, s) {
+    const i = t > 0 ? e[t - 1] : "", n = s < e.length ? e[s] : "";
+    return !this.isWordChar(i) && !this.isWordChar(n);
+  }
+  isWordChar(e) {
+    return /^[A-Za-z0-9_]$/.test(e);
+  }
+  buildSearchTextAndOffsetMap(e) {
+    const t = [], s = [0];
+    let i = 0;
+    for (let n = 0; n < e.length; n++) {
+      const r = e[n];
+      r === "​" || r === L.CURSOR_SENTINEL || (t.push(r), i += 1, s[i] = n + 1);
+    }
+    return s[i] = e.length, {
+      normalizedText: t.join(""),
+      normalizedToRawOffsets: s
+    };
   }
   replace(e, t) {
-    const i = this.getValue();
+    const s = this.getValue();
     if (!this.suppressHistory) {
-      const r = this.getCursor().position, o = this.textModel.positionToOffset(r), n = this.getSelection();
-      let l, a;
-      n && (l = this.textModel.positionToOffset(n.start), a = this.textModel.positionToOffset(n.end)), this.undoStack.push({ text: i, cursorOffset: o, anchorOffset: l, focusOffset: a }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0;
+      const n = this.getCursor().position, r = this.textModel.positionToOffset(n), o = this.getSelection();
+      let l, h;
+      o && (l = this.textModel.positionToOffset(o.start), h = this.textModel.positionToOffset(o.end)), this.undoStack.push({ text: s, cursorOffset: r, anchorOffset: l, focusOffset: h }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0;
     }
-    const s = this.textModel.replaceRange(e, t);
-    this.renderTextWithHighlight(this.getValue(), !1), this.emit("change", [s]);
-  }
-  replaceAll(e, t, i = {}) {
-    const s = this.search(e, i);
-    let r = 0;
-    for (let o = s.length - 1; o >= 0; o--)
-      this.replace(s[o].range, t), r++;
-    return r;
+    const i = this.textModel.replaceRange(e, t);
+    this.expectingProgrammaticCursor = !0, this.renderTextWithHighlight(this.getValue(), !1), this.expectingProgrammaticCursor = !1, this.emit("change", [i]);
+  }
+  replaceAll(e, t, s = {}) {
+    const i = this.search(e, s);
+    let n = 0;
+    for (let r = i.length - 1; r >= 0; r--)
+      this.replace(i[r].range, t), n++;
+    return n;
   }
   // Folding (basic implementation)
   fold(e) {
@@ -614,42 +702,42 @@ const $ = class M {
   // and restores it after updating the DOM. Callers that will explicitly set the caret
   // should pass `false` to avoid stomping programmatic cursor changes.
   renderTextWithHighlight(e, t = !0) {
-    const i = this.extensions.get("syntax-highlighting");
-    if (i && typeof i.highlightHTML == "function")
+    const s = this.extensions.get("syntax-highlighting");
+    if (s && typeof s.highlightHTML == "function")
       try {
-        const s = !t && !this.expectingProgrammaticCursor;
-        let r, o, n, l;
-        if (t || s) {
-          r = this.getSelection();
-          const h = this.getCollapsedSelectionOffsetInEditor();
-          if (h !== void 0)
-            o = h;
+        const i = !t && !this.expectingProgrammaticCursor;
+        let n, r, o, l;
+        if (t || i) {
+          n = this.getSelection();
+          const u = this.getCollapsedSelectionOffsetInEditor();
+          if (u !== void 0)
+            r = u;
           else {
-            const u = this.getCursor().position;
-            o = this.textModel.positionToOffset(u);
+            const f = this.getCursor().position;
+            r = this.textModel.positionToOffset(f);
           }
-          r && (n = this.textModel.positionToOffset(r.start), l = this.textModel.positionToOffset(r.end));
+          n && (o = this.textModel.positionToOffset(n.start), l = this.textModel.positionToOffset(n.end));
         }
-        const a = (t || s) && !r && o !== void 0 && this.hasCollapsedSelectionInEditor(), c = a ? this.insertSentinelAtOffset(e, o) : e, g = i.highlightHTML(c);
-        typeof this.view.setHighlightHTML == "function" ? this.view.setHighlightHTML(g) : this.view.setHTML(g), this.view.syncTrailingNewlineMarkerForText(e), (t || s) && requestAnimationFrame(() => {
+        const h = (t || i) && !n && r !== void 0 && this.hasCollapsedSelectionInEditor(), a = h ? this.insertSentinelAtOffset(e, r) : e, c = s.highlightHTML(a);
+        typeof this.view.setHighlightHTML == "function" ? this.view.setHighlightHTML(c) : this.view.setHTML(c), this.view.syncTrailingNewlineMarkerForText(e), (t || i) && requestAnimationFrame(() => {
           try {
-            if (a && this.restoreCursorFromSentinel()) {
+            if (h && this.restoreCursorFromSentinel()) {
               this.view.ensureCaretVisible();
               return;
             }
-            if (r && (n !== void 0 || l !== void 0)) {
-              const h = n !== void 0 ? n : o, u = l !== void 0 ? l : o, d = Math.min(h, u), f = Math.max(h, u), m = this.textModel.offsetToPosition(d), y = this.textModel.offsetToPosition(f);
-              this.view.setSelectionRange({ start: m, end: y });
-            } else if (o !== void 0) {
-              const h = this.textModel.offsetToPosition(o);
-              this.view.setCursorPosition(h);
+            if (n && (o !== void 0 || l !== void 0)) {
+              const u = o !== void 0 ? o : r, f = l !== void 0 ? l : r, d = Math.min(u, f), g = Math.max(u, f), p = this.textModel.offsetToPosition(d), y = this.textModel.offsetToPosition(g);
+              this.view.setSelectionRange({ start: p, end: y });
+            } else if (r !== void 0) {
+              const u = this.textModel.offsetToPosition(r);
+              this.view.setCursorPosition(u);
             }
           } catch {
           }
         });
         return;
-      } catch (s) {
-        console.warn("Syntax highlighting failed, falling back to plain text", s);
+      } catch (i) {
+        console.warn("Syntax highlighting failed, falling back to plain text", i);
       }
     this.view.setText(e);
   }
@@ -664,30 +752,30 @@ const $ = class M {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0 || !e.isCollapsed)
       return;
-    const t = e.getRangeAt(0), i = this.view.getContentElement();
-    if (!i.contains(t.commonAncestorContainer))
+    const t = e.getRangeAt(0), s = this.view.getContentElement();
+    if (!s.contains(t.commonAncestorContainer))
       return;
-    const s = t.cloneRange();
-    return s.selectNodeContents(i), s.setEnd(t.endContainer, t.endOffset), this.stripVirtualMarkers(s.toString()).length;
+    const i = t.cloneRange();
+    return i.selectNodeContents(s), i.setEnd(t.endContainer, t.endOffset), this.stripVirtualMarkers(i.toString()).length;
   }
   stripVirtualMarkers(e) {
-    return e.replace(/\u200B/g, "").split(M.CURSOR_SENTINEL).join("");
+    return e.replace(/\u200B/g, "").split(L.CURSOR_SENTINEL).join("");
   }
   insertSentinelAtOffset(e, t) {
-    const i = Math.max(0, Math.min(t, e.length));
-    return e.slice(0, i) + M.CURSOR_SENTINEL + e.slice(i);
+    const s = Math.max(0, Math.min(t, e.length));
+    return e.slice(0, s) + L.CURSOR_SENTINEL + e.slice(s);
   }
   restoreCursorFromSentinel() {
-    const e = this.view.getContentElement(), t = window.getSelection(), i = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
-    let s = i.nextNode(), r = null, o = 0;
-    for (; s; ) {
-      const n = s.textContent ?? "", l = n.indexOf(M.CURSOR_SENTINEL);
-      l !== -1 && (r || (r = s, o = l), s.textContent = n.split(M.CURSOR_SENTINEL).join("")), s = i.nextNode();
+    const e = this.view.getContentElement(), t = window.getSelection(), s = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
+    let i = s.nextNode(), n = null, r = 0;
+    for (; i; ) {
+      const o = i.textContent ?? "", l = o.indexOf(L.CURSOR_SENTINEL);
+      l !== -1 && (n || (n = i, r = l), i.textContent = o.split(L.CURSOR_SENTINEL).join("")), i = s.nextNode();
     }
-    if (!r || !t) return !1;
+    if (!n || !t) return !1;
     try {
-      const n = document.createRange();
-      return n.setStart(r, o), n.collapse(!0), t.removeAllRanges(), t.addRange(n), !0;
+      const o = document.createRange();
+      return o.setStart(n, r), o.collapse(!0), t.removeAllRanges(), t.addRange(o), !0;
     } catch {
       return !1;
     }
@@ -707,16 +795,16 @@ const $ = class M {
     this.redoStack.push(t);
     try {
       this.suppressHistory = !0, this.expectingProgrammaticCursor = !0;
-      let i, s;
-      typeof e == "string" ? i = e : (i = e.text, s = e.cursorOffset), this.setValue(i), requestAnimationFrame(() => {
+      let s, i;
+      typeof e == "string" ? s = e : (s = e.text, i = e.cursorOffset), this.setValue(s), requestAnimationFrame(() => {
         try {
-          if (s != null)
+          if (i != null)
             if (typeof e != "string" && (e.anchorOffset !== void 0 || e.focusOffset !== void 0)) {
-              const r = e.anchorOffset !== void 0 ? e.anchorOffset : s, o = e.focusOffset !== void 0 ? e.focusOffset : s, n = Math.min(r, o), l = Math.max(r, o), a = this.textModel.offsetToPosition(n), c = this.textModel.offsetToPosition(l);
-              this.setSelection({ start: a, end: c });
+              const n = e.anchorOffset !== void 0 ? e.anchorOffset : i, r = e.focusOffset !== void 0 ? e.focusOffset : i, o = Math.min(n, r), l = Math.max(n, r), h = this.textModel.offsetToPosition(o), a = this.textModel.offsetToPosition(l);
+              this.setSelection({ start: h, end: a });
             } else {
-              const r = this.textModel.offsetToPosition(s);
-              this.setCursor(r);
+              const n = this.textModel.offsetToPosition(i);
+              this.setCursor(n);
             }
         } catch {
         }
@@ -733,16 +821,16 @@ const $ = class M {
     this.undoStack.push(t);
     try {
       this.suppressHistory = !0, this.expectingProgrammaticCursor = !0;
-      let i, s;
-      typeof e == "string" ? i = e : (i = e.text, s = e.cursorOffset), this.setValue(i), requestAnimationFrame(() => {
+      let s, i;
+      typeof e == "string" ? s = e : (s = e.text, i = e.cursorOffset), this.setValue(s), requestAnimationFrame(() => {
         try {
-          if (s != null)
+          if (i != null)
             if (typeof e != "string" && (e.anchorOffset !== void 0 || e.focusOffset !== void 0)) {
-              const r = e.anchorOffset !== void 0 ? e.anchorOffset : s, o = e.focusOffset !== void 0 ? e.focusOffset : s, n = Math.min(r, o), l = Math.max(r, o), a = this.textModel.offsetToPosition(n), c = this.textModel.offsetToPosition(l);
-              this.setSelection({ start: a, end: c });
+              const n = e.anchorOffset !== void 0 ? e.anchorOffset : i, r = e.focusOffset !== void 0 ? e.focusOffset : i, o = Math.min(n, r), l = Math.max(n, r), h = this.textModel.offsetToPosition(o), a = this.textModel.offsetToPosition(l);
+              this.setSelection({ start: h, end: a });
             } else {
-              const r = this.textModel.offsetToPosition(s);
-              this.setCursor(r);
+              const n = this.textModel.offsetToPosition(i);
+              this.setCursor(n);
             }
         } catch {
         }
@@ -756,29 +844,29 @@ const $ = class M {
   // Insert a tab character or spaces at current cursor
   insertTab() {
     if (this.config.readOnly) return;
-    const e = this.getCursor().position, t = this.textModel.positionToOffset(e), i = " ".repeat(this.config.tabSize || 2), s = this.textModel.insertText(e, i), r = this.textModel.offsetToPosition(this.textModel.positionToOffset(e) + i.length);
+    const e = this.getCursor().position, t = this.textModel.positionToOffset(e), s = " ".repeat(this.config.tabSize || 2), i = this.textModel.insertText(e, s), n = this.textModel.offsetToPosition(this.textModel.positionToOffset(e) + s.length);
     if (!this.suppressHistory) {
-      const o = this.getSelection();
-      let n, l;
-      o && (n = this.textModel.positionToOffset(o.start), l = this.textModel.positionToOffset(o.end)), this.undoStack.push({ text: this.getValue(), cursorOffset: t, anchorOffset: n, focusOffset: l }), this.redoStack.length = 0;
+      const r = this.getSelection();
+      let o, l;
+      r && (o = this.textModel.positionToOffset(r.start), l = this.textModel.positionToOffset(r.end)), this.undoStack.push({ text: this.getValue(), cursorOffset: t, anchorOffset: o, focusOffset: l }), this.redoStack.length = 0;
     }
-    this.expectingProgrammaticCursor = !0, this.renderTextWithHighlight(this.getValue(), !1), this.setCursor(r), setTimeout(() => {
+    this.expectingProgrammaticCursor = !0, this.renderTextWithHighlight(this.getValue(), !1), this.setCursor(n), setTimeout(() => {
       this.expectingProgrammaticCursor = !1;
-    }, 20), this.emit("change", [s]);
+    }, 20), this.emit("change", [i]);
   }
   // Insert a newline at current cursor position
   insertNewLine() {
     if (this.config.readOnly) return;
-    const e = this.getCursor().position, t = this.textModel.positionToOffset(e), i = this.textModel.insertText(e, `
-`), s = this.textModel.offsetToPosition(this.textModel.positionToOffset(e) + 1);
+    const e = this.getCursor().position, t = this.textModel.positionToOffset(e), s = this.textModel.insertText(e, `
+`), i = this.textModel.offsetToPosition(this.textModel.positionToOffset(e) + 1);
     if (!this.suppressHistory) {
-      const r = this.getSelection();
-      let o, n;
-      r && (o = this.textModel.positionToOffset(r.start), n = this.textModel.positionToOffset(r.end)), this.undoStack.push({ text: this.getValue(), cursorOffset: t, anchorOffset: o, focusOffset: n }), this.redoStack.length = 0;
+      const n = this.getSelection();
+      let r, o;
+      n && (r = this.textModel.positionToOffset(n.start), o = this.textModel.positionToOffset(n.end)), this.undoStack.push({ text: this.getValue(), cursorOffset: t, anchorOffset: r, focusOffset: o }), this.redoStack.length = 0;
     }
-    this.expectingProgrammaticCursor = !0, this.renderTextWithHighlight(this.getValue(), !1), this.setCursor(s), setTimeout(() => {
+    this.expectingProgrammaticCursor = !0, this.renderTextWithHighlight(this.getValue(), !1), this.setCursor(i), setTimeout(() => {
       this.expectingProgrammaticCursor = !1;
-    }, 20), this.emit("change", [i]);
+    }, 20), this.emit("change", [s]);
   }
   // Events
   on(e, t) {
@@ -786,17 +874,17 @@ const $ = class M {
   }
   off(e, t) {
     if (!this.eventListeners.has(e)) return;
-    const i = this.eventListeners.get(e);
+    const s = this.eventListeners.get(e);
     if (t) {
-      const s = i.indexOf(t);
-      s !== -1 && i.splice(s, 1);
+      const i = s.indexOf(t);
+      i !== -1 && s.splice(i, 1);
     } else
-      i.length = 0;
+      s.length = 0;
   }
 };
-$.CURSOR_SENTINEL = "";
-let A = $;
-class B {
+F.CURSOR_SENTINEL = "";
+let X = F;
+class J {
   constructor(e) {
     this.name = "keymap", this.editor = null, this.keymap = {}, this.isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0, this.keymap = e || this.getDefaultKeymap();
   }
@@ -810,12 +898,12 @@ class B {
       return this.editor.executeCommand(t.command), e.preventDefault(), e.stopPropagation(), !1;
   }
   findMatchingBinding(e) {
-    const { key: t, ctrlKey: i, altKey: s, shiftKey: r, metaKey: o } = e, n = String(t).toLowerCase(), l = this.keymap[n];
+    const { key: t, ctrlKey: s, altKey: i, shiftKey: n, metaKey: r } = e, o = String(t).toLowerCase(), l = this.keymap[o];
     if (!l) return null;
-    for (const a of l) {
-      const c = a.ctrlKey === void 0 || a.ctrlKey === i, g = a.altKey === void 0 || a.altKey === s, h = a.shiftKey === void 0 || a.shiftKey === r, u = a.metaKey === void 0 || a.metaKey === o;
-      if (c && g && h && u)
-        return a;
+    for (const h of l) {
+      const a = h.ctrlKey === void 0 || h.ctrlKey === s, c = h.altKey === void 0 || h.altKey === i, u = h.shiftKey === void 0 || h.shiftKey === n, f = h.metaKey === void 0 || h.metaKey === r;
+      if (a && c && u && f)
+        return h;
     }
     return null;
   }
@@ -827,12 +915,12 @@ class B {
     const e = {};
     return this.addBinding(e, "f", { ctrlKey: !this.isMac, metaKey: this.isMac }, "find"), this.addBinding(e, "h", { ctrlKey: !this.isMac, metaKey: this.isMac }, "replace"), this.addBinding(e, "f3", {}, "findNext"), this.addBinding(e, "f3", { shiftKey: !0 }, "findPrev"), this.addBinding(e, "g", { ctrlKey: !this.isMac, metaKey: this.isMac }, "findNext"), this.addBinding(e, "[", { ctrlKey: !this.isMac, metaKey: this.isMac, shiftKey: !0 }, "fold"), this.addBinding(e, "]", { ctrlKey: !this.isMac, metaKey: this.isMac, shiftKey: !0 }, "unfold"), this.addBinding(e, "s", { ctrlKey: !0 }, "save"), this.addBinding(e, "s", { metaKey: !0 }, "save"), this.addBinding(e, "z", { ctrlKey: !0 }, "undo"), this.addBinding(e, "z", { metaKey: !0 }, "undo"), this.addBinding(e, "y", { ctrlKey: !0 }, "redo"), this.addBinding(e, "y", { metaKey: !0 }, "redo"), this.addBinding(e, "z", { ctrlKey: !0, shiftKey: !0 }, "redo"), this.addBinding(e, "z", { metaKey: !0, shiftKey: !0 }, "redo"), this.addBinding(e, "tab", {}, "insertTab"), this.addBinding(e, "t", { ctrlKey: !this.isMac, metaKey: this.isMac, shiftKey: !0 }, "toggleTheme"), e;
   }
-  addBinding(e, t, i, s) {
-    const r = t.toLowerCase();
-    e[r] || (e[r] = []), e[r].push({
-      key: r,
-      command: s,
-      ...i
+  addBinding(e, t, s, i) {
+    const n = t.toLowerCase();
+    e[n] || (e[n] = []), e[n].push({
+      key: n,
+      command: i,
+      ...s
     });
   }
   // Public API for customizing keymap
@@ -841,23 +929,23 @@ class B {
   }
   addKeyBinding(e) {
     const t = e.key.toLowerCase();
-    this.keymap[t] || (this.keymap[t] = []), this.keymap[t] = this.keymap[t].filter((i) => i.command !== e.command), this.keymap[t].push({
+    this.keymap[t] || (this.keymap[t] = []), this.keymap[t] = this.keymap[t].filter((s) => s.command !== e.command), this.keymap[t].push({
       ...e,
       key: t
     });
   }
   removeKeyBinding(e, t) {
-    const i = e.toLowerCase();
-    t ? this.keymap[i] && (this.keymap[i] = this.keymap[i].filter((s) => s.command !== t), this.keymap[i].length === 0 && delete this.keymap[i]) : delete this.keymap[i];
+    const s = e.toLowerCase();
+    t ? this.keymap[s] && (this.keymap[s] = this.keymap[s].filter((i) => i.command !== t), this.keymap[s].length === 0 && delete this.keymap[s]) : delete this.keymap[s];
   }
   getKeymap() {
     return { ...this.keymap };
   }
   getBindingsForCommand(e) {
     const t = [];
-    for (const i in this.keymap)
-      for (const s of this.keymap[i])
-        s.command === e && t.push({ ...s });
+    for (const s in this.keymap)
+      for (const i of this.keymap[s])
+        i.command === e && t.push({ ...i });
     return t;
   }
   getPlatformInfo() {
@@ -870,19 +958,19 @@ class B {
     this.keymap = {}, this.editor = null;
   }
 }
-class V {
+class Y {
   constructor() {
     this.name = "transaction", this.transactions = [];
   }
   setup(e) {
     e.on("change", (t) => {
-      const i = {
+      const s = {
         changes: t,
         selection: e.getSelection(),
         effects: [],
         annotations: []
       };
-      this.transactions.push(i);
+      this.transactions.push(s);
     });
   }
   getTransactions() {
@@ -892,7 +980,7 @@ class V {
     this.transactions = [];
   }
 }
-class K {
+class G {
   constructor() {
     this.name = "line-numbers", this.editor = null, this.lineNumbersElement = null, this.isEnabled = !0;
   }
@@ -911,8 +999,8 @@ class K {
   updateLineNumbers() {
     if (!this.lineNumbersElement || !this.editor || !this.isEnabled) return;
     const e = this.editor.getValue().split(`
-`).length, t = Array.from({ length: Math.max(e, 20) }, (i, s) => s + 1);
-    this.lineNumbersElement.innerHTML = t.map((i) => `<div style="height: 21px; line-height: 21px; padding-right: 12px;">${i}</div>`).join("");
+`).length, t = Array.from({ length: Math.max(e, 20) }, (s, i) => i + 1);
+    this.lineNumbersElement.innerHTML = t.map((s) => `<div style="height: 21px; line-height: 21px; padding-right: 12px;">${s}</div>`).join("");
   }
   toggle() {
     if (!this.editor) return;
@@ -924,7 +1012,7 @@ class K {
     this.lineNumbersElement = null, this.editor = null;
   }
 }
-class U {
+class _ {
   constructor() {
     this.name = "theme", this.editor = null, this.currentTheme = "dark";
   }
@@ -949,7 +1037,7 @@ class U {
     this.editor = null;
   }
 }
-class z {
+class ee {
   constructor() {
     this.name = "read-only", this.editor = null, this.isReadOnly = !1;
   }
@@ -976,12 +1064,20 @@ class z {
     this.editor = null;
   }
 }
-class q {
-  constructor() {
-    this.name = "search", this.editor = null, this.searchUI = null, this.isVisible = !1, this.currentResults = [], this.currentIndex = -1;
+let te = 0;
+const W = class m {
+  constructor(e = {}) {
+    this.name = "search", this.editor = null, this.searchUI = null, this.isVisible = !1, this.currentResults = [], this.currentIndex = -1, this.searchDebounceTimer = null, this.liveRefreshTimer = null, this.statusResetTimer = null, this.statusFreezeUntil = 0, this.findInput = null, this.replaceInputEl = null, this.statusDiv = null, this.modeDiv = null, this.caseSensitiveInput = null, this.wholeWordInput = null, this.regexInput = null, this.currentQuery = "", this.savedCursor = null, this.editorChangeHandler = null, this.searchOptions = {
+      caseSensitive: !1,
+      wholeWord: !1,
+      regex: !1
+    }, this.trailingMarkerAttr = "data-lce-trailing-newline-marker", this.editorContainerSelector = '[data-lce-editor-container="true"]', this.highlightId = ++te, this.highlightMatchName = `editora-search-match-${this.highlightId}`, this.highlightActiveName = `editora-search-active-${this.highlightId}`, this.highlightStyleId = `editora-search-highlight-style-${this.highlightId}`, this.maxCustomHighlightRanges = 2e3, this.virtualMarkerRegex = /[\u200B\uE000]/, this.hasCustomHighlightSupport = !1, this.config = {
+      replaceAndFindNext: !0,
+      ...e
+    };
   }
   setup(e) {
-    this.editor = e, e.registerCommand("find", () => {
+    this.editor = e, this.hasCustomHighlightSupport = this.detectCustomHighlightSupport(), this.hasCustomHighlightSupport && this.ensureHighlightStyles(), e.registerCommand("find", () => {
       this.showSearch();
     }), e.registerCommand("findNext", () => {
       this.findNext();
@@ -989,173 +1085,556 @@ class q {
       this.findPrev();
     }), e.registerCommand("replace", () => {
       this.showReplace();
-    }), e.registerCommand("replaceAll", (t, i) => {
-      this.replaceAll(t, i);
-    });
+    }), e.registerCommand("replaceAll", (t, s) => {
+      this.replaceAll(t, s);
+    }), this.editorChangeHandler = () => {
+      !this.isVisible || !this.currentQuery || this.scheduleLiveRefresh(!0);
+    }, e.on("change", this.editorChangeHandler);
   }
   showSearch() {
-    if (this.editor && (this.searchUI || this.createSearchUI(), this.isVisible = !0, this.searchUI)) {
-      this.searchUI.style.display = "block";
-      const e = this.searchUI.querySelector("input");
-      e && (e.focus(), e.select());
-    }
+    this.editor && (this.searchUI || this.createSearchUI(), this.isVisible || this.captureSelectionState(), this.isVisible = !0, this.searchUI && (this.searchUI.style.display = "block", this.updateModeHint(!1), this.findInput && (this.findInput.focus(), this.findInput.select())), this.currentQuery && this.performSearch(this.currentQuery, !0, !1));
   }
   showReplace() {
-    this.showSearch();
-    const e = this.searchUI?.querySelector(".search-replace-input");
-    e && (e.style.display = "block", e.focus());
-    const t = this.searchUI?.querySelector(".search-status");
-    t && (t.textContent = "Replace mode - Enter to replace, Shift+Enter to replace all");
+    this.showSearch(), this.replaceInputEl && (this.replaceInputEl.style.display = "block", this.replaceInputEl.focus()), this.updateModeHint(!0), this.currentQuery && this.performSearch(this.currentQuery, !1, !0);
   }
   hideSearch() {
-    this.isVisible = !1, this.searchUI && (this.searchUI.style.display = "none"), this.clearHighlights();
+    this.isVisible = !1, this.searchUI && (this.searchUI.style.display = "none"), this.replaceInputEl && (this.replaceInputEl.style.display = "none", this.replaceInputEl.value = ""), this.updateModeHint(!1), this.clearHighlights(), this.restoreSelectionState();
   }
   createSearchUI() {
     if (!this.editor) return;
-    const e = document.querySelector(".rte-source-editor-modal");
-    if (!e) return;
-    this.searchUI = document.createElement("div"), this.searchUI.style.cssText = `
-      position: absolute;
-      top: 10px;
-      right: 10px;
-      background: var(--editor-background, #1e1e1e);
-      border: 1px solid var(--editor-gutter-border, #3e3e42);
-      border-radius: 4px;
-      padding: 8px;
-      z-index: 1000;
-      display: none;
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-      min-width: 250px;
-    `, this.searchUI.innerHTML = `
-      <div style="display: flex; align-items: center; gap: 4px; margin-bottom: 4px;">
-        <input type="text" placeholder="Find..." style="
-          flex: 1;
-          padding: 4px 8px;
-          background: var(--editor-gutter-background, #252526);
-          color: var(--editor-foreground, #f8f9fa);
-          border: 1px solid var(--editor-gutter-border, #3e3e42);
-          border-radius: 3px;
-          font-size: 12px;
-          outline: none;
-        " />
-        <button class="search-prev" style="
-          padding: 2px 6px;
-          background: var(--editor-gutter-background, #252526);
-          color: var(--editor-gutter-foreground, #858585);
-          border: 1px solid var(--editor-gutter-border, #3e3e42);
-          border-radius: 3px;
-          cursor: pointer;
-          font-size: 11px;
-        ">↑</button>
-        <button class="search-next" style="
-          padding: 2px 6px;
-          background: var(--editor-gutter-background, #252526);
-          color: var(--editor-gutter-foreground, #858585);
-          border: 1px solid var(--editor-gutter-border, #3e3e42);
-          border-radius: 3px;
-          cursor: pointer;
-          font-size: 11px;
-        ">↓</button>
-        <button class="search-close" style="
-          padding: 2px 6px;
-          background: var(--editor-gutter-background, #252526);
-          color: var(--editor-gutter-foreground, #858585);
-          border: 1px solid var(--editor-gutter-border, #3e3e42);
-          border-radius: 3px;
-          cursor: pointer;
-          font-size: 11px;
-        ">×</button>
+    const e = this.editor.getView().getContentElement(), t = e.closest(
+      this.editorContainerSelector
+    ), s = e.closest(".rte-source-editor-modal") || t || e.parentElement;
+    if (!s) return;
+    window.getComputedStyle(s).position === "static" && (s.style.position = "relative"), this.searchUI = document.createElement("div"), this.searchUI.className = m.css.root, this.searchUI.style.display = "none", this.searchUI.innerHTML = `
+      <div class="${m.css.row}">
+        <input type="text" class="${m.css.findInput} ${m.css.inputBase}" placeholder="Find..." />
+        <button class="${m.css.prevButton} ${m.css.buttonBase}" type="button" aria-label="Previous match">↑</button>
+        <button class="${m.css.nextButton} ${m.css.buttonBase}" type="button" aria-label="Next match">↓</button>
+        <button class="${m.css.closeButton} ${m.css.buttonBase}" type="button" aria-label="Close search">×</button>
+      </div>
+      <div class="${m.css.options}">
+        <label class="${m.css.optionLabel}" title="Case sensitive">
+          <input type="checkbox" class="${m.css.optionInput} ${m.css.caseSensitive}" />
+          <span>Aa</span>
+        </label>
+        <label class="${m.css.optionLabel}" title="Whole word">
+          <input type="checkbox" class="${m.css.optionInput} ${m.css.wholeWord}" />
+          <span>Whole</span>
+        </label>
+        <label class="${m.css.optionLabel}" title="Regular expression">
+          <input type="checkbox" class="${m.css.optionInput} ${m.css.regex}" />
+          <span>.*</span>
+        </label>
+      </div>
+      <div class="${m.css.meta}">
+        <div class="${m.css.status} ${m.css.statusLayout}"></div>
+        <div class="${m.css.mode} ${m.css.modeLayout}" aria-live="polite"></div>
       </div>
-      <div class="search-status" style="
-        font-size: 11px;
-        color: var(--editor-gutter-foreground, #858585);
-        text-align: center;
-      "></div>
-      <input type="text" class="search-replace-input" placeholder="Replace with..." style="
-        width: 100%;
-        padding: 4px 8px;
-        background: var(--editor-gutter-background, #252526);
-        color: var(--editor-foreground, #f8f9fa);
-        border: 1px solid var(--editor-gutter-border, #3e3e42);
-        border-radius: 3px;
-        font-size: 12px;
-        outline: none;
-        display: none;
-        margin-top: 4px;
-      " />
+      <input type="text" class="${m.css.replaceInput} ${m.css.inputBase} ${m.css.replaceInputLayout}" placeholder="Replace with..." />
     `;
-    const t = this.searchUI.querySelector("input"), i = this.searchUI.querySelector(".search-replace-input"), s = this.searchUI.querySelector(".search-prev"), r = this.searchUI.querySelector(".search-next"), o = this.searchUI.querySelector(".search-close");
-    t.addEventListener("input", () => {
-      this.performSearch(t.value);
-    }), t.addEventListener("keydown", (n) => {
-      n.key === "Enter" && (n.preventDefault(), n.shiftKey ? this.findPrev() : this.findNext());
-    }), i.addEventListener("keydown", (n) => {
-      n.key === "Enter" && (n.preventDefault(), n.shiftKey ? this.replaceAll(t.value, i.value) : this.replaceCurrent(t.value, i.value));
-    }), s.addEventListener("click", () => this.findPrev()), r.addEventListener("click", () => this.findNext()), o.addEventListener("click", () => this.hideSearch()), e.appendChild(this.searchUI);
-  }
-  performSearch(e) {
+    const i = this.searchUI.querySelector(
+      `.${m.css.findInput}`
+    ), n = this.searchUI.querySelector(
+      `.${m.css.replaceInput}`
+    ), r = this.searchUI.querySelector(
+      `.${m.css.prevButton}`
+    ), o = this.searchUI.querySelector(
+      `.${m.css.nextButton}`
+    ), l = this.searchUI.querySelector(
+      `.${m.css.closeButton}`
+    ), h = this.searchUI.querySelector(
+      `.${m.css.status}`
+    ), a = this.searchUI.querySelector(
+      `.${m.css.mode}`
+    ), c = this.searchUI.querySelector(
+      `.${m.css.caseSensitive}`
+    ), u = this.searchUI.querySelector(
+      `.${m.css.wholeWord}`
+    ), f = this.searchUI.querySelector(
+      `.${m.css.regex}`
+    );
+    this.findInput = i, this.replaceInputEl = n, this.statusDiv = h, this.modeDiv = a, this.caseSensitiveInput = c, this.wholeWordInput = u, this.regexInput = f, c.checked = !!this.searchOptions.caseSensitive, u.checked = !!this.searchOptions.wholeWord, f.checked = !!this.searchOptions.regex, i.addEventListener("input", () => {
+      this.searchDebounceTimer && clearTimeout(this.searchDebounceTimer);
+      const g = i.value;
+      this.searchDebounceTimer = setTimeout(() => {
+        this.performSearch(g, !1, !1);
+      }, 120);
+    });
+    const d = () => {
+      this.searchOptions.caseSensitive = c.checked, this.searchOptions.wholeWord = u.checked, this.searchOptions.regex = f.checked;
+      const g = i.value;
+      g.trim() ? this.performSearch(g, !1, !1) : this.performSearch("", !1, !1);
+    };
+    c.addEventListener("change", d), u.addEventListener("change", d), f.addEventListener("change", d), i.addEventListener("keydown", (g) => {
+      g.key === "Enter" ? (g.preventDefault(), g.shiftKey ? this.findPrev() : this.findNext()) : g.key === "Escape" && (g.preventDefault(), this.hideSearch());
+    }), n.addEventListener("keydown", (g) => {
+      g.key === "Enter" ? (g.preventDefault(), g.shiftKey ? this.replaceAll(i.value, n.value) : this.replaceCurrent(i.value, n.value)) : g.key === "Escape" && (g.preventDefault(), this.hideSearch());
+    }), r.addEventListener("click", () => this.findPrev()), o.addEventListener("click", () => this.findNext()), l.addEventListener("click", () => this.hideSearch()), s.appendChild(this.searchUI);
+  }
+  updateModeHint(e) {
+    this.modeDiv && (this.modeDiv.textContent = e ? `Replace: move next ${this.config.replaceAndFindNext ? "ON" : "OFF"}` : "Find mode");
+  }
+  performSearch(e, t, s) {
     if (!this.editor || !e.trim()) {
-      this.clearHighlights(), this.updateStatus("");
+      this.currentQuery = "", this.currentResults = [], this.currentIndex = -1, this.clearHighlights(), this.updateStatus("");
       return;
     }
-    const t = this.editor.getValue(), i = [];
-    let s = t.toLowerCase().indexOf(e.toLowerCase());
-    for (; s !== -1; ) {
-      const r = this.getPositionFromOffset(t, s), o = this.getPositionFromOffset(t, s + e.length);
-      i.push({
-        range: { start: r, end: o },
-        match: t.substring(s, s + e.length)
-      }), s = t.toLowerCase().indexOf(e.toLowerCase(), s + 1);
+    if (this.searchOptions.regex && !this.isValidRegex(e)) {
+      this.currentQuery = e, this.currentResults = [], this.currentIndex = -1, this.clearHighlights(), this.updateStatus("Invalid regular expression");
+      return;
     }
-    this.currentResults = i, this.currentIndex = this.currentResults.length > 0 ? 0 : -1, this.updateHighlights(), this.updateStatus(`${this.currentResults.length} matches`);
-  }
-  getPositionFromOffset(e, t) {
-    const i = e.substring(0, t).split(`
-`), s = i.length - 1, r = i[i.length - 1].length;
-    return { line: s, column: r };
+    this.currentQuery = e;
+    const i = this.currentIndex, n = this.editor.search(e, this.searchOptions);
+    if (this.currentResults = n, n.length === 0) {
+      this.currentIndex = -1, this.clearHighlights(), this.updateStatus("No matches");
+      return;
+    }
+    t && i >= 0 ? this.currentIndex = Math.min(i, n.length - 1) : this.currentIndex = 0, this.updateHighlights(s);
   }
   findNext() {
-    this.currentResults.length !== 0 && (this.currentIndex = (this.currentIndex + 1) % this.currentResults.length, this.updateHighlights());
+    if (this.currentResults.length === 0) {
+      this.currentQuery && this.performSearch(this.currentQuery, !0, !0);
+      return;
+    }
+    this.currentIndex = (this.currentIndex + 1) % this.currentResults.length, this.updateHighlights(!0);
   }
   findPrev() {
-    this.currentResults.length !== 0 && (this.currentIndex = this.currentIndex <= 0 ? this.currentResults.length - 1 : this.currentIndex - 1, this.updateHighlights());
+    if (this.currentResults.length === 0) {
+      this.currentQuery && this.performSearch(this.currentQuery, !0, !0);
+      return;
+    }
+    this.currentIndex = this.currentIndex <= 0 ? this.currentResults.length - 1 : this.currentIndex - 1, this.updateHighlights(!0);
   }
   replaceCurrent(e, t) {
-    if (!this.editor || !e.trim() || this.currentIndex === -1) return;
-    const i = this.currentResults[this.currentIndex];
-    if (!i) return;
-    const s = this.editor.getValue(), r = this.getOffsetFromPosition(s, i.range.start), o = s.substring(0, r), n = s.substring(r + e.length), l = o + t + n;
-    this.editor.setValue(l), this.performSearch(e), this.updateStatus("Replaced current occurrence");
+    if (!this.editor || !e.trim() || ((this.currentQuery !== e || this.currentResults.length === 0) && this.performSearch(e, !1, !0), this.currentIndex < 0 || this.currentResults.length === 0)) return;
+    const s = this.currentResults[this.currentIndex];
+    if (!s) return;
+    const i = this.computeReplacementRange(s.range.start, t);
+    if (this.editor.replace(s.range, t), this.config.replaceAndFindNext) {
+      this.currentQuery = e;
+      const n = this.editor.search(e, this.searchOptions);
+      if (this.currentResults = n, n.length === 0) {
+        this.currentIndex = -1, this.clearHighlights(), this.updateStatus("Replaced current occurrence"), this.restoreReplaceInputFocus();
+        return;
+      }
+      this.currentIndex = this.findNextResultIndexAfter(i.end, n), this.updateHighlights(!0);
+    } else
+      this.scrollLogicalRangeIntoView(i, !0), this.performSearch(e, !0, !1);
+    this.currentResults.length > 0 || this.showTransientStatus("Replaced current occurrence"), this.restoreReplaceInputFocus(), this.revealActiveResultAfterFocusRestore();
   }
   replaceAll(e, t) {
     if (!this.editor || !e.trim()) return;
-    let i = this.editor.getValue(), s = 0, r = i.toLowerCase().indexOf(e.toLowerCase());
-    for (; r !== -1; )
-      i = i.substring(0, r) + t + i.substring(r + e.length), s++, r = i.toLowerCase().indexOf(e.toLowerCase(), r + t.length);
-    s > 0 && (this.editor.setValue(i), this.updateStatus(`Replaced ${s} occurrences`));
+    const s = this.editor.replaceAll(e, t, this.searchOptions);
+    this.performSearch(e, !1, !1), this.showTransientStatus(`Replaced ${s} occurrence${s === 1 ? "" : "s"}`), this.restoreReplaceInputFocus(), this.revealActiveResultAfterFocusRestore();
   }
-  getOffsetFromPosition(e, t) {
-    const i = e.split(`
-`);
-    let s = 0;
-    for (let r = 0; r < t.line; r++)
-      s += i[r].length + 1;
-    return s += t.column, s;
+  updateHighlights(e) {
+    if (this.clearHighlights(), this.currentResults.length === 0 || this.currentIndex === -1 || !this.editor)
+      return;
+    this.applyCustomHighlights();
+    const t = this.currentResults[this.currentIndex];
+    t && ((e || !this.hasCustomHighlightSupport) && this.navigateToResult(t, !this.hasCustomHighlightSupport), this.updateStatus(
+      `${this.currentResults.length} matches (showing ${this.currentIndex + 1}/${this.currentResults.length})`
+    ));
   }
-  updateHighlights() {
-    this.clearHighlights(), !(this.currentResults.length === 0 || this.currentIndex === -1) && (this.currentResults[this.currentIndex], this.updateStatus(`${this.currentResults.length} matches (showing ${this.currentIndex + 1}/${this.currentResults.length})`));
+  navigateToResult(e, t) {
+    if (!this.editor) return;
+    const s = document.activeElement, i = !!s && (s === this.findInput || s === this.replaceInputEl);
+    t ? (this.editor.setSelection(e.range), this.centerCurrentSelectionInView()) : this.scrollResultIntoView(e);
+    const n = this.editor.getView();
+    t && typeof n.ensureCaretVisible == "function" && n.ensureCaretVisible(), t && i && s && requestAnimationFrame(() => {
+      this.focusWithoutScrolling(s);
+    });
   }
   clearHighlights() {
+    if (this.hasCustomHighlightSupport)
+      try {
+        const e = CSS;
+        e.highlights?.delete(this.highlightMatchName), e.highlights?.delete(this.highlightActiveName);
+      } catch {
+      }
+  }
+  scrollResultIntoView(e) {
+    this.scrollLogicalRangeIntoView(e.range, !0);
+  }
+  scrollLogicalRangeIntoView(e, t) {
+    if (!this.editor) return;
+    const s = this.editor.getView().getContentElement(), i = this.editor.getValue(), { lineStarts: n, lines: r } = this.buildLineStarts(i), o = this.buildTextNodeIndex(s);
+    if (o.length === 0) return;
+    const l = this.toDomRange(e, n, r, o);
+    if (!l) return;
+    const h = l.startContainer.nodeType === Node.TEXT_NODE ? l.startContainer.parentElement : l.startContainer, a = this.resolveScrollContainer(s);
+    if (a) {
+      const c = l.getClientRects()[0] || l.getBoundingClientRect(), u = a.getBoundingClientRect(), f = a.scrollTop + (c.top - u.top) - u.height / 2 + c.height / 2, d = 18;
+      let g = t ? f : a.scrollTop, p = a.scrollLeft;
+      const y = a.scrollLeft + (c.left - u.left), k = y + c.width;
+      c.right > u.right - d ? p = k - u.width + d : c.left < u.left + d && (p = Math.max(0, y - d));
+      const v = Math.max(0, a.scrollHeight - a.clientHeight), C = Math.max(0, a.scrollWidth - a.clientWidth);
+      if (g = Math.min(v, Math.max(0, g)), p = Math.min(C, Math.max(0, p)), v === 0 && C === 0) {
+        h?.scrollIntoView({
+          block: t ? "center" : "nearest",
+          inline: "nearest",
+          behavior: "smooth"
+        });
+        return;
+      }
+      (g !== a.scrollTop || p !== a.scrollLeft) && a.scrollTo({
+        top: g,
+        left: p,
+        behavior: "smooth"
+      });
+      return;
+    }
+    h?.scrollIntoView({
+      block: t ? "center" : "nearest",
+      inline: "nearest",
+      behavior: "smooth"
+    });
   }
-  updateStatus(e) {
-    const t = this.searchUI?.querySelector(".search-status");
-    t && (t.textContent = e);
+  restoreReplaceInputFocus() {
+    const e = this.replaceInputEl;
+    !e || e.style.display === "none" || requestAnimationFrame(() => {
+      this.focusWithoutScrolling(e);
+      const t = e.value.length;
+      try {
+        e.setSelectionRange(t, t);
+      } catch {
+      }
+    });
+  }
+  centerCurrentSelectionInView() {
+    if (!this.editor) return;
+    const e = this.editor.getView().getContentElement(), t = this.resolveScrollContainer(e);
+    if (!t) return;
+    const s = window.getSelection();
+    if (!s || s.rangeCount === 0) return;
+    const i = s.getRangeAt(0).cloneRange(), n = i.getClientRects()[0] || i.getBoundingClientRect();
+    if (!n) return;
+    const r = t.getBoundingClientRect(), o = t.scrollTop + (n.top - r.top) - r.height / 2 + n.height / 2, l = Math.max(0, t.scrollHeight - t.clientHeight), h = Math.min(l, Math.max(0, o));
+    h !== t.scrollTop && t.scrollTo({
+      top: h,
+      behavior: "smooth"
+    });
+  }
+  computeReplacementRange(e, t) {
+    const s = t.replace(/\r\n?/g, `
+`), i = s.split(`
+`);
+    let n;
+    return i.length <= 1 ? (n = {
+      start: e,
+      end: {
+        line: e.line,
+        column: e.column + s.length
+      }
+    }, this.clampRangeToDocument(n)) : (n = {
+      start: e,
+      end: {
+        line: e.line + i.length - 1,
+        column: i[i.length - 1].length
+      }
+    }, this.clampRangeToDocument(n));
+  }
+  findNextResultIndexAfter(e, t) {
+    for (let s = 0; s < t.length; s++)
+      if (this.comparePositions(t[s].range.start, e) >= 0)
+        return s;
+    return 0;
+  }
+  comparePositions(e, t) {
+    return e.line !== t.line ? e.line - t.line : e.column - t.column;
+  }
+  clampRangeToDocument(e) {
+    const t = this.editor;
+    if (!t) return e;
+    const s = t.getValue().split(`
+`), i = Math.max(0, s.length - 1), n = Math.max(0, Math.min(e.start.line, i)), r = Math.max(0, Math.min(e.end.line, i)), o = Math.max(
+      0,
+      Math.min(e.start.column, s[n]?.length || 0)
+    ), l = Math.max(
+      0,
+      Math.min(e.end.column, s[r]?.length || 0)
+    );
+    return {
+      start: { line: n, column: o },
+      end: { line: r, column: l }
+    };
+  }
+  focusWithoutScrolling(e) {
+    try {
+      e.focus({
+        preventScroll: !0
+      });
+    } catch {
+      const t = [];
+      let s = e.parentElement;
+      for (; s; )
+        this.canScroll(s) && t.push({
+          el: s,
+          top: s.scrollTop,
+          left: s.scrollLeft
+        }), s = s.parentElement;
+      const i = window.scrollX, n = window.scrollY;
+      e.focus();
+      for (let r = 0; r < t.length; r++) {
+        const o = t[r];
+        o.el.scrollTop = o.top, o.el.scrollLeft = o.left;
+      }
+      window.scrollTo(i, n);
+    }
+  }
+  findScrollContainer(e) {
+    let t = e;
+    for (; t; ) {
+      const s = window.getComputedStyle(t).overflowY;
+      if ((s === "auto" || s === "scroll") && t.scrollHeight > t.clientHeight)
+        return t;
+      t = t.parentElement;
+    }
+    return null;
+  }
+  resolveScrollContainer(e) {
+    const t = this.editor?.getView()?.getScrollElement?.() || null;
+    return t && this.canScroll(t) ? t : this.findScrollContainer(e);
+  }
+  canScroll(e) {
+    return e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth;
+  }
+  revealActiveResultAfterFocusRestore() {
+    !this.currentResults.length || this.currentIndex < 0 || requestAnimationFrame(() => {
+      const e = this.currentResults[this.currentIndex];
+      e && this.scrollResultIntoView(e);
+    });
+  }
+  applyCustomHighlights() {
+    if (!this.editor || !this.hasCustomHighlightSupport || this.currentResults.length === 0)
+      return;
+    const e = this.editor.getView().getContentElement(), t = this.editor.getValue(), { lineStarts: s, lines: i } = this.buildLineStarts(t), n = this.buildTextNodeIndex(e);
+    if (n.length === 0) return;
+    const r = this.buildVisibleDocumentText(n), o = [];
+    let l = null;
+    const h = Math.min(this.currentResults.length, this.maxCustomHighlightRanges);
+    for (let a = 0; a < h; a++) {
+      const c = this.currentResults[a], u = this.searchOptions.regex ? c.match || this.currentQuery : this.currentQuery || c.match, f = this.toDomRange(
+        c.range,
+        s,
+        i,
+        n,
+        r,
+        u
+      );
+      f && (o.push(f), a === this.currentIndex && (l = f));
+    }
+    if (o.length !== 0)
+      try {
+        const a = CSS, c = window.Highlight;
+        if (!a.highlights || !c) return;
+        a.highlights.set(this.highlightMatchName, new c(...o)), l && a.highlights.set(this.highlightActiveName, new c(l));
+      } catch {
+      }
+  }
+  buildLineStarts(e) {
+    const t = e.split(`
+`), s = new Array(t.length);
+    let i = 0;
+    for (let n = 0; n < t.length; n++)
+      s[n] = i, i += t[n].length + 1;
+    return { lineStarts: s, lines: t };
+  }
+  positionToOffset(e, t, s) {
+    const i = Math.max(0, Math.min(e.line, s.length - 1)), n = Math.max(0, Math.min(e.column, s[i]?.length || 0));
+    return t[i] + n;
+  }
+  buildTextNodeIndex(e) {
+    const t = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, null), s = [];
+    let i = 0, n;
+    for (; n = t.nextNode(); ) {
+      const r = n;
+      if (r.parentElement?.hasAttribute(this.trailingMarkerAttr))
+        continue;
+      const o = r.textContent || "", l = this.buildVisibleToDomMap(o), h = Math.max(0, l.length - 1);
+      h === 0 && o.length === 0 || (s.push({
+        node: r,
+        start: i,
+        end: i + h,
+        visibleToDom: l
+      }), i += h);
+    }
+    return s;
+  }
+  resolveDomPoint(e, t) {
+    const s = Math.max(0, e);
+    for (let n = 0; n < t.length; n++) {
+      const r = t[n];
+      if (s <= r.end) {
+        const o = Math.max(0, s - r.start), l = r.visibleToDom[o] ?? r.node.textContent?.length ?? 0;
+        return {
+          node: r.node,
+          offset: l
+        };
+      }
+    }
+    const i = t[t.length - 1];
+    return i ? {
+      node: i.node,
+      offset: i.visibleToDom[i.visibleToDom.length - 1] ?? i.node.textContent?.length ?? 0
+    } : null;
+  }
+  toDomRange(e, t, s, i, n, r) {
+    const o = this.positionToOffset(e.start, t, s), l = this.positionToOffset(e.end, t, s);
+    let h = Math.min(o, l), a = Math.max(o, l);
+    if (n && r) {
+      const d = r, g = n.slice(h, a);
+      if (g.length === d.length && g.toLowerCase() !== d.toLowerCase()) {
+        const p = this.findNearestMatchOffset(
+          n,
+          d,
+          h
+        );
+        p !== -1 && (h = p, a = p + d.length);
+      }
+    }
+    const c = this.resolveDomPoint(h, i), u = this.resolveDomPoint(a, i);
+    if (!c || !u) return null;
+    const f = document.createRange();
+    try {
+      return f.setStart(c.node, c.offset), f.setEnd(u.node, u.offset), f;
+    } catch {
+      return null;
+    }
+  }
+  buildVisibleDocumentText(e) {
+    let t = "";
+    for (let s = 0; s < e.length; s++) {
+      const i = e[s].node.textContent || "";
+      for (let n = 0; n < i.length; n++) {
+        const r = i[n];
+        this.virtualMarkerRegex.test(r) || (t += r);
+      }
+    }
+    return t;
+  }
+  findNearestMatchOffset(e, t, s) {
+    const i = t.toLowerCase();
+    let n = e.toLowerCase().indexOf(i);
+    if (n === -1) return -1;
+    let r = n, o = Math.abs(n - s);
+    for (; n !== -1; ) {
+      const l = Math.abs(n - s);
+      if (l < o && (o = l, r = n), l === 0) return n;
+      n = e.toLowerCase().indexOf(i, n + 1);
+    }
+    return r;
+  }
+  scheduleLiveRefresh(e) {
+    this.liveRefreshTimer && clearTimeout(this.liveRefreshTimer);
+    const t = this.currentQuery;
+    this.liveRefreshTimer = setTimeout(() => {
+      !this.isVisible || !t || this.performSearch(t, e, !1);
+    }, 90);
+  }
+  updateStatus(e, t = !1) {
+    if (this.statusDiv) {
+      if (!t && Date.now() < this.statusFreezeUntil)
+        return;
+      this.statusDiv.textContent = e;
+    }
+  }
+  showTransientStatus(e, t = 900) {
+    this.statusFreezeUntil = Date.now() + t, this.updateStatus(e, !0), this.statusResetTimer && clearTimeout(this.statusResetTimer), this.statusResetTimer = setTimeout(() => {
+      this.statusFreezeUntil = 0, this.syncMatchStatus();
+    }, t);
+  }
+  syncMatchStatus() {
+    if (!this.currentQuery) {
+      this.updateStatus("", !0);
+      return;
+    }
+    if (this.currentResults.length === 0 || this.currentIndex < 0) {
+      this.updateStatus("No matches", !0);
+      return;
+    }
+    this.updateStatus(
+      `${this.currentResults.length} matches (showing ${this.currentIndex + 1}/${this.currentResults.length})`,
+      !0
+    );
+  }
+  isValidRegex(e) {
+    try {
+      const t = this.searchOptions.caseSensitive ? "g" : "gi";
+      return new RegExp(e, t), !0;
+    } catch {
+      return !1;
+    }
+  }
+  captureSelectionState() {
+    this.editor && (this.savedSelection = this.editor.getSelection(), this.savedCursor = this.editor.getCursor().position);
+  }
+  restoreSelectionState() {
+    this.editor && (this.savedSelection ? this.editor.setSelection(this.savedSelection) : this.savedCursor && this.editor.setCursor(this.savedCursor), this.savedSelection = void 0, this.savedCursor = null);
+  }
+  detectCustomHighlightSupport() {
+    try {
+      const e = CSS, t = window.Highlight;
+      return !!e.highlights && !!t;
+    } catch {
+      return !1;
+    }
+  }
+  buildVisibleToDomMap(e) {
+    const t = [0];
+    let s = 0;
+    for (let i = 0; i < e.length; i++) {
+      const n = e[i];
+      this.virtualMarkerRegex.test(n) || (s += 1, t[s] = i + 1);
+    }
+    return t;
+  }
+  ensureHighlightStyles() {
+    if (document.getElementById(this.highlightStyleId)) return;
+    const e = document.createElement("style");
+    e.id = this.highlightStyleId, e.textContent = `
+      ::highlight(${this.highlightMatchName}) {
+        background: var(--lce-search-match-bg, rgba(255, 214, 10, 0.34));
+        border-radius: 2px;
+      }
+      ::highlight(${this.highlightActiveName}) {
+        background: var(--lce-search-active-bg, rgba(255, 154, 0, 0.45));
+        border-radius: 2px;
+      }
+    `, document.head.appendChild(e);
   }
   destroy() {
-    this.searchUI && this.searchUI.parentNode && this.searchUI.parentNode.removeChild(this.searchUI), this.searchUI = null, this.editor = null;
+    this.searchDebounceTimer && (clearTimeout(this.searchDebounceTimer), this.searchDebounceTimer = null), this.liveRefreshTimer && (clearTimeout(this.liveRefreshTimer), this.liveRefreshTimer = null), this.statusResetTimer && (clearTimeout(this.statusResetTimer), this.statusResetTimer = null), this.clearHighlights(), this.searchUI && this.searchUI.parentNode && this.searchUI.parentNode.removeChild(this.searchUI), this.editor && this.editorChangeHandler && this.editor.off("change", this.editorChangeHandler), this.editorChangeHandler = null, this.findInput = null, this.replaceInputEl = null, this.statusDiv = null, this.modeDiv = null, this.caseSensitiveInput = null, this.wholeWordInput = null, this.regexInput = null, this.searchUI = null;
+    const e = document.getElementById(this.highlightStyleId);
+    e?.parentNode && e.parentNode.removeChild(e), this.editor = null;
   }
-}
-class F {
+};
+W.css = {
+  root: "lce-search-ui",
+  row: "lce-search-row",
+  options: "lce-search-options",
+  optionLabel: "lce-search-option",
+  optionInput: "lce-search-option-input",
+  caseSensitive: "search-case-sensitive",
+  wholeWord: "search-whole-word",
+  regex: "search-regex",
+  meta: "lce-search-meta",
+  findInput: "search-find-input",
+  replaceInput: "search-replace-input",
+  inputBase: "lce-search-input",
+  replaceInputLayout: "lce-search-replace",
+  prevButton: "search-prev",
+  nextButton: "search-next",
+  closeButton: "search-close",
+  buttonBase: "lce-search-btn",
+  status: "search-status",
+  statusLayout: "lce-search-status",
+  mode: "search-mode",
+  modeLayout: "lce-search-mode"
+};
+let se = W;
+class ie {
   constructor() {
     this.name = "bracket-matching", this.editor = null, this.bracketPairs = {
       "(": ")",
@@ -1180,58 +1659,58 @@ class F {
     if (!this.editor) return;
     const e = this.editor.getCursor(), t = this.editor.getValue();
     this.clearBracketHighlighting();
-    const i = this.getBracketAtPosition(t, e.position);
-    if (!i) return;
-    const s = this.findMatchingBracket(t, i);
-    s && (this.currentMatch = s, this.highlightBrackets(s));
+    const s = this.getBracketAtPosition(t, e.position);
+    if (!s) return;
+    const i = this.findMatchingBracket(t, s);
+    i && (this.currentMatch = i, this.highlightBrackets(i));
   }
   getBracketAtPosition(e, t) {
-    const i = e.split(`
+    const s = e.split(`
 `);
-    if (t.line >= i.length) return null;
-    const s = i[t.line];
-    if (t.column >= s.length) return null;
-    const r = s[t.column];
-    return this.bracketPairs[r] || this.reverseBracketPairs[r] ? { char: r, position: t } : null;
+    if (t.line >= s.length) return null;
+    const i = s[t.line];
+    if (t.column >= i.length) return null;
+    const n = i[t.column];
+    return this.bracketPairs[n] || this.reverseBracketPairs[n] ? { char: n, position: t } : null;
   }
   findMatchingBracket(e, t) {
-    const i = e.split(`
-`), s = t.position.line, r = t.position.column, o = t.char;
-    return this.bracketPairs[o] ? this.findClosingBracket(e, i, s, r, o) : this.reverseBracketPairs[o] ? this.findOpeningBracket(e, i, s, r, o) : null;
-  }
-  findClosingBracket(e, t, i, s, r) {
-    const o = this.bracketPairs[r];
-    let n = 0;
-    for (let l = i; l < t.length; l++) {
-      const a = t[l], c = l === i ? s : 0;
-      for (let g = c; g < a.length; g++) {
-        const h = a[g];
-        if (h === r)
-          n++;
-        else if (h === o && (n--, n === 0))
+    const s = e.split(`
+`), i = t.position.line, n = t.position.column, r = t.char;
+    return this.bracketPairs[r] ? this.findClosingBracket(e, s, i, n, r) : this.reverseBracketPairs[r] ? this.findOpeningBracket(e, s, i, n, r) : null;
+  }
+  findClosingBracket(e, t, s, i, n) {
+    const r = this.bracketPairs[n];
+    let o = 0;
+    for (let l = s; l < t.length; l++) {
+      const h = t[l], a = l === s ? i : 0;
+      for (let c = a; c < h.length; c++) {
+        const u = h[c];
+        if (u === n)
+          o++;
+        else if (u === r && (o--, o === 0))
           return {
-            open: { start: { line: i, column: s }, end: { line: i, column: s + 1 } },
-            close: { start: { line: l, column: g }, end: { line: l, column: g + 1 } },
-            type: r
+            open: { start: { line: s, column: i }, end: { line: s, column: i + 1 } },
+            close: { start: { line: l, column: c }, end: { line: l, column: c + 1 } },
+            type: n
           };
       }
     }
     return null;
   }
-  findOpeningBracket(e, t, i, s, r) {
-    const o = this.reverseBracketPairs[r];
-    let n = 0;
-    for (let l = i; l >= 0; l--) {
-      const a = t[l], c = l === i ? s : a.length - 1;
-      for (let g = c; g >= 0; g--) {
-        const h = a[g];
-        if (h === r)
-          n++;
-        else if (h === o && (n--, n === 0))
+  findOpeningBracket(e, t, s, i, n) {
+    const r = this.reverseBracketPairs[n];
+    let o = 0;
+    for (let l = s; l >= 0; l--) {
+      const h = t[l], a = l === s ? i : h.length - 1;
+      for (let c = a; c >= 0; c--) {
+        const u = h[c];
+        if (u === n)
+          o++;
+        else if (u === r && (o--, o === 0))
           return {
-            open: { start: { line: l, column: g }, end: { line: l, column: g + 1 } },
-            close: { start: { line: i, column: s }, end: { line: i, column: s + 1 } },
-            type: o
+            open: { start: { line: l, column: c }, end: { line: l, column: c + 1 } },
+            close: { start: { line: s, column: i }, end: { line: s, column: i + 1 } },
+            type: r
           };
       }
     }
@@ -1249,9 +1728,9 @@ class F {
     this.clearBracketHighlighting(), this.editor = null;
   }
 }
-class _ {
+class ne {
   constructor() {
-    this.name = "code-folding", this.editor = null, this.foldIndicators = [], this.foldingUI = null;
+    this.name = "code-folding", this.editor = null, this.foldIndicators = [], this.foldingUI = null, this.pendingUpdateRaf = null, this.lastSnapshot = "", this.changeHandler = null;
   }
   setup(e) {
     this.editor = e, e.registerCommand("fold", () => {
@@ -1262,14 +1741,14 @@ class _ {
       this.foldAll();
     }), e.registerCommand("unfoldAll", () => {
       this.unfoldAll();
-    }), e.on("change", () => {
-      this.updateFoldIndicators();
-    }), this.createFoldingUI(), this.updateFoldIndicators();
+    }), this.changeHandler = () => {
+      this.scheduleFoldIndicatorUpdate();
+    }, e.on("change", this.changeHandler), this.createFoldingUI(), this.scheduleFoldIndicatorUpdate();
   }
   createFoldingUI() {
     if (!this.editor) return;
-    const e = document.querySelector(".rte-source-editor-modal");
-    e && (this.foldingUI = document.createElement("div"), this.foldingUI.style.cssText = `
+    const e = this.editor.getView().getContentElement(), t = e.closest(".rte-source-editor-modal") || e.parentElement;
+    t && (this.foldingUI = document.createElement("div"), this.foldingUI.style.cssText = `
       position: absolute;
       left: 40px;
       top: 0;
@@ -1277,29 +1756,36 @@ class _ {
       width: 20px;
       pointer-events: none;
       z-index: 2;
-    `, e.appendChild(this.foldingUI));
+    `, t.appendChild(this.foldingUI));
+  }
+  scheduleFoldIndicatorUpdate() {
+    this.pendingUpdateRaf === null && (this.pendingUpdateRaf = requestAnimationFrame(() => {
+      this.pendingUpdateRaf = null, this.updateFoldIndicators();
+    }));
   }
   updateFoldIndicators() {
     if (!this.editor || !this.foldingUI) return;
-    this.foldingUI.innerHTML = "", this.foldIndicators = [];
-    const e = this.editor.getValue().split(`
-`);
-    this.findFoldableLines(e).forEach((t) => {
-      this.createFoldIndicator(t);
-    });
+    const e = this.editor.getValue();
+    if (e === this.lastSnapshot) return;
+    this.lastSnapshot = e, this.foldingUI.innerHTML = "", this.foldIndicators = [];
+    const t = e.split(`
+`), s = this.findFoldableLines(t), i = document.createDocumentFragment();
+    s.forEach((n) => {
+      const r = this.createFoldIndicator(n);
+      i.appendChild(r), this.foldIndicators.push(r);
+    }), this.foldingUI.appendChild(i);
   }
   findFoldableLines(e) {
     const t = [];
-    for (let i = 0; i < e.length; i++) {
-      const s = e[i].trim();
-      (s.startsWith("{") || s.startsWith("function") || s.startsWith("class") || s.startsWith("if") || s.includes("=>") || s.startsWith("for") || s.startsWith("while") || s.startsWith("try")) && t.push(i);
+    for (let s = 0; s < e.length; s++) {
+      const i = e[s].trim();
+      (i.startsWith("{") || i.startsWith("function") || i.startsWith("class") || i.startsWith("if") || i.includes("=>") || i.startsWith("for") || i.startsWith("while") || i.startsWith("try")) && t.push(s);
     }
     return t;
   }
   createFoldIndicator(e) {
-    if (!this.foldingUI) return;
     const t = document.createElement("div");
-    t.style.cssText = `
+    return t.style.cssText = `
       position: absolute;
       left: 0;
       top: ${e * 21}px;
@@ -1314,7 +1800,7 @@ class _ {
       font-size: 10px;
       user-select: none;
     `, t.innerHTML = "▶", t.title = "Code folding not yet implemented - click shows fold indicators", t.addEventListener("click", () => {
-    }), this.foldingUI.appendChild(t), this.foldIndicators.push(t);
+    }), t;
   }
   foldAtCursor() {
   }
@@ -1325,15 +1811,15 @@ class _ {
   unfoldAll() {
   }
   destroy() {
-    this.foldingUI && this.foldingUI.parentNode && this.foldingUI.parentNode.removeChild(this.foldingUI), this.foldingUI = null, this.foldIndicators = [], this.editor = null;
+    this.pendingUpdateRaf !== null && (cancelAnimationFrame(this.pendingUpdateRaf), this.pendingUpdateRaf = null), this.editor && this.changeHandler && this.editor.off("change", this.changeHandler), this.foldingUI && this.foldingUI.parentNode && this.foldingUI.parentNode.removeChild(this.foldingUI), this.changeHandler = null, this.lastSnapshot = "", this.foldingUI = null, this.foldIndicators = [], this.editor = null;
   }
 }
-class W {
+class re {
   constructor() {
     this.name = "syntax-highlighting", this.editor = null, this.currentTheme = "dark", this.currentLanguage = null, this.modes = /* @__PURE__ */ new Map();
   }
   setup(e) {
-    this.editor = e, this.registerMode("html", { name: "html", highlight: (t, i) => this._highlightHTML(t, i) }), this.registerMode("javascript", { name: "javascript", highlight: (t, i) => this._highlightJS(t, i) }), this.registerMode("typescript", { name: "typescript", highlight: (t, i) => this._highlightJS(t, i) }), this.registerMode("php", { name: "php", highlight: (t, i) => this._highlightPHP(t, i) });
+    this.editor = e, this.registerMode("html", { name: "html", highlight: (t, s) => this._highlightHTML(t, s) }), this.registerMode("javascript", { name: "javascript", highlight: (t, s) => this._highlightJS(t, s) }), this.registerMode("typescript", { name: "typescript", highlight: (t, s) => this._highlightJS(t, s) }), this.registerMode("php", { name: "php", highlight: (t, s) => this._highlightPHP(t, s) });
   }
   // Extension provides methods that can be called by the editor
   setTheme(e) {
@@ -1393,8 +1879,8 @@ class W {
   }
   // Public API: highlight a source string using the chosen mode (or detect html)
   highlight(e, t) {
-    const i = this.getSyntaxColors(), s = (t || this.currentLanguage || "html").toLowerCase();
-    return (this.modes.get(s) || this.modes.get("html")).highlight(e, i);
+    const s = this.getSyntaxColors(), i = (t || this.currentLanguage || "html").toLowerCase();
+    return (this.modes.get(i) || this.modes.get("html")).highlight(e, s);
   }
   // Backwards-compatible method
   highlightHTML(e) {
@@ -1407,127 +1893,127 @@ class W {
   // Robustly unescape common HTML entities, repeating a few times to handle nested encoding like &amp;amp;...
   unescapeEntitiesRepeated(e) {
     let t = e || "";
-    for (let i = 0; i < 5; i++) {
-      const s = t;
-      if (t = t.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'"), t === s) break;
+    for (let s = 0; s < 5; s++) {
+      const i = t;
+      if (t = t.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'"), t === i) break;
     }
     return t;
   }
   _highlightHTML(e, t) {
-    const i = t, s = (a) => this.escapeHTML(a);
-    let r = s(e);
-    const o = (a) => {
-      let c = a.replace(/&quot;/g, '"').replace(/&#39;/g, "'");
-      return c = c.replace(/(\/\*[\s\S]*?\*\/)/g, `<span style="color: ${i.comment};">$1</span>`), c = c.replace(/([a-zA-Z-]+)(\s*:\s*)([^;{]+)(;?)/g, (g, h, u, d, f) => {
-        const m = String(d).trim(), y = s(m);
-        return `<span style="color: ${i.styleProp};">${h}</span>${u}<span style="color: ${i.styleVal};">${y}</span>${f}`;
-      }), c;
-    }, n = [];
+    const s = t, i = (h) => this.escapeHTML(h);
+    let n = i(e);
+    const r = (h) => {
+      let a = h.replace(/&quot;/g, '"').replace(/&#39;/g, "'");
+      return a = a.replace(/(\/\*[\s\S]*?\*\/)/g, `<span style="color: ${s.comment};">$1</span>`), a = a.replace(/([a-zA-Z-]+)(\s*:\s*)([^;{]+)(;?)/g, (c, u, f, d, g) => {
+        const p = String(d).trim(), y = i(p);
+        return `<span style="color: ${s.styleProp};">${u}</span>${f}<span style="color: ${s.styleVal};">${y}</span>${g}`;
+      }), a;
+    }, o = [];
     try {
-      e.replace(/<script\b([^>]*)>([\s\S]*?)<\/script>/gi, (a, c, g) => (n.push({ attrs: String(c || ""), inner: String(g || "") }), a));
+      e.replace(/<script\b([^>]*)>([\s\S]*?)<\/script>/gi, (h, a, c) => (o.push({ attrs: String(a || ""), inner: String(c || "") }), h));
     } catch {
     }
     let l = 0;
-    return r = r.replace(/(&lt;script\b([^&>]*)&gt;)([\s\S]*?)(&lt;\/script&gt;)/gi, (a, c, g, h, u) => {
-      const d = n[l++]?.inner ?? this.unescapeEntitiesRepeated(h || "");
-      (n[l - 1]?.attrs || g || "").toLowerCase();
-      const f = this._highlightJS(d, i);
-      return `${c}${f}${u}`;
-    }), r = r.replace(/(&lt;style\b[^&]*&gt;)([\s\S]*?)(&lt;\/style&gt;)/gi, (a, c, g, h) => {
-      const u = o(g);
-      return `${c}${u}${h}`;
-    }), r = r.replace(/(&lt;!--[\s\S]*?--&gt;)/g, `<span style="color: ${i.comment};">$1</span>`), r = r.replace(/(&lt;!DOCTYPE[\s\S]*?&gt;)/i, `<span style="color: ${i.doctype};">$1</span>`), r = r.replace(/(&lt;\/?\s*)([^\s&>\/]+)([\s\S]*?)(\/?&gt;)/g, (a, c, g, h, u) => {
-      const d = `<span style="color: ${i.tag};">${g}</span>`;
-      let f = h;
-      return f = f.replace(
+    return n = n.replace(/(&lt;script\b([^&>]*)&gt;)([\s\S]*?)(&lt;\/script&gt;)/gi, (h, a, c, u, f) => {
+      const d = o[l++]?.inner ?? this.unescapeEntitiesRepeated(u || "");
+      (o[l - 1]?.attrs || c || "").toLowerCase();
+      const g = this._highlightJS(d, s);
+      return `${a}${g}${f}`;
+    }), n = n.replace(/(&lt;style\b[^&]*&gt;)([\s\S]*?)(&lt;\/style&gt;)/gi, (h, a, c, u) => {
+      const f = r(c);
+      return `${a}${f}${u}`;
+    }), n = n.replace(/(&lt;!--[\s\S]*?--&gt;)/g, `<span style="color: ${s.comment};">$1</span>`), n = n.replace(/(&lt;!DOCTYPE[\s\S]*?&gt;)/i, `<span style="color: ${s.doctype};">$1</span>`), n = n.replace(/(&lt;\/?\s*)([^\s&>\/]+)([\s\S]*?)(\/?&gt;)/g, (h, a, c, u, f) => {
+      const d = `<span style="color: ${s.tag};">${c}</span>`;
+      let g = u;
+      return g = g.replace(
         /([\w:-]+)(\s*=\s*)((&quot;[\s\S]*?&quot;|&#39;[\s\S]*?&#39;|[^\s&>]+))/g,
-        (m, y, w, x) => {
-          const E = String(y).toLowerCase(), L = `<span style="color: ${i.attrName};">${y}</span>`;
-          let C = x, b = "";
-          x.startsWith("&quot;") && x.endsWith("&quot;") ? (C = x.slice(6, -6), b = "&quot;") : x.startsWith("&#39;") && x.endsWith("&#39;") && (C = x.slice(5, -5), b = "&#39;");
-          let k = x;
-          if (E === "style") {
-            const S = C.replace(/([\w-]+)\s*:\s*([^;]+)(;?)/g, (O, p, T, N) => `<span style="color: ${i.styleProp};">${p}</span>:<span style="color: ${i.styleVal};">${T.trim()}</span>${N}`);
-            b ? k = `${b}${S}${b}` : k = S, k = `<span style="color: ${i.attrValue};">${k}</span>`;
+        (p, y, k, v) => {
+          const C = String(y).toLowerCase(), E = `<span style="color: ${s.attrName};">${y}</span>`;
+          let S = v, b = "";
+          v.startsWith("&quot;") && v.endsWith("&quot;") ? (S = v.slice(6, -6), b = "&quot;") : v.startsWith("&#39;") && v.endsWith("&#39;") && (S = v.slice(5, -5), b = "&#39;");
+          let T = v;
+          if (C === "style") {
+            const I = S.replace(/([\w-]+)\s*:\s*([^;]+)(;?)/g, (B, N, $, O) => `<span style="color: ${s.styleProp};">${N}</span>:<span style="color: ${s.styleVal};">${$.trim()}</span>${O}`);
+            b ? T = `${b}${I}${b}` : T = I, T = `<span style="color: ${s.attrValue};">${T}</span>`;
           } else
-            b && (k = `${b}${C}${b}`), k = `<span style="color: ${i.attrValue};">${k}</span>`;
-          return `${L}${w}${k}`;
+            b && (T = `${b}${S}${b}`), T = `<span style="color: ${s.attrValue};">${T}</span>`;
+          return `${E}${k}${T}`;
         }
-      ), `${c}${d}${f}${u}`;
-    }), r;
+      ), `${a}${d}${g}${f}`;
+    }), n;
   }
   _highlightJS(e, t) {
-    const i = this.unescapeEntitiesRepeated(e);
-    this.escapeHTML(i);
-    const s = [], r = (h) => {
-      let u = "", d = h;
+    const s = this.unescapeEntitiesRepeated(e);
+    this.escapeHTML(s);
+    const i = [], n = (u) => {
+      let f = "", d = u;
       do
-        u = String.fromCharCode(97 + d % 26) + u, d = Math.floor(d / 26) - 1;
+        f = String.fromCharCode(97 + d % 26) + f, d = Math.floor(d / 26) - 1;
       while (d >= 0);
-      return u || "a";
-    }, o = (h) => `\0${r(h)}\0`, n = (h) => {
-      const u = s.length;
-      return s.push(h), o(u);
+      return f || "a";
+    }, r = (u) => `\0${n(u)}\0`, o = (u) => {
+      const f = i.length;
+      return i.push(u), r(f);
     };
     let l;
-    const a = /(\/\*[\s\S]*?\*\/)|(\/\/[^\n\r]*)|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|`(?:\\.|[^`\\])*`)/g;
-    let c = 0, g = "";
-    for (; l = a.exec(i); ) {
-      const h = l.index;
-      c < h && (g += this.escapeHTML(i.slice(c, h)));
-      const u = l[0];
-      /^\/\*/.test(u) || /^\/\//.test(u) ? g += n(`<span style="color: ${t.comment};">${this.escapeHTML(u)}</span>`) : g += n(`<span style="color: ${t.string};">${this.escapeHTML(u)}</span>`), c = a.lastIndex;
+    const h = /(\/\*[\s\S]*?\*\/)|(\/\/[^\n\r]*)|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|`(?:\\.|[^`\\])*`)/g;
+    let a = 0, c = "";
+    for (; l = h.exec(s); ) {
+      const u = l.index;
+      a < u && (c += this.escapeHTML(s.slice(a, u)));
+      const f = l[0];
+      /^\/\*/.test(f) || /^\/\//.test(f) ? c += o(`<span style="color: ${t.comment};">${this.escapeHTML(f)}</span>`) : c += o(`<span style="color: ${t.string};">${this.escapeHTML(f)}</span>`), a = h.lastIndex;
     }
-    return c < i.length && (g += this.escapeHTML(i.slice(c))), g = g.replace(/\b(0x[0-9a-fA-F]+|\d+\.?\d*|\d*\.\d+)\b/g, (h, u, d) => {
-      const f = g[d - 1] || "", m = g[d + h.length] || "";
-      return f === "&" || f === "#" || m === ";" || m === "#" ? h : `<span style="color: ${t.number};">${h}</span>`;
-    }), g = g.replace(/\b(const|let|var|function|class|if|else|return|for|while|switch|case|break|import|from|export|extends|new|try|catch|finally|throw|await|async|interface|type)\b/g, `<span style="color: ${t.keyword};">$1</span>`), g.replace(/\u0000([a-z]+)\u0000/g, (h, u) => {
+    return a < s.length && (c += this.escapeHTML(s.slice(a))), c = c.replace(/\b(0x[0-9a-fA-F]+|\d+\.?\d*|\d*\.\d+)\b/g, (u, f, d) => {
+      const g = c[d - 1] || "", p = c[d + u.length] || "";
+      return g === "&" || g === "#" || p === ";" || p === "#" ? u : `<span style="color: ${t.number};">${u}</span>`;
+    }), c = c.replace(/\b(const|let|var|function|class|if|else|return|for|while|switch|case|break|import|from|export|extends|new|try|catch|finally|throw|await|async|interface|type)\b/g, `<span style="color: ${t.keyword};">$1</span>`), c.replace(/\u0000([a-z]+)\u0000/g, (u, f) => {
       let d = 0;
-      for (let f = 0; f < u.length; f++)
-        d = d * 26 + (u.charCodeAt(f) - 97 + 1);
-      return d = d - 1, s[d] || "";
+      for (let g = 0; g < f.length; g++)
+        d = d * 26 + (f.charCodeAt(g) - 97 + 1);
+      return d = d - 1, i[d] || "";
     });
   }
   _highlightPHP(e, t) {
-    const i = this.unescapeEntitiesRepeated(e);
-    let s = this.escapeHTML(i);
-    const r = [], o = (d) => {
-      let f = "", m = d;
+    const s = this.unescapeEntitiesRepeated(e);
+    let i = this.escapeHTML(s);
+    const n = [], r = (d) => {
+      let g = "", p = d;
       do
-        f = String.fromCharCode(97 + m % 26) + f, m = Math.floor(m / 26) - 1;
-      while (m >= 0);
-      return f || "a";
-    }, n = (d) => {
-      const f = r.length;
-      return r.push(d), `\0${o(f)}\0`;
-    }, l = (d, f) => {
-      const m = s.indexOf(d);
-      return m === -1 ? !1 : (s = s.slice(0, m) + f + s.slice(m + d.length), !0);
+        g = String.fromCharCode(97 + p % 26) + g, p = Math.floor(p / 26) - 1;
+      while (p >= 0);
+      return g || "a";
+    }, o = (d) => {
+      const g = n.length;
+      return n.push(d), `\0${r(g)}\0`;
+    }, l = (d, g) => {
+      const p = i.indexOf(d);
+      return p === -1 ? !1 : (i = i.slice(0, p) + g + i.slice(p + d.length), !0);
     };
-    let a;
-    const c = /\/\*[\s\S]*?\*\//g, g = /\/\/[^\n\r]*/g, h = /\#([^\n\r]*)/g, u = /("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')/g;
-    for (; a = c.exec(i); ) {
-      const d = a[0];
-      l(this.escapeHTML(d), n(`<span style="color: ${t.comment};">${this.escapeHTML(d)}</span>`));
+    let h;
+    const a = /\/\*[\s\S]*?\*\//g, c = /\/\/[^\n\r]*/g, u = /\#([^\n\r]*)/g, f = /("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')/g;
+    for (; h = a.exec(s); ) {
+      const d = h[0];
+      l(this.escapeHTML(d), o(`<span style="color: ${t.comment};">${this.escapeHTML(d)}</span>`));
     }
-    for (; a = g.exec(i); ) {
-      const d = a[0];
-      l(this.escapeHTML(d), n(`<span style="color: ${t.comment};">${this.escapeHTML(d)}</span>`));
+    for (; h = c.exec(s); ) {
+      const d = h[0];
+      l(this.escapeHTML(d), o(`<span style="color: ${t.comment};">${this.escapeHTML(d)}</span>`));
     }
-    for (; a = h.exec(i); ) {
-      const d = a[0];
-      l(this.escapeHTML(d), n(`<span style="color: ${t.comment};">${this.escapeHTML(d)}</span>`));
+    for (; h = u.exec(s); ) {
+      const d = h[0];
+      l(this.escapeHTML(d), o(`<span style="color: ${t.comment};">${this.escapeHTML(d)}</span>`));
     }
-    for (; a = u.exec(i); ) {
-      const d = a[0];
-      l(this.escapeHTML(d), n(`<span style="color: ${t.string};">${this.escapeHTML(d)}</span>`));
+    for (; h = f.exec(s); ) {
+      const d = h[0];
+      l(this.escapeHTML(d), o(`<span style="color: ${t.string};">${this.escapeHTML(d)}</span>`));
     }
-    return s = s.replace(/(\$[a-zA-Z_\x80-\xff][a-zA-Z0-9_\x80-\xff]*)/g, `<span style="color: ${t.variable};">$1</span>`), s = s.replace(/\b(echo|print|function|class|if|else|elseif|foreach|as|return|namespace|use|new|extends|public|protected|private|static)\b/g, `<span style="color: ${t.keyword};">$1</span>`), s = s.replace(/\u0000([a-z]+)\u0000/g, (d, f) => {
-      let m = 0;
-      for (let y = 0; y < f.length; y++)
-        m = m * 26 + (f.charCodeAt(y) - 97 + 1);
-      return m = m - 1, r[m] || "";
-    }), s;
+    return i = i.replace(/(\$[a-zA-Z_\x80-\xff][a-zA-Z0-9_\x80-\xff]*)/g, `<span style="color: ${t.variable};">$1</span>`), i = i.replace(/\b(echo|print|function|class|if|else|elseif|foreach|as|return|namespace|use|new|extends|public|protected|private|static)\b/g, `<span style="color: ${t.keyword};">$1</span>`), i = i.replace(/\u0000([a-z]+)\u0000/g, (d, g) => {
+      let p = 0;
+      for (let y = 0; y < g.length; y++)
+        p = p * 26 + (g.charCodeAt(y) - 97 + 1);
+      return p = p - 1, n[p] || "";
+    }), i;
   }
   // Method to check if content contains syntax that should be highlighted
   shouldHighlight(e) {
@@ -1537,11 +2023,11 @@ class W {
     this.editor = null, this.modes.clear();
   }
 }
-function D(v, e) {
+function oe(w, e) {
   const t = { ...e };
-  return t.extensions || (t.extensions = []), t.extensions.some((i) => i.name === "keymap") || t.extensions.unshift(new B(t.keymap)), t.extensions.some((i) => i.name === "transaction") || t.extensions.unshift(new V()), new A(v, t);
+  return t.extensions || (t.extensions = []), t.extensions.some((s) => s.name === "keymap") || t.extensions.unshift(new J(t.keymap)), t.extensions.some((s) => s.name === "transaction") || t.extensions.unshift(new Y()), new X(w, t);
 }
-const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Editor Dialog Styles */
+const P = '[data-theme="dark"], .dark, .editora-theme-dark', le = `/* Source Editor Dialog Styles */
 .rte-source-editor-overlay {
   position: fixed !important;
   top: 0 !important;
@@ -1918,7 +2404,7 @@ const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Edit
     flex: 1;
     text-align: center;
   }
-}`, Z = () => ({
+}`, ae = () => ({
   name: "code",
   // Toolbar button configuration
   toolbar: [
@@ -1938,35 +2424,35 @@ const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Edit
      */
     toggleSourceView: () => {
       const e = (() => {
-        const r = window.getSelection();
-        if (r && r.anchorNode) {
-          let n = r.anchorNode instanceof HTMLElement ? r.anchorNode : r.anchorNode.parentElement;
-          for (; n; ) {
-            if (n.classList?.contains("rte-content"))
-              return n;
-            n = n.parentElement;
+        const n = window.getSelection();
+        if (n && n.anchorNode) {
+          let o = n.anchorNode instanceof HTMLElement ? n.anchorNode : n.anchorNode.parentElement;
+          for (; o; ) {
+            if (o.classList?.contains("rte-content"))
+              return o;
+            o = o.parentElement;
           }
         }
         if (document.activeElement) {
-          let n = document.activeElement;
-          if (n.classList?.contains("rte-content"))
-            return n;
-          for (; n && n !== document.body; ) {
-            if (n.classList?.contains("rte-content"))
-              return n;
-            const l = n.querySelector(
+          let o = document.activeElement;
+          if (o.classList?.contains("rte-content"))
+            return o;
+          for (; o && o !== document.body; ) {
+            if (o.classList?.contains("rte-content"))
+              return o;
+            const l = o.querySelector(
               ".rte-content"
             );
             if (l) return l;
-            n = n.parentElement;
+            o = o.parentElement;
           }
         }
-        const o = document.querySelector("[data-editora-editor]");
-        if (o) {
-          const n = o.querySelector(
+        const r = document.querySelector("[data-editora-editor]");
+        if (r) {
+          const o = r.querySelector(
             ".rte-content"
           );
-          if (n) return n;
+          if (o) return o;
         }
         return document.querySelector(".rte-content");
       })();
@@ -1974,24 +2460,25 @@ const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Edit
         return console.error("[CodePlugin] Editor content area not found"), alert(
           "Editor content area not found. Please click inside the editor first."
         ), !1;
-      const t = e.innerHTML, i = (r) => {
-        let o = "", n = 0;
-        const l = 2, a = r.split(/(<\/?[a-zA-Z][^>]*>)/);
-        for (const c of a)
-          c.trim() && (c.match(/^<\/[a-zA-Z]/) ? (n = Math.max(0, n - 1), o += `
-` + " ".repeat(n * l) + c) : c.match(/^<[a-zA-Z]/) && !c.match(/\/>$/) ? (o += `
-` + " ".repeat(n * l) + c, n++) : c.match(/^<[a-zA-Z].*\/>$/) ? o += `
-` + " ".repeat(n * l) + c : o += c.trim());
-        return o.trim();
+      const t = e.innerHTML, s = (n) => {
+        let r = "", o = 0;
+        const l = 2, h = n.split(/(<\/?[a-zA-Z][^>]*>)/);
+        for (const a of h)
+          a.trim() && (a.match(/^<\/[a-zA-Z]/) ? (o = Math.max(0, o - 1), r += `
+` + " ".repeat(o * l) + a) : a.match(/^<[a-zA-Z]/) && !a.match(/\/>$/) ? (r += `
+` + " ".repeat(o * l) + a, o++) : a.match(/^<[a-zA-Z].*\/>$/) ? r += `
+` + " ".repeat(o * l) + a : r += a.trim());
+        return r.trim();
       };
       return (() => {
-        let r = null, o = "dark", n = !1, l = !1, a = !1;
-        const c = t, g = !!e.closest(R) || document.body.matches(R) || document.documentElement.matches(R), h = document.createElement("div");
-        h.className = "rte-source-editor-overlay", g && h.classList.add("rte-theme-dark");
-        const u = document.createElement("div");
-        u.className = "rte-source-editor-modal", u.setAttribute("role", "dialog"), u.setAttribute("aria-modal", "true"), u.setAttribute("aria-labelledby", "source-editor-title");
-        const d = document.createElement("div");
-        d.className = "rte-source-editor-header", d.innerHTML = `
+        const r = s(t);
+        let o = null, l = "dark", h = !1, a = !1, c = !1, u = !1;
+        const f = !!e.closest(P) || document.body.matches(P) || document.documentElement.matches(P), d = document.createElement("div");
+        d.className = "rte-source-editor-overlay", f && d.classList.add("rte-theme-dark");
+        const g = document.createElement("div");
+        g.className = "rte-source-editor-modal", g.setAttribute("role", "dialog"), g.setAttribute("aria-modal", "true"), g.setAttribute("aria-labelledby", "source-editor-title");
+        const p = document.createElement("div");
+        p.className = "rte-source-editor-header", p.innerHTML = `
           <h2 id="source-editor-title">Source Editor</h2>
           <div class="rte-source-editor-header-toolbar">
             <button class="rte-source-editor-toolbar-btn theme-toggle-btn" title="Switch theme">
@@ -2028,16 +2515,16 @@ const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Edit
             </button>
           </div>
         `;
-        const f = document.createElement("div");
-        f.className = "rte-source-editor-body";
-        const m = document.createElement("div");
-        m.className = "rte-source-editor-content";
         const y = document.createElement("div");
-        y.className = "rte-source-editor-warning", y.textContent = "⚠️ Advanced users only. Invalid HTML may break the editor.";
-        const w = document.createElement("div");
-        w.className = "rte-source-editor-light-editor", w.style.height = "400px", m.appendChild(y), m.appendChild(w), f.appendChild(m);
-        const x = document.createElement("div");
-        if (x.className = "rte-source-editor-footer", x.innerHTML = `
+        y.className = "rte-source-editor-body";
+        const k = document.createElement("div");
+        k.className = "rte-source-editor-content";
+        const v = document.createElement("div");
+        v.className = "rte-source-editor-warning", v.textContent = "⚠️ Advanced users only. Invalid HTML may break the editor.";
+        const C = document.createElement("div");
+        C.className = "rte-source-editor-light-editor", C.style.height = "400px", k.appendChild(v), k.appendChild(C), y.appendChild(k);
+        const E = document.createElement("div");
+        if (E.className = "rte-source-editor-footer", E.innerHTML = `
           <div class="rte-source-editor-footer-info">
             <span class="unsaved-changes" style="display: none;">• Unsaved changes</span>
           </div>
@@ -2045,64 +2532,69 @@ const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Edit
             <button class="rte-source-editor-btn rte-source-editor-btn-cancel">Cancel</button>
             <button class="rte-source-editor-btn rte-source-editor-btn-save">Save</button>
           </div>
-        `, u.appendChild(d), u.appendChild(f), u.appendChild(x), h.appendChild(u), !document.getElementById("rte-source-editor-styles")) {
-          const p = document.createElement("style");
-          p.id = "rte-source-editor-styles", p.textContent = j, document.head.appendChild(p);
-        }
-        document.body.appendChild(h);
-        try {
-          r = D(w, {
-            value: i(t),
-            theme: "dark",
-            readOnly: !1,
-            extensions: [
-              new K(),
-              new U(),
-              new z(),
-              new F(),
-              new q(),
-              new _(),
-              new W()
-            ]
-          }), r.on("change", () => {
-            a = (r?.getValue() || "") !== i(c);
-            const T = x.querySelector(
-              ".unsaved-changes"
-            );
-            T && (T.style.display = a ? "inline" : "none");
-          }), setTimeout(() => r?.focus(), 100);
-        } catch (p) {
-          console.error("Failed to initialize code editor:", p);
+        `, g.appendChild(p), g.appendChild(y), g.appendChild(E), d.appendChild(g), !document.getElementById("rte-source-editor-styles")) {
+          const x = document.createElement("style");
+          x.id = "rte-source-editor-styles", x.textContent = le, document.head.appendChild(x);
         }
-        const E = () => {
-          o = o === "dark" ? "light" : "dark", r?.setTheme(o);
-          const p = d.querySelector(".theme-toggle-btn");
-          p && o === "light" && (p.innerHTML = `
+        const S = p.querySelector(
+          ".theme-toggle-btn"
+        ), b = p.querySelector(
+          ".readonly-toggle-btn"
+        ), T = p.querySelector(
+          ".rte-source-editor-fullscreen-btn"
+        ), I = p.querySelector(
+          ".rte-source-editor-close-btn"
+        ), B = E.querySelector(
+          ".rte-source-editor-btn-cancel"
+        ), N = E.querySelector(
+          ".rte-source-editor-btn-save"
+        ), $ = E.querySelector(
+          ".unsaved-changes"
+        ), O = [], R = (x, M, V, A) => {
+          x.addEventListener(M, V, A), O.push(
+            () => x.removeEventListener(M, V, A)
+          );
+        }, U = (x) => {
+          c !== x && (c = x, $ && ($.style.display = c ? "inline" : "none"));
+        }, H = () => {
+          if (!u) {
+            for (u = !0; O.length; )
+              O.pop()?.();
+            o && (o.destroy(), o = null), d.isConnected && d.remove();
+          }
+        }, K = () => {
+          l = l === "dark" ? "light" : "dark", o?.setTheme(l), S && (S.innerHTML = l === "light" ? `
               <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                 <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
               </svg>
+            ` : `
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="5"/>
+                <line x1="12" y1="1" x2="12" y2="3"/>
+                <line x1="12" y1="21" x2="12" y2="23"/>
+                <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
+                <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
+                <line x1="1" y1="12" x2="3" y2="12"/>
+                <line x1="21" y1="12" x2="23" y2="12"/>
+                <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
+                <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
+              </svg>
             `);
-        }, L = () => {
-          n = !n, r?.setReadOnly(n);
-          const p = d.querySelector(".readonly-toggle-btn");
-          p && (n ? (p.classList.add("active"), p.innerHTML = `
+        }, z = () => {
+          h = !h, o?.setReadOnly(h), b && (b.classList.toggle("active", h), b.innerHTML = h ? `
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                   <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
                   <circle cx="12" cy="16" r="1"/>
                   <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
                 </svg>
-              `) : (p.classList.remove("active"), p.innerHTML = `
+              ` : `
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                   <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
                   <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
                 </svg>
-              `));
-        }, C = () => {
-          l = !l, l ? (h.classList.add("fullscreen"), w.style.height = "calc(100vh - 200px)") : (h.classList.remove("fullscreen"), w.style.height = "400px");
-          const p = d.querySelector(
-            ".rte-source-editor-fullscreen-btn"
-          );
-          p && (p.innerHTML = l ? `
+              `);
+        }, q = () => {
+          a = !a, d.classList.toggle("fullscreen", a), C.style.height = a ? "calc(100vh - 200px)" : "400px", T && (T.innerHTML = a ? `
               <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                 <path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 0 2-2h3M3 16h3a2 2 0 0 0 2 2v3"/>
               </svg>
@@ -2111,18 +2603,14 @@ const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Edit
                 <path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/>
               </svg>
             `);
-        }, b = () => {
-          r && (r.destroy(), r = null), document.body.removeChild(h);
-        }, k = () => {
-          a && !confirm(
-            "You have unsaved changes. Are you sure you want to cancel?"
-          ) || b();
-        }, S = () => {
+        }, Q = () => {
+          c && !confirm("You have unsaved changes. Are you sure you want to cancel?") || H();
+        }, j = () => {
           try {
-            const p = r?.getValue() || "", T = document.createElement("div");
-            T.innerHTML = p, T.querySelectorAll(
+            const x = o?.getValue() || "", M = document.createElement("div");
+            M.innerHTML = x, M.querySelectorAll(
               'script, iframe[src^="javascript:"], object, embed'
-            ).forEach((I) => I.remove()), e.innerHTML = T.innerHTML;
+            ).forEach((A) => A.remove()), e.innerHTML = M.innerHTML;
             try {
               e.dispatchEvent(
                 new InputEvent("input", {
@@ -2138,18 +2626,40 @@ const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Edit
             }
             e.dispatchEvent(
               new Event("change", { bubbles: !0 })
-            ), a = !1, b();
-          } catch (p) {
-            alert("Failed to update HTML. Please check your syntax."), console.error("HTML update error:", p);
+            ), U(!1), H();
+          } catch (x) {
+            alert("Failed to update HTML. Please check your syntax."), console.error("HTML update error:", x);
           }
         };
-        d.querySelector(".theme-toggle-btn")?.addEventListener("click", E), d.querySelector(".readonly-toggle-btn")?.addEventListener("click", L), d.querySelector(".rte-source-editor-fullscreen-btn")?.addEventListener("click", C), d.querySelector(".rte-source-editor-close-btn")?.addEventListener("click", b), x.querySelector(".rte-source-editor-btn-cancel")?.addEventListener("click", k), x.querySelector(".rte-source-editor-btn-save")?.addEventListener("click", S), h.addEventListener("click", (p) => {
-          p.target === h && b();
+        S && R(S, "click", K), b && R(b, "click", z), T && R(T, "click", q), I && R(I, "click", H), B && R(B, "click", Q), N && R(N, "click", j), R(d, "click", (x) => {
+          x.target === d && H();
+        }), R(document, "keydown", (x) => {
+          const M = x;
+          M.key === "Escape" && (M.preventDefault(), H());
+        }), document.body.appendChild(d), requestAnimationFrame(() => {
+          if (!(u || !d.isConnected))
+            try {
+              o = oe(C, {
+                value: r,
+                theme: "dark",
+                readOnly: !1,
+                extensions: [
+                  new G(),
+                  new _(),
+                  new ee(),
+                  new ie(),
+                  new se(),
+                  new ne(),
+                  new re()
+                ]
+              }), o.on("change", () => {
+                const x = o?.getValue() || "";
+                U(x !== r);
+              }), requestAnimationFrame(() => o?.focus());
+            } catch (x) {
+              console.error("Failed to initialize code editor:", x);
+            }
         });
-        const O = (p) => {
-          p.key === "Escape" && (b(), document.removeEventListener("keydown", O));
-        };
-        document.addEventListener("keydown", O);
       })(), !0;
     }
   },
@@ -2160,5 +2670,5 @@ const R = '[data-theme="dark"], .dark, .editora-theme-dark', j = `/* Source Edit
   }
 });
 export {
-  Z as CodePlugin
+  ae as CodePlugin
 };