oasis-editor 0.0.11 → 0.0.13

package/dist/{OasisEditorApp-BgOoWqpC.js → OasisEditorApp-DYcAe_1n.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as createEditorStyledRun, b as getParagraphLength, d as getParagraphText, e as getActiveZone, f as getDocumentSections, h as getActiveSectionIndex, p as positionToParagraphOffset, i as paragraphOffsetToPosition, j as clampPosition, k as findParagraphIndex, l as createCollapsedSelection, m as isSelectionCollapsed, o as createEditorParagraph, q as getBlockParagraphs, r as findParagraphTableLocation, s as buildTableCellLayout, t as createEditorTableCell, u as createEditorTable, v as createEditorTableRow, w as underlineStyleToCssDecorationStyle, x as resolveImageSrc, y as createEditorFootnote, z as createFootnoteReferenceRun, A as renumberFootnotes, B as iterateFootnoteReferenceRuns, C as getFootnoteDisplayMarker, D as createSignal, E as createEffect, F as onCleanup, G as buildCanvasLayoutSnapshot, H as on, I as onMount, J as debounce, K as unwrap, L as getDocumentParagraphs, M as getDocumentSectionsCanonical, N as createEditorDocument, O as getPageContentWidth, P as getDocumentPageSettings, Q as getTableCellContentWidthForParagraph, R as resolveResizedDimensions, S as resolveTextBoxRenderHeight, T as resolveEffectiveParagraphStyle, U as resolveEffectiveTextStyleForParagraph, V as iterateEndnoteReferenceRuns, W as JSZip, X as imageContentTypeDefaults, Y as imageExtensionFromMime, Z as pxToPt$1, _ as buildSegmentTable, $ as buildCanvasTableLayout, a0 as resolveFloatingObjectRect, a1 as getTextBoxFloatingGeometry, a2 as getPresetPathSegments, a3 as projectBlocksLayout, a4 as textStyleToFontSizePt, a5 as PX_PER_POINT, a6 as DEFAULT_FONT_SIZE_PX, a7 as isDoubleUnderlineStyle, a8 as isWavyUnderlineStyle, a9 as underlineStyleLineWidthPx, aa as underlineStyleDashArray, ab as getListLabelInset, ac as getParagraphBorderInsets, ad as normalizeFamily, ae as ROBOTO_FONT_FILES, af as loadFontAsset, ag as OFFICE_COMPAT_FONT_FAMILIES, ah as buildSfnt, ai as defaultFontDecoderRegistry, aj as SfntFontProgram, ak as collectPdfFontFamilies, al as projectDocumentLayout, am as getPageHeaderZoneTop, an as getPageBodyTop, ao as findFootnoteReference, ap as FOOTNOTE_MARKER_GUTTER_PX, aq as resolveImporterForFile, ar as createEditorStateFromDocument, as as getDocumentParagraphsCanonical, at as getToolbarStyleState, au as STANDARD_FONT_SIZES_PT, av as fontSizePxToPt, aw as probeLocalFontFamilies, ax as createInitialEditorState, ay as parseFontSizePtToPx, az as formatFontSizePt, aA as listKindForTag, aB as isParagraphTag, aC as collectInlineRuns, aD as parseParagraphStyle, aE as t, aF as preciseFontModeVersion, aG as isPreciseFontModeEnabled, aH as togglePreciseFontMode, aI as nextFontSizePt, aJ as previousFontSizePt, aK as fontSizePtToPx, aL as createDefaultToolbarPreset, aM as defaultMenuItems, aN as MenuRegistry, aO as createToolbarRegistry, aP as Editor, aQ as resolveCommandRef, aR as commandRefName, aS as InlineShell, aT as BalloonShell, aU as DocumentShell, aV as createMemo, aW as getCaretRectFromSnapshot, aX as getParagraphRectFromSnapshot, aY as createComponent, aZ as CaretOverlay, a_ as Show, a$ as createRenderEffect, b0 as style, b1 as setAttribute, b2 as setStyleProperty, b3 as memo, b4 as template, b5 as insert, b6 as use, b7 as addEventListener, b8 as Dialog, b9 as delegateEvents, ba as className, bb as For, bc as UNDERLINE_STYLE_OPTIONS, bd as Tabs, be as measureParagraphMinContentWidthPx, bf as getEditableBlocksForZone, bg as findParagraphLocation, bh as createSectionBoundaryParagraph, bi as normalizePageSettings, bj as DEFAULT_EDITOR_PAGE_SETTINGS, bk as markStart, bl as markEnd, bm as getParagraphEntries, bn as getParagraphById, bo as PluginUiHost, bp as OasisEditorEditor, bq as perfTimer, br as OasisBrandMark, bs as setPreciseFontPreference, bt as setWelcomeSeen, bu as enablePreciseFontMode, bv as createOasisEditorClient, bw as setLocale, bx as startLongTaskObserver, by as installGlobalReport, bz as applyStoredPreciseFontPreference, bA as getWelcomeSeen, bB as isLocalFontAccessSupported, bC as EDITOR_SCROLL_PADDING_PX, bD as Toolbar, bE as OasisEditorLoading, bF as createEditorLogger, bG as getCachedCanvasImage, bH as registerDomStatsSurface } from "./index-L71R0x7D.js";
+import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as findFootnoteReference, aq as FOOTNOTE_MARKER_GUTTER_PX, ar as resolveImporterForFile, as as createEditorStateFromDocument, at as getDocumentParagraphsCanonical, au as getToolbarStyleState, av as STANDARD_FONT_SIZES_PT, aw as fontSizePxToPt, ax as probeLocalFontFamilies, ay as createInitialEditorState, az as parseFontSizePtToPx, aA as formatFontSizePt, aB as listKindForTag, aC as isParagraphTag, aD as collectInlineRuns, aE as parseParagraphStyle, aF as t, aG as preciseFontModeVersion, aH as isPreciseFontModeEnabled, aI as togglePreciseFontMode, aJ as nextFontSizePt, aK as previousFontSizePt, aL as fontSizePtToPx, aM as createDefaultToolbarPreset, aN as defaultMenuItems, aO as MenuRegistry, aP as createToolbarRegistry, aQ as Editor, aR as resolveCommandRef, aS as commandRefName, aT as InlineShell, aU as BalloonShell, aV as DocumentShell, aW as createMemo, aX as getCaretRectFromSnapshot, aY as getParagraphRectFromSnapshot, aZ as createComponent, a_ as CaretOverlay, a$ as Show, b0 as createRenderEffect, b1 as style, b2 as setAttribute, b3 as setStyleProperty, b4 as memo, b5 as template, b6 as insert, b7 as use, b8 as addEventListener, b9 as Dialog, ba as delegateEvents, bb as className, bc as For, bd as UNDERLINE_STYLE_OPTIONS, be as Tabs, bf as measureParagraphMinContentWidthPx, bg as getEditableBlocksForZone, bh as findParagraphLocation, bi as createSectionBoundaryParagraph, bj as normalizePageSettings, bk as DEFAULT_EDITOR_PAGE_SETTINGS, bl as markStart, bm as markEnd, bn as getParagraphEntries, bo as getParagraphById, bp as PluginUiHost, bq as OasisEditorEditor, br as perfTimer, bs as OasisBrandMark, bt as setPreciseFontPreference, bu as setWelcomeSeen, bv as enablePreciseFontMode, bw as createOasisEditorClient, bx as setLocale, by as startLongTaskObserver, bz as installGlobalReport, bA as applyStoredPreciseFontPreference, bB as getWelcomeSeen, bC as isLocalFontAccessSupported, bD as EDITOR_SCROLL_PADDING_PX, bE as Toolbar, bF as OasisEditorLoading, bG as createEditorLogger, bH as getCachedCanvasImage, bI as registerDomStatsSurface } from "./index-CWev1Jg0.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -135,6 +135,7 @@ function cloneRun(run) {
     image: run.image ? { ...run.image } : void 0,
     textBox: run.textBox ? cloneTextBox(run.textBox) : void 0,
     field: run.field ? { ...run.field } : void 0,
+    fieldChar: run.fieldChar ? { ...run.fieldChar } : void 0,
     revision: run.revision ? { ...run.revision } : void 0,
     footnoteReference: run.footnoteReference ? { ...run.footnoteReference } : void 0,
     endnoteReference: run.endnoteReference ? { ...run.endnoteReference } : void 0
@@ -186,6 +187,164 @@ function cloneBlocks(blocks) {
     };
   });
 }
+const IMAGE_CAPTION_STYLE_ID = "Caption";
+const IMAGE_CAPTION_FIELD_IDENTIFIER = "Figure";
+const IMAGE_CAPTION_FIELD_INSTRUCTION = " SEQ Figure \\* ARABIC ";
+function createFieldCharRun(kind) {
+  const run = createEditorRun("");
+  run.fieldChar = { kind };
+  return run;
+}
+function createFieldInstructionRun(instruction) {
+  const run = createEditorRun("");
+  run.fieldInstruction = instruction;
+  return run;
+}
+function createImageCaptionParagraph(captionText, label, sequenceNumber) {
+  const paragraph = createEditorParagraphFromRuns([
+    { text: `${label} ` },
+    { text: String(sequenceNumber) },
+    { text: captionText ? `: ${captionText}` : "" }
+  ]);
+  paragraph.style = { styleId: IMAGE_CAPTION_STYLE_ID, align: "center" };
+  paragraph.runs = [
+    paragraph.runs[0],
+    createFieldCharRun("begin"),
+    createFieldInstructionRun(IMAGE_CAPTION_FIELD_INSTRUCTION),
+    createFieldCharRun("separate"),
+    paragraph.runs[1],
+    createFieldCharRun("end"),
+    paragraph.runs[2]
+  ];
+  return paragraph;
+}
+function isImageCaptionParagraph(paragraph) {
+  var _a, _b;
+  if (!paragraph) {
+    return false;
+  }
+  const styleId = (_b = (_a = paragraph.style) == null ? void 0 : _a.styleId) == null ? void 0 : _b.toLowerCase();
+  if (styleId !== "caption") {
+    return false;
+  }
+  return paragraph.runs.some(
+    (run) => run.fieldInstruction !== void 0 && new RegExp(`\\bSEQ\\s+${IMAGE_CAPTION_FIELD_IDENTIFIER}\\b`, "i").test(
+      run.fieldInstruction
+    )
+  );
+}
+function getImageCaptionText(paragraph) {
+  var _a;
+  if (!isImageCaptionParagraph(paragraph)) {
+    return "";
+  }
+  let afterField = false;
+  let value = "";
+  for (const run of paragraph.runs) {
+    if (afterField) {
+      value += run.text;
+      continue;
+    }
+    if (((_a = run.fieldChar) == null ? void 0 : _a.kind) === "end") {
+      afterField = true;
+    }
+  }
+  return value.replace(/^[:\-\s]+/, "");
+}
+function updateImageCaptionParagraph(paragraph, captionText, label) {
+  var _a;
+  const currentNumber = ((_a = paragraph.runs.find((run) => /^\d+$/.test(run.text))) == null ? void 0 : _a.text) ?? "1";
+  const next = createImageCaptionParagraph(
+    captionText,
+    label,
+    Number.parseInt(currentNumber, 10) || 1
+  );
+  next.id = paragraph.id;
+  return next;
+}
+function renumberCaptionParagraph(paragraph, sequenceNumber) {
+  if (!isImageCaptionParagraph(paragraph)) {
+    return cloneParagraph(paragraph);
+  }
+  let insideSeqResult = false;
+  let changed = false;
+  const nextRuns = paragraph.runs.map((run) => {
+    var _a, _b;
+    if (((_a = run.fieldChar) == null ? void 0 : _a.kind) === "separate") {
+      insideSeqResult = true;
+      return { ...run, fieldChar: { ...run.fieldChar } };
+    }
+    if (((_b = run.fieldChar) == null ? void 0 : _b.kind) === "end") {
+      insideSeqResult = false;
+      return { ...run, fieldChar: { ...run.fieldChar } };
+    }
+    if (insideSeqResult && run.text !== "") {
+      if (run.text === String(sequenceNumber)) {
+        return { ...run };
+      }
+      changed = true;
+      return { ...run, text: String(sequenceNumber) };
+    }
+    return { ...run };
+  });
+  if (!changed) {
+    return cloneParagraph(paragraph);
+  }
+  return {
+    ...cloneParagraph(paragraph),
+    runs: nextRuns
+  };
+}
+function renumberImageCaptionParagraphs(paragraphs) {
+  let nextSequence = 1;
+  return paragraphs.map((paragraph) => {
+    if (!isImageCaptionParagraph(paragraph)) {
+      return cloneParagraph(paragraph);
+    }
+    return renumberCaptionParagraph(paragraph, nextSequence++);
+  });
+}
+function renumberBlocks(blocks, sequence) {
+  return blocks.map((block) => {
+    if (block.type === "paragraph") {
+      if (!isImageCaptionParagraph(block)) {
+        return cloneParagraph(block);
+      }
+      return renumberCaptionParagraph(block, sequence.next++);
+    }
+    return {
+      ...block,
+      rows: block.rows.map((row) => ({
+        ...row,
+        cells: row.cells.map((cell) => ({
+          ...cell,
+          blocks: renumberBlocks(
+            cell.blocks,
+            sequence
+          )
+        }))
+      }))
+    };
+  });
+}
+function renumberImageCaptionsInDocument(document2) {
+  const sequence = { next: 1 };
+  const sections = getDocumentSections(document2).map(
+    (section) => ({
+      ...section,
+      blocks: renumberBlocks(section.blocks, sequence),
+      header: section.header ? cloneBlocks(section.header) : void 0,
+      footer: section.footer ? cloneBlocks(section.footer) : void 0
+    })
+  );
+  return {
+    ...document2,
+    sections
+  };
+}
+function getCaptionSelectionOffset(paragraph) {
+  return getParagraphLength(paragraph);
+}
 function isObjectRun(run) {
   return Boolean(run.image || run.textBox);
 }
@@ -983,6 +1142,48 @@ function setSelectedImageAlt(state, alt) {
     )
   );
 }
+function getSelectedImageCaption(state) {
+  const selectedImage = getSelectedImageRun(state);
+  if (!(selectedImage == null ? void 0 : selectedImage.run.image)) {
+    return null;
+  }
+  const paragraphs = getParagraphs(state);
+  return getImageCaptionText(paragraphs[selectedImage.paragraphIndex + 1]);
+}
+function setSelectedImageCaption(state, captionText, label) {
+  const selectedImage = getSelectedImageRun(state);
+  if (!(selectedImage == null ? void 0 : selectedImage.run.image)) {
+    return state;
+  }
+  const paragraphs = getParagraphs(state);
+  const captionIndex = selectedImage.paragraphIndex + 1;
+  const nextParagraph = captionIndex < paragraphs.length && isImageCaptionParagraph(paragraphs[captionIndex]) ? updateImageCaptionParagraph(
+    paragraphs[captionIndex],
+    captionText,
+    label
+  ) : createImageCaptionParagraph(captionText, label, 1);
+  const nextParagraphs = captionIndex < paragraphs.length && isImageCaptionParagraph(paragraphs[captionIndex]) ? [
+    ...cloneParagraphs(paragraphs.slice(0, captionIndex)),
+    nextParagraph,
+    ...cloneParagraphs(paragraphs.slice(captionIndex + 1))
+  ] : [
+    ...cloneParagraphs(paragraphs.slice(0, captionIndex)),
+    nextParagraph,
+    ...cloneParagraphs(paragraphs.slice(captionIndex))
+  ];
+  const renumberedParagraphs = renumberImageCaptionParagraphs(nextParagraphs);
+  const insertedCaption = renumberedParagraphs[captionIndex] ?? nextParagraph;
+  return cloneStateWithParagraphs(
+    state,
+    renumberedParagraphs,
+    withSelection(
+      paragraphOffsetToPosition(
+        insertedCaption,
+        getCaptionSelectionOffset(insertedCaption)
+      )
+    )
+  );
+}
 function moveSelectedImageToPosition(state, targetPosition) {
   const selectedImage = getSelectedImageRun(state);
   if (!selectedImage) {
@@ -4254,6 +4455,26 @@ function createEditorCommandsController(deps) {
     const currentAlt = ((_a = run.run.image) == null ? void 0 : _a.alt) ?? "";
     deps.openImageAltDialog(currentAlt);
   };
+  const applyImageCaptionCommand = (caption) => {
+    const run = selectedImageRun();
+    if (!run) {
+      return;
+    }
+    clearPreferredColumn();
+    resetTransactionGrouping();
+    applyTransactionalState(
+      (current) => setSelectedImageCaption(current, caption, deps.imageCaptionLabel()),
+      { mergeKey: "imageCaption" }
+    );
+    focusInput();
+  };
+  const promptForImageCaption = () => {
+    const run = selectedImageRun();
+    if (!run) {
+      return;
+    }
+    deps.openImageCaptionDialog(getSelectedImageCaption(state) ?? "");
+  };
   return {
     applyBooleanStyleCommand,
     applyValueStyleCommand,
@@ -4280,6 +4501,8 @@ function createEditorCommandsController(deps) {
     removeLinkCommand,
     applyImageAltCommand,
     promptForImageAlt,
+    applyImageCaptionCommand,
+    promptForImageCaption,
     handleListTab,
     handleListEnter,
     handleListBoundaryBackspace
@@ -5169,6 +5392,63 @@ function computeCanvasSelectionGeometry(snapshot, state) {
     selectedTextBoxBox
   };
 }
+function computeCommentHighlights(snapshot, state) {
+  const registry = state.document.comments;
+  if (!registry || registry.order.length === 0) {
+    return [];
+  }
+  const surfaceRect = snapshot.surfaceRect;
+  const paragraphIndexById = new Map(
+    getParagraphs(state).map(
+      (paragraph, index) => [paragraph.id, index]
+    )
+  );
+  const boxes = [];
+  for (const id of registry.order) {
+    const comment = registry.items[id];
+    if (!(comment == null ? void 0 : comment.start) || !(comment == null ? void 0 : comment.end)) {
+      continue;
+    }
+    const startIndex = paragraphIndexById.get(comment.start.paragraphId);
+    const endIndex = paragraphIndexById.get(comment.end.paragraphId);
+    if (startIndex === void 0 || endIndex === void 0) {
+      continue;
+    }
+    for (const segment of snapshot.paragraphs) {
+      const segmentIndex = paragraphIndexById.get(segment.paragraphId);
+      if (segmentIndex === void 0 || segmentIndex < startIndex || segmentIndex > endIndex) {
+        continue;
+      }
+      const rangeStart = segmentIndex === startIndex ? comment.start.offset : 0;
+      const rangeEnd = segmentIndex === endIndex ? comment.end.offset : Number.POSITIVE_INFINITY;
+      const segStart = Math.max(rangeStart, segment.startOffset);
+      const segEnd = Math.min(rangeEnd, segment.endOffset);
+      if (segStart >= segEnd) {
+        continue;
+      }
+      for (const line of segment.lines) {
+        const lineStart = Math.max(segStart, line.startOffset);
+        const lineEnd = Math.min(segEnd, line.endOffset);
+        if (lineStart >= lineEnd) {
+          continue;
+        }
+        const startSlot = line.slots.find((slot) => slot.offset === lineStart);
+        const endSlot = line.slots.find((slot) => slot.offset === lineEnd) ?? line.slots[line.slots.length - 1];
+        if (!startSlot || !endSlot) {
+          continue;
+        }
+        boxes.push({
+          commentId: id,
+          left: startSlot.left - surfaceRect.left,
+          top: line.top - surfaceRect.top,
+          width: Math.max(1, endSlot.left - startSlot.left),
+          height: line.height
+        });
+      }
+    }
+  }
+  return boxes;
+}
 function scheduleFrame(callback) {
   if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
     return window.requestAnimationFrame(() => callback());
@@ -5194,6 +5474,7 @@ function useEditorLayout(props) {
     height: 28
   });
   const [selectionBoxes, setSelectionBoxes] = createSignal([]);
+  const [commentHighlights, setCommentHighlights] = createSignal([]);
   const [selectedImageBox, setSelectedImageBox] = createSignal(null);
   const [selectedTextBoxBox, setSelectedTextBoxBox] = createSignal(null);
   const [caretBox, setCaretBox] = createSignal({
@@ -5210,6 +5491,7 @@ function useEditorLayout(props) {
     const surface = props.surfaceRef();
     if (!surface) {
       setSelectionBoxes([]);
+      setCommentHighlights([]);
       setSelectedImageBox(null);
       setSelectedTextBoxBox(null);
       setCaretBox((current) => ({ ...current, visible: false }));
@@ -5223,6 +5505,7 @@ function useEditorLayout(props) {
     });
     if (!snapshot) {
       setSelectionBoxes([]);
+      setCommentHighlights([]);
       setSelectedImageBox(null);
       setSelectedTextBoxBox(null);
       setCaretBox((current) => ({ ...current, visible: false }));
@@ -5230,6 +5513,7 @@ function useEditorLayout(props) {
     }
     const geometry = computeCanvasSelectionGeometry(snapshot, props.state);
     setSelectionBoxes(geometry.selectionBoxes);
+    setCommentHighlights(computeCommentHighlights(snapshot, props.state));
     setSelectedImageBox(geometry.selectedImageBox);
     setSelectedTextBoxBox(geometry.selectedTextBoxBox);
     setInputBox(geometry.inputBox);
@@ -5329,6 +5613,7 @@ function useEditorLayout(props) {
     measuredParagraphLayouts,
     inputBox,
     selectionBoxes,
+    commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
     caretBox,
@@ -7564,6 +7849,105 @@ function serializeBookmarkEvent(event) {
     event.name ?? ""
   )}"${col}/>`;
 }
+const WORD15_NS = "http://schemas.microsoft.com/office/word/2012/wordml";
+function buildCommentExportPlan(document2) {
+  const registry = document2.comments;
+  if (!registry || registry.order.length === 0) {
+    return void 0;
+  }
+  const assignedId = /* @__PURE__ */ new Map();
+  const used = /* @__PURE__ */ new Set();
+  for (const id of registry.order) {
+    const c = registry.items[id];
+    if (!c) continue;
+    const hint = c.docxIdHint;
+    if (hint !== void 0 && hint >= 0 && !used.has(hint)) {
+      assignedId.set(id, hint);
+      used.add(hint);
+    }
+  }
+  let next = 0;
+  for (const id of registry.order) {
+    if (assignedId.has(id)) continue;
+    while (used.has(next)) next += 1;
+    assignedId.set(id, next);
+    used.add(next);
+    next += 1;
+  }
+  const eventsByParagraph = /* @__PURE__ */ new Map();
+  const push = (paragraphId, event) => {
+    const list = eventsByParagraph.get(paragraphId);
+    if (list) {
+      list.push(event);
+    } else {
+      eventsByParagraph.set(paragraphId, [event]);
+    }
+  };
+  const comments = [];
+  registry.order.forEach((id, index) => {
+    const comment = registry.items[id];
+    if (!comment) return;
+    const wId = assignedId.get(id);
+    const paraId = (1073741824 + index).toString(16).toUpperCase();
+    comments.push({ comment, wId, paraId });
+    if (comment.start) {
+      push(comment.start.paragraphId, {
+        kind: "start",
+        offset: comment.start.offset,
+        seq: comment.start.seq ?? 0,
+        wId
+      });
+    }
+    if (comment.end) {
+      push(comment.end.paragraphId, {
+        kind: "end",
+        offset: comment.end.offset,
+        seq: comment.end.seq ?? 0,
+        wId
+      });
+      push(comment.end.paragraphId, {
+        kind: "reference",
+        offset: comment.end.offset,
+        seq: (comment.end.seq ?? 0) + 0.5,
+        wId
+      });
+    }
+  });
+  return { eventsByParagraph, comments };
+}
+function serializeCommentRangeEvent(event) {
+  switch (event.kind) {
+    case "start":
+      return `<w:commentRangeStart w:id="${event.wId}"/>`;
+    case "end":
+      return `<w:commentRangeEnd w:id="${event.wId}"/>`;
+    case "reference":
+      return `<w:r><w:commentReference w:id="${event.wId}"/></w:r>`;
+  }
+}
+const COMMENTS_XMLNS = `xmlns:w="${WORD_NS$1}" xmlns:w14="${WORD14_NS}" xmlns:w15="${WORD15_NS}"`;
+function serializeCommentBody(text) {
+  const lines = text.split("\n");
+  const runs = lines.map((line, i) => {
+    const brk = i > 0 ? "<w:br/>" : "";
+    return `${brk}<w:t xml:space="preserve">${escapeXml(line)}</w:t>`;
+  }).join("");
+  return `<w:r>${runs}</w:r>`;
+}
+function buildCommentsPartXml(plan) {
+  const body = plan.comments.map(({ comment, wId, paraId }) => {
+    const dateAttr = comment.date !== void 0 ? ` w:date="${new Date(comment.date).toISOString().replace(/\.\d{3}Z$/, "Z")}"` : "";
+    const initialsAttr = comment.initials ? ` w:initials="${escapeXml(comment.initials)}"` : "";
+    return `<w:comment w:id="${wId}" w:author="${escapeXml(comment.author)}"${dateAttr}${initialsAttr}><w:p w14:paraId="${paraId}">${serializeCommentBody(comment.text)}</w:p></w:comment>`;
+  }).join("");
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><w:comments ${COMMENTS_XMLNS}>${body}</w:comments>`;
+}
+function buildCommentsExtendedPartXml(plan) {
+  const body = plan.comments.map(
+    ({ comment, paraId }) => `<w15:commentEx w15:paraId="${paraId}" w15:done="${comment.resolved ? "1" : "0"}"/>`
+  ).join("");
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><w15:commentsEx ${COMMENTS_XMLNS}>${body}</w15:commentsEx>`;
+}
 function serializeDocxBorderAttrs(border, colorFallback = "000000") {
   if (border.type === "none" || border.width <= 0) {
     return 'w:val="nil"/>';
@@ -8058,10 +8442,13 @@ function serializeParagraphStyleXml(style2) {
   return parts.length > 0 ? `<w:pPr>${parts.join("")}</w:pPr>` : "";
 }
 function serializeParagraphProperties(paragraph, numberingInfo, styles, overrides) {
-  var _a;
+  var _a, _b;
   const parts = [];
   const style2 = materializeParagraphStyle(paragraph, styles);
   const align = ((_a = paragraph.style) == null ? void 0 : _a.align) ?? (overrides == null ? void 0 : overrides.align) ?? style2.align;
+  if ((_b = paragraph.style) == null ? void 0 : _b.styleId) {
+    parts.push(`<w:pStyle w:val="${escapeXml(paragraph.style.styleId)}"/>`);
+  }
   if (align) {
     parts.push(`<w:jc w:val="${align}"/>`);
   }
@@ -8732,8 +9119,8 @@ function stripRpr(rPr) {
 function isSplittableTextRun(run) {
   return !run.image && !run.textBox && !run.field && !run.fieldChar && run.fieldInstruction === void 0 && !run.footnoteReference && !run.endnoteReference;
 }
-function serializeRunsWithBookmarks(runs, events, context, paragraphStyleId, styles) {
-  const sorted = [...events].sort(
+function serializeRunsWithBoundaries(runs, tokens, context, paragraphStyleId, styles) {
+  const sorted = [...tokens].sort(
     (a, b) => a.offset - b.offset || a.seq - b.seq
   );
   let ei = 0;
@@ -8741,7 +9128,7 @@ function serializeRunsWithBookmarks(runs, events, context, paragraphStyleId, sty
   let out = "";
   const flushUpTo = (limit) => {
     while (ei < sorted.length && sorted[ei].offset <= limit) {
-      out += serializeBookmarkEvent(sorted[ei]);
+      out += sorted[ei].xml;
       ei += 1;
     }
   };
@@ -8752,21 +9139,21 @@ function serializeRunsWithBookmarks(runs, events, context, paragraphStyleId, sty
     if (isSplittableTextRun(run) && run.text.length > 0) {
       let cursor = runStart;
       while (ei < sorted.length && sorted[ei].offset < runEnd) {
-        const event = sorted[ei];
-        if (event.offset > cursor) {
+        const token = sorted[ei];
+        if (token.offset > cursor) {
           out += serializeRunWithRelationships(
             {
               ...run,
-              text: run.text.slice(cursor - runStart, event.offset - runStart)
+              text: run.text.slice(cursor - runStart, token.offset - runStart)
             },
             context,
             paragraphStyleId,
             styles
           );
         }
-        out += serializeBookmarkEvent(event);
+        out += token.xml;
         ei += 1;
-        cursor = event.offset;
+        cursor = token.offset;
       }
       if (cursor < runEnd) {
         out += serializeRunWithRelationships(
@@ -8808,15 +9195,28 @@ function serializeBlocksXml(blocks, context, styles) {
   }).join("");
 }
 function serializeParagraphXml(paragraph, context, styles, overrides) {
-  var _a, _b;
+  var _a, _b, _c;
   const runs = paragraph.runs.length > 0 ? paragraph.runs : [{ id: "", text: "" }];
   const dropCapFrame = paragraph.dropCap ? serializeDropCapFrameParagraph(paragraph.dropCap) : "";
   const bookmarkEvents = (_a = context.bookmarkEventsByParagraph) == null ? void 0 : _a.get(paragraph.id);
-  const runsXml = bookmarkEvents && bookmarkEvents.length > 0 ? serializeRunsWithBookmarks(
+  const commentEvents = (_b = context.commentEventsByParagraph) == null ? void 0 : _b.get(paragraph.id);
+  const boundaryTokens = [
+    ...(bookmarkEvents ?? []).map((e) => ({
+      offset: e.offset,
+      seq: e.seq,
+      xml: serializeBookmarkEvent(e)
+    })),
+    ...(commentEvents ?? []).map((e) => ({
+      offset: e.offset,
+      seq: e.seq,
+      xml: serializeCommentRangeEvent(e)
+    }))
+  ];
+  const runsXml = boundaryTokens.length > 0 ? serializeRunsWithBoundaries(
     runs,
-    bookmarkEvents,
+    boundaryTokens,
     context,
-    (_b = paragraph.style) == null ? void 0 : _b.styleId,
+    (_c = paragraph.style) == null ? void 0 : _c.styleId,
     styles
   ) : runs.map(
     (run) => {
@@ -9310,14 +9710,24 @@ function buildPartContext(blocks, numberingContext, state, document2) {
   };
 }
 function buildNumberingXml(definitions) {
-  const abstractNums = definitions.map(({ kind, level, abstractNumId, format, startAt, bulletGlyph, bulletFont }) => {
-    const numFmtVal = kind === "bullet" ? "bullet" : format ?? "decimal";
-    const levelText = kind === "bullet" ? bulletGlyph ?? "" : `%${level + 1}.`;
-    const startVal = startAt ?? 1;
-    const fontName = kind === "bullet" ? bulletFont ?? "Symbol" : void 0;
-    const runFonts = fontName ? `<w:rPr><w:rFonts w:ascii="${escapeXml(fontName)}" w:hAnsi="${escapeXml(fontName)}" w:hint="default"/></w:rPr>` : "";
-    return `<w:abstractNum w:abstractNumId="${abstractNumId}"><w:lvl w:ilvl="${level}"><w:start w:val="${startVal}"/><w:numFmt w:val="${numFmtVal}"/><w:lvlText w:val="${escapeXml(levelText)}"/><w:lvlJc w:val="left"/>${runFonts}</w:lvl></w:abstractNum>`;
-  }).join("");
+  const abstractNums = definitions.map(
+    ({
+      kind,
+      level,
+      abstractNumId,
+      format,
+      startAt,
+      bulletGlyph,
+      bulletFont
+    }) => {
+      const numFmtVal = kind === "bullet" ? "bullet" : format ?? "decimal";
+      const levelText = kind === "bullet" ? bulletGlyph ?? "" : `%${level + 1}.`;
+      const startVal = startAt ?? 1;
+      const fontName = kind === "bullet" ? bulletFont ?? "Symbol" : void 0;
+      const runFonts = fontName ? `<w:rPr><w:rFonts w:ascii="${escapeXml(fontName)}" w:hAnsi="${escapeXml(fontName)}" w:hint="default"/></w:rPr>` : "";
+      return `<w:abstractNum w:abstractNumId="${abstractNumId}"><w:lvl w:ilvl="${level}"><w:start w:val="${startVal}"/><w:numFmt w:val="${numFmtVal}"/><w:lvlText w:val="${escapeXml(levelText)}"/><w:lvlJc w:val="left"/>${runFonts}</w:lvl></w:abstractNum>`;
+    }
+  ).join("");
   const nums = definitions.map(
     ({ abstractNumId, numId }) => `<w:num w:numId="${numId}"><w:abstractNumId w:val="${abstractNumId}"/></w:num>`
   ).join("");
@@ -9343,19 +9753,19 @@ function buildHeaderFooterXml(kind, blocks, context, styles) {
   const tag = kind === "header" ? "hdr" : "ftr";
   return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><w:${tag} ${DOCUMENT_XMLNS}>${serializeBlocksXml(blocks, context, styles)}</w:${tag}>`;
 }
-function buildContentTypesXml(hasNumbering, imageExtensions, hasSettings, parts, hasFootnotes, hasEndnotes, hasStyles) {
+function buildContentTypesXml(hasNumbering, imageExtensions, hasSettings, parts, hasFootnotes, hasEndnotes, hasStyles, hasComments) {
   const overrides = parts.map((part) => {
     const contentType = part.kind === "header" ? "application/vnd.openxmlformats-officedocument.wordprocessingml.header+xml" : "application/vnd.openxmlformats-officedocument.wordprocessingml.footer+xml";
     return `<Override PartName="/word/${part.path}" ContentType="${contentType}"/>`;
   }).join("");
   return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/>${imageContentTypeDefaults(
     imageExtensions
-  )}<Override PartName="/word/document.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml"/>${hasStyles ? '<Override PartName="/word/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml"/>' : ""}${hasNumbering ? '<Override PartName="/word/numbering.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml"/>' : ""}${hasSettings ? '<Override PartName="/word/settings.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.settings+xml"/>' : ""}${hasFootnotes ? '<Override PartName="/word/footnotes.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.footnotes+xml"/>' : ""}${hasEndnotes ? '<Override PartName="/word/endnotes.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.endnotes+xml"/>' : ""}${overrides}</Types>`;
+  )}<Override PartName="/word/document.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml"/>${hasStyles ? '<Override PartName="/word/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml"/>' : ""}${hasNumbering ? '<Override PartName="/word/numbering.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml"/>' : ""}${hasSettings ? '<Override PartName="/word/settings.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.settings+xml"/>' : ""}${hasFootnotes ? '<Override PartName="/word/footnotes.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.footnotes+xml"/>' : ""}${hasEndnotes ? '<Override PartName="/word/endnotes.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.endnotes+xml"/>' : ""}${hasComments ? '<Override PartName="/word/comments.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.comments+xml"/><Override PartName="/word/commentsExtended.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.commentsExtended+xml"/>' : ""}${overrides}</Types>`;
 }
 function buildRootRelationshipsXml() {
   return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="${PACKAGE_REL_NS}"><Relationship Id="rId1" Type="${OFFICE_REL_NS}/officeDocument" Target="word/document.xml"/></Relationships>`;
 }
-function buildDocumentRelationshipsXml(hasNumbering, hasSettings, images, hyperlinks, parts, hasFootnotes, hasEndnotes, hasStyles) {
+function buildDocumentRelationshipsXml(hasNumbering, hasSettings, images, hyperlinks, parts, hasFootnotes, hasEndnotes, hasStyles, hasComments) {
   let rels = "";
   if (hasStyles)
     rels += `<Relationship Id="rIdStyles" Type="${OFFICE_REL_NS}/styles" Target="styles.xml"/>`;
@@ -9380,6 +9790,10 @@ function buildDocumentRelationshipsXml(hasNumbering, hasSettings, images, hyperl
   if (hasEndnotes) {
     rels += `<Relationship Id="rIdEndnotes" Type="${OFFICE_REL_NS}/endnotes" Target="endnotes.xml"/>`;
   }
+  if (hasComments) {
+    rels += `<Relationship Id="rIdComments" Type="${OFFICE_REL_NS}/comments" Target="comments.xml"/>`;
+    rels += `<Relationship Id="rIdCommentsExtended" Type="http://schemas.microsoft.com/office/2011/relationships/commentsExtended" Target="commentsExtended.xml"/>`;
+  }
   return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="${PACKAGE_REL_NS}">${rels}</Relationships>`;
 }
 function buildSettingsXml(hasEvenAndOddHeaders, defaultTabStop, footnoteSettings, endnoteSettings) {
@@ -9442,6 +9856,7 @@ function buildPartRelationshipsXml(images, hyperlinks) {
 }
 async function exportEditorDocumentToDocx(document2) {
   var _a, _b, _c, _d, _e, _f;
+  document2 = renumberImageCaptionsInDocument(document2);
   const zip = new JSZip();
   const numberingContext = buildNumberingContext(document2);
   const buildState = {
@@ -9466,6 +9881,9 @@ async function exportEditorDocumentToDocx(document2) {
   bodyContext.endnoteIdMap = endnoteIdMap;
   const bookmarkEvents = buildBookmarkExportPlan(document2);
   bodyContext.bookmarkEventsByParagraph = bookmarkEvents;
+  const commentPlan = buildCommentExportPlan(document2);
+  bodyContext.commentEventsByParagraph = commentPlan == null ? void 0 : commentPlan.eventsByParagraph;
+  const hasComments = commentPlan !== void 0;
   const parts = [];
   const sectionReferences = sections.map(
     () => ({})
@@ -9491,6 +9909,7 @@ async function exportEditorDocumentToDocx(document2) {
       context.footnoteIdMap = footnoteIdMap;
       context.endnoteIdMap = endnoteIdMap;
       context.bookmarkEventsByParagraph = bookmarkEvents;
+      context.commentEventsByParagraph = commentPlan == null ? void 0 : commentPlan.eventsByParagraph;
       parts.push({
         kind,
         type,
@@ -9564,7 +9983,8 @@ async function exportEditorDocumentToDocx(document2) {
       parts,
       hasFootnotes,
       hasEndnotes,
-      hasStyles
+      hasStyles,
+      hasComments
     )
   );
   zip.file("_rels/.rels", buildRootRelationshipsXml());
@@ -9581,7 +10001,7 @@ async function exportEditorDocumentToDocx(document2) {
       buildNumberingXml(numberingContext.definitions)
     );
   }
-  if (hasStyles || hasNumbering || hasDocumentSettings || bodyContext.images.length > 0 || bodyContext.hyperlinks.length > 0 || parts.length > 0 || hasFootnotes || hasEndnotes) {
+  if (hasStyles || hasNumbering || hasDocumentSettings || bodyContext.images.length > 0 || bodyContext.hyperlinks.length > 0 || parts.length > 0 || hasFootnotes || hasEndnotes || hasComments) {
     zip.file(
       "word/_rels/document.xml.rels",
       buildDocumentRelationshipsXml(
@@ -9592,7 +10012,8 @@ async function exportEditorDocumentToDocx(document2) {
         parts,
         hasFootnotes,
         hasEndnotes,
-        hasStyles
+        hasStyles,
+        hasComments
       )
     );
   }
@@ -9648,6 +10069,13 @@ async function exportEditorDocumentToDocx(document2) {
       );
     }
   }
+  if (commentPlan) {
+    zip.file("word/comments.xml", buildCommentsPartXml(commentPlan));
+    zip.file(
+      "word/commentsExtended.xml",
+      buildCommentsExtendedPartXml(commentPlan)
+    );
+  }
   for (const img of allImages) {
     if (img.kind === "embedded" && img.base64) {
       zip.file(`word/${img.target}`, img.base64, { base64: true });
@@ -11891,6 +12319,7 @@ endobj
 }
 const FOOTNOTE_BLOCK_GAP_PX = 2;
 async function exportEditorDocumentToPdf(document2) {
+  document2 = renumberImageCaptionsInDocument(document2);
   const fontRegistry = new PdfFontRegistry();
   await fontRegistry.loadBundledUnicodeFaces({
     families: collectPdfFontFamilies(document2)
@@ -38993,6 +39422,10 @@ function createEditorDialogs() {
     isOpen: false,
     initialAlt: ""
   });
+  const [imageCaptionDialog, setImageCaptionDialog] = createSignal({
+    isOpen: false,
+    initialCaption: ""
+  });
   const [contextMenu, setContextMenu] = createSignal({ isOpen: false, x: 0, y: 0 });
   const [fontDialog, setFontDialog] = createSignal({
     isOpen: false,
@@ -39090,6 +39523,8 @@ function createEditorDialogs() {
     setLinkDialog,
     imageAltDialog,
     setImageAltDialog,
+    imageCaptionDialog,
+    setImageCaptionDialog,
     contextMenu,
     setContextMenu,
     fontDialog,
@@ -40634,6 +41069,14 @@ function buildDocumentAndBrowserCommands({
         isEnabled: image.isSelected(),
         isActive: image.isSelected()
       })
+    ),
+    insertImageCaption: actionCommand(
+      "insertImageCaption",
+      () => image.promptCaption(),
+      () => ({
+        isEnabled: image.isSelected(),
+        isActive: image.isSelected()
+      })
     )
   };
 }
@@ -41037,6 +41480,7 @@ function createEditorEssentialsRuntimePlugin(options) {
   };
   const essentialsImage = {
     promptAlt: () => options.commandsController.promptForImageAlt(),
+    promptCaption: () => options.commandsController.promptForImageCaption(),
     isSelected: () => Boolean(options.selectedImageRun())
   };
   const essentialsBrowser = {
@@ -41579,14 +42023,14 @@ function DropCaret(props) {
     })
   });
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$8 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$3$6 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$9 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$3$7 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
 function EditorDragLayers(props) {
   return [createComponent(Show, {
     get when() {
       return props.tableResize.resizing();
     },
     children: (resizing) => (() => {
-      var _el$ = _tmpl$$d();
+      var _el$ = _tmpl$$e();
       createRenderEffect((_p$) => {
         var _v$ = !!(resizing().type === "column"), _v$2 = !!(resizing().type === "row"), _v$3 = {
           ...resizing().type === "column" ? {
@@ -41617,7 +42061,7 @@ function EditorDragLayers(props) {
       return memo(() => !!props.imageOps.dragging())() && props.imageOps.draggedImageInfo();
     },
     children: (info) => (() => {
-      var _el$2 = _tmpl$2$8();
+      var _el$2 = _tmpl$2$9();
       createRenderEffect((_p$) => {
         var _v$4 = info().src, _v$5 = `${info().width}px`, _v$6 = `${info().height}px`, _v$7 = `${props.imageOps.mousePos().x - info().offsetX}px`, _v$8 = `${props.imageOps.mousePos().y - info().offsetY}px`;
         _v$4 !== _p$.e && setAttribute(_el$2, "src", _p$.e = _v$4);
@@ -41640,7 +42084,7 @@ function EditorDragLayers(props) {
       return memo(() => !!props.tableDrag.dragging())() && props.tableDrag.draggedTableInfo();
     },
     children: (info) => (() => {
-      var _el$3 = _tmpl$3$6();
+      var _el$3 = _tmpl$3$7();
       createRenderEffect((_p$) => {
         var _v$9 = `${info().width}px`, _v$0 = `${info().height}px`, _v$1 = `${props.tableDrag.mousePos().x - info().offsetX}px`, _v$10 = `${props.tableDrag.mousePos().y - info().offsetY}px`;
         _v$9 !== _p$.e && setStyleProperty(_el$3, "width", _p$.e = _v$9);
@@ -41703,7 +42147,7 @@ function EditorDragLayers(props) {
     })
   })];
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input data-testid=editor-link-dialog-input>`), _tmpl$2$7 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-link-dialog-cancel>`), _tmpl$3$5 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-link-dialog-apply>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input data-testid=editor-link-dialog-input>`), _tmpl$2$8 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-link-dialog-cancel>`), _tmpl$3$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-link-dialog-apply>`);
 function LinkDialog(props) {
   const [href, setHref] = createSignal(props.initialHref);
   let inputRef;
@@ -41729,19 +42173,19 @@ function LinkDialog(props) {
     },
     get footer() {
       return [(() => {
-        var _el$4 = _tmpl$2$7();
+        var _el$4 = _tmpl$2$8();
         addEventListener(_el$4, "click", props.onClose, true);
         insert(_el$4, () => t("generic.cancel"));
         return _el$4;
       })(), (() => {
-        var _el$5 = _tmpl$3$5();
+        var _el$5 = _tmpl$3$6();
         _el$5.$$click = handleConfirm;
         insert(_el$5, () => t("generic.apply"));
         return _el$5;
       })()];
     },
     get children() {
-      var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
       insert(_el$2, () => t("dialog.link.label"));
       _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
       _el$3.$$input = (e) => setHref(e.currentTarget.value);
@@ -41754,7 +42198,7 @@ function LinkDialog(props) {
   });
 }
 delegateEvents(["input", "keydown", "click"]);
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$4 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$7 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$5 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
 function ImageAltDialog(props) {
   const [alt, setAlt] = createSignal(props.initialAlt);
   let inputRef;
@@ -41780,19 +42224,19 @@ function ImageAltDialog(props) {
     },
     get footer() {
       return [(() => {
-        var _el$4 = _tmpl$2$6();
+        var _el$4 = _tmpl$2$7();
         addEventListener(_el$4, "click", props.onClose, true);
         insert(_el$4, () => t("generic.cancel"));
         return _el$4;
       })(), (() => {
-        var _el$5 = _tmpl$3$4();
+        var _el$5 = _tmpl$3$5();
         _el$5.$$click = handleConfirm;
         insert(_el$5, () => t("generic.save"));
         return _el$5;
       })()];
     },
     get children() {
-      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
       insert(_el$2, () => t("dialog.imageAlt.label"));
       _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
       _el$3.$$input = (e) => setAlt(e.currentTarget.value);
@@ -41805,6 +42249,57 @@ function ImageAltDialog(props) {
   });
 }
 delegateEvents(["input", "keydown", "click"]);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><input type=text class=oasis-editor-dialog-input>`), _tmpl$2$6 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary">`), _tmpl$3$4 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary">`);
+function ImageCaptionDialog(props) {
+  const [caption, setCaption] = createSignal(props.initialCaption);
+  let inputRef;
+  createEffect(() => {
+    if (props.isOpen) {
+      setCaption(props.initialCaption);
+      setTimeout(() => inputRef == null ? void 0 : inputRef.focus(), 50);
+    }
+  });
+  const handleConfirm = () => {
+    props.onConfirm(caption());
+    props.onClose();
+  };
+  return createComponent(Dialog, {
+    get isOpen() {
+      return props.isOpen;
+    },
+    get title() {
+      return t("dialog.imageCaption.title");
+    },
+    get onClose() {
+      return props.onClose;
+    },
+    get footer() {
+      return [(() => {
+        var _el$4 = _tmpl$2$6();
+        addEventListener(_el$4, "click", props.onClose, true);
+        insert(_el$4, () => t("generic.cancel"));
+        return _el$4;
+      })(), (() => {
+        var _el$5 = _tmpl$3$4();
+        _el$5.$$click = handleConfirm;
+        insert(_el$5, () => t("generic.save"));
+        return _el$5;
+      })()];
+    },
+    get children() {
+      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      insert(_el$2, () => t("dialog.imageCaption.label"));
+      _el$3.$$keydown = (e) => e.key === "Enter" && handleConfirm();
+      _el$3.$$input = (e) => setCaption(e.currentTarget.value);
+      var _ref$ = inputRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$3) : inputRef = _el$3;
+      createRenderEffect(() => setAttribute(_el$3, "placeholder", t("dialog.imageCaption.placeholder")));
+      createRenderEffect(() => _el$3.value = caption());
+      return _el$;
+    }
+  });
+}
+delegateEvents(["input", "keydown", "click"]);
 const DEFAULT_COLOR = "#111827";
 const DEFAULT_HIGHLIGHT = "#fef08a";
 const DEFAULT_SHADING = "#fef3c7";
@@ -43308,6 +43803,8 @@ function EditorDialogsLayer(props) {
     setLinkDialog,
     imageAltDialog,
     setImageAltDialog,
+    imageCaptionDialog,
+    setImageCaptionDialog,
     contextMenu,
     fontDialog,
     setFontDialog,
@@ -43346,6 +43843,21 @@ function EditorDialogsLayer(props) {
       props.focusInput();
     },
     onConfirm: (alt) => props.applyImageAltCommand(alt.trim())
+  }), createComponent(ImageCaptionDialog, {
+    get isOpen() {
+      return imageCaptionDialog().isOpen;
+    },
+    get initialCaption() {
+      return imageCaptionDialog().initialCaption;
+    },
+    onClose: () => {
+      setImageCaptionDialog({
+        ...imageCaptionDialog(),
+        isOpen: false
+      });
+      props.focusInput();
+    },
+    onConfirm: (caption) => props.applyImageCaptionCommand(caption.trim())
   }), createComponent(FindReplaceDialog, {
     get fr() {
       return props.findReplace;
@@ -45377,6 +45889,7 @@ function buildEditorViewProps(ctx) {
   };
   const overlays = {
     selectionBoxes: ctx.selectionBoxes,
+    commentHighlights: ctx.commentHighlights,
     selectedImageBox: ctx.selectedImageBox,
     selectedTextBoxBox: ctx.selectedTextBoxBox,
     layoutOptions: ctx.layoutOptions,
@@ -45782,6 +46295,8 @@ function OasisEditorApp(props = {}) {
     setLinkDialog,
     imageAltDialog,
     setImageAltDialog,
+    imageCaptionDialog,
+    setImageCaptionDialog,
     contextMenu,
     setContextMenu,
     fontDialog,
@@ -45818,6 +46333,7 @@ function OasisEditorApp(props = {}) {
     measuredParagraphLayouts,
     inputBox,
     selectionBoxes,
+    commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
     caretBox,
@@ -46081,7 +46597,12 @@ function OasisEditorApp(props = {}) {
     openImageAltDialog: (initialAlt) => setImageAltDialog({
       isOpen: true,
       initialAlt
-    })
+    }),
+    openImageCaptionDialog: (initialCaption) => setImageCaptionDialog({
+      isOpen: true,
+      initialCaption
+    }),
+    imageCaptionLabel: () => (ui().locale ?? "pt-BR").startsWith("en") ? "Figure" : "Figura"
   });
   const keyboardCommandsController = {
     ...commandsController,
@@ -46333,6 +46854,7 @@ function OasisEditorApp(props = {}) {
     className: ui().class,
     style: ui().style,
     selectionBoxes,
+    commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
     layoutOptions: layoutOptionsOverlay,
@@ -46409,6 +46931,8 @@ function OasisEditorApp(props = {}) {
         setLinkDialog,
         imageAltDialog,
         setImageAltDialog,
+        imageCaptionDialog,
+        setImageCaptionDialog,
         contextMenu,
         setContextMenu,
         fontDialog,
@@ -46429,6 +46953,9 @@ function OasisEditorApp(props = {}) {
       get applyImageAltCommand() {
         return commandsController.applyImageAltCommand;
       },
+      get applyImageCaptionCommand() {
+        return commandsController.applyImageCaptionCommand;
+      },
       applyFontDialogValues,
       applyParagraphDialogValues,
       applyTablePropertiesDialogValues,