superdoc 2.0.0-next.28 → 2.0.0-next.29

package/dist/collaboration-upgrade-engine.cjs

@@ -7,7 +7,7 @@ const COLLABORATION_UPGRADE_ENGINE_MINIMUM_NODE_MAJOR = 20;
 var PRIVATE_ENGINE_INFO = (0, __superdoc_docx_engine_collaboration_upgrade_engine.getCollaborationUpgradeEngineInfo)();
 var ENGINE_INFO = Object.freeze({
 	...PRIVATE_ENGINE_INFO,
-	superdocVersion: "2.0.0-next.28",
+	superdocVersion: "2.0.0-next.29",
 	roomSchemaVersion: Object.freeze({ ...PRIVATE_ENGINE_INFO.roomSchemaVersion }),
 	supportedBundleVersions: SUPPORTED_COLLABORATION_UPGRADE_BUNDLE_VERSIONS,
 	supportedV1ReaderContractVersions: SUPPORTED_V1_READER_CONTRACT_VERSIONS

package/dist/collaboration-upgrade-engine.es.js

@@ -6,7 +6,7 @@ const COLLABORATION_UPGRADE_ENGINE_MINIMUM_NODE_MAJOR = 20;
 var PRIVATE_ENGINE_INFO = getCollaborationUpgradeEngineInfo$1();
 var ENGINE_INFO = Object.freeze({
 	...PRIVATE_ENGINE_INFO,
-	superdocVersion: "2.0.0-next.28",
+	superdocVersion: "2.0.0-next.29",
 	roomSchemaVersion: Object.freeze({ ...PRIVATE_ENGINE_INFO.roomSchemaVersion }),
 	supportedBundleVersions: SUPPORTED_COLLABORATION_UPGRADE_BUNDLE_VERSIONS,
 	supportedV1ReaderContractVersions: SUPPORTED_V1_READER_CONTRACT_VERSIONS

package/dist/layout-engine/layout-bridge/src/incrementalLayout.d.ts

@@ -1,4 +1,4 @@
-import { PageCheckpointDependencyClass, FlowBlock, Layout, Measure, HeaderFooterLayout, ParagraphBlock, ParagraphMeasure } from '../../contracts/src/index.js';
+import { PageCheckpointDependencyClass, FlowBlock, Layout, Measure, HeaderFooterLayout, ParagraphBlock, ParagraphMeasure, ColumnLayout } from '../../contracts/src/index.js';
 import { FontMeasureContext } from '../../../shared/font-system/src/index.js';
 import { LayoutOptions, HeaderFooterConstraints } from '../../layout-engine/src/index.js';
 import { computeDirtyRegions } from './diff.js';
@@ -39,6 +39,10 @@ export type FootnoteReserveSeed = {
     fontSignature: string;
     measurementWidth: number;
     measurementHeight: number;
+    /** Exact note measurement width retained with unchanged section geometry. */
+    footnoteMeasurementWidth?: number;
+    /** Section-column inputs used to derive the retained note measurement width. */
+    sectionColumnsByIndex?: Map<number, ColumnLayout>;
     /** Exact note block objects retained by the host's authoritative note-bundle proof. */
     noteBlocksByBlockId?: Map<string, FlowBlock>;
     /** Measures paired with `noteBlocksByBlockId`; object identity is revalidated before reuse. */
@@ -246,6 +250,14 @@ export type IncrementalLayoutReuseOptions = {
     }> | null;
     /** Retained key index used for O(1) convergence candidate lookup. */
     previousPageStartKeyIndex?: ReadonlyMap<string, readonly number[]> | null;
+    /**
+     * Host-proved note-only refresh. Body ids are unchanged reference anchors;
+     * only the named note projections may differ from the retained note plane.
+     */
+    provedNoteOnlyRefresh?: {
+        noteIds: readonly string[];
+        bodyReferenceBlockIds: readonly string[];
+    };
 };
 export declare const measureCache: MeasureCache<Measure>;
 /**
@@ -291,6 +303,11 @@ export declare function incrementalLayout(previousBlocks: FlowBlock[], _previous
     footnoteReserveSeed?: FootnoteReserveSeed | null;
     /** Host proved the authoritative note projection bundle was retained exactly. */
     noteMeasurePlaneRetainedExact?: true;
+    /** Extra note/decorative planes paired with the retained note bundle. */
+    retainedFootnoteExtras?: {
+        blocks: FlowBlock[];
+        measures: Measure[];
+    };
 }, layoutReuse?: IncrementalLayoutReuseOptions, measureReuseProof?: IncrementalMeasureReuseProof, execution?: IncrementalLayoutExecutionControl): Promise<IncrementalLayoutResult>;
 /**
  * Normalizes a margin value, using a fallback for undefined or non-finite values.

package/dist/public/ui-react.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../chunks/rolldown-runtime-_dR15c8t.cjs");
-const require_create_super_doc_ui = require("../chunks/create-super-doc-ui-CZBUMdjl.cjs");
+const require_create_super_doc_ui = require("../chunks/create-super-doc-ui-BXehf3i3.cjs");
 let react = require("react");
 var SuperDocUIContext = (0, react.createContext)(null);
 function SuperDocUIProvider(props) {

package/dist/public/ui-react.es.js

@@ -1,4 +1,4 @@
-import { t as createSuperDocUI } from "../chunks/create-super-doc-ui-BlnUCtrx.es.js";
+import { t as createSuperDocUI } from "../chunks/create-super-doc-ui-BKVf2uCM.es.js";
 import { createContext, createElement, useCallback, useContext, useEffect, useRef, useState } from "react";
 var SuperDocUIContext = createContext(null);
 function SuperDocUIProvider(props) {

package/dist/public/ui.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_create_super_doc_ui = require("../chunks/create-super-doc-ui-CZBUMdjl.cjs");
+const require_create_super_doc_ui = require("../chunks/create-super-doc-ui-BXehf3i3.cjs");
 exports.BUILT_IN_COMMAND_IDS = require_create_super_doc_ui.BUILT_IN_COMMAND_IDS;
 exports.createSuperDocUI = require_create_super_doc_ui.createSuperDocUI;
 exports.shallowEqual = require_create_super_doc_ui.shallowEqual;

package/dist/public/ui.es.js

@@ -1,2 +1,2 @@
-import { n as BUILT_IN_COMMAND_IDS, r as shallowEqual, t as createSuperDocUI } from "../chunks/create-super-doc-ui-BlnUCtrx.es.js";
+import { n as BUILT_IN_COMMAND_IDS, r as shallowEqual, t as createSuperDocUI } from "../chunks/create-super-doc-ui-BKVf2uCM.es.js";
 export { BUILT_IN_COMMAND_IDS, createSuperDocUI, shallowEqual };

package/dist/style.css

@@ -701,6 +701,25 @@
 .superdoc .sd-proofing-style {
   text-decoration-color: var(--sd-proofing-style-color, #805ad5);
 }
+/* CSS Custom Highlight variant: the v2 runtime paints per-word squiggles over
+ * exact text ranges (no DOM mutation). Highlight names match the class names. */
+::highlight(sd-proofing-spelling),
+::highlight(sd-proofing-grammar),
+::highlight(sd-proofing-style) {
+  text-decoration-line: underline;
+  text-decoration-style: wavy;
+  text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
+  text-underline-offset: var(--sd-proofing-underline-offset, 2px);
+}
+::highlight(sd-proofing-spelling) {
+  text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
+}
+::highlight(sd-proofing-grammar) {
+  text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
+}
+::highlight(sd-proofing-style) {
+  text-decoration-color: var(--sd-proofing-style-color, #805ad5);
+}
 /* Contained Mode - fixed-height container embedding with internal scrolling */
 .superdoc--contained,
 .superdoc--contained .superdoc__layers,
@@ -960,7 +979,7 @@ img[data-v-c95b2073] {
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
 
-.comments-dialog[data-v-35236c9c] {
+.comments-dialog[data-v-74340036] {
   display: flex;
   flex-direction: column;
   padding: var(--sd-ui-comments-card-padding, 16px);
@@ -979,73 +998,73 @@ img[data-v-c95b2073] {
   overflow-wrap: break-word;
   word-break: break-word;
 }
-.comments-dialog[data-v-35236c9c]:not(.is-active) {
+.comments-dialog[data-v-74340036]:not(.is-active) {
   cursor: pointer;
 }
-.comments-dialog[data-v-35236c9c]:not(.is-active):not(.is-resolved):hover {
+.comments-dialog[data-v-74340036]:not(.is-active):not(.is-resolved):hover {
   background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
 }
-.comments-dialog[data-v-35236c9c]:not(.is-resolved):hover .overflow-menu {
+.comments-dialog[data-v-74340036]:not(.is-resolved):hover .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.comments-dialog.is-active[data-v-35236c9c] {
+.comments-dialog.is-active[data-v-74340036] {
   background-color: var(--sd-ui-comments-card-active-bg, #ffffff);
   border-color: var(--sd-ui-comments-card-active-border, #e0e0e0);
   box-shadow: var(--sd-ui-comments-card-shadow, 0px 4px 12px 0px rgba(50, 50, 50, 0.15));
   z-index: 10;
 }
-.comments-dialog.is-resolved[data-v-35236c9c] {
+.comments-dialog.is-resolved[data-v-74340036] {
   background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
 }
-.comment-separator[data-v-35236c9c] {
+.comment-separator[data-v-74340036] {
   background-color: var(--sd-ui-comments-separator, #e0e0e0);
   height: 1px;
   width: 100%;
   margin: 10px 0;
 }
-.comment[data-v-35236c9c] {
+.comment[data-v-74340036] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.comment[data-v-35236c9c] p {
+.comment[data-v-74340036] p {
   margin: 0;
 }
-.tracked-change[data-v-35236c9c] {
+.tracked-change[data-v-74340036] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.change-type[data-v-35236c9c] {
+.change-type[data-v-74340036] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text[data-v-35236c9c] {
+.tracked-change-text[data-v-74340036] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text.is-deleted[data-v-35236c9c] {
+.tracked-change-text.is-deleted[data-v-74340036] {
   color: var(--sd-ui-comments-delete-text, #cb0e47);
 }
-.tracked-change-text.is-inserted[data-v-35236c9c] {
+.tracked-change-text.is-inserted[data-v-74340036] {
   color: var(--sd-ui-comments-insert-text, #1f6feb);
   font-weight: 500;
 }
-.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-35236c9c] {
+.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-74340036] {
   color: var(--sd-ui-comments-move-from-text, #00853d);
 }
-.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-35236c9c] {
+.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-74340036] {
   color: var(--sd-ui-comments-move-to-text, #00853d);
 }
-.tracked-change-detail-lines[data-v-35236c9c] {
+.tracked-change-detail-lines[data-v-74340036] {
   margin-top: 4px;
 }
-.tracked-change-detail-line[data-v-35236c9c] {
+.tracked-change-detail-line[data-v-74340036] {
   font-size: 12px;
   line-height: 1.4;
 }
-.tracked-change-image-preview[data-v-35236c9c] {
+.tracked-change-image-preview[data-v-74340036] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1056,7 +1075,7 @@ img[data-v-c95b2073] {
   max-width: 96px;
   max-height: 96px;
 }
-.tracked-change-image-preview__image[data-v-35236c9c] {
+.tracked-change-image-preview__image[data-v-74340036] {
   display: block;
   width: auto;
   height: auto;
@@ -1066,7 +1085,7 @@ img[data-v-c95b2073] {
 }
 
 /* ── Failed tracked-change decision alert (SD-3772 §6) ── */
-.tracked-change-decision-alert[data-v-35236c9c] {
+.tracked-change-decision-alert[data-v-74340036] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1080,12 +1099,12 @@ img[data-v-c95b2073] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.4;
 }
-.tracked-change-decision-alert__retry[data-v-35236c9c] {
+.tracked-change-decision-alert__retry[data-v-74340036] {
   flex-shrink: 0;
 }
 
 /* ── Resolved badge ── */
-.resolved-badge[data-v-35236c9c] {
+.resolved-badge[data-v-74340036] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -1094,26 +1113,26 @@ img[data-v-c95b2073] {
   color: var(--sd-ui-comments-resolved-text, #00853d);
   margin-bottom: 4px;
 }
-.resolved-badge__icon[data-v-35236c9c] {
+.resolved-badge__icon[data-v-74340036] {
   display: inline-flex;
   width: 12px;
   height: 12px;
 }
-.resolved-badge__icon[data-v-35236c9c] svg {
+.resolved-badge__icon[data-v-74340036] svg {
   width: 100%;
   height: 100%;
   fill: currentColor;
 }
 
 /* ── Text truncation ── */
-.comment.is-truncated[data-v-35236c9c],
-.tracked-change.is-truncated[data-v-35236c9c] {
+.comment.is-truncated[data-v-74340036],
+.tracked-change.is-truncated[data-v-74340036] {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.show-more-toggle[data-v-35236c9c] {
+.show-more-toggle[data-v-74340036] {
   font-size: 12px;
   color: var(--sd-ui-action, #1355ff);
   cursor: pointer;
@@ -1121,12 +1140,12 @@ img[data-v-c95b2073] {
   margin-top: 4px;
   user-select: none;
 }
-.show-more-toggle[data-v-35236c9c]:hover {
+.show-more-toggle[data-v-74340036]:hover {
   text-decoration: underline;
 }
 
 /* ── Thread collapse ── */
-.collapsed-replies[data-v-35236c9c] {
+.collapsed-replies[data-v-74340036] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1137,24 +1156,24 @@ img[data-v-c95b2073] {
   cursor: pointer;
   user-select: none;
 }
-.collapsed-replies[data-v-35236c9c]:hover {
+.collapsed-replies[data-v-74340036]:hover {
   text-decoration: underline;
 }
-.collapsed-avatars[data-v-35236c9c] {
+.collapsed-avatars[data-v-74340036] {
   display: flex;
 }
-.collapsed-avatars .mini-avatar[data-v-35236c9c] {
+.collapsed-avatars .mini-avatar[data-v-74340036] {
   --sd-comment-avatar-size: 20px;
   --sd-comment-avatar-font-size: 8px;
   margin-left: -4px;
   border: 2px solid var(--sd-ui-comments-card-active-bg, #ffffff);
 }
-.collapsed-avatars .mini-avatar[data-v-35236c9c]:first-child {
+.collapsed-avatars .mini-avatar[data-v-74340036]:first-child {
   margin-left: 0;
 }
 
 /* ── New comment input ── */
-.new-comment-input-wrapper[data-v-35236c9c] {
+.new-comment-input-wrapper[data-v-74340036] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1163,17 +1182,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow-y: auto;
 }
-.new-comment-input-wrapper[data-v-35236c9c]:focus-within {
+.new-comment-input-wrapper[data-v-74340036]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.new-comment-input-wrapper[data-v-35236c9c] .comment-entry {
+.new-comment-input-wrapper[data-v-74340036] .comment-entry {
   border-radius: 0;
 }
-.new-comment-input-wrapper[data-v-35236c9c] .input-section {
+.new-comment-input-wrapper[data-v-74340036] .input-section {
   margin: 0;
 }
-.new-comment-input-wrapper[data-v-35236c9c] .superdoc-field {
+.new-comment-input-wrapper[data-v-74340036] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1184,35 +1203,41 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.new-comment-input-wrapper[data-v-35236c9c] .superdoc-field:focus,
-.new-comment-input-wrapper[data-v-35236c9c] .superdoc-field:active {
+.new-comment-input-wrapper[data-v-74340036] .superdoc-field:focus,
+.new-comment-input-wrapper[data-v-74340036] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.new-comment-input-wrapper[data-v-35236c9c] .sd-editor-placeholder::before {
+.new-comment-input-wrapper[data-v-74340036] .sd-editor-placeholder::before {
   content: 'Comment or add others with @';
 }
 
 /* ── Reply pill & expanded input ── */
-.reply-pill[data-v-35236c9c] {
+.reply-pill[data-v-74340036] {
+  width: 100%;
   padding: 8.5px 10.5px;
   border: 1.5px solid transparent;
   border-radius: 9999px;
+  font-family: inherit;
   font-size: 14px;
+  text-align: left;
   color: var(--sd-color-gray-500, #ababab);
   background: var(--sd-color-gray-100, #f5f5f5);
   margin-top: 10px;
   cursor: text;
   transition: background 150ms ease;
 }
-.reply-pill[data-v-35236c9c]:hover {
+.reply-pill[data-v-74340036]:hover {
   background: var(--sd-color-gray-200, #f2f2f2);
 }
-.reply-expanded[data-v-35236c9c] {
+.reply-pill[data-v-74340036]:disabled {
+  cursor: not-allowed;
+}
+.reply-expanded[data-v-74340036] {
   margin-top: 10px;
 }
-.reply-input-wrapper[data-v-35236c9c] {
+.reply-input-wrapper[data-v-74340036] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1220,17 +1245,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow-y: auto;
 }
-.reply-input-wrapper[data-v-35236c9c]:focus-within {
+.reply-input-wrapper[data-v-74340036]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.reply-input-wrapper[data-v-35236c9c] .comment-entry {
+.reply-input-wrapper[data-v-74340036] .comment-entry {
   border-radius: 0;
 }
-.reply-input-wrapper[data-v-35236c9c] .input-section {
+.reply-input-wrapper[data-v-74340036] .input-section {
   margin: 0;
 }
-.reply-input-wrapper[data-v-35236c9c] .superdoc-field {
+.reply-input-wrapper[data-v-74340036] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1241,23 +1266,23 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.reply-input-wrapper[data-v-35236c9c] .superdoc-field:focus,
-.reply-input-wrapper[data-v-35236c9c] .superdoc-field:active {
+.reply-input-wrapper[data-v-74340036] .superdoc-field:focus,
+.reply-input-wrapper[data-v-74340036] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.reply-input-wrapper[data-v-35236c9c] .sd-editor-placeholder::before {
+.reply-input-wrapper[data-v-74340036] .sd-editor-placeholder::before {
   content: 'Reply or add others with @';
 }
-.reply-actions[data-v-35236c9c] {
+.reply-actions[data-v-74340036] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 16px;
   margin-top: 8px;
 }
-.reply-btn-cancel[data-v-35236c9c] {
+.reply-btn-cancel[data-v-74340036] {
   background: none;
   border: none;
   font-size: 13px;
@@ -1268,10 +1293,10 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: color 150ms;
 }
-.reply-btn-cancel[data-v-35236c9c]:hover {
+.reply-btn-cancel[data-v-74340036]:hover {
   color: var(--sd-ui-text, #212121);
 }
-.reply-btn-primary[data-v-35236c9c] {
+.reply-btn-primary[data-v-74340036] {
   background: var(--sd-ui-action, #1355ff);
   border: none;
   font-size: 13px;
@@ -1283,19 +1308,19 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: background 150ms;
 }
-.reply-btn-primary[data-v-35236c9c]:hover {
+.reply-btn-primary[data-v-74340036]:hover {
   background: var(--sd-ui-action-hover, #0f44cc);
 }
-.reply-btn-primary.sd-is-disabled[data-v-35236c9c] {
+.reply-btn-primary.sd-is-disabled[data-v-74340036] {
   background: var(--sd-color-gray-400, #dbdbdb);
   color: var(--sd-color-gray-600, #888888);
   cursor: default;
   pointer-events: none;
 }
-.existing-internal-input[data-v-35236c9c] {
+.existing-internal-input[data-v-74340036] {
   margin-bottom: 10px;
 }
-.sd-internal-dropdown[data-v-35236c9c] {
+.sd-internal-dropdown[data-v-74340036] {
   display: inline-block;
 }
 
@@ -1343,24 +1368,24 @@ img[data-v-c95b2073] {
   background-color: #1355ff7f;
 }
 
-.comment-placeholder[data-v-3672b976] {
+.comment-placeholder[data-v-e699ceb8] {
   position: absolute;
   width: 300px;
   transition: top 0.3s ease;
 }
-.floating-comment[data-v-3672b976] {
+.floating-comment[data-v-e699ceb8] {
   position: relative;
   display: block;
   min-width: 300px;
 }
-.sidebar-container[data-v-3672b976] {
+.sidebar-container[data-v-e699ceb8] {
   position: absolute;
   width: 300px;
   min-height: 300px;
   transition: transform 0.3s ease;
   will-change: transform;
 }
-.section-wrapper[data-v-3672b976] {
+.section-wrapper[data-v-e699ceb8] {
   position: relative;
   min-height: 100%;
   width: 300px;
@@ -1698,11 +1723,11 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-c4ab995e] {
+.superdoc[data-v-4084bf1b] {
   display: flex;
   position: relative;
 }
-.sd-visually-hidden[data-v-c4ab995e] {
+.sd-visually-hidden[data-v-4084bf1b] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1713,30 +1738,30 @@ img[data-v-c95b2073] {
   white-space: nowrap;
   border: 0;
 }
-.right-sidebar[data-v-c4ab995e] {
+.right-sidebar[data-v-4084bf1b] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-c4ab995e] {
+.floating-comments[data-v-4084bf1b] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-c4ab995e] {
+.superdoc__layers[data-v-4084bf1b] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-c4ab995e] {
+.superdoc__document[data-v-4084bf1b] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-c4ab995e] {
+.superdoc__sub-document[data-v-4084bf1b] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-c4ab995e] {
+.superdoc__selection-layer[data-v-4084bf1b] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -1747,13 +1772,13 @@ img[data-v-c95b2073] {
 /* SD-3497: PDF whiteboard overlay sits above the rendered PDF canvas but below
    the PDF comment anchors (z-index 6 in PdfCommentsLayer) so anchors stay
    clickable, and below the selection layer (z-index 10). */
-.superdoc__whiteboard-layer[data-v-c4ab995e] {
+.superdoc__whiteboard-layer[data-v-4084bf1b] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-c4ab995e] {
+.superdoc__temp-selection[data-v-4084bf1b] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-c4ab995e] {
+.superdoc__right-sidebar[data-v-4084bf1b] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -1761,7 +1786,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-c4ab995e] {
+.superdoc__compact-comment-popover[data-v-4084bf1b] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -1770,14 +1795,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-c4ab995e] {
+.tools[data-v-4084bf1b] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-c4ab995e] {
+.tools-item[data-v-4084bf1b] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1788,10 +1813,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-c4ab995e] {
+.tools-item i[data-v-4084bf1b] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-c4ab995e] {
+.superdoc__tools-icon[data-v-4084bf1b] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -1806,22 +1831,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-c4ab995e] {
+.superdoc .superdoc__layers[data-v-4084bf1b] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-c4ab995e] {
+.superdoc__sub-document[data-v-4084bf1b] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-c4ab995e] {
+.superdoc__right-sidebar[data-v-4084bf1b] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-c4ab995e] {
+.ai-writer-container[data-v-4084bf1b] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -1837,10 +1862,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-c4ab995e] {
+.ai-tool > svg[data-v-4084bf1b] {
   fill: transparent;
 }
-.ai-tool[data-v-c4ab995e]::before {
+.ai-tool[data-v-4084bf1b]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -1861,7 +1886,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-c4ab995e]:hover::before {
+.ai-tool[data-v-4084bf1b]:hover::before {
   filter: brightness(1.3);
 }