superdoc 2.24.0-next.10 → 2.24.0-next.12

package/dist/document-api/src/styles/validation.d.ts

@@ -1,4 +1,4 @@
-import { ValueSchema, StylesChannel } from './registry.js';
+import { ValueSchema, StylesChannel, StylesScope } from './registry.js';
 /**
  * Validates a value against a ValueSchema AST node.
  *
@@ -35,4 +35,13 @@ export type PatchKeyClassification = {
  * nesting conditionals across excluded-key maps, allowed-key sets, and
  * cross-channel lookups.
  */
-export declare function classifyPatchKey(key: string, channel: StylesChannel): PatchKeyClassification;
+export declare function classifyPatchKey(key: string, channel: StylesChannel, scope?: StylesScope): PatchKeyClassification;
+/**
+ * Validates the keys and values of a patch object against one channel.
+ *
+ * Shared by `styles.apply` (scope `docDefaults`) and `styles.create` (scope
+ * `style`); `field` names the caller's own input path so the error points at
+ * `patch` or at `run` / `paragraph` rather than at whichever one happened to
+ * write this code.
+ */
+export declare function validatePatchObject(patch: Record<string, unknown>, channel: StylesChannel, scope: StylesScope, field: string): void;

package/dist/document-api/src/templates/apply.d.ts

@@ -3,19 +3,17 @@
  *
  * Adopts a source DOCX's template **style system and reusable template assets**
  * onto the currently open document while preserving the open document's
- * body/story content (`word/document.xml` is never replaced). This is template
- * adoption, not a blind substrate transplant. The adoption semantics are:
+ * body/story content. Source body content is never copied; `word/document.xml`
+ * is rewritten only to adopt section defaults. The adoption semantics are:
  *
  * - `styles`: source-authoritative overlap. For a `styleId` defined in both
  *   documents the source definition wins **in place** under the original id
  *   (no `*-tmpl` rename). The source `w:docDefaults` and `w:latentStyles`
- *   singletons replace the target's. Source-only styles are imported; target-only
- *   styles still required by preserved content are retained.
- * - `numbering`: reconciled as a dependency graph (not a flat append / blind
- *   replace). The `w:num`/`w:abstractNum` graph required by imported
- *   numbering-bearing styles is imported, colliding ids are remapped
- *   deterministically, and references are rewritten coherently in both
- *   `numbering.xml` and `styles.xml`.
+ *   singletons replace the target's. Source-only styles are imported; all
+ *   target-only styles are retained.
+ * - `numbering`: every source `w:abstractNum`/`w:num` is appended. Colliding
+ *   ids are remapped deterministically, and imported styles are rewritten to
+ *   the remapped ids. Re-applying the same source appends the definitions again.
  * - `settings`: bounded reconciliation — layout/style-affecting settings (e.g.
  *   default tab stop) are adopted; identity/workflow settings (`rsid*`, `docId`,
  *   protection/revision state, `attachedTemplate`) are preserved.
@@ -24,7 +22,8 @@
  *   imported as reusable template assets (even ones the page-1 governing
  *   section does not reference), together with their `.rels` and transitive
  *   media closure; colliding part names / relationship ids / media names are
- *   reallocated and references rewritten consistently.
+ *   reallocated and references rewritten consistently. Re-applying the same
+ *   source imports the parts again under new names.
  * - `sectionDefaults`: the source `w:sectPr` that governs page 1 is adopted as
  *   the current document's active/final section-default model. On multi-section
  *   targets, its header/footer visibility model (`headerReference`,
@@ -32,11 +31,10 @@
  *   sections without overwriting their own page geometry. Intermediate / later
  *   source sections are not imported.
  *
- * Selected non-body package sidecars (`customXml`, `docProps/custom.xml`,
- * comments, notes, people, keymap customizations, and `settings.xml.rels`) are
- * imported when present so reconstructed content can reuse the source package
- * substrate faithfully. Source body content, glossary, signatures, embeddings,
- * and body media remain out of scope and are reported, never applied.
+ * Other source parts are never applied. `customXml` is reported as an
+ * out-of-scope skipped scope. `customXml`, `docProps`, comments, notes, people,
+ * glossary, signatures, embeddings, and body media are reported in
+ * `unsupportedItems`.
  *
  * Engine-agnostic contract + execution entry point. No ProseMirror/converter imports.
  */

package/dist/document-api/src/types/fragment.d.ts

@@ -2,6 +2,7 @@ import { SDContentNode } from './sd-nodes.js';
 import { SDStyles, SDDocDefaults, SDTheme } from './sd-styles.js';
 import { SDNumberingCatalog, SDSection, SDReferenceCatalogs, SDAnnotations } from './sd-sections.js';
 import { SDDocumentMeta } from './sd-props.js';
+import { SDDiagnostic } from './sd-contract.js';
 /** Structural content payload for insert and replace operations. */
 export type SDFragment = SDContentNode | SDContentNode[];
 export interface SDDocument {
@@ -15,6 +16,8 @@ export interface SDDocument {
     referenceCatalogs?: SDReferenceCatalogs;
     annotations?: SDAnnotations;
     metadata?: SDDocumentMeta;
+    /** Missing, malformed or fallback package parts, and read options not honored yet. */
+    diagnostics?: SDDiagnostic[];
 }
 export declare const SD_CONTENT_NODE_KINDS: readonly ["paragraph", "heading", "list", "table", "toc", "index", "bibliography", "tableOfAuthorities", "break", "horizontalRule", "sectionBreak", "sectPr", "image", "drawing", "sdt", "customXml", "altChunk", "math", "field"];
 export type SDContentNodeKind = (typeof SD_CONTENT_NODE_KINDS)[number];

package/dist/document-api/src/types/query-match.types.d.ts

@@ -4,6 +4,7 @@ import { TextSelector, NodeSelector } from './query.js';
 import { DiscoveryItem, DiscoveryResult } from './discovery.js';
 import { InlineToggleDirective } from './style-policy.types.js';
 import { StoryLocator } from './story.types.js';
+import { StyleCatalogPreviewSources } from '../styles/catalog.js';
 export type CardinalityRequirement = 'any' | 'first' | 'exactlyOne' | 'all';
 /** Maximum total length for a match snippet (D11). */
 export declare const SNIPPET_MAX_LENGTH = 500;
@@ -27,12 +28,32 @@ export interface MatchDirectStyles {
     underline: InlineToggleDirective;
     strike: InlineToggleDirective;
 }
-/** Effective visual states: what the user sees after style cascade resolution. */
+/**
+ * Where an effective font or color came from: set as a literal value, or a
+ * theme reference (with tint/shade). Same vocabulary as catalog preview sources.
+ */
+export type MatchEffectiveSources = StyleCatalogPreviewSources;
+/**
+ * Effective visual states: what the user sees after style cascade resolution
+ * (direct run formatting, character style, paragraph style chain, table style,
+ * document defaults, theme). The optional values are present when the cascade
+ * resolved them; `meta.effectiveResolved` says whether it ran.
+ */
 export interface MatchEffectiveStyles {
     bold: boolean;
     italic: boolean;
     underline: boolean;
     strike: boolean;
+    /** 6-digit lowercase hex with `#` prefix. Theme colors are resolved, tint/shade applied. */
+    color?: string;
+    /** 6-digit lowercase hex with `#` prefix. */
+    highlight?: string;
+    /** Latin-track font family. Theme fonts are resolved to the theme's typeface. */
+    fontFamily?: string;
+    /** Font size in points, rounded to 1 decimal place. */
+    fontSizePt?: number;
+    /** Origin of `fontFamily` and `color`. A value without a source is absent. */
+    sources?: MatchEffectiveSources;
 }
 /**
  * Two-layer inline style state for a single run.
@@ -171,16 +192,33 @@ export type QueryMatchItem = DiscoveryItem<QueryMatchDomain>;
 export type TextMatchItem = DiscoveryItem<TextMatchDomain>;
 /** Node match item (blocks.length === 0). */
 export type NodeMatchItem = DiscoveryItem<NodeMatchDomain>;
+/**
+ * Why `styles.effective` could not be fully resolved for a match result.
+ *
+ * - `tracked-view-unresolved`: tracked-view matches (`includeDeletedText`) are not cascade-resolved.
+ * - `theme-fallback`: a theme font or color came from the default Office theme because the
+ *   document's theme part or color scheme is missing or unreadable.
+ * - `style-parts-unavailable`: the document's style parts were not loaded, so styles were not applied.
+ * - `run-projection-unavailable`: the matched text could not be split into runs.
+ */
+export type QueryMatchDiagnosticCode = 'tracked-view-unresolved' | 'theme-fallback' | 'style-parts-unavailable' | 'run-projection-unavailable';
+export interface QueryMatchDiagnostic {
+    code: QueryMatchDiagnosticCode;
+    message: string;
+}
 /**
  * Metadata for `query.match`: always present on the output envelope.
  *
- * - `effectiveResolved: true`: converter context was available; `styles.effective`
- *   on every run reflects full cascade resolution.
- * - `effectiveResolved: false`: converter context was unavailable (headless/non-DOCX);
- *   `styles.effective` is derived from `direct` only.
+ * - `effectiveResolved: true`: `styles.effective` on every run reflects full
+ *   style cascade and theme resolution.
+ * - `effectiveResolved: false`: at least one run was not fully resolved, or the
+ *   engine derives `styles.effective` from `direct` only. `diagnostics`, when
+ *   present, says why.
  */
 export interface QueryMatchMeta {
     effectiveResolved: boolean;
+    /** Reasons the result is not fully resolved. Absent when there are none. */
+    diagnostics?: QueryMatchDiagnostic[];
 }
 export interface QueryMatchInput {
     /** Selector for query.match. Text selectors may opt into deleted tracked text via `includeDeletedText`. */

package/dist/document-api/src/types/sd-props.d.ts

@@ -1,10 +1,4 @@
-/**
- * SDM/1 property models: run, paragraph, table, list, image, drawing props.
- *
- * These define the direct formatting ("authored") property bags carried by
- * style-bearing nodes. Resolved/provenance fields are separate concerns
- * populated at read time by the style-engine.
- */
+import { ST_HIGHLIGHT_VALUES } from '../inline-semantics/token-sets.js';
 export type SDThemeFontRef = 'majorAscii' | 'majorHAnsi' | 'majorEastAsia' | 'majorBidi' | 'minorAscii' | 'minorHAnsi' | 'minorEastAsia' | 'minorBidi';
 export interface SDRunFonts {
     ascii?: string;
@@ -34,7 +28,7 @@ export type SDColorRef = {
 } | {
     model: 'auto';
 };
-export type SDHighlightColor = 'black' | 'blue' | 'cyan' | 'green' | 'magenta' | 'red' | 'yellow' | 'white' | 'darkBlue' | 'darkCyan' | 'darkGreen' | 'darkMagenta' | 'darkRed' | 'darkYellow' | 'darkGray' | 'lightGray' | 'none';
+export type SDHighlightColor = (typeof ST_HIGHLIGHT_VALUES)[number];
 export type SDUnderlineStyle = 'none' | 'single' | 'words' | 'double' | 'thick' | 'dotted' | 'dottedHeavy' | 'dash' | 'dashedHeavy' | 'dashLong' | 'dashLongHeavy' | 'dotDash' | 'dashDotHeavy' | 'dotDotDash' | 'dashDotDotHeavy' | 'wave' | 'wavyHeavy' | 'wavyDouble';
 export interface SDUnderline {
     style?: SDUnderlineStyle;
@@ -47,7 +41,9 @@ export interface SDShading {
 }
 export interface SDRunBorder {
     style?: string;
+    /** Line width in points. */
     width?: number;
+    /** Spacing from the content in points. */
     space?: number;
     color?: SDColorRef;
     frame?: boolean;
@@ -186,10 +182,31 @@ export type SDTableWidth = {
 } | {
     kind: 'none';
 };
+/** Table border lines; `width` and `space` in points. */
+export interface SDTableBorders {
+    top?: SDRunBorder;
+    right?: SDRunBorder;
+    bottom?: SDRunBorder;
+    left?: SDRunBorder;
+    start?: SDRunBorder;
+    end?: SDRunBorder;
+    insideH?: SDRunBorder;
+    insideV?: SDRunBorder;
+}
+/** Cell padding in points. */
+export interface SDCellPadding {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+    start?: number;
+    end?: number;
+}
 export interface SDTableProps {
     width?: SDTableWidth;
     layout?: 'fixed' | 'autofit';
     alignment?: 'left' | 'center' | 'right' | 'inside' | 'outside';
+    /** Normalized CSS-like edge borders retained for document and fragment compatibility. */
     borders?: {
         top?: string;
         right?: string;
@@ -198,28 +215,51 @@ export interface SDTableProps {
         insideH?: string;
         insideV?: string;
     };
+    /** Leading-edge indent in points. */
+    indent?: number;
+    /** Spacing between cells in points. */
+    cellSpacing?: number;
+    /** Default cell padding in points. */
+    cellPadding?: SDCellPadding;
+    shading?: SDShading;
+    /** Right-to-left visual column order (`w:bidiVisual`). */
+    bidiVisual?: boolean;
+}
+/** Table formatting authored on a table style. Borders are structured lines, not strings. */
+export interface SDTableStyleProps extends Omit<SDTableProps, 'borders'> {
+    borders?: SDTableBorders;
 }
 export interface SDRowProps {
     /** Minimum row height in points. */
     minHeight?: number;
     cantSplit?: boolean;
+    /** Repeat this row as a header row on each page (`w:tblHeader`). */
+    repeatHeader?: boolean;
+}
+/** Cell border lines; `width` and `space` in points. */
+export interface SDCellBorders extends SDTableBorders {
+    /** Diagonal from top-left to bottom-right. */
+    tl2br?: SDRunBorder;
+    /** Diagonal from top-right to bottom-left. */
+    tr2bl?: SDRunBorder;
 }
 export interface SDCellProps {
     verticalAlign?: 'top' | 'center' | 'bottom';
     shading?: SDColorRef;
     /** Cell padding in points. */
-    padding?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    };
+    padding?: SDCellPadding;
+    /** Normalized CSS-like edge borders, such as `'single 1pt #000000'` or `'none'`. */
     borders?: {
         top?: string;
         right?: string;
         bottom?: string;
         left?: string;
     };
+    noWrap?: boolean;
+}
+/** Cell formatting authored on a table style. Borders are structured lines, not strings. */
+export interface SDTableStyleCellProps extends Omit<SDCellProps, 'borders'> {
+    borders?: SDCellBorders;
 }
 export interface SDImageProps {
     alignment?: 'left' | 'center' | 'right';

package/dist/document-api/src/types/sd-styles.d.ts

@@ -1,20 +1,69 @@
-import { SDRunProps, SDParagraphProps, SDTableProps, SDThemeColorName } from './sd-props.js';
+import { SDParagraphProps, SDRowProps, SDRunProps, SDTableProps, SDTableStyleProps, SDTableStyleCellProps, SDThemeColorName } from './sd-props.js';
+import { SDResolvedProvenance } from './sd-objects.js';
 export interface SDStyleBase<TProps> {
     name?: string;
     basedOn?: string;
     next?: string;
     linked?: string;
+    /** Properties authored on this style, with theme references left raw. */
     props?: TProps;
+    /** Cascaded values (basedOn chain, docDefaults, theme). Present with `includeResolved`. */
+    resolved?: Partial<TProps>;
+    /** Where each resolved value came from. Present with `includeProvenance`. */
+    provenance?: SDResolvedProvenance<TProps>;
+}
+export interface SDParagraphStyleDef extends SDStyleBase<SDParagraphProps> {
+    /** Run properties authored on this paragraph style (`w:rPr`). */
+    runProps?: SDRunProps;
+    /** Cascaded run values for text in this paragraph style. Present with `includeResolved`. */
+    resolvedRun?: Partial<SDRunProps>;
+    /** Where each resolved run value came from. Present with `includeProvenance`. */
+    runProvenance?: SDResolvedProvenance<SDRunProps>;
 }
-export type SDParagraphStyleDef = SDStyleBase<SDParagraphProps>;
 export type SDCharacterStyleDef = SDStyleBase<SDRunProps>;
-export type SDTableStyleDef = SDStyleBase<SDTableProps>;
+/** Table regions that a table style can format conditionally (`w:tblStylePr/@w:type`). */
+export type SDTableStyleRegion = 'wholeTable' | 'firstRow' | 'lastRow' | 'firstCol' | 'lastCol' | 'band1Vert' | 'band2Vert' | 'band1Horz' | 'band2Horz' | 'neCell' | 'nwCell' | 'seCell' | 'swCell';
+/** Formatting a table style applies to one region, as authored. */
+export interface SDTableStyleFormatting {
+    table?: SDTableStyleProps;
+    row?: SDRowProps;
+    cell?: SDTableStyleCellProps;
+    paragraph?: SDParagraphProps;
+    run?: SDRunProps;
+}
+export interface SDTableStyleDef extends SDStyleBase<SDTableStyleProps> {
+    /** Row defaults (`w:trPr`). */
+    rowProps?: SDRowProps;
+    /** Cell defaults (`w:tcPr`). */
+    cellProps?: SDTableStyleCellProps;
+    /** Paragraph formatting for text in the table (`w:pPr`). */
+    paragraphProps?: SDParagraphProps;
+    /** Run formatting for text in the table (`w:rPr`). */
+    runProps?: SDRunProps;
+    /**
+     * Conditional formatting per table region (`w:tblStylePr`), as authored.
+     * `resolved` / `provenance` cover table-level props only; regions are not cascaded.
+     */
+    conditional?: Partial<Record<SDTableStyleRegion, SDTableStyleFormatting>>;
+    /** Rows per horizontal band (`w:tblStyleRowBandSize`). */
+    rowBandSize?: number;
+    /** Columns per vertical band (`w:tblStyleColBandSize`). */
+    columnBandSize?: number;
+}
 export interface SDStyles {
     paragraph?: Record<string, SDParagraphStyleDef>;
     character?: Record<string, SDCharacterStyleDef>;
     table?: Record<string, SDTableStyleDef>;
 }
+/** Theme color roles that `w:clrSchemeMapping` maps onto theme color slots. */
+export type SDThemeColorRole = 'bg1' | 't1' | 'bg2' | 't2' | 'accent1' | 'accent2' | 'accent3' | 'accent4' | 'accent5' | 'accent6' | 'hyperlink' | 'followedHyperlink';
 export interface SDTheme {
+    /**
+     * `document` when read from the package theme part; `fallback` when the part is
+     * missing or unreadable and the default Office theme stands in (see diagnostics).
+     */
+    source?: 'document' | 'fallback';
+    /** Six-digit hex colors without `#`, matching `SDColorRef` rgb values. */
     colorScheme: Record<SDThemeColorName, string>;
     fontScheme?: {
         major?: {
@@ -28,9 +77,15 @@ export interface SDTheme {
             complexScript?: string;
         };
     };
+    /** From `w:settings/w:clrSchemeMapping`; absent when the document declares none. */
+    colorSchemeMapping?: Partial<Record<SDThemeColorRole, SDThemeColorName>>;
 }
 export interface SDDocDefaults {
     run?: SDRunProps;
     paragraph?: SDParagraphProps;
     table?: SDTableProps;
+    /** `run` with theme references resolved. Present with `includeResolved`. */
+    resolvedRun?: Partial<SDRunProps>;
+    /** `paragraph` with theme references resolved. Present with `includeResolved`. */
+    resolvedParagraph?: Partial<SDParagraphProps>;
 }

package/dist/style.css

@@ -2348,34 +2348,34 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-f53aafe0] {
+.superdoc[data-v-38ecd481] {
   display: flex;
   position: relative;
 }
-.right-sidebar[data-v-f53aafe0] {
+.right-sidebar[data-v-38ecd481] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-f53aafe0] {
+.floating-comments[data-v-38ecd481] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-f53aafe0] {
+.superdoc__layers[data-v-38ecd481] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-f53aafe0] {
+.superdoc__document[data-v-38ecd481] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-f53aafe0] {
+.superdoc__sub-document[data-v-38ecd481] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-f53aafe0] {
+.superdoc__selection-layer[data-v-38ecd481] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -2386,13 +2386,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-f53aafe0] {
+.superdoc__whiteboard-layer[data-v-38ecd481] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-f53aafe0] {
+.superdoc__temp-selection[data-v-38ecd481] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-f53aafe0] {
+.superdoc__right-sidebar[data-v-38ecd481] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -2400,7 +2400,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-f53aafe0] {
+.superdoc__compact-comment-popover[data-v-38ecd481] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -2409,14 +2409,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-f53aafe0] {
+.tools[data-v-38ecd481] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-f53aafe0] {
+.tools-item[data-v-38ecd481] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2427,10 +2427,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-f53aafe0] {
+.tools-item i[data-v-38ecd481] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-f53aafe0] {
+.superdoc__tools-icon[data-v-38ecd481] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -2445,22 +2445,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-f53aafe0] {
+.superdoc .superdoc__layers[data-v-38ecd481] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-f53aafe0] {
+.superdoc__sub-document[data-v-38ecd481] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-f53aafe0] {
+.superdoc__right-sidebar[data-v-38ecd481] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-f53aafe0] {
+.ai-writer-container[data-v-38ecd481] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -2476,10 +2476,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-f53aafe0] {
+.ai-tool > svg[data-v-38ecd481] {
   fill: transparent;
 }
-.ai-tool[data-v-f53aafe0]::before {
+.ai-tool[data-v-38ecd481]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -2500,7 +2500,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-f53aafe0]:hover::before {
+.ai-tool[data-v-38ecd481]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/style.layered.css

@@ -2348,34 +2348,34 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-f53aafe0] {
+.superdoc[data-v-38ecd481] {
   display: flex;
   position: relative;
 }
-.right-sidebar[data-v-f53aafe0] {
+.right-sidebar[data-v-38ecd481] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-f53aafe0] {
+.floating-comments[data-v-38ecd481] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-f53aafe0] {
+.superdoc__layers[data-v-38ecd481] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-f53aafe0] {
+.superdoc__document[data-v-38ecd481] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-f53aafe0] {
+.superdoc__sub-document[data-v-38ecd481] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-f53aafe0] {
+.superdoc__selection-layer[data-v-38ecd481] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -2386,13 +2386,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-f53aafe0] {
+.superdoc__whiteboard-layer[data-v-38ecd481] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-f53aafe0] {
+.superdoc__temp-selection[data-v-38ecd481] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-f53aafe0] {
+.superdoc__right-sidebar[data-v-38ecd481] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -2400,7 +2400,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-f53aafe0] {
+.superdoc__compact-comment-popover[data-v-38ecd481] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -2409,14 +2409,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-f53aafe0] {
+.tools[data-v-38ecd481] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-f53aafe0] {
+.tools-item[data-v-38ecd481] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2427,10 +2427,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-f53aafe0] {
+.tools-item i[data-v-38ecd481] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-f53aafe0] {
+.superdoc__tools-icon[data-v-38ecd481] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -2445,22 +2445,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-f53aafe0] {
+.superdoc .superdoc__layers[data-v-38ecd481] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-f53aafe0] {
+.superdoc__sub-document[data-v-38ecd481] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-f53aafe0] {
+.superdoc__right-sidebar[data-v-38ecd481] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-f53aafe0] {
+.ai-writer-container[data-v-38ecd481] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -2476,10 +2476,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-f53aafe0] {
+.ai-tool > svg[data-v-38ecd481] {
   fill: transparent;
 }
-.ai-tool[data-v-f53aafe0]::before {
+.ai-tool[data-v-38ecd481]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -2500,7 +2500,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-f53aafe0]:hover::before {
+.ai-tool[data-v-38ecd481]:hover::before {
   filter: brightness(1.3);
 }