oasis-editor 0.0.12 → 0.0.13

package/dist/{index-BUOuw27s.js → index-CWev1Jg0.js}

@@ -2214,14 +2214,14 @@ function t(key, params = []) {
   return template2;
 }
 const oasisMarkBase64 = "UklGRmQXAABXRUJQVlA4IFgXAACwWwCdASrAAAABPjEWiUMiISESyL50IAMEswHYDxjW/947Oi5/a/7H+1P90/ar5n65/UvwH+Q/QZm27Sf5n9r/I/5m/2n/p+wv9E/9j3AP07/0X92/HLuKeYL+mf4r/zf3f3tf9x+rnvH/z/qAfzf/J/9/sM/QX/bv02P28+Fb9s/2s+B39h//51gH//6yfrV/QO1z/CdMx6vl0OAGqD8Z+4X6H+9/up8b/6vvP+IeoL+Lfyr/CflxwuoAPz7+0/7T1iPk/9p6R/zXqAflpxyVAX8y+hD/5/6f0W/UX7UfAl/Ov75/zOxr6SR2HAT+kJLsdULBbdVn3b+sl8uZdjuThjIe3NwBwjfGz5SniiBN2m7i7b0hA/wxE1PuC+4EcbOyjUkU3CDDghPY1Va4tpUped9TFa05Qb1z7O+Ye73ccvEl10Sgdj6Hhy71hb/XpA23GjXBN/obAlaswz9gKwvW9d9npbC69rQeTm6DEr/cjrNngjQaHgFGjh4uVY1bY9Q+/iG037f80w0bLlYIe7smzz4tG1kC8r/KyWvzd3IXXrR2bKmhoB3Md69ltbERYFBI/2f+w7Jcsw+aUOGSwP6v6jv3tvwprg/7n5tto40/iRIKwEHQ5H/G5c0tpJ2pwREanIK3qHinjvovnkmuTw0mV2bumYqdc7he7hG0hpvBna8vIRpKYe6K1v3F8trOEtYUwr7w8e6j3nviknKtsFMtPtxZzn0YnhgtOn9inBlwqyEGR+wk7X1KHxOekXCA1UVbmLwGx1NqbI6r2WBOwQdpmpTg85DMOjwzW/JHUmfxKTDfhoXLi9gBMP/+Et6inspdrW1CHkZVLkDll2JyiPvClnvGv9m00oYce3evtpMlDhY3kVYGwfkoCHHyEv9iiN45NFE7+dQ9TacuQ00bHMa8LEFkEgXlbIOOqb/luSgpqPeYJ0te0XOAoIimL6iiPpVwptKTVTYOwRlXsxXOf6TT46ZEkHgAAP7+0P2gKmTluueuNY+U4/vkDd2VmNHsmMNJl1HfoY2poF8/1uoa8CZHpva1s8naGtGSLZnoeinjMs+G3jkzDzxHqqcgkZTAfFgipQReV3vRrkjzfzIdcMA7B4tu1cAg89SYeju2MC8Y/CWafba+MGbhAEzmu3dW8//l1pJrMLCd2MlJ8YLX6EM772du7VOeyFBLhim1VpOzXrWZWlYFTm3pF38p3oH1j5l0JRFlx08AdxScjS2p+L43pSzH9irNn8ow+YlvoXypCXVyQ9DllXxuTiMV7Tw7WkiyBb4a0io2XARXIzAbjnigXygR4j0M4GnhxdRzombgaZd6jiUTORiHX8BIV0fE+8nOv/uleXINQ2JNHrP4IfqDiefxTYTJHXey6xszVKKbcgzzA9VjuS59jQjkZVktrpdXls0pskU+x3iAoGSQxoL3YUs8B9JbG69Vh5VQfRWkjpvjgA+VeqeUoRD1h/PctddTT2eA31zbvwS+0HxGGL7afgwAeSZIDnSqmHLVUc7cH9uA0qf6foiwypxLOe6BLv7FNIwMYXLlkOnCSsiYZmhjpZmUZykMqPtNOPR2teBpziedYDQV2aBZFMP+Guq5u2WRWvvGZ+KNDuQaa4vKl+YbRCwZAaLr6bcL+XjTayKSzz561sUKrzDSPUjEf0cVkTci8SXA+guLEDFEtHATgLEEQD/xiDXvconSzB8CqX0Pys7GniN2V5lI76qUO1knbcPftDFB9DRHcuv4NM/c+9zeyj3iLi2uJhkGEW8MtSZUygLogIc+c43IPKXQXAs9YgZ8Uumypd4xdsgzr5POVy0w0rzP8LhLPiqzL8Nc50JyRi8bvEZraXy3DSHQmuVX39HaRgREI7uqi1sUiL+b0qe/fR53FfE+uCPvVxaWqgr0UicQoWPAXArLgJ6RjGyIgbrq+cv0gBkp65ZH05itLicbTkIWprWJ1pLomPqQZkAYruygNlcmmGct1IJ0OzNjAJQFkVGbwLkeHB/TDbV0Tq/U7ge2Ciaj3HYIMmREQzhx1gk+i2Kwb3DmEaetvzetIiB0nhbRWIMtfOKNM25GU22XNDiHpZiFfMCR04TIoM/jq5qRJ8zukISn5EQJGUSLd1nraQHhAJTkrpt/x6kq5R9er3yXQiOw25imi3mzDte/kbW6ENgYqf3RC1zKdnGEieTDnu+Mfr1L5ORPGTyS4LO2eDcgcd7uKCXNyWLRHYNtj0swtWjA0ia7ezJCwTRrpoU7kY+lL02zDFu+teWU4dda1jD7f0khwFd6lu1ESotG4fSQX/+N6f2n3mwu/NRGflR35gBlCarCAqTnEvPSSAoGg5H65qwNYU4i/xtQET6QIf0wJ9SWoybdwZkdByMBLVM+zWXM09/ZywvcFSeDiQH1mB/LN9o/9kigWXMDCmJ40GdbJriO6LyFd3ZPHE9Mu3cpzAHodpgbNY2L5de3n7cWaFs31Ua4V7IZwif5EJ6RgL52zgWt5THlnmij4W/+o5sga3qHqbIr2R4+KthbXaFSBHLt/MP3sfxs7UyonNA/yO9VDpaR/87nlPJ+486zuaZ6QF6hVZMPFdPUSXrhJYcQn8MarTFxjYFzcGKE5JIdnqU8wrv95YUP2/Vq42hW+eYj3Olg9EpjiSMkrFiYBsyWSOqbJQbpV64E7yVXFNVHUnkvRhUHFSP+YLr+DAyGpc6IIx+dS13PDFTHLAPtK0K8U5nwtn07jExCX4zca4HtBYAPSyMs/rGL+kEh29/08ahsm/8lEASeDKao1fY2pqUMr/GXUf+wwieLDHhs4/785VR9Jg6ZYzV6W8gxpyHNPw/s6/V2XW/PRn+l8MCGPTSDU0H7S/engMTa3XFjmfN+HkF3VBNtsTRv5m/dvtiEW4KJnN3UT1BiuO19GYLvxC553JAMaKnwwtW3q4UUnQwjrRum4luWqFQbWSfFaM0C+nAHkShu+7jB74XTnWfZUljWJrxnV/xRqtBnlio9SHJn93hzCH3c7Z4NGiHUfRlNZeY0GTth7SIjPPNF8uq0Dlon7EpI0JQWPHjAajWRH6+z6HGdnkF6b6ZW5nwveXsbtGl77y181pnrXB8eKRZVF6mnjlOWfzt2DgyrR8KXcfQxdtJ14hmYNbWmVt6oo0syImVWF2VaCy4iac47Xle5VTGAzTK+y4ineIkhp2WUDrKBHpaXNu05EunDhMbGU4OSsDum31/gAk0cpuqbGJmD+AEf+PEyj7okPwWnzbx/Dc+TOUJIq0qPYVLHQs3x5763EiV05ZPV0giHExJHA4tpsZdLBBimjc4jbBcDloQWRyHMa5ZCOsLcAxxe/JUT31Gmy8EeIIJH8oybFtgVsxUB9bTxUCjQ5BTUwGzCI3zFYNmqhwcQx7IRJEaBHnQH0Reiqh7QJu3rZ+1xNRDeUPgc9c3VKwkZhaSS+wB/AQUgUVHzL0w86fefFqaqXbei8E6aCU4PPwLtpC/kphJCHMSQ1y6Z1kN1ztzIcN6EYF0diUBtS0ycH+8OT5Pu7SBn9paZxcr0abOrM0WedcPsmgRTng89PAD7unuoL+34FYNzXeVc2oxzRQ4ukk+O/zYyxVW2bfacfF176N/actMCjkMiZsIzUpK8q9a7xKWWoNNPFKd/zbyQaWPY9NhfWS2yDjBtmYh6SZRBJJRhZFY1ZCKIs4q8Z+hznOqVSPsm9sddQNfg5cn1gdtuZP/HZJqu6YN6Scn2f4RdBhb2iZGyNt/oDFIqQwJHMNiQUeemjv8t+p4Ijz0tCKNPLGmDeuhrplcBQ8LZgSPE3yyXmuIgd31d23LHj43kzNoMc0niaEAXRfvuA7sxLpbzV5x0bNTFYZ7XGX8CpL1m0/X2c9nFxxk1kALcLsOT9VadXCJ5jG+ANfI+RJ24AFfCTjK7mQuWDirqt9FD8ksAvzPM8677h/YcmEfwyrUBm8ZPOjhnMH7I85GVoQjN7zHFN3VXmaMRZMq5uBc5Z3Fhr6JbsBSl8W/hAQAriIBINIylKxSh7iRa2S2MlXJb/uIosUdKoreXYKD3A4xcf5DGnjxfCVm9L9WabGP5Wj/yoRo/h1hEaaHZVjrot+YELnMYMn/gLTHm1w/m5KMKXbqNdB1DZhPOx+vA7WCozWCfqDlJDczg6SQybB1KsP7lk/9gqHS58eVInTlny7MxP6jbCKE5KI1A9uu+rFuO+6iYHCP4xcdPNT6RsYjpSLhjyKHBcCldrMjQzo8IpwYkSyaPxonVxhSjxfBySfPIljfNy/1nL3KyMcXzzR2QnDRABDumnTqfDqAL0PMuLeZ3iBgVlN4j8tdBD+uPIvDjHpXAwFAY1R03QMWGtS84kEElzP0qPlpg1b0zw3KK1daqJC2rmaGE0r0y3Js8W0CVI+e6HMozZ2tAh17caaGjcnbK8WK+l9swvUSc6GaI1mrlnhAHU80EFIql72S66mllwDtIJhkpDfu1xVON+kiZAU8ao6sj+9oN38QZ0orGVOCnj7R9/Qg/VozV+Odtx1nres4cVUpgBpj8Fc+n52K+kkDCl80yVaPS7ZsvtS33mn3xeTn74mvTWcVftb8+e+vFLo6GS5kPRskekS0ViI/hAhQeCFZV7MBwI/jS+B68+YiWv/+9tG7qPNKLsjTR97ead+3YrvlBM3MyRlIpIMcYYgLiiZZ42RJGG2Ip3kPxsx8s3N+SkvM8qLTw3dWhActwY3Xz0O9Crxtfr93PHhfQI71MIUEmX2dnbKTxnqYbLB1kCdS4H9sz6wW02aXo9fzaQo090DuxABjsamN0leUN7a1L24Eev/B75RhLXYXy9SvKxvd0H+KlepkD4doBKROwuwFu7PMog7jmqvAGBHtSF7dE3jwhE60Rjtt95WkgqQDoRO7W57G3tJgdlPverdlAi0zSDFEkBxXTDZ3xheftVoAhRj365OpFIzFBNN+iYfp2eJwBwI7oc5KylPx5/H3NNMcBvx+EOdEu4pkFlpPnmglJKvsNeCyUWhTIvPi308dnqSoifrrilNHk3UeUXSoaVKxQPIBpbiVLPedkJBQjvuOnOriN/V80+Rk9AE7iRMl/Rvc33Lge1jnRC7AFnJbw9ufG8JgbB4RBnyB1xuIUiCfkvBPoNNfbfuc3mrI7pJYLknAXGSG1Nfuo5DtXqw1JfHGlIDRVbootSqBVrEHXnCvvXOPqpNXe5W4fPhMVYwyJoE1qWZVIYo549dcG50Bz6qQo/YwChUIKCG+vkwiJ+kZd1to35s+aGK1HBP60TOjMYwioPiB0J3/M3JbQ7KSXz1mVcAd73cGnyHgB9vEfSEVf3IjVdd3IYtAZ0/87Pzbeu0m9oZpOhzngr2neJbn+1l5AiNG6RK0dNNmmTQI1DnDmM3hW8Yw0TiGX3oNDtv0X6NXbNna7b0YLh3bAB72PiqadyVxVYPRoHY2vCjRrBQzTNTdRIQuw5d0XhFJ4uazuvp5RMF0d9LLckV+iqel5ldUdQ2m5ZxGNPxoABOhV5MznFqE9GLr4EYDl064VOcFjJBkFaei+XN+H1oaqG8qkntUti9NdXEphwxgKW16MEeWuQ/7T8DCeC8+5nyPVF3kG8ZDYZP0AJtv5/WFPn9DWTo7gQTAt0U3JZVcudQ7i7PfvqWa52Qrpy6zQFVTesAyrq995z6UGiHzqiHGDjelUG8bnN+m5+3MMELQAU+rvc4UFgNJ/Qa1DnWJdkMZSUMq+HBoj5ggFBwlL6yDEiRk34idtLXmIy8cMNrjXG0Lu7Reg/CY07ZYRp4eTLUIrFnr8aknQBWq0xHLQwYmjqO/TT6sz+lPCJRE4+FXSaZVynttWJv1H9gEFDgs5dOMCTkwh1ax9dpwLEsm8QPU2G2v6l5zxrcvc1FWtDlcIfQDWNecuvM7bX+STamlHfN4HA0tSPrgMy10RwE79X37FlpC3eESfEmUU5Sn2Lgz9uBA4NH7R9EMNz8KGVeA5rJ7RFnPlwx9M2vGnChVaxeoKI4N9YVr0sWj8Y/GiCB7I+8JW6gxzc0+15MDOLlvzNhS2ZMRENKhrvs2OGvvIyx6PWlYFTgAfxWyDonD1mngwHu6h40bGM3xDeOv7Fy818u6uTUWm/qnaGrSKdrU1BiGP2+T/qtxeK7EQpceSmVbFgnCFJX4knNvrYC+qhU6emMJiCuIjFxiK/W+tgtp++f9TRhfaX2Nn3oisrMYTXHKcxa6Im1QTRMZLyba1njRXKhNQzygEEkCTaQ8NrCaYQ+6QrvlnuYPzQn9OzFNrFgJg+Kuz73CQU6z3r/jsgZ+AkeDDESoMXDRetY1NclRIMGRy8NB9dur+YrXdNDM3vHq9YjXkOx8QgJCFTV06fUmxBrqgoIb5ZaoiWv8mhOuta+5AztMbzxtggvULoILvLB3E95cabrHIgIIxZOGf5bAP9ltq3Yg6Vo4PnZkOd9Ln2vP3vpB0P0ELJDRwUpey+k7bpQF7VfEqg4k28587tqFvrX2ZbQADLJGKhERGVFehFRuqfS8SaXmWVLB4HriwYl4r8k7NMZwbp/xZM7xBrCXt8bEC2wku5PDUb9PyPcQBnoKnstlLSSwJXS2RBFI87PYgEYHNzmYt8y6z1nNB6PBFxJo3NKrprYK77FMfyPAelQnBc4VstXvPnsZRp8NY97NvtRq6GTKOlwuAtFLIMxZ3pu1wxBNRxH9OfiymV6ahDsAF+F4EmS/fmuLxqRCborsgMUTSlcbZCycyfeLgL9FsLfIadOCee++KvLi4ST9ZHhj7tCBhgayemDhSzcFgeFnsyDkGS9qLs7rnySZzxzAwfjlpsYyjkYpuxXbbWuTIqD39mD6NQpuJDKt2Q9x/OKymV3BMjQ/0F4boL/NdfYS24AFVtW/OIFU+AGkN2d5wNbdGC5NrLUrp3q+mjXtg54TBgW2gp8fUOCTxdPzlDp2baT4Q6uAqCfDg3D4V/4VdxkVSlLbiWEpOTl4VtDlNMNSSXmFf/1tPGphwWKj0Agbbd5QjFulttla8pgAAA/Wf+9Td+Oo61eaZLa3tUfTeOXGCKwWJFXCMqaNfIyBue31jEIGX1TddpAj4QyCopCfwrKjKoRX5n4UwcfwADHiInAdeqVgyLiABR8P6u+q5XYOLFlS5rZ1Kpe7uqoHg6rIvAN/gVp/JR0jDVURc9CTdVvWQNne/upBb3VgGGhdLlbcfVEjHw5HwHeOjIx3HP/lXoWaUdTbiLB7DDLQD+VOaVqCh9An7btAcCd6RzgEW165Hqx2ZXLlq8OLCczkDlN8rCAtz8O+4AzSyPK8grVM8ObUU+qc6ZGcCgxaVvvbiTPP2kb765qIU5/Dj+q60L9YPOU6t+1FP6od8x4iXUpAtBsclYfJhOrwv66P13ocoB3LV1x09Eb5wq33vepBq3qYQJQyOHbj/jl4eLRUxXLQgLorpnB4HNs4v40tGGosw2Ka6eDt5K6P8DQK5ozy56BizczJenDjZ5DYx1Xu3YLmI/quRSR8ORIJqwhWFwM+Q8/gNfUL/YgQHlHmfhYi5vjU0TzsgnLyhP/kOFSnR9zjJkIMcYAFB/Ft1tfks1aQiBMtgP4sabdMsauWXINaIyR9ClOZLdIZQVGHUgLjxKW6YiFUs72zTJmKtf/RovsidqZlmEXrWGZ3UuGplChFUtjEkvwi2XxICgc0grD+9/tRt47usAAADGbVjPUInsKZHILQ8Tdvbj09q/9k2Mg7uynD2e+HudOmr+jOK+SyWmKsSZ4pH89FUSffyxPKUMVNp8o1m1apG/WDvwhmHllHVfELy0BgfyAIevaAuIOzl4NX3ayQnv+tsCnIGxjvF1IwPLyoflKFrL2OBFh3pJ57ChDdzSC9IDKqpaycKVMm2mWUPGBLK2cpD+b4VPleMoNCtKZz4AileaHHtk77gduJB8sihmMPR1lV1Vba4pOywdJgGueqt4IcTd2RJFxeSRNjuzHcR4tYGdli66ijJZC20ODhr8miT+cauMIflgiAAAAA=";
-var _tmpl$$Q = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
+var _tmpl$$R = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
 const OASIS_MARK_DATA_URI = `data:image/webp;base64,${oasisMarkBase64}`;
 const MARK_ASPECT = 3 / 4;
 function OasisBrandMark(props) {
   const height = () => props.height ?? 64;
   const width = () => Math.round(height() * MARK_ASPECT);
   return (() => {
-    var _el$ = _tmpl$$Q();
+    var _el$ = _tmpl$$R();
     setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
     setAttribute(_el$, "draggable", false);
     createRenderEffect((_p$) => {
@@ -2238,7 +2238,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$w = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$k = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$Q = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$x = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$l = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const variant = () => props.variant ?? "overlay";
   const pct = () => {
@@ -2247,7 +2247,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$w(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$x(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
     insert(_el$2, createComponent(OasisBrandMark, {
       height: 40,
       "class": "oasis-editor-loading-mark"
@@ -2258,10 +2258,10 @@ function OasisEditorLoading(props) {
         return pct() != null;
       },
       get children() {
-        var _el$6 = _tmpl$$P();
+        var _el$6 = _tmpl$$Q();
         insert(_el$6, (() => {
           var _c$ = memo(() => !!isDone());
-          return () => _c$() ? _tmpl$3$k() : `${pct()}%`;
+          return () => _c$() ? _tmpl$3$l() : `${pct()}%`;
         })());
         return _el$6;
       }
@@ -2310,7 +2310,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-DsSNl4Fj.js").then((m) => {
+    import("./OasisEditorApp-DYcAe_1n.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -3423,11 +3423,17 @@ let nextTableRowId = 1;
 let nextTableCellId = 1;
 let nextFootnoteId = 1;
 let nextBookmarkId = 1;
+let nextCommentId = 1;
 function createEditorBookmarkId() {
   const id = `bookmark:${nextBookmarkId}`;
   nextBookmarkId += 1;
   return id;
 }
+function createEditorCommentId() {
+  const id = `comment:${nextCommentId}`;
+  nextCommentId += 1;
+  return id;
+}
 function createEditorRun(text = "") {
   const run = {
     id: `run:${nextRunId}`,
@@ -4341,8 +4347,8 @@ class MenuRegistry {
   }
 }
 const defaultMenuRegistry = new MenuRegistry();
-var _tmpl$$O = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$v = /* @__PURE__ */ template(`<i>`);
-const FootnoteIcon = () => _tmpl$$O();
+var _tmpl$$P = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$w = /* @__PURE__ */ template(`<i>`);
+const FootnoteIcon = () => _tmpl$$P();
 const CUSTOM_ICONS = {
   footnote: FootnoteIcon
 };
@@ -4356,7 +4362,7 @@ function ToolIcon(props) {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$v();
+        var _el$2 = _tmpl$2$w();
         createRenderEffect(() => setAttribute(_el$2, "data-lucide", props.name));
         return _el$2;
       })();
@@ -4685,7 +4691,7 @@ const defaultMenuItems = [
   }
 ];
 defaultMenuItems.forEach((item) => defaultMenuRegistry.register(item));
-var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$c = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
+var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$d = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
 function Menubar(props) {
   const [activeMenu, setActiveMenu] = createSignal(null);
   const menuItems = () => (props.registry ?? defaultMenuRegistry).getItems();
@@ -4752,13 +4758,13 @@ function Menubar(props) {
   });
   const topLevelItems = () => pruneTree(menuTree());
   return (() => {
-    var _el$ = _tmpl$$N();
+    var _el$ = _tmpl$$O();
     insert(_el$, createComponent(For, {
       get each() {
         return topLevelItems();
       },
       children: (topLevel) => (() => {
-        var _el$2 = _tmpl$3$j(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$3$k(), _el$3 = _el$2.firstChild;
         _el$2.addEventListener("mouseenter", () => {
           if (activeMenu() && activeMenu() !== topLevel.id) {
             setActiveMenu(topLevel.id);
@@ -4778,7 +4784,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$4 = _tmpl$2$u();
+            var _el$4 = _tmpl$2$v();
             insert(_el$4, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -4817,7 +4823,7 @@ function MenuNode(props) {
   } = props;
   const isSeparator = (_a = node.item) == null ? void 0 : _a.separator;
   if (isSeparator) {
-    return _tmpl$4$d();
+    return _tmpl$4$e();
   }
   const hasChildren = node.children.length > 0;
   const [showSub, setShowSub] = createSignal(false);
@@ -4852,7 +4858,7 @@ function MenuNode(props) {
         return icon();
       },
       get children() {
-        var _el$8 = _tmpl$5$c();
+        var _el$8 = _tmpl$5$d();
         insert(_el$8, createComponent(ToolIcon, {
           get name() {
             return icon();
@@ -4905,10 +4911,10 @@ function MenuNode(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
+var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
 function TitleBar(props) {
   return (() => {
-    var _el$ = _tmpl$$M(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+    var _el$ = _tmpl$$N(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
     insert(_el$3, () => props.children);
     return _el$;
   })();
@@ -16874,7 +16880,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$L = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$M = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
   const [items, setItems] = createSignal([]);
@@ -16942,13 +16948,13 @@ function OutlinePanel(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$3$i(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$3$j(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$2, createComponent(Show, {
       get when() {
         return !collapsed();
       },
       get children() {
-        var _el$3 = _tmpl$$L();
+        var _el$3 = _tmpl$$M();
         insert(_el$3, () => t("menu.view.outline") || "Outline");
         return _el$3;
       }
@@ -16959,14 +16965,14 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$t();
+        var _el$6 = _tmpl$2$u();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
           },
           get fallback() {
             return (() => {
-              var _el$7 = _tmpl$4$c();
+              var _el$7 = _tmpl$4$d();
               insert(_el$7, () => t("outline.empty"));
               return _el$7;
             })();
@@ -16977,7 +16983,7 @@ function OutlinePanel(props) {
                 return items();
               },
               children: (item) => (() => {
-                var _el$8 = _tmpl$5$b();
+                var _el$8 = _tmpl$5$c();
                 _el$8.$$click = () => props.onNavigate(item.anchor);
                 insert(_el$8, () => item.text);
                 createRenderEffect((_p$) => {
@@ -17016,7 +17022,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$K = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$s = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
 function ToolbarOverflowManager(props) {
   const [overflowCount, setOverflowCount] = createSignal(0);
   const [menuOpen, setMenuOpen] = createSignal(false);
@@ -17159,7 +17165,7 @@ function ToolbarOverflowManager(props) {
     };
   };
   return (() => {
-    var _el$ = _tmpl$$K(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling;
+    var _el$ = _tmpl$$L(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling;
     var _ref$ = containerRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : containerRef = _el$;
     var _ref$2 = moreMeasureRef;
@@ -17171,7 +17177,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$s();
+        var _el$7 = _tmpl$2$t();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -17247,12 +17253,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$J = /* @__PURE__ */ template(`<span>`), _tmpl$2$r = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$K = /* @__PURE__ */ template(`<span>`), _tmpl$2$s = /* @__PURE__ */ template(`<button type=button>`);
 function Button$1(props) {
   const [local, others] = splitProps(props, ["icon", "label", "active", "tooltip", "wide", "aria-label", "class", "classList"]);
   const ariaLabel = () => local["aria-label"] || local.tooltip || local.label || "";
   return (() => {
-    var _el$ = _tmpl$2$r();
+    var _el$ = _tmpl$2$s();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -17288,7 +17294,7 @@ function Button$1(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$J();
+        var _el$2 = _tmpl$$K();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -17370,7 +17376,7 @@ function useDismiss(options) {
     });
   });
 }
-var _tmpl$$I = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$J = /* @__PURE__ */ template(`<div>`);
 function Popover(props) {
   let anchorRef;
   let panelRef;
@@ -17387,7 +17393,7 @@ function Popover(props) {
     closeOnEscape: props.closeOnEscape
   });
   const panel = (portalled) => (() => {
-    var _el$ = _tmpl$$I();
+    var _el$ = _tmpl$$J();
     addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
@@ -17439,12 +17445,12 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$H = /* @__PURE__ */ template(`<div>`), _tmpl$2$q = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$h = /* @__PURE__ */ template(`<i>`), _tmpl$4$b = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$a = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$5 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$I = /* @__PURE__ */ template(`<div>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$i = /* @__PURE__ */ template(`<i>`), _tmpl$4$c = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$b = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$5 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
 function Menu(props) {
   const [open, setOpen] = createSignal(false);
   const ariaLabel = () => props.tooltip || props.label || "";
   return (() => {
-    var _el$ = _tmpl$2$q();
+    var _el$ = _tmpl$2$r();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -17467,7 +17473,7 @@ function Menu(props) {
             return props.icon;
           },
           get children() {
-            var _el$4 = _tmpl$3$h();
+            var _el$4 = _tmpl$3$i();
             createRenderEffect(() => setAttribute(_el$4, "data-lucide", props.icon));
             return _el$4;
           }
@@ -17477,7 +17483,7 @@ function Menu(props) {
             return props.label;
           },
           get children() {
-            var _el$5 = _tmpl$4$b();
+            var _el$5 = _tmpl$4$c();
             insert(_el$5, () => props.label);
             return _el$5;
           }
@@ -17487,7 +17493,7 @@ function Menu(props) {
             return !props.hideChevron;
           },
           get children() {
-            return _tmpl$5$a();
+            return _tmpl$5$b();
           }
         }), null);
         createRenderEffect((_p$) => {
@@ -17510,7 +17516,7 @@ function Menu(props) {
         return _el$3;
       })(),
       get children() {
-        var _el$2 = _tmpl$$H();
+        var _el$2 = _tmpl$$I();
         _el$2.$$click = (event) => {
           const el = event.target;
           if (el.closest("button") && !el.closest(".oasis-editor-tool-button-dropdown") && !el.closest(".oasis-editor-toolbar-list-options")) {
@@ -17525,7 +17531,7 @@ function Menu(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$G = /* @__PURE__ */ template(`<select>`);
+var _tmpl$$H = /* @__PURE__ */ template(`<select>`);
 function Select(props) {
   let selectRef;
   const [local, others] = splitProps(props, ["wide", "small", "class", "tooltip", "aria-label", "value"]);
@@ -17541,7 +17547,7 @@ function Select(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$$G();
+    var _el$ = _tmpl$$H();
     var _ref$ = selectRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
     spread(_el$, mergeProps({
@@ -17568,15 +17574,15 @@ function Select(props) {
     return _el$;
   })();
 }
-var _tmpl$$F = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
+var _tmpl$$G = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
 function Separator(props) {
   return (() => {
-    var _el$ = _tmpl$$F();
+    var _el$ = _tmpl$$G();
     createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
     return _el$;
   })();
 }
-var _tmpl$$E = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu><i data-lucide=chevron-down>`);
+var _tmpl$$F = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu><i data-lucide=chevron-down>`);
 function SplitButton(props) {
   return createComponent(Popover, {
     get open() {
@@ -17595,7 +17601,7 @@ function SplitButton(props) {
       return props.onPanelMouseLeave;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$$E(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$F(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
       use((el) => api.ref(el), _el$);
       _el$2.$$click = () => props.onMain();
       insert(_el$2, () => props.mainContent);
@@ -17633,7 +17639,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$D = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$p = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$4 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$E = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$q = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$4 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -17698,7 +17704,7 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$p(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$q(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
@@ -17708,7 +17714,7 @@ function ColorPicker(props) {
               return _tmpl$8$1();
             },
             get children() {
-              return _tmpl$$D();
+              return _tmpl$$E();
             }
           }));
           insert(_el$4, clearLabel);
@@ -17716,7 +17722,7 @@ function ColorPicker(props) {
           return _el$;
         }
       }), (() => {
-        var _el$5 = _tmpl$3$g(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+        var _el$5 = _tmpl$3$h(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
         insert(_el$6, () => props.themeColorsLabel);
         insert(_el$7, createComponent(For, {
           get each() {
@@ -17756,7 +17762,7 @@ function ColorPicker(props) {
         }));
         return _el$5;
       })(), (() => {
-        var _el$8 = _tmpl$4$a(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
+        var _el$8 = _tmpl$4$b(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
         insert(_el$9, () => props.standardColorsLabel);
         insert(_el$0, createComponent(For, {
           get each() {
@@ -17793,7 +17799,7 @@ function ColorPicker(props) {
         },
         get children() {
           return [(() => {
-            var _el$1 = _tmpl$5$9(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+            var _el$1 = _tmpl$5$a(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
             _el$1.$$click = () => customColorInputRef == null ? void 0 : customColorInputRef.click();
             insert(_el$11, () => props.moreColorsLabel);
             createRenderEffect(() => setAttribute(_el$1, "data-testid", `${props.testId}-more-colors`));
@@ -17821,7 +17827,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$C = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$o = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$D = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
   const [hover, setHover] = createSignal({
@@ -17895,7 +17901,7 @@ function GridPicker(props) {
     return h.row === 0 || h.col === 0 ? t("toolbar.table") : `${h.row} × ${h.col}`;
   };
   return (() => {
-    var _el$ = _tmpl$3$f();
+    var _el$ = _tmpl$3$g();
     insert(_el$, createComponent(Popover, {
       get open() {
         return isOpen();
@@ -17907,7 +17913,7 @@ function GridPicker(props) {
         col: 0
       }),
       trigger: (api) => (() => {
-        var _el$4 = _tmpl$4$9(), _el$5 = _el$4.firstChild;
+        var _el$4 = _tmpl$4$a(), _el$5 = _el$4.firstChild;
         _el$4.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$4);
         createRenderEffect((_p$) => {
@@ -17929,11 +17935,11 @@ function GridPicker(props) {
       })(),
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$C();
+          var _el$2 = _tmpl$$D();
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$o();
+          var _el$3 = _tmpl$2$p();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -17943,7 +17949,7 @@ function GridPicker(props) {
                 return cols();
               },
               children: (c) => (() => {
-                var _el$6 = _tmpl$5$8();
+                var _el$6 = _tmpl$5$9();
                 _el$6.$$click = () => selectGridSize(r, c);
                 _el$6.$$mousedown = (event) => event.preventDefault();
                 _el$6.addEventListener("mouseenter", () => setHover({
@@ -18033,7 +18039,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$B = /* @__PURE__ */ template(`<i>`), _tmpl$2$n = /* @__PURE__ */ template(`<option value>`), _tmpl$3$e = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$C = /* @__PURE__ */ template(`<i>`), _tmpl$2$o = /* @__PURE__ */ template(`<option value>`), _tmpl$3$f = /* @__PURE__ */ template(`<option>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
     return content.render(api);
@@ -18165,7 +18171,7 @@ function RenderSplit(props) {
     panelRole: "menu",
     get mainContent() {
       return (() => {
-        var _el$ = _tmpl$$B();
+        var _el$ = _tmpl$$C();
         createRenderEffect(() => setAttribute(_el$, "data-lucide", props.item.iconName));
         return _el$;
       })();
@@ -18204,7 +18210,7 @@ function RenderSelect(props) {
           return props.item.placeholder !== void 0;
         },
         get children() {
-          var _el$2 = _tmpl$2$n();
+          var _el$2 = _tmpl$2$o();
           insert(_el$2, () => props.item.placeholder);
           return _el$2;
         }
@@ -18213,7 +18219,7 @@ function RenderSelect(props) {
           return props.item.options(props.api);
         },
         children: (option) => (() => {
-          var _el$3 = _tmpl$3$e();
+          var _el$3 = _tmpl$3$f();
           insert(_el$3, () => option.label);
           createRenderEffect(() => _el$3.value = option.value);
           return _el$3;
@@ -18336,12 +18342,12 @@ function registerToolbarRenderer(type, component) {
 function resolveRenderer(type) {
   return TOOLBAR_RENDERERS[type] ?? customRenderers.get(type);
 }
-var _tmpl$$A = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
+var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
 function ToolbarItemRenderer(props) {
   const binding = bindItem(props.item, props.api);
   const component = () => resolveRenderer(props.item.type);
   return (() => {
-    var _el$ = _tmpl$$A();
+    var _el$ = _tmpl$$B();
     insert(_el$, createComponent(Show, {
       get when() {
         return component();
@@ -18467,7 +18473,7 @@ function buildRibbonGroups(items, tab) {
   });
   return Array.from(groups.values()).sort((a, b) => a.order - b.order);
 }
-var _tmpl$$z = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$m = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
+var _tmpl$$A = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$n = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
 function RibbonTabs(props) {
   const tabs = RIBBON_TAB_DEFINITIONS;
   const moveTab = (current, delta) => {
@@ -18476,11 +18482,11 @@ function RibbonTabs(props) {
     if (next) props.setActiveTab(next.id);
   };
   return (() => {
-    var _el$ = _tmpl$$z();
+    var _el$ = _tmpl$$A();
     insert(_el$, createComponent(For, {
       each: tabs,
       children: (tab) => (() => {
-        var _el$2 = _tmpl$2$m();
+        var _el$2 = _tmpl$2$n();
         _el$2.$$keydown = (event) => {
           if (event.key === "ArrowRight") {
             event.preventDefault();
@@ -18522,10 +18528,10 @@ function RibbonTabs(props) {
   })();
 }
 delegateEvents(["click", "keydown"]);
-var _tmpl$$y = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
+var _tmpl$$z = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
 function RibbonRow(props) {
   return (() => {
-    var _el$ = _tmpl$$y();
+    var _el$ = _tmpl$$z();
     insert(_el$, createComponent(For, {
       get each() {
         return props.items;
@@ -18540,10 +18546,10 @@ function RibbonRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$x = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows></div><div class=oasis-editor-ribbon-group-label>`);
+var _tmpl$$y = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows></div><div class=oasis-editor-ribbon-group-label>`);
 function RibbonGroup(props) {
   return (() => {
-    var _el$ = _tmpl$$x(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$y(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     insert(_el$2, createComponent(RibbonRow, {
       get items() {
         return props.group.rows[1];
@@ -18573,11 +18579,11 @@ function RibbonGroup(props) {
     return _el$;
   })();
 }
-var _tmpl$$w = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
+var _tmpl$$x = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
 function RibbonPanel(props) {
   const groups = () => buildRibbonGroups(props.items(), props.activeTab());
   return (() => {
-    var _el$ = _tmpl$$w();
+    var _el$ = _tmpl$$x();
     insert(_el$, createComponent(For, {
       get each() {
         return groups();
@@ -18601,7 +18607,7 @@ function RibbonPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$v = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$l = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
+var _tmpl$$w = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$m = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
 const shouldAllowNativeMouseDown = (target) => target instanceof Element && target.closest("select, input, textarea, label") !== null;
 function Toolbar(props) {
   const api = createToolbarApi(props.host);
@@ -18631,7 +18637,7 @@ function Toolbar(props) {
     })
   });
   return (() => {
-    var _el$ = _tmpl$$v();
+    var _el$ = _tmpl$$w();
     _el$.$$mousedown = (event) => {
       if (shouldAllowNativeMouseDown(event.target)) {
         return;
@@ -18652,7 +18658,7 @@ function Toolbar(props) {
           return renderItems();
         }
       }) : (() => {
-        var _el$2 = _tmpl$2$l();
+        var _el$2 = _tmpl$2$m();
         insert(_el$2, renderItems);
         return _el$2;
       })();
@@ -18981,10 +18987,10 @@ function createLayoutIdentityStabilizer() {
     return { pages };
   };
 }
-var _tmpl$$u = /* @__PURE__ */ template(`<div class=oasis-editor-page-break style="display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;user-select:none"><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--oasis-toolbar-border, #e0e3e7)"></div><div style="background:var(--oasis-bg, #f6f8fb);padding:0 12px;color:var(--oasis-text-muted, #5f6368);font-size:12px;font-family:var(--oasis-font-ui, sans-serif);z-index:1">`);
+var _tmpl$$v = /* @__PURE__ */ template(`<div class=oasis-editor-page-break style="display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;user-select:none"><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--oasis-toolbar-border, #e0e3e7)"></div><div style="background:var(--oasis-bg, #f6f8fb);padding:0 12px;color:var(--oasis-text-muted, #5f6368);font-size:12px;font-family:var(--oasis-font-ui, sans-serif);z-index:1">`);
 function PageBreak(props) {
   return (() => {
-    var _el$ = _tmpl$$u(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$v(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     insert(_el$3, () => t("metric.pageBreak") || "Page Break");
     return _el$;
   })();
@@ -19453,7 +19459,7 @@ function createCanvasPageRenderer(options) {
     }
   };
 }
-var _tmpl$$t = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$k = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$d = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`);
+var _tmpl$$u = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$l = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$e = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`);
 const canvasTextMeasurer = {
   composeMeasuredParagraphLines: (options) => domTextMeasurer.composeMeasuredParagraphLines(options),
   resolveRenderedLineHeightPx: (styles, lineHeightMultiple) => domTextMeasurer.resolveRenderedLineHeightPx(styles, lineHeightMultiple)
@@ -19522,7 +19528,7 @@ function CanvasEditorSurface(props) {
     return layout;
   });
   return (() => {
-    var _el$ = _tmpl$$t();
+    var _el$ = _tmpl$$u();
     insert(_el$, createComponent(Index, {
       get each() {
         return documentLayout().pages;
@@ -19534,7 +19540,7 @@ function CanvasEditorSurface(props) {
         // inserting an image that triggers re-pagination in a narrow viewport),
         // causing "Failed to execute 'insertBefore'" errors.
         (() => {
-          var _el$2 = _tmpl$2$k();
+          var _el$2 = _tmpl$2$l();
           insert(_el$2, createComponent(Show, {
             when: index > 0,
             get children() {
@@ -19607,7 +19613,7 @@ function CanvasPage(props) {
   });
   onCleanup(() => renderer.dispose());
   return (() => {
-    var _el$3 = _tmpl$3$d(), _el$4 = _el$3.firstChild;
+    var _el$3 = _tmpl$3$e(), _el$4 = _el$3.firstChild;
     addEventListener(_el$3, "dblclick", props.onSurfaceDblClick, true);
     addEventListener(_el$3, "mousemove", props.onSurfaceMouseMove, true);
     addEventListener(_el$3, "click", props.onSurfaceClick, true);
@@ -19944,7 +19950,7 @@ function computeRulerTicks(pageWidth, contentLeft, unit) {
   pushSide(-1);
   return ticks;
 }
-var _tmpl$$s = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler data-testid=editor-horizontal-ruler role=presentation><div class=oasis-editor-horizontal-ruler-track><div class=oasis-editor-horizontal-ruler-page><div class=oasis-editor-horizontal-ruler-margin style=left:0px></div><div class=oasis-editor-horizontal-ruler-margin></div><div class=oasis-editor-horizontal-ruler-content></div><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-first-line"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-hanging"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-left-box"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-right-indent">`), _tmpl$2$j = /* @__PURE__ */ template(`<div>`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
+var _tmpl$$t = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler data-testid=editor-horizontal-ruler role=presentation><div class=oasis-editor-horizontal-ruler-track><div class=oasis-editor-horizontal-ruler-page><div class=oasis-editor-horizontal-ruler-margin style=left:0px></div><div class=oasis-editor-horizontal-ruler-margin></div><div class=oasis-editor-horizontal-ruler-content></div><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-first-line"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-hanging"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-left-box"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-right-indent">`), _tmpl$2$k = /* @__PURE__ */ template(`<div>`), _tmpl$3$d = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
 function getActivePageSettings(state) {
   var _a;
   const idx = getActiveSectionIndex(state);
@@ -20147,7 +20153,7 @@ function HorizontalRuler(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$s(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling;
+    var _el$ = _tmpl$$t(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling;
     var _ref$ = pageRef;
     typeof _ref$ === "function" ? use(_ref$, _el$3) : pageRef = _el$3;
     insert(_el$3, createComponent(For, {
@@ -20155,7 +20161,7 @@ function HorizontalRuler(props) {
         return ticks();
       },
       children: (tick) => [(() => {
-        var _el$11 = _tmpl$2$j();
+        var _el$11 = _tmpl$2$k();
         createRenderEffect((_p$) => {
           var _v$27 = `oasis-editor-horizontal-ruler-tick oasis-editor-horizontal-ruler-tick-${tick.kind}`, _v$28 = `${tick.x}px`;
           _v$27 !== _p$.e && className(_el$11, _p$.e = _v$27);
@@ -20167,7 +20173,7 @@ function HorizontalRuler(props) {
         });
         return _el$11;
       })(), memo(() => memo(() => !!tick.label)() && (() => {
-        var _el$12 = _tmpl$3$c();
+        var _el$12 = _tmpl$3$d();
         insert(_el$12, () => tick.label);
         createRenderEffect((_$p) => setStyleProperty(_el$12, "left", `${tick.x}px`));
         return _el$12;
@@ -20244,10 +20250,10 @@ function HorizontalRuler(props) {
   })();
 }
 delegateEvents(["pointerdown"]);
-var _tmpl$$r = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
+var _tmpl$$s = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
 function CaretOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$r();
+    var _el$ = _tmpl$$s();
     createRenderEffect((_p$) => {
       var _v$ = !!props.active, _v$2 = {
         left: `${props.left}px`,
@@ -20268,16 +20274,16 @@ function CaretOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$q = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$i = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
+var _tmpl$$r = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$j = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
 function SelectionOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$q();
+    var _el$ = _tmpl$$r();
     insert(_el$, createComponent(Index, {
       get each() {
         return props.boxes;
       },
       children: (box) => (() => {
-        var _el$2 = _tmpl$2$i();
+        var _el$2 = _tmpl$2$j();
         createRenderEffect((_p$) => {
           var _v$ = `${box().left}px`, _v$2 = `${box().top}px`, _v$3 = `${box().width}px`, _v$4 = `${box().height}px`;
           _v$ !== _p$.e && setStyleProperty(_el$2, "left", _p$.e = _v$);
@@ -20297,7 +20303,7 @@ function SelectionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$p = /* @__PURE__ */ template(`<div class=oasis-editor-revision-overlay data-testid=editor-revision-overlay><div class=oasis-editor-revision-overlay-content><span class=oasis-editor-revision-overlay-author><strong>:</strong> </span><span class=oasis-editor-revision-overlay-date></span></div><div class=oasis-editor-revision-overlay-arrow>`);
+var _tmpl$$q = /* @__PURE__ */ template(`<div class=oasis-editor-revision-overlay data-testid=editor-revision-overlay><div class=oasis-editor-revision-overlay-content><span class=oasis-editor-revision-overlay-author><strong>:</strong> </span><span class=oasis-editor-revision-overlay-date></span></div><div class=oasis-editor-revision-overlay-arrow>`);
 function RevisionOverlay(props) {
   const formattedDate = () => {
     try {
@@ -20308,7 +20314,7 @@ function RevisionOverlay(props) {
   };
   const label = () => props.box.type === "insert" ? "Inserido por" : "Excluído por";
   return (() => {
-    var _el$ = _tmpl$$p(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$$q(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
     _el$4.nextSibling;
     var _el$7 = _el$3.nextSibling;
     insert(_el$4, label, _el$5);
@@ -20326,6 +20332,111 @@ function RevisionOverlay(props) {
     return _el$;
   })();
 }
+var _tmpl$$p = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$i = /* @__PURE__ */ template(`<span class=oasis-editor-comment-highlight data-testid=editor-comment-highlight>`), _tmpl$3$c = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-date>`), _tmpl$4$9 = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=oasis-editor-comment-popup data-testid=editor-comment-popup><div class=oasis-editor-comment-popup-header><span class=oasis-editor-comment-popup-author></span></div><div class=oasis-editor-comment-popup-body>`);
+function CommentHighlightOverlay(props) {
+  const [activeCommentId, setActiveCommentId] = createSignal(null);
+  const activeComment = createMemo(() => {
+    const id = activeCommentId();
+    if (!id) return null;
+    return props.commentsById()[id] ?? null;
+  });
+  const popupAnchor = createMemo(() => {
+    const id = activeCommentId();
+    if (!id) return null;
+    let best = null;
+    for (const box of props.boxes()) {
+      if (box.commentId !== id) continue;
+      if (!best || box.top < best.top) best = box;
+    }
+    return best;
+  });
+  const formattedDate = (date) => {
+    if (date === void 0) return "";
+    try {
+      return new Date(date).toLocaleString();
+    } catch {
+      return "";
+    }
+  };
+  return (() => {
+    var _el$ = _tmpl$$p();
+    insert(_el$, createComponent(For, {
+      get each() {
+        return props.boxes();
+      },
+      children: (box) => (() => {
+        var _el$2 = _tmpl$2$i();
+        _el$2.$$click = () => setActiveCommentId(box.commentId);
+        _el$2.addEventListener("mouseenter", () => setActiveCommentId(box.commentId));
+        createRenderEffect((_p$) => {
+          var _v$ = !!(activeCommentId() === box.commentId), _v$2 = box.commentId, _v$3 = `${box.left}px`, _v$4 = `${box.top}px`, _v$5 = `${box.width}px`, _v$6 = `${box.height}px`;
+          _v$ !== _p$.e && _el$2.classList.toggle("oasis-editor-comment-highlight-active", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$2, "data-comment-id", _p$.t = _v$2);
+          _v$3 !== _p$.a && setStyleProperty(_el$2, "left", _p$.a = _v$3);
+          _v$4 !== _p$.o && setStyleProperty(_el$2, "top", _p$.o = _v$4);
+          _v$5 !== _p$.i && setStyleProperty(_el$2, "width", _p$.i = _v$5);
+          _v$6 !== _p$.n && setStyleProperty(_el$2, "height", _p$.n = _v$6);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0,
+          n: void 0
+        });
+        return _el$2;
+      })()
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return memo(() => !!activeComment())() && popupAnchor();
+      },
+      get children() {
+        return (() => {
+          const comment = activeComment();
+          const anchor = popupAnchor();
+          return (() => {
+            var _el$3 = _tmpl$5$8(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$8 = _el$4.nextSibling;
+            _el$3.addEventListener("mouseleave", () => setActiveCommentId(null));
+            insert(_el$5, () => comment.author || "—");
+            insert(_el$4, createComponent(Show, {
+              get when() {
+                return comment.date !== void 0;
+              },
+              get children() {
+                var _el$6 = _tmpl$3$c();
+                insert(_el$6, () => formattedDate(comment.date));
+                return _el$6;
+              }
+            }), null);
+            insert(_el$4, createComponent(Show, {
+              get when() {
+                return comment.resolved;
+              },
+              get children() {
+                return _tmpl$4$9();
+              }
+            }), null);
+            insert(_el$8, () => comment.text);
+            createRenderEffect((_p$) => {
+              var _v$7 = `${anchor.left}px`, _v$8 = `${anchor.top + anchor.height + 6}px`;
+              _v$7 !== _p$.e && setStyleProperty(_el$3, "left", _p$.e = _v$7);
+              _v$8 !== _p$.t && setStyleProperty(_el$3, "top", _p$.t = _v$8);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
+            return _el$3;
+          })();
+        })();
+      }
+    }), null);
+    return _el$;
+  })();
+}
+delegateEvents(["click"]);
 var _tmpl$$o = /* @__PURE__ */ template(`<div class=oasis-editor-floating-toolbar data-testid=editor-floating-table-toolbar><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group>`);
 function FloatingTableToolbar(props) {
   const host = () => props.host();
@@ -31596,6 +31707,16 @@ function parseBookmarkMarker(element) {
     ...colLast !== void 0 && !Number.isNaN(colLast) ? { colLast } : {}
   };
 }
+function parseCommentMarker(element) {
+  const docxId = getAttributeValue(element, "id");
+  if (!docxId) {
+    return void 0;
+  }
+  return {
+    kind: element.localName === "commentRangeEnd" ? "end" : "start",
+    docxId
+  };
+}
 async function parseRunElement(runElement, zip, relsMap, assets, parseNestedBlocks) {
   const textParts = [];
   let image;
@@ -31603,6 +31724,7 @@ async function parseRunElement(runElement, zip, relsMap, assets, parseNestedBloc
   let sym;
   let textLength = 0;
   const innerBookmarks = [];
+  const innerComments = [];
   const pushText = (value) => {
     textParts.push(value);
     textLength += value.length;
@@ -31635,7 +31757,13 @@ async function parseRunElement(runElement, zip, relsMap, assets, parseNestedBloc
           innerBookmarks.push({ offset: textLength, marker });
         }
         continue;
-      } else if (element.localName === "proofErr" || element.localName === "commentRangeStart" || element.localName === "commentRangeEnd" || element.localName === "commentReference" || element.localName === "permStart" || element.localName === "permEnd") {
+      } else if (element.localName === "commentRangeStart" || element.localName === "commentRangeEnd") {
+        const marker = parseCommentMarker(element);
+        if (marker) {
+          innerComments.push({ offset: textLength, marker });
+        }
+        continue;
+      } else if (element.localName === "proofErr" || element.localName === "commentReference" || element.localName === "permStart" || element.localName === "permEnd") {
         continue;
       } else if (element.localName === "cr") {
         pushText("\n");
@@ -31686,6 +31814,7 @@ async function parseRunElement(runElement, zip, relsMap, assets, parseNestedBloc
     image,
     ...textBox ? { textBox } : {},
     ...innerBookmarks.length > 0 ? { innerBookmarks } : {},
+    ...innerComments.length > 0 ? { innerComments } : {},
     ...sym ? { sym } : {}
   };
 }
@@ -31783,6 +31912,14 @@ async function parseRunsContainer(container, numberingMaps, zip, relsMap, assets
       runs.push({ text: "", bookmark: marker });
       continue;
     }
+    if (element.localName === "commentRangeStart" || element.localName === "commentRangeEnd") {
+      const marker = parseCommentMarker(element);
+      if (!marker) {
+        continue;
+      }
+      runs.push({ text: "", comment: marker });
+      continue;
+    }
     if (element.localName === "r") {
       const runStyles = parseRunStyle(
         getFirstChildByTagNameNS(element, WORD_NS, "rPr"),
@@ -31858,13 +31995,7 @@ async function parseRunsContainer(container, numberingMaps, zip, relsMap, assets
         });
         continue;
       }
-      const { text, image, textBox, innerBookmarks, sym } = await parseRunElement(
-        element,
-        zip,
-        relsMap,
-        assets,
-        parseNestedBlocks
-      );
+      const { text, image, textBox, innerBookmarks, innerComments, sym } = await parseRunElement(element, zip, relsMap, assets, parseNestedBlocks);
       let styles = runStyles;
       if (sym && !(styles == null ? void 0 : styles.fontFamily)) {
         (styles ?? (styles = {})).fontFamily = sym.font;
@@ -31872,14 +32003,25 @@ async function parseRunsContainer(container, numberingMaps, zip, relsMap, assets
       if (inheritedLink) {
         (styles ?? (styles = {})).link = inheritedLink;
       }
-      if (innerBookmarks && innerBookmarks.length > 0 && !image && !textBox) {
+      const innerMarkers = [
+        ...(innerBookmarks ?? []).map((m) => ({
+          offset: m.offset,
+          run: { text: "", bookmark: m.marker }
+        })),
+        ...(innerComments ?? []).map((m) => ({
+          offset: m.offset,
+          run: { text: "", comment: m.marker }
+        }))
+      ];
+      if (innerMarkers.length > 0 && !image && !textBox) {
+        innerMarkers.sort((a, b) => a.offset - b.offset);
         let cursor = 0;
-        for (const inner of innerBookmarks) {
+        for (const inner of innerMarkers) {
           const segment = text.slice(cursor, inner.offset);
           if (segment.length > 0) {
             runs.push({ text: segment, ...styles ? { styles } : {} });
           }
-          runs.push({ text: "", bookmark: inner.marker });
+          runs.push(inner.run);
           cursor = inner.offset;
         }
         const tail = text.slice(cursor);
@@ -32796,6 +32938,9 @@ function createImportedParagraph(runs, paragraphStyle, list, markRunStyle) {
     if (run.bookmark) {
       paragraph.runs[index].__importedBookmark = { ...run.bookmark };
     }
+    if (run.comment) {
+      paragraph.runs[index].__importedComment = { ...run.comment };
+    }
     if (run.sym) {
       paragraph.runs[index].sym = { ...run.sym };
     }
@@ -32814,7 +32959,7 @@ function splitRunsAtPageBreaks(runs) {
   const segments = [[]];
   let hasPageBreak = false;
   const appendRun = (run, text) => {
-    if (text.length === 0 && !run.image && !run.textBox && !run.field && !run.fieldChar && run.fieldInstruction === void 0 && !run.bookmark) {
+    if (text.length === 0 && !run.image && !run.textBox && !run.field && !run.fieldChar && run.fieldInstruction === void 0 && !run.bookmark && !run.comment) {
       return;
     }
     segments[segments.length - 1].push({
@@ -32840,7 +32985,7 @@ function splitRunsAtPageBreaks(runs) {
 }
 function paragraphHasVisibleContent(runs) {
   return runs.some(
-    (run) => run.image || run.textBox || run.field || run.fieldChar || run.fieldInstruction !== void 0 || run.bookmark || run.text.replace(/\s/g, "").length > 0
+    (run) => run.image || run.textBox || run.field || run.fieldChar || run.fieldInstruction !== void 0 || run.bookmark || run.comment || run.text.replace(/\s/g, "").length > 0
   );
 }
 async function parseParagraphNodes(paragraphNode, numberingMaps, zip, relsMap, assets, theme, inheritedStyle) {
@@ -33158,7 +33303,7 @@ async function parseEndnotesXml(xmlContent, numberingMaps, zip, relsMap, assets,
   };
 }
 const RESERVED_BOOKMARK_NAMES = /* @__PURE__ */ new Set(["_GoBack"]);
-function collectFromBlock(block, out, seqRef) {
+function collectFromBlock$1(block, out, seqRef) {
   if (block.type === "paragraph") {
     let offset = 0;
     const kept = [];
@@ -33187,7 +33332,7 @@ function collectFromBlock(block, out, seqRef) {
   for (const row of block.rows) {
     for (const cell of row.cells) {
       for (const child of cell.blocks) {
-        collectFromBlock(child, out, seqRef);
+        collectFromBlock$1(child, out, seqRef);
       }
     }
   }
@@ -33197,7 +33342,7 @@ function extractBookmarksFromSections(sections) {
   const boundaries = [];
   const seqRef = { value: 0 };
   const visit = (blocks) => {
-    blocks == null ? void 0 : blocks.forEach((block) => collectFromBlock(block, boundaries, seqRef));
+    blocks == null ? void 0 : blocks.forEach((block) => collectFromBlock$1(block, boundaries, seqRef));
   };
   for (const section of sections) {
     visit(section.blocks);
@@ -33262,8 +33407,157 @@ function extractBookmarksFromSections(sections) {
   }
   return { items, order };
 }
+function collectFromBlock(block, out, seqRef) {
+  if (block.type === "paragraph") {
+    let offset = 0;
+    const kept = [];
+    for (const run of block.runs) {
+      const marker = run.__importedComment;
+      if (marker) {
+        out.push({
+          marker,
+          anchor: {
+            paragraphId: block.id,
+            offset,
+            seq: seqRef.value
+          }
+        });
+        seqRef.value += 1;
+        continue;
+      }
+      offset += run.text.length;
+      kept.push(run);
+    }
+    if (kept.length !== block.runs.length) {
+      block.runs = kept.length > 0 ? kept : [createEditorRun("")];
+    }
+    return;
+  }
+  for (const row of block.rows) {
+    for (const cell of row.cells) {
+      for (const child of cell.blocks) {
+        collectFromBlock(child, out, seqRef);
+      }
+    }
+  }
+}
+function extractCommentRangesFromSections(sections) {
+  const boundaries = [];
+  const seqRef = { value: 0 };
+  const visit = (blocks) => {
+    blocks == null ? void 0 : blocks.forEach((block) => collectFromBlock(block, boundaries, seqRef));
+  };
+  for (const section of sections) {
+    visit(section.blocks);
+    visit(section.header);
+    visit(section.firstPageHeader);
+    visit(section.evenPageHeader);
+    visit(section.footer);
+    visit(section.firstPageFooter);
+    visit(section.evenPageFooter);
+  }
+  const ranges = /* @__PURE__ */ new Map();
+  for (const { marker, anchor } of boundaries) {
+    const range = ranges.get(marker.docxId) ?? {};
+    if (marker.kind === "start") {
+      range.start = anchor;
+    } else {
+      range.end = anchor;
+    }
+    ranges.set(marker.docxId, range);
+  }
+  return ranges;
+}
+const WORD15_NS = "http://schemas.microsoft.com/office/word/2012/wordml";
+function flattenCommentText(element) {
+  let out = "";
+  for (let index = 0; index < element.childNodes.length; index += 1) {
+    const node = element.childNodes[index];
+    if ((node == null ? void 0 : node.nodeType) !== node.ELEMENT_NODE) {
+      continue;
+    }
+    const child = node;
+    if (child.namespaceURI === WORD_NS) {
+      if (child.localName === "t") {
+        out += child.textContent ?? "";
+        continue;
+      }
+      if (child.localName === "tab") {
+        out += "	";
+        continue;
+      }
+      if (child.localName === "br" || child.localName === "cr") {
+        out += "\n";
+        continue;
+      }
+    }
+    out += flattenCommentText(child);
+  }
+  return out;
+}
+function parseDate(value) {
+  if (!value) {
+    return void 0;
+  }
+  const ms = Date.parse(value);
+  return Number.isNaN(ms) ? void 0 : ms;
+}
+function parseCommentsExtended(xml) {
+  const done = /* @__PURE__ */ new Map();
+  if (!xml) {
+    return done;
+  }
+  const doc = new DOMParser$1().parseFromString(xml, "application/xml");
+  const root = doc.documentElement;
+  if (!root) {
+    return done;
+  }
+  for (const ex of getChildrenByTagNameNS(root, WORD15_NS, "commentEx")) {
+    const paraId = ex.getAttributeNS(WORD15_NS, "paraId");
+    if (!paraId) {
+      continue;
+    }
+    const isDone = ex.getAttributeNS(WORD15_NS, "done");
+    done.set(paraId, isDone === "1" || isDone === "true");
+  }
+  return done;
+}
+function parseCommentsXml(commentsXml, commentsExtendedXml) {
+  const byDocxId = /* @__PURE__ */ new Map();
+  if (!commentsXml) {
+    return byDocxId;
+  }
+  const doc = new DOMParser$1().parseFromString(commentsXml, "application/xml");
+  const root = doc.documentElement;
+  if (!root) {
+    return byDocxId;
+  }
+  const doneByParaId = parseCommentsExtended(commentsExtendedXml);
+  for (const comment of getChildrenByTagNameNS(root, WORD_NS, "comment")) {
+    const docxId = getAttributeValue(comment, "id");
+    if (docxId === null) {
+      continue;
+    }
+    const author = getAttributeValue(comment, "author") ?? "";
+    const initials = getAttributeValue(comment, "initials") ?? void 0;
+    const date = parseDate(getAttributeValue(comment, "date"));
+    const paragraphs = getChildrenByTagNameNS(comment, WORD_NS, "p");
+    const text = paragraphs.map((p) => flattenCommentText(p)).join("\n").trim();
+    const paraId = paragraphs.length > 0 ? getAttributeValue(paragraphs[0], "paraId") ?? void 0 : void 0;
+    const resolved = paraId !== void 0 ? doneByParaId.get(paraId) : void 0;
+    byDocxId.set(docxId, {
+      author,
+      ...initials ? { initials } : {},
+      ...date !== void 0 ? { date } : {},
+      text,
+      ...resolved ? { resolved } : {},
+      ...paraId ? { paraId } : {}
+    });
+  }
+  return byDocxId;
+}
 async function importDocxToEditorDocument(buffer, options = {}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   (_a = options.onProgress) == null ? void 0 : _a.call(options, "opening-docx");
   const zip = await JSZip.loadAsync(buffer);
   const documentXml = await ((_b = zip.file("word/document.xml")) == null ? void 0 : _b.async("string"));
@@ -33524,6 +33818,11 @@ async function importDocxToEditorDocument(buffer, options = {}) {
   const editorEndnotes = Object.keys(parsedEndnotes.endnotes.items).length > 0 || parsedEndnotes.endnotes.separator || parsedEndnotes.endnotes.continuationSeparator || parsedEndnotes.endnotes.settings ? parsedEndnotes.endnotes : void 0;
   remapImportedEndnoteRefsInSections(sections, parsedEndnotes.byDocxId);
   const editorBookmarks = extractBookmarksFromSections(sections);
+  const commentRanges = extractCommentRangesFromSections(sections);
+  const commentsXml = await ((_l = zip.file("word/comments.xml")) == null ? void 0 : _l.async("string")) ?? null;
+  const commentsExtendedXml = await ((_m = zip.file("word/commentsExtended.xml")) == null ? void 0 : _m.async("string")) ?? null;
+  const commentBodies = parseCommentsXml(commentsXml, commentsExtendedXml);
+  const editorComments = buildEditorComments(commentRanges, commentBodies);
   const shouldPreserveSections = sections.length > 1 || sections.some(
     (section) => {
       var _a2, _b2, _c2, _d2, _e2, _f2;
@@ -33550,6 +33849,9 @@ async function importDocxToEditorDocument(buffer, options = {}) {
     if (editorBookmarks) {
       result.bookmarks = editorBookmarks;
     }
+    if (editorComments) {
+      result.comments = editorComments;
+    }
     return result;
   };
   if (shouldPreserveSections) {
@@ -33579,6 +33881,44 @@ async function importDocxToEditorDocument(buffer, options = {}) {
   }
   return finalize(doc);
 }
+function buildEditorComments(ranges, bodies) {
+  const docxIds = /* @__PURE__ */ new Set([...ranges.keys(), ...bodies.keys()]);
+  if (docxIds.size === 0) {
+    return void 0;
+  }
+  const sorted = [...docxIds].sort((a, b) => {
+    const na = Number.parseInt(a, 10);
+    const nb = Number.parseInt(b, 10);
+    if (Number.isNaN(na) || Number.isNaN(nb)) {
+      return a.localeCompare(b);
+    }
+    return na - nb;
+  });
+  const items = {};
+  const order = [];
+  for (const docxId of sorted) {
+    const range = ranges.get(docxId);
+    const body = bodies.get(docxId);
+    if (!range && !body) {
+      continue;
+    }
+    const id = createEditorCommentId();
+    const docxIdNum = Number.parseInt(docxId, 10);
+    items[id] = {
+      id,
+      author: (body == null ? void 0 : body.author) ?? "",
+      ...(body == null ? void 0 : body.initials) ? { initials: body.initials } : {},
+      ...(body == null ? void 0 : body.date) !== void 0 ? { date: body.date } : {},
+      ...(body == null ? void 0 : body.resolved) ? { resolved: body.resolved } : {},
+      text: (body == null ? void 0 : body.text) ?? "",
+      ...(range == null ? void 0 : range.start) ? { start: range.start } : {},
+      ...(range == null ? void 0 : range.end) ? { end: range.end } : {},
+      ...Number.isNaN(docxIdNum) ? {} : { docxIdHint: docxIdNum }
+    };
+    order.push(id);
+  }
+  return order.length > 0 ? { items, order } : void 0;
+}
 function remapImportedFootnoteRefsInSections(sections, byDocxId) {
   var _a, _b, _c, _d, _e, _f;
   const remapBlock = (block) => {
@@ -33669,7 +34009,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-CtcRQ7NG.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-cjz15bhS.js", import.meta.url).href,
         import.meta.url
       ),
       {
@@ -34448,6 +34788,10 @@ function OasisEditorEditor(props) {
   };
   const selectedImage = createMemo(() => overlays().selectedImageBox());
   const selectedTextBox = createMemo(() => overlays().selectedTextBoxBox());
+  const commentsById = createMemo(() => {
+    var _a;
+    return ((_a = props.state().document.comments) == null ? void 0 : _a.items) ?? {};
+  });
   createEffect(() => {
     statusDocumentLayout();
     queueMicrotask(recomputeViewportPageIndex);
@@ -34563,6 +34907,19 @@ function OasisEditorEditor(props) {
         });
       }
     }), _el$4);
+    insert(_el$3, createComponent(Show, {
+      get when() {
+        return overlays().commentHighlights().length > 0;
+      },
+      get children() {
+        return createComponent(CommentHighlightOverlay, {
+          get boxes() {
+            return overlays().commentHighlights;
+          },
+          commentsById
+        });
+      }
+    }), _el$4);
     insert(_el$3, createComponent(ResizeHandlesOverlay, {
       box: selectedImage,
       get readOnly() {