@blankdotpage/cake 0.1.1 → 0.1.3

package/dist/index.cjs

@@ -1,44 +1,53 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("react");
-const reactDom = require("react-dom");
 const lucideReact = require("lucide-react");
 const TurndownService = require("turndown");
 const state = require("@codemirror/state");
-var jsxDevRuntime = { exports: {} };
-var reactJsxDevRuntime_production_min = {};
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production_min = {};
 /**
  * @license React
- * react-jsx-dev-runtime.production.min.js
+ * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactJsxDevRuntime_production_min;
-function requireReactJsxDevRuntime_production_min() {
-  if (hasRequiredReactJsxDevRuntime_production_min) return reactJsxDevRuntime_production_min;
-  hasRequiredReactJsxDevRuntime_production_min = 1;
-  var a = Symbol.for("react.fragment");
-  reactJsxDevRuntime_production_min.Fragment = a;
-  reactJsxDevRuntime_production_min.jsxDEV = void 0;
-  return reactJsxDevRuntime_production_min;
-}
-var reactJsxDevRuntime_development = {};
+var hasRequiredReactJsxRuntime_production_min;
+function requireReactJsxRuntime_production_min() {
+  if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
+  hasRequiredReactJsxRuntime_production_min = 1;
+  var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+  function q(c, a, g) {
+    var b, d = {}, e = null, h = null;
+    void 0 !== g && (e = "" + g);
+    void 0 !== a.key && (e = "" + a.key);
+    void 0 !== a.ref && (h = a.ref);
+    for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
+    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+  }
+  reactJsxRuntime_production_min.Fragment = l;
+  reactJsxRuntime_production_min.jsx = q;
+  reactJsxRuntime_production_min.jsxs = q;
+  return reactJsxRuntime_production_min;
+}
+var reactJsxRuntime_development = {};
 /**
  * @license React
- * react-jsx-dev-runtime.development.js
+ * react-jsx-runtime.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactJsxDevRuntime_development;
-function requireReactJsxDevRuntime_development() {
-  if (hasRequiredReactJsxDevRuntime_development) return reactJsxDevRuntime_development;
-  hasRequiredReactJsxDevRuntime_development = 1;
+var hasRequiredReactJsxRuntime_development;
+function requireReactJsxRuntime_development() {
+  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
+  hasRequiredReactJsxRuntime_development = 1;
   if (process.env.NODE_ENV !== "production") {
     (function() {
       var React = require$$0;
@@ -525,10 +534,6 @@ function requireReactJsxDevRuntime_development() {
       };
       var specialPropKeyWarningShown;
       var specialPropRefWarningShown;
-      var didWarnAboutStringRefs;
-      {
-        didWarnAboutStringRefs = {};
-      }
       function hasValidRef(config) {
         {
           if (hasOwnProperty.call(config, "ref")) {
@@ -553,13 +558,7 @@ function requireReactJsxDevRuntime_development() {
       }
       function warnIfStringRefCannotBeAutoConverted(config, self) {
         {
-          if (typeof config.ref === "string" && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
-            var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
-            if (!didWarnAboutStringRefs[componentName]) {
-              error('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
-              didWarnAboutStringRefs[componentName] = true;
-            }
-          }
+          if (typeof config.ref === "string" && ReactCurrentOwner.current && self) ;
         }
       }
       function defineKeyPropWarningGetter(props, displayName) {
@@ -713,11 +712,6 @@ function requireReactJsxDevRuntime_development() {
       }
       function getSourceInfoErrorAddendum(source) {
         {
-          if (source !== void 0) {
-            var fileName = source.fileName.replace(/^.*[\\\/]/, "");
-            var lineNumber = source.lineNumber;
-            return "\n\nCheck your code at " + fileName + ":" + lineNumber + ".";
-          }
           return "";
         }
       }
@@ -843,7 +837,7 @@ function requireReactJsxDevRuntime_development() {
             if (type === void 0 || typeof type === "object" && type !== null && Object.keys(type).length === 0) {
               info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
             }
-            var sourceInfo = getSourceInfoErrorAddendum(source);
+            var sourceInfo = getSourceInfoErrorAddendum();
             if (sourceInfo) {
               info += sourceInfo;
             } else {
@@ -907,19 +901,31 @@ function requireReactJsxDevRuntime_development() {
           return element;
         }
       }
-      var jsxDEV$1 = jsxWithValidation;
-      reactJsxDevRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-      reactJsxDevRuntime_development.jsxDEV = jsxDEV$1;
+      function jsxWithValidationStatic(type, props, key) {
+        {
+          return jsxWithValidation(type, props, key, true);
+        }
+      }
+      function jsxWithValidationDynamic(type, props, key) {
+        {
+          return jsxWithValidation(type, props, key, false);
+        }
+      }
+      var jsx = jsxWithValidationDynamic;
+      var jsxs = jsxWithValidationStatic;
+      reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
+      reactJsxRuntime_development.jsx = jsx;
+      reactJsxRuntime_development.jsxs = jsxs;
     })();
   }
-  return reactJsxDevRuntime_development;
+  return reactJsxRuntime_development;
 }
 if (process.env.NODE_ENV === "production") {
-  jsxDevRuntime.exports = requireReactJsxDevRuntime_production_min();
+  jsxRuntime.exports = requireReactJsxRuntime_production_min();
 } else {
-  jsxDevRuntime.exports = requireReactJsxDevRuntime_development();
+  jsxRuntime.exports = requireReactJsxRuntime_development();
 }
-var jsxDevRuntimeExports = jsxDevRuntime.exports;
+var jsxRuntimeExports = jsxRuntime.exports;
 const graphemeSegmenter = new Intl.Segmenter(void 0, {
   granularity: "grapheme"
 });
@@ -993,15 +999,36 @@ class CursorSourceBuilder {
     if (!text) {
       return;
     }
-    for (const segment of graphemeSegments(text)) {
-      this.sourceParts.push(segment.segment);
-      this.sourceLengthValue += segment.segment.length;
-      const sourceLength = this.sourceLengthValue;
-      this.cursorLength += 1;
-      this.boundaries.push({
-        sourceBackward: sourceLength,
-        sourceForward: sourceLength
-      });
+    let isAllAscii = true;
+    for (let i = 0; i < text.length; i++) {
+      if (text.charCodeAt(i) >= 128) {
+        isAllAscii = false;
+        break;
+      }
+    }
+    if (isAllAscii) {
+      for (let i = 0; i < text.length; i++) {
+        const char = text[i];
+        this.sourceParts.push(char);
+        this.sourceLengthValue += 1;
+        const sourceLength = this.sourceLengthValue;
+        this.cursorLength += 1;
+        this.boundaries.push({
+          sourceBackward: sourceLength,
+          sourceForward: sourceLength
+        });
+      }
+    } else {
+      for (const segment of graphemeSegments(text)) {
+        this.sourceParts.push(segment.segment);
+        this.sourceLengthValue += segment.segment.length;
+        const sourceLength = this.sourceLengthValue;
+        this.cursorLength += 1;
+        this.boundaries.push({
+          sourceBackward: sourceLength,
+          sourceForward: sourceLength
+        });
+      }
     }
   }
   appendCursorAtom(sourceText, cursorUnits = 1) {
@@ -1051,6 +1078,15 @@ class CursorSourceBuilder {
     };
   }
 }
+function isStructuralEdit(command) {
+  return command.type === "insert" || command.type === "delete-backward" || command.type === "delete-forward" || command.type === "insert-line-break" || command.type === "exit-block-wrapper";
+}
+function isApplyEditCommand(command) {
+  return command.type === "insert" || command.type === "insert-line-break" || command.type === "delete-backward" || command.type === "delete-forward";
+}
+function defineExtension(extension) {
+  return extension;
+}
 const defaultSelection$1 = { start: 0, end: 0, affinity: "forward" };
 function createRuntime(extensions) {
   const toggleMarkerToKind = /* @__PURE__ */ new Map();
@@ -1292,7 +1328,7 @@ function createRuntime(extensions) {
       }
     }
     const selection = normalizeSelection$1(state2.selection);
-    if (command.type === "insert" || command.type === "delete-backward" || command.type === "delete-forward" || command.type === "insert-line-break" || command.type === "exit-block-wrapper") {
+    if (isStructuralEdit(command)) {
       const structural = applyStructuralEdit(command, state2.doc, selection);
       if (!structural) {
         if (command.type === "delete-backward" || command.type === "delete-forward") {
@@ -1334,6 +1370,39 @@ function createRuntime(extensions) {
             }
           };
         }
+        if (command.type === "insert" || command.type === "insert-line-break") {
+          const cursorLength = state2.map.cursorLength;
+          const cursorStart = Math.max(
+            0,
+            Math.min(cursorLength, Math.min(selection.start, selection.end))
+          );
+          const cursorEnd = Math.max(
+            0,
+            Math.min(cursorLength, Math.max(selection.start, selection.end))
+          );
+          const range = { start: cursorStart, end: cursorEnd };
+          const fullDocReplace = range.start === 0 && range.end === cursorLength;
+          const from = fullDocReplace ? 0 : state2.map.cursorToSource(range.start, "backward");
+          const to = fullDocReplace ? state2.source.length : state2.map.cursorToSource(range.end, "forward");
+          const fromClamped = Math.max(0, Math.min(from, state2.source.length));
+          const toClamped = Math.max(
+            fromClamped,
+            Math.min(to, state2.source.length)
+          );
+          const insertText = command.type === "insert" ? command.text : "\n";
+          const nextSource = state2.source.slice(0, fromClamped) + insertText + state2.source.slice(toClamped);
+          const next2 = createState(nextSource);
+          const caretSource2 = fromClamped + insertText.length;
+          const caretCursor2 = next2.map.sourceToCursor(caretSource2, "forward");
+          return {
+            ...next2,
+            selection: {
+              start: caretCursor2.cursorOffset,
+              end: caretCursor2.cursorOffset,
+              affinity: caretCursor2.affinity
+            }
+          };
+        }
         return state2;
       }
       const interim = createStateFromDoc(structural.doc);
@@ -2411,13 +2480,150 @@ function createRuntime(extensions) {
       const endInLine = lineIndex === endLoc.lineIndex ? endLoc.offsetInLine : line.cursorLength;
       const selectedRuns = sliceRuns(runs, startInLine, endInLine).selected;
       const content = runsToInlines(normalizeRuns(selectedRuns));
-      blocks.push({ type: "paragraph", content });
+      const paragraph = { type: "paragraph", content };
+      if (line.path.length > 1) {
+        const wrapperPath = line.path.slice(0, -1);
+        const wrapper = getBlockAtPath(state2.doc.blocks, wrapperPath);
+        if (wrapper && wrapper.type === "block-wrapper") {
+          blocks.push({
+            type: "block-wrapper",
+            kind: wrapper.kind,
+            data: wrapper.data,
+            blocks: [paragraph]
+          });
+          continue;
+        }
+      }
+      blocks.push(paragraph);
     }
     const sliceDoc = {
       blocks: blocks.length > 0 ? blocks : [{ type: "paragraph", content: [] }]
     };
     return serialize(normalize(sliceDoc)).source;
   }
+  function escapeHtml(text) {
+    return text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+  }
+  function runsToHtml(runs) {
+    var _a;
+    let html = "";
+    for (const run of runs) {
+      let content = escapeHtml(run.text);
+      const sortedMarks = [...run.marks].reverse();
+      for (const mark of sortedMarks) {
+        if (mark.kind === "bold") {
+          content = `<strong>${content}</strong>`;
+        } else if (mark.kind === "italic") {
+          content = `<em>${content}</em>`;
+        } else if (mark.kind === "strikethrough") {
+          content = `<s>${content}</s>`;
+        } else if (mark.kind === "link") {
+          const url = ((_a = mark.data) == null ? void 0 : _a.url) ?? "";
+          content = `<a href="${escapeHtml(url)}">${content}</a>`;
+        }
+      }
+      html += content;
+    }
+    return html;
+  }
+  function serializeSelectionToHtml(state2, selection) {
+    const normalized = normalizeSelection$1(selection);
+    const lines = flattenDocToLines(state2.doc);
+    const docCursorLength = cursorLengthForLines(lines);
+    const cursorStart = Math.max(
+      0,
+      Math.min(docCursorLength, Math.min(normalized.start, normalized.end))
+    );
+    const cursorEnd = Math.max(
+      0,
+      Math.min(docCursorLength, Math.max(normalized.start, normalized.end))
+    );
+    if (cursorStart === cursorEnd) {
+      return "";
+    }
+    const startLoc = resolveCursorToLine(lines, cursorStart);
+    const endLoc = resolveCursorToLine(lines, cursorEnd);
+    let html = "";
+    let activeList = null;
+    const closeList = () => {
+      if (activeList) {
+        html += `</${activeList.type}>`;
+        activeList = null;
+      }
+    };
+    const openList = (type, indent) => {
+      if (activeList && activeList.type === type && activeList.indent === indent) {
+        return;
+      }
+      closeList();
+      html += `<${type}>`;
+      activeList = { type, indent };
+    };
+    for (let lineIndex = startLoc.lineIndex; lineIndex <= endLoc.lineIndex; lineIndex += 1) {
+      const line = lines[lineIndex];
+      if (!line) {
+        continue;
+      }
+      const block = getBlockAtPath(state2.doc.blocks, line.path);
+      if (!block || block.type !== "paragraph") {
+        continue;
+      }
+      const runs = paragraphToRuns(block);
+      const startInLine = lineIndex === startLoc.lineIndex ? startLoc.offsetInLine : 0;
+      const endInLine = lineIndex === endLoc.lineIndex ? endLoc.offsetInLine : line.cursorLength;
+      const selectedRuns = sliceRuns(runs, startInLine, endInLine).selected;
+      let wrapperKind = null;
+      let wrapperData;
+      if (line.path.length > 1) {
+        const wrapperPath = line.path.slice(0, -1);
+        const wrapper = getBlockAtPath(state2.doc.blocks, wrapperPath);
+        if (wrapper && wrapper.type === "block-wrapper") {
+          wrapperKind = wrapper.kind;
+          wrapperData = wrapper.data;
+        }
+      }
+      const plainText = runs.map((r) => r.text).join("");
+      const listMatch = plainText.match(/^(\s*)([-*+]|\d+\.)( )(.*)$/);
+      let lineHtml;
+      if (listMatch && !wrapperKind) {
+        const prefixLength = listMatch[1].length + listMatch[2].length + listMatch[3].length;
+        const contentRuns = sliceRuns(runs, prefixLength, runs.reduce((sum, r) => sum + r.text.length, 0)).selected;
+        lineHtml = runsToHtml(normalizeRuns(contentRuns));
+      } else {
+        lineHtml = runsToHtml(normalizeRuns(selectedRuns));
+      }
+      if (wrapperKind === "heading") {
+        closeList();
+        const level = Math.min(
+          (wrapperData == null ? void 0 : wrapperData.level) ?? 1,
+          6
+        );
+        html += `<h${level} style="margin:0">${lineHtml}</h${level}>`;
+      } else if (wrapperKind === "bullet-list") {
+        openList("ul", 0);
+        html += `<li>${lineHtml}</li>`;
+      } else if (wrapperKind === "numbered-list") {
+        openList("ol", 0);
+        html += `<li>${lineHtml}</li>`;
+      } else if (wrapperKind === "blockquote") {
+        closeList();
+        html += `<blockquote>${lineHtml}</blockquote>`;
+      } else if (listMatch) {
+        const isNumbered = /^\d+\.$/.test(listMatch[2]);
+        const indent = Math.floor(listMatch[1].length / 2);
+        openList(isNumbered ? "ol" : "ul", indent);
+        html += `<li>${lineHtml}</li>`;
+      } else {
+        closeList();
+        html += `<div>${lineHtml}</div>`;
+      }
+    }
+    closeList();
+    if (!html) {
+      return "";
+    }
+    return `<div>${html}</div>`;
+  }
   const runtime = {
     extensions,
     parse,
@@ -2425,6 +2631,7 @@ function createRuntime(extensions) {
     createState,
     updateSelection,
     serializeSelection,
+    serializeSelectionToHtml,
     applyEdit
   };
   return runtime;
@@ -2438,7 +2645,20 @@ function parseLiteralBlock(source, start, context) {
   return { block: { type: "paragraph", content }, nextPos: end };
 }
 function parseLiteralInline(source, start, end) {
-  const segment = graphemeSegments(source.slice(start, end))[0];
+  const code = source.charCodeAt(start);
+  if (code < 128) {
+    const text2 = source[start] ?? "";
+    return { inline: { type: "text", text: text2 }, nextPos: start + 1 };
+  }
+  if (code >= 55296 && code <= 56319) {
+    const lowCode = source.charCodeAt(start + 1);
+    if (lowCode >= 56320 && lowCode <= 57343) {
+      const segment2 = graphemeSegments(source.slice(start, Math.min(start + 10, end)))[0];
+      const text2 = segment2 ? segment2.segment : source.slice(start, start + 2);
+      return { inline: { type: "text", text: text2 }, nextPos: start + text2.length };
+    }
+  }
+  const segment = graphemeSegments(source.slice(start, Math.min(start + 10, end)))[0];
   const text = segment ? segment.segment : source[start] ?? "";
   return { inline: { type: "text", text }, nextPos: start + text.length };
 }
@@ -2481,29 +2701,66 @@ function normalizeSelection$1(selection) {
     affinity: isRange ? "backward" : selection.affinity
   };
 }
+const graphemeCache = /* @__PURE__ */ new WeakMap();
 function createTextRun(node, cursorStart) {
-  const segments = graphemeSegments(node.data);
+  const data = node.data;
+  const cached = graphemeCache.get(node);
+  if (cached && cached.data === data) {
+    const segmentCount = Math.max(0, cached.boundaryOffsets.length - 1);
+    return {
+      node,
+      cursorStart,
+      cursorEnd: cursorStart + segmentCount,
+      boundaryOffsets: cached.boundaryOffsets
+    };
+  }
+  const segments = graphemeSegments(data);
   const boundaryOffsets = [0];
   for (const segment of segments) {
     boundaryOffsets.push(segment.index + segment.segment.length);
   }
   const cursorEnd = cursorStart + segments.length;
+  graphemeCache.set(node, { data, boundaryOffsets });
   return { node, cursorStart, cursorEnd, boundaryOffsets };
 }
 function boundaryIndexForOffset(boundaryOffsets, offset) {
   if (offset <= 0) {
     return 0;
   }
-  for (let i = 1; i < boundaryOffsets.length; i += 1) {
-    const boundary = boundaryOffsets[i];
-    if (offset < boundary) {
-      return i - 1;
+  const lastIndex = boundaryOffsets.length - 1;
+  if (lastIndex <= 0) {
+    return 0;
+  }
+  const lastBoundary = boundaryOffsets[lastIndex];
+  if (offset >= lastBoundary) {
+    return lastIndex;
+  }
+  let low = 1;
+  let high = lastIndex;
+  while (low < high) {
+    const mid = low + high >>> 1;
+    const boundary2 = boundaryOffsets[mid];
+    if (boundary2 < offset) {
+      low = mid + 1;
+    } else {
+      high = mid;
     }
-    if (offset === boundary) {
-      return i;
+  }
+  const boundary = boundaryOffsets[low];
+  return boundary === offset ? low : low - 1;
+}
+function firstRunStartingAfterCursor(runs, cursorOffset) {
+  let low = 0;
+  let high = runs.length;
+  while (low < high) {
+    const mid = low + high >>> 1;
+    if (runs[mid].cursorStart <= cursorOffset) {
+      low = mid + 1;
+    } else {
+      high = mid;
     }
   }
-  return boundaryOffsets.length - 1;
+  return low;
 }
 function createDomMap(runs) {
   const runForNode = /* @__PURE__ */ new Map();
@@ -2518,33 +2775,34 @@ function createDomMap(runs) {
     if (runs.length === 0) {
       return null;
     }
-    for (let i = 0; i < runs.length; i += 1) {
-      const run = runs[i];
-      const previous = i > 0 ? runs[i - 1] : null;
-      const next = i + 1 < runs.length ? runs[i + 1] : null;
-      if (cursorOffset < run.cursorStart) {
-        if (!previous) {
-          return { node: run.node, offset: run.boundaryOffsets[0] };
-        }
-        const previousOffset = previous.boundaryOffsets[previous.boundaryOffsets.length - 1];
-        return affinity === "backward" ? { node: previous.node, offset: previousOffset } : { node: run.node, offset: run.boundaryOffsets[0] };
-      }
-      if (cursorOffset === run.cursorStart && previous && affinity === "backward") {
-        return {
-          node: previous.node,
-          offset: previous.boundaryOffsets[previous.boundaryOffsets.length - 1]
-        };
-      }
-      if (cursorOffset <= run.cursorEnd) {
-        if (cursorOffset === run.cursorEnd && affinity === "forward" && next && next.cursorStart === cursorOffset) {
-          return { node: next.node, offset: next.boundaryOffsets[0] };
-        }
-        const index = Math.max(0, cursorOffset - run.cursorStart);
-        const boundedIndex = Math.min(index, run.boundaryOffsets.length - 1);
-        return { node: run.node, offset: run.boundaryOffsets[boundedIndex] };
+    const nextIndex = firstRunStartingAfterCursor(runs, cursorOffset);
+    const runIndex = nextIndex - 1;
+    if (runIndex < 0) {
+      const first = runs[0];
+      return { node: first.node, offset: first.boundaryOffsets[0] };
+    }
+    const run = runs[runIndex];
+    const previous = runIndex > 0 ? runs[runIndex - 1] : null;
+    const next = nextIndex < runs.length ? runs[nextIndex] : null;
+    if (cursorOffset === run.cursorStart && previous && affinity === "backward") {
+      return {
+        node: previous.node,
+        offset: previous.boundaryOffsets[previous.boundaryOffsets.length - 1]
+      };
+    }
+    if (cursorOffset <= run.cursorEnd) {
+      if (cursorOffset === run.cursorEnd && affinity === "forward" && next && next.cursorStart === cursorOffset) {
+        return { node: next.node, offset: next.boundaryOffsets[0] };
       }
+      const index = Math.max(0, cursorOffset - run.cursorStart);
+      const boundedIndex = Math.min(index, run.boundaryOffsets.length - 1);
+      return { node: run.node, offset: run.boundaryOffsets[boundedIndex] };
     }
-    const last = runs[runs.length - 1];
+    if (next) {
+      const runEndOffset = run.boundaryOffsets[run.boundaryOffsets.length - 1];
+      return affinity === "backward" ? { node: run.node, offset: runEndOffset } : { node: next.node, offset: next.boundaryOffsets[0] };
+    }
+    const last = run;
     return {
       node: last.node,
       offset: last.boundaryOffsets[last.boundaryOffsets.length - 1]
@@ -2579,7 +2837,7 @@ function normalizeNodes(result) {
   }
   return Array.isArray(result) ? result : [result];
 }
-function renderDocContent(doc, extensions, _root) {
+function renderDocContent(doc, extensions, root) {
   const runs = [];
   let cursorOffset = 0;
   let lineIndex = 0;
@@ -2599,7 +2857,60 @@ function renderDocContent(doc, extensions, _root) {
       lineIndex += 1;
     }
   };
-  function renderInline(inline) {
+  function getBlockKey(block) {
+    if (block.type === "paragraph") {
+      return "paragraph";
+    }
+    if (block.type === "block-wrapper") {
+      return `block-wrapper:${block.kind}`;
+    }
+    if (block.type === "block-atom") {
+      return `block-atom:${block.kind}`;
+    }
+    return "unknown";
+  }
+  function getElementKey(element) {
+    if (element.hasAttribute("data-block")) {
+      const blockType = element.getAttribute("data-block") ?? "unknown";
+      const lineKind = element instanceof HTMLElement ? element.dataset.lineKind : null;
+      if (lineKind && lineKind !== blockType) {
+        return lineKind;
+      }
+      return blockType;
+    }
+    if (element.hasAttribute("data-block-wrapper")) {
+      return `block-wrapper:${element.getAttribute("data-block-wrapper")}`;
+    }
+    if (element.hasAttribute("data-block-atom")) {
+      return `block-atom:${element.getAttribute("data-block-atom")}`;
+    }
+    return "unknown";
+  }
+  function getInlineKey(inline) {
+    if (inline.type === "text") {
+      return "text";
+    }
+    if (inline.type === "inline-wrapper") {
+      return `inline-wrapper:${inline.kind}`;
+    }
+    if (inline.type === "inline-atom") {
+      return `inline-atom:${inline.kind}`;
+    }
+    return "unknown";
+  }
+  function getInlineElementKey(element) {
+    if (element.classList.contains("cake-text")) {
+      return "text";
+    }
+    if (element.hasAttribute("data-inline")) {
+      return `inline-wrapper:${element.getAttribute("data-inline")}`;
+    }
+    if (element.hasAttribute("data-inline-atom")) {
+      return `inline-atom:${element.getAttribute("data-inline-atom")}`;
+    }
+    return "unknown";
+  }
+  function reconcileInline(inline, existing) {
     for (const extension of extensions) {
       const render = extension.renderInline;
       if (!render) {
@@ -2611,6 +2922,17 @@ function renderDocContent(doc, extensions, _root) {
       }
     }
     if (inline.type === "text") {
+      const canReuse = existing && existing instanceof HTMLSpanElement && getInlineElementKey(existing) === "text";
+      if (canReuse) {
+        const textNode = existing.firstChild;
+        if (textNode instanceof Text) {
+          if (textNode.textContent !== inline.text) {
+            textNode.textContent = inline.text;
+          }
+          createTextRun$1(textNode);
+          return [existing];
+        }
+      }
       const element = document.createElement("span");
       element.className = "cake-text";
       const node = document.createTextNode(inline.text);
@@ -2619,16 +2941,29 @@ function renderDocContent(doc, extensions, _root) {
       return [element];
     }
     if (inline.type === "inline-wrapper") {
+      const canReuse = existing && existing instanceof HTMLSpanElement && getInlineElementKey(existing) === getInlineKey(inline);
+      if (canReuse) {
+        reconcileInlineChildren(existing, inline.children);
+        return [existing];
+      }
       const element = document.createElement("span");
       element.setAttribute("data-inline", inline.kind);
       for (const child of inline.children) {
-        for (const node of renderInline(child)) {
+        for (const node of reconcileInline(child, null)) {
           element.append(node);
         }
       }
       return [element];
     }
     if (inline.type === "inline-atom") {
+      const canReuse = existing && existing instanceof HTMLSpanElement && getInlineElementKey(existing) === getInlineKey(inline);
+      if (canReuse) {
+        const textNode = existing.firstChild;
+        if (textNode instanceof Text) {
+          createTextRun$1(textNode);
+          return [existing];
+        }
+      }
       const element = document.createElement("span");
       element.setAttribute("data-inline-atom", inline.kind);
       const node = document.createTextNode(" ");
@@ -2638,7 +2973,25 @@ function renderDocContent(doc, extensions, _root) {
     }
     return [];
   }
-  function renderBlock(block) {
+  function reconcileInlineChildren(parent, inlines) {
+    const mergedInlines = mergeInlineForRender(inlines);
+    const existingChildren2 = Array.from(parent.children);
+    const newChildren = [];
+    mergedInlines.forEach((inline, i) => {
+      const existingChild = existingChildren2[i] ?? null;
+      const canReuse = existingChild && getInlineElementKey(existingChild) === getInlineKey(inline);
+      const nodes = reconcileInline(inline, canReuse ? existingChild : null);
+      newChildren.push(...nodes);
+    });
+    if (newChildren.length === existingChildren2.length && newChildren.every((node, i) => node === existingChildren2[i])) {
+      return;
+    }
+    parent.replaceChildren(...newChildren);
+  }
+  function renderInline(inline) {
+    return reconcileInline(inline, null);
+  }
+  function reconcileBlock(block, existing) {
     for (const extension of extensions) {
       const render = extension.renderBlock;
       if (!render) {
@@ -2650,12 +3003,35 @@ function renderDocContent(doc, extensions, _root) {
       }
     }
     if (block.type === "paragraph") {
+      const canReuse = existing && existing instanceof HTMLDivElement && getElementKey(existing) === "paragraph";
+      const currentLineIndex = context.getLineIndex();
+      context.incrementLineIndex();
+      if (canReuse) {
+        existing.setAttribute("data-line-index", String(currentLineIndex));
+        if (block.content.length === 0) {
+          const firstChild = existing.firstChild;
+          if (firstChild instanceof Text && existing.querySelector("br")) {
+            if (firstChild.textContent !== "") {
+              firstChild.textContent = "";
+            }
+            createTextRun$1(firstChild);
+            return [existing];
+          }
+          existing.replaceChildren();
+          const textNode = document.createTextNode("");
+          createTextRun$1(textNode);
+          existing.append(textNode);
+          existing.append(document.createElement("br"));
+          return [existing];
+        }
+        reconcileInlineChildren(existing, block.content);
+        return [existing];
+      }
       const element = document.createElement("div");
       element.setAttribute("data-block", "paragraph");
-      element.setAttribute("data-line-index", String(context.getLineIndex()));
+      element.setAttribute("data-line-index", String(currentLineIndex));
       element.classList.add("cake-line");
       element.dataset.lineKind = "paragraph";
-      context.incrementLineIndex();
       if (block.content.length === 0) {
         const textNode = document.createTextNode("");
         createTextRun$1(textNode);
@@ -2664,7 +3040,7 @@ function renderDocContent(doc, extensions, _root) {
       } else {
         const mergedContent = mergeInlineForRender(block.content);
         for (const inline of mergedContent) {
-          for (const node of renderInline(inline)) {
+          for (const node of reconcileInline(inline, null)) {
             element.append(node);
           }
         }
@@ -2672,6 +3048,11 @@ function renderDocContent(doc, extensions, _root) {
       return [element];
     }
     if (block.type === "block-wrapper") {
+      const canReuse = existing && existing instanceof HTMLDivElement && getElementKey(existing) === getBlockKey(block);
+      if (canReuse) {
+        reconcileBlockChildren(existing, block.blocks);
+        return [existing];
+      }
       const element = document.createElement("div");
       element.setAttribute("data-block-wrapper", block.kind);
       for (const node of renderBlocks(block.blocks)) {
@@ -2680,15 +3061,41 @@ function renderDocContent(doc, extensions, _root) {
       return [element];
     }
     if (block.type === "block-atom") {
+      const canReuse = existing && existing instanceof HTMLDivElement && getElementKey(existing) === getBlockKey(block);
+      const currentLineIndex = context.getLineIndex();
+      context.incrementLineIndex();
+      if (canReuse) {
+        existing.setAttribute("data-line-index", String(currentLineIndex));
+        return [existing];
+      }
       const element = document.createElement("div");
       element.setAttribute("data-block-atom", block.kind);
-      element.setAttribute("data-line-index", String(context.getLineIndex()));
+      element.setAttribute("data-line-index", String(currentLineIndex));
       element.classList.add("cake-line");
-      context.incrementLineIndex();
       return [element];
     }
     return [];
   }
+  function reconcileBlockChildren(parent, blocks) {
+    const existingChildren2 = Array.from(parent.children);
+    const newChildren = [];
+    blocks.forEach((block, index) => {
+      const existingChild = existingChildren2[index] ?? null;
+      const canReuse = existingChild && getElementKey(existingChild) === getBlockKey(block);
+      const nodes = reconcileBlock(block, canReuse ? existingChild : null);
+      newChildren.push(...nodes);
+      if (index < blocks.length - 1) {
+        cursorOffset += 1;
+      }
+    });
+    if (newChildren.length === existingChildren2.length && newChildren.every((node, i) => node === existingChildren2[i])) {
+      return;
+    }
+    parent.replaceChildren(...newChildren);
+  }
+  function renderBlock(block) {
+    return reconcileBlock(block, null);
+  }
   function renderBlocks(blocks) {
     const nodes = [];
     blocks.forEach((block, index) => {
@@ -2699,10 +3106,17 @@ function renderDocContent(doc, extensions, _root) {
     });
     return nodes;
   }
+  const existingChildren = root ? Array.from(root.children) : [];
   const contentNodes = [];
-  for (const node of renderBlocks(doc.blocks)) {
-    contentNodes.push(node);
-  }
+  doc.blocks.forEach((block, index) => {
+    const existingChild = existingChildren[index] ?? null;
+    const canReuse = existingChild && getElementKey(existingChild) === getBlockKey(block);
+    const nodes = reconcileBlock(block, canReuse ? existingChild : null);
+    contentNodes.push(...nodes);
+    if (index < doc.blocks.length - 1) {
+      cursorOffset += 1;
+    }
+  });
   return { content: contentNodes, map: createDomMap(runs) };
 }
 function mergeInlineForRender(inlines) {
@@ -2776,7 +3190,9 @@ function applyDomSelection(selection, map) {
   if (!anchorPoint || !focusPoint) {
     return;
   }
-  domSelection.removeAllRanges();
+  if (domSelection.rangeCount > 0 && domSelection.anchorNode === anchorPoint.node && domSelection.anchorOffset === anchorPoint.offset && domSelection.focusNode === focusPoint.node && domSelection.focusOffset === focusPoint.offset) {
+    return;
+  }
   if (isCollapsed) {
     domSelection.collapse(anchorPoint.node, anchorPoint.offset);
     return;
@@ -2796,6 +3212,7 @@ function applyDomSelection(selection, map) {
     domSelection.extend(focusPoint.node, focusPoint.offset);
     return;
   }
+  domSelection.removeAllRanges();
   const range = document.createRange();
   const rangeStart = isForward ? anchorPoint : focusPoint;
   const rangeEnd = isForward ? focusPoint : anchorPoint;
@@ -2939,7 +3356,7 @@ function findTextNodeAtOrBefore$1(nodes, start) {
   return null;
 }
 const BOLD_KIND$1 = "bold";
-const boldExtension = {
+const boldExtension = defineExtension({
   name: "bold",
   toggleInline: { kind: BOLD_KIND$1, markers: ["**"] },
   keybindings: [
@@ -3022,7 +3439,7 @@ const boldExtension = {
     }
     return element;
   }
-};
+});
 function countSingleAsterisks(source, start, end) {
   let count = 0;
   for (let i = start; i < end; i += 1) {
@@ -3041,7 +3458,7 @@ function countSingleAsterisks(source, start, end) {
 const BOLD_KIND = "bold";
 const ITALIC_KIND$1 = "italic";
 const MARKERS = ["***", "___"];
-const combinedEmphasisExtension = {
+const combinedEmphasisExtension = defineExtension({
   name: "combined-emphasis",
   parseInline(source, start, end, context) {
     const marker = MARKERS.find((m) => source.slice(start, start + 3) === m);
@@ -3075,7 +3492,7 @@ const combinedEmphasisExtension = {
       nextPos: close + 3
     };
   }
-};
+});
 function ensureHttpsProtocol(url) {
   const trimmedUrl = url.trim();
   if (!trimmedUrl) {
@@ -3123,7 +3540,7 @@ function getPopoverPosition(params) {
   };
 }
 function CakeLinkPopover(params) {
-  const { container, contentRoot, toOverlayRect } = params;
+  const { container, contentRoot, toOverlayRect, getSelection, executeCommand } = params;
   const anchorRef = require$$0.useRef(null);
   const popoverRef = require$$0.useRef(null);
   const inputRef = require$$0.useRef(null);
@@ -3224,13 +3641,13 @@ function CakeLinkPopover(params) {
     if (state2.status !== "open") {
       return;
     }
-    container.addEventListener("scroll", reposition, { passive: true });
+    container.addEventListener("scroll", close, { passive: true });
     window.addEventListener("resize", reposition);
     return () => {
-      container.removeEventListener("scroll", reposition);
+      container.removeEventListener("scroll", close);
       window.removeEventListener("resize", reposition);
     };
-  }, [container, reposition, state2.status]);
+  }, [close, container, reposition, state2.status]);
   const handleMouseDown = require$$0.useCallback(
     (event) => {
       event.stopPropagation();
@@ -3287,6 +3704,12 @@ function CakeLinkPopover(params) {
     window.open(displayUrl, "_blank", "noopener,noreferrer");
   };
   const handleUnlink = () => {
+    const selection = getSelection();
+    if (!selection) {
+      close();
+      return;
+    }
+    executeCommand({ type: "unlink", start: selection.start, end: selection.end });
     close();
   };
   const handleInputKeyDown = (event) => {
@@ -3299,7 +3722,7 @@ function CakeLinkPopover(params) {
       handleCancel();
     }
   };
-  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       className: "cake-link-popover",
@@ -3312,7 +3735,7 @@ function CakeLinkPopover(params) {
       },
       onMouseDown: handleMouseDown,
       onClick: (event) => event.stopPropagation(),
-      children: state2.isEditing ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+      children: state2.isEditing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "form",
         {
           className: "cake-link-editor",
@@ -3321,7 +3744,7 @@ function CakeLinkPopover(params) {
             handleSave();
           },
           children: [
-            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
               "input",
               {
                 className: "cake-link-input",
@@ -3338,56 +3761,24 @@ function CakeLinkPopover(params) {
                 },
                 onKeyDown: handleInputKeyDown,
                 placeholder: "https://"
-              },
-              void 0,
-              false,
-              {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 281,
-                columnNumber: 11
-              },
-              this
+              }
             ),
-            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("button", { type: "submit", className: "cake-link-save", children: "Save" }, void 0, false, {
-              fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-              lineNumber: 297,
-              columnNumber: 11
-            }, this),
-            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "submit", className: "cake-link-save", children: "Save" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 type: "button",
                 className: "cake-link-cancel",
                 onClick: handleCancel,
                 children: "Cancel"
-              },
-              void 0,
-              false,
-              {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 300,
-                columnNumber: 11
-              },
-              this
+              }
             )
           ]
-        },
-        void 0,
-        true,
-        {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-          lineNumber: 274,
-          columnNumber: 9
-        },
-        this
-      ) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: "cake-link-url", title: displayUrl, children: displayUrl }, void 0, false, {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-          lineNumber: 310,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: "cake-link-actions", children: [
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cake-link-url", title: displayUrl, children: displayUrl }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "cake-link-actions", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
@@ -3395,22 +3786,10 @@ function CakeLinkPopover(params) {
               onClick: handleEdit,
               title: "Edit link",
               "aria-label": "Edit link",
-              children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(lucideReact.Pencil, { className: "cake-link-icon" }, void 0, false, {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 321,
-                columnNumber: 15
-              }, this)
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-              lineNumber: 314,
-              columnNumber: 13
-            },
-            this
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Pencil, { className: "cake-link-icon" })
+            }
           ),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
@@ -3418,22 +3797,10 @@ function CakeLinkPopover(params) {
               onClick: handleOpen,
               title: "Open link",
               "aria-label": "Open link",
-              children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(lucideReact.ExternalLink, { className: "cake-link-icon" }, void 0, false, {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 330,
-                columnNumber: 15
-              }, this)
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-              lineNumber: 323,
-              columnNumber: 13
-            },
-            this
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.ExternalLink, { className: "cake-link-icon" })
+            }
           ),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
@@ -3441,40 +3808,12 @@ function CakeLinkPopover(params) {
               onClick: handleUnlink,
               title: "Remove link",
               "aria-label": "Remove link",
-              children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(lucideReact.Unlink, { className: "cake-link-icon" }, void 0, false, {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 339,
-                columnNumber: 15
-              }, this)
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-              lineNumber: 332,
-              columnNumber: 13
-            },
-            this
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Unlink, { className: "cake-link-icon" })
+            }
           )
-        ] }, void 0, true, {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-          lineNumber: 313,
-          columnNumber: 11
-        }, this)
-      ] }, void 0, true, {
-        fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-        lineNumber: 309,
-        columnNumber: 9
-      }, this)
-    },
-    void 0,
-    false,
-    {
-      fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-      lineNumber: 261,
-      columnNumber: 5
-    },
-    this
+        ] })
+      ] })
+    }
   );
 }
 function buildLayoutModel(lines, measurer) {
@@ -3674,7 +4013,7 @@ function cursorOffsetToVisibleOffset(lines, cursorOffset) {
   return codeUnitIndex + (lastLine.cursorToCodeUnit[lastOffset] ?? lastLine.text.length);
 }
 const LINK_KIND = "link";
-const linkExtension = {
+const linkExtension = defineExtension({
   name: "link",
   inlineWrapperAffinity: [{ kind: LINK_KIND, inclusive: false }],
   keybindings: [
@@ -3702,6 +4041,39 @@ const linkExtension = {
     }
   ],
   onEdit(command, state2) {
+    if (command.type === "unlink") {
+      const cursorPos = command.start;
+      const sourcePos = state2.map.cursorToSource(cursorPos, "forward");
+      const source = state2.source;
+      let linkStart = sourcePos;
+      while (linkStart > 0 && source[linkStart] !== "[") {
+        linkStart--;
+      }
+      if (source[linkStart] !== "[") {
+        return null;
+      }
+      const labelClose = source.indexOf("](", linkStart + 1);
+      if (labelClose === -1) {
+        return null;
+      }
+      const urlClose = source.indexOf(")", labelClose + 2);
+      if (urlClose === -1) {
+        return null;
+      }
+      const label2 = source.slice(linkStart + 1, labelClose);
+      const nextSource2 = source.slice(0, linkStart) + label2 + source.slice(urlClose + 1);
+      const newState = state2.runtime.createState(nextSource2);
+      const labelEndSource = linkStart + label2.length;
+      const newCursor = newState.map.sourceToCursor(labelEndSource, "forward");
+      return {
+        source: nextSource2,
+        selection: {
+          start: newCursor.cursorOffset,
+          end: newCursor.cursorOffset,
+          affinity: "forward"
+        }
+      };
+    }
     if (command.type !== "wrap-link") {
       return null;
     }
@@ -3823,26 +4195,20 @@ const linkExtension = {
     if (!context.contentRoot || !context.toOverlayRect) {
       return null;
     }
-    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
       CakeLinkPopover,
       {
         container: context.container,
         contentRoot: context.contentRoot,
-        toOverlayRect: context.toOverlayRect
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link.tsx",
-        lineNumber: 179,
-        columnNumber: 7
-      },
-      this
+        toOverlayRect: context.toOverlayRect,
+        getSelection: context.getSelection,
+        executeCommand: context.executeCommand
+      }
     );
   }
-};
+});
 const PIPE_LINK_KIND = "pipe-link";
-const pipeLinkExtension = {
+const pipeLinkExtension = defineExtension({
   name: "pipe-link",
   parseInline(source, start, end) {
     if (source[start] !== "|") {
@@ -3913,10 +4279,10 @@ const pipeLinkExtension = {
     }
     return element;
   }
-};
+});
 const BLOCKQUOTE_KIND = "blockquote";
 const PREFIX = "> ";
-const blockquoteExtension = {
+const blockquoteExtension = defineExtension({
   name: "blockquote",
   parseBlock(source, start, context) {
     if (source.slice(start, start + PREFIX.length) !== PREFIX) {
@@ -3985,9 +4351,9 @@ const blockquoteExtension = {
     }
     return element;
   }
-};
+});
 const ITALIC_KIND = "italic";
-const italicExtension = {
+const italicExtension = defineExtension({
   name: "italic",
   toggleInline: { kind: ITALIC_KIND, markers: ["*", "_"] },
   keybindings: [
@@ -4057,7 +4423,7 @@ const italicExtension = {
     }
     return element;
   }
-};
+});
 const HEADING_KIND = "heading";
 const HEADING_PATTERN = /^(#{1,3}) /;
 function findLineStartInSource(source, sourceOffset) {
@@ -4158,7 +4524,7 @@ function shouldExitHeadingOnLineBreak(state2) {
   const contentStart = lineStart + marker.length;
   return sourcePos >= contentStart && sourcePos <= lineEnd;
 }
-const headingExtension = {
+const headingExtension = defineExtension({
   name: "heading",
   onEdit(command, state2) {
     if (command.type === "delete-backward") {
@@ -4299,7 +4665,7 @@ const headingExtension = {
     }
     return lineElement;
   }
-};
+});
 const IMAGE_KIND = "image";
 const IMAGE_PATTERN = /^!\[([^\]]*)\]\(([^)]*)\)$/;
 const UPLOADING_PATTERN = /^!\[uploading:([^\]]+)\]\(\)$/;
@@ -4317,7 +4683,7 @@ function isImageData(data) {
   }
   return false;
 }
-const imageExtension = {
+const imageExtension = defineExtension({
   name: "image",
   parseBlock(source, start) {
     let lineEnd = source.indexOf("\n", start);
@@ -4412,7 +4778,7 @@ const imageExtension = {
     }
     return element;
   }
-};
+});
 const LIST_LINE_REGEX$2 = /^(\s*)([-*+]|\d+\.)( )(.*)$/;
 const INDENT_SIZE = 2;
 function parseMarkerType(marker) {
@@ -5231,7 +5597,7 @@ function getParagraphText(block) {
   }
   return text;
 }
-const listExtension = {
+const listExtension = defineExtension({
   name: "list",
   keybindings: [
     {
@@ -5324,7 +5690,7 @@ const listExtension = {
     }
     return element;
   }
-};
+});
 const THUMB_MIN_HEIGHT = 30;
 const SCROLL_HIDE_DELAY = 500;
 const TRACK_PADDING = 8;
@@ -5337,6 +5703,7 @@ function ScrollbarOverlay({ container }) {
   const [isDragging, setIsDragging] = require$$0.useState(false);
   const [isHovered, setIsHovered] = require$$0.useState(false);
   const [isScrolling, setIsScrolling] = require$$0.useState(false);
+  const [isDarkMode, setIsDarkMode] = require$$0.useState(false);
   const dragStartRef = require$$0.useRef(
     null
   );
@@ -5351,6 +5718,24 @@ function ScrollbarOverlay({ container }) {
   );
   const maxScrollTop = scrollHeight - clientHeight;
   const thumbTop = maxScrollTop > 0 ? TRACK_PADDING + scrollTop / maxScrollTop * (trackHeight - thumbHeight) : TRACK_PADDING;
+  require$$0.useEffect(() => {
+    function checkDarkMode() {
+      const html = document.documentElement;
+      setIsDarkMode(html.classList.contains("dark"));
+    }
+    checkDarkMode();
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    mediaQuery.addEventListener("change", checkDarkMode);
+    const observer = new MutationObserver(checkDarkMode);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    return () => {
+      mediaQuery.removeEventListener("change", checkDarkMode);
+      observer.disconnect();
+    };
+  }, []);
   require$$0.useEffect(() => {
     function update() {
       setState({
@@ -5488,6 +5873,13 @@ function ScrollbarOverlay({ container }) {
     return null;
   }
   const isVisible = isDragging || isHovered || isScrolling;
+  const wrapperStyle = {
+    position: "absolute",
+    inset: 0,
+    pointerEvents: "none",
+    overflow: "hidden",
+    zIndex: 50
+  };
   const trackStyle = {
     position: "absolute",
     top: 0,
@@ -5497,6 +5889,12 @@ function ScrollbarOverlay({ container }) {
     height: clientHeight,
     pointerEvents: "auto"
   };
+  const getThumbColor = () => {
+    if (isDarkMode) {
+      return isDragging ? "rgba(255, 255, 255, 0.5)" : "rgba(255, 255, 255, 0.3)";
+    }
+    return isDragging ? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0.3)";
+  };
   const thumbStyle = {
     position: "absolute",
     right: "2px",
@@ -5504,58 +5902,39 @@ function ScrollbarOverlay({ container }) {
     borderRadius: "9999px",
     height: thumbHeight,
     top: thumbTop,
-    opacity: isVisible ? 1 : 0
+    opacity: isVisible ? 1 : 0,
+    backgroundColor: getThumbColor(),
+    transition: "opacity 150ms",
+    cursor: "pointer"
   };
-  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: wrapperStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       "data-testid": "custom-scrollbar",
       "aria-hidden": "true",
-      className: "pointer-events-auto absolute top-0 right-0 bottom-0 z-50 w-3",
       style: trackStyle,
       onClick: handleTrackClick,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
-      children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           "data-testid": "scrollbar-thumb",
-          className: `absolute right-0.5 w-1.5 cursor-pointer rounded-full transition-opacity duration-150 ${isDragging ? "bg-black/50 dark:bg-white/50" : "bg-black/30 dark:bg-white/30"}`,
           style: thumbStyle,
           onMouseDown: handleThumbMouseDown
-        },
-        void 0,
-        false,
-        {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/scrollbar/index.tsx",
-          lineNumber: 230,
-          columnNumber: 7
-        },
-        this
+        }
       )
-    },
-    void 0,
-    false,
-    {
-      fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/scrollbar/index.tsx",
-      lineNumber: 221,
-      columnNumber: 5
-    },
-    this
-  );
+    }
+  ) });
 }
-const scrollbarExtension = {
+const scrollbarExtension = defineExtension({
   name: "scrollbar",
   renderOverlay(context) {
-    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ScrollbarOverlay, { container: context.container }, void 0, false, {
-      fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/scrollbar/index.tsx",
-      lineNumber: 247,
-      columnNumber: 12
-    }, this);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollbarOverlay, { container: context.container });
   }
-};
+});
 const STRIKE_KIND = "strikethrough";
-const strikethroughExtension = {
+const strikethroughExtension = defineExtension({
   name: "strikethrough",
   toggleInline: { kind: STRIKE_KIND, markers: ["~~"] },
   keybindings: [
@@ -5628,8 +6007,8 @@ const strikethroughExtension = {
     }
     return element;
   }
-};
-const bundledExtensions = [
+});
+const bundledExtensionsWithoutImage = [
   blockquoteExtension,
   headingExtension,
   listExtension,
@@ -5638,7 +6017,10 @@ const bundledExtensions = [
   italicExtension,
   strikethroughExtension,
   pipeLinkExtension,
-  linkExtension,
+  linkExtension
+];
+const bundledExtensions = [
+  ...bundledExtensionsWithoutImage,
   imageExtension
 ];
 function toLayoutRect(params) {
@@ -5698,6 +6080,46 @@ function cursorOffsetToCodeUnit(cursorToCodeUnit, offset) {
   const clamped = Math.max(0, Math.min(offset, cursorToCodeUnit.length - 1));
   return cursorToCodeUnit[clamped] ?? 0;
 }
+function createDomPositionResolver(lineElement) {
+  const textNodes = [];
+  const cumulativeEnds = [];
+  const walker = createTextWalker(lineElement);
+  let current = walker.nextNode();
+  let total = 0;
+  while (current) {
+    if (current instanceof Text) {
+      const length = current.data.length;
+      textNodes.push(current);
+      total += length;
+      cumulativeEnds.push(total);
+    }
+    current = walker.nextNode();
+  }
+  if (textNodes.length === 0) {
+    return () => {
+      if (!lineElement.textContent) {
+        return { node: lineElement, offset: 0 };
+      }
+      return { node: lineElement, offset: lineElement.childNodes.length };
+    };
+  }
+  return (offsetInLine) => {
+    const clamped = Math.max(0, Math.min(offsetInLine, total));
+    let low = 0;
+    let high = cumulativeEnds.length - 1;
+    while (low < high) {
+      const mid = low + high >>> 1;
+      if ((cumulativeEnds[mid] ?? 0) < clamped) {
+        low = mid + 1;
+      } else {
+        high = mid;
+      }
+    }
+    const node = textNodes[low] ?? lineElement;
+    const prevEnd = low > 0 ? cumulativeEnds[low - 1] ?? 0 : 0;
+    return { node, offset: clamped - prevEnd };
+  };
+}
 function measureCharacterRect(params) {
   if (params.lineLength <= 0) {
     return null;
@@ -5710,101 +6132,155 @@ function measureCharacterRect(params) {
     params.cursorToCodeUnit,
     Math.min(params.offset + 1, params.lineLength)
   );
-  const startPosition = resolveDomPosition(params.lineElement, startCodeUnit);
-  const endPosition = resolveDomPosition(params.lineElement, endCodeUnit);
-  const range = document.createRange();
-  range.setStart(startPosition.node, startPosition.offset);
-  range.setEnd(endPosition.node, endPosition.offset);
-  const rects = range.getClientRects();
+  const startPosition = params.resolveDomPosition(startCodeUnit);
+  const endPosition = params.resolveDomPosition(endCodeUnit);
+  params.range.setStart(startPosition.node, startPosition.offset);
+  params.range.setEnd(endPosition.node, endPosition.offset);
+  const rects = params.range.getClientRects();
   if (rects.length > 0) {
     return rects[0] ?? null;
   }
-  const rect = range.getBoundingClientRect();
+  const rect = params.range.getBoundingClientRect();
   if (rect.width === 0 && rect.height === 0) {
     return null;
   }
   return rect;
 }
 function measureLineRows(params) {
+  var _a, _b;
+  const fallbackLineBox = toLayoutRect({
+    rect: params.lineRect,
+    containerRect: params.containerRect,
+    scroll: params.scroll
+  });
   if (params.lineLength === 0) {
-    const lineBox = toLayoutRect({
-      rect: params.lineRect,
-      containerRect: params.containerRect,
-      scroll: params.scroll
-    });
     return [
       {
         startOffset: 0,
         endOffset: 0,
-        rect: { ...lineBox, width: 0 }
+        rect: { ...fallbackLineBox, width: 0 }
       }
     ];
   }
-  const fullLineRange = document.createRange();
-  const fullLineStart = resolveDomPosition(params.lineElement, 0);
-  const fullLineEnd = resolveDomPosition(
-    params.lineElement,
-    params.codeUnitLength
-  );
-  fullLineRange.setStart(fullLineStart.node, fullLineStart.offset);
-  fullLineRange.setEnd(fullLineEnd.node, fullLineEnd.offset);
-  const fullLineRects = groupDomRectsByRow(
-    Array.from(fullLineRange.getClientRects())
-  );
-  const fallbackLineBox = toLayoutRect({
-    rect: params.lineRect,
-    containerRect: params.containerRect,
-    scroll: params.scroll
-  });
-  const charRect = measureCharacterRect({
-    lineElement: params.lineElement,
-    offset: 0,
-    lineLength: params.lineLength,
-    cursorToCodeUnit: params.cursorToCodeUnit
-  });
-  const charWidth = (charRect == null ? void 0 : charRect.width) ?? 0;
-  if (fullLineRects.length === 0 || charWidth <= 0) {
-    const rows2 = [
+  const WRAP_THRESHOLD_PX = 3;
+  const resolvePosition = createDomPositionResolver(params.lineElement);
+  const scratchRange = document.createRange();
+  const topCache = /* @__PURE__ */ new Map();
+  const fullLineStart = resolvePosition(0);
+  const fullLineEnd = resolvePosition(params.codeUnitLength);
+  scratchRange.setStart(fullLineStart.node, fullLineStart.offset);
+  scratchRange.setEnd(fullLineEnd.node, fullLineEnd.offset);
+  const fullLineRects = groupDomRectsByRow(Array.from(scratchRange.getClientRects()));
+  if (fullLineRects.length === 0) {
+    return [
       {
         startOffset: 0,
         endOffset: params.lineLength,
         rect: fallbackLineBox
       }
     ];
-    return rows2.length === 1 ? [
+  }
+  function offsetToTop(offset) {
+    if (topCache.has(offset)) {
+      return topCache.get(offset) ?? null;
+    }
+    const rect = measureCharacterRect({
+      lineElement: params.lineElement,
+      offset,
+      lineLength: params.lineLength,
+      cursorToCodeUnit: params.cursorToCodeUnit,
+      resolveDomPosition: resolvePosition,
+      range: scratchRange
+    });
+    const top = rect ? rect.top : null;
+    topCache.set(offset, top);
+    return top;
+  }
+  function findFirstMeasurableOffset(from) {
+    for (let offset = Math.max(0, from); offset < params.lineLength; offset++) {
+      if (offsetToTop(offset) !== null) {
+        return offset;
+      }
+    }
+    return null;
+  }
+  function findNextRowStartOffset(fromExclusive, rowTop) {
+    const lastIndex = params.lineLength - 1;
+    if (fromExclusive > lastIndex) {
+      return null;
+    }
+    const isNewRowAt = (offset) => {
+      const top = offsetToTop(offset);
+      return top !== null && Math.abs(top - rowTop) > WRAP_THRESHOLD_PX;
+    };
+    let step = 1;
+    let lastSame = fromExclusive - 1;
+    let probe = fromExclusive;
+    while (probe <= lastIndex) {
+      if (isNewRowAt(probe)) {
+        break;
+      }
+      lastSame = probe;
+      probe += step;
+      step *= 2;
+    }
+    if (probe > lastIndex) {
+      probe = lastIndex;
+      if (!isNewRowAt(probe)) {
+        return null;
+      }
+    }
+    let low = Math.max(fromExclusive, lastSame + 1);
+    let high = probe;
+    while (low < high) {
+      const mid = low + high >>> 1;
+      if (isNewRowAt(mid)) {
+        high = mid;
+      } else {
+        low = mid + 1;
+      }
+    }
+    return low < params.lineLength ? low : null;
+  }
+  const rows = [];
+  const firstMeasurable = findFirstMeasurableOffset(0);
+  if (firstMeasurable === null) {
+    return [
       {
-        ...rows2[0],
-        rect: {
-          ...rows2[0].rect,
-          top: fallbackLineBox.top,
-          height: fallbackLineBox.height
-        }
+        startOffset: 0,
+        endOffset: params.lineLength,
+        rect: fallbackLineBox
       }
-    ] : rows2;
+    ];
   }
-  let startOffset = 0;
-  const rows = fullLineRects.map((rect, index) => {
-    const remaining = params.lineLength - startOffset;
-    const isLast = index === fullLineRects.length - 1;
-    const estimatedLength = Math.max(1, Math.round(rect.width / charWidth));
-    const rowLength = isLast ? remaining : Math.min(remaining, estimatedLength);
-    const row = {
-      startOffset,
-      endOffset: startOffset + rowLength,
+  let currentRowStart = 0;
+  let currentRowTop = ((_a = fullLineRects[0]) == null ? void 0 : _a.top) ?? params.lineRect.top;
+  let searchFrom = firstMeasurable + 1;
+  let rowIndex = 0;
+  while (currentRowStart < params.lineLength) {
+    const nextRowStart = findNextRowStartOffset(searchFrom, currentRowTop);
+    const currentRowEnd = nextRowStart ?? params.lineLength;
+    const domRect = fullLineRects[rowIndex] ?? params.lineRect;
+    rows.push({
+      startOffset: currentRowStart,
+      endOffset: currentRowEnd,
       rect: toLayoutRect({
-        rect,
+        rect: domRect,
         containerRect: params.containerRect,
         scroll: params.scroll
       })
-    };
-    startOffset += rowLength;
-    return row;
-  });
-  if (rows.length > 0) {
-    rows[rows.length - 1] = {
-      ...rows[rows.length - 1],
-      endOffset: params.lineLength
-    };
+    });
+    if (nextRowStart === null) {
+      break;
+    }
+    currentRowStart = nextRowStart;
+    rowIndex += 1;
+    const nextMeasurable = findFirstMeasurableOffset(currentRowStart);
+    if (nextMeasurable === null) {
+      break;
+    }
+    currentRowTop = ((_b = fullLineRects[rowIndex]) == null ? void 0 : _b.top) ?? currentRowTop;
+    searchFrom = nextMeasurable + 1;
   }
   if (rows.length === 1) {
     rows[0] = {
@@ -5876,6 +6352,44 @@ function measureLayoutModelFromDom(params) {
   }
   return buildLayoutModel(params.lines, measurer);
 }
+function measureLayoutModelRangeFromDom(params) {
+  const measurer = createDomLayoutMeasurer({
+    root: params.root,
+    container: params.container,
+    lines: params.lines
+  });
+  if (!measurer) {
+    return null;
+  }
+  const clampedStart = Math.max(0, Math.min(params.startLineIndex, params.lines.length - 1));
+  const clampedEnd = Math.max(clampedStart, Math.min(params.endLineIndex, params.lines.length - 1));
+  const lineOffsets = getLineOffsets(params.lines);
+  let lineStartOffset = lineOffsets[clampedStart] ?? 0;
+  const layouts = [];
+  for (let lineIndex = clampedStart; lineIndex <= clampedEnd; lineIndex += 1) {
+    const lineInfo = params.lines[lineIndex];
+    if (!lineInfo) {
+      continue;
+    }
+    const measurement = measurer.measureLine({
+      lineIndex: lineInfo.lineIndex,
+      lineText: lineInfo.text,
+      lineLength: lineInfo.cursorLength,
+      lineHasNewline: lineInfo.hasNewline,
+      top: 0
+    });
+    layouts.push({
+      lineIndex: lineInfo.lineIndex,
+      lineStartOffset,
+      lineLength: lineInfo.cursorLength,
+      lineHasNewline: lineInfo.hasNewline,
+      lineBox: measurement.lineBox,
+      rows: measurement.rows
+    });
+    lineStartOffset += lineInfo.cursorLength + (lineInfo.hasNewline ? 1 : 0);
+  }
+  return { container: measurer.container, lines: layouts };
+}
 function getLineElement(root, lineIndex) {
   return root.querySelector(`[data-line-index="${lineIndex}"]`);
 }
@@ -6069,7 +6583,7 @@ function computeSelectionRects(layout, selection, measurer) {
   return rects;
 }
 function computeCaretRect(caret) {
-  const height = caret.lineRect.height;
+  const height = caret.fontSize * 1.2;
   const contentHeight = caret.lineRect.height > 0 ? Math.max(
     0,
     caret.lineRect.height - caret.padding.top - caret.padding.bottom
@@ -6091,7 +6605,17 @@ function getSelectionGeometry(params) {
     end: selection.start,
     affinity: selection.affinity
   };
-  const layout = shouldMeasureLayout(normalized) ? measureLayoutModelFromDom({ lines: docLines, root, container }) : null;
+  const layout = shouldMeasureLayout(normalized) ? (() => {
+    const startLine2 = resolveOffsetToLine(docLines, normalized.start);
+    const endLine = resolveOffsetToLine(docLines, normalized.end);
+    return measureLayoutModelRangeFromDom({
+      lines: docLines,
+      root,
+      container,
+      startLineIndex: startLine2.lineIndex,
+      endLineIndex: endLine.lineIndex
+    });
+  })() : null;
   const containerRect = container.getBoundingClientRect();
   const scroll = { top: container.scrollTop, left: container.scrollLeft };
   const startLine = resolveOffsetToLine(docLines, normalized.start);
@@ -6123,6 +6647,7 @@ function getSelectionGeometry(params) {
         scroll
       }),
       lineLength: lineInfo.cursorLength,
+      fontSize: getComputedFontSize(lineElement),
       padding: getComputedVerticalPadding(lineElement)
     };
     const caretRect = computeCaretRect(caretMeasurement);
@@ -6166,6 +6691,7 @@ function getSelectionGeometry(params) {
             scroll
           }),
           lineLength: lineInfo.cursorLength,
+          fontSize: getComputedFontSize(focusLineElement),
           padding: getComputedVerticalPadding(focusLineElement)
         };
         focusRect = computeCaretRect(caretMeasurement);
@@ -6292,6 +6818,11 @@ function getComputedVerticalPadding(lineElement) {
     bottom: Number.isFinite(bottom) ? bottom : 0
   };
 }
+function getComputedFontSize(lineElement) {
+  const fontSize = window.getComputedStyle(lineElement).fontSize;
+  const parsed = Number.parseFloat(fontSize);
+  return Number.isFinite(parsed) && parsed > 0 ? parsed : 16;
+}
 function rectRight(rect) {
   return rect.left + rect.width;
 }
@@ -6689,6 +7220,36 @@ function nextWordBreak(text, offset) {
   }
   return text.length;
 }
+const MAX_HTML_INPUT_LENGTH = 5e5;
+const MAX_MARKDOWN_OUTPUT_LENGTH = 1e5;
+function isHTMLElement(node) {
+  return node !== null && node.nodeType === Node.ELEMENT_NODE;
+}
+function isElement(node) {
+  return node !== null && node.nodeType === Node.ELEMENT_NODE;
+}
+const CLEANUP_PATTERNS = {
+  unescapeHeaders: /^\\(#{1,6})\s+/gm,
+  unescapeBlockquote: /^\\>/gm,
+  unescapeMarkdown: /\\([*_`~[\]])/g,
+  unescapeListBullets: /^(\s*)\\([-*+])(\s+)/gm,
+  unescapeListNumbers: /^(\s*)(\d+)\\\.(\s+)/gm,
+  normalizeBullets: /^(\s*)[-*+](\s{2,})/gm,
+  normalizeNumbers: /^[\s]*\d+\.[\s]+/gm,
+  normalizeHeaders: /^(#{1,6})[\s]{2,}/gm,
+  removeTrailingSpaces: /[ \t]+$/gm,
+  headersInBlockquotes: /^>\s*(#{1,6}\s+.*)/gm,
+  excessiveNewlines: /\n{3,}/g,
+  interlacedTableGaps: /(\|[^\n]*\|)\s*\n\s*\n+\s*(\|[^\n]*\|)/g,
+  complexTableGaps: /(\|[^\n]*\|)(\s*\n){2,}(\|[^\n]*\|)/g
+};
+const HTML_PREPROCESSING_PATTERNS = {
+  removeStyleAndDataAttrs: /\s(?:style|data-[^=]*|id)="[^"]*"/gi,
+  removeNonCodeClasses: /\sclass="(?![^"]*(?:language-|hljs))[^"]*"/gi,
+  removeEmptyElements: /<(\w+)[^>]*>\s*<\/\1>/gi,
+  normalizeSpaces: /[ \t]{2,}/g,
+  reduceBlankLines: /\n\s*\n/g
+};
 const turndownService = new TurndownService({
   headingStyle: "atx",
   bulletListMarker: "-",
@@ -6706,6 +7267,13 @@ turndownService.addRule("strikethrough", {
 turndownService.addRule("codeBlock", {
   filter: "pre",
   replacement: (content, node) => {
+    if (!isHTMLElement(node)) {
+      return `
+\`\`\`
+${content}
+\`\`\`
+`;
+    }
     const codeElement = node.querySelector("code");
     if (codeElement) {
       const className = codeElement.className || "";
@@ -6724,12 +7292,308 @@ ${content}
 `;
   }
 });
-function htmlToMarkdownForPaste(html) {
-  const trimmed = html.trim();
-  if (!trimmed) {
+turndownService.addRule("tableRow", {
+  filter: "tr",
+  replacement: (_content, node) => {
+    var _a;
+    if (!isHTMLElement(node)) {
+      return "";
+    }
+    const isHeaderRow = ((_a = node.parentNode) == null ? void 0 : _a.nodeName) === "THEAD";
+    const cells = Array.from(node.querySelectorAll("td, th"));
+    const cellContents = cells.map((cell) => {
+      const text = cell.textContent || "";
+      return text.replace(/\|/g, "\\|").trim();
+    });
+    let result = "| " + cellContents.join(" | ") + " |\n";
+    if (isHeaderRow) {
+      const separators = cells.map((cell) => {
+        const align = cell.getAttribute("align");
+        if (align === "center") {
+          return ":-------------:";
+        }
+        if (align === "right") {
+          return "-------------:";
+        }
+        return "-------------";
+      });
+      result += "| " + separators.join(" | ") + " |\n";
+    }
+    return result;
+  }
+});
+turndownService.addRule("taskList", {
+  filter: (node) => {
+    if (!isHTMLElement(node)) {
+      return false;
+    }
+    if (node.nodeName !== "LI") {
+      return false;
+    }
+    if (node.querySelector('input[type="checkbox"]') !== null) {
+      return true;
+    }
+    const textContent = node.textContent || "";
+    const hasCheckboxSymbols = /^[\s]*[☐☑✓✗[\]]/m.test(textContent) || /^[\s]*\[[ x]\]/m.test(textContent);
+    const hasCheckboxClass = Boolean(
+      node.className && (node.className.includes("task") || node.className.includes("checkbox") || node.className.includes("todo"))
+    );
+    return hasCheckboxSymbols || hasCheckboxClass;
+  },
+  replacement: (content, node) => {
+    if (!isHTMLElement(node)) {
+      return content;
+    }
+    const checkbox = node.querySelector('input[type="checkbox"]');
+    const isCheckbox = checkbox instanceof HTMLInputElement && checkbox.type === "checkbox";
+    let isChecked = false;
+    if (isCheckbox) {
+      isChecked = checkbox.checked;
+    } else {
+      const textContent2 = node.textContent || "";
+      isChecked = /^[\s]*[☑✓✗]/.test(textContent2) || /^[\s]*\[x\]/i.test(textContent2);
+    }
+    const prefix = isChecked ? "- [x] " : "- [ ] ";
+    let textContent = content;
+    textContent = textContent.replace(/^\s*\[[ x]\]\s*/gi, "");
+    textContent = textContent.replace(/^\s*[☐☑✓✗]\s*/g, "");
+    textContent = textContent.replace(/^\s*\[[x ]\]\s*/gi, "");
+    textContent = textContent.replace(/^\s*\\?\[[ x]\\?\]\s*/gi, "");
+    textContent = textContent.replace(/\\?\[\\?\s*\\?\]\\?\s*/g, "");
+    return prefix + textContent.trim() + "\n";
+  }
+});
+turndownService.addRule("list", {
+  filter: ["ul", "ol"],
+  replacement: (content, node) => {
+    const parent = node.parentNode;
+    const isNested = isElement(parent) && parent.tagName === "LI";
+    if (isNested) {
+      return "\n" + content;
+    }
+    return "\n" + content + "\n";
+  }
+});
+turndownService.addRule("blockquote", {
+  filter: "blockquote",
+  replacement: (content) => {
+    const lines = content.trim().split("\n");
+    const processedLines = lines.map((line) => {
+      const trimmed = line.trim();
+      if (!trimmed) {
+        return ">";
+      }
+      const existingQuotes = trimmed.match(/^(>\s*)+/);
+      if (existingQuotes) {
+        return existingQuotes[0] + " " + trimmed;
+      }
+      return "> " + trimmed;
+    });
+    return "\n" + processedLines.join("\n") + "\n";
+  }
+});
+turndownService.addRule("horizontalRule", {
+  filter: "hr",
+  replacement: () => "\n---\n"
+});
+turndownService.addRule("inlineCode", {
+  filter: (node) => {
+    const parent = node.parentNode;
+    return node.nodeName === "CODE" && !(isElement(parent) && parent.tagName === "PRE");
+  },
+  replacement: (content) => {
+    const backtickCount = Math.max(
+      1,
+      (content.match(/`+/g) || []).reduce(
+        (max, match) => Math.max(max, match.length),
+        0
+      ) + 1
+    );
+    const delimiter = "`".repeat(backtickCount);
+    return delimiter + content + delimiter;
+  }
+});
+turndownService.addRule("image", {
+  filter: "img",
+  replacement: (_content, node) => {
+    if (!isHTMLElement(node)) {
+      return "";
+    }
+    const src = node.getAttribute("src") || "";
+    const alt = node.getAttribute("alt") || "";
+    const title = node.getAttribute("title");
+    if (title) {
+      return `![${alt}](${src} "${title}")`;
+    }
+    return `![${alt}](${src})`;
+  }
+});
+turndownService.addRule("highlight", {
+  filter: (node) => {
+    var _a, _b;
+    if (!isHTMLElement(node)) {
+      return false;
+    }
+    return node.nodeName === "MARK" || node.nodeName === "SPAN" && (((_a = node.style) == null ? void 0 : _a.backgroundColor) === "yellow" || ((_b = node.className) == null ? void 0 : _b.includes("highlight")));
+  },
+  replacement: (content) => `==${content}==`
+});
+turndownService.addRule("headerWithId", {
+  filter: ["h1", "h2", "h3", "h4", "h5", "h6"],
+  replacement: (content, node) => {
+    if (!isHTMLElement(node)) {
+      return content;
+    }
+    const rawLevel = parseInt(node.nodeName.charAt(1));
+    const level = Math.min(rawLevel, 3);
+    const hashes = "#".repeat(level);
+    const id = node.getAttribute("id");
+    if (id) {
+      return `
+${hashes} ${content} {#${id}}
+`;
+    }
+    return `
+${hashes} ${content}
+`;
+  }
+});
+function processTextNodes(element) {
+  const spans = Array.from(element.querySelectorAll("span"));
+  spans.forEach((span) => {
+    var _a;
+    const textContent = span.textContent || "";
+    const textNode = document.createTextNode(textContent);
+    (_a = span.parentNode) == null ? void 0 : _a.replaceChild(textNode, span);
+  });
+}
+function detectSourceApp(html) {
+  const detectionPatterns = {
+    notion: ["notion-", "notranslate"],
+    github: ["github.com", "js-file-line-container"],
+    slack: ["slack-", "c-message"],
+    "google-docs": ["docs.google.com", "kix-"]
+  };
+  for (const [app, patterns] of Object.entries(detectionPatterns)) {
+    if (patterns.some((pattern) => html.includes(pattern))) {
+      return app;
+    }
+  }
+  return "unknown";
+}
+function preprocessForApp(html, app) {
+  switch (app) {
+    case "notion":
+      return html.replace(/<div[^>]*class="[^"]*notion-[^"]*"[^>]*>/gi, "<div>").replace(/<span[^>]*class="[^"]*notion-[^"]*"[^>]*>/gi, "<span>").replace(/<details[^>]*>/gi, "<div>").replace(/<\/details>/gi, "</div>").replace(/<summary[^>]*>/gi, "<strong>").replace(/<\/summary>/gi, "</strong>");
+    case "github":
+      return html.replace(/<td[^>]*class="[^"]*blob-num[^"]*"[^>]*>.*?<\/td>/gi, "").replace(/<span[^>]*class="[^"]*pl-[^"]*"[^>]*>/gi, "<span>").replace(/<span[^>]*class="[^"]*highlight[^"]*"[^>]*>/gi, "<span>");
+    case "slack":
+      return html.replace(/<span[^>]*class="[^"]*c-member[^"]*"[^>]*>/gi, "<span>").replace(/<span[^>]*data-stringify-type="mention"[^>]*>/gi, "<span>").replace(
+        /<span[^>]*class="[^"]*c-emoji[^"]*"[^>]*>([^<]*)<\/span>/gi,
+        "$1"
+      );
+    case "google-docs":
+      return html.replace(
+        /<span[^>]*style="[^"]*font-weight:[^;"]*bold[^"]*"[^>]*>/gi,
+        "<strong>"
+      ).replace(
+        /<span[^>]*style="[^"]*font-style:[^;"]*italic[^"]*"[^>]*>/gi,
+        "<em>"
+      ).replace(/<\/span>/gi, "").replace(/<p[^>]*style="[^"]*"[^>]*>/gi, "<p>");
+    default:
+      return html;
+  }
+}
+function cleanupMarkdown(markdown) {
+  return markdown.replace(CLEANUP_PATTERNS.unescapeHeaders, "$1 ").replace(CLEANUP_PATTERNS.unescapeBlockquote, ">").replace(CLEANUP_PATTERNS.unescapeMarkdown, "$1").replace(CLEANUP_PATTERNS.unescapeListBullets, "$1$2$3").replace(CLEANUP_PATTERNS.unescapeListNumbers, "$1$2.$3").replace(CLEANUP_PATTERNS.normalizeBullets, "$1- ").replace(CLEANUP_PATTERNS.normalizeNumbers, (match) => {
+    var _a;
+    const num = ((_a = match.match(/\d+/)) == null ? void 0 : _a[0]) || "1";
+    return `${num}. `;
+  }).replace(CLEANUP_PATTERNS.normalizeHeaders, "$1 ").replace(CLEANUP_PATTERNS.removeTrailingSpaces, "").replace(CLEANUP_PATTERNS.headersInBlockquotes, "\n$1").replace(CLEANUP_PATTERNS.excessiveNewlines, "\n\n").replace(CLEANUP_PATTERNS.interlacedTableGaps, "$1\n$2").replace(CLEANUP_PATTERNS.complexTableGaps, "$1\n$3").replace(/\*\*\[([^\]]+?)\]\(([^)]+?)\)\*\*/g, "[**$1**]($2)").replace(/__\[([^\]]+?)\]\(([^)]+?)\)__/g, "[**$1**]($2)").replace(/\*\[([^\]]+?)\]\(([^)]+?)\)\*/g, "[*$1*]($2)").replace(/_\[([^\]]+?)\]\(([^)]+?)\)_/g, "[*$1*]($2)").trim();
+}
+function preprocessHtml(html) {
+  const sourceApp = detectSourceApp(html);
+  let processedHtml = preprocessForApp(html, sourceApp);
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(processedHtml, "text/html");
+  if (doc.body) {
+    processTextNodes(doc.body);
+    processedHtml = doc.body.innerHTML;
+  }
+  return processedHtml.replace(HTML_PREPROCESSING_PATTERNS.removeStyleAndDataAttrs, "").replace(HTML_PREPROCESSING_PATTERNS.removeNonCodeClasses, "").replace(HTML_PREPROCESSING_PATTERNS.removeEmptyElements, "").replace(HTML_PREPROCESSING_PATTERNS.normalizeSpaces, " ").replace(HTML_PREPROCESSING_PATTERNS.reduceBlankLines, "\n\n").trim();
+}
+function sanitizeContent(content) {
+  return content.replace(/<script[^>]*>.*?<\/script>/gi, "").replace(
+    /<(?:iframe|object|embed)[^>]*>.*?<\/(?:iframe|object|embed)>/gi,
+    ""
+  );
+}
+function limitContentLength(content, maxLength = MAX_MARKDOWN_OUTPUT_LENGTH) {
+  return content.substring(0, maxLength);
+}
+function sanitizeMarkdown(markdown) {
+  return limitContentLength(sanitizeContent(markdown));
+}
+function shouldProcessPaste(htmlContent) {
+  if (htmlContent.length > MAX_HTML_INPUT_LENGTH) {
+    console.warn("HTML content too large for paste processing");
+    return false;
+  }
+  const hasFormatting = /<(?:strong|b|em|i|u|s|del|strike|code|pre|h[1-6]|blockquote|ul|ol|li|table|tr|td|th|a|img|mark|span|div)[\s>]/i.test(
+    htmlContent
+  );
+  if (!hasFormatting) {
+    return false;
+  }
+  if (/<img\s/i.test(htmlContent)) {
+    return true;
+  }
+  const strippedContent = htmlContent.replace(/<[^>]*>/g, "").trim();
+  if (!strippedContent || strippedContent.length < 3) {
+    return false;
+  }
+  return true;
+}
+function normalizeListPrefixes(content) {
+  const lines = content.split("\n");
+  let currentListType = null;
+  let currentNumber = 1;
+  return lines.map((line) => {
+    const match = line.match(/^(\s*)([-*+]|\d+\.)( +)(.*)$/);
+    if (match) {
+      const [, indent, marker, , listContent] = match;
+      if (currentListType === null) {
+        currentListType = /\d+\./.test(marker) ? "numbered" : "bullet";
+      }
+      const newMarker = currentListType === "bullet" ? "-" : `${currentNumber}.`;
+      if (currentListType === "numbered") {
+        currentNumber += 1;
+      }
+      return `${indent}${newMarker} ${listContent}`;
+    }
+    return line;
+  }).join("\n");
+}
+function convertHtmlToMarkdown(html) {
+  try {
+    const processedHtml = preprocessHtml(html);
+    const markdown = turndownService.turndown(processedHtml);
+    return cleanupMarkdown(markdown);
+  } catch (error) {
+    console.error("Error converting HTML to markdown:", error);
     return "";
   }
-  return turndownService.turndown(trimmed);
+}
+function htmlToMarkdownForPaste(htmlContent) {
+  if (!shouldProcessPaste(htmlContent)) {
+    return null;
+  }
+  const markdown = convertHtmlToMarkdown(htmlContent);
+  if (!markdown.trim()) {
+    return null;
+  }
+  const normalizedMarkdown = normalizeListPrefixes(markdown);
+  return sanitizeMarkdown(normalizedMarkdown).replace(/\r\n?/g, "\n");
 }
 const defaultSelection = { start: 0, end: 0, affinity: "forward" };
 const COMPOSITION_COMMIT_CLEAR_DELAY_MS = 50;
@@ -6759,10 +7623,13 @@ class CakeEngine {
     this.caretBlinkTimeoutId = null;
     this.overlayUpdateId = null;
     this.scrollCaretIntoViewId = null;
+    this.selectionRectElements = [];
+    this.lastSelectionRects = null;
     this.extensionsRoot = null;
     this.placeholderRoot = null;
     this.lastFocusRect = null;
     this.verticalNavGoalX = null;
+    this.lastRenderPerf = null;
     this.history = {
       undoStack: [],
       redoStack: [],
@@ -6816,6 +7683,9 @@ class CakeEngine {
   set state(value) {
     this._state = value;
   }
+  getLastRenderPerf() {
+    return this.lastRenderPerf;
+  }
   isEventTargetInContentRoot(target) {
     if (target === this.container) {
       return true;
@@ -6852,6 +7722,9 @@ class CakeEngine {
   getSelection() {
     return this.state.selection;
   }
+  getCursorLength() {
+    return this.state.map.cursorLength;
+  }
   getFocusRect() {
     return this.lastFocusRect;
   }
@@ -6906,12 +7779,18 @@ class CakeEngine {
     if (!this.isComposing) {
       this.applySelection(this.state.selection);
     }
+    this.scheduleScrollCaretIntoView();
   }
   setValue({ value, selection }) {
-    const nextSelection = selection ?? this.state.selection;
-    if (value === this.state.source && selection === void 0) {
+    const valueChanged = value !== this.state.source;
+    if (!valueChanged && selection === void 0) {
+      return;
+    }
+    if (!valueChanged && selection !== void 0) {
+      this.setSelection(selection);
       return;
     }
+    const nextSelection = selection ?? this.state.selection;
     this.state = this.runtime.createState(value, nextSelection);
     this.render();
   }
@@ -6976,7 +7855,7 @@ class CakeEngine {
   }
   executeCommand(command) {
     var _a;
-    const shouldOpenLinkPopover = command.type === "wrap-link" && command.openPopover;
+    const shouldOpenLinkPopover = "openPopover" in command && command.openPopover === true;
     const nextState = this.runtime.applyEdit(command, this.state);
     if (nextState === this.state) {
       return false;
@@ -7151,6 +8030,14 @@ class CakeEngine {
     this.patchedCaretRangeFromPoint = null;
   }
   render() {
+    const perfEnabled = this.container.dataset.cakePerf === "1";
+    let perfStart = 0;
+    let renderStart = 0;
+    let renderAndMapMs = 0;
+    let applySelectionMs = 0;
+    if (perfEnabled) {
+      perfStart = performance.now();
+    }
     if (!this.contentRoot) {
       const containerPosition = window.getComputedStyle(
         this.container
@@ -7166,16 +8053,40 @@ class CakeEngine {
       this.container.replaceChildren(this.contentRoot, overlay, extensionsRoot);
       this.attachDragListeners();
     }
+    if (perfEnabled) {
+      renderStart = performance.now();
+    }
     const { content, map } = renderDocContent(
       this.state.doc,
       this.extensions,
       this.contentRoot
     );
-    this.contentRoot.replaceChildren(...content);
+    const existingChildren = Array.from(this.contentRoot.childNodes);
+    const needsUpdate = content.length !== existingChildren.length || content.some((node, i) => node !== existingChildren[i]);
+    if (needsUpdate) {
+      this.contentRoot.replaceChildren(...content);
+    }
     this.domMap = map;
-    this.updateExtensionsOverlayPosition();
-    if (!this.isComposing) {
+    if (perfEnabled) {
+      renderAndMapMs = performance.now() - renderStart;
+    }
+    if (!this.isComposing && this.hasFocus()) {
+      const selectionStart = perfEnabled ? performance.now() : 0;
       this.applySelection(this.state.selection);
+      if (perfEnabled) {
+        applySelectionMs = performance.now() - selectionStart;
+      }
+    }
+    if (perfEnabled) {
+      const totalMs = performance.now() - perfStart;
+      this.lastRenderPerf = {
+        totalMs,
+        renderAndMapMs,
+        applySelectionMs,
+        didUpdateDom: needsUpdate,
+        blockCount: this.state.doc.blocks.length,
+        runCount: map.runs.length
+      };
     }
     this.updatePlaceholder();
     this.scheduleOverlayUpdate();
@@ -7425,22 +8336,31 @@ class CakeEngine {
         this.suppressSelectionChange = false;
         return;
       }
-      const hit2 = this.pendingClickHit ?? this.hitTestFromClientPoint(event.clientX, event.clientY);
-      this.pendingClickHit = null;
-      if (hit2) {
+      const pendingHit = this.pendingClickHit;
+      const selection = this.state.selection;
+      if (pendingHit && selection.start !== selection.end) {
         const newSelection = {
-          start: hit2.cursorOffset,
-          end: hit2.cursorOffset,
-          affinity: hit2.affinity
+          start: pendingHit.cursorOffset,
+          end: pendingHit.cursorOffset,
+          affinity: pendingHit.affinity
         };
+        this.pendingClickHit = null;
+        this.suppressSelectionChange = true;
         this.state = this.runtime.updateSelection(this.state, newSelection, {
           kind: "dom"
         });
         this.applySelection(this.state.selection);
         (_b = this.onSelectionChange) == null ? void 0 : _b.call(this, this.state.selection);
         this.scheduleOverlayUpdate();
+        setTimeout(() => {
+          this.suppressSelectionChange = false;
+        }, 0);
+        return;
       }
-      this.suppressSelectionChange = false;
+      this.pendingClickHit = null;
+      setTimeout(() => {
+        this.suppressSelectionChange = false;
+      }, 0);
       return;
     }
     this.pendingClickHit = null;
@@ -7767,6 +8687,13 @@ class CakeEngine {
     }
     event.preventDefault();
     clipboardData.setData("text/plain", text);
+    const html = this.runtime.serializeSelectionToHtml(
+      this.state,
+      this.state.selection
+    );
+    if (html) {
+      clipboardData.setData("text/html", html);
+    }
   }
   handleCut(event) {
     if (this.readOnly) {
@@ -7811,7 +8738,7 @@ class CakeEngine {
       if (!command) {
         continue;
       }
-      if (command.type === "insert" || command.type === "insert-line-break" || command.type === "delete-backward" || command.type === "delete-forward") {
+      if (isApplyEditCommand(command)) {
         this.applyEdit(command);
       } else {
         this.executeCommand(command);
@@ -8331,6 +9258,39 @@ class CakeEngine {
       return { start: target, end: target, affinity: direction };
     }
     const currentPos = selection.start;
+    const currentAffinity = selection.affinity ?? "forward";
+    const measurement = this.getLayoutForNavigation();
+    if (measurement) {
+      const { lines, layout } = measurement;
+      const { rowStart, rowEnd } = getVisualRowBoundaries({
+        lines,
+        layout,
+        offset: currentPos,
+        affinity: currentAffinity
+      });
+      if (direction === "backward" && currentPos === rowStart && currentAffinity === "forward" && currentPos > 0) {
+        const prevBoundaries = getVisualRowBoundaries({
+          lines,
+          layout,
+          offset: currentPos,
+          affinity: "backward"
+        });
+        if (prevBoundaries.rowEnd !== rowEnd || prevBoundaries.rowStart !== rowStart) {
+          return { start: currentPos, end: currentPos, affinity: "backward" };
+        }
+      }
+      if (direction === "forward" && currentPos === rowEnd && currentAffinity === "backward" && currentPos < this.state.map.cursorLength) {
+        const nextBoundaries = getVisualRowBoundaries({
+          lines,
+          layout,
+          offset: currentPos,
+          affinity: "forward"
+        });
+        if (nextBoundaries.rowEnd !== rowEnd || nextBoundaries.rowStart !== rowStart) {
+          return { start: currentPos, end: currentPos, affinity: "forward" };
+        }
+      }
+    }
     const nextPos = this.moveOffsetByChar(currentPos, direction);
     if (nextPos === null) {
       return null;
@@ -9020,6 +9980,7 @@ class CakeEngine {
     }
     this.overlayUpdateId = window.requestAnimationFrame(() => {
       this.overlayUpdateId = null;
+      this.updateExtensionsOverlayPosition();
       this.updateSelectionOverlay();
     });
   }
@@ -9049,12 +10010,34 @@ class CakeEngine {
     overlay.style.zIndex = "2";
     const caret = document.createElement("div");
     caret.className = "cake-caret";
+    caret.style.position = "absolute";
     caret.style.display = "none";
     overlay.append(caret);
     this.overlayRoot = overlay;
     this.caretElement = caret;
+    this.selectionRectElements = [];
+    this.lastSelectionRects = null;
     return overlay;
   }
+  selectionRectsEqual(prev, next) {
+    if (!prev) {
+      return false;
+    }
+    if (prev.length !== next.length) {
+      return false;
+    }
+    for (let index = 0; index < prev.length; index += 1) {
+      const a = prev[index];
+      const b = next[index];
+      if (!a || !b) {
+        return false;
+      }
+      if (a.top !== b.top || a.left !== b.left || a.width !== b.width || a.height !== b.height) {
+        return false;
+      }
+    }
+    return true;
+  }
   ensureExtensionsRoot() {
     if (this.extensionsRoot) {
       return this.extensionsRoot;
@@ -9076,8 +10059,8 @@ class CakeEngine {
     if (!this.extensionsRoot) {
       return;
     }
-    const scrollTop = this.container.scrollTop;
-    const scrollLeft = this.container.scrollLeft;
+    const scrollTop = Math.max(0, this.container.scrollTop);
+    const scrollLeft = Math.max(0, this.container.scrollLeft);
     if (scrollTop === 0 && scrollLeft === 0) {
       this.extensionsRoot.style.transform = "";
       return;
@@ -9115,21 +10098,34 @@ class CakeEngine {
     if (!this.overlayRoot || !this.caretElement) {
       return;
     }
-    const existing = Array.from(
-      this.overlayRoot.querySelectorAll(".cake-selection-rect")
-    );
-    existing.forEach((node) => node.remove());
-    const fragment = document.createDocumentFragment();
-    rects.forEach((rect) => {
-      const element = document.createElement("div");
-      element.className = "cake-selection-rect";
+    if (this.selectionRectsEqual(this.lastSelectionRects, rects)) {
+      return;
+    }
+    this.lastSelectionRects = rects;
+    while (this.selectionRectElements.length > rects.length) {
+      const element = this.selectionRectElements.pop();
+      element == null ? void 0 : element.remove();
+    }
+    if (this.selectionRectElements.length < rects.length) {
+      const fragment = document.createDocumentFragment();
+      while (this.selectionRectElements.length < rects.length) {
+        const element = document.createElement("div");
+        element.className = "cake-selection-rect";
+        fragment.append(element);
+        this.selectionRectElements.push(element);
+      }
+      this.overlayRoot.insertBefore(fragment, this.caretElement);
+    }
+    rects.forEach((rect, index) => {
+      const element = this.selectionRectElements[index];
+      if (!element) {
+        return;
+      }
       element.style.top = `${rect.top}px`;
       element.style.left = `${rect.left}px`;
       element.style.width = `${rect.width}px`;
       element.style.height = `${rect.height}px`;
-      fragment.append(element);
     });
-    this.overlayRoot.insertBefore(fragment, this.caretElement);
   }
   updateCaret(position) {
     if (!this.caretElement) {
@@ -9296,7 +10292,7 @@ class CakeEngine {
     return { cursorOffset: cursor.cursorOffset, affinity: "backward" };
   }
   handlePointerDown(event) {
-    var _a;
+    var _a, _b, _c;
     if (!this.isEventTargetInContentRoot(event.target)) {
       return;
     }
@@ -9361,13 +10357,51 @@ class CakeEngine {
         }
       }
     }
-    if (selection.start === selection.end && !event.shiftKey) {
-      this.suppressSelectionChange = true;
+    if (!event.shiftKey) {
       const hit2 = this.hitTestFromClientPoint(event.clientX, event.clientY);
-      if (hit2) {
+      if (!hit2) {
+        return;
+      }
+      if (selection.start !== selection.end) {
+        const selStart2 = Math.min(selection.start, selection.end);
+        const selEnd2 = Math.max(selection.start, selection.end);
+        const clickedInsideSelection2 = hit2.cursorOffset >= selStart2 && hit2.cursorOffset <= selEnd2;
+        if (clickedInsideSelection2) {
+          this.suppressSelectionChange = false;
+          this.blockTrustedTextDrag = true;
+          this.pendingClickHit = hit2;
+        } else {
+          this.suppressSelectionChange = true;
+          this.pendingClickHit = hit2;
+          const newSelection = {
+            start: hit2.cursorOffset,
+            end: hit2.cursorOffset,
+            affinity: hit2.affinity
+          };
+          this.state = this.runtime.updateSelection(this.state, newSelection, {
+            kind: "dom"
+          });
+          this.applySelection(this.state.selection);
+          (_b = this.onSelectionChange) == null ? void 0 : _b.call(this, this.state.selection);
+          this.scheduleOverlayUpdate();
+          return;
+        }
+      } else {
+        this.suppressSelectionChange = true;
         this.pendingClickHit = hit2;
+        const newSelection = {
+          start: hit2.cursorOffset,
+          end: hit2.cursorOffset,
+          affinity: hit2.affinity
+        };
+        this.state = this.runtime.updateSelection(this.state, newSelection, {
+          kind: "dom"
+        });
+        this.applySelection(this.state.selection);
+        (_c = this.onSelectionChange) == null ? void 0 : _c.call(this, this.state.selection);
+        this.scheduleOverlayUpdate();
+        return;
       }
-      return;
     }
     this.suppressSelectionChange = false;
     const selStart = Math.min(selection.start, selection.end);
@@ -9479,10 +10513,6 @@ class CakeEngine {
   }
   handlePointerUp(event) {
     this.blockTrustedTextDrag = false;
-    if (this.pendingClickHit) {
-      this.pendingClickHit = null;
-      this.suppressSelectionChange = false;
-    }
     if (this.selectionDragState) {
       if (event.pointerId !== this.selectionDragState.pointerId) {
         return;
@@ -9982,7 +11012,7 @@ function findOffsetInTextNode(textNode, clientX, clientY) {
   let closestDistance = Infinity;
   let closestYDistance = Infinity;
   let closestCaretX = 0;
-  let closestRowTop = 0;
+  let selectedViaRightEdge = false;
   const rowInfo = /* @__PURE__ */ new Map();
   const range = document.createRange();
   let lastCharRect = null;
@@ -10051,15 +11081,28 @@ function findOffsetInTextNode(textNode, clientX, clientY) {
         closestDistance = xDistance;
         closestOffset = i;
         closestCaretX = caretX;
-        closestRowTop = bestRect.top;
+        bestRect.top;
         closestYDistance = yDistance;
+        selectedViaRightEdge = false;
+      }
+      if (i < text.length) {
+        const rightEdgeX = bestRect.right;
+        const rightEdgeDistance = Math.abs(clientX - rightEdgeX);
+        if (rightEdgeDistance < closestDistance) {
+          closestDistance = rightEdgeDistance;
+          closestOffset = i + 1;
+          closestCaretX = rightEdgeX;
+          bestRect.top;
+          closestYDistance = yDistance;
+          selectedViaRightEdge = true;
+        }
       }
     } else if (yDistance < closestYDistance || yDistance === closestYDistance && xDistance < closestDistance) {
       closestYDistance = yDistance;
       closestDistance = xDistance;
       closestOffset = i;
       closestCaretX = caretX;
-      closestRowTop = bestRect.top;
+      bestRect.top;
     }
   }
   let closestRow = null;
@@ -10084,11 +11127,11 @@ function findOffsetInTextNode(textNode, clientX, clientY) {
     if (clientX < closestRow.left) {
       closestOffset = closestRow.startOffset;
       closestCaretX = closestRow.left;
-      closestRowTop = closestRow.top;
+      closestRow.top;
     } else if (clientX > closestRow.right) {
-      closestOffset = closestRow.endOffset;
+      closestOffset = Math.min(closestRow.endOffset + 1, text.length);
       closestCaretX = closestRow.right;
-      closestRowTop = closestRow.top;
+      closestRow.top;
     } else if (clientY < closestRow.top || clientY > closestRow.bottom) {
       let bestXDistance = Infinity;
       const range2 = document.createRange();
@@ -10108,12 +11151,12 @@ function findOffsetInTextNode(textNode, clientX, clientY) {
           bestXDistance = xDist;
           closestOffset = i;
           closestCaretX = rect.left;
-          closestRowTop = closestRow.top;
+          closestRow.top;
         }
       }
     }
   }
-  const pastRowEnd = closestRow !== null && clientX > closestRow.right && Math.abs(clientY - closestRowTop) < 1;
+  const pastRowEnd = selectedViaRightEdge || closestRow !== null && clientX > closestRow.right;
   if (Math.abs(clientX - closestCaretX) <= 2 && closestOffset < text.length && text[closestOffset] === "\n") {
     closestOffset = Math.max(0, closestOffset - 1);
   }
@@ -10566,8 +11609,9 @@ const CakeEditor = require$$0.forwardRef(
     const lastEmittedSelectionRef = require$$0.useRef(null);
     const [overlayRoot, setOverlayRoot] = require$$0.useState(null);
     const [contentRoot, setContentRoot] = require$$0.useState(null);
+    const baseExtensions = props.disableImageExtension ? bundledExtensionsWithoutImage : bundledExtensions;
     const allExtensionsRef = require$$0.useRef([
-      ...bundledExtensions,
+      ...baseExtensions,
       ...props.extensions ?? []
     ]);
     require$$0.useEffect(() => {
@@ -10725,6 +11769,10 @@ const CakeEditor = require$$0.forwardRef(
           }
           return { start: selection.start, end: selection.end };
         },
+        getCursorLength: () => {
+          var _a;
+          return ((_a = engineRef.current) == null ? void 0 : _a.getCursorLength()) ?? 0;
+        },
         insertText: (text) => {
           var _a;
           (_a = engineRef.current) == null ? void 0 : _a.insertText(text);
@@ -10740,10 +11788,10 @@ const CakeEditor = require$$0.forwardRef(
       containerStyle.position = "relative";
     }
     const containerClassName = props.className ? `cake ${props.className}` : "cake";
-    const overlayContext = overlayRoot && containerRef.current && contentRoot ? {
+    const overlayContext = containerRef.current && contentRoot ? {
       container: containerRef.current,
       contentRoot,
-      overlayRoot,
+      overlayRoot: overlayRoot ?? void 0,
       toOverlayRect: (rect) => {
         var _a;
         const containerRect = (_a = containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
@@ -10778,10 +11826,17 @@ const CakeEditor = require$$0.forwardRef(
         }
         const focus = selection.start === selection.end ? selection.start : Math.max(selection.start, selection.end);
         return { start: focus, end: focus };
+      },
+      executeCommand: (command) => {
+        var _a;
+        return ((_a = engineRef.current) == null ? void 0 : _a.executeCommand(command)) ?? false;
       }
     } : null;
-    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    const hasOverlayExtensions = allExtensionsRef.current.some(
+      (ext) => ext.renderOverlay
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { position: "relative", height: "100%" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           ref: containerRef,
@@ -10792,35 +11847,12 @@ const CakeEditor = require$$0.forwardRef(
             var _a;
             (_a = props.onBlur) == null ? void 0 : _a.call(props, event.nativeEvent);
           }
-        },
-        void 0,
-        false,
-        {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/react/CakeEditor.tsx",
-          lineNumber: 351,
-          columnNumber: 9
-        },
-        this
+        }
       ),
-      overlayRoot && overlayContext ? reactDom.createPortal(
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: allExtensionsRef.current.map(
-          (extension) => extension.renderOverlay ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(require$$0.Fragment, { children: extension.renderOverlay(overlayContext) }, extension.name, false, {
-            fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/react/CakeEditor.tsx",
-            lineNumber: 365,
-            columnNumber: 21
-          }, this) : null
-        ) }, void 0, false, {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/react/CakeEditor.tsx",
-          lineNumber: 362,
-          columnNumber: 15
-        }, this),
-        overlayRoot
+      overlayContext && hasOverlayExtensions ? allExtensionsRef.current.map(
+        (extension) => extension.renderOverlay ? /* @__PURE__ */ jsxRuntimeExports.jsx(require$$0.Fragment, { children: extension.renderOverlay(overlayContext) }, extension.name) : null
       ) : null
-    ] }, void 0, true, {
-      fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/react/CakeEditor.tsx",
-      lineNumber: 350,
-      columnNumber: 7
-    }, this);
+    ] });
   }
 );
 CakeEditor.displayName = "CakeEditor";
@@ -10829,6 +11861,7 @@ exports.CakeEngine = CakeEngine;
 exports.blockquoteExtension = blockquoteExtension;
 exports.boldExtension = boldExtension;
 exports.bundledExtensions = bundledExtensions;
+exports.bundledExtensionsWithoutImage = bundledExtensionsWithoutImage;
 exports.combinedEmphasisExtension = combinedEmphasisExtension;
 exports.headingExtension = headingExtension;
 exports.imageExtension = imageExtension;