@agent-native/toolkit 0.201.1 → 0.202.0-nightly-20261006033736

package/dist/app/chat/AgentKitAssistantChat.js

@@ -8,7 +8,7 @@ import { createAgentNativeChatRuntime } from "@agent-native/core/client/agent-ch
 import { useAgentDynamicSuggestionsResult } from "@agent-native/core/client/agent-chat";
 import { formatChatErrorText, localizeKnownChatErrorText, } from "@agent-native/core/client/agent-chat";
 import { dispatchAgentChatRunning } from "@agent-native/core/client/agent-chat";
-import { useAgentEngineConfigured, } from "@agent-native/core/client/agent-chat";
+import { fetchAgentEngineConfiguredState, useAgentEngineConfigured, } from "@agent-native/core/client/agent-chat";
 import { agentNativePath } from "@agent-native/core/client/api-path";
 import { compareAndSetClientAppState, deleteClientAppState, isClientAppStateMutationPending, readClientAppState, } from "@agent-native/core/client/application-state";
 import { signOut } from "@agent-native/core/client/hooks";
@@ -24,7 +24,7 @@ import { writeClipboardText } from "@agent-native/toolkit/clipboard";
 import { AgentSuggestionBar, agentSuggestionPrompt, snapshotComposerContextItems, } from "@agent-native/toolkit/composer";
 import { appendRealtimeVoiceTranscriptToRepository, realtimeVoiceTranscriptRegistry, } from "@agent-native/toolkit/composer/realtime-voice-transcript";
 import { cn } from "@agent-native/toolkit/utils";
-import { IconAlertTriangle, IconMessage, IconPlayerStopFilled, IconQuote, IconRefresh, IconX, } from "@tabler/icons-react";
+import { IconAlertTriangle, IconLoader2, IconMessage, IconPlayerStopFilled, IconQuote, IconRefresh, IconX, } from "@tabler/icons-react";
 import React, { createContext, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
 import { AgentKitChat, AgentKitComposer, AgentApprovalPrompt, AgentMessageView, useAgentKit, useAgentKitControl, useAgentThread, } from "../agentkit/react/index.js";
 import { AgentKitRoot } from "../agentkit/react/root.js";
@@ -333,6 +333,11 @@ export const AgentKitAssistantChat = forwardRef(function AgentKitAssistantChat(p
         },
         agents: t("agentChat.activity.agents"),
         tasks: t("agentChat.activity.tasks"),
+        toolInput: t("agentChat.tool.input"),
+        toolResult: t("agentChat.tool.result"),
+        activityValueIdentifierHidden: t("agentChat.tool.identifierHidden"),
+        activityValueOmitted: t("agentChat.tool.contentOmitted"),
+        activityValueCircular: t("agentChat.tool.circularReference"),
         working: t("agentChat.status.working"),
         workingFor: t("agentChat.status.workingFor", {
             duration: "{{duration}}",
@@ -656,23 +661,50 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         tabId: props.tabId,
         threadId,
     });
+    const [submissionReadiness, setSubmissionReadiness] = useState(null);
+    const readinessRequestIdRef = useRef(0);
+    const providerReadinessRequestRef = useRef(null);
+    const latestResolvedReadinessRef = useRef(null);
+    const passiveReadinessRef = useRef(readiness.state);
+    const providerReadinessPassRef = useRef(null);
+    const latestSubmissionReadinessRef = useRef(readiness.state);
+    useEffect(() => {
+        if (passiveReadinessRef.current !== readiness.state) {
+            const explicitReadinessPassed = providerReadinessPassRef.current === readinessRequestIdRef.current &&
+                latestResolvedReadinessRef.current?.requestId ===
+                    readinessRequestIdRef.current &&
+                latestResolvedReadinessRef.current.state === "configured";
+            if (readiness.state === "unavailable" && explicitReadinessPassed) {
+                return;
+            }
+            passiveReadinessRef.current = readiness.state;
+            readinessRequestIdRef.current += 1;
+            providerReadinessRequestRef.current = null;
+            providerReadinessPassRef.current = null;
+            latestSubmissionReadinessRef.current = readiness.state;
+            setSubmissionReadiness(null);
+            return;
+        }
+        if (submissionReadiness === readiness.state) {
+            latestSubmissionReadinessRef.current = readiness.state;
+            setSubmissionReadiness(null);
+        }
+    }, [readiness.state, submissionReadiness]);
     const modelCatalogPending = props.showModelSelector !== false && props.modelListLoading === true;
     const modelListUnavailable = props.showModelSelector !== false && props.modelListError === true;
-    const canChat = !providerChecksEnabled || readiness.canChat;
-    const setupMissing = providerChecksEnabled &&
-        readiness.missing &&
-        !modelCatalogPending &&
-        !modelListUnavailable;
-    const providerStatus = modelListUnavailable
-        ? "unavailable"
-        : modelCatalogPending
-            ? "unknown"
-            : providerChecksEnabled
-                ? readiness.state
-                : "configured";
-    const providerSubmissionPending = !canChat &&
-        !setupMissing &&
-        (providerStatus === "unknown" || providerStatus === "unavailable");
+    const effectiveReadiness = submissionReadiness ?? readiness.state;
+    const canChat = !providerChecksEnabled || effectiveReadiness === "configured";
+    const setupMissing = providerChecksEnabled && effectiveReadiness === "missing";
+    const providerStatus = setupMissing
+        ? "missing"
+        : modelListUnavailable
+            ? "unavailable"
+            : modelCatalogPending
+                ? "unknown"
+                : providerChecksEnabled
+                    ? effectiveReadiness
+                    : "configured";
+    const composerPreflightRunActiveRef = useRef(null);
     const retryProviderStatus = useCallback(() => {
         window.dispatchEvent(new Event("agent-engine:configured-changed"));
     }, []);
@@ -812,6 +844,12 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         if (setupMissing)
             setSetupBouncePulse((pulse) => pulse + 1);
     }, [setupMissing]);
+    const reportMissingProvider = useCallback(() => {
+        bounceSetupCard();
+        window.dispatchEvent(new CustomEvent("agent-chat:missing-api-key", {
+            detail: { tabId: props.tabId, threadId },
+        }));
+    }, [bounceSetupCard, props.tabId, threadId]);
     const lastCustomRunningStateRef = useRef(null);
     useEffect(() => {
         const isCustomTransport = typeof props.createTransport === "function";
@@ -1197,19 +1235,70 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         const interval = window.setInterval(() => saveSnapshotRef.current(), 5000);
         return () => window.clearInterval(interval);
     }, [isRunning]);
-    const acquireSubmission = useCallback(async () => {
+    const refreshProviderReadiness = useCallback(async () => {
+        if (!providerChecksEnabled)
+            return "configured";
+        let request = providerReadinessRequestRef.current;
+        if (!request || request.requestId !== readinessRequestIdRef.current) {
+            const requestId = ++readinessRequestIdRef.current;
+            providerReadinessPassRef.current = null;
+            request = {
+                requestId,
+                promise: fetchAgentEngineConfiguredState(true, { fresh: true }),
+            };
+            providerReadinessRequestRef.current = request;
+        }
+        let currentRequest = request;
+        while (true) {
+            const nextReadiness = await currentRequest.promise;
+            if (currentRequest.requestId === readinessRequestIdRef.current) {
+                if (providerReadinessRequestRef.current === currentRequest) {
+                    providerReadinessRequestRef.current = null;
+                }
+                latestResolvedReadinessRef.current = {
+                    requestId: currentRequest.requestId,
+                    state: nextReadiness,
+                };
+                latestSubmissionReadinessRef.current = nextReadiness;
+                setSubmissionReadiness(nextReadiness);
+                return nextReadiness;
+            }
+            const latestRequest = providerReadinessRequestRef.current;
+            if (latestRequest &&
+                latestRequest.requestId === readinessRequestIdRef.current &&
+                latestRequest.requestId > currentRequest.requestId) {
+                currentRequest = latestRequest;
+                continue;
+            }
+            const latestResolved = latestResolvedReadinessRef.current;
+            if (latestResolved?.requestId === readinessRequestIdRef.current) {
+                return latestResolved.state;
+            }
+            return latestSubmissionReadinessRef.current;
+        }
+    }, [providerChecksEnabled]);
+    const acquireSubmission = useCallback(async (useReadinessPass = false) => {
+        const readinessPass = providerReadinessPassRef.current;
+        const hasReadinessPass = useReadinessPass &&
+            readinessPass !== null &&
+            readinessPass === readinessRequestIdRef.current &&
+            latestResolvedReadinessRef.current?.requestId === readinessPass &&
+            latestResolvedReadinessRef.current.state === "configured";
+        if (useReadinessPass)
+            providerReadinessPassRef.current = null;
         if (isRestoring ||
             props.composerDisabled ||
             props.composerSubmissionDisabled)
             return null;
-        if (!canChat) {
-            if (setupMissing) {
-                bounceSetupCard();
-                window.dispatchEvent(new CustomEvent("agent-chat:missing-api-key", {
-                    detail: { tabId: props.tabId, threadId },
-                }));
+        if (providerChecksEnabled) {
+            const currentReadiness = hasReadinessPass
+                ? "configured"
+                : await refreshProviderReadiness();
+            if (currentReadiness !== "configured") {
+                if (currentReadiness === "missing")
+                    reportMissingProvider();
+                return null;
             }
-            return null;
         }
         if (history) {
             const release = await history.beginSubmission();
@@ -1219,41 +1308,55 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         }
         return () => undefined;
     }, [
-        bounceSetupCard,
-        canChat,
         history,
         isRestoring,
         props.composerDisabled,
         props.composerSubmissionDisabled,
-        props.tabId,
-        setupMissing,
-        threadId,
+        providerChecksEnabled,
+        refreshProviderReadiness,
+        reportMissingProvider,
     ]);
     const beforeSubmit = useCallback(async () => {
+        providerReadinessPassRef.current = null;
+        composerPreflightRunActiveRef.current = null;
         if (isRestoring ||
             props.composerDisabled ||
             props.composerSubmissionDisabled)
             return false;
-        if (!canChat) {
-            if (setupMissing) {
-                bounceSetupCard();
-                window.dispatchEvent(new CustomEvent("agent-chat:missing-api-key", {
-                    detail: { tabId: props.tabId, threadId },
-                }));
-            }
-            return providerSubmissionPending;
+        const runWasActive = isThreadRunning();
+        if (!providerChecksEnabled) {
+            composerPreflightRunActiveRef.current = runWasActive;
+            return true;
+        }
+        let currentReadiness = await refreshProviderReadiness();
+        let resolvedReadiness = latestResolvedReadinessRef.current;
+        while (currentReadiness === "configured" &&
+            (!resolvedReadiness ||
+                resolvedReadiness.requestId !== readinessRequestIdRef.current ||
+                resolvedReadiness.state !== "configured")) {
+            currentReadiness = await refreshProviderReadiness();
+            resolvedReadiness = latestResolvedReadinessRef.current;
+        }
+        if (currentReadiness !== "configured") {
+            if (currentReadiness === "missing")
+                reportMissingProvider();
+            return false;
         }
+        if (!resolvedReadiness ||
+            resolvedReadiness.requestId !== readinessRequestIdRef.current) {
+            return false;
+        }
+        composerPreflightRunActiveRef.current = runWasActive;
+        providerReadinessPassRef.current = resolvedReadiness.requestId;
         return true;
     }, [
-        bounceSetupCard,
-        canChat,
         isRestoring,
         props.composerDisabled,
         props.composerSubmissionDisabled,
-        props.tabId,
-        providerSubmissionPending,
-        setupMissing,
-        threadId,
+        providerChecksEnabled,
+        isThreadRunning,
+        refreshProviderReadiness,
+        reportMissingProvider,
     ]);
     const dispatch = useCallback(async (text, files, references, composerOptions, options = {}) => {
         const selectionHydration = pendingSelectionHydrationRef.current;
@@ -1414,11 +1517,7 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         const submittedComposerOptions = captureQueuedRunState(composerOptions, isThreadRunning());
         const release = await acquireSubmission();
         if (!release) {
-            if (!setupMissing &&
-                (isRestoring ||
-                    (providerChecksEnabled &&
-                        (readiness.state === "unknown" ||
-                            readiness.state === "unavailable")))) {
+            if (isRestoring) {
                 try {
                     const selectionHydration = pendingSelectionHydrationRef.current;
                     await selectionHydration?.promise;
@@ -1494,7 +1593,7 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
                     throw error;
                 }
             }
-            const reason = setupMissing
+            const reason = setupMissing || latestSubmissionReadinessRef.current === "missing"
                 ? "engine-not-configured"
                 : "submission-unavailable";
             reportAgentChatSubmitResult(options.submitMessageId, false, reason);
@@ -1527,37 +1626,18 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         isRestoring,
         isThreadRunning,
         props.tabId,
-        providerChecksEnabled,
-        readiness.state,
         setupMissing,
         t,
         threadId,
     ]);
     const submitPrepared = useCallback(async (text, files, references, composerOptions, prepare) => {
-        const runWasActiveAtSubmit = isThreadRunning();
-        const release = await acquireSubmission();
-        if (!release) {
-            if (providerSubmissionPending &&
-                !props.composerDisabled &&
-                !props.composerSubmissionDisabled) {
-                try {
-                    const preparedOptions = prepare ? await prepare() : composerOptions;
-                    const submittedOptions = captureQueuedRunState(preserveQueuedIntent(preparedOptions, composerOptions), runWasActiveAtSubmit);
-                    const result = await submit(text, files, references, submittedOptions);
-                    if (result.status === "rejected") {
-                        throw new Error(t("agentChat.recovery.deferredSubmissionFailed"));
-                    }
-                }
-                catch (error) {
-                    dispatchSetupRequiredEvent(error, props.tabId, threadId);
-                    throw error;
-                }
-            }
-            else {
-                throw new Error(t("agentChat.recovery.deferredSubmissionFailed"));
-            }
-            return;
-        }
+        const runWasActiveAtSubmit = providerReadinessPassRef.current
+            ? (composerPreflightRunActiveRef.current ?? isThreadRunning())
+            : isThreadRunning();
+        composerPreflightRunActiveRef.current = null;
+        const release = await acquireSubmission(true);
+        if (!release)
+            throw new Error(t("agentChat.recovery.deferredSubmissionFailed"));
         try {
             const preparedOptions = prepare ? await prepare() : composerOptions;
             await dispatch(text, files, references, captureQueuedRunState(preserveQueuedIntent(preparedOptions, composerOptions), runWasActiveAtSubmit));
@@ -1576,8 +1656,6 @@ const AgentKitAssistantChatBody = forwardRef(function AgentKitAssistantChatBody(
         props.composerDisabled,
         props.composerSubmissionDisabled,
         props.tabId,
-        providerSubmissionPending,
-        submit,
         t,
         threadId,
     ]);
@@ -2045,7 +2123,8 @@ function AgentKitTranscript({ children, threadId }) {
         ? []
         : getAgentKitThreadHandoffMessages(thread, surface.handoffSnapshot);
     const guided = useGuidedQuestionFlow({
-        enabled: surface.props.isActiveComposer !== false,
+        enabled: surface.props.isActiveComposer !== false &&
+            surface.props.showGuidedQuestions !== false,
         stateKey: "guided-questions",
         queryKey: ["guided-questions", "agentkit"],
         browserTabId: surface.props.browserTabId,
@@ -2117,7 +2196,8 @@ function AgentKitTranscript({ children, threadId }) {
     }
     return (_jsxs(_Fragment, { children: [thread.messages.length > 0 || surface.hasRenderedMessages ? (_jsx(AgentKitHistoryBeginningRevert, {})) : null, surface.threadRestore.status === "error" ? (_jsxs("div", { className: "mx-4 mt-3 flex items-center justify-between gap-3 rounded-md border border-border px-3 py-2 text-xs text-muted-foreground", role: "alert", children: [_jsx("span", { children: surface.threadRestore.notFound
                             ? t("agentChat.message.threadNotFound")
-                            : t("agentChat.message.restoreRequestFailed") }), _jsx("button", { type: "button", onClick: surface.retryThreadRestore, className: "shrink-0 rounded px-2 py-1 hover:bg-accent hover:text-foreground", children: t("agentChat.common.retry") })] })) : null, renderThreadSlot(surface.props.threadContentSlot, threadId, surface.props.tabId), children, handoffMessages.map((message) => (_jsx(AgentMessageView, { value: message, threadId: threadId }, message.id))), pendingVoiceMessages.map((message) => (_jsx(AgentMessageView, { value: message, threadId: threadId }, message.id))), showThinking ? (_jsx("div", { className: "agentkit-activities agentkit-activities-summary-content", role: "status", "aria-live": "polite", children: _jsx("span", { className: "agentkit-activities-current", "data-running": "true", "data-agentkit-current-activity": "true", children: _jsx("span", { className: "agentkit-activities-current-label agent-running-shimmer", children: t("agentChat.status.thinking") }) }) })) : null, guided.questions?.length ? (_jsx("div", { className: "px-3 pb-3", children: _jsx(GuidedQuestionFlow, { questions: guided.questions, onSubmit: guided.handleSubmit, onSkip: guided.handleSkip, isSubmitting: guided.isSubmitting, isSubmissionBlocked: !surface.canChat, providerStatus: surface.providerStatus, modelListUnavailable: surface.modelListUnavailable, onRetryProviderStatus: surface.modelListUnavailable
+                            : t("agentChat.message.restoreRequestFailed") }), _jsx("button", { type: "button", onClick: surface.retryThreadRestore, className: "shrink-0 rounded px-2 py-1 hover:bg-accent hover:text-foreground", children: t("agentChat.common.retry") })] })) : null, renderThreadSlot(surface.props.threadContentSlot, threadId, surface.props.tabId), children, handoffMessages.map((message) => (_jsx(AgentMessageView, { value: message, threadId: threadId }, message.id))), pendingVoiceMessages.map((message) => (_jsx(AgentMessageView, { value: message, threadId: threadId }, message.id))), showThinking ? (_jsx("div", { className: "agentkit-activities agentkit-activities-summary-content", role: "status", "aria-live": "polite", children: _jsx("span", { className: "agentkit-activities-current", "data-running": "true", "data-agentkit-current-activity": "true", children: _jsx("span", { className: "agentkit-activities-current-label agent-running-shimmer", children: t("agentChat.status.thinking") }) }) })) : null, surface.props.showGuidedQuestions !== false &&
+                guided.questions?.length ? (_jsx("div", { className: "px-3 pb-3", children: _jsx(GuidedQuestionFlow, { questions: guided.questions, onSubmit: guided.handleSubmit, onSkip: guided.handleSkip, isSubmitting: guided.isSubmitting, isSubmissionBlocked: !surface.canChat, providerStatus: surface.providerStatus, modelListUnavailable: surface.modelListUnavailable, onRetryProviderStatus: surface.modelListUnavailable
                         ? surface.retryModelList
                         : surface.retryProviderStatus, ...(guided.title ? { title: guided.title } : {}), ...(guided.description ? { description: guided.description } : {}), ...(guided.skipLabel ? { skipLabel: guided.skipLabel } : {}), ...(guided.submitLabel ? { submitLabel: guided.submitLabel } : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) })) : null, suggestionBar, renderThreadSlot(surface.props.threadFooterSlot, threadId, surface.props.tabId)] }));
 }
@@ -2350,8 +2430,9 @@ function AgentKitComposerSurface({ threadId, props, composerContext, canChat, se
                     props.composerDisabled ||
                     props.composerSubmissionDisabled ||
                     isSubmissionInFlight ||
-                    composerSubmissionPending, onSelect: submitSuggestion, className: "agentkit-home-suggestions" })) : null, showPlanCallout ? (_jsx(PlanModeCallout, { canImplementPlan: latestAssistantWasPlan, onImplementPlan: onImplementPlan, onSwitchToAct: () => props.onExecModeChange?.("build") })) : null, setupMissing && props.showMissingApiKeySetup !== false ? (_jsx(BuilderSetupCard, { fullWidth: true, attached: true, bouncePulse: setupBouncePulse, layout: props.missingApiKeySetupLayout ?? "default", onConnected: () => window.dispatchEvent(new Event("agent-engine:configured-changed")) })) : null, modelListUnavailable ||
-                (!canChat && !setupMissing && providerStatus !== "configured") ? (_jsx(GuidedQuestionProviderGate, { providerStatus: providerStatus, modelListUnavailable: modelListUnavailable, onRetry: modelListUnavailable ? retryModelList : retryProviderStatus })) : null, integration ? (_jsx(McpConnectionSuggestion, { text: text, variant: "composer", requestedByUser: true, integrationId: integration.id })) : null, selectionLength !== null && selectionLength > 0 ? (_jsx(AgentKitSelectionPill, { length: selectionLength, onClear: onClearSelection })) : null, _jsxs("div", { className: "relative", children: [_jsx(AgentKitComposer, { threadId: threadId, disabled: (!canChat && !providerSubmissionPending) ||
+                    composerSubmissionPending, onSelect: submitSuggestion, className: "agentkit-home-suggestions" })) : null, showPlanCallout ? (_jsx(PlanModeCallout, { canImplementPlan: latestAssistantWasPlan, onImplementPlan: onImplementPlan, onSwitchToAct: () => props.onExecModeChange?.("build") })) : null, setupMissing && props.showMissingApiKeySetup !== false ? (_jsx(BuilderSetupCard, { fullWidth: true, attached: true, bouncePulse: setupBouncePulse, layout: props.missingApiKeySetupLayout ?? "default", onConnected: () => window.dispatchEvent(new Event("agent-engine:configured-changed")) })) : null, !setupMissing &&
+                (modelListUnavailable ||
+                    (!canChat && providerStatus !== "configured")) ? (_jsx(GuidedQuestionProviderGate, { providerStatus: providerStatus, modelListUnavailable: modelListUnavailable, onRetry: modelListUnavailable ? retryModelList : retryProviderStatus })) : null, integration ? (_jsx(McpConnectionSuggestion, { text: text, variant: "composer", requestedByUser: true, integrationId: integration.id })) : null, selectionLength !== null && selectionLength > 0 ? (_jsx(AgentKitSelectionPill, { length: selectionLength, onClear: onClearSelection })) : null, _jsxs("div", { className: "relative", children: [_jsx(AgentKitComposer, { threadId: threadId, disabled: (!canChat && !providerSubmissionPending) ||
                             props.composerDisabled ||
                             isRestoring, submissionDisabled: (!canChat && !providerSubmissionPending) ||
                             props.composerSubmissionDisabled === true ||
@@ -2375,7 +2456,7 @@ function AgentKitComposerSurface({ threadId, props, composerContext, canChat, se
                             isRunning,
                             thread,
                             t,
-                        }), onConnectProvider: props.onConnectProvider, onConnectLocalRuntime: props.onConnectLocalRuntime, imageModelMenu: props.imageModelMenu, voiceEnabled: true, toolbarSlot: _jsxs(_Fragment, { children: [props.selectedEngine === CHATGPT_SUBSCRIPTION_ENGINE_NAME ? (_jsxs("span", { className: "inline-flex items-center gap-2 text-[11px] text-muted-foreground", children: [_jsx("span", { children: t("agentChat.composer.chatgptPlanUsing") }), _jsx("a", { href: "https://chatgpt.com/settings/usage", target: "_blank", rel: "noreferrer", className: "font-medium text-foreground underline-offset-2 hover:underline", children: t("agentChat.composer.chatgptManageUsage") })] })) : null, props.composerToolbarSlot] }), extraActionButton: props.composerExtraActionButton, includeDefaultSlashCommands: true, includeDefaultSlashSkills: true, onSlashCommand: props.onSlashCommand, modelStatusChecksEnabled: props.showModelSelector !== false &&
+                        }), onConnectProvider: props.onConnectProvider, onConnectLocalRuntime: props.onConnectLocalRuntime, imageModelMenu: props.imageModelMenu, voiceEnabled: true, toolbarSlot: _jsxs(_Fragment, { children: [props.selectedEngine === CHATGPT_SUBSCRIPTION_ENGINE_NAME ? (_jsxs("span", { className: "inline-flex items-center gap-2 text-[11px] text-muted-foreground", children: [_jsx("span", { children: t("agentChat.composer.chatgptPlanUsing") }), _jsx("a", { href: "https://chatgpt.com/settings/usage", target: "_blank", rel: "noreferrer", className: "font-medium text-foreground underline-offset-2 hover:underline", children: t("agentChat.composer.chatgptManageUsage") })] })) : null, props.composerToolbarSlot] }), extraActionButton: _jsxs(_Fragment, { children: [props.composerExtraActionButton, composerSubmissionPending ? (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", role: "status", "aria-live": "polite", "aria-label": t("agentChat.common.waiting"), "data-testid": "provider-preflight-pending", children: [_jsx(IconLoader2, { className: "size-3.5 animate-spin motion-reduce:animate-none" }), _jsx("span", { children: t("agentChat.common.waiting") })] })) : null] }), includeDefaultSlashCommands: true, includeDefaultSlashSkills: true, onSlashCommand: props.onSlashCommand, modelStatusChecksEnabled: props.showModelSelector !== false &&
                             props.availableModels === undefined, attachmentsEnabled: fileStorageConfigured, onAttachmentRequest: requestFileStorage, contextButtonTooltipDisabled: fileStoragePromptOpen, onAttachmentError: setComposerError, onSubmit: submitComposer, composerRef: composerRef, stopButton: isRunning ? (_jsx("button", { type: "button", onClick: () => {
                                 setComposerError(null);
                                 void (async () => {