@fileverse-dev/ddoc 3.2.1 → 3.2.2-sg-2

package/dist/package/components/inline-comment/context/types.d.ts

@@ -26,7 +26,13 @@ export interface CommentFloatingThreadCard extends CommentFloatingBaseCard {
     type: 'thread';
     commentId: string;
 }
-export type CommentFloatingCard = CommentFloatingDraftCard | CommentFloatingThreadCard;
+export interface SuggestionFloatingDraftCard extends CommentFloatingBaseCard {
+    type: 'suggestion-draft';
+    suggestionId: string;
+    /** Accumulated inserted text from the live suggestion context. */
+    insertedText: string;
+}
+export type CommentFloatingCard = CommentFloatingDraftCard | CommentFloatingThreadCard | SuggestionFloatingDraftCard;
 export interface InlineCommentData {
     highlightedTextContent?: string;
     inlineCommentText: string;

package/dist/package/components/inline-comment/floating-comment/suggestion-draft-floating-card.d.ts

@@ -0,0 +1,17 @@
+import { SuggestionDraftFloatingCardProps } from './types';
+
+/**
+ * SuggestionDraftFloatingCard
+ *
+ * Shown while a viewer is composing a suggestion (in suggestion mode).
+ * Uses the same one-line diff format as the submitted thread card
+ * (Add: "X" / Delete: "X" / Replace: "X" with "Y") plus a Submit action
+ * and a Discard (X) button.
+ *
+ * When the viewer hasn't joined yet (no username / wallet), the card
+ * renders FloatingAuthPrompt inside — same pattern as the inline-comment
+ * draft card. The first keystroke that triggered this card is preserved
+ * as the draft's first character; once the viewer joins, the card
+ * transitions to the normal diff/Submit UI without losing what they typed.
+ */
+export declare const SuggestionDraftFloatingCard: ({ card, isHidden, registerCardNode, }: SuggestionDraftFloatingCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/inline-comment/floating-comment/suggestion-thread-floating-card.d.ts

@@ -0,0 +1,15 @@
+import { ThreadFloatingCardProps } from './types';
+
+/**
+ * SuggestionThreadFloatingCard
+ *
+ * Shown in place of the generic ThreadFloatingCard for submitted suggestions
+ * (comments with `isSuggestion: true`). Renders the Figma-specified layout:
+ * author + timestamp header, Accept/Reject (owner) or Withdraw (author)
+ * actions, a one-line diff summary (Add/Delete/Replace), and a reply input.
+ *
+ * Renders from the underlying IComment — the same source ThreadFloatingCard
+ * uses — so once a draft is submitted, nothing else in the pipeline needs
+ * to change to show the suggestion here.
+ */
+export declare const SuggestionThreadFloatingCard: ({ thread, comment, isHidden, registerCardNode, }: ThreadFloatingCardProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/package/components/inline-comment/floating-comment/types.d.ts

@@ -1,7 +1,7 @@
 import { Editor } from '@tiptap/react';
 import { ReactNode, RefObject } from 'react';
 import { IComment } from '../../../extensions/comment';
-import { CommentFloatingDraftCard, CommentFloatingThreadCard } from '../context/types';
+import { CommentFloatingDraftCard, CommentFloatingThreadCard, SuggestionFloatingDraftCard } from '../context/types';
 
 export type RegisterCardNode = (floatingCardId: string, node: HTMLDivElement | null) => void;
 export interface CommentFloatingContainerProps {
@@ -32,3 +32,8 @@ export interface ThreadFloatingCardProps {
     registerCardNode: RegisterCardNode;
     isCollaborationEnabled?: boolean;
 }
+export interface SuggestionDraftFloatingCardProps {
+    card: SuggestionFloatingDraftCard;
+    isHidden: boolean;
+    registerCardNode: RegisterCardNode;
+}

package/dist/package/components/inline-comment/floating-comment-layout-utils.d.ts

@@ -2,7 +2,7 @@ import { Editor } from '@tiptap/react';
 import { FloatingLayoutInvalidationFlag, FloatingCardLayoutInput } from './comment-floating-layout';
 import { CommentFloatingCard } from './context/types';
 
-export type AnchorType = 'draft' | 'thread';
+export type AnchorType = 'draft' | 'thread' | 'suggestion-draft';
 export interface CachedAnchorRect {
     top: number;
     height: number;
@@ -40,6 +40,9 @@ export declare const FLOATING_VIEWPORT_BUFFER_MULTIPLIER = 1;
 export declare const getAnchorIdentity: (floatingCard: CommentFloatingCard) => {
     anchorId: string;
     anchorType: "draft";
+} | {
+    anchorId: string;
+    anchorType: "suggestion-draft";
 } | {
     anchorId: string;
     anchorType: "thread";

package/dist/package/extensions/comment/comment-decoration-plugin.d.ts

@@ -2,6 +2,7 @@ import { Extension, Editor } from '@tiptap/core';
 import { EditorState, PluginKey } from '@tiptap/pm/state';
 import { Transform } from '@tiptap/pm/transform';
 import { DecorationSet } from '@tiptap/pm/view';
+import { SuggestionType } from '../../types';
 
 import * as Y from 'yjs';
 export interface CommentAnchor {
@@ -10,6 +11,10 @@ export interface CommentAnchor {
     anchorTo: Y.RelativePosition;
     resolved: boolean;
     deleted: boolean;
+    isSuggestion?: boolean;
+    suggestionType?: SuggestionType;
+    originalContent?: string;
+    suggestedContent?: string;
 }
 interface CommentDecorationPluginState {
     decorations: DecorationSet;
@@ -34,6 +39,13 @@ export type CommentAnchorTransactionChange = {
 } & CommentAnchorRange & CommentAnchorRelativeRange);
 export declare const commentDecorationPluginKey: PluginKey<CommentDecorationPluginState>;
 export declare function resolveCommentAnchorRangeInState(anchor: Pick<CommentAnchor, 'anchorFrom' | 'anchorTo'>, state: EditorState): CommentAnchorRange | null;
+/**
+ * Resolve anchorFrom to a single absolute position.
+ * Used for 'add' suggestion anchors where anchorFrom === anchorTo (cursor,
+ * no initial selection) — resolveCommentAnchorRangeInState rejects from >= to,
+ * so we need a separate path that allows a point position.
+ */
+export declare function resolveCommentAnchorPointInState(anchor: Pick<CommentAnchor, 'anchorFrom'>, state: EditorState): number | null;
 export declare function resolveCommentAnchorRangeForAnalysis(anchor: Pick<CommentAnchor, 'id' | 'anchorFrom' | 'anchorTo'>, state: EditorState): CommentAnchorRange | null;
 /**
  * Analyze transaction changes to classify each active anchor's mutation status.
@@ -63,8 +75,21 @@ export declare const CommentDecorationExtension: Extension<CommentDecorationOpti
  * These are consumed by the draft-creation flow and transaction-analysis layer.
  */
 export declare function createCommentAnchorFromEditor(editor: Editor, from: number, to: number): CommentAnchorRelativeRange | null;
+/**
+ * Create a point anchor (anchorFrom === anchorTo) at a single doc position.
+ * Used by the suggestion-mode draft flow when the viewer places a cursor
+ * without selecting text — createCommentAnchorFromEditor rejects from >= to
+ * since an empty range is invalid for regular comments.
+ */
+export declare function createCommentAnchorPointFromEditor(editor: Editor, pos: number): CommentAnchorRelativeRange | null;
 export declare function createCommentAnchorFromSelection(editor: Editor): CommentAnchorRelativeRange | null;
 export declare function triggerDecorationRebuild(editor: Editor): void;
 export declare function getCommentAtPosition(editor: Editor, pos: number, getAnchors: () => CommentAnchor[]): CommentAnchor | null;
 export declare function getCommentAnchorRange(editor: Editor, commentId: string, getAnchors: () => CommentAnchor[]): CommentAnchorRange | null;
+/**
+ * Apply the accepted suggestion's change to the document.
+ * Called by the store's acceptSuggestion action before resolving on-chain.
+ * Returns false if the anchor can't be resolved or the suggestion type is unknown.
+ */
+export declare function applyAcceptedSuggestion(editor: Editor, anchor: CommentAnchor): boolean;
 export {};

package/dist/package/extensions/comment/comment.d.ts

@@ -2,6 +2,7 @@ import { Mark, Range } from '@tiptap/core';
 import { Mark as PMMark } from '@tiptap/pm/model';
 import { PluginKey, EditorState } from '@tiptap/pm/state';
 import { DecorationSet } from '@tiptap/pm/view';
+import { SuggestionType } from '../../types';
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
@@ -93,6 +94,10 @@ export interface IComment {
     deleted?: boolean;
     commentIndex?: number;
     version?: string;
+    isSuggestion?: boolean;
+    suggestionType?: SuggestionType;
+    originalContent?: string;
+    suggestedContent?: string;
 }
 export declare const CommentExtension: Mark<CommentOptions, CommentStorage>;
 export {};

package/dist/package/extensions/suggestion/suggestion-tracking-extension.d.ts

@@ -0,0 +1,30 @@
+import { Extension } from '@tiptap/core';
+import { PluginKey } from '@tiptap/pm/state';
+import { SuggestionType } from '../../types';
+import { CommentAnchor } from '../comment/comment-decoration-plugin';
+
+import * as Y from 'yjs';
+export interface SuggestionReadyData {
+    suggestionId: string;
+    anchorFrom: Y.RelativePosition;
+    anchorTo: Y.RelativePosition;
+    suggestionType: SuggestionType;
+    originalContent: string;
+    suggestedContent: string;
+}
+export interface SuggestionTrackingOptions {
+    /** Returns true when the editor is in suggestion mode. */
+    getIsSuggestionMode: () => boolean;
+    /** Viewer types text with a collapsed cursor (Add gesture). */
+    onTextInput: (text: string) => void;
+    /** Viewer types text over a non-empty selection (Replace gesture). */
+    onReplaceTyping: (from: number, to: number, text: string) => void;
+    /** Viewer presses Backspace/Delete with a non-empty selection. */
+    onDeleteSelection: (from: number, to: number) => void;
+    /** Viewer presses Cmd+Z (or Ctrl+Z). Shrinks the active draft by one keystroke. */
+    onUndo: () => void;
+    onLiveSuggestion?: ((anchor: CommentAnchor) => void) | null;
+    onSuggestionReady?: ((data: SuggestionReadyData) => void) | null;
+}
+export declare const suggestionTrackingPluginKey: PluginKey<null>;
+export declare const SuggestionTrackingExtension: Extension<SuggestionTrackingOptions, any>;

package/dist/package/hooks/use-editing-context.d.ts

@@ -4,6 +4,7 @@ type EditingContextType = {
     isPreviewMode: boolean;
     isPresentationMode?: boolean;
     isCollaboratorsDoc?: boolean;
+    isSuggestionMode?: boolean;
 };
 export declare const useEditingContext: () => EditingContextType;
 type EditingProviderProps = {
@@ -12,6 +13,7 @@ type EditingProviderProps = {
     isPresentationMode?: boolean;
     isCollaboratorsDoc?: boolean;
     isPreviewEditor?: boolean;
+    isSuggestionMode?: boolean;
 };
 export declare const EditingProvider: React.FC<EditingProviderProps>;
 export {};

package/dist/package/hooks/use-tab-editor.d.ts

@@ -12,6 +12,7 @@ interface UseTabEditorArgs {
     hasTabState?: boolean;
     versionId?: string;
     isPreviewMode?: boolean;
+    viewerMode?: DdocProps['viewerMode'];
     initialContent: DdocProps['initialContent'];
     collaboration?: CollaborationProps;
     isReady?: boolean;
@@ -51,7 +52,7 @@ interface UseTabEditorArgs {
     editorRef?: MutableRefObject<Editor | null>;
     initialCommentAnchors?: SerializedCommentAnchor[];
 }
-export declare const useTabEditor: ({ ydoc, isVersionMode, hasTabState, versionId, isPreviewMode, initialContent, collaboration, isReady, isSyncing, awareness, disableInlineComment, isFocusMode, onCommentInteraction, onError, ipfsImageUploadFn, metadataProxyUrl, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, setCharacterCount, setWordCount, setPageCount, setIsContentLoading, setIsCollabContentLoading, unFocused, zoomLevel, isPresentationMode, onInvalidContentError, ignoreCorruptedData, onCollaboratorChange, onConnect, hasCollabContentInitialised, initialiseYjsIndexedDbProvider, externalExtensions, isContentLoading, activeTabId, theme, editorRef, initialCommentAnchors, }: UseTabEditorArgs) => {
+export declare const useTabEditor: ({ ydoc, isVersionMode, hasTabState, versionId, isPreviewMode, viewerMode, initialContent, collaboration, isReady, isSyncing, awareness, disableInlineComment, isFocusMode, onCommentInteraction, onError, ipfsImageUploadFn, metadataProxyUrl, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, setCharacterCount, setWordCount, setPageCount, setIsContentLoading, setIsCollabContentLoading, unFocused, zoomLevel, isPresentationMode, onInvalidContentError, ignoreCorruptedData, onCollaboratorChange, onConnect, hasCollabContentInitialised, initialiseYjsIndexedDbProvider, externalExtensions, isContentLoading, activeTabId, theme, editorRef, initialCommentAnchors, }: UseTabEditorArgs) => {
     editor: Editor | null;
     ref: import('react').RefObject<HTMLDivElement>;
     slides: string[];
@@ -63,5 +64,7 @@ export declare const useTabEditor: ({ ydoc, isVersionMode, hasTabState, versionI
     focusCommentWithActiveId: (id: string) => void;
     isContentLoading: boolean | undefined;
     commentAnchorsRef: MutableRefObject<CommentAnchor[]>;
+    draftAnchorsRef: MutableRefObject<CommentAnchor[]>;
+    storeApiRef: MutableRefObject<import('zustand').StoreApi<import('../stores/comment-store').CommentStoreState> | null>;
 };
 export {};

package/dist/package/stores/comment-store-provider.d.ts

@@ -3,6 +3,7 @@ import { Editor } from '@tiptap/core';
 import { IComment } from '../extensions/comment';
 import { CommentAnchor } from '../extensions/comment/comment-decoration-plugin';
 import { CommentMutationMeta, SerializedCommentAnchor } from '../types';
+import { createCommentStore } from './comment-store';
 
 import * as Y from 'yjs';
 export interface CommentStoreProviderProps {
@@ -27,6 +28,13 @@ export interface CommentStoreProviderProps {
     connectViaUsername?: (username: string) => Promise<void>;
     ensResolutionUrl: string;
     commentAnchorsRef?: React.MutableRefObject<CommentAnchor[]>;
+    draftAnchorsRef?: React.MutableRefObject<CommentAnchor[]>;
+    /**
+     * Ref populated by the provider with the Zustand store instance.
+     * SuggestionTrackingExtension reads this inside event handlers to route
+     * keystrokes into draft actions without rebuilding the editor.
+     */
+    storeApiRef?: React.MutableRefObject<ReturnType<typeof createCommentStore> | null>;
     initialCommentAnchors?: SerializedCommentAnchor[];
     initialComments: IComment[];
     username: string | null;
@@ -37,7 +45,7 @@ export interface CommentStoreProviderProps {
     isDDocOwner?: boolean;
     setUsername?: React.Dispatch<React.SetStateAction<string>>;
 }
-export declare const CommentStoreProvider: ({ children, editor, ydoc, isFocusMode, setActiveCommentId, focusCommentWithActiveId, setInitialComments, onNewComment, onEditComment, onEditReply, onCommentReply, onResolveComment, onUnresolveComment, onDeleteComment, onInlineComment, onComment, setCommentDrawerOpen, connectViaWallet, connectViaUsername, ensResolutionUrl, commentAnchorsRef, initialCommentAnchors, setUsername: setUsernameProp, initialComments, username, activeCommentId, activeTabId, isConnected, isLoading, isDDocOwner, }: CommentStoreProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentStoreProvider: ({ children, editor, ydoc, isFocusMode, setActiveCommentId, focusCommentWithActiveId, setInitialComments, onNewComment, onEditComment, onEditReply, onCommentReply, onResolveComment, onUnresolveComment, onDeleteComment, onInlineComment, onComment, setCommentDrawerOpen, connectViaWallet, connectViaUsername, ensResolutionUrl, commentAnchorsRef, draftAnchorsRef, storeApiRef, initialCommentAnchors, setUsername: setUsernameProp, initialComments, username, activeCommentId, activeTabId, isConnected, isLoading, isDDocOwner, }: CommentStoreProviderProps) => import("react/jsx-runtime").JSX.Element;
 interface CommentRefsContextType {
     commentsSectionRef: React.RefObject<HTMLDivElement>;
     replySectionRef: React.RefObject<HTMLDivElement>;

package/dist/package/stores/comment-store.d.ts

@@ -29,6 +29,33 @@ export interface CommentExternalDeps {
     ensResolutionUrl: string;
     commentAnchorsRef?: React.MutableRefObject<CommentAnchor[]>;
     refreshCommentAnchorState?: () => void;
+    /**
+     * Derived anchor list for in-progress suggestion drafts. Maintained by the
+     * store (not the consumer) — draft actions upsert into this ref whenever
+     * state.drafts changes. The decoration extension reads this ref alongside
+     * commentAnchorsRef to render both layers identically.
+     */
+    draftAnchorsRef?: React.MutableRefObject<CommentAnchor[]>;
+}
+/**
+ * A suggestion draft is the viewer's in-progress proposed edit — kept local
+ * until Submit. Drafts live in memory only (lost on refresh). Derived into
+ * a CommentAnchor for decoration rendering via deriveDraftAnchor(). The
+ * suggestion type ('add' | 'delete' | 'replace') is not stored; it is derived
+ * at use time from hadDeletion + insertedText.
+ */
+export interface DraftSuggestion {
+    id: string;
+    anchorFrom: Y.RelativePosition;
+    anchorTo: Y.RelativePosition;
+    /** The text that was selected at draft creation (for Delete/Replace strikethrough). */
+    originalContent: string;
+    /** Accumulated text the viewer has typed. Empty for a pure Delete draft. */
+    insertedText: string;
+    /** Per-keystroke history for undo — each entry is one typed character. */
+    keystrokes: string[];
+    /** True when the draft was created via select+delete or select+type. */
+    hadDeletion: boolean;
 }
 type FloatingCardsUpdater = React.SetStateAction<CommentFloatingCard[]>;
 type InlineCommentDataUpdater = Partial<InlineCommentData> | ((prev: InlineCommentData) => Partial<InlineCommentData> | InlineCommentData);
@@ -92,6 +119,8 @@ export interface CommentStoreState {
     inlineCommentData: InlineCommentData;
     floatingCards: CommentFloatingCard[];
     pendingPrehydrationFloatingThreadIds: string[];
+    /** In-progress suggestion drafts — keyed by suggestionId. Viewer-local, lost on refresh. */
+    drafts: Record<string, DraftSuggestion>;
     inlineDrafts: InlineDraftRecordMap;
     activeDraftId: string | null;
     isDesktopFloatingEnabled: boolean;
@@ -177,6 +206,39 @@ export interface CommentStoreState {
     deleteComment: (commentId: string, options?: {
         skipExternalCallback?: boolean;
     }) => void;
+    acceptSuggestion: (commentId: string) => void;
+    /**
+     * Append typed characters to the draft at the current cursor position.
+     * Creates a new Add draft if no draft exists at the cursor.
+     */
+    appendToDraftAtCursor: (text: string) => void;
+    /**
+     * Create a Delete (or pending Replace) draft from a selection range.
+     * Captures originalContent, leaves insertedText empty; type becomes 'replace'
+     * as soon as the viewer types.
+     */
+    startDeleteDraft: (from: number, to: number) => void;
+    /**
+     * Undo the last keystroke in the draft at the current cursor position.
+     * When the draft has no keystrokes left, it is discarded.
+     * For a pure Delete draft (no keystrokes ever), calling this discards.
+     */
+    undoLastKeystrokeInActiveDraft: () => void;
+    /** Drop a draft entirely — removes the inline overlay and draft card. */
+    discardDraft: (suggestionId: string) => void;
+    /**
+     * Refresh the `originalContent` (and the suggestion-draft card's selectedText)
+     * for a Delete/Replace draft whose anchored range still resolves but now
+     * covers different text — happens when the owner edits within the anchored
+     * range while the viewer's draft is open.
+     */
+    refreshDraftOriginalContent: (suggestionId: string, currentText: string) => void;
+    /**
+     * Promote a draft to a submitted suggestion. Pushes the anchor into
+     * commentAnchorsRef, calls onNewComment, removes the draft, and swaps the
+     * suggestion-draft floating card for a thread card (same floatingCardId).
+     */
+    submitDraft: (suggestionId: string) => void;
     deleteReply: (commentId: string, replyId: string) => void;
     requestEditComment: (commentId: string) => void;
     requestEditReply: (commentId: string, replyId: string) => void;

package/dist/package/types.d.ts

@@ -20,6 +20,7 @@ export type InlineCommentData = {
     handleClick: boolean;
 };
 export type CommentMutationType = 'create' | 'edit' | 'resolve' | 'unresolve' | 'delete';
+export type SuggestionType = 'add' | 'replace' | 'delete';
 export interface CommentMutationMeta {
     type: CommentMutationType;
     updateChunk?: string;
@@ -27,6 +28,9 @@ export interface CommentMutationMeta {
     anchorTo?: string;
     selectedContent?: string;
     content?: string;
+    suggestionType?: SuggestionType;
+    originalContent?: string;
+    suggestedContent?: string;
 }
 export interface SerializedCommentAnchor {
     id: string;
@@ -34,6 +38,10 @@ export interface SerializedCommentAnchor {
     anchorTo: string;
     resolved: boolean;
     deleted: boolean;
+    isSuggestion?: boolean;
+    suggestionType?: SuggestionType;
+    originalContent?: string;
+    suggestedContent?: string;
 }
 export interface CommentAccountProps {
     isConnected?: boolean;
@@ -144,6 +152,7 @@ export interface DdocProps extends CommentAccountProps {
     editorCanvasClassNames?: string;
     isCommentSectionOpen?: boolean;
     isPreviewMode: boolean;
+    viewerMode?: 'suggest' | 'view-only';
     ensResolutionUrl?: string;
     ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     enableIndexeddbSync?: boolean;

package/dist/package/use-ddoc-editor.d.ts

@@ -1,7 +1,7 @@
 import { DdocProps } from './types';
 import { Editor } from '@tiptap/react';
 
-export declare const useDdocEditor: ({ isPreviewMode, initialContent, versionHistoryState, collaboration, onChange, onCollaboratorChange, onCommentInteraction, onError, setCharacterCount, setWordCount, setPageCount, ipfsImageUploadFn, ddocId, enableIndexeddbSync, unFocused, isFocusMode, theme, zoomLevel, onInvalidContentError, ignoreCorruptedData, isPresentationMode, metadataProxyUrl, extensions: externalExtensions, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, onIndexedDbError, disableInlineComment, initialCommentAnchors, ...rest }: Partial<DdocProps> & {
+export declare const useDdocEditor: ({ isPreviewMode, viewerMode, initialContent, versionHistoryState, collaboration, onChange, onCollaboratorChange, onCommentInteraction, onError, setCharacterCount, setWordCount, setPageCount, ipfsImageUploadFn, ddocId, enableIndexeddbSync, unFocused, isFocusMode, theme, zoomLevel, onInvalidContentError, ignoreCorruptedData, isPresentationMode, metadataProxyUrl, extensions: externalExtensions, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, onIndexedDbError, disableInlineComment, initialCommentAnchors, ...rest }: Partial<DdocProps> & {
     isFocusMode?: boolean;
 }) => {
     ydoc: import('yjs').Doc;
@@ -41,4 +41,6 @@ export declare const useDdocEditor: ({ isPreviewMode, initialContent, versionHis
     setActiveCommentId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
     focusCommentWithActiveId: (id: string) => void;
     commentAnchorsRef: import('react').MutableRefObject<import('./extensions/comment/comment-decoration-plugin').CommentAnchor[]>;
+    draftAnchorsRef: import('react').MutableRefObject<import('./extensions/comment/comment-decoration-plugin').CommentAnchor[]>;
+    storeApiRef: import('react').MutableRefObject<import('zustand').StoreApi<import('./stores/comment-store').CommentStoreState> | null>;
 };