@agent-native/core 0.97.0 → 0.98.1

package/dist/client/composer/TiptapComposer.js

@@ -357,6 +357,10 @@ function plainTextToDoc(text) {
         })),
     };
 }
+/** Tiptap keeps the Editor object truthy after destroy but clears commandManager. */
+export function isComposerEditorUsable(editor) {
+    return Boolean(editor && editor.isDestroyed !== true);
+}
 export function createTiptapComposerExtensions(getPlaceholder) {
     return [
         StarterKit.configure({
@@ -1028,14 +1032,14 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     // its existing draft when the host starts observing it so contextual UI is
     // correct immediately after a tab switch, not only after the next keystroke.
     useEffect(() => {
-        if (!editor || !onTextChange)
+        if (!isComposerEditorUsable(editor) || !onTextChange)
             return;
         onTextChange(editor.state.doc.textContent.trim());
     }, [editor, onTextChange]);
     const insertReference = useCallback((ref) => {
         const normalized = normalizeAgentComposerReference(ref);
         const ed = editor;
-        if (!normalized || !ed)
+        if (!normalized || !isComposerEditorUsable(ed))
             return;
         if (normalized.slotKey) {
             setSlotReferences((current) => applySlotReferenceChanges(current, [normalized]));
@@ -1065,7 +1069,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             seenReferenceInsertIdsRef.current.add(insertMessageId);
         }
         const ed = editor;
-        if (!ed || disabled || composerModeRef.current)
+        if (!isComposerEditorUsable(ed) || disabled || composerModeRef.current)
             return;
         const normalized = normalizeAgentComposerReference(payload);
         if (normalized?.slotKey) {
@@ -1120,10 +1124,11 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }, [insertReferenceIfEmpty]);
     useImperativeHandle(focusRef, () => ({
         focus() {
-            editor?.commands.focus("end");
+            if (isComposerEditorUsable(editor))
+                editor.commands.focus("end");
         },
         setText(text) {
-            if (!editor)
+            if (!isComposerEditorUsable(editor))
                 return;
             editor.commands.setContent(plainTextToDoc(text));
             editor.commands.focus("end");
@@ -1147,14 +1152,17 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     const handleSelectMode = useCallback((mode) => {
         setComposerMode(mode);
         composerModeRef.current = mode;
-        setTimeout(() => editor?.commands.focus("end"), 50);
+        setTimeout(() => {
+            if (isComposerEditorUsable(editor))
+                editor.commands.focus("end");
+        }, 50);
     }, [editor]);
     // --- Live voice transcription: text appears in the editor as the user speaks ---
     const voiceAnchorRef = useRef(null);
     const prevVoiceInsertRef = useRef("");
     const handleLiveUpdate = useCallback((finalText, interimText) => {
         const ed = editor;
-        if (!ed)
+        if (!isComposerEditorUsable(ed))
             return;
         if (voiceAnchorRef.current == null) {
             const { from } = ed.state.selection;
@@ -1178,7 +1186,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }, [editor]);
     const insertTranscript = useCallback((text) => {
         const ed = editor;
-        if (!ed)
+        if (!isComposerEditorUsable(ed))
             return;
         const anchor = voiceAnchorRef.current;
         if (anchor != null) {
@@ -1221,7 +1229,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                 value: selectedReferences,
             });
         }
-        const draft = editor
+        const draft = isComposerEditorUsable(editor)
             ? trimVoiceContextValue(editor.state.doc.textContent, 1200)
             : null;
         if (draft)
@@ -1254,7 +1262,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         if (voice.state === "idle" && voiceAnchorRef.current != null) {
             const anchor = voiceAnchorRef.current;
             const prevLen = prevVoiceInsertRef.current.length;
-            if (editor && prevLen > 0) {
+            if (isComposerEditorUsable(editor) && prevLen > 0) {
                 editor
                     .chain()
                     .deleteRange({ from: anchor, to: anchor + prevLen })
@@ -1298,7 +1306,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }, [voiceEnabled, voice]);
     const extractComposerPayload = useCallback(() => {
         const ed = editor;
-        if (!ed) {
+        if (!isComposerEditorUsable(ed)) {
             return {
                 text: slotReferences.map((ref) => slotReferenceTitle(ref)).join(", "),
                 references: slotReferences.map(referenceFromComposerReference),
@@ -1412,7 +1420,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }, [extractComposerPayload, syncComposerRuntimeState]);
     const clearEditorAfterSubmit = useCallback(() => {
         const ed = editor;
-        if (!ed)
+        if (!isComposerEditorUsable(ed))
             return;
         ed.commands.clearContent();
         setEditorHasText(false);
@@ -1426,7 +1434,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }, [closePopover, draftKey, editor, resetComposerRuntimeState]);
     const submitComposer = useCallback(async (intent = "immediate") => {
         const ed = editor;
-        if (!ed)
+        if (!isComposerEditorUsable(ed))
             return;
         if (submitInFlightRef.current)
             return;
@@ -1481,6 +1489,8 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                 submitInFlightRef.current = false;
             }
         }
+        if (!isComposerEditorUsable(ed))
+            return;
         // Composer mode: send with context via agent chat bridge
         if (composerMode) {
             const config = COMPOSER_MODE_CONFIGS[composerMode];
@@ -1509,7 +1519,8 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                 });
             }
             cancelActiveVoice();
-            ed.commands.clearContent();
+            if (isComposerEditorUsable(ed))
+                ed.commands.clearContent();
             setEditorHasText(false);
             setSlotReferences([]);
             setComposerMode(null);
@@ -1537,7 +1548,8 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             composerRuntime.send();
         }
         cancelActiveVoice();
-        ed.commands.clearContent();
+        if (isComposerEditorUsable(ed))
+            ed.commands.clearContent();
         setEditorHasText(false);
         setSlotReferences([]);
         try {
@@ -1564,7 +1576,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     // These are called from handleKeyDown which can't use React state
     function selectMention(_view, pop, item) {
         const ed = editor;
-        if (!ed)
+        if (!isComposerEditorUsable(ed))
             return;
         const currentPos = ed.state.selection.from;
         // startPos is after the trigger char, so -1 to include the @ or /
@@ -1576,7 +1588,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }
     function executeCommand(_view, pop, command) {
         const ed = editor;
-        if (!ed)
+        if (!isComposerEditorUsable(ed))
             return;
         const currentPos = ed.state.selection.from;
         const deleteFrom = Math.max(0, pop.startPos - 1);
@@ -1587,7 +1599,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }
     function selectSkill(_view, pop, skill) {
         const ed = editor;
-        if (!ed)
+        if (!isComposerEditorUsable(ed))
             return;
         const currentPos = ed.state.selection.from;
         const deleteFrom = Math.max(0, pop.startPos - 1);
@@ -1605,7 +1617,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }
     // Popover select handlers for click-based selection (from MentionPopover)
     const handleSelectMention = useCallback((item) => {
-        if (!editor || !popover)
+        if (!isComposerEditorUsable(editor) || !popover)
             return;
         const currentPos = editor.state.selection.from;
         const deleteFrom = Math.max(0, popover.startPos - 1);
@@ -1618,7 +1630,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         closePopover();
     }, [editor, popover, closePopover, insertReference]);
     const handleSelectCommand = useCallback((command) => {
-        if (!editor || !popover)
+        if (!isComposerEditorUsable(editor) || !popover)
             return;
         const currentPos = editor.state.selection.from;
         const deleteFrom = Math.max(0, popover.startPos - 1);
@@ -1631,7 +1643,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         onSlashCommand?.(command.name);
     }, [editor, popover, closePopover, onSlashCommand]);
     const handleSelectSkill = useCallback((skill) => {
-        if (!editor || !popover)
+        if (!isComposerEditorUsable(editor) || !popover)
             return;
         const currentPos = editor.state.selection.from;
         const deleteFrom = Math.max(0, popover.startPos - 1);
@@ -1649,7 +1661,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }, [editor, popover, closePopover]);
     // Track query text as user types after trigger
     useEffect(() => {
-        if (!editor || !popover)
+        if (!isComposerEditorUsable(editor) || !popover)
             return;
         const updateHandler = () => {
             const pop = popoverStateRef.current;
@@ -1680,12 +1692,14 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         editor.on("update", updateHandler);
         editor.on("selectionUpdate", updateHandler);
         return () => {
-            editor.off("update", updateHandler);
-            editor.off("selectionUpdate", updateHandler);
+            if (isComposerEditorUsable(editor)) {
+                editor.off("update", updateHandler);
+                editor.off("selectionUpdate", updateHandler);
+            }
         };
     }, [editor, popover, closePopover]);
     useEffect(() => {
-        if (!editor)
+        if (!isComposerEditorUsable(editor))
             return;
         if (composerText !== "")
             return;
@@ -1694,7 +1708,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         editor.commands.clearContent();
     }, [composerText, editor]);
     useEffect(() => {
-        if (!editor || initialText === undefined)
+        if (!isComposerEditorUsable(editor) || initialText === undefined)
             return;
         const key = initialTextKey ?? initialText;
         if (initialTextKeyRef.current === key)
@@ -1718,7 +1732,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     }, [composerRuntime, draftKey, editor, initialText, initialTextKey]);
     // Tiptap only reads `editable` at init; prop changes need setEditable.
     useEffect(() => {
-        if (!editor)
+        if (!isComposerEditorUsable(editor))
             return;
         editor.setEditable(!disabled);
         if (disabled)
@@ -1736,10 +1750,14 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
       ` }), composerMode && (_jsx("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "mode-row", className: "agent-composer-mode-row px-2.5 pt-2 pb-0", children: _jsx(ComposerModeChip, { mode: composerMode, onRemove: () => {
                         setComposerMode(null);
                         composerModeRef.current = null;
-                        editor?.commands.focus("end");
+                        if (isComposerEditorUsable(editor)) {
+                            editor.commands.focus("end");
+                        }
                     } }) })), hasContextRows && (_jsxs("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "context-row", className: "agent-composer-context-row flex flex-wrap gap-1.5 px-2.5 pt-2 pb-0", children: [slotReferences.map((ref) => (_jsxs("span", { className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1 text-[11px] font-medium text-foreground shadow-sm", children: [_jsx(IconClipboardList, { className: "h-3 w-3 shrink-0 text-muted-foreground" }), ref.slotLabel && (_jsx("span", { className: "shrink-0 text-muted-foreground", children: ref.slotLabel })), _jsx("span", { className: "min-w-0 truncate", children: ref.label }), _jsx("button", { type: "button", onClick: () => {
                                     setSlotReferences((current) => removeSlotReference(current, ref));
-                                    editor?.commands.focus("end");
+                                    if (isComposerEditorUsable(editor)) {
+                                        editor.commands.focus("end");
+                                    }
                                 }, "aria-label": `Remove ${slotReferenceTitle(ref)} reference`, className: "ms-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconX, { className: "h-3 w-3" }) })] }, ref.slotKey))), contextItems.map((item) => (_jsxs("span", { "data-state": selectedContextItemKey === item.key ? "selected" : undefined, className: `inline-flex max-w-full items-center gap-1.5 rounded-md border px-2 py-1 text-[11px] font-medium text-foreground ${selectedContextItemKey === item.key
                             ? "border-ring bg-accent ring-2 ring-ring/40"
                             : "border-border bg-muted/50"}`, children: [_jsx(IconClipboardList, { className: "h-3 w-3 shrink-0 text-muted-foreground" }), _jsx("span", { className: "min-w-0 truncate", children: item.title }), _jsx("button", { type: "button", onClick: () => {
@@ -1747,6 +1765,6 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                                     setSelectedContextItemKey(null);
                                     onRemoveContextItem?.(item.key);
                                 }, "aria-label": `Remove ${item.title} context`, className: "ms-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconX, { className: "h-3 w-3" }) })] }, item.key)))] })), _jsx("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "editor-wrap", className: `agent-composer-editor-wrap ${composerMode || hasContextRows ? "px-2 pt-1 pb-1" : "px-2 pt-2 pb-1"}`, children: _jsx(EditorContent, { editor: editor, "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "editor", className: "agent-composer-editor aui-composer flex-1 min-w-0 [&_.ProseMirror]:outline-none [&_.ProseMirror_p]:m-0 px-0.5" }) }), voiceEnabled && _jsx(VoiceRecordingOverlay, { voice: voice }), _jsxs("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "toolbar", className: "agent-composer-toolbar flex items-center gap-1 px-2 py-1.5", children: [attachButton ??
-                        (plusMenuMode === "hidden" ? null : (_jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode, mode: plusMenuMode, onAttachmentError: onAttachmentError }))), toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, effort: selectedEffort, engines: availableModels, onChange: onModelChange, onEffortChange: onEffortChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, imageModel: imageModelMenu })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason })), actionButton ?? (_jsxs(_Fragment, { children: [extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), primaryAction === "stop" ? (stopButton) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => void submitComposer("immediate"), disabled: !canSend, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Send message" })] }))] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: filteredMentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
+                        (plusMenuMode === "hidden" ? null : (_jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode, mode: plusMenuMode, onAttachmentError: onAttachmentError }))), toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, effort: selectedEffort, engines: availableModels, onChange: onModelChange, onEffortChange: onEffortChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, imageModel: imageModelMenu })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason })), actionButton ?? (_jsxs(_Fragment, { children: [extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), primaryAction === "stop" ? (stopButton) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => void submitComposer("immediate"), disabled: !canSend, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 transition-[opacity,transform] duration-150 active:scale-[0.97] disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Send message" })] }))] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: filteredMentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
 }
 //# sourceMappingURL=TiptapComposer.js.map