@researai/deepscientist 1.5.15 → 1.5.17

package/src/ui/dist/assets/NotebookEditor-7Qm2rSWD.js

@@ -1,4214 +0,0 @@
-import { w as createLucideIcon, j as jsxRuntimeExports, aO as Button, m as ChevronDown, d as Check, b as cn, r as reactExports, bx as ArrowLeft, c6 as ArrowRight, c7 as Separator, c8 as ArrowUp, c9 as Trash2, u as useI18n, o as useToast, V as getFileContent, L as LoaderCircle, e as Copy, C as CircleAlert, f as useFileTreeStore, a7 as getQuestMarkdownContextFromFileId, ca as rewriteQuestMarkdownForDisplay, cb as rewriteQuestMarkdownForSave, cc as uploadQuestDocumentAsset, U as updateFileContent } from './index-D_E4281X.js';
-import { P as PluginKey, a as Plugin, S as Slice, F as Fragment, T as TextSelection, A as AllSelection, N as NodeSelection, E as Extension, m as me, l as le, u as useCurrentEditor, w, b as P, f as findParentNodeClosestToPos, g as getEditorMarkdown, s as setEditorMarkdown, q, c as uploadNotebookAsset, r as resolveNotebookAssetUrl, d as defaultExtensions, J, U, I, e as T, B, O, h as S, K as K$1, G, i as ce, j as isSupportedNotebookAsset } from './NotebookEditor-C1kWaxKi.js';
-import { a4 as BIT8, ai as BIT30, ab as min, $ as max, y as unexpectedCase, n as methodUnimplemented, aj as keys, u as every, H as setIfUndefined, D as create } from './function-B5QZkkHC.js';
-import { t as toBase64, e as encodeAny, i as isBrowser, d as doc, s as snapshot, D as Doc, a as applyUpdateV2, f as findIndexSS, b as iterateDeletedStructs, c as typeListToArraySnapshot, S as Snapshot, U as UndoManager, g as createSnapshot, h as isDeleted, Y as YXmlElement, j as YXmlText, k as YText, o as oneOf, C as ContentString, l as ContentFormat, m as createDeleteSet, I as Item, n as createRelativePositionFromTypeIndex, R as RelativePosition, p as findRootTypeKey, q as createID, r as createAbsolutePositionFromRelativePosition, u as isParentOf, v as ContentType, w as encodeStateVector, x as applyUpdate, y as mergeUpdates } from './yjs-DncrqiZ8.js';
-import { P as ProjectSyncClient } from './project-sync-C_ygLlVU.js';
-import { S as SquareCheckBig } from './square-check-big-uUfyVsbD.js';
-import { C as Code } from './code-B20Slj_w.js';
-import { I as Image } from './image-DSeR_sDS.js';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from './popover-D3Gg_FoV.js';
-import { T as Trash, A as ArrowDown } from './trash-CXvwwSe8.js';
-import { S as Sigma } from './sigma-DEccaSgk.js';
-import { u as useFileDiffOverlay } from './useFileDiffOverlay-B8eUAX0I.js';
-import { F as FileDiffPanel } from './file-diff-panel-DK13YPql.js';
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$f = [
-  [
-    "path",
-    { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
-  ]
-];
-const Bold = createLucideIcon("bold", __iconNode$f);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$e = [
-  ["path", { d: "M4 12h8", key: "17cfdx" }],
-  ["path", { d: "M4 18V6", key: "1rz3zl" }],
-  ["path", { d: "M12 18V6", key: "zqpxq5" }],
-  ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
-];
-const Heading1 = createLucideIcon("heading-1", __iconNode$e);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$d = [
-  ["path", { d: "M4 12h8", key: "17cfdx" }],
-  ["path", { d: "M4 18V6", key: "1rz3zl" }],
-  ["path", { d: "M12 18V6", key: "zqpxq5" }],
-  ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
-];
-const Heading2 = createLucideIcon("heading-2", __iconNode$d);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$c = [
-  ["path", { d: "M4 12h8", key: "17cfdx" }],
-  ["path", { d: "M4 18V6", key: "1rz3zl" }],
-  ["path", { d: "M12 18V6", key: "zqpxq5" }],
-  ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
-  ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
-];
-const Heading3 = createLucideIcon("heading-3", __iconNode$c);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$b = [
-  ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
-  ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
-  ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
-];
-const Italic = createLucideIcon("italic", __iconNode$b);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$a = [
-  ["path", { d: "M10 12h11", key: "6m4ad9" }],
-  ["path", { d: "M10 18h11", key: "11hvi2" }],
-  ["path", { d: "M10 6h11", key: "c7qv1k" }],
-  ["path", { d: "M4 10h2", key: "16xx2s" }],
-  ["path", { d: "M4 6h1v4", key: "cnovpq" }],
-  ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
-];
-const ListOrdered = createLucideIcon("list-ordered", __iconNode$a);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$9 = [
-  ["path", { d: "M3 12h.01", key: "nlz23k" }],
-  ["path", { d: "M3 18h.01", key: "1tta3j" }],
-  ["path", { d: "M3 6h.01", key: "1rqtza" }],
-  ["path", { d: "M8 12h13", key: "1za7za" }],
-  ["path", { d: "M8 18h13", key: "1lx6n3" }],
-  ["path", { d: "M8 6h13", key: "ik3vkj" }]
-];
-const List = createLucideIcon("list", __iconNode$9);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$8 = [
-  ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
-  ["path", { d: "M12 7v6", key: "lw1j43" }],
-  ["path", { d: "M9 10h6", key: "9gxzsh" }]
-];
-const MessageSquarePlus = createLucideIcon("message-square-plus", __iconNode$8);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$7 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-const Minus = createLucideIcon("minus", __iconNode$7);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$6 = [
-  ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
-  ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
-  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
-];
-const Strikethrough = createLucideIcon("strikethrough", __iconNode$6);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$5 = [
-  [
-    "path",
-    {
-      d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18",
-      key: "gugj83"
-    }
-  ]
-];
-const Table2 = createLucideIcon("table-2", __iconNode$5);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$4 = [
-  ["path", { d: "M17 6H3", key: "16j9eg" }],
-  ["path", { d: "M21 12H8", key: "scolzb" }],
-  ["path", { d: "M21 18H8", key: "1wfozv" }],
-  ["path", { d: "M3 12v6", key: "fv4c87" }]
-];
-const TextQuote = createLucideIcon("text-quote", __iconNode$4);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$3 = [
-  ["path", { d: "M15 18H3", key: "olowqp" }],
-  ["path", { d: "M17 6H3", key: "16j9eg" }],
-  ["path", { d: "M21 12H3", key: "2avoz0" }]
-];
-const Text = createLucideIcon("text", __iconNode$3);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$2 = [
-  [
-    "path",
-    {
-      d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z",
-      key: "pff0z6"
-    }
-  ]
-];
-const Twitter = createLucideIcon("twitter", __iconNode$2);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$1 = [
-  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
-  ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
-];
-const Underline = createLucideIcon("underline", __iconNode$1);
-
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  [
-    "path",
-    {
-      d: "M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17",
-      key: "1q2vi4"
-    }
-  ],
-  ["path", { d: "m10 15 5-3-5-3z", key: "1jp15x" }]
-];
-const Youtube = createLucideIcon("youtube", __iconNode);
-
-/* global requestIdleCallback, requestAnimationFrame, cancelIdleCallback, cancelAnimationFrame */
-
-
-/**
- * @typedef {Object} TimeoutObject
- * @property {function} TimeoutObject.destroy
- */
-
-/**
- * @param {function(number):void} clearFunction
- */
-const createTimeoutClass = clearFunction => class TT {
-  /**
-   * @param {number} timeoutId
-   */
-  constructor (timeoutId) {
-    this._ = timeoutId;
-  }
-
-  destroy () {
-    clearFunction(this._);
-  }
-};
-
-const Timeout = createTimeoutClass(clearTimeout);
-
-/**
- * @param {number} timeout
- * @param {function} callback
- * @return {TimeoutObject}
- */
-const timeout = (timeout, callback) => new Timeout(setTimeout(callback, timeout));
-
-/**
- * Mutual exclude for JavaScript.
- *
- * @module mutex
- */
-
-/**
- * @callback mutex
- * @param {function():void} cb Only executed when this mutex is not in the current stack
- * @param {function():void} [elseCb] Executed when this mutex is in the current stack
- */
-
-/**
- * Creates a mutual exclude function with the following property:
- *
- * ```js
- * const mutex = createMutex()
- * mutex(() => {
- *   // This function is immediately executed
- *   mutex(() => {
- *     // This function is not executed, as the mutex is already active.
- *   })
- * })
- * ```
- *
- * @return {mutex} A mutual exclude function
- * @public
- */
-const createMutex = () => {
-  let token = true;
-  return (f, g) => {
-    if (token) {
-      token = false;
-      try {
-        f();
-      } finally {
-        token = true;
-      }
-    } else if (g !== undefined) {
-      g();
-    }
-  }
-};
-
-/**
- * Efficient diffs.
- *
- * @module diff
- */
-
-
-/**
- * A SimpleDiff describes a change on a String.
- *
- * ```js
- * console.log(a) // the old value
- * console.log(b) // the updated value
- * // Apply changes of diff (pseudocode)
- * a.remove(diff.index, diff.remove) // Remove `diff.remove` characters
- * a.insert(diff.index, diff.insert) // Insert `diff.insert`
- * a === b // values match
- * ```
- *
- * @template {string|Array<any>} T
- * @typedef {Object} SimpleDiff
- * @property {Number} index The index where changes were applied
- * @property {Number} remove The number of characters to delete starting
- *                                  at `index`.
- * @property {T} insert The new text to insert at `index` after applying
- */
-
-const highSurrogateRegex = /[\uD800-\uDBFF]/;
-const lowSurrogateRegex = /[\uDC00-\uDFFF]/;
-
-/**
- * Create a diff between two strings. This diff implementation is highly
- * efficient, but not very sophisticated.
- *
- * @function
- *
- * @param {string} a The old version of the string
- * @param {string} b The updated version of the string
- * @return {SimpleDiff<string>} The diff description.
- */
-const simpleDiffString = (a, b) => {
-  let left = 0; // number of same characters counting from left
-  let right = 0; // number of same characters counting from right
-  while (left < a.length && left < b.length && a[left] === b[left]) {
-    left++;
-  }
-  // If the last same character is a high surrogate, we need to rollback to the previous character
-  if (left > 0 && highSurrogateRegex.test(a[left - 1])) left--;
-  while (right + left < a.length && right + left < b.length && a[a.length - right - 1] === b[b.length - right - 1]) {
-    right++;
-  }
-  // If the last same character is a low surrogate, we need to rollback to the previous character
-  if (right > 0 && lowSurrogateRegex.test(a[a.length - right])) right--;
-  return {
-    index: left,
-    remove: a.length - left - right,
-    insert: b.slice(left, b.length - right)
-  }
-};
-
-/**
- * @todo Remove in favor of simpleDiffString
- * @deprecated
- */
-const simpleDiff = simpleDiffString;
-
-/**
- * The unique prosemirror plugin key for syncPlugin
- *
- * @public
- */
-const ySyncPluginKey = new PluginKey('y-sync');
-
-/**
- * The unique prosemirror plugin key for undoPlugin
- *
- * @public
- * @type {PluginKey<import('./undo-plugin').UndoPluginState>}
- */
-const yUndoPluginKey = new PluginKey('y-undo');
-
-/**
- * The unique prosemirror plugin key for cursorPlugin
- *
- * @public
- */
-new PluginKey('yjs-cursor');
-
-/**
- * @module sha256
- * Spec: https://nvlpubs.nist.gov/nistpubs/FIPS/NIST.FIPS.180-4.pdf
- * Resources:
- * - https://web.archive.org/web/20150315061807/http://csrc.nist.gov/groups/STM/cavp/documents/shs/sha256-384-512.pdf
- */
-
-
-/**
- * @param {number} w - a 32bit uint
- * @param {number} shift
- */
-const rotr = (w, shift) => (w >>> shift) | (w << (32 - shift));
-
-/**
- * Helper for SHA-224 & SHA-256. See 4.1.2.
- * @param {number} x
- */
-const sum0to256 = x => rotr(x, 2) ^ rotr(x, 13) ^ rotr(x, 22);
-
-/**
- * Helper for SHA-224 & SHA-256. See 4.1.2.
- * @param {number} x
- */
-const sum1to256 = x => rotr(x, 6) ^ rotr(x, 11) ^ rotr(x, 25);
-
-/**
- * Helper for SHA-224 & SHA-256. See 4.1.2.
- * @param {number} x
- */
-const sigma0to256 = x => rotr(x, 7) ^ rotr(x, 18) ^ x >>> 3;
-
-/**
- * Helper for SHA-224 & SHA-256. See 4.1.2.
- * @param {number} x
- */
-const sigma1to256 = x => rotr(x, 17) ^ rotr(x, 19) ^ x >>> 10;
-
-// @todo don't init these variables globally
-
-/**
- * See 4.2.2: Constant for sha256 & sha224
- * These words represent the first thirty-two bits of the fractional parts of
- * the cube roots of the first sixty-four prime numbers. In hex, these constant words are (from left to
- * right)
- */
-const K = new Uint32Array([
-  0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, 0x59f111f1, 0x923f82a4, 0xab1c5ed5,
-  0xd807aa98, 0x12835b01, 0x243185be, 0x550c7dc3, 0x72be5d74, 0x80deb1fe, 0x9bdc06a7, 0xc19bf174,
-  0xe49b69c1, 0xefbe4786, 0x0fc19dc6, 0x240ca1cc, 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da,
-  0x983e5152, 0xa831c66d, 0xb00327c8, 0xbf597fc7, 0xc6e00bf3, 0xd5a79147, 0x06ca6351, 0x14292967,
-  0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, 0x53380d13, 0x650a7354, 0x766a0abb, 0x81c2c92e, 0x92722c85,
-  0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819, 0xd6990624, 0xf40e3585, 0x106aa070,
-  0x19a4c116, 0x1e376c08, 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a, 0x5b9cca4f, 0x682e6ff3,
-  0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, 0x90befffa, 0xa4506ceb, 0xbef9a3f7, 0xc67178f2
-]);
-
-/**
- * See 5.3.3. Initial hash value.
- *
- * These words were obtained by taking the first thirty-two bits of the fractional parts of the
- * square roots of the first eight prime numbers.
- *
- * @todo shouldn't be a global variable
- */
-const HINIT = new Uint32Array([
-  0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c, 0x1f83d9ab, 0x5be0cd19
-]);
-
-// time to beat: (large value < 4.35s)
-
-class Hasher {
-  constructor () {
-    const buf = new ArrayBuffer(64 + 64 * 4);
-    // Init working variables using a single arraybuffer
-    this._H = new Uint32Array(buf, 0, 8);
-    this._H.set(HINIT);
-    // "Message schedule" - a working variable
-    this._W = new Uint32Array(buf, 64, 64);
-  }
-
-  _updateHash () {
-    const H = this._H;
-    const W = this._W;
-    for (let t = 16; t < 64; t++) {
-      W[t] = sigma1to256(W[t - 2]) + W[t - 7] + sigma0to256(W[t - 15]) + W[t - 16];
-    }
-    let a = H[0];
-    let b = H[1];
-    let c = H[2];
-    let d = H[3];
-    let e = H[4];
-    let f = H[5];
-    let g = H[6];
-    let h = H[7];
-    for (let tt = 0, T1, T2; tt < 64; tt++) {
-      T1 = (h + sum1to256(e) + ((e & f) ^ (~e & g)) + K[tt] + W[tt]) >>> 0;
-      T2 = (sum0to256(a) + ((a & b) ^ (a & c) ^ (b & c))) >>> 0;
-      h = g;
-      g = f;
-      f = e;
-      e = (d + T1) >>> 0;
-      d = c;
-      c = b;
-      b = a;
-      a = (T1 + T2) >>> 0;
-    }
-    H[0] += a;
-    H[1] += b;
-    H[2] += c;
-    H[3] += d;
-    H[4] += e;
-    H[5] += f;
-    H[6] += g;
-    H[7] += h;
-  }
-
-  /**
-   * Returns a 32-byte hash.
-   *
-   * @param {Uint8Array} data
-   */
-  digest (data) {
-    let i = 0;
-    for (; i + 56 <= data.length;) {
-      // write data in big endianess
-      let j = 0;
-      for (; j < 16 && i + 3 < data.length; j++) {
-        this._W[j] = data[i++] << 24 | data[i++] << 16 | data[i++] << 8 | data[i++];
-      }
-      if (i % 64 !== 0) { // there is still room to write partial content and the ending bit.
-        this._W.fill(0, j, 16);
-        while (i < data.length) {
-          this._W[j] |= data[i] << ((3 - (i % 4)) * 8);
-          i++;
-        }
-        this._W[j] |= BIT8 << ((3 - (i % 4)) * 8);
-      }
-      this._updateHash();
-    }
-    // same check as earlier - the ending bit has been written
-    const isPaddedWith1 = i % 64 !== 0;
-    this._W.fill(0, 0, 16);
-    let j = 0;
-    for (; i < data.length; j++) {
-      for (let ci = 3; ci >= 0 && i < data.length; ci--) {
-        this._W[j] |= data[i++] << (ci * 8);
-      }
-    }
-    // Write padding of the message. See 5.1.2.
-    if (!isPaddedWith1) {
-      this._W[j - (i % 4 === 0 ? 0 : 1)] |= BIT8 << ((3 - (i % 4)) * 8);
-    }
-    // write length of message (size in bits) as 64 bit uint
-    // @todo test that this works correctly
-    this._W[14] = data.byteLength / BIT30; // same as data.byteLength >>> 30 - but works on floats
-    this._W[15] = data.byteLength * 8;
-    this._updateHash();
-    // correct H endianness to use big endiannes and return a Uint8Array
-    const dv = new Uint8Array(32);
-    for (let i = 0; i < this._H.length; i++) {
-      for (let ci = 0; ci < 4; ci++) {
-        dv[i * 4 + ci] = this._H[i] >>> (3 - ci) * 8;
-      }
-    }
-    return dv
-  }
-}
-
-/**
- * Returns a 32-byte hash.
- *
- * @param {Uint8Array} data
- */
-const digest = data => new Hasher().digest(data);
-
-/**
- * Custom function to transform sha256 hash to N byte
- *
- * @param {Uint8Array} digest
- */
-const _convolute = digest => {
-  const N = 6;
-  for (let i = N; i < digest.length; i++) {
-    digest[i % N] = digest[i % N] ^ digest[i];
-  }
-  return digest.slice(0, N)
-};
-
-/**
- * @param {any} json
- */
-const hashOfJSON = (json) => toBase64(_convolute(digest(encodeAny(json))));
-
-/**
- * @module bindings/prosemirror
- */
-
-
-/**
- * @param {Y.Item} item
- * @param {Y.Snapshot} [snapshot]
- */
-const isVisible = (item, snapshot) =>
-  snapshot === undefined
-    ? !item.deleted
-    : (snapshot.sv.has(item.id.client) && /** @type {number} */
-      (snapshot.sv.get(item.id.client)) > item.id.clock &&
-      !isDeleted(snapshot.ds, item.id));
-
-/**
- * Either a node if type is YXmlElement or an Array of text nodes if YXmlText
- * @typedef {Map<Y.AbstractType<any>, PModel.Node | Array<PModel.Node>>} ProsemirrorMapping
- */
-
-/**
- * @typedef {Object} ColorDef
- * @property {string} ColorDef.light
- * @property {string} ColorDef.dark
- */
-
-/**
- * @typedef {Object} YSyncOpts
- * @property {Array<ColorDef>} [YSyncOpts.colors]
- * @property {Map<string,ColorDef>} [YSyncOpts.colorMapping]
- * @property {Y.PermanentUserData|null} [YSyncOpts.permanentUserData]
- * @property {ProsemirrorMapping} [YSyncOpts.mapping]
- * @property {function} [YSyncOpts.onFirstRender] Fired when the content from Yjs is initially rendered to ProseMirror
- */
-
-/**
- * @type {Array<ColorDef>}
- */
-const defaultColors = [{ light: '#ecd44433', dark: '#ecd444' }];
-
-/**
- * @param {Map<string,ColorDef>} colorMapping
- * @param {Array<ColorDef>} colors
- * @param {string} user
- * @return {ColorDef}
- */
-const getUserColor = (colorMapping, colors, user) => {
-  // @todo do not hit the same color twice if possible
-  if (!colorMapping.has(user)) {
-    if (colorMapping.size < colors.length) {
-      const usedColors = create();
-      colorMapping.forEach((color) => usedColors.add(color));
-      colors = colors.filter((color) => !usedColors.has(color));
-    }
-    colorMapping.set(user, oneOf(colors));
-  }
-  return /** @type {ColorDef} */ (colorMapping.get(user))
-};
-
-/**
- * This plugin listens to changes in prosemirror view and keeps yXmlState and view in sync.
- *
- * This plugin also keeps references to the type and the shared document so other plugins can access it.
- * @param {Y.XmlFragment} yXmlFragment
- * @param {YSyncOpts} opts
- * @return {any} Returns a prosemirror plugin that binds to this type
- */
-const ySyncPlugin = (yXmlFragment, {
-  colors = defaultColors,
-  colorMapping = new Map(),
-  permanentUserData = null,
-  onFirstRender = () => {},
-  mapping
-} = {}) => {
-  let initialContentChanged = false;
-  const binding = new ProsemirrorBinding(yXmlFragment, mapping);
-  const plugin = new Plugin({
-    props: {
-      editable: (state) => {
-        const syncState = ySyncPluginKey.getState(state);
-        return syncState.snapshot == null && syncState.prevSnapshot == null
-      }
-    },
-    key: ySyncPluginKey,
-    state: {
-      /**
-       * @returns {any}
-       */
-      init: (_initargs, _state) => {
-        return {
-          type: yXmlFragment,
-          doc: yXmlFragment.doc,
-          binding,
-          snapshot: null,
-          prevSnapshot: null,
-          isChangeOrigin: false,
-          isUndoRedoOperation: false,
-          addToHistory: true,
-          colors,
-          colorMapping,
-          permanentUserData
-        }
-      },
-      apply: (tr, pluginState) => {
-        const change = tr.getMeta(ySyncPluginKey);
-        if (change !== undefined) {
-          pluginState = Object.assign({}, pluginState);
-          for (const key in change) {
-            pluginState[key] = change[key];
-          }
-        }
-        pluginState.addToHistory = tr.getMeta('addToHistory') !== false;
-        // always set isChangeOrigin. If undefined, this is not change origin.
-        pluginState.isChangeOrigin = change !== undefined &&
-          !!change.isChangeOrigin;
-        pluginState.isUndoRedoOperation = change !== undefined && !!change.isChangeOrigin && !!change.isUndoRedoOperation;
-        if (binding.prosemirrorView !== null) {
-          if (
-            change !== undefined &&
-            (change.snapshot != null || change.prevSnapshot != null)
-          ) {
-            // snapshot changed, rerender next
-            timeout(0, () => {
-              if (binding.prosemirrorView == null) {
-                return
-              }
-              if (change.restore == null) {
-                binding._renderSnapshot(
-                  change.snapshot,
-                  change.prevSnapshot,
-                  pluginState
-                );
-              } else {
-                binding._renderSnapshot(
-                  change.snapshot,
-                  change.snapshot,
-                  pluginState
-                );
-                // reset to current prosemirror state
-                delete pluginState.restore;
-                delete pluginState.snapshot;
-                delete pluginState.prevSnapshot;
-                binding.mux(() => {
-                  binding._prosemirrorChanged(
-                    binding.prosemirrorView.state.doc
-                  );
-                });
-              }
-            });
-          }
-        }
-        return pluginState
-      }
-    },
-    view: (view) => {
-      binding.initView(view);
-      if (mapping == null) {
-        // force rerender to update the bindings mapping
-        binding._forceRerender();
-      }
-      onFirstRender();
-      return {
-        update: () => {
-          const pluginState = plugin.getState(view.state);
-          if (
-            pluginState.snapshot == null && pluginState.prevSnapshot == null
-          ) {
-            if (
-              // If the content doesn't change initially, we don't render anything to Yjs
-              // If the content was cleared by a user action, we want to catch the change and
-              // represent it in Yjs
-              initialContentChanged ||
-              view.state.doc.content.findDiffStart(
-                view.state.doc.type.createAndFill().content
-              ) !== null
-            ) {
-              initialContentChanged = true;
-              if (
-                pluginState.addToHistory === false &&
-                !pluginState.isChangeOrigin
-              ) {
-                const yUndoPluginState = yUndoPluginKey.getState(view.state);
-                /**
-                 * @type {Y.UndoManager}
-                 */
-                const um = yUndoPluginState && yUndoPluginState.undoManager;
-                if (um) {
-                  um.stopCapturing();
-                }
-              }
-              binding.mux(() => {
-                /** @type {Y.Doc} */ (pluginState.doc).transact((tr) => {
-                  tr.meta.set('addToHistory', pluginState.addToHistory);
-                  binding._prosemirrorChanged(view.state.doc);
-                }, ySyncPluginKey);
-              });
-            }
-          }
-        },
-        destroy: () => {
-          binding.destroy();
-        }
-      }
-    }
-  });
-  return plugin
-};
-
-/**
- * @param {import('prosemirror-state').Transaction} tr
- * @param {ReturnType<typeof getRelativeSelection>} relSel
- * @param {ProsemirrorBinding} binding
- */
-const restoreRelativeSelection = (tr, relSel, binding) => {
-  if (relSel !== null && relSel.anchor !== null && relSel.head !== null) {
-    if (relSel.type === 'all') {
-      tr.setSelection(new AllSelection(tr.doc));
-    } else if (relSel.type === 'node') {
-      const anchor = relativePositionToAbsolutePosition(
-        binding.doc,
-        binding.type,
-        relSel.anchor,
-        binding.mapping
-      );
-      tr.setSelection(NodeSelection.create(tr.doc, anchor));
-    } else {
-      const anchor = relativePositionToAbsolutePosition(
-        binding.doc,
-        binding.type,
-        relSel.anchor,
-        binding.mapping
-      );
-      const head = relativePositionToAbsolutePosition(
-        binding.doc,
-        binding.type,
-        relSel.head,
-        binding.mapping
-      );
-      if (anchor !== null && head !== null) {
-        const sel = TextSelection.between(tr.doc.resolve(anchor), tr.doc.resolve(head));
-        tr.setSelection(sel);
-      }
-    }
-  }
-};
-
-/**
- * @param {ProsemirrorBinding} pmbinding
- * @param {import('prosemirror-state').EditorState} state
- */
-const getRelativeSelection = (pmbinding, state) => ({
-  type: /** @type {any} */ (state.selection).jsonID,
-  anchor: absolutePositionToRelativePosition(
-    state.selection.anchor,
-    pmbinding.type,
-    pmbinding.mapping
-  ),
-  head: absolutePositionToRelativePosition(
-    state.selection.head,
-    pmbinding.type,
-    pmbinding.mapping
-  )
-});
-
-/**
- * Binding for prosemirror.
- *
- * @protected
- */
-class ProsemirrorBinding {
-  /**
-   * @param {Y.XmlFragment} yXmlFragment The bind source
-   * @param {ProsemirrorMapping} mapping
-   */
-  constructor (yXmlFragment, mapping = new Map()) {
-    this.type = yXmlFragment;
-    /**
-     * this will be set once the view is created
-     * @type {any}
-     */
-    this.prosemirrorView = null;
-    this.mux = createMutex();
-    this.mapping = mapping;
-    /**
-     * Is overlapping mark - i.e. mark does not exclude itself.
-     *
-     * @type {Map<import('prosemirror-model').MarkType, boolean>}
-     */
-    this.isOMark = new Map();
-    this._observeFunction = this._typeChanged.bind(this);
-    /**
-     * @type {Y.Doc}
-     */
-    // @ts-ignore
-    this.doc = yXmlFragment.doc;
-    /**
-     * current selection as relative positions in the Yjs model
-     */
-    this.beforeTransactionSelection = null;
-    this.beforeAllTransactions = () => {
-      if (this.beforeTransactionSelection === null && this.prosemirrorView != null) {
-        this.beforeTransactionSelection = getRelativeSelection(
-          this,
-          this.prosemirrorView.state
-        );
-      }
-    };
-    this.afterAllTransactions = () => {
-      this.beforeTransactionSelection = null;
-    };
-    this._domSelectionInView = null;
-  }
-
-  /**
-   * Create a transaction for changing the prosemirror state.
-   *
-   * @returns
-   */
-  get _tr () {
-    return this.prosemirrorView.state.tr.setMeta('addToHistory', false)
-  }
-
-  _isLocalCursorInView () {
-    if (!this.prosemirrorView.hasFocus()) return false
-    if (isBrowser && this._domSelectionInView === null) {
-      // Calculate the domSelectionInView and clear by next tick after all events are finished
-      timeout(0, () => {
-        this._domSelectionInView = null;
-      });
-      this._domSelectionInView = this._isDomSelectionInView();
-    }
-    return this._domSelectionInView
-  }
-
-  _isDomSelectionInView () {
-    const selection = this.prosemirrorView._root.getSelection();
-
-    if (selection == null || selection.anchorNode == null) return false
-
-    const range = this.prosemirrorView._root.createRange();
-    range.setStart(selection.anchorNode, selection.anchorOffset);
-    range.setEnd(selection.focusNode, selection.focusOffset);
-
-    // This is a workaround for an edgecase where getBoundingClientRect will
-    // return zero values if the selection is collapsed at the start of a newline
-    // see reference here: https://stackoverflow.com/a/59780954
-    const rects = range.getClientRects();
-    if (rects.length === 0) {
-      // probably buggy newline behavior, explicitly select the node contents
-      if (range.startContainer && range.collapsed) {
-        range.selectNodeContents(range.startContainer);
-      }
-    }
-
-    const bounding = range.getBoundingClientRect();
-    const documentElement = doc.documentElement;
-
-    return bounding.bottom >= 0 && bounding.right >= 0 &&
-      bounding.left <=
-        (window.innerWidth || documentElement.clientWidth || 0) &&
-      bounding.top <= (window.innerHeight || documentElement.clientHeight || 0)
-  }
-
-  /**
-   * @param {Y.Snapshot} snapshot
-   * @param {Y.Snapshot} prevSnapshot
-   */
-  renderSnapshot (snapshot, prevSnapshot) {
-    if (!prevSnapshot) {
-      prevSnapshot = createSnapshot(createDeleteSet(), new Map());
-    }
-    this.prosemirrorView.dispatch(
-      this._tr.setMeta(ySyncPluginKey, { snapshot, prevSnapshot })
-    );
-  }
-
-  unrenderSnapshot () {
-    this.mapping.clear();
-    this.mux(() => {
-      const fragmentContent = this.type.toArray().map((t) =>
-        createNodeFromYElement(
-          /** @type {Y.XmlElement} */ (t),
-          this.prosemirrorView.state.schema,
-          this
-        )
-      ).filter((n) => n !== null);
-      // @ts-ignore
-      const tr = this._tr.replace(
-        0,
-        this.prosemirrorView.state.doc.content.size,
-        new Slice(Fragment.from(fragmentContent), 0, 0)
-      );
-      tr.setMeta(ySyncPluginKey, { snapshot: null, prevSnapshot: null });
-      this.prosemirrorView.dispatch(tr);
-    });
-  }
-
-  _forceRerender () {
-    this.mapping.clear();
-    this.mux(() => {
-      // If this is a forced rerender, this might neither happen as a pm change nor within a Yjs
-      // transaction. Then the "before selection" doesn't exist. In this case, we need to create a
-      // relative position before replacing content. Fixes #126
-      const sel = this.beforeTransactionSelection !== null ? null : this.prosemirrorView.state.selection;
-      const fragmentContent = this.type.toArray().map((t) =>
-        createNodeFromYElement(
-          /** @type {Y.XmlElement} */ (t),
-          this.prosemirrorView.state.schema,
-          this
-        )
-      ).filter((n) => n !== null);
-      // @ts-ignore
-      const tr = this._tr.replace(
-        0,
-        this.prosemirrorView.state.doc.content.size,
-        new Slice(Fragment.from(fragmentContent), 0, 0)
-      );
-      if (sel) {
-        /**
-         * If the Prosemirror document we just created from this.type is
-         * smaller than the previous document, the selection might be
-         * out of bound, which would make Prosemirror throw an error.
-         */
-        const clampedAnchor = min(max(sel.anchor, 0), tr.doc.content.size);
-        const clampedHead = min(max(sel.head, 0), tr.doc.content.size);
-
-        tr.setSelection(TextSelection.create(tr.doc, clampedAnchor, clampedHead));
-      }
-      this.prosemirrorView.dispatch(
-        tr.setMeta(ySyncPluginKey, { isChangeOrigin: true, binding: this })
-      );
-    });
-  }
-
-  /**
-   * @param {Y.Snapshot|Uint8Array} snapshot
-   * @param {Y.Snapshot|Uint8Array} prevSnapshot
-   * @param {Object} pluginState
-   */
-  _renderSnapshot (snapshot$1, prevSnapshot, pluginState) {
-    /**
-     * The document that contains the full history of this document.
-     * @type {Y.Doc}
-     */
-    let historyDoc = this.doc;
-    let historyType = this.type;
-    if (!snapshot$1) {
-      snapshot$1 = snapshot(this.doc);
-    }
-    if (snapshot$1 instanceof Uint8Array || prevSnapshot instanceof Uint8Array) {
-      if (!(snapshot$1 instanceof Uint8Array) || !(prevSnapshot instanceof Uint8Array)) {
-        // expected both snapshots to be v2 updates
-        unexpectedCase();
-      }
-      historyDoc = new Doc({ gc: false });
-      applyUpdateV2(historyDoc, prevSnapshot);
-      prevSnapshot = snapshot(historyDoc);
-      applyUpdateV2(historyDoc, snapshot$1);
-      snapshot$1 = snapshot(historyDoc);
-      if (historyType._item === null) {
-        /**
-         * If is a root type, we need to find the root key in the initial document
-         * and use it to get the history type.
-         */
-        const rootKey = Array.from(this.doc.share.keys()).find(
-          (key) => this.doc.share.get(key) === this.type
-        );
-        historyType = historyDoc.getXmlFragment(rootKey);
-      } else {
-        /**
-         * If it is a sub type, we use the item id to find the history type.
-         */
-        const historyStructs =
-          historyDoc.store.clients.get(historyType._item.id.client) ?? [];
-        const itemIndex = findIndexSS(
-          historyStructs,
-          historyType._item.id.clock
-        );
-        const item = /** @type {Y.Item} */ (historyStructs[itemIndex]);
-        const content = /** @type {Y.ContentType} */ (item.content);
-        historyType = /** @type {Y.XmlFragment} */ (content.type);
-      }
-    }
-    // clear mapping because we are going to rerender
-    this.mapping.clear();
-    this.mux(() => {
-      historyDoc.transact((transaction) => {
-        // before rendering, we are going to sanitize ops and split deleted ops
-        // if they were deleted by seperate users.
-        /**
-         * @type {Y.PermanentUserData}
-         */
-        const pud = pluginState.permanentUserData;
-        if (pud) {
-          pud.dss.forEach((ds) => {
-            iterateDeletedStructs(transaction, ds, (_item) => {});
-          });
-        }
-        /**
-         * @param {'removed'|'added'} type
-         * @param {Y.ID} id
-         */
-        const computeYChange = (type, id) => {
-          const user = type === 'added'
-            ? pud.getUserByClientId(id.client)
-            : pud.getUserByDeletedId(id);
-          return {
-            user,
-            type,
-            color: getUserColor(
-              pluginState.colorMapping,
-              pluginState.colors,
-              user
-            )
-          }
-        };
-        // Create document fragment and render
-        const fragmentContent = typeListToArraySnapshot(
-          historyType,
-          new Snapshot(prevSnapshot.ds, snapshot$1.sv)
-        ).map((t) => {
-          if (
-            !t._item.deleted || isVisible(t._item, snapshot$1) ||
-            isVisible(t._item, prevSnapshot)
-          ) {
-            return createNodeFromYElement(
-              t,
-              this.prosemirrorView.state.schema,
-              { mapping: new Map(), isOMark: new Map() },
-              snapshot$1,
-              prevSnapshot,
-              computeYChange
-            )
-          } else {
-            // No need to render elements that are not visible by either snapshot.
-            // If a client adds and deletes content in the same snapshot the element is not visible by either snapshot.
-            return null
-          }
-        }).filter((n) => n !== null);
-        // @ts-ignore
-        const tr = this._tr.replace(
-          0,
-          this.prosemirrorView.state.doc.content.size,
-          new Slice(Fragment.from(fragmentContent), 0, 0)
-        );
-        this.prosemirrorView.dispatch(
-          tr.setMeta(ySyncPluginKey, { isChangeOrigin: true })
-        );
-      }, ySyncPluginKey);
-    });
-  }
-
-  /**
-   * @param {Array<Y.YEvent<any>>} events
-   * @param {Y.Transaction} transaction
-   */
-  _typeChanged (events, transaction) {
-    if (this.prosemirrorView == null) return
-    const syncState = ySyncPluginKey.getState(this.prosemirrorView.state);
-    if (
-      events.length === 0 || syncState.snapshot != null ||
-      syncState.prevSnapshot != null
-    ) {
-      // drop out if snapshot is active
-      this.renderSnapshot(syncState.snapshot, syncState.prevSnapshot);
-      return
-    }
-    this.mux(() => {
-      /**
-       * @param {any} _
-       * @param {Y.AbstractType<any>} type
-       */
-      const delType = (_, type) => this.mapping.delete(type);
-      iterateDeletedStructs(
-        transaction,
-        transaction.deleteSet,
-        (struct) => {
-          if (struct.constructor === Item) {
-            const type = /** @type {Y.ContentType} */ (/** @type {Y.Item} */ (struct).content).type;
-            type && this.mapping.delete(type);
-          }
-        }
-      );
-      transaction.changed.forEach(delType);
-      transaction.changedParentTypes.forEach(delType);
-      const fragmentContent = this.type.toArray().map((t) =>
-        createNodeIfNotExists(
-          /** @type {Y.XmlElement | Y.XmlHook} */ (t),
-          this.prosemirrorView.state.schema,
-          this
-        )
-      ).filter((n) => n !== null);
-      // @ts-ignore
-      let tr = this._tr.replace(
-        0,
-        this.prosemirrorView.state.doc.content.size,
-        new Slice(Fragment.from(fragmentContent), 0, 0)
-      );
-      restoreRelativeSelection(tr, this.beforeTransactionSelection, this);
-      tr = tr.setMeta(ySyncPluginKey, { isChangeOrigin: true, isUndoRedoOperation: transaction.origin instanceof UndoManager });
-      if (
-        this.beforeTransactionSelection !== null && this._isLocalCursorInView()
-      ) {
-        tr.scrollIntoView();
-      }
-      this.prosemirrorView.dispatch(tr);
-    });
-  }
-
-  /**
-   * @param {import('prosemirror-model').Node} doc
-   */
-  _prosemirrorChanged (doc) {
-    this.doc.transact(() => {
-      updateYFragment(this.doc, this.type, doc, this);
-      this.beforeTransactionSelection = getRelativeSelection(
-        this,
-        this.prosemirrorView.state
-      );
-    }, ySyncPluginKey);
-  }
-
-  /**
-   * View is ready to listen to changes. Register observers.
-   * @param {any} prosemirrorView
-   */
-  initView (prosemirrorView) {
-    if (this.prosemirrorView != null) this.destroy();
-    this.prosemirrorView = prosemirrorView;
-    this.doc.on('beforeAllTransactions', this.beforeAllTransactions);
-    this.doc.on('afterAllTransactions', this.afterAllTransactions);
-    this.type.observeDeep(this._observeFunction);
-  }
-
-  destroy () {
-    if (this.prosemirrorView == null) return
-    this.prosemirrorView = null;
-    this.type.unobserveDeep(this._observeFunction);
-    this.doc.off('beforeAllTransactions', this.beforeAllTransactions);
-    this.doc.off('afterAllTransactions', this.afterAllTransactions);
-  }
-}
-
-/**
- * @private
- * @param {Y.XmlElement | Y.XmlHook} el
- * @param {PModel.Schema} schema
- * @param {BindingMetadata} meta
- * @param {Y.Snapshot} [snapshot]
- * @param {Y.Snapshot} [prevSnapshot]
- * @param {function('removed' | 'added', Y.ID):any} [computeYChange]
- * @return {PModel.Node | null}
- */
-const createNodeIfNotExists = (
-  el,
-  schema,
-  meta,
-  snapshot,
-  prevSnapshot,
-  computeYChange
-) => {
-  const node = /** @type {PModel.Node} */ (meta.mapping.get(el));
-  if (node === undefined) {
-    if (el instanceof YXmlElement) {
-      return createNodeFromYElement(
-        el,
-        schema,
-        meta,
-        snapshot,
-        prevSnapshot,
-        computeYChange
-      )
-    } else {
-      throw methodUnimplemented() // we are currently not handling hooks
-    }
-  }
-  return node
-};
-
-/**
- * @private
- * @param {Y.XmlElement} el
- * @param {any} schema
- * @param {BindingMetadata} meta
- * @param {Y.Snapshot} [snapshot]
- * @param {Y.Snapshot} [prevSnapshot]
- * @param {function('removed' | 'added', Y.ID):any} [computeYChange]
- * @return {PModel.Node | null} Returns node if node could be created. Otherwise it deletes the yjs type and returns null
- */
-const createNodeFromYElement = (
-  el,
-  schema,
-  meta,
-  snapshot,
-  prevSnapshot,
-  computeYChange
-) => {
-  const children = [];
-  /**
-   * @param {Y.XmlElement | Y.XmlText} type
-   */
-  const createChildren = (type) => {
-    if (type instanceof YXmlElement) {
-      const n = createNodeIfNotExists(
-        type,
-        schema,
-        meta,
-        snapshot,
-        prevSnapshot,
-        computeYChange
-      );
-      if (n !== null) {
-        children.push(n);
-      }
-    } else {
-      // If the next ytext exists and was created by us, move the content to the current ytext.
-      // This is a fix for #160 -- duplication of characters when two Y.Text exist next to each
-      // other.
-      const nextytext = /** @type {Y.ContentType} */ (type._item.right?.content)?.type;
-      if (nextytext instanceof YText && !nextytext._item.deleted && nextytext._item.id.client === nextytext.doc.clientID) {
-        type.applyDelta([
-          { retain: type.length },
-          ...nextytext.toDelta()
-        ]);
-        nextytext.doc.transact(tr => {
-          nextytext._item.delete(tr);
-        });
-      }
-      // now create the prosemirror text nodes
-      const ns = createTextNodesFromYText(
-        type,
-        schema,
-        meta,
-        snapshot,
-        prevSnapshot,
-        computeYChange
-      );
-      if (ns !== null) {
-        ns.forEach((textchild) => {
-          if (textchild !== null) {
-            children.push(textchild);
-          }
-        });
-      }
-    }
-  };
-  if (snapshot === undefined || prevSnapshot === undefined) {
-    el.toArray().forEach(createChildren);
-  } else {
-    typeListToArraySnapshot(el, new Snapshot(prevSnapshot.ds, snapshot.sv))
-      .forEach(createChildren);
-  }
-  try {
-    const attrs = el.getAttributes(snapshot);
-    if (snapshot !== undefined) {
-      if (!isVisible(/** @type {Y.Item} */ (el._item), snapshot)) {
-        attrs.ychange = computeYChange
-          ? computeYChange('removed', /** @type {Y.Item} */ (el._item).id)
-          : { type: 'removed' };
-      } else if (!isVisible(/** @type {Y.Item} */ (el._item), prevSnapshot)) {
-        attrs.ychange = computeYChange
-          ? computeYChange('added', /** @type {Y.Item} */ (el._item).id)
-          : { type: 'added' };
-      }
-    }
-    const node = schema.node(el.nodeName, attrs, children);
-    meta.mapping.set(el, node);
-    return node
-  } catch (e) {
-    // an error occured while creating the node. This is probably a result of a concurrent action.
-    /** @type {Y.Doc} */ (el.doc).transact((transaction) => {
-      /** @type {Y.Item} */ (el._item).delete(transaction);
-    }, ySyncPluginKey);
-    meta.mapping.delete(el);
-    return null
-  }
-};
-
-/**
- * @private
- * @param {Y.XmlText} text
- * @param {import('prosemirror-model').Schema} schema
- * @param {BindingMetadata} _meta
- * @param {Y.Snapshot} [snapshot]
- * @param {Y.Snapshot} [prevSnapshot]
- * @param {function('removed' | 'added', Y.ID):any} [computeYChange]
- * @return {Array<PModel.Node>|null}
- */
-const createTextNodesFromYText = (
-  text,
-  schema,
-  _meta,
-  snapshot,
-  prevSnapshot,
-  computeYChange
-) => {
-  const nodes = [];
-  const deltas = text.toDelta(snapshot, prevSnapshot, computeYChange);
-  try {
-    for (let i = 0; i < deltas.length; i++) {
-      const delta = deltas[i];
-      nodes.push(schema.text(delta.insert, attributesToMarks(delta.attributes, schema)));
-    }
-  } catch (e) {
-    // an error occured while creating the node. This is probably a result of a concurrent action.
-    /** @type {Y.Doc} */ (text.doc).transact((transaction) => {
-      /** @type {Y.Item} */ (text._item).delete(transaction);
-    }, ySyncPluginKey);
-    return null
-  }
-  // @ts-ignore
-  return nodes
-};
-
-/**
- * @private
- * @param {Array<any>} nodes prosemirror node
- * @param {BindingMetadata} meta
- * @return {Y.XmlText}
- */
-const createTypeFromTextNodes = (nodes, meta) => {
-  const type = new YXmlText();
-  const delta = nodes.map((node) => ({
-    // @ts-ignore
-    insert: node.text,
-    attributes: marksToAttributes(node.marks, meta)
-  }));
-  type.applyDelta(delta);
-  meta.mapping.set(type, nodes);
-  return type
-};
-
-/**
- * @private
- * @param {any} node prosemirror node
- * @param {BindingMetadata} meta
- * @return {Y.XmlElement}
- */
-const createTypeFromElementNode = (node, meta) => {
-  const type = new YXmlElement(node.type.name);
-  for (const key in node.attrs) {
-    const val = node.attrs[key];
-    if (val !== null && key !== 'ychange') {
-      type.setAttribute(key, val);
-    }
-  }
-  type.insert(
-    0,
-    normalizePNodeContent(node).map((n) =>
-      createTypeFromTextOrElementNode(n, meta)
-    )
-  );
-  meta.mapping.set(type, node);
-  return type
-};
-
-/**
- * @private
- * @param {PModel.Node|Array<PModel.Node>} node prosemirror text node
- * @param {BindingMetadata} meta
- * @return {Y.XmlElement|Y.XmlText}
- */
-const createTypeFromTextOrElementNode = (node, meta) =>
-  node instanceof Array
-    ? createTypeFromTextNodes(node, meta)
-    : createTypeFromElementNode(node, meta);
-
-/**
- * @param {any} val
- */
-const isObject = (val) => typeof val === 'object' && val !== null;
-
-/**
- * @param {any} pattrs
- * @param {any} yattrs
- */
-const equalAttrs = (pattrs, yattrs) => {
-  const keys = Object.keys(pattrs).filter((key) => pattrs[key] !== null);
-  let eq =
-    keys.length ===
-      (yattrs == null ? 0 : Object.keys(yattrs).filter((key) => yattrs[key] !== null).length);
-  for (let i = 0; i < keys.length && eq; i++) {
-    const key = keys[i];
-    const l = pattrs[key];
-    const r = yattrs[key];
-    eq = key === 'ychange' || l === r ||
-      (isObject(l) && isObject(r) && equalAttrs(l, r));
-  }
-  return eq
-};
-
-/**
- * @typedef {Array<Array<PModel.Node>|PModel.Node>} NormalizedPNodeContent
- */
-
-/**
- * @param {any} pnode
- * @return {NormalizedPNodeContent}
- */
-const normalizePNodeContent = (pnode) => {
-  const c = pnode.content.content;
-  const res = [];
-  for (let i = 0; i < c.length; i++) {
-    const n = c[i];
-    if (n.isText) {
-      const textNodes = [];
-      for (let tnode = c[i]; i < c.length && tnode.isText; tnode = c[++i]) {
-        textNodes.push(tnode);
-      }
-      i--;
-      res.push(textNodes);
-    } else {
-      res.push(n);
-    }
-  }
-  return res
-};
-
-/**
- * @param {Y.XmlText} ytext
- * @param {Array<any>} ptexts
- */
-const equalYTextPText = (ytext, ptexts) => {
-  const delta = ytext.toDelta();
-  return delta.length === ptexts.length &&
-    delta.every(/** @type {(d:any,i:number) => boolean} */ (d, i) =>
-      d.insert === /** @type {any} */ (ptexts[i]).text &&
-      keys(d.attributes || {}).length === ptexts[i].marks.length &&
-      every(d.attributes, (attr, yattrname) => {
-        const markname = yattr2markname(yattrname);
-        const pmarks = ptexts[i].marks;
-        return equalAttrs(attr, pmarks.find(/** @param {any} mark */ mark => mark.type.name === markname)?.attrs)
-      })
-    )
-};
-
-/**
- * @param {Y.XmlElement|Y.XmlText|Y.XmlHook} ytype
- * @param {any|Array<any>} pnode
- */
-const equalYTypePNode = (ytype, pnode) => {
-  if (
-    ytype instanceof YXmlElement && !(pnode instanceof Array) &&
-    matchNodeName(ytype, pnode)
-  ) {
-    const normalizedContent = normalizePNodeContent(pnode);
-    return ytype._length === normalizedContent.length &&
-      equalAttrs(ytype.getAttributes(), pnode.attrs) &&
-      ytype.toArray().every((ychild, i) =>
-        equalYTypePNode(ychild, normalizedContent[i])
-      )
-  }
-  return ytype instanceof YXmlText && pnode instanceof Array &&
-    equalYTextPText(ytype, pnode)
-};
-
-/**
- * @param {PModel.Node | Array<PModel.Node> | undefined} mapped
- * @param {PModel.Node | Array<PModel.Node>} pcontent
- */
-const mappedIdentity = (mapped, pcontent) =>
-  mapped === pcontent ||
-  (mapped instanceof Array && pcontent instanceof Array &&
-    mapped.length === pcontent.length && mapped.every((a, i) =>
-    pcontent[i] === a
-  ));
-
-/**
- * @param {Y.XmlElement} ytype
- * @param {PModel.Node} pnode
- * @param {BindingMetadata} meta
- * @return {{ foundMappedChild: boolean, equalityFactor: number }}
- */
-const computeChildEqualityFactor = (ytype, pnode, meta) => {
-  const yChildren = ytype.toArray();
-  const pChildren = normalizePNodeContent(pnode);
-  const pChildCnt = pChildren.length;
-  const yChildCnt = yChildren.length;
-  const minCnt = min(yChildCnt, pChildCnt);
-  let left = 0;
-  let right = 0;
-  let foundMappedChild = false;
-  for (; left < minCnt; left++) {
-    const leftY = yChildren[left];
-    const leftP = pChildren[left];
-    if (mappedIdentity(meta.mapping.get(leftY), leftP)) {
-      foundMappedChild = true; // definite (good) match!
-    } else if (!equalYTypePNode(leftY, leftP)) {
-      break
-    }
-  }
-  for (; left + right < minCnt; right++) {
-    const rightY = yChildren[yChildCnt - right - 1];
-    const rightP = pChildren[pChildCnt - right - 1];
-    if (mappedIdentity(meta.mapping.get(rightY), rightP)) {
-      foundMappedChild = true;
-    } else if (!equalYTypePNode(rightY, rightP)) {
-      break
-    }
-  }
-  return {
-    equalityFactor: left + right,
-    foundMappedChild
-  }
-};
-
-/**
- * @param {Y.Text} ytext
- */
-const ytextTrans = (ytext) => {
-  let str = '';
-  /**
-   * @type {Y.Item|null}
-   */
-  let n = ytext._start;
-  const nAttrs = {};
-  while (n !== null) {
-    if (!n.deleted) {
-      if (n.countable && n.content instanceof ContentString) {
-        str += n.content.str;
-      } else if (n.content instanceof ContentFormat) {
-        nAttrs[n.content.key] = null;
-      }
-    }
-    n = n.right;
-  }
-  return {
-    str,
-    nAttrs
-  }
-};
-
-/**
- * @todo test this more
- *
- * @param {Y.Text} ytext
- * @param {Array<any>} ptexts
- * @param {BindingMetadata} meta
- */
-const updateYText = (ytext, ptexts, meta) => {
-  meta.mapping.set(ytext, ptexts);
-  const { nAttrs, str } = ytextTrans(ytext);
-  const content = ptexts.map((p) => ({
-    insert: /** @type {any} */ (p).text,
-    attributes: Object.assign({}, nAttrs, marksToAttributes(p.marks, meta))
-  }));
-  const { insert, remove, index } = simpleDiff(
-    str,
-    content.map((c) => c.insert).join('')
-  );
-  ytext.delete(index, remove);
-  ytext.insert(index, insert);
-  ytext.applyDelta(
-    content.map((c) => ({ retain: c.insert.length, attributes: c.attributes }))
-  );
-};
-
-const hashedMarkNameRegex = /(.*)(--[a-zA-Z0-9+/=]{8})$/;
-/**
- * @param {string} attrName
- */
-const yattr2markname = attrName => hashedMarkNameRegex.exec(attrName)?.[1] ?? attrName;
-
-/**
- * @todo move this to markstoattributes
- *
- * @param {Object<string, any>} attrs
- * @param {import('prosemirror-model').Schema} schema
- */
-const attributesToMarks = (attrs, schema) => {
-  /**
-   * @type {Array<import('prosemirror-model').Mark>}
-   */
-  const marks = [];
-  for (const markName in attrs) {
-    // remove hashes if necessary
-    marks.push(schema.mark(yattr2markname(markName), attrs[markName]));
-  }
-  return marks
-};
-
-/**
- * @param {Array<import('prosemirror-model').Mark>} marks
- * @param {BindingMetadata} meta
- */
-const marksToAttributes = (marks, meta) => {
-  const pattrs = {};
-  marks.forEach((mark) => {
-    if (mark.type.name !== 'ychange') {
-      const isOverlapping = setIfUndefined(meta.isOMark, mark.type, () => !mark.type.excludes(mark.type));
-      pattrs[isOverlapping ? `${mark.type.name}--${hashOfJSON(mark.toJSON())}` : mark.type.name] = mark.attrs;
-    }
-  });
-  return pattrs
-};
-
-/**
- * Update a yDom node by syncing the current content of the prosemirror node.
- *
- * This is a y-prosemirror internal feature that you can use at your own risk.
- *
- * @private
- * @unstable
- *
- * @param {{transact: Function}} y
- * @param {Y.XmlFragment} yDomFragment
- * @param {any} pNode
- * @param {BindingMetadata} meta
- */
-const updateYFragment = (y, yDomFragment, pNode, meta) => {
-  if (
-    yDomFragment instanceof YXmlElement &&
-    yDomFragment.nodeName !== pNode.type.name
-  ) {
-    throw new Error('node name mismatch!')
-  }
-  meta.mapping.set(yDomFragment, pNode);
-  // update attributes
-  if (yDomFragment instanceof YXmlElement) {
-    const yDomAttrs = yDomFragment.getAttributes();
-    const pAttrs = pNode.attrs;
-    for (const key in pAttrs) {
-      if (pAttrs[key] !== null) {
-        if (yDomAttrs[key] !== pAttrs[key] && key !== 'ychange') {
-          yDomFragment.setAttribute(key, pAttrs[key]);
-        }
-      } else {
-        yDomFragment.removeAttribute(key);
-      }
-    }
-    // remove all keys that are no longer in pAttrs
-    for (const key in yDomAttrs) {
-      if (pAttrs[key] === undefined) {
-        yDomFragment.removeAttribute(key);
-      }
-    }
-  }
-  // update children
-  const pChildren = normalizePNodeContent(pNode);
-  const pChildCnt = pChildren.length;
-  const yChildren = yDomFragment.toArray();
-  const yChildCnt = yChildren.length;
-  const minCnt = min(pChildCnt, yChildCnt);
-  let left = 0;
-  let right = 0;
-  // find number of matching elements from left
-  for (; left < minCnt; left++) {
-    const leftY = yChildren[left];
-    const leftP = pChildren[left];
-    if (!mappedIdentity(meta.mapping.get(leftY), leftP)) {
-      if (equalYTypePNode(leftY, leftP)) {
-        // update mapping
-        meta.mapping.set(leftY, leftP);
-      } else {
-        break
-      }
-    }
-  }
-  // find number of matching elements from right
-  for (; right + left < minCnt; right++) {
-    const rightY = yChildren[yChildCnt - right - 1];
-    const rightP = pChildren[pChildCnt - right - 1];
-    if (!mappedIdentity(meta.mapping.get(rightY), rightP)) {
-      if (equalYTypePNode(rightY, rightP)) {
-        // update mapping
-        meta.mapping.set(rightY, rightP);
-      } else {
-        break
-      }
-    }
-  }
-  y.transact(() => {
-    // try to compare and update
-    while (yChildCnt - left - right > 0 && pChildCnt - left - right > 0) {
-      const leftY = yChildren[left];
-      const leftP = pChildren[left];
-      const rightY = yChildren[yChildCnt - right - 1];
-      const rightP = pChildren[pChildCnt - right - 1];
-      if (leftY instanceof YXmlText && leftP instanceof Array) {
-        if (!equalYTextPText(leftY, leftP)) {
-          updateYText(leftY, leftP, meta);
-        }
-        left += 1;
-      } else {
-        let updateLeft = leftY instanceof YXmlElement &&
-          matchNodeName(leftY, leftP);
-        let updateRight = rightY instanceof YXmlElement &&
-          matchNodeName(rightY, rightP);
-        if (updateLeft && updateRight) {
-          // decide which which element to update
-          const equalityLeft = computeChildEqualityFactor(
-            /** @type {Y.XmlElement} */ (leftY),
-            /** @type {PModel.Node} */ (leftP),
-            meta
-          );
-          const equalityRight = computeChildEqualityFactor(
-            /** @type {Y.XmlElement} */ (rightY),
-            /** @type {PModel.Node} */ (rightP),
-            meta
-          );
-          if (
-            equalityLeft.foundMappedChild && !equalityRight.foundMappedChild
-          ) {
-            updateRight = false;
-          } else if (
-            !equalityLeft.foundMappedChild && equalityRight.foundMappedChild
-          ) {
-            updateLeft = false;
-          } else if (
-            equalityLeft.equalityFactor < equalityRight.equalityFactor
-          ) {
-            updateLeft = false;
-          } else {
-            updateRight = false;
-          }
-        }
-        if (updateLeft) {
-          updateYFragment(
-            y,
-            /** @type {Y.XmlFragment} */ (leftY),
-            /** @type {PModel.Node} */ (leftP),
-            meta
-          );
-          left += 1;
-        } else if (updateRight) {
-          updateYFragment(
-            y,
-            /** @type {Y.XmlFragment} */ (rightY),
-            /** @type {PModel.Node} */ (rightP),
-            meta
-          );
-          right += 1;
-        } else {
-          meta.mapping.delete(yDomFragment.get(left));
-          yDomFragment.delete(left, 1);
-          yDomFragment.insert(left, [
-            createTypeFromTextOrElementNode(leftP, meta)
-          ]);
-          left += 1;
-        }
-      }
-    }
-    const yDelLen = yChildCnt - left - right;
-    if (
-      yChildCnt === 1 && pChildCnt === 0 && yChildren[0] instanceof YXmlText
-    ) {
-      meta.mapping.delete(yChildren[0]);
-      // Edge case handling https://github.com/yjs/y-prosemirror/issues/108
-      // Only delete the content of the Y.Text to retain remote changes on the same Y.Text object
-      yChildren[0].delete(0, yChildren[0].length);
-    } else if (yDelLen > 0) {
-      yDomFragment.slice(left, left + yDelLen).forEach(type => meta.mapping.delete(type));
-      yDomFragment.delete(left, yDelLen);
-    }
-    if (left + right < pChildCnt) {
-      const ins = [];
-      for (let i = left; i < pChildCnt - right; i++) {
-        ins.push(createTypeFromTextOrElementNode(pChildren[i], meta));
-      }
-      yDomFragment.insert(left, ins);
-    }
-  }, ySyncPluginKey);
-};
-
-/**
- * @function
- * @param {Y.XmlElement} yElement
- * @param {any} pNode Prosemirror Node
- */
-const matchNodeName = (yElement, pNode) =>
-  !(pNode instanceof Array) && yElement.nodeName === pNode.type.name;
-
-/**
- * Transforms a Prosemirror based absolute position to a Yjs Cursor (relative position in the Yjs model).
- *
- * @param {number} pos
- * @param {Y.XmlFragment} type
- * @param {ProsemirrorMapping} mapping
- * @return {any} relative position
- */
-const absolutePositionToRelativePosition = (pos, type, mapping) => {
-  if (pos === 0) {
-    // if the type is later populated, we want to retain the 0 position (hence assoc=-1)
-    return createRelativePositionFromTypeIndex(type, 0, type.length === 0 ? -1 : 0)
-  }
-  /**
-   * @type {any}
-   */
-  let n = type._first === null ? null : /** @type {Y.ContentType} */ (type._first.content).type;
-  while (n !== null && type !== n) {
-    if (n instanceof YXmlText) {
-      if (n._length >= pos) {
-        return createRelativePositionFromTypeIndex(n, pos, type.length === 0 ? -1 : 0)
-      } else {
-        pos -= n._length;
-      }
-      if (n._item !== null && n._item.next !== null) {
-        n = /** @type {Y.ContentType} */ (n._item.next.content).type;
-      } else {
-        do {
-          n = n._item === null ? null : n._item.parent;
-          pos--;
-        } while (n !== type && n !== null && n._item !== null && n._item.next === null)
-        if (n !== null && n !== type) {
-          // @ts-gnore we know that n.next !== null because of above loop conditition
-          n = n._item === null ? null : /** @type {Y.ContentType} */ (/** @type Y.Item */ (n._item.next).content).type;
-        }
-      }
-    } else {
-      const pNodeSize = /** @type {any} */ (mapping.get(n) || { nodeSize: 0 }).nodeSize;
-      if (n._first !== null && pos < pNodeSize) {
-        n = /** @type {Y.ContentType} */ (n._first.content).type;
-        pos--;
-      } else {
-        if (pos === 1 && n._length === 0 && pNodeSize > 1) {
-          // edge case, should end in this paragraph
-          return new RelativePosition(n._item === null ? null : n._item.id, n._item === null ? findRootTypeKey(n) : null, null)
-        }
-        pos -= pNodeSize;
-        if (n._item !== null && n._item.next !== null) {
-          n = /** @type {Y.ContentType} */ (n._item.next.content).type;
-        } else {
-          if (pos === 0) {
-            // set to end of n.parent
-            n = n._item === null ? n : n._item.parent;
-            return new RelativePosition(n._item === null ? null : n._item.id, n._item === null ? findRootTypeKey(n) : null, null)
-          }
-          do {
-            n = /** @type {Y.Item} */ (n._item).parent;
-            pos--;
-          } while (n !== type && /** @type {Y.Item} */ (n._item).next === null)
-          // if n is null at this point, we have an unexpected case
-          if (n !== type) {
-            // We know that n._item.next is defined because of above loop condition
-            n = /** @type {Y.ContentType} */ (/** @type {Y.Item} */ (/** @type {Y.Item} */ (n._item).next).content).type;
-          }
-        }
-      }
-    }
-    if (n === null) {
-      throw unexpectedCase()
-    }
-    if (pos === 0 && n.constructor !== YXmlText && n !== type) { // TODO: set to <= 0
-      return createRelativePosition(n._item.parent, n._item)
-    }
-  }
-  return createRelativePositionFromTypeIndex(type, type._length, type.length === 0 ? -1 : 0)
-};
-
-const createRelativePosition = (type, item) => {
-  let typeid = null;
-  let tname = null;
-  if (type._item === null) {
-    tname = findRootTypeKey(type);
-  } else {
-    typeid = createID(type._item.id.client, type._item.id.clock);
-  }
-  return new RelativePosition(typeid, tname, item.id)
-};
-
-/**
- * @param {Y.Doc} y
- * @param {Y.XmlFragment} documentType Top level type that is bound to pView
- * @param {any} relPos Encoded Yjs based relative position
- * @param {ProsemirrorMapping} mapping
- * @return {null|number}
- */
-const relativePositionToAbsolutePosition = (y, documentType, relPos, mapping) => {
-  const decodedPos = createAbsolutePositionFromRelativePosition(relPos, y);
-  if (decodedPos === null || (decodedPos.type !== documentType && !isParentOf(documentType, decodedPos.type._item))) {
-    return null
-  }
-  let type = decodedPos.type;
-  let pos = 0;
-  if (type.constructor === YXmlText) {
-    pos = decodedPos.index;
-  } else if (type._item === null || !type._item.deleted) {
-    let n = type._first;
-    let i = 0;
-    while (i < type._length && i < decodedPos.index && n !== null) {
-      if (!n.deleted) {
-        const t = /** @type {Y.ContentType} */ (n.content).type;
-        i++;
-        if (t instanceof YXmlText) {
-          pos += t._length;
-        } else {
-          pos += /** @type {any} */ (mapping.get(t)).nodeSize;
-        }
-      }
-      n = /** @type {Y.Item} */ (n.right);
-    }
-    pos += 1; // increase because we go out of n
-  }
-  while (type !== documentType && type._item !== null) {
-    // @ts-ignore
-    const parent = type._item.parent;
-    // @ts-ignore
-    if (parent._item === null || !parent._item.deleted) {
-      pos += 1; // the start tag
-      let n = /** @type {Y.AbstractType} */ (parent)._first;
-      // now iterate until we found type
-      while (n !== null) {
-        const contentType = /** @type {Y.ContentType} */ (n.content).type;
-        if (contentType === type) {
-          break
-        }
-        if (!n.deleted) {
-          if (contentType instanceof YXmlText) {
-            pos += contentType._length;
-          } else {
-            pos += /** @type {any} */ (mapping.get(contentType)).nodeSize;
-          }
-        }
-        n = n.right;
-      }
-    }
-    type = /** @type {Y.AbstractType} */ (parent);
-  }
-  return pos - 1 // we don't count the most outer tag, because it is a fragment
-};
-
-/**
- * @deprecated Use `yXmlFragmentToProseMirrorRootNode` instead
- *
- * Utility method to convert a Y.Doc to Prosemirror compatible JSON.
- *
- * @param {Y.XmlFragment} xmlFragment The fragment, which must be part of a Y.Doc.
- * @return {Record<string, any>}
- */
-function yXmlFragmentToProsemirrorJSON (xmlFragment) {
-  const items = xmlFragment.toArray();
-
-  /**
-   * @param {Y.AbstractType} item
-   */
-  const serialize = item => {
-    /**
-     * @type {Object} NodeObject
-     * @property {string} NodeObject.type
-     * @property {Record<string, string>=} NodeObject.attrs
-     * @property {Array<NodeObject>=} NodeObject.content
-     */
-    let response;
-
-    // TODO: Must be a better way to detect text nodes than this
-    if (item instanceof YXmlText) {
-      const delta = item.toDelta();
-      response = delta.map(/** @param {any} d */ (d) => {
-        const text = {
-          type: 'text',
-          text: d.insert
-        };
-        if (d.attributes) {
-          text.marks = Object.keys(d.attributes).map((type_) => {
-            const attrs = d.attributes[type_];
-            const type = yattr2markname(type_);
-            const mark = {
-              type
-            };
-            if (Object.keys(attrs)) {
-              mark.attrs = attrs;
-            }
-            return mark
-          });
-        }
-        return text
-      });
-    } else if (item instanceof YXmlElement) {
-      response = {
-        type: item.nodeName
-      };
-
-      const attrs = item.getAttributes();
-      if (Object.keys(attrs).length) {
-        response.attrs = attrs;
-      }
-
-      const children = item.toArray();
-      if (children.length) {
-        response.content = children.map(serialize).flat();
-      }
-    } else {
-      // expected either Y.XmlElement or Y.XmlText
-      unexpectedCase();
-    }
-
-    return response
-  };
-
-  return {
-    type: 'doc',
-    content: items.map(serialize)
-  }
-}
-
-/**
- * @typedef {Object} UndoPluginState
- * @property {import('yjs').UndoManager} undoManager
- * @property {ReturnType<typeof getRelativeSelection> | null} prevSel
- * @property {boolean} hasUndoOps
- * @property {boolean} hasRedoOps
- */
-
-/**
- * Undo the last user action
- *
- * @param {import('prosemirror-state').EditorState} state
- * @return {boolean} whether a change was undone
- */
-const undo = state => yUndoPluginKey.getState(state)?.undoManager?.undo() != null;
-
-/**
- * Redo the last user action
- *
- * @param {import('prosemirror-state').EditorState} state
- * @return {boolean} whether a change was undone
- */
-const redo = state => yUndoPluginKey.getState(state)?.undoManager?.redo() != null;
-
-const defaultProtectedNodes = new Set(['paragraph']);
-
-/**
- * @param {import('yjs').Item} item
- * @param {Set<string>} protectedNodes
- * @returns {boolean}
- */
-const defaultDeleteFilter = (item, protectedNodes) => !(item instanceof Item) ||
-  !(item.content instanceof ContentType) ||
-  !(item.content.type instanceof YText ||
-  (item.content.type instanceof YXmlElement && protectedNodes.has(item.content.type.nodeName))) ||
-  item.content.type._length === 0;
-
-/**
- * @param {object} [options]
- * @param {Set<string>} [options.protectedNodes]
- * @param {any[]} [options.trackedOrigins]
- * @param {import('yjs').UndoManager | null} [options.undoManager]
- */
-const yUndoPlugin = ({ protectedNodes = defaultProtectedNodes, trackedOrigins = [], undoManager = null } = {}) => new Plugin({
-  key: yUndoPluginKey,
-  state: {
-    init: (initargs, state) => {
-      // TODO: check if plugin order matches and fix
-      const ystate = ySyncPluginKey.getState(state);
-      const _undoManager = undoManager || new UndoManager(ystate.type, {
-        trackedOrigins: new Set([ySyncPluginKey].concat(trackedOrigins)),
-        deleteFilter: (item) => defaultDeleteFilter(item, protectedNodes),
-        captureTransaction: tr => tr.meta.get('addToHistory') !== false
-      });
-      return {
-        undoManager: _undoManager,
-        prevSel: null,
-        hasUndoOps: _undoManager.undoStack.length > 0,
-        hasRedoOps: _undoManager.redoStack.length > 0
-      }
-    },
-    apply: (tr, val, oldState, state) => {
-      const binding = ySyncPluginKey.getState(state).binding;
-      const undoManager = val.undoManager;
-      const hasUndoOps = undoManager.undoStack.length > 0;
-      const hasRedoOps = undoManager.redoStack.length > 0;
-      if (binding) {
-        return {
-          undoManager,
-          prevSel: getRelativeSelection(binding, oldState),
-          hasUndoOps,
-          hasRedoOps
-        }
-      } else {
-        if (hasUndoOps !== val.hasUndoOps || hasRedoOps !== val.hasRedoOps) {
-          return Object.assign({}, val, {
-            hasUndoOps: undoManager.undoStack.length > 0,
-            hasRedoOps: undoManager.redoStack.length > 0
-          })
-        } else { // nothing changed
-          return val
-        }
-      }
-    }
-  },
-  view: view => {
-    const ystate = ySyncPluginKey.getState(view.state);
-    const undoManager = yUndoPluginKey.getState(view.state).undoManager;
-    undoManager.on('stack-item-added', ({ stackItem }) => {
-      const binding = ystate.binding;
-      if (binding) {
-        stackItem.meta.set(binding, yUndoPluginKey.getState(view.state).prevSel);
-      }
-    });
-    undoManager.on('stack-item-popped', ({ stackItem }) => {
-      const binding = ystate.binding;
-      if (binding) {
-        binding.beforeTransactionSelection = stackItem.meta.get(binding) || binding.beforeTransactionSelection;
-      }
-    });
-    return {
-      destroy: () => {
-        undoManager.destroy();
-      }
-    }
-  }
-});
-
-/**
- * This extension allows you to collaborate with others in real-time.
- * @see https://tiptap.dev/api/extensions/collaboration
- */
-const Collaboration = Extension.create({
-    name: 'collaboration',
-    priority: 1000,
-    addOptions() {
-        return {
-            document: null,
-            field: 'default',
-            fragment: null,
-        };
-    },
-    addStorage() {
-        return {
-            isDisabled: false,
-        };
-    },
-    onCreate() {
-        if (this.editor.extensionManager.extensions.find(extension => extension.name === 'history')) {
-            console.warn('[tiptap warn]: "@tiptap/extension-collaboration" comes with its own history support and is not compatible with "@tiptap/extension-history".');
-        }
-    },
-    addCommands() {
-        return {
-            undo: () => ({ tr, state, dispatch }) => {
-                tr.setMeta('preventDispatch', true);
-                const undoManager = yUndoPluginKey.getState(state).undoManager;
-                if (undoManager.undoStack.length === 0) {
-                    return false;
-                }
-                if (!dispatch) {
-                    return true;
-                }
-                return undo(state);
-            },
-            redo: () => ({ tr, state, dispatch }) => {
-                tr.setMeta('preventDispatch', true);
-                const undoManager = yUndoPluginKey.getState(state).undoManager;
-                if (undoManager.redoStack.length === 0) {
-                    return false;
-                }
-                if (!dispatch) {
-                    return true;
-                }
-                return redo(state);
-            },
-        };
-    },
-    addKeyboardShortcuts() {
-        return {
-            'Mod-z': () => this.editor.commands.undo(),
-            'Mod-y': () => this.editor.commands.redo(),
-            'Shift-Mod-z': () => this.editor.commands.redo(),
-        };
-    },
-    addProseMirrorPlugins() {
-        var _a;
-        const fragment = this.options.fragment
-            ? this.options.fragment
-            : this.options.document.getXmlFragment(this.options.field);
-        // Quick fix until there is an official implementation (thanks to @hamflx).
-        // See https://github.com/yjs/y-prosemirror/issues/114 and https://github.com/yjs/y-prosemirror/issues/102
-        const yUndoPluginInstance = yUndoPlugin(this.options.yUndoOptions);
-        const originalUndoPluginView = yUndoPluginInstance.spec.view;
-        yUndoPluginInstance.spec.view = (view) => {
-            const { undoManager } = yUndoPluginKey.getState(view.state);
-            if (undoManager.restore) {
-                undoManager.restore();
-                undoManager.restore = () => {
-                    // noop
-                };
-            }
-            const viewRet = originalUndoPluginView ? originalUndoPluginView(view) : undefined;
-            return {
-                destroy: () => {
-                    const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager);
-                    // eslint-disable-next-line no-underscore-dangle
-                    const observers = undoManager._observers;
-                    undoManager.restore = () => {
-                        if (hasUndoManSelf) {
-                            undoManager.trackedOrigins.add(undoManager);
-                        }
-                        undoManager.doc.on('afterTransaction', undoManager.afterTransactionHandler);
-                        // eslint-disable-next-line no-underscore-dangle
-                        undoManager._observers = observers;
-                    };
-                    if (viewRet === null || viewRet === void 0 ? void 0 : viewRet.destroy) {
-                        viewRet.destroy();
-                    }
-                },
-            };
-        };
-        const ySyncPluginOptions = {
-            ...this.options.ySyncOptions,
-            onFirstRender: this.options.onFirstRender,
-        };
-        const ySyncPluginInstance = ySyncPlugin(fragment, ySyncPluginOptions);
-        if (this.editor.options.enableContentCheck) {
-            (_a = fragment.doc) === null || _a === void 0 ? void 0 : _a.on('beforeTransaction', () => {
-                try {
-                    const jsonContent = (yXmlFragmentToProsemirrorJSON(fragment));
-                    if (jsonContent.content.length === 0) {
-                        return;
-                    }
-                    this.editor.schema.nodeFromJSON(jsonContent).check();
-                }
-                catch (error) {
-                    this.editor.emit('contentError', {
-                        error: error,
-                        editor: this.editor,
-                        disableCollaboration: () => {
-                            var _a;
-                            (_a = fragment.doc) === null || _a === void 0 ? void 0 : _a.destroy();
-                            this.storage.isDisabled = true;
-                        },
-                    });
-                    // If the content is invalid, return false to prevent the transaction from being applied
-                    return false;
-                }
-            });
-        }
-        return [
-            ySyncPluginInstance,
-            yUndoPluginInstance,
-            // Only add the filterInvalidContent plugin if content checking is enabled
-            this.editor.options.enableContentCheck
-                && new Plugin({
-                    key: new PluginKey('filterInvalidContent'),
-                    filterTransaction: () => {
-                        var _a;
-                        // When collaboration is disabled, prevent any sync transactions from being applied
-                        if (this.storage.isDisabled) {
-                            // Destroy the Yjs document to prevent any further sync transactions
-                            (_a = fragment.doc) === null || _a === void 0 ? void 0 : _a.destroy();
-                            return true;
-                        }
-                        return true;
-                    },
-                }),
-        ].filter(Boolean);
-    },
-});
-
-const MARKDOWN_EXTENSIONS = /* @__PURE__ */ new Set([".md", ".markdown", ".mdx"]);
-const MARKDOWN_MIME_TYPES = /* @__PURE__ */ new Set(["text/markdown", "text/x-markdown"]);
-function getExtension(name) {
-  if (!name) return null;
-  const lastDot = name.lastIndexOf(".");
-  if (lastDot < 0) return null;
-  return name.slice(lastDot).toLowerCase();
-}
-function isMarkdownFileName(name, mimeType) {
-  if (mimeType && MARKDOWN_MIME_TYPES.has(mimeType)) return true;
-  const ext = getExtension(name);
-  return ext ? MARKDOWN_EXTENSIONS.has(ext) : false;
-}
-function inferNotebookDocKind(context) {
-  const override = context.customData?.docKind;
-  if (override === "markdown" || override === "notebook") return override;
-  if (context.type === "notebook") return "notebook";
-  const customData = context.customData;
-  const mimeType = typeof context.mimeType === "string" ? context.mimeType : typeof customData?.mimeType === "string" ? customData.mimeType : typeof customData?.fileMeta?.mimeType === "string" ? customData.fileMeta.mimeType : void 0;
-  if (isMarkdownFileName(context.resourceName, mimeType)) return "markdown";
-  return "notebook";
-}
-
-const REMOTE_ORIGIN = "ds-remote";
-async function createNovelYjsProvider(options) {
-  const { projectId, notebookId, readonly = false, onStatus, onReset } = options;
-  const sync = new ProjectSyncClient(projectId, {
-    authMode: "user",
-    docKind: "notebook"
-  });
-  const ydoc = new Doc();
-  let disposed = false;
-  let flushTimer = null;
-  let idleTimer = null;
-  let pending = [];
-  const setStatus = (status) => {
-    if (!onStatus) return;
-    onStatus(status);
-    if (status === "saved") {
-      if (idleTimer != null) window.clearTimeout(idleTimer);
-      idleTimer = window.setTimeout(() => onStatus("idle"), 1500);
-    }
-  };
-  const scheduleFlush = () => {
-    if (flushTimer != null) window.clearTimeout(flushTimer);
-    flushTimer = window.setTimeout(() => void flush(), 250);
-  };
-  const flush = async () => {
-    if (disposed || readonly || pending.length === 0) return;
-    const updates = pending;
-    pending = [];
-    try {
-      setStatus("saving");
-      const merged = updates.length === 1 ? updates[0] : mergeUpdates(updates);
-      await sync.pushDocUpdate(notebookId, merged);
-      setStatus("saved");
-    } catch (error) {
-      console.error("[NovelYjsProvider] Failed to push update:", error);
-      setStatus("error");
-    }
-  };
-  await sync.connect();
-  const diff = await sync.loadDoc(notebookId, encodeStateVector(ydoc));
-  if (diff?.missing) {
-    applyUpdate(ydoc, diff.missing, REMOTE_ORIGIN);
-  }
-  const offRemote = sync.onDocUpdate((msg) => {
-    if (msg.docId !== notebookId) return;
-    applyUpdate(ydoc, msg.update, REMOTE_ORIGIN);
-  });
-  const offReset = sync.onDocReset((msg) => {
-    if (msg.docId !== notebookId) return;
-    onReset?.({ timestamp: msg.timestamp, reason: msg.reason, actorUserId: msg.actorUserId ?? null });
-  });
-  const onLocalUpdate = (update, origin) => {
-    if (origin === REMOTE_ORIGIN) return;
-    if (readonly) return;
-    pending.push(update);
-    scheduleFlush();
-  };
-  ydoc.on("update", onLocalUpdate);
-  const dispose = () => {
-    disposed = true;
-    if (flushTimer != null) window.clearTimeout(flushTimer);
-    if (idleTimer != null) window.clearTimeout(idleTimer);
-    ydoc.off("update", onLocalUpdate);
-    offRemote?.();
-    offReset?.();
-    sync.disconnect();
-  };
-  return { ydoc, dispose };
-}
-
-function buildSuggestionItems(onImageUpload) {
-  return [
-    {
-      title: "Send Feedback",
-      description: "Let us know how we can improve.",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquarePlus, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).run();
-        window.open("/feedback", "_blank");
-      }
-    },
-    {
-      title: "Text",
-      description: "Just start typing with plain text.",
-      searchTerms: ["p", "paragraph"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
-      }
-    },
-    {
-      title: "To-do List",
-      description: "Track tasks with a to-do list.",
-      searchTerms: ["todo", "task", "list", "check", "checkbox"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SquareCheckBig, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).toggleTaskList().run();
-      }
-    },
-    {
-      title: "Heading 1",
-      description: "Big section heading.",
-      searchTerms: ["title", "big", "large"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Heading1, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
-      }
-    },
-    {
-      title: "Heading 2",
-      description: "Medium section heading.",
-      searchTerms: ["subtitle", "medium"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Heading2, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
-      }
-    },
-    {
-      title: "Heading 3",
-      description: "Small section heading.",
-      searchTerms: ["subtitle", "small"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Heading3, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
-      }
-    },
-    {
-      title: "Bullet List",
-      description: "Create a simple bullet list.",
-      searchTerms: ["unordered", "point"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(List, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).toggleBulletList().run();
-      }
-    },
-    {
-      title: "Numbered List",
-      description: "Create a list with numbering.",
-      searchTerms: ["ordered"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(ListOrdered, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).toggleOrderedList().run();
-      }
-    },
-    {
-      title: "Quote",
-      description: "Capture a quote.",
-      searchTerms: ["blockquote"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TextQuote, { size: 18 }),
-      command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").toggleBlockquote().run()
-    },
-    {
-      title: "Code",
-      description: "Capture a code snippet.",
-      searchTerms: ["codeblock"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { size: 18 }),
-      command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run()
-    },
-    {
-      title: "Table",
-      description: "Insert a table with rows and columns.",
-      searchTerms: ["table", "grid", "spreadsheet", "data"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
-      }
-    },
-    {
-      title: "Image",
-      description: "Upload an image from your computer.",
-      searchTerms: ["photo", "picture", "media"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { size: 18 }),
-      command: ({ editor, range }) => {
-        editor.chain().focus().deleteRange(range).run();
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = "image/*";
-        input.onchange = async () => {
-          if (input.files?.length) {
-            const file = input.files[0];
-            await onImageUpload(file, editor);
-          }
-        };
-        input.click();
-      }
-    },
-    {
-      title: "Youtube",
-      description: "Embed a Youtube video.",
-      searchTerms: ["video", "youtube", "embed"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Youtube, { size: 18 }),
-      command: ({ editor, range }) => {
-        const videoLink = prompt("Please enter Youtube Video Link");
-        if (!videoLink) return;
-        const ytregex = new RegExp(
-          /^((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube\.com|youtu.be))(\/(?:[\w\-]+\?v=|embed\/|v\/)?)([\w\-]+)(\S+)?$/
-        );
-        if (ytregex.test(videoLink)) {
-          editor.chain().focus().deleteRange(range).setYoutubeVideo({
-            src: videoLink
-          }).run();
-        } else {
-          alert("Please enter a correct Youtube Video Link");
-        }
-      }
-    },
-    {
-      title: "Twitter",
-      description: "Embed a Tweet.",
-      searchTerms: ["twitter", "embed"],
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Twitter, { size: 18 }),
-      command: ({ editor, range }) => {
-        const tweetLink = prompt("Please enter Twitter Link");
-        if (!tweetLink) return;
-        const tweetRegex = new RegExp(
-          /^https?:\/\/(www\.)?x\.com\/([a-zA-Z0-9_]{1,15})(\/status\/(\d+))?(\/\S*)?$/
-        );
-        if (tweetRegex.test(tweetLink)) {
-          editor.chain().focus().deleteRange(range).setTweet({
-            src: tweetLink
-          }).run();
-        } else {
-          alert("Please enter a correct Twitter Link");
-        }
-      }
-    }
-  ];
-}
-function createSlashCommand(items) {
-  return me.configure({
-    suggestion: {
-      items: () => items,
-      render: le
-    }
-  });
-}
-
-const items = [
-  {
-    name: "Text",
-    icon: Text,
-    command: (editor) => editor.chain().focus().clearNodes().run(),
-    isActive: (editor) => editor.isActive("paragraph") && !editor.isActive("bulletList") && !editor.isActive("orderedList")
-  },
-  {
-    name: "Heading 1",
-    icon: Heading1,
-    command: (editor) => editor.chain().focus().clearNodes().toggleHeading({ level: 1 }).run(),
-    isActive: (editor) => editor.isActive("heading", { level: 1 })
-  },
-  {
-    name: "Heading 2",
-    icon: Heading2,
-    command: (editor) => editor.chain().focus().clearNodes().toggleHeading({ level: 2 }).run(),
-    isActive: (editor) => editor.isActive("heading", { level: 2 })
-  },
-  {
-    name: "Heading 3",
-    icon: Heading3,
-    command: (editor) => editor.chain().focus().clearNodes().toggleHeading({ level: 3 }).run(),
-    isActive: (editor) => editor.isActive("heading", { level: 3 })
-  },
-  {
-    name: "To-do List",
-    icon: SquareCheckBig,
-    command: (editor) => editor.chain().focus().clearNodes().toggleTaskList().run(),
-    isActive: (editor) => editor.isActive("taskItem")
-  },
-  {
-    name: "Bullet List",
-    icon: List,
-    command: (editor) => editor.chain().focus().clearNodes().toggleBulletList().run(),
-    isActive: (editor) => editor.isActive("bulletList")
-  },
-  {
-    name: "Numbered List",
-    icon: ListOrdered,
-    command: (editor) => editor.chain().focus().clearNodes().toggleOrderedList().run(),
-    isActive: (editor) => editor.isActive("orderedList")
-  },
-  {
-    name: "Quote",
-    icon: TextQuote,
-    command: (editor) => editor.chain().focus().clearNodes().toggleBlockquote().run(),
-    isActive: (editor) => editor.isActive("blockquote")
-  },
-  {
-    name: "Code",
-    icon: Code,
-    command: (editor) => editor.chain().focus().clearNodes().toggleCodeBlock().run(),
-    isActive: (editor) => editor.isActive("codeBlock")
-  }
-];
-const NodeSelector = ({ open, onOpenChange }) => {
-  const { editor } = useCurrentEditor();
-  if (!editor) return null;
-  const activeItem = items.filter((item) => item.isActive(editor)).pop() ?? {
-    name: "Multiple"
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Button,
-      {
-        size: "sm",
-        variant: "ghost",
-        className: "gap-2 rounded-none border-none hover:bg-accent focus:ring-0",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap text-sm", children: activeItem.name }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "h-4 w-4" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { sideOffset: 5, align: "start", className: "w-48 p-1", children: items.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      w,
-      {
-        onSelect: (ed) => {
-          item.command(ed);
-          onOpenChange(false);
-        },
-        className: "flex cursor-pointer items-center justify-between rounded-sm px-2 py-1 text-sm hover:bg-accent",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-sm border p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(item.icon, { className: "h-3 w-3" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: item.name })
-          ] }),
-          activeItem.name === item.name && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "h-4 w-4" })
-        ]
-      },
-      item.name
-    )) })
-  ] });
-};
-
-const TextButtons = () => {
-  const { editor } = useCurrentEditor();
-  if (!editor) return null;
-  const items = [
-    {
-      name: "bold",
-      isActive: (ed) => ed.isActive("bold"),
-      command: (ed) => ed.chain().focus().toggleBold().run(),
-      icon: Bold
-    },
-    {
-      name: "italic",
-      isActive: (ed) => ed.isActive("italic"),
-      command: (ed) => ed.chain().focus().toggleItalic().run(),
-      icon: Italic
-    },
-    {
-      name: "underline",
-      isActive: (ed) => ed.isActive("underline"),
-      command: (ed) => ed.chain().focus().toggleUnderline().run(),
-      icon: Underline
-    },
-    {
-      name: "strike",
-      isActive: (ed) => ed.isActive("strike"),
-      command: (ed) => ed.chain().focus().toggleStrike().run(),
-      icon: Strikethrough
-    },
-    {
-      name: "code",
-      isActive: (ed) => ed.isActive("code"),
-      command: (ed) => ed.chain().focus().toggleCode().run(),
-      icon: Code
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex", children: items.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    w,
-    {
-      onSelect: (ed) => {
-        item.command(ed);
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button,
-        {
-          size: "sm",
-          className: "rounded-none",
-          variant: "ghost",
-          type: "button",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            item.icon,
-            {
-              className: cn("h-4 w-4", {
-                "text-blue-500": item.isActive(editor)
-              })
-            }
-          )
-        }
-      )
-    },
-    item.name
-  )) });
-};
-
-function isValidUrl(url) {
-  try {
-    new URL(url);
-    return true;
-  } catch (_e) {
-    return false;
-  }
-}
-function getUrlFromString(str) {
-  if (isValidUrl(str)) return str;
-  try {
-    if (str.includes(".") && !str.includes(" ")) {
-      return new URL(`https://${str}`).toString();
-    }
-  } catch (_e) {
-    return null;
-  }
-  return null;
-}
-const LinkSelector = ({ open, onOpenChange }) => {
-  const inputRef = reactExports.useRef(null);
-  const { editor } = useCurrentEditor();
-  reactExports.useEffect(() => {
-    if (open) {
-      inputRef.current?.focus();
-    }
-  }, [open]);
-  if (!editor) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Button,
-      {
-        size: "sm",
-        variant: "ghost",
-        className: "gap-2 rounded-none border-none",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-base", children: "↗" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "p",
-            {
-              className: cn("underline decoration-stone-400 underline-offset-4", {
-                "text-blue-500": editor.isActive("link")
-              }),
-              children: "Link"
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { align: "start", className: "w-60 p-0", sideOffset: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "form",
-      {
-        onSubmit: (e) => {
-          const target = e.currentTarget;
-          e.preventDefault();
-          const input = target[0];
-          const url = getUrlFromString(input.value);
-          if (url) {
-            editor.chain().focus().setLink({ href: url }).run();
-            onOpenChange(false);
-          }
-        },
-        className: "flex p-1",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              placeholder: "Paste a link",
-              className: "flex-1 bg-background p-1 text-sm outline-none",
-              defaultValue: editor.getAttributes("link").href || ""
-            }
-          ),
-          editor.getAttributes("link").href ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              size: "icon",
-              variant: "outline",
-              type: "button",
-              className: "flex h-8 items-center rounded-sm p-1 text-red-600 transition-all hover:bg-red-100 dark:hover:bg-red-800",
-              onClick: () => {
-                editor.chain().focus().unsetLink().run();
-                if (inputRef.current) {
-                  inputRef.current.value = "";
-                }
-                onOpenChange(false);
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash, { className: "h-4 w-4" })
-            }
-          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "icon", type: "submit", className: "h-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "h-4 w-4" }) })
-        ]
-      }
-    ) })
-  ] });
-};
-
-const TEXT_COLORS = [
-  {
-    name: "Default",
-    color: "var(--novel-black)"
-  },
-  {
-    name: "Purple",
-    color: "#9333EA"
-  },
-  {
-    name: "Red",
-    color: "#E00000"
-  },
-  {
-    name: "Yellow",
-    color: "#EAB308"
-  },
-  {
-    name: "Blue",
-    color: "#2563EB"
-  },
-  {
-    name: "Green",
-    color: "#008A00"
-  },
-  {
-    name: "Orange",
-    color: "#FFA500"
-  },
-  {
-    name: "Pink",
-    color: "#BA4081"
-  },
-  {
-    name: "Gray",
-    color: "#A8A29E"
-  }
-];
-const HIGHLIGHT_COLORS = [
-  {
-    name: "Default",
-    color: "var(--novel-highlight-default)"
-  },
-  {
-    name: "Purple",
-    color: "var(--novel-highlight-purple)"
-  },
-  {
-    name: "Red",
-    color: "var(--novel-highlight-red)"
-  },
-  {
-    name: "Yellow",
-    color: "var(--novel-highlight-yellow)"
-  },
-  {
-    name: "Blue",
-    color: "var(--novel-highlight-blue)"
-  },
-  {
-    name: "Green",
-    color: "var(--novel-highlight-green)"
-  },
-  {
-    name: "Orange",
-    color: "var(--novel-highlight-orange)"
-  },
-  {
-    name: "Pink",
-    color: "var(--novel-highlight-pink)"
-  },
-  {
-    name: "Gray",
-    color: "var(--novel-highlight-gray)"
-  }
-];
-const ColorSelector = ({ open, onOpenChange }) => {
-  const { editor } = useCurrentEditor();
-  if (!editor) return null;
-  const activeColorItem = TEXT_COLORS.find(
-    ({ color }) => editor.isActive("textStyle", { color })
-  );
-  const activeHighlightItem = HIGHLIGHT_COLORS.find(
-    ({ color }) => editor.isActive("highlight", { color })
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { size: "sm", className: "gap-2 rounded-none", variant: "ghost", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "span",
-        {
-          className: "rounded-sm px-1",
-          style: {
-            color: activeColorItem?.color,
-            backgroundColor: activeHighlightItem?.color
-          },
-          children: "A"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "h-4 w-4" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      PopoverContent,
-      {
-        sideOffset: 5,
-        className: "my-1 flex max-h-80 w-48 flex-col overflow-hidden overflow-y-auto rounded border p-1 shadow-xl",
-        align: "start",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "my-1 px-2 text-sm font-semibold text-muted-foreground", children: "Color" }),
-            TEXT_COLORS.map(({ name, color }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              w,
-              {
-                onSelect: () => {
-                  editor.commands.unsetColor();
-                  name !== "Default" && editor.chain().focus().setColor(color || "").run();
-                  onOpenChange(false);
-                },
-                className: "flex cursor-pointer items-center justify-between px-2 py-1 text-sm hover:bg-accent",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "div",
-                    {
-                      className: "rounded-sm border px-2 py-px font-medium",
-                      style: { color },
-                      children: "A"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: name })
-                ] })
-              },
-              name
-            ))
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "my-1 px-2 text-sm font-semibold text-muted-foreground", children: "Background" }),
-            HIGHLIGHT_COLORS.map(({ name, color }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              w,
-              {
-                onSelect: () => {
-                  editor.commands.unsetHighlight();
-                  name !== "Default" && editor.chain().focus().setHighlight({ color }).run();
-                  onOpenChange(false);
-                },
-                className: "flex cursor-pointer items-center justify-between px-2 py-1 text-sm hover:bg-accent",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "div",
-                      {
-                        className: "rounded-sm border px-2 py-px font-medium",
-                        style: { backgroundColor: color },
-                        children: "A"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: name })
-                  ] }),
-                  editor.isActive("highlight", { color }) && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "h-4 w-4" })
-                ]
-              },
-              name
-            ))
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-
-const MathSelector = () => {
-  const { editor } = useCurrentEditor();
-  if (!editor) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: "rounded-none w-12",
-      onClick: () => {
-        if (editor.isActive("math")) {
-          editor.chain().focus().unsetLatex().run();
-        } else {
-          const { from, to } = editor.state.selection;
-          const latex = editor.state.doc.textBetween(from, to);
-          if (!latex) return;
-          editor.chain().focus().setLatex({ latex }).run();
-        }
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Sigma,
-        {
-          className: cn("size-4", { "text-blue-500": editor.isActive("math") }),
-          strokeWidth: 2.3
-        }
-      )
-    }
-  );
-};
-
-const TABLE_BUBBLE_MENU_KEY = "notebook-table-bubble-menu";
-const TableActionButton = ({
-  label,
-  onClick,
-  disabled,
-  icon: Icon,
-  tone = "default"
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Button,
-  {
-    type: "button",
-    size: "icon",
-    variant: "ghost",
-    disabled,
-    onClick,
-    title: label,
-    className: cn(
-      "h-8 w-8",
-      tone === "destructive" && "text-destructive hover:text-destructive"
-    ),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "h-4 w-4" })
-  }
-);
-const TableControls = ({ className }) => {
-  const { editor } = useCurrentEditor();
-  if (!editor) return null;
-  const can = editor.can();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-wrap items-center gap-1 rounded-md border border-muted bg-background p-1 shadow-md",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TableActionButton,
-          {
-            label: "Add column before",
-            icon: ArrowLeft,
-            onClick: () => editor.chain().focus().addColumnBefore().run(),
-            disabled: !can.addColumnBefore()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TableActionButton,
-          {
-            label: "Add column after",
-            icon: ArrowRight,
-            onClick: () => editor.chain().focus().addColumnAfter().run(),
-            disabled: !can.addColumnAfter()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical", className: "h-5" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TableActionButton,
-          {
-            label: "Add row above",
-            icon: ArrowUp,
-            onClick: () => editor.chain().focus().addRowBefore().run(),
-            disabled: !can.addRowBefore()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TableActionButton,
-          {
-            label: "Add row below",
-            icon: ArrowDown,
-            onClick: () => editor.chain().focus().addRowAfter().run(),
-            disabled: !can.addRowAfter()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical", className: "h-5" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TableActionButton,
-          {
-            label: "Toggle header row",
-            icon: Heading1,
-            onClick: () => editor.chain().focus().toggleHeaderRow().run(),
-            disabled: !can.toggleHeaderRow()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical", className: "h-5" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TableActionButton,
-          {
-            label: "Delete column",
-            icon: Minus,
-            onClick: () => editor.chain().focus().deleteColumn().run(),
-            disabled: !can.deleteColumn()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TableActionButton,
-          {
-            label: "Delete row",
-            icon: Minus,
-            onClick: () => editor.chain().focus().deleteRow().run(),
-            disabled: !can.deleteRow()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TableActionButton,
-          {
-            label: "Delete table",
-            icon: Trash2,
-            onClick: () => editor.chain().focus().deleteTable().run(),
-            disabled: !can.deleteTable(),
-            tone: "destructive"
-          }
-        )
-      ]
-    }
-  );
-};
-function getActiveTableElement(editor) {
-  const { $from } = editor.state.selection;
-  const tableNode = findParentNodeClosestToPos(
-    $from,
-    (node) => node.type.name === "table"
-  );
-  if (!tableNode) return null;
-  const dom = editor.view.nodeDOM(tableNode.pos);
-  return dom instanceof HTMLElement ? dom : null;
-}
-const TableBubbleMenu = ({ className }) => {
-  const { editor } = useCurrentEditor();
-  if (!editor || editor.isDestroyed) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    P,
-    {
-      pluginKey: TABLE_BUBBLE_MENU_KEY,
-      shouldShow: ({ editor: current }) => current.isEditable && current.isActive("table"),
-      tippyOptions: {
-        placement: "bottom",
-        moveTransition: "transform 0.15s ease-out"
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(TableControls, { className })
-    }
-  );
-};
-const TableToolbar = ({ className }) => {
-  const { editor } = useCurrentEditor();
-  const [position, setPosition] = reactExports.useState(null);
-  const updatePosition = reactExports.useCallback(() => {
-    if (!editor || editor.isDestroyed || !editor.isEditable) {
-      setPosition(null);
-      return;
-    }
-    if (!editor.isActive("table")) {
-      setPosition(null);
-      return;
-    }
-    const table = getActiveTableElement(editor);
-    if (!table) {
-      setPosition(null);
-      return;
-    }
-    const container = editor.view.dom.parentElement || editor.view.dom;
-    const containerRect = container.getBoundingClientRect();
-    const tableRect = table.getBoundingClientRect();
-    const top = tableRect.top - containerRect.top + container.scrollTop - 12;
-    const left = tableRect.left - containerRect.left + container.scrollLeft;
-    setPosition({ top, left, width: tableRect.width });
-  }, [editor]);
-  const scheduleUpdate = reactExports.useMemo(() => {
-    let frame = 0;
-    const handler = () => {
-      if (frame) return;
-      frame = window.requestAnimationFrame(() => {
-        frame = 0;
-        updatePosition();
-      });
-    };
-    return handler;
-  }, [updatePosition]);
-  reactExports.useEffect(() => {
-    if (!editor || editor.isDestroyed) return;
-    const container = editor.view.dom.parentElement || editor.view.dom;
-    updatePosition();
-    editor.on("selectionUpdate", scheduleUpdate);
-    editor.on("transaction", scheduleUpdate);
-    editor.on("focus", scheduleUpdate);
-    editor.on("blur", scheduleUpdate);
-    container.addEventListener("scroll", scheduleUpdate, { passive: true });
-    window.addEventListener("resize", scheduleUpdate);
-    return () => {
-      editor.off("selectionUpdate", scheduleUpdate);
-      editor.off("transaction", scheduleUpdate);
-      editor.off("focus", scheduleUpdate);
-      editor.off("blur", scheduleUpdate);
-      container.removeEventListener("scroll", scheduleUpdate);
-      window.removeEventListener("resize", scheduleUpdate);
-    };
-  }, [editor, scheduleUpdate, updatePosition]);
-  if (!editor || editor.isDestroyed || !position) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: cn(
-        "absolute z-30",
-        className
-      ),
-      style: {
-        top: position.top,
-        left: position.left,
-        width: position.width
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(TableControls, { className: "w-full justify-start" })
-    }
-  );
-};
-
-const EditorBubbleMenu = () => {
-  const { editor } = useCurrentEditor();
-  const [openNode, setOpenNode] = reactExports.useState(false);
-  const [openColor, setOpenColor] = reactExports.useState(false);
-  const [openLink, setOpenLink] = reactExports.useState(false);
-  if (!editor) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    P,
-    {
-      tippyOptions: {
-        placement: "top",
-        onHidden: () => {
-          setOpenNode(false);
-          setOpenColor(false);
-          setOpenLink(false);
-        }
-      },
-      className: "flex w-fit max-w-[90vw] overflow-hidden rounded-md border border-muted bg-background shadow-xl",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(NodeSelector, { open: openNode, onOpenChange: setOpenNode }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(LinkSelector, { open: openLink, onOpenChange: setOpenLink }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(MathSelector, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TextButtons, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ColorSelector, { open: openColor, onOpenChange: setOpenColor })
-      ] })
-    }
-  );
-};
-
-function SkeletonLine({
-  width,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: `h-4 bg-muted rounded animate-pulse ${className}`,
-      style: { width }
-    }
-  );
-}
-function SkeletonBlock() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLine, { width: "85%" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLine, { width: "70%" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLine, { width: "90%" })
-  ] });
-}
-function EditorLoading({ message = "Loading..." }) {
-  const { t } = useI18n("notebook");
-  const resolvedMessage = message === "Loading..." ? t("loading") : message;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "editor-loading h-full flex flex-col bg-background", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-32 h-7 bg-muted rounded animate-pulse" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8 h-8 bg-muted rounded animate-pulse" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8 h-8 bg-muted rounded animate-pulse" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8 h-8 bg-muted rounded animate-pulse" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-[900px] mx-auto px-16 py-12 space-y-8", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-10 bg-muted rounded animate-pulse w-2/3" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonBlock, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonBlock, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-6 bg-muted rounded animate-pulse w-1/2" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonBlock, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-muted/50 rounded-md p-4 space-y-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLine, { width: "60%", className: "h-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLine, { width: "80%", className: "h-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLine, { width: "45%", className: "h-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLine, { width: "70%", className: "h-3" })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonBlock, {})
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 bg-background/80 px-6 py-4 rounded-lg shadow-lg backdrop-blur-sm", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-8 h-8", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 border-2 border-muted rounded-full" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0 border-2 border-primary border-t-transparent rounded-full animate-spin" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: resolvedMessage })
-    ] }) })
-  ] });
-}
-
-function SaveStatusIndicator({ status }) {
-  const { t } = useI18n("notebook");
-  switch (status) {
-    case "saving":
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "w-3 h-3 animate-spin" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("saving") })
-      ] });
-    case "saved":
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-green-600", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "w-3 h-3" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("saved") })
-      ] });
-    case "error":
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-destructive", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "w-3 h-3" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("save_failed") })
-      ] });
-    default:
-      return null;
-  }
-}
-function NotebookToolbar({
-  notebookId,
-  autoSaveStatus,
-  getMarkdown,
-  allowCopy = true
-}) {
-  const [isCopying, setIsCopying] = reactExports.useState(false);
-  const { toast } = useToast();
-  const { t } = useI18n("notebook");
-  const canCopy = allowCopy && (Boolean(notebookId) || Boolean(getMarkdown));
-  const resolveMarkdownContent = reactExports.useCallback(async () => {
-    if (getMarkdown) {
-      const content = await Promise.resolve(getMarkdown());
-      if (typeof content === "string") return content;
-    }
-    if (!notebookId) return "";
-    return await getFileContent(notebookId);
-  }, [getMarkdown, notebookId]);
-  const handleCopy = reactExports.useCallback(async () => {
-    if (!canCopy) return;
-    setIsCopying(true);
-    try {
-      const markdown = await resolveMarkdownContent();
-      if (navigator?.clipboard?.writeText) {
-        await navigator.clipboard.writeText(markdown);
-      } else {
-        const textarea = document.createElement("textarea");
-        textarea.value = markdown;
-        textarea.style.position = "fixed";
-        textarea.style.opacity = "0";
-        document.body.appendChild(textarea);
-        textarea.focus();
-        textarea.select();
-        document.execCommand("copy");
-        textarea.remove();
-      }
-      toast({
-        title: t("copy_success_title"),
-        description: t("copy_success_desc"),
-        variant: "success"
-      });
-    } catch (error) {
-      console.error("[NotebookToolbar] Copy failed:", error);
-      toast({
-        title: t("copy_failed_title"),
-        description: t("try_again"),
-        variant: "destructive"
-      });
-    } finally {
-      setIsCopying(false);
-    }
-  }, [canCopy, resolveMarkdownContent, t, toast]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "notebook-toolbar flex items-center justify-between px-4 py-2 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SaveStatusIndicator, { status: autoSaveStatus }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1", children: canCopy ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted rounded-md transition-colors",
-        onClick: handleCopy,
-        title: t("copy"),
-        children: isCopying ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "w-4 h-4" })
-      }
-    ) : null })
-  ] });
-}
-
-const DEFAULT_DOC = {
-  type: "doc",
-  content: [{ type: "paragraph" }]
-};
-const YJS_FIELD = "prosemirror";
-function isEditorDocEmpty(editor) {
-  const doc = editor.state.doc;
-  if (doc.childCount !== 1) return false;
-  const first = doc.firstChild;
-  if (!first) return true;
-  if (first.type.name !== "paragraph") return false;
-  return first.content.size === 0 && doc.textContent.trim().length === 0;
-}
-function NotebookEditor({
-  context,
-  setDirty,
-  setTitle,
-  className,
-  onMarkdownChange
-}) {
-  const notebookId = context.resourceId;
-  const notebookName = context.resourceName || "Untitled Notebook";
-  const inlineMarkdown = typeof context.customData?.inlineMarkdown === "string" ? context.customData.inlineMarkdown : null;
-  const isInline = inlineMarkdown !== null;
-  const isReadonly = context.customData?.readonly === true || isInline;
-  const fallbackProjectId = useFileTreeStore((state) => state.projectId);
-  const projectId = typeof context.customData?.projectId === "string" ? context.customData.projectId : fallbackProjectId || void 0;
-  const filePath = context.resourcePath ?? void 0;
-  const docKind = inferNotebookDocKind(context);
-  const isMarkdownDoc = docKind === "markdown";
-  const markdownAssetContext = reactExports.useMemo(
-    () => isMarkdownDoc ? getQuestMarkdownContextFromFileId(notebookId) : null,
-    [isMarkdownDoc, notebookId]
-  );
-  const providerRef = reactExports.useRef(null);
-  const projectIdRef = reactExports.useRef(projectId);
-  const saveTimeoutRef = reactExports.useRef(null);
-  const markdownChangeTimeoutRef = reactExports.useRef(null);
-  const baselineMarkdownRef = reactExports.useRef(null);
-  const activeNotebookIdRef = reactExports.useRef(null);
-  const currentNotebookIdRef = reactExports.useRef(null);
-  const suppressMarkdownUpdateRef = reactExports.useRef(false);
-  const [editor, setEditor] = reactExports.useState(null);
-  const [ydoc, setYdoc] = reactExports.useState(null);
-  const [initialMarkdown, setInitialMarkdown] = reactExports.useState(null);
-  const baselineNotebookMarkdownRef = reactExports.useRef(null);
-  const [loadedNotebookId, setLoadedNotebookId] = reactExports.useState(null);
-  const [isInitializing, setIsInitializing] = reactExports.useState(true);
-  const [error, setError] = reactExports.useState(null);
-  const [autoSaveStatus, setAutoSaveStatus] = reactExports.useState("idle");
-  const [resetNonce, setResetNonce] = reactExports.useState(0);
-  const { diffEvent, clearDiff } = useFileDiffOverlay({
-    fileId: notebookId ?? void 0,
-    filePath,
-    projectId
-  });
-  const getCurrentMarkdown = reactExports.useCallback(() => {
-    if (editor) return getEditorMarkdown(editor);
-    if (typeof initialMarkdown === "string") return initialMarkdown;
-    if (typeof baselineNotebookMarkdownRef.current === "string") {
-      return baselineNotebookMarkdownRef.current;
-    }
-    return "";
-  }, [editor, initialMarkdown]);
-  const toDisplayMarkdown = reactExports.useCallback(
-    (markdown) => isMarkdownDoc ? rewriteQuestMarkdownForDisplay(markdown, markdownAssetContext) : markdown,
-    [isMarkdownDoc, markdownAssetContext]
-  );
-  const toStoredMarkdown = reactExports.useCallback(
-    (markdown) => isMarkdownDoc ? rewriteQuestMarkdownForSave(markdown, markdownAssetContext) : markdown,
-    [isMarkdownDoc, markdownAssetContext]
-  );
-  const reloadMarkdownFromServer = reactExports.useCallback(
-    async (force) => {
-      if (!editor || !notebookId || !isMarkdownDoc) return;
-      const currentMarkdown = getEditorMarkdown(editor);
-      const baseline = baselineMarkdownRef.current ?? currentMarkdown;
-      if (!force && currentMarkdown !== baseline) return;
-      try {
-        const latest = toDisplayMarkdown(await getFileContent(notebookId));
-        suppressMarkdownUpdateRef.current = true;
-        setEditorMarkdown(editor, latest);
-        baselineMarkdownRef.current = latest;
-      } catch (error2) {
-        console.warn("[NotebookEditor] Failed to refresh markdown", error2);
-      }
-    },
-    [editor, isMarkdownDoc, notebookId, toDisplayMarkdown]
-  );
-  const notebookIdValue = notebookId ?? null;
-  if (currentNotebookIdRef.current !== notebookIdValue) {
-    currentNotebookIdRef.current = notebookIdValue;
-    activeNotebookIdRef.current = null;
-  }
-  reactExports.useEffect(() => {
-    if (!diffEvent?.diff) return;
-    void reloadMarkdownFromServer(false);
-  }, [diffEvent, reloadMarkdownFromServer]);
-  reactExports.useEffect(() => {
-    if (!notebookId || isInline) return;
-    const handleReload = (event) => {
-      const detail = event.detail;
-      if (!detail) return;
-      if (detail.fileId && detail.fileId !== notebookId) return;
-      if (!detail.fileId && detail.filePath && filePath && detail.filePath !== filePath) {
-        return;
-      }
-      if (!detail.fileId && !detail.filePath) return;
-      void reloadMarkdownFromServer(Boolean(detail.force));
-    };
-    window.addEventListener("ds:file:reload", handleReload);
-    return () => window.removeEventListener("ds:file:reload", handleReload);
-  }, [filePath, isInline, notebookId, reloadMarkdownFromServer]);
-  const imageUploadFn = reactExports.useMemo(() => {
-    return q({
-      onUpload: async (file) => {
-        const currentProjectId = projectIdRef.current;
-        if (!currentProjectId) {
-          console.warn("[NotebookEditor] upload skipped: missing projectId", {
-            fileName: file.name,
-            fileType: file.type
-          });
-          throw new Error("Missing project ID for upload.");
-        }
-        console.debug("[NotebookEditor] upload start", {
-          fileName: file.name,
-          fileType: file.type,
-          fileSize: file.size
-        });
-        if (isMarkdownDoc && markdownAssetContext) {
-          const uploaded = await uploadQuestDocumentAsset(
-            currentProjectId,
-            markdownAssetContext.baseDocumentId,
-            file,
-            "image"
-          );
-          return String(resolveNotebookAssetUrl(uploaded.asset_url));
-        }
-        return uploadNotebookAsset(currentProjectId, file, "image");
-      },
-      validateFn: (file) => {
-        try {
-          if (!projectIdRef.current) {
-            console.warn("[NotebookEditor] validate failed: missing projectId", {
-              fileName: file.name,
-              fileType: file.type
-            });
-            return false;
-          }
-          if (!isSupportedNotebookAsset(file, "image")) {
-            console.warn("[NotebookEditor] validate failed: unsupported image", {
-              fileName: file.name,
-              fileType: file.type
-            });
-            return false;
-          }
-          if (file.size > 10 * 1024 * 1024) {
-            console.warn("[NotebookEditor] validate failed: size limit", {
-              fileName: file.name,
-              fileSize: file.size
-            });
-            return false;
-          }
-          return true;
-        } catch {
-          console.warn("[NotebookEditor] validate failed: unexpected error", {
-            fileName: file.name,
-            fileType: file.type
-          });
-          return false;
-        }
-      }
-    });
-  }, [isMarkdownDoc, markdownAssetContext]);
-  reactExports.useEffect(() => {
-    projectIdRef.current = projectId;
-  }, [projectId]);
-  const handleVideoFiles = reactExports.useCallback(
-    async (files) => {
-      const currentProjectId = projectIdRef.current;
-      if (!editor || !currentProjectId) return;
-      const videoFiles = files.filter(
-        (file) => file.type.startsWith("video/")
-      );
-      if (videoFiles.length === 0) return;
-      for (const file of videoFiles) {
-        try {
-          console.debug("[NotebookEditor] video upload start", {
-            fileName: file.name,
-            fileType: file.type,
-            fileSize: file.size
-          });
-          const src = await uploadNotebookAsset(currentProjectId, file, "video");
-          editor.chain().focus().insertContent({ type: "video", attrs: { src } }).run();
-        } catch (err) {
-          console.error("[NotebookEditor] Video upload failed:", err);
-        }
-      }
-    },
-    [editor]
-  );
-  reactExports.useEffect(() => {
-    setTitle(notebookName);
-  }, [notebookName, setTitle]);
-  reactExports.useEffect(() => {
-    setDirty(autoSaveStatus === "saving" || autoSaveStatus === "error");
-  }, [autoSaveStatus, setDirty]);
-  reactExports.useEffect(() => {
-    if (!editor || initialMarkdown === null) return;
-    if (!notebookId) return;
-    if (activeNotebookIdRef.current !== notebookId) return;
-    if (!initialMarkdown.trim()) return;
-    if (!isEditorDocEmpty(editor)) return;
-    suppressMarkdownUpdateRef.current = true;
-    setEditorMarkdown(editor, initialMarkdown);
-    if (isMarkdownDoc) {
-      baselineMarkdownRef.current = initialMarkdown;
-    } else {
-      baselineNotebookMarkdownRef.current = initialMarkdown;
-    }
-  }, [editor, initialMarkdown, isMarkdownDoc, notebookId]);
-  reactExports.useEffect(() => {
-    if (!onMarkdownChange) return;
-    if (!isMarkdownDoc) return;
-    if (initialMarkdown === null) return;
-    onMarkdownChange(initialMarkdown);
-  }, [initialMarkdown, isMarkdownDoc, onMarkdownChange]);
-  const handleImageUpload = reactExports.useCallback(
-    async (file, editorInstance) => {
-      const currentProjectId = projectIdRef.current;
-      if (!currentProjectId) return;
-      try {
-        console.debug("[NotebookEditor] image upload start", {
-          fileName: file.name,
-          fileType: file.type,
-          fileSize: file.size
-        });
-        const src = isMarkdownDoc && markdownAssetContext ? String(
-          resolveNotebookAssetUrl(
-            (await uploadQuestDocumentAsset(
-              currentProjectId,
-              markdownAssetContext.baseDocumentId,
-              file,
-              "image"
-            )).asset_url
-          )
-        ) : await uploadNotebookAsset(currentProjectId, file, "image");
-        editorInstance.chain().focus().setImage({ src }).run();
-      } catch (err) {
-        console.error("[NotebookEditor] Image upload failed:", err);
-      }
-    },
-    [isMarkdownDoc, markdownAssetContext]
-  );
-  const suggestionItems = reactExports.useMemo(
-    () => buildSuggestionItems(handleImageUpload),
-    [handleImageUpload]
-  );
-  const slashCommand = reactExports.useMemo(
-    () => createSlashCommand(suggestionItems),
-    [suggestionItems]
-  );
-  const extensions = reactExports.useMemo(() => {
-    const list = [...defaultExtensions, slashCommand];
-    if (ydoc) {
-      list.unshift(
-        Collaboration.configure({ document: ydoc, field: YJS_FIELD })
-      );
-    }
-    return list;
-  }, [ydoc, slashCommand]);
-  reactExports.useEffect(() => {
-    if (isInline) {
-      setError(null);
-      setIsInitializing(false);
-      setAutoSaveStatus("idle");
-      setInitialMarkdown(toDisplayMarkdown(inlineMarkdown ?? ""));
-      setYdoc(null);
-      setLoadedNotebookId(notebookIdValue);
-      baselineMarkdownRef.current = toDisplayMarkdown(inlineMarkdown ?? "");
-      baselineNotebookMarkdownRef.current = inlineMarkdown ?? "";
-      suppressMarkdownUpdateRef.current = false;
-      activeNotebookIdRef.current = notebookIdValue;
-      return;
-    }
-    if (!notebookId) {
-      setError("No notebook ID provided");
-      setIsInitializing(false);
-      return;
-    }
-    setError(null);
-    setIsInitializing(true);
-    setAutoSaveStatus("idle");
-    setInitialMarkdown(null);
-    setYdoc(null);
-    setLoadedNotebookId(null);
-    baselineMarkdownRef.current = null;
-    baselineNotebookMarkdownRef.current = null;
-    suppressMarkdownUpdateRef.current = false;
-    activeNotebookIdRef.current = null;
-    let canceled = false;
-    const init = async () => {
-      try {
-        let markdown = null;
-        try {
-          markdown = await getFileContent(notebookId);
-        } catch (err) {
-          if (isMarkdownDoc) {
-            throw err;
-          }
-          console.warn(
-            "[NotebookEditor] Failed to load markdown for notebook:",
-            err
-          );
-        }
-        if (canceled) return;
-        const displayMarkdown = toDisplayMarkdown(markdown ?? "");
-        setInitialMarkdown(displayMarkdown);
-        baselineNotebookMarkdownRef.current = markdown ?? "";
-        if (isMarkdownDoc) {
-          baselineMarkdownRef.current = displayMarkdown;
-          activeNotebookIdRef.current = notebookId;
-          setLoadedNotebookId(notebookId);
-          setIsInitializing(false);
-          return;
-        }
-        if (!projectId) {
-          setError("No project ID provided");
-          setIsInitializing(false);
-          return;
-        }
-        const provider = await createNovelYjsProvider({
-          projectId,
-          notebookId,
-          readonly: isReadonly,
-          onStatus: setAutoSaveStatus,
-          onReset: () => {
-            setHistoryOpen(false);
-            setCollaboratorsOpen(false);
-            setResetNonce((v) => v + 1);
-          }
-        });
-        if (canceled) {
-          provider.dispose();
-          return;
-        }
-        providerRef.current = provider;
-        setYdoc(provider.ydoc);
-        activeNotebookIdRef.current = notebookId;
-        setLoadedNotebookId(notebookId);
-        setIsInitializing(false);
-      } catch (err) {
-        if (canceled) return;
-        console.error("[NotebookEditor] Initialization failed:", err);
-        setError(
-          err instanceof Error ? err.message : "Failed to initialize editor"
-        );
-        setIsInitializing(false);
-      }
-    };
-    init();
-    return () => {
-      canceled = true;
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current);
-        saveTimeoutRef.current = null;
-      }
-      if (markdownChangeTimeoutRef.current) {
-        clearTimeout(markdownChangeTimeoutRef.current);
-        markdownChangeTimeoutRef.current = null;
-      }
-      activeNotebookIdRef.current = null;
-      providerRef.current?.dispose();
-      providerRef.current = null;
-      setEditor(null);
-    };
-  }, [inlineMarkdown, isInline, notebookId, notebookIdValue, projectId, isMarkdownDoc, isReadonly, resetNonce, toDisplayMarkdown]);
-  const handleMarkdownUpdate = reactExports.useCallback(
-    (instance) => {
-      if (isReadonly || !isMarkdownDoc) return;
-      if (!notebookId) return;
-      if (activeNotebookIdRef.current !== notebookId) return;
-      if (suppressMarkdownUpdateRef.current) {
-        suppressMarkdownUpdateRef.current = false;
-        return;
-      }
-      if (onMarkdownChange) {
-        if (markdownChangeTimeoutRef.current) {
-          clearTimeout(markdownChangeTimeoutRef.current);
-        }
-        const previewNotebookId = notebookId;
-        markdownChangeTimeoutRef.current = setTimeout(() => {
-          if (activeNotebookIdRef.current !== previewNotebookId) {
-            return;
-          }
-          onMarkdownChange(getEditorMarkdown(instance));
-        }, 120);
-      }
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current);
-      }
-      setAutoSaveStatus("saving");
-      const saveNotebookId = notebookId;
-      saveTimeoutRef.current = setTimeout(async () => {
-        try {
-          if (activeNotebookIdRef.current !== saveNotebookId) {
-            return;
-          }
-          const markdown = getEditorMarkdown(instance);
-          const storedMarkdown = toStoredMarkdown(markdown);
-          if (baselineMarkdownRef.current === markdown) {
-            setAutoSaveStatus("saved");
-            setTimeout(() => setAutoSaveStatus("idle"), 1500);
-            return;
-          }
-          await updateFileContent(saveNotebookId, storedMarkdown);
-          baselineMarkdownRef.current = markdown;
-          setAutoSaveStatus("saved");
-          setTimeout(() => setAutoSaveStatus("idle"), 1500);
-        } catch (err) {
-          console.error("[NotebookEditor] Markdown save failed:", err);
-          setAutoSaveStatus("error");
-        }
-      }, 1500);
-    },
-    [isReadonly, isMarkdownDoc, notebookId, onMarkdownChange, toStoredMarkdown]
-  );
-  const handleNotebookMarkdownUpdate = reactExports.useCallback(
-    (instance) => {
-      if (isReadonly || isMarkdownDoc) return;
-      if (!notebookId) return;
-      if (activeNotebookIdRef.current !== notebookId) return;
-      if (suppressMarkdownUpdateRef.current) {
-        suppressMarkdownUpdateRef.current = false;
-        return;
-      }
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current);
-      }
-      setAutoSaveStatus("saving");
-      const saveNotebookId = notebookId;
-      saveTimeoutRef.current = setTimeout(async () => {
-        try {
-          if (activeNotebookIdRef.current !== saveNotebookId) {
-            return;
-          }
-          const markdown = getEditorMarkdown(instance);
-          if (baselineNotebookMarkdownRef.current === markdown) {
-            setAutoSaveStatus("saved");
-            setTimeout(() => setAutoSaveStatus("idle"), 1500);
-            return;
-          }
-          await updateFileContent(saveNotebookId, markdown);
-          baselineNotebookMarkdownRef.current = markdown;
-          setAutoSaveStatus("saved");
-          setTimeout(() => setAutoSaveStatus("idle"), 1500);
-        } catch (err) {
-          console.error("[NotebookEditor] Notebook markdown save failed:", err);
-          setAutoSaveStatus("error");
-        }
-      }, 1500);
-    },
-    [isReadonly, isMarkdownDoc, notebookId]
-  );
-  const isFileTransfer = reactExports.useCallback((dataTransfer) => {
-    if (!dataTransfer) return false;
-    if (dataTransfer.files && dataTransfer.files.length > 0) return true;
-    const items = dataTransfer.items ? Array.from(dataTransfer.items) : [];
-    return items.some((item) => item.kind === "file");
-  }, []);
-  const getDroppedFiles = reactExports.useCallback((dataTransfer) => {
-    if (!dataTransfer) return [];
-    if (!isFileTransfer(dataTransfer)) return [];
-    if (dataTransfer.files && dataTransfer.files.length > 0) {
-      return Array.from(dataTransfer.files);
-    }
-    const items = dataTransfer.items ? Array.from(dataTransfer.items) : [];
-    const files = [];
-    for (const item of items) {
-      if (item.kind === "file") {
-        const file = item.getAsFile();
-        if (file) files.push(file);
-      }
-    }
-    return files;
-  }, [isFileTransfer]);
-  const handleContainerDragOver = reactExports.useCallback(
-    (event) => {
-      if (editor?.view.dragging) return;
-      if (!isFileTransfer(event.dataTransfer)) return;
-      const files = getDroppedFiles(event.dataTransfer);
-      if (!files.length) return;
-      event.preventDefault();
-      event.dataTransfer.dropEffect = "copy";
-      console.debug("[NotebookEditor] dragover", {
-        fileCount: files.length,
-        fileTypes: files.map((file) => file.type || "unknown"),
-        dataTypes: Array.from(event.dataTransfer.types ?? []),
-        projectId: projectIdRef.current
-      });
-    },
-    [editor, getDroppedFiles, isFileTransfer]
-  );
-  const handleContainerDrop = reactExports.useCallback(
-    (event) => {
-      if (editor?.view.dragging) return;
-      if (!isFileTransfer(event.dataTransfer)) return;
-      const files = getDroppedFiles(event.dataTransfer);
-      console.debug("[NotebookEditor] container drop", {
-        fileCount: files.length,
-        fileTypes: files.map((file) => file.type || "unknown"),
-        dataTypes: Array.from(event.dataTransfer.types ?? []),
-        hasUploadFn: Boolean(imageUploadFn),
-        projectId: projectIdRef.current
-      });
-      if (!files.length) return;
-      event.preventDefault();
-      event.stopPropagation();
-      if (!editor) {
-        console.warn("[NotebookEditor] container drop ignored: editor missing");
-        return;
-      }
-      const hasVideo = files.some((file) => file.type.startsWith("video/"));
-      if (hasVideo) {
-        handleVideoFiles(files);
-      }
-      if (imageUploadFn) {
-        const handled = J(
-          editor.view,
-          event.nativeEvent,
-          false,
-          imageUploadFn
-        );
-        console.debug("[NotebookEditor] container drop handled", { handled });
-      } else {
-        console.warn("[NotebookEditor] container drop ignored: uploadFn missing");
-      }
-    },
-    [editor, getDroppedFiles, handleVideoFiles, imageUploadFn, isFileTransfer]
-  );
-  if (error) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "notebook-editor-error h-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center space-y-4 p-8 max-w-md", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-destructive text-lg font-medium", children: "Failed to load notebook" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground text-sm", children: error }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-2 justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          className: "px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm",
-          onClick: () => window.location.reload(),
-          children: "Retry"
-        }
-      ) })
-    ] }) });
-  }
-  const isNotebookReady = loadedNotebookId === notebookIdValue && !isInitializing;
-  if (!isNotebookReady) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(EditorLoading, { message: "Initializing editor..." });
-  }
-  if (!isMarkdownDoc && !ydoc) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(EditorLoading, { message: "Loading document..." });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: `notebook-editor flex flex-col flex-1 min-h-0 ${className || ""}`,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          NotebookToolbar,
-          {
-            notebookId: !isInline && notebookId ? notebookId : "",
-            autoSaveStatus,
-            getMarkdown: getCurrentMarkdown
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden flex justify-center px-4 py-4 bg-muted/10", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative h-full w-[min(62.5vw,100%)] max-w-[70rem]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "notebook-editor-container relative h-full overflow-hidden rounded-2xl border border-border bg-background shadow-soft-card",
-            "data-notebook-id": notebookId,
-            onDragOver: handleContainerDragOver,
-            onDrop: handleContainerDrop,
-            children: [
-              diffEvent?.diff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                FileDiffPanel,
-                {
-                  diff: diffEvent.diff,
-                  changeType: diffEvent.changeType,
-                  title: "AI change",
-                  subtitle: notebookName,
-                  onClose: clearDiff,
-                  className: "absolute right-4 top-4 z-20 w-[min(420px,46vw)]"
-                }
-              ) : null,
-              /* @__PURE__ */ jsxRuntimeExports.jsx(U, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                I,
-                {
-                  extensions,
-                  className: "notebook-doc-editor relative h-full w-full overflow-y-auto",
-                  editorProps: {
-                    handleDOMEvents: {
-                      keydown: (_view, event) => ce(event)
-                    },
-                    handlePaste: (view, event) => {
-                      const files = Array.from(event.clipboardData?.files ?? []);
-                      const hasVideo = files.some(
-                        (file) => file.type.startsWith("video/")
-                      );
-                      if (hasVideo) {
-                        event.preventDefault();
-                        handleVideoFiles(files);
-                        if (imageUploadFn) {
-                          G(view, event, imageUploadFn);
-                        }
-                        return true;
-                      }
-                      if (imageUploadFn) {
-                        return G(view, event, imageUploadFn);
-                      }
-                      return false;
-                    },
-                    handleDrop: (view, event, _slice, moved) => {
-                      const isFileDrop = isFileTransfer(event.dataTransfer);
-                      if (!isFileDrop) {
-                        return false;
-                      }
-                      if (moved) {
-                        console.debug("[NotebookEditor] drop ignored: internal move", {
-                          moved,
-                          projectId: projectIdRef.current
-                        });
-                        return false;
-                      }
-                      const files = Array.from(event.dataTransfer?.files ?? []);
-                      console.debug("[NotebookEditor] drop", {
-                        moved,
-                        fileCount: files.length,
-                        fileTypes: files.map((file) => file.type || "unknown"),
-                        dataTypes: Array.from(event.dataTransfer?.types ?? []),
-                        hasUploadFn: Boolean(imageUploadFn),
-                        projectId: projectIdRef.current
-                      });
-                      const hasVideo = files.some(
-                        (file) => file.type.startsWith("video/")
-                      );
-                      if (hasVideo) {
-                        event.preventDefault();
-                        handleVideoFiles(files);
-                        if (imageUploadFn) {
-                          const handled = J(view, event, moved, imageUploadFn);
-                          console.debug("[NotebookEditor] drop handled (video+image)", { handled });
-                        }
-                        return true;
-                      }
-                      if (imageUploadFn) {
-                        const handled = J(view, event, moved, imageUploadFn);
-                        console.debug("[NotebookEditor] drop handled (image)", { handled });
-                        return handled;
-                      }
-                      console.warn("[NotebookEditor] drop ignored: uploadFn missing");
-                      return false;
-                    },
-                    attributes: {
-                      class: "prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full"
-                    }
-                  },
-                  onCreate: ({ editor: instance }) => {
-                    setEditor(instance);
-                    if (isMarkdownDoc && initialMarkdown !== null) {
-                      suppressMarkdownUpdateRef.current = true;
-                      setEditorMarkdown(instance, initialMarkdown);
-                      baselineMarkdownRef.current = initialMarkdown;
-                    }
-                    if (!isMarkdownDoc && ydoc) {
-                      const fragment = ydoc.getXmlFragment(YJS_FIELD);
-                      if (fragment.length === 0 && initialMarkdown !== null) {
-                        suppressMarkdownUpdateRef.current = true;
-                        setEditorMarkdown(instance, initialMarkdown);
-                        baselineNotebookMarkdownRef.current = initialMarkdown;
-                      } else if (fragment.length === 0 && !isReadonly) {
-                        instance.commands.setContent(DEFAULT_DOC);
-                      }
-                    }
-                    if (isReadonly) {
-                      instance.setEditable(false);
-                    }
-                  },
-                  onUpdate: ({ editor: instance }) => {
-                    handleMarkdownUpdate(instance);
-                    handleNotebookMarkdownUpdate(instance);
-                  },
-                  slotAfter: /* @__PURE__ */ jsxRuntimeExports.jsx(K$1, {}),
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs(T, { className: "z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border border-muted bg-background px-1 py-2 text-foreground shadow-md transition-all", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(B, { className: "px-2 text-muted-foreground", children: "No results" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(O, { children: suggestionItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                        S,
-                        {
-                          value: item.title,
-                          onCommand: (val) => item.command?.(val),
-                          className: "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-accent aria-selected:bg-accent",
-                          children: [
-                            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-md border border-muted bg-background text-foreground", children: item.icon }),
-                            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium", children: item.title }),
-                              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: item.description })
-                            ] })
-                          ]
-                        },
-                        item.title
-                      )) })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolbar, {}),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(TableBubbleMenu, {}),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(EditorBubbleMenu, {})
-                  ]
-                }
-              ) })
-            ]
-          }
-        ) }) })
-      ]
-    }
-  );
-}
-
-export { EditorLoading as E, NotebookEditor as N, NotebookToolbar as a };