@parhelia/core 0.1.12638 → 0.1.12676

package/dist/editor/ai/AgentTerminal.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useEffect, useState, useRef, useCallback, useLayoutEffect, useMemo, } from "react";
 import { flushSync } from "react-dom";
 import { Send, AlertCircle, Loader2, User, Wand2, Square, Mic, MicOff, ChevronDown, ChevronUp, ListTodo, ArrowLeft, DollarSign, ExternalLink, Settings2, Target, X, Plus, } from "lucide-react";
-import { getAgent, startAgent, claimAgentBrowser, assignAgentSkill, persistDraftAgent, updateAgentSettings, updateAgentCostLimit, updateAgentContext, getAgentSkillCatalog, getAgentAvailableTools, getAgentOperationAllowances, getAgentTriggerSubscriptions, cancelAgent, canonicalizeAgentMetadata, getPendingPrompts, releaseAgentBrowser, revokeAgentSkill, } from "../services/agentService";
+import { getAgent, startAgent, claimAgentBrowser, cancelAgentDialog, assignAgentSkill, persistDraftAgent, updateAgentSettings, updateAgentCostLimit, updateAgentContext, getAgentSkillCatalog, getAgentAvailableTools, getAgentOperationAllowances, getAgentTriggerSubscriptions, cancelAgent, canonicalizeAgentMetadata, getPendingPrompts, releaseAgentBrowser, revokeAgentSkill, } from "../services/agentService";
 import { parseAgentStatus } from "../services/agentStatus";
 import { useEditContext, useFieldsEditContext } from "../client/editContext";
 import { localStorageService } from "../services/localStorageService";
@@ -83,6 +83,8 @@ function buildPlaceholderAgentDetails(agentStub) {
 function normalizeDialogAgentId(value) {
     return value?.trim().toLowerCase() || "";
 }
+const MACHINE_CAPACITY_REASON = "machineCapacity";
+const MACHINE_CAPACITY_DETAIL = "waitingForCapacity";
 function formatAllowanceSource(source) {
     const normalized = source?.trim();
     if (!normalized)
@@ -116,6 +118,9 @@ function getAgentRunMessageDetail(type, payload) {
         return payload?.type || null;
     }
     if (type === "agent:run:status") {
+        if (payload?.data?.reason === MACHINE_CAPACITY_REASON) {
+            return MACHINE_CAPACITY_DETAIL;
+        }
         return payload?.data?.state || payload?.data?.status || null;
     }
     if (type === "agent:run:error") {
@@ -821,6 +826,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     const [agentMetadata, setAgentMetadata] = useState(null);
     const [isBrowserClaimMutationPending, setIsBrowserClaimMutationPending] = useState(false);
     const [pendingBrowserCaptureDialogType, setPendingBrowserCaptureDialogType] = useState(null);
+    const [pendingBrowserCaptureCallbackId, setPendingBrowserCaptureCallbackId] = useState(null);
     // Ensure we always have an agent object for streaming handlers, even before `getAgent()` resolves.
     // This prevents early tool calls (e.g., ask-questionnaire) from being dropped in compact/workspace UIs.
     useEffect(() => {
@@ -965,6 +971,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     }
     // Server-driven state: true when agent is actively processing (set by WebSocket messages)
     const [isAgentThinking, setIsAgentThinking] = useState(false);
+    const [lastRunStatusReason, setLastRunStatusReason] = useState(null);
     useEffect(() => {
         return () => {
             if (stopGuardReleaseTimeoutRef.current) {
@@ -1391,9 +1398,35 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 }
             }
         };
+        const refreshAssignedSkills = async () => {
+            try {
+                const latest = await getAgent(agent.id);
+                if (!active)
+                    return;
+                const latestSkillIds = latest?.assignedSkillIds;
+                if (!Array.isArray(latestSkillIds))
+                    return;
+                setAgent((prev) => {
+                    if (!prev)
+                        return prev;
+                    const prevIds = Array.isArray(prev.assignedSkillIds)
+                        ? prev.assignedSkillIds
+                        : [];
+                    if (prevIds.length === latestSkillIds.length &&
+                        prevIds.every((id, i) => id === latestSkillIds[i])) {
+                        return prev;
+                    }
+                    return { ...prev, assignedSkillIds: latestSkillIds };
+                });
+            }
+            catch (e) {
+                console.error("Failed to refresh assigned skills:", e);
+            }
+        };
         void loadTriggerSubscriptions();
         void loadAvailableTools();
         void loadOperationAllowances();
+        void refreshAssignedSkills();
         return () => {
             active = false;
         };
@@ -1404,7 +1437,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         agent?.userId,
         agent?.profileId,
         mode,
-        selectedSkillIds,
     ]);
     const activeTriggerSubscriptions = useMemo(() => triggerSubscriptions.filter((sub) => sub.isActive), [triggerSubscriptions]);
     const allowanceGroups = useMemo(() => [
@@ -2684,7 +2716,10 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             appendToolUiEvent("ui:tool-result-applied", `${extractedToolCall.functionName || "unknown"} toolCallId=${resultToolCallId} targetMessageId=${resultMessageId} completed=${matchingToolCall?.isCompleted ? "yes" : "no"} messageToolCalls=${messageWithToolResult?.toolCalls?.length || 0}`);
             return updated;
         });
-    }, [appendToolUiEvent]);
+        // Document-store refresh is now triggered by the backend agent:documents:changed
+        // WebSocket message (fired from AgentDocumentRepository), bridged to the in-process
+        // emitAgentDocumentsChanged event in EditorShell. No per-tool allow-list here.
+    }, [agent?.id, agentStub.id, appendToolUiEvent]);
     // Listen for local approval resolution to update UI
     useEffect(() => {
         const onApprovalResolved = (ev) => {
@@ -3292,6 +3327,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             // Reset run-scoped deduplication so new run seq values (starting at 1)
             // are not discarded due to previous run's lastSeqRef
             lastSeqRef.current = 0;
+            setLastRunStatusReason(null);
             // Prep streaming UI state for the new run
             setIsConnecting(true);
             setIsWaitingForResponse(true);
@@ -3520,8 +3556,16 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 // Normalize various status shapes and handle Cancelled uniformly
                 const normalizedStatus = parseAgentStatus(statusData?.state) ||
                     parseAgentStatus(statusData?.status);
+                const statusReason = typeof statusData?.reason === "string"
+                    ? statusData.reason.trim() || null
+                    : null;
+                const statusMessage = typeof statusData?.message === "string"
+                    ? statusData.message.trim() || null
+                    : null;
                 if (normalizedStatus === "idle") {
                     clearStopGuard();
+                    setLastRunStatusReason(null);
+                    setError(null);
                     // Stop indicators and mark any in-progress streaming messages as completed
                     clearHeartbeatMessages();
                     setAgent((prev) => (prev ? { ...prev, status: "idle" } : prev));
@@ -3628,6 +3672,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 }
                 if (statusData?.state === "ToolApprovalsRequired") {
                     setPendingBrowserCaptureDialogType(null);
+                    setPendingBrowserCaptureCallbackId(null);
+                    setLastRunStatusReason(null);
                     const msgId = statusData.messageId;
                     const ids = statusData.toolCallIds || [];
                     if (msgId && Array.isArray(ids) && ids.length > 0) {
@@ -3662,7 +3708,10 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 // Handle waiting states explicitly
                 if (normalizedStatus === "waitingForApproval") {
                     clearStopGuard();
+                    setLastRunStatusReason(null);
+                    setError(null);
                     setPendingBrowserCaptureDialogType(null);
+                    setPendingBrowserCaptureCallbackId(null);
                     setAgent((prev) => prev ? { ...prev, status: "waitingForApproval" } : prev);
                     setIsConnecting(false);
                     setIsWaitingForResponse(false);
@@ -3672,12 +3721,20 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 }
                 if (normalizedStatus === "waitingForInput") {
                     clearStopGuard();
+                    setLastRunStatusReason(null);
+                    setError(null);
                     const dialogType = typeof statusData?.dialogType === "string"
                         ? statusData.dialogType
                         : null;
                     const isBrowserCaptureWait = dialogType === DIALOG_TYPES.CAPTURE_PAGE_DOM ||
                         dialogType === DIALOG_TYPES.CAPTURE_PAGE_SCREENSHOT;
                     setPendingBrowserCaptureDialogType(isBrowserCaptureWait ? dialogType : null);
+                    const captureCallbackId = isBrowserCaptureWait &&
+                        typeof statusData?.callbackId === "string" &&
+                        statusData.callbackId.trim()
+                        ? statusData.callbackId.trim()
+                        : null;
+                    setPendingBrowserCaptureCallbackId(captureCallbackId);
                     setAgent((prev) => prev
                         ? {
                             ...prev,
@@ -3696,7 +3753,9 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 }
                 if (normalizedStatus === "costLimitReached") {
                     clearStopGuard();
+                    setError(null);
                     setPendingBrowserCaptureDialogType(null);
+                    setPendingBrowserCaptureCallbackId(null);
                     const totalCost = Number(statusData.totalCost) || 0;
                     const costLimit = Number(statusData.costLimit) || agent?.costLimit || 0;
                     setCostLimitExceeded({
@@ -3745,6 +3804,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 // Handle "completed" state (fallback for legacy code paths that send status instead of lifecycle event)
                 if (normalizedStatus === "completed") {
                     clearStopGuard();
+                    setError(null);
                     // Reset deduplication for the next run
                     lastSeqRef.current = 0;
                     clearHeartbeatMessages();
@@ -3775,6 +3835,25 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     if (isStoppingRef.current) {
                         return;
                     }
+                    if (statusReason === MACHINE_CAPACITY_REASON) {
+                        clearHeartbeatMessages();
+                        setLastRunStatusReason(statusReason);
+                        setAgent((prev) => prev
+                            ? {
+                                ...prev,
+                                status: "running",
+                                statusMessage: statusMessage ||
+                                    "Waiting for capacity. The agent will start automatically when a slot becomes available.",
+                            }
+                            : prev);
+                        setIsWaitingForResponse(false);
+                        isWaitingRef.current = false;
+                        setIsConnecting(false);
+                        setIsAgentThinking(false);
+                        return;
+                    }
+                    setLastRunStatusReason(null);
+                    setError(null);
                     // Update agent status to running and clear any previous error statusMessage
                     setAgent((prev) => prev
                         ? { ...prev, status: "running", statusMessage: undefined }
@@ -3787,8 +3866,12 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 // Handle "Error" state
                 if (normalizedStatus === "error") {
                     clearStopGuard();
-                    const errorMsg = toUserFacingAgentErrorMessage(statusData?.statusMessage ?? statusData?.error) || "Unknown error";
+                    setLastRunStatusReason(null);
+                    const errorMsg = toUserFacingAgentErrorMessage(statusData?.statusMessage ??
+                        statusData?.message ??
+                        statusData?.error) || "Unknown error";
                     clearHeartbeatMessages();
+                    setError(errorMsg);
                     setAgent((prev) => prev
                         ? { ...prev, status: "error", statusMessage: errorMsg }
                         : prev);
@@ -3808,6 +3891,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         if (messageType === "agent:run:complete") {
             // Reset deduplication for the next run
             lastSeqRef.current = 0;
+            setLastRunStatusReason(null);
             clearHeartbeatMessages();
             // Mark the last assistant message as completed
             setMessages((prev) => {
@@ -3836,6 +3920,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             const errorMsg = toUserFacingAgentErrorMessage(message.payload?.error) ||
                 "AI could not complete this request.";
             clearHeartbeatMessages();
+            setLastRunStatusReason(null);
             // Reset deduplication for the next run after an error
             lastSeqRef.current = 0;
             setError(errorMsg);
@@ -4488,9 +4573,28 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             console.log("[AgentTerminal] Calling startAgent API for agent:", agentId);
             const response = await startAgent(request);
             console.log("[AgentTerminal] startAgent response:", response);
-            // Check if prompt was queued (agent was already running)
-            const wasQueued = response.message?.toLowerCase().includes("queued");
-            if (wasQueued) {
+            const isQueuedForCapacity = response.reason === MACHINE_CAPACITY_REASON ||
+                response.message?.toLowerCase().includes("machine slot") ||
+                false;
+            // Check if prompt was queued because another execution was already active
+            const wasQueued = !isQueuedForCapacity &&
+                response.message?.toLowerCase().includes("queued");
+            if (isQueuedForCapacity) {
+                setLastRunStatusReason(MACHINE_CAPACITY_REASON);
+                setAgent((prev) => prev
+                    ? {
+                        ...prev,
+                        status: "running",
+                        statusMessage: response.message ||
+                            "Waiting for capacity. The agent will start automatically when a slot becomes available.",
+                    }
+                    : prev);
+                setIsWaitingForResponse(false);
+                isWaitingRef.current = false;
+                setIsConnecting(false);
+                setIsAgentThinking(false);
+            }
+            else if (wasQueued) {
                 // Prompt was queued - show a brief notification but don't set waiting state
                 // The prompt will be processed when the agent becomes idle
                 console.log("[AgentTerminal] Prompt queued for processing");
@@ -4499,6 +4603,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 isWaitingRef.current = false;
             }
             else {
+                setLastRunStatusReason(null);
                 clearSuppressedQueuedPrompt(suppressedQueuedPromptToken);
                 // Normal submission - set waiting state to show dancing dots immediately
                 setIsWaitingForResponse(true);
@@ -5332,6 +5437,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             isWaitingForResponse,
             isAgentThinking,
             isExecuting,
+            lastStatusReason: lastRunStatusReason,
+            lastStatusMessage: agent?.statusMessage || null,
             hasActiveStreaming: hasActiveStreaming(),
             isSubscribed: normalizeDialogAgentId(subscribedAgentIdRef.current) ===
                 normalizeDialogAgentId(currentAgentId),
@@ -5359,10 +5466,12 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         isExecuting,
         isSubmitting,
         isWaitingForResponse,
+        lastRunStatusReason,
         messagesWithToolCallsCount,
         recentAgentRunEvents,
         recentToolUiEvents,
         totalToolCallCount,
+        agent?.statusMessage,
     ]);
     const showInitialThinkingSplash = messages.length === 0 &&
         !error &&
@@ -5517,6 +5626,15 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         const errorMessage = toUserFacingAgentErrorMessage(rawErrorMessage) || rawErrorMessage;
         return (_jsx("div", { className: "m-3 rounded border border-red-300 bg-red-50 p-3 text-[11px] text-red-900", "data-testid": "agent-error-banner", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertCircle, { className: "mt-0.5 h-4 w-4 shrink-0 text-red-500", strokeWidth: 1 }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "mb-1 font-semibold", children: "Agent Error" }), _jsx("div", { className: "text-red-800", children: errorMessage })] })] }) }));
     };
+    const renderCapacityBanner = () => {
+        if (lastRunStatusReason !== MACHINE_CAPACITY_REASON) {
+            return null;
+        }
+        const currentAgent = agent || agentStub;
+        const message = currentAgent?.statusMessage ||
+            "Waiting for capacity. The agent will start automatically when a slot becomes available.";
+        return (_jsx("div", { className: "m-3 rounded border border-amber-300 bg-amber-50 p-3 text-[11px] text-amber-900", "data-testid": "agent-capacity-banner", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertCircle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500", strokeWidth: 1 }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "mb-1 font-semibold", children: "Waiting for capacity" }), _jsx("div", { className: "text-amber-800", children: message })] })] }) }));
+    };
     const renderBrowserClaimBanner = (variant = "inline") => {
         if (!agent?.id || !editContext?.sessionId)
             return null;
@@ -5567,13 +5685,42 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             onAction: () => {
                 void handleClaimBrowser(isClaimedByAnotherBrowser);
             },
+            cancelLabel: "Cancel capture",
+            onCancel: pendingBrowserCaptureCallbackId
+                ? () => {
+                    void handleCancelBrowserCapture();
+                }
+                : undefined,
         }
         : null;
     useEffect(() => {
         if (agent?.status !== "waitingForInput") {
             setPendingBrowserCaptureDialogType(null);
+            setPendingBrowserCaptureCallbackId(null);
         }
     }, [agent?.status]);
+    const handleCancelBrowserCapture = useCallback(async () => {
+        const callbackId = pendingBrowserCaptureCallbackId;
+        if (!callbackId || !editContext?.sessionId)
+            return;
+        setIsBrowserClaimMutationPending(true);
+        try {
+            await cancelAgentDialog({
+                callbackId,
+                sessionId: editContext.sessionId,
+                error: "Cancelled by user from the capture waiting banner.",
+            });
+            setPendingBrowserCaptureDialogType(null);
+            setPendingBrowserCaptureCallbackId(null);
+        }
+        catch (err) {
+            console.error("[AgentTerminal] Failed to cancel capture dialog:", err);
+            editContext?.showErrorToast?.(err);
+        }
+        finally {
+            setIsBrowserClaimMutationPending(false);
+        }
+    }, [pendingBrowserCaptureCallbackId, editContext]);
     const renderInlineDialogContent = () => {
         if (!activeInlineDialog)
             return null;
@@ -5636,7 +5783,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             return (_jsxs("div", { className: `flex h-full min-h-0 flex-col ${className || ""}`, children: [fixedBrowserClaimBanner, _jsxs("div", { ref: messagesContainerRef, className: "flex-1 overflow-y-auto", onScroll: handleScroll, children: [error &&
                                 !isAgentErrorStatusValue((agent || agentStub)?.status) && (_jsx("div", { className: "m-4 rounded-lg border-l-4 border-red-500 bg-red-50 p-3 select-text", children: _jsxs("div", { className: "flex items-start", children: [_jsx(AlertCircle, { className: "mt-0.5 h-5 w-5 text-red-400", strokeWidth: 1 }), _jsxs("div", { className: "ml-3", children: [_jsx("p", { className: "text-[11px] font-medium text-red-800", children: "Error" }), _jsx("p", { className: "mt-1 text-[11px] text-red-700", children: error })] })] }) })), showInitialThinkingSplash && (_jsx("div", { className: "flex h-full items-center justify-center p-8", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [activeProfile?.svgIcon ? (_jsx("div", { className: "flex h-16 w-16 items-center justify-center text-gray-400 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
                                                 __html: sanitizeSvg(activeProfile.svgIcon),
-                                            } })) : (_jsx(SecretAgentIcon, { size: 64, strokeWidth: 1, className: "text-gray-400" })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.3s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.15s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400" })] })] }) })), inlineBrowserClaimBanner, renderErrorBanner(), inlineDialog ? (inlineDialog) : latestSummaryAssistantGroup ? (_jsx("div", { className: "space-y-0 divide-y divide-gray-100 select-text", children: _jsx(AiResponseMessage, { messages: summaryMessages, finished: !latestSummaryAssistantGroup.isLastGroup || !isExecuting, editOperations: summaryOperations, defaultCollapseJson: defaultCollapseJson, profileSvgIcon: activeProfile?.svgIcon, agentId: agent?.id || agentStub.id, agentName: activeProfile?.agentName ||
+                                            } })) : (_jsx(SecretAgentIcon, { size: 64, strokeWidth: 1, className: "text-gray-400" })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.3s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.15s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400" })] })] }) })), inlineBrowserClaimBanner, renderCapacityBanner(), renderErrorBanner(), inlineDialog ? (inlineDialog) : latestSummaryAssistantGroup ? (_jsx("div", { className: "space-y-0 divide-y divide-gray-100 select-text", children: _jsx(AiResponseMessage, { messages: summaryMessages, finished: !latestSummaryAssistantGroup.isLastGroup || !isExecuting, editOperations: summaryOperations, defaultCollapseJson: defaultCollapseJson, profileSvgIcon: activeProfile?.svgIcon, agentId: agent?.id || agentStub.id, agentName: activeProfile?.agentName ||
                                         activeProfile?.displayTitle ||
                                         activeProfile?.name, allPendingApprovals: allPendingApprovals, onSwitchToAutonomous: handleSwitchToAutonomous, browserCaptureInlinePrompt: browserCaptureInlinePrompt, onQuickAction: (action) => {
                                         const text = (action.prompt ||
@@ -5762,7 +5909,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                 }, 0);
                             } })) })), showInitialThinkingSplash && (_jsx("div", { className: "flex h-full items-center justify-center p-8", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [activeProfile?.svgIcon ? (_jsx("div", { className: "flex h-16 w-16 items-center justify-center text-gray-400 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
                                         __html: sanitizeSvg(activeProfile.svgIcon),
-                                    } })) : (_jsx(SecretAgentIcon, { size: 64, strokeWidth: 1, className: "text-gray-400" })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.3s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.15s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400" })] })] }) })), inlineBrowserClaimBanner, renderErrorBanner(), _jsxs("div", { className: "space-y-0 divide-y divide-gray-100 select-text", children: [(() => {
+                                    } })) : (_jsx(SecretAgentIcon, { size: 64, strokeWidth: 1, className: "text-gray-400" })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.3s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.15s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400" })] })] }) })), inlineBrowserClaimBanner, renderCapacityBanner(), renderErrorBanner(), _jsxs("div", { className: "space-y-0 divide-y divide-gray-100 select-text", children: [(() => {
                                 const groups = groupConsecutiveMessages(messages);
                                 return groups.map((group, groupIndex) => {
                                     const isLastGroup = groupIndex === groups.length - 1;