superdoc 2.20.1-next.8 → 2.21.0-next.1

package/dist/style.css

@@ -1891,28 +1891,28 @@ img[data-v-c95b2073] {
   background-color: #1355ff7f;
 }
 
-.comment-placeholder[data-v-d8d03209] {
+.comment-placeholder[data-v-8262096d] {
   position: absolute;
   width: 300px;
   transition: top 0.3s ease;
 }
-.comment-placeholder.is-direct-decision-continuity-target[data-v-d8d03209] .overflow-menu {
+.comment-placeholder.is-direct-decision-continuity-target[data-v-8262096d] .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.floating-comment[data-v-d8d03209] {
+.floating-comment[data-v-8262096d] {
   position: relative;
   display: block;
   min-width: 300px;
 }
-.sidebar-container[data-v-d8d03209] {
+.sidebar-container[data-v-8262096d] {
   position: absolute;
   width: 300px;
   min-height: 300px;
   transition: transform 0.3s ease;
   will-change: transform;
 }
-.section-wrapper[data-v-d8d03209] {
+.section-wrapper[data-v-8262096d] {
   position: relative;
   min-height: 100%;
   width: 300px;
@@ -2340,34 +2340,34 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-e476c448] {
+.superdoc[data-v-0d8ce95e] {
   display: flex;
   position: relative;
 }
-.right-sidebar[data-v-e476c448] {
+.right-sidebar[data-v-0d8ce95e] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-e476c448] {
+.floating-comments[data-v-0d8ce95e] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-e476c448] {
+.superdoc__layers[data-v-0d8ce95e] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-e476c448] {
+.superdoc__document[data-v-0d8ce95e] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-e476c448] {
+.superdoc__sub-document[data-v-0d8ce95e] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-e476c448] {
+.superdoc__selection-layer[data-v-0d8ce95e] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -2378,13 +2378,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-e476c448] {
+.superdoc__whiteboard-layer[data-v-0d8ce95e] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-e476c448] {
+.superdoc__temp-selection[data-v-0d8ce95e] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-e476c448] {
+.superdoc__right-sidebar[data-v-0d8ce95e] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -2392,7 +2392,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-e476c448] {
+.superdoc__compact-comment-popover[data-v-0d8ce95e] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -2401,14 +2401,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-e476c448] {
+.tools[data-v-0d8ce95e] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-e476c448] {
+.tools-item[data-v-0d8ce95e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2419,10 +2419,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-e476c448] {
+.tools-item i[data-v-0d8ce95e] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-e476c448] {
+.superdoc__tools-icon[data-v-0d8ce95e] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -2437,22 +2437,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-e476c448] {
+.superdoc .superdoc__layers[data-v-0d8ce95e] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-e476c448] {
+.superdoc__sub-document[data-v-0d8ce95e] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-e476c448] {
+.superdoc__right-sidebar[data-v-0d8ce95e] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-e476c448] {
+.ai-writer-container[data-v-0d8ce95e] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -2468,10 +2468,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-e476c448] {
+.ai-tool > svg[data-v-0d8ce95e] {
   fill: transparent;
 }
-.ai-tool[data-v-e476c448]::before {
+.ai-tool[data-v-0d8ce95e]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -2492,7 +2492,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-e476c448]:hover::before {
+.ai-tool[data-v-0d8ce95e]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/style.layered.css

@@ -1891,28 +1891,28 @@ img[data-v-c95b2073] {
   background-color: #1355ff7f;
 }
 
-.comment-placeholder[data-v-d8d03209] {
+.comment-placeholder[data-v-8262096d] {
   position: absolute;
   width: 300px;
   transition: top 0.3s ease;
 }
-.comment-placeholder.is-direct-decision-continuity-target[data-v-d8d03209] .overflow-menu {
+.comment-placeholder.is-direct-decision-continuity-target[data-v-8262096d] .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.floating-comment[data-v-d8d03209] {
+.floating-comment[data-v-8262096d] {
   position: relative;
   display: block;
   min-width: 300px;
 }
-.sidebar-container[data-v-d8d03209] {
+.sidebar-container[data-v-8262096d] {
   position: absolute;
   width: 300px;
   min-height: 300px;
   transition: transform 0.3s ease;
   will-change: transform;
 }
-.section-wrapper[data-v-d8d03209] {
+.section-wrapper[data-v-8262096d] {
   position: relative;
   min-height: 100%;
   width: 300px;
@@ -2340,34 +2340,34 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-e476c448] {
+.superdoc[data-v-0d8ce95e] {
   display: flex;
   position: relative;
 }
-.right-sidebar[data-v-e476c448] {
+.right-sidebar[data-v-0d8ce95e] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-e476c448] {
+.floating-comments[data-v-0d8ce95e] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-e476c448] {
+.superdoc__layers[data-v-0d8ce95e] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-e476c448] {
+.superdoc__document[data-v-0d8ce95e] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-e476c448] {
+.superdoc__sub-document[data-v-0d8ce95e] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-e476c448] {
+.superdoc__selection-layer[data-v-0d8ce95e] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -2378,13 +2378,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-e476c448] {
+.superdoc__whiteboard-layer[data-v-0d8ce95e] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-e476c448] {
+.superdoc__temp-selection[data-v-0d8ce95e] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-e476c448] {
+.superdoc__right-sidebar[data-v-0d8ce95e] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -2392,7 +2392,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-e476c448] {
+.superdoc__compact-comment-popover[data-v-0d8ce95e] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -2401,14 +2401,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-e476c448] {
+.tools[data-v-0d8ce95e] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-e476c448] {
+.tools-item[data-v-0d8ce95e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2419,10 +2419,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-e476c448] {
+.tools-item i[data-v-0d8ce95e] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-e476c448] {
+.superdoc__tools-icon[data-v-0d8ce95e] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -2437,22 +2437,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-e476c448] {
+.superdoc .superdoc__layers[data-v-0d8ce95e] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-e476c448] {
+.superdoc__sub-document[data-v-0d8ce95e] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-e476c448] {
+.superdoc__right-sidebar[data-v-0d8ce95e] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-e476c448] {
+.ai-writer-container[data-v-0d8ce95e] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -2468,10 +2468,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-e476c448] {
+.ai-tool > svg[data-v-0d8ce95e] {
   fill: transparent;
 }
-.ai-tool[data-v-e476c448]::before {
+.ai-tool[data-v-0d8ce95e]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -2492,7 +2492,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-e476c448]:hover::before {
+.ai-tool[data-v-0d8ce95e]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/superdoc/src/internal/diagnostics/interaction-history.d.ts

@@ -1,6 +1,12 @@
 import { SuperDocDiagnostics } from '../../core/types/diagnostics.js';
-export declare function createInteractionHistory(owner: object, config: unknown, version: () => string, root: HTMLElement): SuperDocDiagnostics;
+import { WorkflowRecording } from './workflow-recording.js';
+export interface InternalDiagnostics extends SuperDocDiagnostics {
+    readonly recording?: WorkflowRecording;
+}
+export declare function isWorkflowRecordingEnabled(config: unknown): boolean;
+export declare function createInteractionHistory(owner: object, config: unknown, version: () => string, root: HTMLElement): InternalDiagnostics;
 /** Every producer crosses this guard before reading or retaining diagnostic data. */
 export declare function recordInteraction(owner: object | null | undefined, type: string, read: () => unknown): void;
 export declare function beginInteraction(owner: object, type: string, read: () => Record<string, unknown>): string | undefined;
 export declare function closeInteractionHistory(owner: object): void;
+export declare function getWorkflowRecording(owner: object): WorkflowRecording | undefined;

package/dist/superdoc/src/internal/diagnostics/workflow-recording.d.ts

@@ -0,0 +1,73 @@
+export interface WorkflowRecordingOptions {
+    /** Opt in to literal keys and input text. Defaults to false. */
+    captureContent?: boolean;
+    /** Defaults to 20,000; accepted range 1–100,000. */
+    maxEvents?: number;
+    /** Serialized UTF-16 budget. Defaults to 8 MiB; maximum 64 MiB. */
+    maxBytes?: number;
+}
+export interface WorkflowRecordingEvent {
+    sequence: number;
+    /** Milliseconds since recording started, on the browser's monotonic clock. */
+    atMs: number;
+    type: string;
+    data: Record<string, unknown>;
+}
+export interface WorkflowRecordingSnapshot {
+    schemaVersion: 1;
+    sessionId: string;
+    version: string;
+    status: 'recording' | 'stopped' | 'incomplete';
+    startedAt: number;
+    timeOrigin: number;
+    startTimeMs: number;
+    durationMs: number;
+    captureContent: boolean;
+    viewport: {
+        width: number;
+        height: number;
+        devicePixelRatio: number;
+    };
+    events: WorkflowRecordingEvent[];
+    retainedBytes: number;
+    /** Known unsupported inputs. An empty list does not guarantee replay in a different environment. */
+    replayUnsupportedReasons: string[];
+    /** Engine work still queued or executing at the end of capture; inputs remain independently recorded. */
+    pendingIntentIds: string[];
+}
+export interface WorkflowRecording {
+    readonly active: boolean;
+    /** Starts a new session. Throws if a session is active or the instance is destroyed. */
+    start(options?: WorkflowRecordingOptions): WorkflowRecordingSnapshot;
+    stop(): WorkflowRecordingSnapshot | null;
+    /** Detached data; no editor or worker queries. */
+    getSnapshot(): WorkflowRecordingSnapshot | null;
+}
+export declare class WorkflowRecorder {
+    private readonly root;
+    private readonly version;
+    private session;
+    private events;
+    private startMs;
+    private maxEvents;
+    private maxBytes;
+    private closed;
+    private pendingIntents;
+    private heldKeys;
+    private heldButtons;
+    private cleanups;
+    readonly api: WorkflowRecording;
+    constructor(root: HTMLElement, version: () => string);
+    private attachInputs;
+    private detachInputs;
+    get active(): boolean;
+    private start;
+    observe(type: string, read: () => unknown): void;
+    private unsupported;
+    private fail;
+    private input;
+    private clearHeldInput;
+    private stop;
+    private snapshot;
+    close(): void;
+}

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./chunks/rolldown-runtime-74VwNCz7.cjs");
 const require_blank_docx = require("./chunks/blank-docx-BuFAbRjs.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-j8Qm5SYa.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-yKesgn9b.cjs");
 const require_eventemitter3 = require("./chunks/eventemitter3-C_TAnXOl.cjs");
 const require_uuid = require("./chunks/uuid-BhG0ngwk.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-CYxINHh_.cjs");
@@ -316,7 +316,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.20.1-next.8";
+		return "2.21.0-next.1";
 	} catch {
 		return "unknown";
 	}
@@ -15440,7 +15440,10 @@ var _sfc_main$31 = {
 					viewportBottom: viewportRange.bottom
 				}) : null;
 				if (offscreenTop == null) collisionPositions.push(position);
-				else position.top = offscreenTop;
+				else {
+					position.top = offscreenTop;
+					position.isOffscreenReviewCard = true;
+				}
 			}
 			const activeIndex = activeKey ? collisionPositions.findIndex((p) => p.id === activeKey) : -1;
 			resolveCollisions(collisionPositions, activeIndex, 15);
@@ -15965,7 +15968,7 @@ var _sfc_main$31 = {
 					"data-comment-page-index": pos.pageIndex ?? "",
 					class: require__plugin_vue_export_helper.normalizeClass([{ "is-direct-decision-continuity-target": pos.id === directDecisionContinuityTargetId.value }, "comment-placeholder"]),
 					style: require__plugin_vue_export_helper.normalizeStyle({
-						top: pos.top + "px",
+						top: (pos.isOffscreenReviewCard ? pos.top - sidebarOffsetY.value : pos.top) + "px",
 						height: pos.height + "px",
 						transition: disableInstantLayoutTransitions.value ? "none" : void 0
 					})
@@ -15993,7 +15996,7 @@ var _sfc_main$31 = {
 		};
 	}
 };
-var FloatingComments_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$31, [["__scopeId", "data-v-d8d03209"]]);
+var FloatingComments_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$31, [["__scopeId", "data-v-8262096d"]]);
 //#endregion
 //#region src/components/CommentsLayer/PdfCommentsLayer.vue
 var _hoisted_1$23 = {
@@ -23412,6 +23415,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			const v2Collaboration = collaborationResolution.state === "valid" ? collaborationResolution.config : null;
 			const collaborationPreflightFailure = proxy.$superdoc.config.v2CollaborationPreflightFailure ?? (collaborationResolution.state === "invalid" ? collaborationResolution.failure : null);
 			return {
+				...require_create_super_doc_ui.isWorkflowRecordingEnabled(proxy.$superdoc.config) ? { isInteractionRecording: () => require_create_super_doc_ui.getWorkflowRecording(proxy.$superdoc)?.active === true } : {},
 				isDebug: proxy.$superdoc.config.isDebug || false,
 				documentId: doc.id,
 				user: proxy.$superdoc.user,
@@ -24537,7 +24541,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-e476c448"]]);
+}, [["__scopeId", "data-v-0d8ce95e"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -46354,7 +46358,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.20.1-next.8";
+		this.version = "2.21.0-next.1";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];

package/dist/superdoc.es.js

@@ -1,6 +1,6 @@
 import { i as __toESM$2 } from "./chunks/rolldown-runtime-0pSA04fp.es.js";
 import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
-import { c as createImageFilePicker, d as DOM_CLASS_NAMES, f as closeInteractionHistory, i as registerFirstPartyCommandMutation, l as resolveImageSrc, m as recordInteraction, n as executeFirstPartyCommandAsync, o as applyV2CommentInvalidationFromMutation, p as createInteractionHistory, r as readFirstPartyPageNumbers, s as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-Cfwszc3b.es.js";
+import { c as createImageFilePicker, d as DOM_CLASS_NAMES, f as closeInteractionHistory, g as recordInteraction, h as isWorkflowRecordingEnabled, i as registerFirstPartyCommandMutation, l as resolveImageSrc, m as getWorkflowRecording, n as executeFirstPartyCommandAsync, o as applyV2CommentInvalidationFromMutation, p as createInteractionHistory, r as readFirstPartyPageNumbers, s as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-0CZTlOvl.es.js";
 import { t as import_eventemitter3 } from "./chunks/eventemitter3-DEIiXiH2.es.js";
 import { t as v4 } from "./chunks/uuid-H0Xcmmhy.es.js";
 import { $ as watch$1, A as onActivated, B as resolveDirective, C as isRef$1, D as normalizeClass, E as nextTick, F as openBlock, G as toRef, H as shallowRef$1, I as reactive, J as useAttrs, K as toRefs, L as ref, M as onDeactivated, N as onMounted, O as normalizeProps, P as onScopeDispose$1, Q as vModelText, R as renderList, S as isReactive$1, T as mergeProps, U as toDisplayString, V as resolveDynamicComponent, W as toRaw$2, X as vModelCheckbox, Y as useSlots, Z as vModelSelect, _ as getCurrentInstance, a as computed$1, b as hasInjectionContext, c as createCommentVNode, d as createStaticVNode, et as withCtx, f as createTextVNode, g as effectScope, h as defineComponent, i as Transition, j as onBeforeUnmount, k as normalizeStyle, l as createElementBlock, m as defineAsyncComponent, n as Fragment, nt as withKeys, o as createApp, p as createVNode, q as unref, r as Teleport, rt as withModifiers, s as createBlock, t as _plugin_vue_export_helper_default, tt as withDirectives, u as createElementVNode, v as getCurrentScope, w as markRaw, x as inject$1, y as h, z as renderSlot } from "./chunks/_plugin-vue_export-helper-DHiJKCsy.es.js";
@@ -314,7 +314,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.20.1-next.8";
+		return "2.21.0-next.1";
 	} catch {
 		return "unknown";
 	}
@@ -15430,7 +15430,10 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					viewportBottom: viewportRange.bottom
 				}) : null;
 				if (offscreenTop == null) collisionPositions.push(position);
-				else position.top = offscreenTop;
+				else {
+					position.top = offscreenTop;
+					position.isOffscreenReviewCard = true;
+				}
 			}
 			const activeIndex = activeKey ? collisionPositions.findIndex((p) => p.id === activeKey) : -1;
 			resolveCollisions(collisionPositions, activeIndex, 15);
@@ -15955,7 +15958,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"data-comment-page-index": pos.pageIndex ?? "",
 					class: normalizeClass([{ "is-direct-decision-continuity-target": pos.id === directDecisionContinuityTargetId.value }, "comment-placeholder"]),
 					style: normalizeStyle({
-						top: pos.top + "px",
+						top: (pos.isOffscreenReviewCard ? pos.top - sidebarOffsetY.value : pos.top) + "px",
 						height: pos.height + "px",
 						transition: disableInstantLayoutTransitions.value ? "none" : void 0
 					})
@@ -15982,7 +15985,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))], 4)], 36);
 		};
 	}
-}, [["__scopeId", "data-v-d8d03209"]]);
+}, [["__scopeId", "data-v-8262096d"]]);
 //#endregion
 //#region src/components/CommentsLayer/PdfCommentsLayer.vue
 var _hoisted_1$23 = {
@@ -23371,6 +23374,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			const v2Collaboration = collaborationResolution.state === "valid" ? collaborationResolution.config : null;
 			const collaborationPreflightFailure = proxy.$superdoc.config.v2CollaborationPreflightFailure ?? (collaborationResolution.state === "invalid" ? collaborationResolution.failure : null);
 			return {
+				...isWorkflowRecordingEnabled(proxy.$superdoc.config) ? { isInteractionRecording: () => getWorkflowRecording(proxy.$superdoc)?.active === true } : {},
 				isDebug: proxy.$superdoc.config.isDebug || false,
 				documentId: doc.id,
 				user: proxy.$superdoc.user,
@@ -24496,7 +24500,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-e476c448"]]);
+}, [["__scopeId", "data-v-0d8ce95e"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -46283,7 +46287,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.20.1-next.8";
+		this.version = "2.21.0-next.1";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];