@agent-native/toolkit 0.198.4 → 0.198.6

package/dist/composer/TiptapComposer.js

@@ -1,11 +1,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useComposer, useComposerRuntime } from "@assistant-ui/react";
-import { IconArrowUp, IconCheck, IconChevronDown, IconChevronRight, IconBulb, IconClock, IconBolt, IconTool, IconX, IconClipboardList, IconKey, IconPencil, IconPlugConnected, IconHelpCircle, IconRefresh, IconAlertCircle, IconLoader2, } from "@tabler/icons-react";
+import { IconArrowUp, IconCheck, IconChevronDown, IconChevronRight, IconBulb, IconClock, IconBolt, IconTool, IconX, IconClipboardList, IconKey, IconPencil, IconPlugConnected, IconHelpCircle, IconAlertCircle, IconLoader2, IconRefresh, } from "@tabler/icons-react";
 import Placeholder from "@tiptap/extension-placeholder";
 import { TextSelection } from "@tiptap/pm/state";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
-import { useState, useRef, useEffect, useLayoutEffect, useCallback, useImperativeHandle, useMemo, } from "react";
+import React, { useState, useRef, useEffect, useLayoutEffect, useCallback, useImperativeHandle, useMemo, } from "react";
 import { toast } from "sonner";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from "../ui/popover.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
@@ -1190,7 +1190,7 @@ function ModelSelector({ model, effort, engines, agents, selectedAgent, selected
                                                                 : undefined);
                                                         return (_jsxs("div", { className: showProviderLabels && groupIndex > 0
                                                                 ? "mt-2 pt-1"
-                                                                : "", children: [showProviderLabels && (_jsxs("div", { className: "group flex items-center px-2 py-1", children: [_jsx("span", { className: "shrink-0 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: group.label }), !group.configured && statusLabel && (_jsx("button", { type: "button", "aria-label": statusLabel, className: "ms-auto max-w-[9rem] shrink-0 cursor-pointer truncate px-0 py-1 text-end text-[10px] text-muted-foreground/60 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 hover:text-foreground focus-visible:opacity-100", onClick: () => canConnectLocalRuntime
+                                                                : "", children: [showProviderLabels && (_jsxs("div", { className: "group flex items-center px-2 py-1", children: [_jsx("span", { className: "shrink-0 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: group.label.replace(/ · Builder\.io$/i, "") }), !group.configured && statusLabel && (_jsx("button", { type: "button", "aria-label": statusLabel, className: "ms-auto max-w-[9rem] shrink-0 cursor-pointer truncate px-0 py-1 text-end text-[10px] text-muted-foreground/60 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 hover:text-foreground focus-visible:opacity-100", onClick: () => canConnectLocalRuntime
                                                                                 ? connectLocalRuntime(group.engine)
                                                                                 : openLlmSettings(), children: statusLabel })), group.configured && statusLabel && (_jsx("span", { className: "ms-auto max-w-[9rem] shrink-0 truncate py-1 text-end text-[10px] text-muted-foreground/70 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100", children: statusLabel }))] })), models.map((m) => {
                                                                     const isSelected = m === model && group.configured;
@@ -1235,7 +1235,7 @@ function ModelSelector({ model, effort, engines, agents, selectedAgent, selected
                                                             ? "text-foreground"
                                                             : "text-muted-foreground"}`, children: option.label }), option.enabled === terminalModeControl.enabled && (_jsx(IconCheck, { className: "size-4 shrink-0 text-primary" }))] }, option.label))) }))] }) }) })] }) })] }));
 }
-export function TiptapComposer({ placeholder, ariaLabel, disabled = false, contextControlsDisabled = false, submissionDisabled = false, submitting = false, maxDocumentAttachmentBytes = MAX_DOCUMENT_ATTACHMENT_BYTES, documentAttachmentLimitLabel = "PDFs", attachmentsEnabled = true, onAttachmentRequest, contextButtonTooltipDisabled = false, focusRef, initialText, initialTextKey, onSubmit, onBeforeSubmit, getSubmitFailureDraftScope, clearOnSubmit = true, clearOnSubmitImmediately = false, onTextChange, actionButton, willQueue = false, extraActionButton, stopButton, attachButton, modeControl, toolbarSlot, layoutVariant = "default", slashCommands = [], slashSkills = [], includeDefaultSlashCommands = true, includeDefaultSlashSkills = true, onSlashCommand, execMode, onExecModeChange, planModeDisabled = false, planModeDisabledReason, voiceEnabled = DEFAULT_VOICE_DICTATION_ENABLED, selectedModel, selectedEngine, selectedEffort, showAutoModelOption = true, modelSelectorOpen, availableModels, modelListLoading, onModelChange, onEffortChange, availableAgents, selectedAgent, agentOnly = false, hostedHarness, onAgentChange, onModelSelectorOpenChange, providerConnectStatusEnabled, onConnectProvider, onConnectLocalRuntime, imageModelMenu, draftScope, contextItems: providedContextItems, onRemoveContextItem, onInspectContextItem, onRetryContextItem, contextMenuItems, plusMenuMode = "full", terminalModeControl, extensionTools = false, interceptBuildRequestsForBuilder = false, onAttachmentError, mentionItems: hostMentionItems = [], mentionPopoverDensity = "default", includeDefaultMentionSearch = true, onReferencesChange, onEscape, onFocus, onBlur, onSelectionChange, }) {
+export function TiptapComposer({ placeholder, ariaLabel, disabled = false, contextControlsDisabled = false, submissionDisabled = false, sendButtonDisabled = false, submitting = false, maxDocumentAttachmentBytes = MAX_DOCUMENT_ATTACHMENT_BYTES, documentAttachmentLimitLabel = "PDFs", attachmentsEnabled = true, onAttachmentRequest, contextButtonTooltipDisabled = false, focusRef, initialText, initialTextKey, onSubmit, onBeforeSubmit, onSubmissionPendingChange, getSubmitFailureDraftScope, clearOnSubmit = true, clearOnSubmitImmediately = false, onTextChange, actionButton, willQueue = false, extraActionButton, stopButton, attachButton, modeControl, toolbarSlot, layoutVariant = "default", slashCommands = [], slashSkills = [], includeDefaultSlashCommands = true, includeDefaultSlashSkills = true, onSlashCommand, execMode, onExecModeChange, planModeDisabled = false, planModeDisabledReason, voiceEnabled = DEFAULT_VOICE_DICTATION_ENABLED, selectedModel, selectedEngine, selectedEffort, showAutoModelOption = true, modelSelectorOpen, availableModels, modelListLoading, onModelChange, onEffortChange, availableAgents, selectedAgent, agentOnly = false, hostedHarness, onAgentChange, onModelSelectorOpenChange, providerConnectStatusEnabled, onConnectProvider, onConnectLocalRuntime, imageModelMenu, draftScope, contextItems: providedContextItems, onRemoveContextItem, onRetryContextItem, contextMenuItems, plusMenuMode = "full", terminalModeControl, extensionTools = false, interceptBuildRequestsForBuilder = false, onAttachmentError, mentionItems: hostMentionItems = [], mentionPopoverDensity = "default", includeDefaultMentionSearch = true, onReferencesChange, onEscape, onFocus, onBlur, onSelectionChange, }) {
     const contextItems = providedContextItems ?? [];
     const hasContextMenu = (contextMenuItems !== undefined || plusMenuMode !== "hidden") &&
         !(attachmentsEnabled && attachButton);
@@ -2609,7 +2609,6 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
                 (composerDocumentHasContent(ed.state.doc) ||
                     slotReferencesRef.current.length > 0);
             const canPreserveFollowUp = preserveFollowUp &&
-                clearedBeforePreflight &&
                 !isForkRecovery &&
                 hasFollowUp &&
                 (currentDraft === null ||
@@ -2672,6 +2671,7 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
         }
         if (onBeforeSubmit) {
             submitInFlightRef.current = true;
+            onSubmissionPendingChange?.(true);
             try {
                 const shouldSubmit = await onBeforeSubmit();
                 if (!shouldSubmit) {
@@ -2690,6 +2690,7 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
             }
             finally {
                 submitInFlightRef.current = false;
+                onSubmissionPendingChange?.(false);
             }
         }
         if (!isComposerEditorUsable(ed) ||
@@ -2820,6 +2821,7 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
             submitInFlightRef.current = true;
             let locallySubmitted = false;
             let settled = false;
+            onSubmissionPendingChange?.(true);
             const clearSubmittedComposer = () => {
                 if (clearOnSubmit) {
                     clearComposerDraft(submittingDraftKey, submittingDraftSnapshot);
@@ -2891,7 +2893,7 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
             }
             catch (error) {
                 if (locallySubmitted) {
-                    restoreSubmittedDraft();
+                    restoreSubmittedDraft(true);
                     return true;
                 }
                 restoreSubmittedDraft(true);
@@ -2905,6 +2907,7 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
             finally {
                 settled = true;
                 submitInFlightRef.current = false;
+                onSubmissionPendingChange?.(false);
             }
             if (!isCurrentDraftScope()) {
                 clearComposerDraft(submittingDraftKey, submittingDraftSnapshot);
@@ -2983,6 +2986,7 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
         clearOnSubmitImmediately,
         getSubmitFailureDraftScope,
         onBeforeSubmit,
+        onSubmissionPendingChange,
         extractComposerPayload,
         syncComposerState,
         updateSlotReferences,
@@ -3366,7 +3370,7 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
                         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(MentionItemMedia, { media: ref.media, size: "sm", fallbackIcon: "clipboard" }), 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: () => {
+                    } }) })), 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-0.5 text-[11px] font-medium text-foreground shadow-sm", children: [_jsx(MentionItemMedia, { media: ref.media, size: "sm", fallbackIcon: "clipboard" }), 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: () => {
                                     updateSlotReferences((current) => removeSlotReference(current, ref));
                                     if (isComposerEditorUsable(editor)) {
                                         editor.commands.focus("end");
@@ -3374,23 +3378,26 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
                                 }, "aria-label": t("agentChat.composer.removeReference", {
                                     defaultValue: "Remove {{name}} reference",
                                     name: slotReferenceTitle(ref),
-                                }), 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-context-key": item.key, "data-context-status": item.status ?? "ready", title: item.statusMessage, "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: [item.status === "pending" ? (_jsx(IconLoader2, { "aria-label": t("agentChat.composer.contextPending", {
-                                    defaultValue: "Context pending",
-                                }), className: "size-3 shrink-0 animate-spin motion-reduce:animate-none text-muted-foreground" })) : item.status === "error" ? (_jsx(IconAlertCircle, { "aria-label": t("agentChat.composer.contextError", {
-                                    defaultValue: "Context failed",
-                                }), className: "size-3 shrink-0 text-destructive" })) : (_jsx(IconClipboardList, { className: "h-3 w-3 shrink-0 text-muted-foreground" })), onInspectContextItem ? (_jsx("button", { type: "button", onClick: () => onInspectContextItem(item.key), className: "min-w-0 truncate hover:underline", children: item.title })) : (_jsx("span", { className: "min-w-0 truncate", children: item.title })), item.status === "error" && onRetryContextItem ? (_jsx("button", { type: "button", onClick: () => onRetryContextItem(item.key), "aria-label": t("agentChat.composer.retryContext", {
-                                    defaultValue: "Retry {{name}} context",
-                                    name: item.title,
-                                }), className: "flex size-4 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconRefresh, { className: "size-3" }) })) : null, onRemoveContextItem && item.removable !== false ? (_jsx("button", { type: "button", onClick: () => {
-                                    selectedContextItemKeyRef.current = null;
-                                    setSelectedContextItemKey(null);
-                                    onRemoveContextItem?.(item.key);
-                                }, "aria-label": t("agentChat.composer.removeContext", {
-                                    defaultValue: "Remove {{name}} context",
-                                    name: item.title,
-                                }), 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" }) })) : null] }, item.key)))] })), contextSubmissionError ? (_jsx("p", { role: "alert", className: "px-2 text-xs text-destructive", children: contextSubmissionError })) : null, _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: [!launchersDisabled && attachmentsEnabled && attachButton ? (attachButton) : hasContextMenu ? (_jsx(ComposerPlusMenu, { contextMenuItems: launchersDisabled ? [] : contextLauncherItems, mode: launchersDisabled || plusMenuMode === "hidden"
+                                }), 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(React.Fragment, { children: [_jsxs("span", { "data-context-key": item.key, "data-context-status": item.status ?? "ready", title: item.statusMessage, "data-state": selectedContextItemKey === item.key ? "selected" : undefined, className: `inline-flex max-w-full items-center gap-1.5 rounded-md border px-2 py-0.5 text-[11px] font-medium text-foreground ${selectedContextItemKey === item.key
+                                    ? "border-ring bg-accent ring-2 ring-ring/40"
+                                    : "border-border bg-muted/50"}`, children: [item.status === "pending" ? (_jsx(IconLoader2, { "aria-label": t("agentChat.composer.contextPending", {
+                                            defaultValue: "Context pending",
+                                        }), className: "size-3 shrink-0 animate-spin motion-reduce:animate-none text-muted-foreground" })) : item.status === "error" ? (_jsx(IconAlertCircle, { "aria-label": t("agentChat.composer.contextError", {
+                                            defaultValue: "Context failed",
+                                        }), className: "size-3 shrink-0 text-destructive" })) : (_jsx(IconClipboardList, { className: "h-3 w-3 shrink-0 text-muted-foreground" })), _jsx("span", { className: "min-w-0 truncate", children: item.title }), onRemoveContextItem && item.removable !== false ? (_jsx("button", { type: "button", onClick: () => {
+                                            selectedContextItemKeyRef.current = null;
+                                            setSelectedContextItemKey(null);
+                                            onRemoveContextItem?.(item.key);
+                                        }, "aria-label": t("agentChat.composer.removeContext", {
+                                            defaultValue: "Remove {{name}} context",
+                                            name: item.title,
+                                        }), 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" }) })) : null] }), item.status === "error" && onRetryContextItem ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => onRetryContextItem(item.key), "aria-label": t("agentChat.composer.retryContext", {
+                                                defaultValue: "Retry {{name}} context",
+                                                name: item.title,
+                                            }), className: "flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconRefresh, { "aria-hidden": "true", className: "size-3.5" }) }) }), _jsx(TooltipContent, { children: t("agentChat.composer.retryContext", {
+                                            defaultValue: "Retry {{name}} context",
+                                            name: item.title,
+                                        }) })] })) : null] }, item.key)))] })), contextSubmissionError ? (_jsx("p", { role: "alert", className: "px-2 text-xs text-destructive", children: contextSubmissionError })) : null, _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: [!launchersDisabled && attachmentsEnabled && attachButton ? (attachButton) : hasContextMenu ? (_jsx(ComposerPlusMenu, { contextMenuItems: launchersDisabled ? [] : contextLauncherItems, mode: launchersDisabled || plusMenuMode === "hidden"
                             ? "upload-only"
                             : plusMenuMode, onSelectMode: handleSelectMode, terminalModeControl: terminalModeControl, extensionTools: extensionTools, attachmentsEnabled: attachmentsEnabled, open: contextMenuOpen, onOpenChange: setContextMenuOpen, onSearchChange: setContextMenuSearch, loading: mentionsLoading, error: mentionsError
                             ? t("agentChat.composer.contextLoadFailed", {
@@ -3410,6 +3417,6 @@ export function TiptapComposer({ placeholder, ariaLabel, disabled = false, conte
                             }
                             const pageTarget = Array.from(document.querySelectorAll('button:not(:disabled), a[href], input:not([type="hidden"]):not(:disabled), textarea:not(:disabled)')).find((element) => !root?.contains(element) && !element.closest("[hidden]"));
                             pageTarget?.focus();
-                        }, disabled: launchersDisabled })) : null, toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), shouldRenderModelSelector(availableModels, onModelChange) && (_jsx(ModelSelector, { model: selectedModel ?? "", selectedEngine: selectedEngine, open: modelSelectorOpen, effort: selectedEffort, engines: availableModels, agents: availableAgents, selectedAgent: selectedAgent, agentOnly: agentOnly, hostedHarness: hostedHarness, showAutoModelOption: showAutoModelOption, modelListLoading: modelListLoading, onChange: onModelChange, onEffortChange: onEffortChange, onAgentChange: onAgentChange, onModelSelectorOpenChange: onModelSelectorOpenChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, onConnectLocalRuntime: onConnectLocalRuntime, terminalModeControl: terminalModeControl, 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, "aria-label": submitting ? t("common.loading") : sendButtonTooltip, "aria-busy": submitting || undefined, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-full 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: submitting ? (_jsx(IconLoader2, { className: "size-3.5 animate-spin motion-reduce:animate-none" })) : (_jsx(IconArrowUp, { className: "h-3.5 w-3.5" })) }) }), _jsx(TooltipContent, { children: submitting ? t("common.loading") : sendButtonTooltip })] }))] }))] }), _jsx(MentionPopover, { ref: popoverRef, density: mentionPopoverDensity, 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 })] }));
+                        }, disabled: launchersDisabled })) : null, toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), shouldRenderModelSelector(availableModels, onModelChange) && (_jsx(ModelSelector, { model: selectedModel ?? "", selectedEngine: selectedEngine, open: modelSelectorOpen, effort: selectedEffort, engines: availableModels, agents: availableAgents, selectedAgent: selectedAgent, agentOnly: agentOnly, hostedHarness: hostedHarness, showAutoModelOption: showAutoModelOption, modelListLoading: modelListLoading, onChange: onModelChange, onEffortChange: onEffortChange, onAgentChange: onAgentChange, onModelSelectorOpenChange: onModelSelectorOpenChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, onConnectLocalRuntime: onConnectLocalRuntime, terminalModeControl: terminalModeControl, 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 || sendButtonDisabled, "aria-label": sendButtonTooltip, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-full 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: sendButtonTooltip })] }))] }))] }), _jsx(MentionPopover, { ref: popoverRef, density: mentionPopoverDensity, 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