@beyondwork/docx-react-component 1.0.0 → 1.0.2

package/services/react-word-editor/.tmp-a4-build/src/ui/WordReviewEditor.js

@@ -1,818 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WordReviewEditor = void 0;
-exports.__unstable_createWordReviewEditorRuntime = __unstable_createWordReviewEditorRuntime;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const editor_surface_1 = require("./editor-surface/editor-surface");
-let runtimeInstanceCounter = 0;
-let commentCounter = 0;
-function createNowIsoString() {
-    return new Date().toISOString();
-}
-function createSessionId(documentId) {
-    runtimeInstanceCounter += 1;
-    return `wre-${documentId}-${runtimeInstanceCounter}`;
-}
-function toUint8Array(bytes) {
-    return bytes instanceof Uint8Array ? bytes : new Uint8Array(bytes);
-}
-function createEmptyAnchorProjection() {
-    return {
-        kind: "range",
-        from: 0,
-        to: 0,
-        assoc: { start: 1, end: 1 },
-    };
-}
-function createEmptySelectionSnapshot() {
-    return {
-        anchor: 0,
-        head: 0,
-        isCollapsed: true,
-        activeRange: createEmptyAnchorProjection(),
-    };
-}
-function createCompatibilityReport(overrides) {
-    return {
-        reportVersion: "compatibility-report/1",
-        generatedAt: createNowIsoString(),
-        blockExport: false,
-        featureEntries: [],
-        warnings: [],
-        errors: [],
-        ...overrides,
-    };
-}
-function createEmptyCanonicalDocument(documentId) {
-    return {
-        schemaVersion: "cds/1.0.0",
-        docId: `doc-${documentId}`,
-        metadata: {},
-        styles: {},
-        numbering: {},
-        media: {},
-        content: [],
-        review: {
-            comments: {},
-            revisions: {},
-        },
-        preservation: {},
-        diagnostics: {},
-    };
-}
-function createPersistedSnapshot(documentId, compatibility) {
-    const now = createNowIsoString();
-    return {
-        snapshotVersion: "persisted-editor-snapshot/1",
-        schemaVersion: "cds/1.0.0",
-        documentId,
-        docId: `doc-${documentId}`,
-        createdAt: now,
-        updatedAt: now,
-        savedAt: now,
-        editorBuild: "wave-2-shell",
-        canonicalDocument: createEmptyCanonicalDocument(documentId),
-        compatibility,
-        warningLog: compatibility.warnings,
-    };
-}
-function createRuntimeError(code, message, source, isFatal, details) {
-    return {
-        errorId: `${code}-${Math.random().toString(36).slice(2, 10)}`,
-        code,
-        message,
-        isFatal,
-        source,
-        details,
-    };
-}
-function buildDocumentStats(source, commentCount, changeCount) {
-    if (!source) {
-        return {
-            wordCount: 0,
-            paragraphCount: 0,
-            commentCount,
-            changeCount,
-        };
-    }
-    if (source.kind === "snapshot") {
-        const content = source.snapshot.canonicalDocument.content;
-        const paragraphCount = Array.isArray(content) ? content.length : 0;
-        return {
-            wordCount: Math.max(32, source.snapshot.warningLog.length * 8),
-            paragraphCount: Math.max(1, paragraphCount),
-            commentCount,
-            changeCount,
-        };
-    }
-    const byteLength = toUint8Array(source.bytes).byteLength;
-    return {
-        wordCount: Math.max(32, Math.floor(byteLength / 6)),
-        paragraphCount: Math.max(1, Math.floor(byteLength / 320)),
-        commentCount,
-        changeCount,
-    };
-}
-function buildCompatibilityPanelSnapshot(report) {
-    return {
-        report,
-        blockExport: report.blockExport,
-        preserveOnlyCount: report.featureEntries.filter((entry) => entry.featureClass === "preserve-only").length,
-        fatalCount: report.featureEntries.filter((entry) => entry.featureClass === "unsupported-fatal").length,
-    };
-}
-function createBaseRenderSnapshot(documentId, readOnly) {
-    const compatibility = createCompatibilityReport();
-    return {
-        documentId,
-        sessionId: createSessionId(documentId),
-        revisionToken: "initial",
-        isReady: false,
-        isDirty: false,
-        readOnly,
-        selection: createEmptySelectionSnapshot(),
-        documentStats: {
-            wordCount: 0,
-            paragraphCount: 0,
-            commentCount: 0,
-            changeCount: 0,
-        },
-        comments: {
-            commentIdsInOrder: [],
-            threads: {},
-        },
-        trackedChanges: {
-            changeIdsInOrder: [],
-            changes: {},
-        },
-        compatibility: buildCompatibilityPanelSnapshot(compatibility),
-        warnings: [],
-        commandState: {
-            canUndo: false,
-            canRedo: false,
-            canAddComment: !readOnly,
-            canAcceptAllChanges: false,
-            canRejectAllChanges: false,
-            canExport: true,
-            canSaveSnapshot: false,
-        },
-    };
-}
-function resolveInitialExplicitSource(props) {
-    if (props.initialSnapshot) {
-        return {
-            kind: "snapshot",
-            snapshot: props.initialSnapshot,
-            sourceLabel: props.initialSourceLabel,
-        };
-    }
-    if (props.initialDocx) {
-        return {
-            kind: "docx",
-            bytes: props.initialDocx,
-            sourceLabel: props.initialSourceLabel,
-        };
-    }
-    return undefined;
-}
-function buildEditorSurfaceModel(snapshot, reviewMode, markupDisplay) {
-    const features = snapshot.compatibility.report.featureEntries.map((entry) => ({
-        featureEntryId: entry.featureEntryId,
-        featureClass: entry.featureClass,
-        message: entry.message,
-    }));
-    const comments = snapshot.comments.commentIdsInOrder.map((commentId) => {
-        const thread = snapshot.comments.threads[commentId];
-        return {
-            commentId,
-            preview: thread.body.slice(0, 72) || "Untitled comment",
-            status: thread.status,
-            isActive: snapshot.comments.openCommentId === commentId,
-        };
-    });
-    const trackedChanges = snapshot.trackedChanges.changeIdsInOrder.map((changeId) => {
-        const change = snapshot.trackedChanges.changes[changeId];
-        return {
-            changeId,
-            label: `${change.kind} ${changeId}`,
-            status: change.status,
-        };
-    });
-    const warningSummary = snapshot.warnings.length === 0
-        ? "No active runtime warnings"
-        : `${snapshot.warnings.length} active warning${snapshot.warnings.length === 1 ? "" : "s"}`;
-    const compatibilitySummary = snapshot.compatibility.blockExport
-        ? "Export is blocked pending compatibility remediation"
-        : snapshot.compatibility.report.featureEntries.length === 0
-            ? "No compatibility findings in the current snapshot"
-            : `${snapshot.compatibility.report.featureEntries.length} compatibility entr${snapshot.compatibility.report.featureEntries.length === 1 ? "y" : "ies"} tracked`;
-    const activeRange = snapshot.selection.activeRange;
-    const selectionLabel = activeRange.kind === "range"
-        ? `${activeRange.from} → ${activeRange.to}`
-        : activeRange.kind === "node"
-            ? `Node at ${activeRange.at}`
-            : `Detached (${activeRange.reason})`;
-    return {
-        documentId: snapshot.documentId,
-        sessionId: snapshot.sessionId,
-        sourceLabel: snapshot.sourceLabel,
-        isReady: snapshot.isReady,
-        isDirty: snapshot.isDirty,
-        readOnly: snapshot.readOnly,
-        reviewMode,
-        markupDisplay,
-        documentStats: snapshot.documentStats,
-        selectionLabel,
-        warningSummary,
-        compatibilitySummary,
-        warnings: snapshot.warnings.map((warning) => ({
-            warningId: warning.warningId,
-            severity: warning.severity,
-            code: warning.code,
-            message: warning.message,
-        })),
-        comments,
-        trackedChanges,
-        features,
-    };
-}
-function __unstable_createWordReviewEditorRuntime(options) {
-    let listeners = new Set();
-    let viewportDelegate = null;
-    let renderSnapshot = createBaseRenderSnapshot(options.documentId, options.readOnly);
-    let persistedSnapshot = createPersistedSnapshot(options.documentId, renderSnapshot.compatibility.report);
-    let lastExport = new Uint8Array();
-    let destroyed = false;
-    const notify = () => {
-        if (destroyed) {
-            return;
-        }
-        listeners.forEach((listener) => listener());
-    };
-    const emitEvent = (event) => {
-        options.onEvent?.(event);
-        options.datastore?.logEvent?.({
-            type: event.type,
-            documentId: event.documentId,
-        });
-    };
-    const emitError = (error) => {
-        options.onError?.(error);
-        emitEvent({
-            type: "error",
-            documentId: renderSnapshot.documentId,
-            error,
-        });
-    };
-    const setDirty = (isDirty) => {
-        if (renderSnapshot.isDirty === isDirty) {
-            return;
-        }
-        renderSnapshot = {
-            ...renderSnapshot,
-            isDirty,
-        };
-        emitEvent({
-            type: "dirty_changed",
-            documentId: renderSnapshot.documentId,
-            isDirty,
-        });
-    };
-    const setRenderSnapshot = (nextSnapshot) => {
-        renderSnapshot =
-            typeof nextSnapshot === "function" ? nextSnapshot(renderSnapshot) : nextSnapshot;
-        persistedSnapshot = {
-            ...persistedSnapshot,
-            documentId: renderSnapshot.documentId,
-            updatedAt: createNowIsoString(),
-            warningLog: renderSnapshot.warnings,
-            compatibility: renderSnapshot.compatibility.report,
-        };
-        notify();
-    };
-    const applySource = (descriptor, revisionToken) => {
-        const source = descriptor?.source;
-        const sourceLabel = source?.sourceLabel ?? options.initialSourceLabel;
-        const compatibility = source?.kind === "snapshot"
-            ? source.snapshot.compatibility
-            : createCompatibilityReport();
-        const warnings = source?.kind === "snapshot" ? source.snapshot.warningLog : compatibility.warnings;
-        const comments = {
-            commentIdsInOrder: [],
-            threads: {},
-        };
-        const trackedChanges = {
-            changeIdsInOrder: [],
-            changes: {},
-        };
-        const nextSnapshot = {
-            ...renderSnapshot,
-            documentId: options.documentId,
-            sessionId: createSessionId(options.documentId),
-            sourceLabel,
-            revisionToken,
-            isReady: true,
-            isDirty: false,
-            readOnly: options.readOnly,
-            documentStats: buildDocumentStats(source, 0, 0),
-            comments,
-            trackedChanges,
-            compatibility: buildCompatibilityPanelSnapshot(compatibility),
-            warnings,
-            fatalError: undefined,
-            commandState: {
-                canUndo: false,
-                canRedo: false,
-                canAddComment: !options.readOnly,
-                canAcceptAllChanges: false,
-                canRejectAllChanges: false,
-                canExport: !compatibility.blockExport,
-                canSaveSnapshot: Boolean(options.datastore),
-            },
-        };
-        persistedSnapshot =
-            source?.kind === "snapshot"
-                ? {
-                    ...source.snapshot,
-                    documentId: options.documentId,
-                }
-                : createPersistedSnapshot(options.documentId, compatibility);
-        if (source?.kind === "docx") {
-            lastExport = toUint8Array(source.bytes);
-        }
-        else {
-            lastExport = new Uint8Array();
-        }
-        setRenderSnapshot(nextSnapshot);
-        warnings.forEach((warning) => options.onWarning?.(warning));
-        emitEvent({
-            type: "ready",
-            documentId: options.documentId,
-            sessionId: nextSnapshot.sessionId,
-            source: descriptor?.sourceKind ?? "datastore",
-            stats: nextSnapshot.documentStats,
-            compatibility: nextSnapshot.compatibility.report,
-        });
-    };
-    const handleLoadFailure = (message, details) => {
-        const error = createRuntimeError("datastore_failed", message, "datastore", true, details);
-        setRenderSnapshot((current) => ({
-            ...current,
-            isReady: true,
-            fatalError: error,
-            commandState: {
-                ...current.commandState,
-                canAddComment: false,
-                canExport: false,
-                canSaveSnapshot: false,
-            },
-        }));
-        emitError(error);
-    };
-    return {
-        subscribe(listener) {
-            listeners.add(listener);
-            return () => {
-                listeners.delete(listener);
-            };
-        },
-        getRenderSnapshot() {
-            return renderSnapshot;
-        },
-        async initialize(runtimeOptions) {
-            if (destroyed) {
-                return;
-            }
-            if (runtimeOptions.initialSource &&
-                options.datastore &&
-                options.datastore.logEvent) {
-                options.datastore.logEvent({
-                    type: "runtime_initialized",
-                    documentId: runtimeOptions.documentId,
-                });
-            }
-            if (runtimeOptions.initialSource) {
-                applySource({
-                    source: runtimeOptions.initialSource,
-                    sourceKind: runtimeOptions.initialSource.kind,
-                }, "initial-load");
-                return;
-            }
-            if (!runtimeOptions.datastore) {
-                applySource(undefined, "empty-load");
-                return;
-            }
-            setRenderSnapshot((current) => ({
-                ...current,
-                isReady: false,
-            }));
-            try {
-                const loaded = await runtimeOptions.datastore.load({
-                    documentId: runtimeOptions.documentId,
-                });
-                applySource(loaded.source
-                    ? {
-                        source: loaded.source,
-                        sourceKind: "datastore",
-                    }
-                    : undefined, "datastore-load");
-            }
-            catch (error) {
-                handleLoadFailure("Datastore load failed.", {
-                    cause: error instanceof Error ? error.message : String(error),
-                });
-            }
-        },
-        async replaceExternalSource(revisionToken, source) {
-            applySource({
-                source,
-                sourceKind: source.kind,
-            }, revisionToken);
-        },
-        focus() {
-            viewportDelegate?.focus();
-        },
-        blur() {
-            viewportDelegate?.blur();
-        },
-        undo() { },
-        redo() { },
-        addComment(params) {
-            commentCounter += 1;
-            const commentId = `comment-${commentCounter}`;
-            const nextThreads = {
-                ...renderSnapshot.comments.threads,
-                [commentId]: {
-                    commentId,
-                    body: params.body,
-                    status: "open",
-                    anchor: params.anchor,
-                },
-            };
-            const nextCommentIds = [...renderSnapshot.comments.commentIdsInOrder, commentId];
-            const nextStats = {
-                ...renderSnapshot.documentStats,
-                commentCount: nextCommentIds.length,
-            };
-            setRenderSnapshot((current) => ({
-                ...current,
-                comments: {
-                    commentIdsInOrder: nextCommentIds,
-                    threads: nextThreads,
-                    openCommentId: commentId,
-                },
-                documentStats: nextStats,
-            }));
-            setDirty(true);
-            emitEvent({
-                type: "comment_added",
-                documentId: renderSnapshot.documentId,
-                commentId,
-                anchor: params.anchor,
-            });
-            return commentId;
-        },
-        openComment(commentId) {
-            if (!renderSnapshot.comments.threads[commentId]) {
-                return;
-            }
-            setRenderSnapshot((current) => ({
-                ...current,
-                comments: {
-                    ...current.comments,
-                    openCommentId: commentId,
-                },
-            }));
-        },
-        resolveComment(commentId) {
-            const thread = renderSnapshot.comments.threads[commentId];
-            if (!thread) {
-                return;
-            }
-            setRenderSnapshot((current) => ({
-                ...current,
-                comments: {
-                    ...current.comments,
-                    threads: {
-                        ...current.comments.threads,
-                        [commentId]: {
-                            ...thread,
-                            status: "resolved",
-                        },
-                    },
-                },
-            }));
-            setDirty(true);
-            emitEvent({
-                type: "comment_resolved",
-                documentId: renderSnapshot.documentId,
-                commentId,
-            });
-        },
-        acceptChange(changeId) {
-            const change = renderSnapshot.trackedChanges.changes[changeId];
-            if (!change) {
-                return;
-            }
-            setRenderSnapshot((current) => ({
-                ...current,
-                trackedChanges: {
-                    ...current.trackedChanges,
-                    changes: {
-                        ...current.trackedChanges.changes,
-                        [changeId]: {
-                            ...change,
-                            status: "accepted",
-                        },
-                    },
-                },
-            }));
-            setDirty(true);
-            emitEvent({
-                type: "change_accepted",
-                documentId: renderSnapshot.documentId,
-                changeId,
-            });
-        },
-        rejectChange(changeId) {
-            const change = renderSnapshot.trackedChanges.changes[changeId];
-            if (!change) {
-                return;
-            }
-            setRenderSnapshot((current) => ({
-                ...current,
-                trackedChanges: {
-                    ...current.trackedChanges,
-                    changes: {
-                        ...current.trackedChanges.changes,
-                        [changeId]: {
-                            ...change,
-                            status: "rejected",
-                        },
-                    },
-                },
-            }));
-            setDirty(true);
-            emitEvent({
-                type: "change_rejected",
-                documentId: renderSnapshot.documentId,
-                changeId,
-            });
-        },
-        acceptAllChanges() {
-            const nextChanges = {};
-            for (const [changeId, change] of Object.entries(renderSnapshot.trackedChanges.changes)) {
-                nextChanges[changeId] = { ...change, status: "accepted" };
-            }
-            setRenderSnapshot((current) => ({
-                ...current,
-                trackedChanges: {
-                    ...current.trackedChanges,
-                    changes: nextChanges,
-                },
-            }));
-            setDirty(true);
-        },
-        rejectAllChanges() {
-            const nextChanges = {};
-            for (const [changeId, change] of Object.entries(renderSnapshot.trackedChanges.changes)) {
-                nextChanges[changeId] = { ...change, status: "rejected" };
-            }
-            setRenderSnapshot((current) => ({
-                ...current,
-                trackedChanges: {
-                    ...current.trackedChanges,
-                    changes: nextChanges,
-                },
-            }));
-            setDirty(true);
-        },
-        async saveSnapshot(isAutosave) {
-            const snapshot = {
-                ...persistedSnapshot,
-                updatedAt: createNowIsoString(),
-                savedAt: createNowIsoString(),
-                warningLog: renderSnapshot.warnings,
-                compatibility: renderSnapshot.compatibility.report,
-            };
-            persistedSnapshot = snapshot;
-            if (options.datastore) {
-                try {
-                    await options.datastore.saveSnapshot({
-                        documentId: renderSnapshot.documentId,
-                        snapshot,
-                        isAutosave,
-                    });
-                }
-                catch (error) {
-                    emitError(createRuntimeError("datastore_failed", "Snapshot save failed.", "datastore", false, {
-                        cause: error instanceof Error ? error.message : String(error),
-                    }));
-                }
-            }
-            emitEvent({
-                type: "snapshot_saved",
-                documentId: renderSnapshot.documentId,
-                snapshot,
-                isAutosave,
-            });
-            setDirty(false);
-            return snapshot;
-        },
-        getPersistedSnapshot() {
-            return persistedSnapshot;
-        },
-        getCompatibilityReport() {
-            return renderSnapshot.compatibility.report;
-        },
-        getWarnings() {
-            return renderSnapshot.warnings;
-        },
-        async exportDocx(_options) {
-            const result = {
-                docx: lastExport,
-                compatibilityReport: renderSnapshot.compatibility.report,
-                warnings: renderSnapshot.warnings,
-            };
-            if (options.datastore) {
-                try {
-                    await options.datastore.saveExport({
-                        documentId: renderSnapshot.documentId,
-                        docx: result.docx,
-                        compatibilityReport: result.compatibilityReport,
-                    });
-                }
-                catch (error) {
-                    emitError(createRuntimeError("datastore_failed", "Export persistence failed.", "datastore", false, {
-                        cause: error instanceof Error ? error.message : String(error),
-                    }));
-                }
-            }
-            emitEvent({
-                type: "export_completed",
-                documentId: renderSnapshot.documentId,
-                result,
-            });
-            return result;
-        },
-        attachViewport(delegate) {
-            viewportDelegate = delegate;
-        },
-        destroy() {
-            destroyed = true;
-            listeners.clear();
-            viewportDelegate = null;
-        },
-    };
-}
-function ToolbarButton({ label, disabled, onClick, }) {
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClick, disabled: disabled, style: {
-            padding: "8px 12px",
-            borderRadius: "12px",
-            border: "1px solid rgba(23, 31, 38, 0.08)",
-            background: disabled ? "rgba(241, 238, 229, 0.7)" : "rgba(255, 255, 255, 0.9)",
-            color: disabled ? "#8b949b" : "#18212a",
-            fontSize: "13px",
-            cursor: disabled ? "not-allowed" : "pointer",
-        }, children: label }));
-}
-exports.WordReviewEditor = (0, react_1.forwardRef)(function WordReviewEditor({ documentId, currentUser, initialDocx, initialSnapshot, initialSourceLabel, externalDocumentRevision, externalDocSource, readOnly = false, reviewMode = "review", markupDisplay = "all", datastore, autosave, onEvent, onWarning, onError, }, ref) {
-    const initialSourceStateRef = (0, react_1.useRef)({
-        initialized: false,
-        value: undefined,
-    });
-    const runtimeRef = (0, react_1.useRef)(null);
-    const canvasRef = (0, react_1.useRef)(null);
-    const previousRevisionRef = (0, react_1.useRef)(externalDocumentRevision);
-    if (!initialSourceStateRef.current.initialized) {
-        initialSourceStateRef.current = {
-            initialized: true,
-            value: resolveInitialExplicitSource({
-                initialDocx,
-                initialSnapshot,
-                initialSourceLabel,
-            }),
-        };
-    }
-    const initialSource = initialSourceStateRef.current.value;
-    if (!runtimeRef.current) {
-        runtimeRef.current = __unstable_createWordReviewEditorRuntime({
-            documentId,
-            readOnly,
-            initialSource,
-            initialSourceLabel,
-            datastore,
-            onEvent,
-            onWarning,
-            onError,
-        });
-    }
-    const runtime = runtimeRef.current;
-    const snapshot = (0, react_1.useSyncExternalStore)(runtime.subscribe, runtime.getRenderSnapshot, runtime.getRenderSnapshot);
-    (0, react_1.useEffect)(() => {
-        void runtime.initialize({
-            documentId,
-            initialSource,
-            datastore,
-        });
-        return () => {
-            runtime.destroy();
-        };
-    }, [runtime]);
-    (0, react_1.useEffect)(() => {
-        runtime.attachViewport({
-            focus() {
-                canvasRef.current?.focus();
-            },
-            blur() {
-                canvasRef.current?.blur();
-            },
-        });
-        return () => {
-            runtime.attachViewport(null);
-        };
-    }, [runtime]);
-    (0, react_1.useEffect)(() => {
-        if (externalDocumentRevision &&
-            externalDocSource &&
-            previousRevisionRef.current !== externalDocumentRevision) {
-            previousRevisionRef.current = externalDocumentRevision;
-            void runtime.replaceExternalSource(externalDocumentRevision, externalDocSource);
-        }
-    }, [externalDocumentRevision, externalDocSource, runtime]);
-    (0, react_1.useEffect)(() => {
-        if (!autosave?.enabled || !snapshot.isDirty) {
-            return;
-        }
-        const timeoutId = window.setTimeout(() => {
-            void runtime.saveSnapshot(true);
-        }, autosave.debounceMs);
-        return () => {
-            window.clearTimeout(timeoutId);
-        };
-    }, [autosave, runtime, snapshot.isDirty]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        focus: () => runtime.focus(),
-        blur: () => runtime.blur(),
-        undo: () => runtime.undo(),
-        redo: () => runtime.redo(),
-        addComment: (params) => runtime.addComment(params),
-        openComment: (commentId) => runtime.openComment(commentId),
-        resolveComment: (commentId) => runtime.resolveComment(commentId),
-        acceptChange: (changeId) => runtime.acceptChange(changeId),
-        rejectChange: (changeId) => runtime.rejectChange(changeId),
-        acceptAllChanges: () => runtime.acceptAllChanges(),
-        rejectAllChanges: () => runtime.rejectAllChanges(),
-        exportDocx: (options) => runtime.exportDocx(options),
-        getSnapshot: () => runtime.getPersistedSnapshot(),
-        getCompatibilityReport: () => runtime.getCompatibilityReport(),
-        getWarnings: () => runtime.getWarnings(),
-    }), [runtime]);
-    const surfaceModel = buildEditorSurfaceModel(snapshot, reviewMode, markupDisplay);
-    return ((0, jsx_runtime_1.jsx)("section", { "aria-label": "Word Review Editor", "data-document-id": documentId, "data-session-id": snapshot.sessionId, style: {
-            minHeight: "100%",
-            background: "radial-gradient(circle at top left, rgba(227, 232, 225, 0.8), transparent 34%), linear-gradient(180deg, #eef1ea 0%, #e4e8df 100%)",
-            color: "#18212a",
-            padding: "24px",
-            borderRadius: "28px",
-        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                display: "grid",
-                gap: "18px",
-            }, children: [(0, jsx_runtime_1.jsxs)("header", { style: {
-                        display: "flex",
-                        flexWrap: "wrap",
-                        justifyContent: "space-between",
-                        gap: "14px",
-                        alignItems: "center",
-                        padding: "12px 14px",
-                        borderRadius: "18px",
-                        border: "1px solid rgba(23, 31, 38, 0.07)",
-                        background: "rgba(250, 249, 246, 0.82)",
-                        backdropFilter: "blur(10px)",
-                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [(0, jsx_runtime_1.jsx)(ToolbarButton, { label: "Undo", disabled: !snapshot.commandState.canUndo, onClick: () => runtime.undo() }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "Redo", disabled: !snapshot.commandState.canRedo, onClick: () => runtime.redo() }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "Add comment", disabled: !snapshot.commandState.canAddComment, onClick: () => runtime.addComment({
-                                        anchor: snapshot.selection.activeRange,
-                                        body: `Comment from ${currentUser.displayName}`,
-                                    }) }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "Accept all", disabled: !snapshot.commandState.canAcceptAllChanges, onClick: () => runtime.acceptAllChanges() }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "Reject all", disabled: !snapshot.commandState.canRejectAllChanges, onClick: () => runtime.rejectAllChanges() })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [(0, jsx_runtime_1.jsx)(ToolbarButton, { label: "Save snapshot", disabled: !snapshot.commandState.canSaveSnapshot, onClick: () => {
-                                        void runtime.saveSnapshot(false);
-                                    } }), (0, jsx_runtime_1.jsx)(ToolbarButton, { label: "Export docx", disabled: !snapshot.commandState.canExport, onClick: () => {
-                                        void runtime.exportDocx({
-                                            includeCompatibilityReport: true,
-                                        });
-                                    } })] })] }), snapshot.fatalError ? ((0, jsx_runtime_1.jsx)("div", { role: "alert", style: {
-                        padding: "16px 18px",
-                        borderRadius: "18px",
-                        background: "rgba(242, 223, 223, 0.92)",
-                        border: "1px solid rgba(142, 59, 59, 0.25)",
-                        color: "#5f2626",
-                    }, children: snapshot.fatalError.message })) : null, (0, jsx_runtime_1.jsx)(editor_surface_1.EditorSurface, { canvasRef: canvasRef, model: surfaceModel, onOpenComment: (commentId) => runtime.openComment(commentId) }), (0, jsx_runtime_1.jsxs)("footer", { style: {
-                        display: "flex",
-                        flexWrap: "wrap",
-                        justifyContent: "space-between",
-                        gap: "12px",
-                        color: "#58646f",
-                        fontSize: "13px",
-                        padding: "0 4px",
-                    }, children: [(0, jsx_runtime_1.jsxs)("span", { children: [snapshot.isReady ? "Ready" : "Loading", " \u2022", " ", snapshot.isDirty ? "Unsaved changes" : "Clean", " \u2022 session", " ", snapshot.sessionId] }), (0, jsx_runtime_1.jsxs)("span", { children: [reviewMode, " review \u2022 ", markupDisplay, " markup \u2022", " ", snapshot.compatibility.blockExport ? "export blocked" : "export allowed"] })] })] }) }));
-});
-exports.default = exports.WordReviewEditor;