@agent-native/core 0.78.0 → 0.78.2

package/dist/client/composer/TiptapComposer.js

@@ -6,10 +6,12 @@ import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useState, useRef, useEffect, useCallback, useImperativeHandle, useMemo, } from "react";
 import { getReasoningEffortOptionsForModel, reasoningEffortLabel, } from "../../shared/reasoning-effort.js";
-import { sendToAgentChat } from "../agent-chat.js";
+import { normalizeAgentComposerReference, sendToAgentChat, AGENT_CHAT_INSERT_REFERENCE_EVENT, AGENT_CHAT_INSERT_REFERENCE_MESSAGE_TYPE, } from "../agent-chat.js";
 import { tryDelegateBuildRequestToBuilder } from "../builder-frame.js";
+import { isTrustedBuilderMessage } from "../builder-frame.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
+import { isTrustedFrameMessage } from "../frame.js";
 import { useBuilderConnectFlow } from "../settings/useBuilderStatus.js";
 import { ComposerPlusMenu } from "./ComposerPlusMenu.js";
 import { getComposerDraftKey } from "./draft-key.js";
@@ -28,6 +30,93 @@ export function canSubmitComposerContent(options) {
         (options.hasEditorContent || options.attachmentCount > 0));
 }
 const MAX_DOCUMENT_ATTACHMENT_BYTES = 4 * 1024 * 1024;
+function composerReferenceFromMentionItem(item) {
+    return {
+        label: item.label,
+        icon: item.icon || "file",
+        source: item.source,
+        refType: item.refType,
+        refId: item.refId || null,
+        refPath: item.refPath || null,
+        slotKey: item.slotKey,
+        slotLabel: item.slotLabel,
+        metadata: item.metadata,
+        clearsSlots: item.clearsSlots,
+        relatedReferences: item.relatedReferences,
+    };
+}
+function mentionReferenceAttrs(ref) {
+    return {
+        label: ref.label,
+        icon: ref.icon || "file",
+        source: ref.source,
+        refType: ref.refType,
+        refId: ref.refId || null,
+        refPath: ref.refPath || null,
+        slotKey: ref.slotKey || null,
+        slotLabel: ref.slotLabel || null,
+        metadata: ref.metadata || null,
+    };
+}
+function referenceFromComposerReference(ref) {
+    return {
+        type: ref.refType === "file"
+            ? "file"
+            : ref.refType === "agent"
+                ? "agent"
+                : ref.refType === "custom-agent"
+                    ? "custom-agent"
+                    : "mention",
+        path: ref.refPath || "",
+        name: ref.label,
+        source: ref.source || "",
+        refType: ref.refType,
+        refId: ref.refId || undefined,
+        slotKey: ref.slotKey,
+        slotLabel: ref.slotLabel,
+        metadata: ref.metadata,
+    };
+}
+function applySlotReferenceChanges(current, references) {
+    let next = current;
+    const applyOne = (ref) => {
+        for (const related of ref.relatedReferences ?? []) {
+            applyOne(related);
+        }
+        if (!ref.slotKey)
+            return;
+        const cleared = new Set([ref.slotKey, ...(ref.clearsSlots ?? [])]);
+        next = next.filter((existing) => !cleared.has(existing.slotKey ?? ""));
+        next = [...next, ref];
+    };
+    for (const ref of references) {
+        applyOne(ref);
+    }
+    return next;
+}
+function removeSlotReference(current, ref) {
+    const removed = new Set([ref.slotKey, ...(ref.clearsSlots ?? [])]);
+    return current.filter((existing) => !removed.has(existing.slotKey ?? ""));
+}
+function slotReferenceTitle(ref) {
+    return ref.slotLabel ? `${ref.slotLabel}: ${ref.label}` : ref.label;
+}
+function metadataString(metadata, key) {
+    const value = metadata?.[key];
+    return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function filterMentionItemsForSlots(items, slotReferences) {
+    return items.filter((item) => {
+        const requiredSlotKey = metadataString(item.metadata, "requiredSlotKey");
+        const requiredRefId = metadataString(item.metadata, "requiredRefId");
+        if (!requiredSlotKey || !requiredRefId)
+            return true;
+        const selected = slotReferences.find((ref) => ref.slotKey === requiredSlotKey);
+        if (!selected?.refId)
+            return true;
+        return selected.refId === requiredRefId;
+    });
+}
 function isDocumentAttachment(value) {
     if (value.type === "document")
         return true;
@@ -84,6 +173,21 @@ function uniquifyComposerImageFile(file) {
     const uniqueName = `${Date.now()}-${Math.random().toString(36).slice(2)}-${file.name}`;
     return new File([file], uniqueName, { type: file.type });
 }
+function composerDocumentHasContent(doc) {
+    if (doc.textContent.trim().length > 0)
+        return true;
+    let hasContent = false;
+    doc.descendants((node) => {
+        if (node.type.name === "mentionReference" ||
+            node.type.name === "fileReference" ||
+            node.type.name === "skillReference") {
+            hasContent = true;
+            return false;
+        }
+        return true;
+    });
+    return hasContent;
+}
 export function handleComposerFileDrop(options) {
     const droppedFiles = Array.from(options.event.dataTransfer?.files ?? []);
     if (droppedFiles.length === 0)
@@ -479,14 +583,15 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     const popoverRef = useRef(null);
     const composerRuntime = useComposerRuntime();
     const [editorHasText, setEditorHasText] = useState(false);
+    const [slotReferences, setSlotReferences] = useState([]);
     const composerText = useComposer((state) => state.text);
     const composerAttachments = useComposer((state) => state.attachments);
     const canSend = canSubmitComposerContent({
-        hasEditorContent: editorHasText,
+        hasEditorContent: editorHasText || slotReferences.length > 0,
         attachmentCount: composerAttachments.length,
         disabled,
     });
-    const hasContextItems = contextItems.length > 0;
+    const hasContextRows = contextItems.length > 0 || slotReferences.length > 0;
     const [composerMode, setComposerMode] = useState(null);
     const composerModeRef = useRef(null);
     const isMac = typeof navigator !== "undefined" &&
@@ -502,6 +607,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     const planModeDisabledRef = useRef(planModeDisabled);
     planModeDisabledRef.current = planModeDisabled;
     const { items: mentionItems, isLoading: mentionsLoading } = useMentionSearch(popover?.type === "@" ? popover.query : "", popover?.type === "@");
+    const filteredMentionItems = useMemo(() => filterMentionItemsForSlots(mentionItems, slotReferences), [mentionItems, slotReferences]);
     const { skills, hint, isLoading: skillsLoading, } = useSkills(includeDefaultSlashSkills && popover?.type === "/");
     const allSlashCommands = useMemo(() => mergeSlashCommands([
         ...(includeDefaultSlashCommands ? BUILT_IN_COMMANDS : []),
@@ -530,8 +636,8 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             s.description?.toLowerCase().includes(q));
     }, [allSlashSkills, popover]);
     // Keep refs in sync with state
-    const mentionItemsRef = useRef(mentionItems);
-    mentionItemsRef.current = mentionItems;
+    const mentionItemsRef = useRef(filteredMentionItems);
+    mentionItemsRef.current = filteredMentionItems;
     const filteredCommandsRef = useRef(filteredCommands);
     filteredCommandsRef.current = filteredCommands;
     const filteredSkillsRef = useRef(filteredSkills);
@@ -541,6 +647,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     const onTextChangeRef = useRef(onTextChange);
     onTextChangeRef.current = onTextChange;
     const initialTextKeyRef = useRef(undefined);
+    const seenReferenceInsertIdsRef = useRef(new Set());
     const closePopover = useCallback(() => {
         setPopover(null);
         popoverStateRef.current = null;
@@ -570,7 +677,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                 if (initialText !== undefined) {
                     ed.commands.setContent(plainTextToDoc(initialText));
                     ed.commands.focus("end");
-                    setEditorHasText(ed.state.doc.textContent.trim().length > 0);
+                    setEditorHasText(composerDocumentHasContent(ed.state.doc));
                     initialTextKeyRef.current = initialTextKey ?? initialText;
                 }
                 else {
@@ -578,7 +685,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                     if (saved) {
                         ed.commands.setContent(saved);
                         ed.commands.focus("end");
-                        setEditorHasText(ed.state.doc.textContent.trim().length > 0);
+                        setEditorHasText(composerDocumentHasContent(ed.state.doc));
                     }
                 }
                 onTextChangeRef.current?.(ed.state.doc.textContent.trim());
@@ -588,26 +695,14 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         onUpdate: ({ editor: ed }) => {
             // Drive the send button's enabled state from the actual editor contents;
             // the composer runtime is only synced on submit, so its isEmpty lags.
-            let hasContent = ed.state.doc.textContent.trim().length > 0;
-            if (!hasContent) {
-                ed.state.doc.descendants((node) => {
-                    if (node.type.name === "mentionReference" ||
-                        node.type.name === "fileReference" ||
-                        node.type.name === "skillReference") {
-                        hasContent = true;
-                        return false;
-                    }
-                    return true;
-                });
-            }
-            setEditorHasText(hasContent);
+            setEditorHasText(composerDocumentHasContent(ed.state.doc));
             onTextChangeRef.current?.(ed.state.doc.textContent.trim());
             // Debounce-save draft to localStorage
             clearTimeout(draftTimerRef.current);
             draftTimerRef.current = setTimeout(() => {
                 try {
                     const html = ed.getHTML();
-                    const isEmpty = !ed.state.doc.textContent.trim();
+                    const isEmpty = !composerDocumentHasContent(ed.state.doc);
                     if (isEmpty) {
                         localStorage.removeItem(draftKey);
                     }
@@ -819,6 +914,92 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             },
         },
     });
+    const insertReference = useCallback((ref) => {
+        const normalized = normalizeAgentComposerReference(ref);
+        const ed = editor;
+        if (!normalized || !ed)
+            return;
+        if (normalized.slotKey) {
+            setSlotReferences((current) => applySlotReferenceChanges(current, [normalized]));
+            ed.commands.focus("end");
+            return;
+        }
+        if (normalized.relatedReferences?.some((item) => item.slotKey)) {
+            setSlotReferences((current) => applySlotReferenceChanges(current, normalized.relatedReferences ?? []));
+        }
+        ed.chain()
+            .focus()
+            .insertContent({
+            type: "mentionReference",
+            attrs: mentionReferenceAttrs(normalized),
+        })
+            .insertContent(" ")
+            .run();
+        setEditorHasText(true);
+    }, [editor]);
+    const insertReferenceIfEmpty = useCallback((payload) => {
+        const insertMessageId = typeof payload.insertMessageId === "string"
+            ? payload.insertMessageId
+            : "";
+        if (insertMessageId) {
+            if (seenReferenceInsertIdsRef.current.has(insertMessageId))
+                return;
+            seenReferenceInsertIdsRef.current.add(insertMessageId);
+        }
+        const ed = editor;
+        if (!ed || disabled || composerModeRef.current)
+            return;
+        const normalized = normalizeAgentComposerReference(payload);
+        if (normalized?.slotKey) {
+            insertReference(normalized);
+            return;
+        }
+        if (composerAttachments.length > 0)
+            return;
+        if (composerDocumentHasContent(ed.state.doc))
+            return;
+        insertReference(payload);
+    }, [composerAttachments.length, disabled, editor, insertReference]);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const handleEvent = (event) => {
+            const payload = event.detail;
+            const normalized = normalizeAgentComposerReference(payload);
+            if (!normalized)
+                return;
+            insertReferenceIfEmpty({
+                ...normalized,
+                insertMessageId: typeof payload?.insertMessageId === "string"
+                    ? payload.insertMessageId
+                    : "",
+            });
+        };
+        const handleMessage = (event) => {
+            if (!isTrustedFrameMessage(event) && !isTrustedBuilderMessage(event)) {
+                return;
+            }
+            if (event.data?.type !== AGENT_CHAT_INSERT_REFERENCE_MESSAGE_TYPE) {
+                return;
+            }
+            const payload = event.data.data;
+            const normalized = normalizeAgentComposerReference(payload);
+            if (!normalized)
+                return;
+            insertReferenceIfEmpty({
+                ...normalized,
+                insertMessageId: typeof payload?.insertMessageId === "string"
+                    ? payload.insertMessageId
+                    : "",
+            });
+        };
+        window.addEventListener(AGENT_CHAT_INSERT_REFERENCE_EVENT, handleEvent);
+        window.addEventListener("message", handleMessage);
+        return () => {
+            window.removeEventListener(AGENT_CHAT_INSERT_REFERENCE_EVENT, handleEvent);
+            window.removeEventListener("message", handleMessage);
+        };
+    }, [insertReferenceIfEmpty]);
     useImperativeHandle(focusRef, () => ({
         focus() {
             editor?.commands.focus("end");
@@ -830,6 +1011,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             editor.commands.focus("end");
             const trimmed = editor.state.doc.textContent.trim();
             setEditorHasText(trimmed.length > 0);
+            setSlotReferences([]);
             composerRuntime.setText(trimmed);
             onTextChangeRef.current?.(trimmed);
             try {
@@ -842,6 +1024,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             }
             catch { }
         },
+        insertReference,
     }));
     const handleSelectMode = useCallback((mode) => {
         setComposerMode(mode);
@@ -961,9 +1144,12 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     const extractComposerPayload = useCallback(() => {
         const ed = editor;
         if (!ed) {
-            return { text: "", references: [] };
+            return {
+                text: slotReferences.map((ref) => slotReferenceTitle(ref)).join(", "),
+                references: slotReferences.map(referenceFromComposerReference),
+            };
         }
-        const references = [];
+        const references = slotReferences.map(referenceFromComposerReference);
         // Build text that preserves @mentions (getText() strips them).
         // Walk the document and reconstruct with @name for mention/file/skill nodes.
         const textParts = [];
@@ -990,7 +1176,9 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                 textParts.push("\n");
             }
         });
-        const text = textParts.join("").trim();
+        const rawText = textParts.join("").trim();
+        const text = rawText ||
+            slotReferences.map((ref) => slotReferenceTitle(ref)).join(", ");
         ed.state.doc.descendants((node) => {
             if (node.type.name === "fileReference") {
                 // Legacy support
@@ -1016,6 +1204,9 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                     source: node.attrs.source,
                     refType: node.attrs.refType,
                     refId: node.attrs.refId,
+                    slotKey: node.attrs.slotKey,
+                    slotLabel: node.attrs.slotLabel,
+                    metadata: node.attrs.metadata,
                 });
             }
             else if (node.type.name === "skillReference") {
@@ -1028,7 +1219,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             }
         });
         return { text, references };
-    }, [editor]);
+    }, [editor, slotReferences]);
     const syncComposerState = useCallback(() => {
         const { text, references } = extractComposerPayload();
         const requestMode = execMode === "plan" ? "plan" : execMode === "build" ? "act" : undefined;
@@ -1109,6 +1300,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             cancelActiveVoice();
             ed.commands.clearContent();
             setEditorHasText(false);
+            setSlotReferences([]);
             setComposerMode(null);
             composerModeRef.current = null;
             try {
@@ -1129,6 +1321,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             cancelActiveVoice();
             ed.commands.clearContent();
             setEditorHasText(false);
+            setSlotReferences([]);
             try {
                 localStorage.removeItem(draftKey);
             }
@@ -1151,6 +1344,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         cancelActiveVoice();
         ed.commands.clearContent();
         setEditorHasText(false);
+        setSlotReferences([]);
         try {
             localStorage.removeItem(draftKey);
         }
@@ -1177,22 +1371,8 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         const currentPos = ed.state.selection.from;
         // startPos is after the trigger char, so -1 to include the @ or /
         const deleteFrom = Math.max(0, pop.startPos - 1);
-        ed.chain()
-            .focus()
-            .deleteRange({ from: deleteFrom, to: currentPos })
-            .insertContent({
-            type: "mentionReference",
-            attrs: {
-                label: item.label,
-                icon: item.icon || "file",
-                source: item.source,
-                refType: item.refType,
-                refId: item.refId || null,
-                refPath: item.refPath || null,
-            },
-        })
-            .insertContent(" ")
-            .run();
+        ed.chain().focus().deleteRange({ from: deleteFrom, to: currentPos }).run();
+        insertReference(composerReferenceFromMentionItem(item));
         popoverStateRef.current = null;
         setPopover(null);
     }
@@ -1235,21 +1415,10 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             .chain()
             .focus()
             .deleteRange({ from: deleteFrom, to: currentPos })
-            .insertContent({
-            type: "mentionReference",
-            attrs: {
-                label: item.label,
-                icon: item.icon || "file",
-                source: item.source,
-                refType: item.refType,
-                refId: item.refId || null,
-                refPath: item.refPath || null,
-            },
-        })
-            .insertContent(" ")
             .run();
+        insertReference(composerReferenceFromMentionItem(item));
         closePopover();
-    }, [editor, popover, closePopover]);
+    }, [editor, popover, closePopover, insertReference]);
     const handleSelectCommand = useCallback((command) => {
         if (!editor || !popover)
             return;
@@ -1369,7 +1538,10 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                         setComposerMode(null);
                         composerModeRef.current = null;
                         editor?.commands.focus("end");
-                    } }) })), hasContextItems && (_jsx("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: contextItems.map((item) => (_jsxs("span", { className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-muted/50 px-2 py-1 text-[11px] font-medium text-foreground", 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: () => 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 || hasContextItems ? "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 })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => 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: mentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
+                    } }) })), 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");
+                                }, "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", { className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-muted/50 px-2 py-1 text-[11px] font-medium text-foreground", 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: () => 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 })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => 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 })] }));
 }
 //# sourceMappingURL=TiptapComposer.js.map