@parhelia/core 0.1.12496 → 0.1.12515

package/dist/editor/ai/AgentTerminal.js

@@ -2,6 +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 { 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, updateAgentSettings, updateAgentCostLimit, updateAgentContext, getAgentSkillCatalog, getAgentAvailableTools, getAgentOperationAllowances, getAgentTriggerSubscriptions, cancelAgent, canonicalizeAgentMetadata, getPendingPrompts, releaseAgentBrowser, } from "../services/agentService";
+import { parseAgentStatus } from "../services/agentStatus";
 import { useEditContext, useFieldsEditContext } from "../client/editContext";
 import { localStorageService } from "../services/localStorageService";
 import { Textarea } from "../../components/ui/textarea";
@@ -28,6 +29,19 @@ import { AgentTerminalStatusBar } from "./AgentTerminalStatusBar";
 import { SimpleTabs } from "../ui/SimpleTabs";
 import { Splitter } from "../ui/Splitter";
 import { ScrollingContentTree } from "../ScrollingContentTree";
+import { MarkdownDisplay, } from "../../components/MarkdownDisplay";
+const userMessageMarkdownComponents = {
+    h1: (props) => (_jsx("h1", { ...props, className: "mb-2 text-sm font-semibold leading-5 text-gray-900" })),
+    h2: (props) => (_jsx("h2", { ...props, className: "mb-1.5 text-[13px] font-semibold leading-5 text-gray-900" })),
+    h3: (props) => (_jsx("h3", { ...props, className: "mb-1 text-[12px] font-semibold leading-5 text-gray-900" })),
+    h4: (props) => (_jsx("h4", { ...props, className: "mb-1 text-[12px] font-medium leading-5 text-gray-800" })),
+    p: (props) => _jsx("p", { ...props, className: "my-1 text-[12px] leading-5 text-gray-700" }),
+    ul: (props) => (_jsx("ul", { ...props, className: "my-2 ml-5 list-disc space-y-1 text-[12px] leading-5 text-gray-700" })),
+    ol: (props) => (_jsx("ol", { ...props, className: "my-2 ml-5 list-decimal space-y-1 text-[12px] leading-5 text-gray-700" })),
+    li: (props) => _jsx("li", { ...props, className: "text-[12px] leading-5 text-gray-700" }),
+    pre: (props) => (_jsx("pre", { ...props, className: "my-2 overflow-auto rounded-md bg-slate-100 px-3 py-2 text-[11px] leading-4 text-slate-700" })),
+    code: ({ inline, className, ...props }) => inline ? (_jsx("code", { ...props, className: "rounded bg-slate-100 px-1 py-0.5 text-[11px] text-slate-700" })) : (_jsx("code", { ...props, className: className })),
+};
 function buildPlaceholderAgentDetails(agentStub) {
     const now = new Date().toISOString();
     const updated = agentStub.updatedDate || now;
@@ -178,7 +192,7 @@ function toUserFacingAgentErrorMessage(value) {
     return cleaned;
 }
 function isAgentErrorStatusValue(status) {
-    return status === "error" || status === 4;
+    return status === "error";
 }
 // Simple user message component
 const UserMessage = ({ message }) => {
@@ -191,7 +205,7 @@ const UserMessage = ({ message }) => {
     const triggerContent = triggerMatch?.[2] || "";
     const isTriggerMessage = triggerName.length > 0;
     if (isTriggerMessage) {
-        return (_jsx("div", { className: "px-4 py-2", children: _jsxs("div", { className: "text-[11px]", children: [_jsxs("button", { type: "button", onClick: () => setIsTriggerExpanded((expanded) => !expanded), className: "text-theme-secondary hover:bg-theme-hover flex w-full items-center gap-2 rounded-md border-l-2 border-cyan-200 px-2 py-1 text-left transition-colors", "data-testid": "trigger-message-toggle", "data-expanded": isTriggerExpanded ? "true" : "false", children: [_jsx(Target, { className: "h-3.5 w-3.5 shrink-0", strokeWidth: 1.5 }), _jsxs("span", { className: "truncate font-medium", children: ["Trigger: ", triggerName] }), message.createdDate && (_jsx("span", { className: "ml-1 shrink-0 text-[10px] text-gray-400", children: formatTime(new Date(message.createdDate)) })), _jsx("span", { className: "ml-auto shrink-0", children: isTriggerExpanded ? (_jsx(ChevronUp, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronDown, { className: "h-3.5 w-3.5" })) })] }), isTriggerExpanded && (_jsx("div", { className: "mt-1 border-l-2 border-cyan-100 pl-[1.35rem] text-[11px] text-gray-600", children: triggerContent }))] }) }));
+        return (_jsx("div", { className: "px-4 py-2", children: _jsxs("div", { className: "text-[11px]", children: [_jsxs("button", { type: "button", onClick: () => setIsTriggerExpanded((expanded) => !expanded), className: "text-theme-secondary hover:bg-theme-hover flex w-full items-center gap-2 rounded-md border-l-2 border-cyan-200 px-2 py-1 text-left transition-colors", "data-testid": "trigger-message-toggle", "data-expanded": isTriggerExpanded ? "true" : "false", children: [_jsx(Target, { className: "h-3.5 w-3.5 shrink-0", strokeWidth: 1.5 }), _jsxs("span", { className: "truncate font-medium", children: ["Trigger: ", triggerName] }), message.createdDate && (_jsx("span", { className: "ml-1 shrink-0 text-[10px] text-gray-400", children: formatTime(new Date(message.createdDate)) })), _jsx("span", { className: "ml-auto shrink-0", children: isTriggerExpanded ? (_jsx(ChevronUp, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronDown, { className: "h-3.5 w-3.5" })) })] }), isTriggerExpanded && (_jsx("div", { className: "mt-1 border-l-2 border-cyan-100 pl-[1.35rem] text-[11px] text-gray-600", children: _jsx(MarkdownDisplay, { source: triggerContent, components: userMessageMarkdownComponents }) }))] }) }));
     }
     // Parse source agent name from content if it starts with "[From ...]:"
     // Backend formats messages from other agents as "[From {sourceAgentName}]: {content}"
@@ -219,7 +233,7 @@ const UserMessage = ({ message }) => {
                 message.sourceAgent?.name;
     }
     const displayName = sourceAgentName ? `[From ${sourceAgentName}]` : "You";
-    return (_jsxs("div", { className: "flex gap-3 p-4", children: [_jsx("div", { className: "shrink-0", children: _jsx(User, { className: "text-theme-secondary h-5 w-5", strokeWidth: 1 }) }), _jsxs("div", { className: "min-w-0 flex-1 select-text", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("span", { className: "text-[12px] font-medium text-gray-900", children: displayName }), message.createdDate && (_jsx("span", { className: "text-[12px] text-gray-400", "data-testid": "user-message-timestamp", "data-timestamp": message.createdDate, children: formatTime(new Date(message.createdDate)) }))] }), _jsx("div", { className: "prose prose max-w-none text-[12px] text-gray-700 select-text", children: displayContent })] })] }));
+    return (_jsxs("div", { className: "flex gap-3 p-4", children: [_jsx("div", { className: "shrink-0", children: _jsx(User, { className: "text-theme-secondary h-5 w-5", strokeWidth: 1 }) }), _jsxs("div", { className: "min-w-0 flex-1 select-text", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("span", { className: "text-[12px] font-medium text-gray-900", children: displayName }), message.createdDate && (_jsx("span", { className: "text-[12px] text-gray-400", "data-testid": "user-message-timestamp", "data-timestamp": message.createdDate, children: formatTime(new Date(message.createdDate)) }))] }), _jsx("div", { className: "prose prose max-w-none text-[12px] text-gray-700 select-text", children: _jsx(MarkdownDisplay, { source: displayContent, components: userMessageMarkdownComponents }) })] })] }));
 };
 const HeartbeatMessage = ({ message }) => {
     return (_jsx("div", { className: "px-4 py-2", "data-testid": "agent-heartbeat-message", children: _jsxs("div", { className: "flex items-center gap-2 rounded-md border border-sky-100 bg-sky-50/80 px-3 py-2 text-[11px] text-sky-700", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", strokeWidth: 1.5 }), _jsx("span", { className: "min-w-0 flex-1", children: message.content }), message.createdDate && (_jsx("span", { className: "shrink-0 text-[10px] text-sky-500", children: formatTime(new Date(message.createdDate)) }))] }) }));
@@ -463,12 +477,9 @@ const TodoListPanel = ({ messages, agentMetadata, }) => {
     const [isExpanded, setIsExpanded] = useState(true);
     // First try to get todos from agent metadata (real-time updates)
     // Server sends additionalData.todoList directly via contextChanged status
-    // Also check top-level todoList for backward compatibility with stored contexts
     const metadataTodos = (() => {
         try {
-            // Check both additionalData.todoList and top-level todoList (from [JsonExtensionData] serialization)
-            const todoList = agentMetadata?.additionalData?.todoList ||
-                agentMetadata?.todoList;
+            const todoList = agentMetadata?.additionalData?.todoList;
             if (todoList?.items && Array.isArray(todoList.items)) {
                 const rawItems = todoList.items
                     .map((item, idx) => ({
@@ -1061,11 +1072,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             value === "supervised") {
             return value;
         }
-        // Backend task/spawned agents persist raw "agent", which behaves like
-        // autonomous in the frontend's current 3-mode model.
-        if (value === "agent") {
-            return "autonomous";
-        }
         return null;
     };
     const [mode, setMode] = useState("supervised");
@@ -1108,8 +1114,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     const hasTodoContent = useMemo(() => {
         const metadataTodos = (() => {
             try {
-                const todoList = agentMetadata?.additionalData?.todoList ||
-                    agentMetadata?.todoList;
+                const todoList = agentMetadata?.additionalData?.todoList;
                 if (todoList?.items && Array.isArray(todoList.items)) {
                     const raw = todoList.items.filter((item) => item?.title || item?.text || item?.label || item?.task);
                     return raw.length > 0;
@@ -1257,9 +1262,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         label: m.name,
     })) || []).sort((a, b) => a.label.localeCompare(b.label)), [activeProfile]);
     const metadataSelectedSkillIds = useMemo(() => {
-        const rawSkillIds = agentMetadata?.additionalData?.skillIds ??
-            agentMetadata?.skillIds ??
-            [];
+        const rawSkillIds = agentMetadata?.additionalData?.skillIds ?? [];
         if (!Array.isArray(rawSkillIds)) {
             return [];
         }
@@ -1682,7 +1685,12 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     // Auto-focus terminal input on mount
     useEffect(() => {
         if (textareaRef.current) {
-            textareaRef.current.focus();
+            try {
+                textareaRef.current.focus({ preventScroll: true });
+            }
+            catch {
+                textareaRef.current.focus();
+            }
         }
     }, []);
     // Start voice recognition
@@ -2012,7 +2020,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 // If the agent isn't currently running (e.g., we switched tabs after the run
                 // completed), skip creating a new streaming message to avoid duplicates.
                 const currentAgentStatus = (agentData || agent)?.status;
-                const isAgentRunning = currentAgentStatus === "running" || currentAgentStatus === 1;
+                const isAgentRunning = currentAgentStatus === "running";
                 if (!isAgentRunning) {
                     return;
                 }
@@ -2819,29 +2827,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     if (!contextJson)
                         return null;
                     const parsedContext = JSON.parse(contextJson);
-                    // Context is stored as flat structure with top-level properties.
-                    // Due to C# [JsonExtensionData], AdditionalData entries can be serialized at top level.
-                    // Normalize well-known extension keys back under additionalData for consistent UI behavior.
                     if (parsedContext && typeof parsedContext === "object") {
-                        const normalized = { ...parsedContext };
-                        const additionalData = {
-                            ...(normalized.additionalData || {}),
-                        };
-                        let additionalDataUpdated = false;
-                        // If todoList is at top level but not in additionalData, move it
-                        if (normalized.todoList && !normalized.additionalData?.todoList) {
-                            additionalData.todoList = normalized.todoList;
-                            additionalDataUpdated = true;
-                        }
-                        // Planner/task skill selections may also be flattened from JsonExtensionData.
-                        if (normalized.skillIds && !normalized.additionalData?.skillIds) {
-                            additionalData.skillIds = normalized.skillIds;
-                            additionalDataUpdated = true;
-                        }
-                        if (additionalDataUpdated) {
-                            normalized.additionalData = additionalData;
-                        }
-                        return normalized;
+                        return parsedContext;
                     }
                     return null;
                 }
@@ -2927,7 +2914,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             return;
         }
         // Check if cost limit exceeded based on status or cost values
-        const statusIndicatesLimit = agent.status === "costLimitReached" || agent.status === 7;
+        const statusIndicatesLimit = agent.status === "costLimitReached";
         // Use liveTotals.totalCost as fallback if agent.totalCost is missing or 0
         const effectiveTotalCost = agent.totalCost || liveTotals?.totalCost || 0;
         const costExceedsLimit = agent.costLimit &&
@@ -3294,12 +3281,9 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             // Route based on statusData.state
             try {
                 // Normalize various status shapes and handle Cancelled uniformly
-                const normalizedStatus = statusData?.state ||
-                    statusData?.status;
-                if (normalizedStatus === "Cancelled" ||
-                    normalizedStatus === "canceled" ||
-                    normalizedStatus === "stopped" ||
-                    normalizedStatus === "Stopped") {
+                const normalizedStatus = parseAgentStatus(statusData?.state) ||
+                    parseAgentStatus(statusData?.status);
+                if (normalizedStatus === "idle") {
                     // Stop indicators and mark any in-progress streaming messages as completed
                     clearHeartbeatMessages();
                     setAgent((prev) => (prev ? { ...prev, status: "idle" } : prev));
@@ -3437,8 +3421,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     return;
                 }
                 // Handle waiting states explicitly
-                if (statusData?.state === "WaitingForApproval" ||
-                    statusData?.state === "waitingForApproval") {
+                if (normalizedStatus === "waitingForApproval") {
                     setPendingBrowserCaptureDialogType(null);
                     setAgent((prev) => prev ? { ...prev, status: "waitingForApproval" } : prev);
                     setIsConnecting(false);
@@ -3446,8 +3429,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     setIsAgentThinking(false);
                     return;
                 }
-                if (statusData?.state === "WaitingForInput" ||
-                    statusData?.state === "waitingForInput") {
+                if (normalizedStatus === "waitingForInput") {
                     const dialogType = typeof statusData?.dialogType === "string"
                         ? statusData.dialogType
                         : null;
@@ -3470,7 +3452,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     setIsAgentThinking(false);
                     return;
                 }
-                if (statusData?.state === "CostLimitReached") {
+                if (normalizedStatus === "costLimitReached") {
                     setPendingBrowserCaptureDialogType(null);
                     const totalCost = Number(statusData.totalCost) || 0;
                     const costLimit = Number(statusData.costLimit) || agent?.costLimit || 0;
@@ -3518,8 +3500,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     return;
                 }
                 // Handle "completed" state (fallback for legacy code paths that send status instead of lifecycle event)
-                if (normalizedStatus === "completed" ||
-                    normalizedStatus === "Completed") {
+                if (normalizedStatus === "completed") {
                     // Reset deduplication for the next run
                     lastSeqRef.current = 0;
                     clearHeartbeatMessages();
@@ -3545,21 +3526,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     setIsAgentThinking(false);
                     return;
                 }
-                // Handle "Idle" state - agent has finished processing
-                if (normalizedStatus === "idle" || normalizedStatus === "Idle") {
-                    // Update agent status to idle
-                    clearHeartbeatMessages();
-                    setAgent((prev) => (prev ? { ...prev, status: "idle" } : prev));
-                    setIsWaitingForResponse(false);
-                    isWaitingRef.current = false;
-                    setIsConnecting(false);
-                    shouldCreateNewMessage.current = false;
-                    setIsAgentThinking(false);
-                    return;
-                }
                 // Handle "Running" state - agent is actively processing
-                if (normalizedStatus === "running" ||
-                    normalizedStatus === "Running") {
+                if (normalizedStatus === "running") {
                     // Update agent status to running
                     setAgent((prev) => (prev ? { ...prev, status: "running" } : prev));
                     setIsWaitingForResponse(true);
@@ -3568,7 +3536,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     return;
                 }
                 // Handle "Error" state
-                if (normalizedStatus === "error" || normalizedStatus === "Error") {
+                if (normalizedStatus === "error") {
                     const errorMsg = statusData?.statusMessage || statusData?.error || "Unknown error";
                     clearHeartbeatMessages();
                     setAgent((prev) => prev
@@ -3840,9 +3808,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             }
             setTimeout(() => {
                 if (request.dialogType === "questionnaire") {
-                    inlineDialogContainerRef.current?.scrollIntoView({
-                        block: "start",
-                    });
+                    scrollToBottomRefForDialogs.current?.();
                     return;
                 }
                 scrollToBottomRefForDialogs.current?.();
@@ -3910,11 +3876,12 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         // Use case-insensitive comparison for GUID matching (backend may return different casing)
         const normalizedProfileId = profileIdToUse?.toLowerCase();
         const candidate = normalizedProfileId
-            ? (profiles.find((p) => p.id?.toLowerCase() === normalizedProfileId) ??
-                profiles[0])
-            : profiles[0];
-        if (!candidate)
+            ? profiles.find((p) => p.id?.toLowerCase() === normalizedProfileId)
+            : undefined;
+        if (!candidate) {
+            setActiveProfile(undefined);
             return;
+        }
         // Keep active profile in sync whenever the matching entry in `profiles` changes —
         // not only when the profile id changes. Otherwise availableSkills (and similar fields)
         // that are merged in the parent after async loads never update (e.g. Template Builder
@@ -3936,7 +3903,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 return prev;
             return candidate;
         });
-    }, [profiles, agent?.profileId, agentStub.profileId]);
+    }, [profiles, agent?.id, agent?.profileId, agentStub.id, agentStub.profileId]);
     // Clear queued prompts when agent changes or is new;
     // initial fetch is handled by loadAgent() for better performance and reliability
     useEffect(() => {
@@ -4265,8 +4232,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             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") ||
-                response.status === "Queued";
+            const wasQueued = response.message?.toLowerCase().includes("queued");
             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
@@ -5221,11 +5187,11 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     };
     const renderErrorBanner = () => {
         const currentAgent = agent || agentStub;
-        const isErrorStatus = currentAgent?.status === "error" || currentAgent?.status === 4;
+        const isErrorStatus = currentAgent?.status === "error";
         const errorMessage = (isErrorStatus ? currentAgent?.statusMessage : null) || error;
         if (!errorMessage)
             return null;
-        return (_jsx("div", { className: "m-3 rounded border border-red-300 bg-red-50 p-3 text-[11px] text-red-900", 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 })] })] }) }));
+        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 renderBrowserClaimBanner = (variant = "inline") => {
         if (!agent?.id || !editContext?.sessionId)
@@ -5254,12 +5220,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                 ? "Take over browser control"
                                 : "Attach to this browser" })) })] }) }));
     };
-    const fixedBrowserClaimBanner = isClaimedByCurrentSession
-        ? renderBrowserClaimBanner("fixed")
-        : null;
-    const inlineBrowserClaimBanner = !isClaimedByCurrentSession
-        ? renderBrowserClaimBanner("inline")
-        : null;
+    const fixedBrowserClaimBanner = renderBrowserClaimBanner("fixed");
+    const inlineBrowserClaimBanner = null;
     useEffect(() => {
         if (agent?.status !== "waitingForInput") {
             setPendingBrowserCaptureDialogType(null);
@@ -5438,7 +5400,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         })()
         : null;
     const fullModeInlineDialog = displayMode === "full" ? renderInlineDialogContent() : null;
-    const fullModeUpperContent = (_jsxs("div", { className: "flex h-full min-h-0 flex-1 flex-col", 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 })] })] }) })), messages.length === 0 && !error && !hideGreeting && (_jsx("div", { className: "flex h-full items-center justify-center", children: !activeProfile ? (_jsx(Loader2, { className: "mx-auto h-8 w-8 animate-spin text-gray-400" })) : (_jsx(AgentGreeting, { profile: activeProfile, onPromptClick: (p) => {
+    const fullModeUpperContent = (_jsxs("div", { className: "flex h-full min-h-0 flex-1 flex-col", children: [fixedBrowserClaimBanner, _jsxs("div", { ref: messagesContainerRef, className: "flex-1 overflow-y-auto", onScroll: handleScroll, children: [messages.length === 0 && !error && !hideGreeting && (_jsx("div", { className: "flex h-full items-center justify-center", children: !activeProfile ? (_jsx(Loader2, { className: "mx-auto h-8 w-8 animate-spin text-gray-400" })) : (_jsx(AgentGreeting, { profile: activeProfile, onPromptClick: (p) => {
                                 setPrompt(p);
                                 // Use setTimeout to ensure state is updated before submission
                                 setTimeout(() => {