@parhelia/core 0.1.12744 → 0.1.12752

package/dist/editor/ai/AgentTerminal.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 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, cancelAgentDialog, assignAgentSkill, persistDraftAgent, updateAgentSettings, updateAgentCostLimit, updateAgentContext, getAgentSkillCatalog, getAgentAvailableTools, getAgentOperationAllowances, getAgentTriggerSubscriptions, cancelAgent, canonicalizeAgentMetadata, getPendingPrompts, getAgentDiagnostics, releaseAgentBrowser, revokeAgentSkill, } from "../services/agentService";
+import { Send, AlertCircle, Loader2, Wand2, Square, Mic, MicOff, ChevronDown, ChevronUp, ArrowLeft, DollarSign, ExternalLink, Settings2, Target, X, Plus, } from "lucide-react";
+import { getAgent, startAgent, claimAgentBrowser, cancelAgentDialog, assignAgentSkill, persistDraftAgent, updateAgentSettings, updateAgentCostLimit, updateAgentContext, getAgentSkillCatalog, getAgentAvailableTools, getAgentOperationAllowances, getAgentTriggerSubscriptions, cancelAgent, canonicalizeAgentMetadata, getPendingPrompts, getAgentDiagnostics, releaseAgentBrowser, rejectToolCall, revokeAgentSkill, } from "../services/agentService";
 import { parseAgentStatus } from "../services/agentStatus";
 import { useEditContext, useFieldsEditContext } from "../client/editContext";
 import { localStorageService } from "../services/localStorageService";
@@ -11,19 +11,31 @@ import { Button } from "../../components/ui/button";
 import { PlaceholderInput, } from "../../components/ui/PlaceholderInput";
 import { AiResponseMessage } from "./AiResponseMessage";
 import { ContextInfoBar } from "./ContextInfoBar";
+import { UserMessage } from "./UserMessage";
+import { HeartbeatMessage } from "./HeartbeatMessage";
+import { calculateTotalTokens, getOperationsForMessageGroup, groupConsecutiveMessages, mergeMessagesById, } from "./agentMessageGrouping";
+import { convertAgentMessagesToAiFormat, extractToolCallFields, stringifyToolField, } from "./agentMessageConversion";
+import { TodoListPanel } from "./TodoListPanel";
+import { extractTodosFromMessages } from "./agentTodoExtraction";
+import { QueuedPromptsPanel } from "./QueuedPromptsPanel";
+import { AgentCapacityBanner, AgentCostLimitBanner, AgentErrorBanner, } from "./AgentBanners";
+import { InitialThinkingSplash } from "./InitialThinkingSplash";
+import { AgentInlineDialogContent } from "./AgentInlineDialogContent";
+import { AGENT_HISTORY_LIMIT, MACHINE_CAPACITY_REASON, buildPlaceholderAgentDetails, formatAllowanceLabel, formatAllowanceSource, getAgentRunMessageAgentId, getAgentRunMessageDetail, getAgentRunMessageSeq, getVisibleDialogRegistry, isAgentErrorStatusValue, isFinishedServerExecutionStatus, isHeartbeatRunEventMessage, mergeAgentOperationHistory, normalizeDialogAgentId, normalizeProfileAllowanceOperations, normalizeServerExecutionStatus, } from "./agentMessageHelpers";
 import { AgentDocumentList, } from "./AgentDocumentList";
 import { AgentEditOperationsPanel } from "./EditOperationsPanel";
 import { SpawnedAgentsPanel } from "./SpawnedAgentsPanel";
+import { AgentSharingSection } from "./AgentSharingSection";
 import { getComponentById } from "../componentTreeHelper";
 import { toUserFacingAgentErrorMessage } from "../services/agentErrorMessage";
 import { AgentGreeting } from "./AgentGreeting";
 import { getAgentHistory } from "../services/editService";
-import { QuestionnaireInline } from "./dialogs/QuestionnaireInline";
 import { getBrowserCaptureClaim, setBrowserCaptureClaim, } from "./dialogs/browserBoundCapture";
+import { invalidateAiProfilesCache } from "../services/aiService";
 import { DIALOG_TYPES, } from "./dialogs/agentDialogTypes";
 import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
 import { SecretAgentIcon } from "../ui/Icons";
-import { formatTime, formatDateTime } from "../utils";
+import { formatTime } from "../utils";
 import { cn } from "../../lib/utils";
 import { sanitizeSvg } from "../../lib/sanitize";
 import { Select } from "../../components/ui/select";
@@ -31,802 +43,22 @@ import { AgentTerminalStatusBar } from "./AgentTerminalStatusBar";
 import { SimpleTabs } from "../ui/SimpleTabs";
 import { Splitter } from "../ui/Splitter";
 import { ScrollingContentTree } from "../ScrollingContentTree";
-import { MarkdownDisplay, } from "../../components/MarkdownDisplay";
-const AGENT_HISTORY_LIMIT = 1000;
 const RECENT_RUN_EVENTS_LIMIT = 50;
-function mergeAgentOperationHistory(existing, incoming, limit = AGENT_HISTORY_LIMIT) {
-    const merged = new Map(existing.map((operation) => [operation.id, operation]));
-    for (const operation of incoming) {
-        merged.set(operation.id, operation);
-    }
-    return Array.from(merged.values())
-        .sort((left, right) => new Date(right.date).getTime() - new Date(left.date).getTime())
-        .slice(0, limit);
-}
-const userMessageMarkdownComponents = {
-    h1: (props) => (_jsx("h1", { ...props, className: "mb-2 text-sm leading-5 font-semibold text-gray-900" })),
-    h2: (props) => (_jsx("h2", { ...props, className: "mb-1.5 text-[13px] leading-5 font-semibold text-gray-900" })),
-    h3: (props) => (_jsx("h3", { ...props, className: "mb-1 text-[12px] leading-5 font-semibold text-gray-900" })),
-    h4: (props) => (_jsx("h4", { ...props, className: "mb-1 text-[12px] leading-5 font-medium 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;
-    // AgentDetails has required fields, but some workspaces only pass an Agent stub initially.
-    // This placeholder keeps streaming/tool-call UI working until `getAgent()` returns full details.
-    return {
-        ...agentStub,
-        name: agentStub.name || "Agent",
-        userId: agentStub.userId || "",
-        updatedDate: updated,
-        profileName: agentStub.profileName || "",
-        model: agentStub.model || "",
-        createdDate: agentStub.createdDate || updated,
-        totalTokensUsed: 0,
-        totalInputTokens: 0,
-        totalOutputTokens: 0,
-        totalCachedInputTokens: 0,
-        totalInputTokenCost: 0,
-        totalOutputTokenCost: 0,
-        totalCachedInputTokenCost: 0,
-        totalImageCost: 0,
-        totalCost: 0,
-        currency: agentStub.currency || "USD",
-        messageCount: agentStub.messageCount || 0,
-    };
-}
-function normalizeDialogAgentId(value) {
-    return value?.trim().toLowerCase() || "";
-}
-function normalizeServerExecutionStatus(value) {
-    return (value || "").replace(/\s+/g, "").toLowerCase();
-}
-function isFinishedServerExecutionStatus(value) {
-    const normalized = normalizeServerExecutionStatus(value);
-    return normalized === "completed" || normalized === "cancelled";
-}
-const MACHINE_CAPACITY_REASON = "machineCapacity";
-const MACHINE_CAPACITY_DETAIL = "waitingForCapacity";
-function formatAllowanceSource(source) {
-    const normalized = source?.trim();
-    if (!normalized)
-        return null;
-    if (normalized === "user")
-        return "User granted";
-    if (normalized.startsWith("preconfigured:profile:"))
-        return "Profile";
-    if (normalized.startsWith("preconfigured:skill:"))
-        return "Skill";
-    if (normalized.startsWith("system:")) {
-        return normalized.slice("system:".length).replace(/[-_]+/g, " ").trim();
-    }
-    return normalized;
-}
-function formatAllowanceLabel(allowance) {
-    return `${allowance.operationType || "*"}${"itemPath" in allowance
-        ? ` ${allowance.itemPath}`
-        : ` ${allowance.normalizedPath}`}`;
-}
-function getAgentRunMessageAgentId(payload) {
-    const agentId = payload?.agentId;
-    return typeof agentId === "string" ? normalizeDialogAgentId(agentId) : null;
-}
-function getAgentRunMessageSeq(payload) {
-    const seq = payload?.seq;
-    return typeof seq === "number" ? seq : null;
-}
-function getAgentRunMessageDetail(type, payload) {
-    if (type === "agent:run:delta") {
-        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") {
-        return payload?.error || null;
-    }
-    if (type === "agent:run:complete") {
-        return payload?.finalStatus || null;
-    }
-    if (type === "agent:run:start") {
-        return payload?.agentName || null;
-    }
-    return null;
-}
-function isHeartbeatRunEventMessage(message) {
-    if (!message)
-        return false;
-    if (message.type === "agent:run:delta") {
-        const deltaType = message.payload?.type;
-        return String(deltaType || "").toLowerCase() === "heartbeat";
-    }
-    if (message.type === "agent:run:status") {
-        const state = message.payload?.data?.state || message.payload?.data?.status;
-        return String(state || "").toLowerCase() === "heartbeat";
-    }
-    return false;
-}
-function getVisibleDialogRegistry() {
-    const registry = globalThis.__agentDialogVisibleCallbacks;
-    return registry && typeof registry === "object" ? registry : {};
-}
-function isAgentErrorStatusValue(status) {
-    return status === "error";
-}
-// Simple user message component
-const UserMessage = ({ message }) => {
-    const content = message.content || "";
-    const [isTriggerExpanded, setIsTriggerExpanded] = useState(false);
-    // Trigger-sourced prompts are prefixed by backend as "[Trigger: {name}]: {content}"
-    const triggerPattern = /^\[Trigger: ([^\]]+)\]:\s*(.*)$/s;
-    const triggerMatch = content.match(triggerPattern);
-    const triggerName = triggerMatch?.[1]?.trim() || "";
-    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: _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}"
-    const fromPattern = /^\[From ([^\]]+)\]:\s*(.*)$/s;
-    const match = content.match(fromPattern);
-    let sourceAgentName;
-    let displayContent = content;
-    if (match && match[1]) {
-        const extractedName = match[1];
-        // If it says "From User", treat it as a regular user message
-        if (extractedName.toLowerCase() === "user") {
-            sourceAgentName = undefined;
-            displayContent = content; // Keep original content
-        }
-        else {
-            sourceAgentName = extractedName;
-            displayContent = match[2] || ""; // Remove the "[From ...]:" prefix from content
-        }
-    }
-    else {
-        // Fallback: check for source agent name in message metadata or properties
-        sourceAgentName =
-            message.sourceAgentName ||
-                message.metadata?.sourceAgentName ||
-                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: _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)) }))] }) }));
-};
-// Helper to extract todos from potentially incomplete JSON during streaming
-const extractPartialTodos = (jsonText) => {
-    // First try to parse complete JSON
-    try {
-        const parsed = JSON.parse(jsonText);
-        const result = Array.isArray(parsed) ? parsed : parsed?.items || [];
-        return result;
-    }
-    catch (e) {
-        // If JSON is incomplete, try to extract whatever todo items we can find
-        const items = [];
-        // Look for individual todo objects in the partial JSON
-        // Match patterns like: { "text": "...", "done": false, "note": "..." }
-        // Handle various field orderings (text can be anywhere in the object)
-        const textPattern = /"text"\s*:\s*"([^"]+)"/g;
-        const textMatches = [];
-        let textMatch;
-        while ((textMatch = textPattern.exec(jsonText)) !== null) {
-            if (textMatch[1]) {
-                textMatches.push({
-                    text: textMatch[1],
-                    startIdx: textMatch.index,
-                });
-            }
-        }
-        // For each text field found, try to find the enclosing object
-        for (const { text, startIdx } of textMatches) {
-            // Find the opening brace before this text field
-            let openBrace = -1;
-            for (let i = startIdx - 1; i >= 0; i--) {
-                if (jsonText[i] === "{") {
-                    openBrace = i;
-                    break;
-                }
-                if (jsonText[i] === "}")
-                    break; // Hit another object's end
-            }
-            if (openBrace === -1)
-                continue;
-            // Find the closing brace after this text field
-            let closeBrace = -1;
-            let depth = 0;
-            for (let i = openBrace; i < jsonText.length; i++) {
-                if (jsonText[i] === "{")
-                    depth++;
-                if (jsonText[i] === "}") {
-                    depth--;
-                    if (depth === 0) {
-                        closeBrace = i;
-                        break;
-                    }
-                }
-            }
-            // Extract the object and try to parse it
-            const objStr = closeBrace !== -1
-                ? jsonText.substring(openBrace, closeBrace + 1)
-                : jsonText.substring(openBrace) + "}"; // Try to close incomplete object
-            try {
-                const obj = JSON.parse(objStr);
-                if (obj.title || obj.text) {
-                    items.push({
-                        title: obj.title || obj.text,
-                        status: obj.status || "pending",
-                        instructions: obj.instructions || obj.note || undefined,
-                        agentProfileId: obj.agentProfileId || undefined,
-                    });
-                }
-            }
-            catch (e) {
-                // Skip malformed objects
-            }
-        }
-        // Also try to extract from partial objects at the end
-        // Look for the last opening brace and try to parse up to where we have valid content
-        const lines = jsonText.split("\n");
-        for (let i = lines.length - 1; i >= 0; i--) {
-            const partialJson = lines.slice(0, i + 1).join("\n");
-            // Try to close any open braces/brackets
-            let testJson = partialJson;
-            const openBraces = (testJson.match(/\{/g) || []).length;
-            const closeBraces = (testJson.match(/\}/g) || []).length;
-            const openBrackets = (testJson.match(/\[/g) || []).length;
-            const closeBrackets = (testJson.match(/\]/g) || []).length;
-            // Add missing closing characters
-            testJson += "]".repeat(openBrackets - closeBrackets);
-            testJson += "}".repeat(openBraces - closeBraces);
-            try {
-                const parsed = JSON.parse(testJson);
-                const partialItems = Array.isArray(parsed)
-                    ? parsed
-                    : parsed?.items || [];
-                if (partialItems.length > items.length) {
-                    return partialItems;
-                }
-            }
-            catch (e) {
-                continue;
-            }
-        }
-        return items;
-    }
-};
-const extractTodosFromMessages = (messages) => {
-    const todos = [];
-    const fencedTodoToken = "```todo_list";
-    const plainTodoToken = "todo_list";
-    for (const message of messages) {
-        if (message.role !== "assistant" || !message.content)
-            continue;
-        const content = message.content;
-        let cursor = 0;
-        while (cursor < content.length) {
-            const nextFenced = content.indexOf(fencedTodoToken, cursor);
-            const nextPlain = content.indexOf(plainTodoToken, cursor);
-            let todoStart = -1;
-            let isFenced = false;
-            if (nextFenced !== -1 && (nextPlain === -1 || nextFenced < nextPlain)) {
-                todoStart = nextFenced;
-                isFenced = true;
-            }
-            else if (nextPlain !== -1) {
-                // Check if it's at line start
-                const before = nextPlain > 0 ? content[nextPlain - 1] : "\n";
-                if (before === "\n" || before === "\r" || nextPlain === 0) {
-                    todoStart = nextPlain;
-                    isFenced = false;
-                }
-            }
-            if (todoStart === -1)
-                break;
-            try {
-                let jsonText = "";
-                let isComplete = true;
-                if (isFenced) {
-                    const afterToken = todoStart + fencedTodoToken.length;
-                    const closePos = content.indexOf("```", afterToken);
-                    if (closePos === -1) {
-                        // Incomplete fenced block - extract what we have so far
-                        jsonText = content.slice(afterToken).trim();
-                        isComplete = false;
-                        cursor = content.length; // Process till end
-                    }
-                    else {
-                        jsonText = content.slice(afterToken, closePos).trim();
-                        cursor = closePos + 3;
-                    }
-                }
-                else {
-                    const afterToken = todoStart + plainTodoToken.length;
-                    const braceStart = content.indexOf("{", afterToken);
-                    if (braceStart === -1)
-                        break;
-                    let depth = 0;
-                    let braceEnd = -1;
-                    for (let i = braceStart; i < content.length; i++) {
-                        if (content[i] === "{")
-                            depth++;
-                        if (content[i] === "}") {
-                            depth--;
-                            if (depth === 0) {
-                                braceEnd = i;
-                                break;
-                            }
-                        }
-                    }
-                    if (braceEnd === -1) {
-                        // Incomplete JSON - extract what we have
-                        jsonText = content.slice(braceStart).trim();
-                        isComplete = false;
-                        cursor = content.length;
-                    }
-                    else {
-                        jsonText = content.slice(braceStart, braceEnd + 1).trim();
-                        cursor = braceEnd + 1;
-                    }
-                }
-                // Use the partial extraction helper for incomplete JSON
-                const todoItems = isComplete
-                    ? (() => {
-                        try {
-                            const parsed = JSON.parse(jsonText);
-                            return Array.isArray(parsed) ? parsed : parsed?.items || [];
-                        }
-                        catch (e) {
-                            return [];
-                        }
-                    })()
-                    : extractPartialTodos(jsonText);
-                const title = (() => {
-                    try {
-                        const parsed = JSON.parse(jsonText);
-                        return Array.isArray(parsed) ? undefined : parsed?.title;
-                    }
-                    catch (e) {
-                        return undefined;
-                    }
-                })();
-                todoItems.forEach((item) => {
-                    if (!item)
-                        return;
-                    const title = item.title ||
-                        item.text ||
-                        item.content ||
-                        item.label ||
-                        String(item.task || "");
-                    if (!title)
-                        return;
-                    todos.push({
-                        id: item.id,
-                        title,
-                        status: item.status || "pending",
-                        instructions: item.instructions || item.note || item.description,
-                        agentProfileId: item.agentProfileId,
-                        messageId: message.id,
-                        sourceTitle: item.sourceTitle,
-                    });
-                });
-            }
-            catch (e) {
-                cursor++;
-                continue;
-            }
-        }
-    }
-    // Deduplicate todos by ID (or title if no ID), keeping the latest version
-    // Later entries (from more recent messages) overwrite earlier ones
-    const todoMap = new Map();
-    for (const todo of todos) {
-        const key = todo.id || todo.title;
-        todoMap.set(key, todo);
-    }
-    const result = Array.from(todoMap.values());
-    return result;
-};
-// TodoListPanel component
-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
-    const metadataTodos = (() => {
-        try {
-            const todoList = agentMetadata?.additionalData?.todoList;
-            if (todoList?.items && Array.isArray(todoList.items)) {
-                const rawItems = todoList.items
-                    .map((item, idx) => ({
-                    id: item.id || `metadata-${idx}`,
-                    title: item.title || item.text || item.label || String(item.task || ""),
-                    status: item.status || "pending",
-                    instructions: item.instructions || item.note || item.description,
-                    agentProfileId: item.agentProfileId,
-                    messageId: undefined,
-                    sourceTitle: todoList.title,
-                }))
-                    .filter((item) => item.title);
-                // Apply deduplication to metadata todos as well
-                const todoMap = new Map();
-                for (const todo of rawItems) {
-                    const key = todo.id || todo.title;
-                    todoMap.set(key, todo);
-                }
-                return Array.from(todoMap.values());
-            }
-        }
-        catch (e) {
-            console.error("📋 Error extracting todos from metadata:", e);
-        }
-        return null;
-    })();
-    // If we have metadata todos, use them; otherwise extract from messages
-    const usingMetadata = metadataTodos && metadataTodos.length > 0;
-    const todos = usingMetadata
-        ? metadataTodos
-        : extractTodosFromMessages(messages);
-    // Check if there's an active streaming message with incomplete todo content
-    const isUpdating = messages.some((msg) => {
-        if (msg.role !== "assistant" || msg.isCompleted)
-            return false;
-        const content = msg.content || "";
-        // Check for incomplete fenced todo blocks
-        const fencedStart = content.indexOf("```todo_list");
-        if (fencedStart !== -1) {
-            const afterStart = fencedStart + "```todo_list".length;
-            const closePos = content.indexOf("```", afterStart);
-            if (closePos === -1) {
-                // Incomplete fenced block
-                return true;
-            }
-        }
-        // Check for incomplete plain todo blocks
-        const plainStart = content.indexOf("todo_list");
-        if (plainStart !== -1 && plainStart !== fencedStart) {
-            const before = plainStart > 0 ? content[plainStart - 1] : "\n";
-            if (before === "\n" || before === "\r" || plainStart === 0) {
-                const braceStart = content.indexOf("{", plainStart);
-                if (braceStart !== -1) {
-                    let depth = 0;
-                    let braceEnd = -1;
-                    for (let i = braceStart; i < content.length; i++) {
-                        if (content[i] === "{")
-                            depth++;
-                        if (content[i] === "}") {
-                            depth--;
-                            if (depth === 0) {
-                                braceEnd = i;
-                                break;
-                            }
-                        }
-                    }
-                    if (braceEnd === -1) {
-                        // Incomplete plain block
-                        return true;
-                    }
-                }
-            }
-        }
-        return false;
-    });
-    if (todos.length === 0 && !isUpdating)
-        return null;
-    const completedCount = todos.filter((t) => t.status === "completed").length;
-    const totalCount = todos.length;
-    const getStatusIcon = (status) => {
-        switch (status) {
-            case "completed":
-                return (_jsx("div", { className: "flex h-4 w-4 items-center justify-center rounded border-2 border-green-500 bg-green-500", children: _jsx("svg", { className: "h-3 w-3 text-white", fill: "none", strokeWidth: 2, stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) }));
-            case "in_progress":
-                return (_jsx("div", { className: "flex h-4 w-4 items-center justify-center rounded border-2 border-blue-500 bg-blue-500", children: _jsx(Loader2, { className: "h-3 w-3 animate-spin text-white", strokeWidth: 2 }) }));
-            case "cancelled":
-                return (_jsx("div", { className: "flex h-4 w-4 items-center justify-center rounded border-2 border-gray-400 bg-gray-400", children: _jsx("svg", { className: "h-3 w-3 text-white", fill: "none", strokeWidth: 2, stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }) }));
-            default: // pending
-                return _jsx("div", { className: "h-4 w-4 rounded border-2 border-gray-300" });
-        }
-    };
-    const getTextClass = (status) => {
-        switch (status) {
-            case "completed":
-                return "text-gray-500 line-through";
-            case "cancelled":
-                return "text-gray-400 line-through";
-            case "in_progress":
-                return "text-blue-700 font-medium";
-            default:
-                return "text-gray-900";
-        }
-    };
-    return (_jsxs("div", { className: "border-t border-gray-200 bg-gray-50", children: [_jsxs("button", { onClick: () => setIsExpanded(!isExpanded), className: "flex w-full cursor-pointer items-center justify-between px-4 py-2 text-left transition-colors hover:bg-gray-100", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ListTodo, { className: "h-4 w-4 text-gray-500", strokeWidth: 1 }), _jsx("span", { className: "text-[11px] font-medium text-gray-700", children: "Todo List" }), isUpdating ? (_jsxs("span", { className: "text-theme-secondary flex items-center gap-1 text-[11px]", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin", strokeWidth: 1 }), "Updating..."] })) : (_jsxs("span", { className: "text-[11px] text-gray-500", children: [completedCount, "/", totalCount, " completed"] }))] }), isExpanded ? (_jsx(ChevronUp, { className: "h-4 w-4 text-gray-500", strokeWidth: 1 })) : (_jsx(ChevronDown, { className: "h-4 w-4 text-gray-500", strokeWidth: 1 }))] }), isExpanded && (_jsxs("div", { className: "max-h-64 overflow-y-auto px-4 pb-3", children: [todos.length > 0 && (_jsx("div", { className: "space-y-1.5", children: todos.map((todo, idx) => (_jsxs("div", { className: "flex items-start gap-2 rounded bg-white p-2 text-[11px]", children: [_jsx("div", { className: "shrink-0 pt-0.5", children: getStatusIcon(todo.status) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: getTextClass(todo.status), children: todo.title }), todo.instructions && (_jsx("div", { className: "mt-0.5 text-[11px] text-gray-500", children: todo.instructions }))] })] }, todo.id || `${todo.messageId}-${idx}`))) })), isUpdating && (_jsxs("div", { className: `flex items-center gap-2 rounded px-3 py-2 text-[11px] ${todos.length > 0
-                            ? "bg-theme-secondary-light text-theme-secondary mt-2"
-                            : "justify-center bg-white text-gray-500"}`, children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin", strokeWidth: 1 }), _jsx("span", { children: todos.length > 0
-                                    ? "Updating todo list..."
-                                    : "Loading todo list..." })] }))] }))] }));
-};
-const groupConsecutiveMessages = (agentMessages) => {
-    // Work directly with the messages array - streaming messages are identified by their properties
-    const allMessages = agentMessages;
-    const groups = [];
-    let currentAssistantGroup = [];
-    for (const message of allMessages) {
-        if (message.role === "user") {
-            // Finish any current assistant group
-            if (currentAssistantGroup.length > 0) {
-                groups.push({
-                    type: "assistant-group",
-                    messages: currentAssistantGroup,
-                });
-                currentAssistantGroup = [];
-            }
-            // Add user message
-            groups.push({ type: "user", messages: [message] });
-        }
-        else if (message.messageType === "heartbeat" ||
-            message.role === "system") {
-            if (currentAssistantGroup.length > 0) {
-                groups.push({
-                    type: "assistant-group",
-                    messages: currentAssistantGroup,
-                });
-                currentAssistantGroup = [];
-            }
-            groups.push({ type: "heartbeat", messages: [message] });
-        }
-        else if (message.role === "assistant") {
-            // Add to current assistant group
-            currentAssistantGroup.push(message);
-        }
-        // Skip tool messages as they're handled within assistant messages
-    }
-    // Add any remaining assistant group
-    if (currentAssistantGroup.length > 0) {
-        groups.push({ type: "assistant-group", messages: currentAssistantGroup });
-    }
-    return groups;
-};
-// Merge messages from DB and local state with ID-based deduplication
-const mergeMessagesById = (dbMessages, localMessages) => {
-    const messageMap = new Map();
-    // Normalize ID key (lowercase) to avoid duplicates caused by casing differences
-    const keyOf = (id) => (id ? id.toLowerCase() : "");
-    // First, add all DB messages (source of truth for completed messages)
-    dbMessages.forEach((msg) => {
-        if (msg.id)
-            messageMap.set(keyOf(msg.id), msg);
-    });
-    // Then merge local messages (preserve streaming state, prefer longer content)
-    localMessages.forEach((localMsg) => {
-        if (!localMsg.id)
-            return;
-        const key = keyOf(localMsg.id);
-        const existingMsg = messageMap.get(key);
-        if (!existingMsg) {
-            // New message only in local state (e.g., streaming)
-            messageMap.set(key, localMsg);
-        }
-        else if (!localMsg.isCompleted && localMsg.messageType === "streaming") {
-            // Keep streaming version if more recent/longer (considering both content and reasoning)
-            const localLen = (localMsg.content?.length || 0) + (localMsg.reasoning?.length || 0);
-            const existingLen = (existingMsg.content?.length || 0) +
-                (existingMsg.reasoning?.length || 0);
-            if (localLen > existingLen) {
-                messageMap.set(key, localMsg);
-            }
-        }
-        // Otherwise, keep the DB version (completed messages from DB are authoritative)
-    });
-    // Sort by messageIndex or createdDate to maintain order
-    // Ignore messageIndex if it's -1 (unassigned/streaming)
-    return Array.from(messageMap.values()).sort((a, b) => {
-        const aIndex = a.messageIndex === -1 ? Infinity : a.messageIndex;
-        const bIndex = b.messageIndex === -1 ? Infinity : b.messageIndex;
-        if (aIndex !== bIndex) {
-            return aIndex - bIndex;
-        }
-        return (new Date(a.createdDate || 0).getTime() -
-            new Date(b.createdDate || 0).getTime());
-    });
-};
-// Calculate total token usage and cost data from agent messages
-const calculateTotalTokens = (messages) => {
-    const totals = messages.reduce((acc, message) => {
-        return {
-            input: acc.input + (message.inputTokens || 0),
-            output: acc.output + (message.outputTokens || 0),
-            cached: acc.cached + (message.cachedInputTokens || 0),
-            cacheWrite: acc.cacheWrite,
-            inputCost: acc.inputCost + (message.inputTokenCost || 0),
-            outputCost: acc.outputCost + (message.outputTokenCost || 0),
-            cachedCost: acc.cachedCost + (message.cachedInputTokenCost || 0),
-            cacheWriteCost: acc.cacheWriteCost,
-            imageCost: acc.imageCost,
-            totalCost: acc.totalCost + (message.totalCost || 0),
-        };
-    }, {
-        input: 0,
-        output: 0,
-        cached: 0,
-        cacheWrite: 0,
-        inputCost: 0,
-        outputCost: 0,
-        cachedCost: 0,
-        cacheWriteCost: 0,
-        imageCost: 0,
-        totalCost: 0,
-    });
-    return totals;
-};
-// Get edit operations for a message group by matching toolCallIds
-const getOperationsForMessageGroup = (messages, agentOperations) => {
-    const toolCallIds = new Set(messages.flatMap((m) => m.tool_calls?.map((tc) => tc.id) ?? []));
-    const matched = agentOperations.filter((op) => op.toolCallId && toolCallIds.has(op.toolCallId));
-    return matched;
-};
-const stringifyToolField = (value) => {
-    if (value === undefined || value === null)
-        return undefined;
-    if (typeof value === "string") {
-        return value.trim().length > 0 ? value : undefined;
-    }
-    try {
-        return JSON.stringify(value);
-    }
-    catch {
-        return String(value);
-    }
-};
-const parseToolResultValue = (value) => {
-    if (value === undefined || value === null) {
-        return undefined;
-    }
-    if (typeof value === "object") {
-        return value;
-    }
-    if (typeof value !== "string") {
-        return String(value);
-    }
-    const trimmed = value.trim();
-    if (!trimmed) {
-        return undefined;
-    }
-    try {
-        let parsed = JSON.parse(trimmed);
-        if (typeof parsed === "string" &&
-            (parsed.startsWith("{") || parsed.startsWith("["))) {
-            parsed = JSON.parse(parsed);
-        }
-        if (parsed && typeof parsed === "object") {
-            return parsed;
-        }
-    }
-    catch {
-        // Fall back to the original string when the payload is plain text.
-    }
-    return value;
-};
-const getFirstToolCallEnvelope = (data) => {
-    if (!data || typeof data !== "object")
-        return undefined;
-    const direct = data.toolCall || data.tool_call;
-    if (direct)
-        return direct;
-    const arrayCandidates = [data.tool_calls, data.toolCalls];
-    for (const candidate of arrayCandidates) {
-        if (Array.isArray(candidate) && candidate.length > 0) {
-            return candidate[0];
-        }
-    }
-    return undefined;
-};
-const extractToolCallFields = (data) => {
-    const envelope = getFirstToolCallEnvelope(data);
-    const functionPayload = data?.function || envelope?.function;
-    const functionName = data?.functionName ||
-        data?.name ||
-        functionPayload?.name ||
-        envelope?.functionName ||
-        envelope?.name ||
-        "unknown";
-    const toolCallId = data?.toolCallId || data?.id || envelope?.id;
-    const functionArguments = stringifyToolField(data?.functionArguments) ||
-        stringifyToolField(data?.arguments) ||
-        stringifyToolField(functionPayload?.arguments) ||
-        stringifyToolField(envelope?.functionArguments) ||
-        stringifyToolField(envelope?.arguments) ||
-        "{}";
-    return {
-        toolCallId,
-        functionName,
-        functionArguments,
-    };
-};
-// Convert agent messages to AI terminal format for a response group
-const convertAgentMessagesToAiFormat = (agentMessages) => {
-    return agentMessages.map((agentMessage) => {
-        const message = {
-            id: agentMessage.id,
-            content: agentMessage.content,
-            reasoning: agentMessage.reasoning,
-            formattedContent: agentMessage.content
-                ?.replace(/^######\s+(.+)$/gm, "<h6>$1</h6>")
-                ?.replace(/^#####\s+(.+)$/gm, "<h5>$1</h5>")
-                ?.replace(/^####\s+(.+)$/gm, "<h4>$1</h4>")
-                ?.replace(/^###\s+(.+)$/gm, "<h3>$1</h3>")
-                ?.replace(/^##\s+(.+)$/gm, "<h2>$1</h2>")
-                ?.replace(/^#\s+(.+)$/gm, "<h1>$1</h1>")
-                ?.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>")
-                ?.replace(/\n/g, "<br/>"),
-            name: agentMessage.name,
-            role: agentMessage.role,
-            createdDate: agentMessage.createdDate,
-            tool_calls: agentMessage.toolCalls
-                ? agentMessage.toolCalls.map((toolCall) => {
-                    const isPruned = !!toolCall.isPruned ||
-                        /^PRUNED$/i.test(toolCall.functionError || "");
-                    const displayResult = parseToolResultValue(toolCall.functionResultRichContent) ?? toolCall.functionResult;
-                    return {
-                        id: toolCall.toolCallId,
-                        displayName: toolCall.functionName,
-                        function: {
-                            name: toolCall.functionName,
-                            arguments: toolCall.functionArguments,
-                            result: displayResult,
-                            error: toolCall.functionError,
-                        },
-                        // Pass through approval info if present on the tool call
-                        requiresApproval: toolCall.requiresApproval,
-                        // Pass through prune metadata so the terminal can render a neutral state
-                        isPruned,
-                        prunedAt: toolCall.prunedAt,
-                        // Pass through isCompleted so ToolCallDisplay knows when to hide spinner
-                        isCompleted: toolCall.isCompleted,
-                        // Tool call is streaming if message is not completed and tool call has no result yet
-                        isStreaming: !agentMessage.isCompleted &&
-                            !toolCall.isCompleted &&
-                            !displayResult &&
-                            !toolCall.functionError &&
-                            !isPruned,
-                        // Pass through message IDs for approval/rejection events
-                        messageId: toolCall.messageId,
-                        dbMessageId: toolCall.dbMessageId,
-                        responseTimeMs: toolCall.responseTimeMs,
-                        createdDate: toolCall.createdDate,
-                    };
-                })
-                : [],
-        };
-        if (agentMessage.toolCallId) {
-            message.tool_call_id = agentMessage.toolCallId;
-        }
-        return message;
-    });
-};
 // interface AgentTerminalProps {
 //   agentStub: Agent;
 // }
-export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive = true, compact = false, displayMode = "full", showSummaryInput = false, hideContext = false, hideBottomControls = false, hideGreeting = false, defaultCollapseJson = false, simpleMode = false, className, initialPrompt, onAgentUpdate, onMessage, onInteractionSubmitted, onQuestionnaireOpenChange, questionnaireFooterActions, hideSummaryMessages = false, summaryPlaceholderActions, summaryPlaceholderMessage, hideSummaryWaitingPlaceholder = false, }) {
+export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadProfiles, isActive = true, compact = false, displayMode = "full", showSummaryInput = false, hideContext = false, hideBottomControls = false, hideGreeting = false, defaultCollapseJson = false, simpleMode = false, className, initialPrompt, onAgentUpdate, onMessage, onInteractionSubmitted, onQuestionnaireOpenChange, questionnaireFooterActions, hideSummaryMessages = false, summaryPlaceholderActions, summaryPlaceholderMessage, hideSummaryWaitingPlaceholder = false, }) {
     const editContext = useEditContext();
     const fieldsContext = useFieldsEditContext();
     const [agent, setAgent] = useState(() => buildPlaceholderAgentDetails(agentStub));
     const [messages, setMessages] = useState([]);
     const [agentOperations, setAgentOperations] = useState([]);
-    const [prompt, setPrompt] = useState("");
+    const [prompt, setPrompt] = useState(() => localStorageService.getItem(`editor.agent.draftPrompt.${agentStub.id}`) || "");
     const [inputPlaceholder, setInputPlaceholder] = useState("Type your message... (Enter to send, Shift+Enter or Ctrl+Enter for new line)");
-    const [isLoading, setIsLoading] = useState(false);
+    // Existing (persisted) agents start in loading state so the loading
+    // screen renders on first paint — avoids an empty-terminal flash between
+    // mount and the loadAgent() effect.
+    const [isLoading, setIsLoading] = useState(() => agentStub.status !== "new");
     const [isConnecting, setIsConnecting] = useState(false);
     const [isSubmitting, setIsSubmitting] = useState(false);
     const [activePlaceholderInput, setActivePlaceholderInput] = useState(null);
@@ -1154,7 +386,6 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     };
     const [mode, setMode] = useState("supervised");
     const [queuedPrompts, setQueuedPrompts] = useState([]);
-    const [expandedQueuedTriggerIds, setExpandedQueuedTriggerIds] = useState({});
     const [contextPanelsActiveTab, setContextPanelsActiveTab] = useState(0);
     const [hiddenContextPanelTabIds, setHiddenContextPanelTabIds] = useState(new Set());
     const [showCostAndAgent, setShowCostAndAgent] = useState(false);
@@ -1364,6 +595,11 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 active = false;
             };
         }
+        // Always refresh profiles (and therefore available models) when the
+        // Agent settings popover opens, so changes made in Sitecore are picked
+        // up even if the websocket invalidation was missed.
+        invalidateAiProfilesCache();
+        void onReloadProfiles?.();
         if (!agent?.id || isLocalOnlyDraftAgent) {
             setTriggerSubscriptions([]);
             setTriggerSubscriptionsLoading(false);
@@ -1477,24 +713,71 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         agent?.userId,
         agent?.profileId,
         mode,
+        onReloadProfiles,
     ]);
     const activeTriggerSubscriptions = useMemo(() => triggerSubscriptions.filter((sub) => sub.isActive), [triggerSubscriptions]);
+    const profileOperationAllowances = useMemo(() => {
+        const profileSource = activeProfile?.id
+            ? `preconfigured:profile:${activeProfile.id}`
+            : "preconfigured:profile";
+        return {
+            sitecore: (activeProfile?.sitecoreAllowances ?? []).flatMap((allowance) => {
+                const itemIdentifier = String(allowance?.itemIdentifier || "").trim();
+                if (!itemIdentifier)
+                    return [];
+                return normalizeProfileAllowanceOperations(allowance.operationTypes).map((operationType) => ({
+                    itemId: itemIdentifier,
+                    itemPath: itemIdentifier,
+                    operationType,
+                    scopeType: "itemSubtree",
+                    source: profileSource,
+                    grantedBy: null,
+                    grantedAt: null,
+                }));
+            }),
+            filesystem: (activeProfile?.filesystemAllowances ?? []).flatMap((allowance) => {
+                const normalizedPath = String(allowance?.path || "").trim();
+                if (!normalizedPath)
+                    return [];
+                return normalizeProfileAllowanceOperations(allowance.operationTypes).map((operationType) => ({
+                    normalizedPath,
+                    operationType,
+                    source: profileSource,
+                    grantedBy: null,
+                    grantedAt: null,
+                }));
+            }),
+        };
+    }, [
+        activeProfile?.filesystemAllowances,
+        activeProfile?.id,
+        activeProfile?.sitecoreAllowances,
+    ]);
+    const displayedOperationAllowances = isLocalOnlyDraftAgent
+        ? profileOperationAllowances
+        : operationAllowances;
+    const displayedOperationAllowancesLoading = isLocalOnlyDraftAgent
+        ? false
+        : operationAllowancesLoading;
+    const displayedOperationAllowancesError = isLocalOnlyDraftAgent
+        ? null
+        : operationAllowancesError;
     const allowanceGroups = useMemo(() => [
         {
             key: "sitecore",
             label: "Sitecore",
-            rows: operationAllowances.sitecore,
+            rows: displayedOperationAllowances.sitecore,
         },
         {
             key: "filesystem",
             label: "Filesystem",
-            rows: operationAllowances.filesystem,
+            rows: displayedOperationAllowances.filesystem,
         },
-    ], [operationAllowances]);
-    const hasAnyAllowances = useMemo(() => operationAllowances.sitecore.length > 0 ||
-        operationAllowances.filesystem.length > 0, [operationAllowances]);
-    const allowancesTotalCount = useMemo(() => operationAllowances.sitecore.length +
-        operationAllowances.filesystem.length, [operationAllowances]);
+    ], [displayedOperationAllowances]);
+    const hasAnyAllowances = useMemo(() => displayedOperationAllowances.sitecore.length > 0 ||
+        displayedOperationAllowances.filesystem.length > 0, [displayedOperationAllowances]);
+    const allowancesTotalCount = useMemo(() => displayedOperationAllowances.sitecore.length +
+        displayedOperationAllowances.filesystem.length, [displayedOperationAllowances]);
     const listedProfileSkillIdSet = useMemo(() => {
         const ids = [
             ...(activeProfile?.availableSkills ?? []),
@@ -1813,6 +1096,20 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     useEffect(() => {
         localStorageService.setItem("editor.agent.promptHistory", promptHistory);
     }, [promptHistory]);
+    // Rehydrate draft when switching to a different agent so each agent keeps its own draft.
+    useEffect(() => {
+        setPrompt(localStorageService.getItem(`editor.agent.draftPrompt.${agentStub.id}`) || "");
+    }, [agentStub.id]);
+    // Persist the in-progress prompt per agent so it survives workspace switches/unmounts.
+    useEffect(() => {
+        const key = `editor.agent.draftPrompt.${agentStub.id}`;
+        if (prompt) {
+            localStorageService.setItem(key, prompt);
+        }
+        else {
+            localStorageService.removeItem(key);
+        }
+    }, [prompt, agentStub.id]);
     useEffect(() => {
         // Keep messagesRef synchronized with messages state
         messagesRef.current = messages;
@@ -1858,6 +1155,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     const documentListRef = useRef(null);
     const placeholderInputRef = useRef(null);
     const promptPlaceholderInputRef = useRef(null);
+    const shouldSubmitFilledPlaceholderInputRef = useRef(false);
     const messagesContainerRef = useRef(null);
     const inlineDialogContainerRef = useRef(null);
     const [shouldAutoScroll, setShouldAutoScroll] = useState(true);
@@ -1905,16 +1203,21 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             setIsVoiceSupported(false);
         }
     }, []);
-    // Auto-focus terminal input on mount
+    // Auto-focus terminal input on mount, and place cursor at the end of any
+    // restored draft prompt (e.g. when switching workspaces with the same agent).
     useEffect(() => {
-        if (textareaRef.current) {
-            try {
-                textareaRef.current.focus({ preventScroll: true });
-            }
-            catch {
-                textareaRef.current.focus();
-            }
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        try {
+            textarea.focus({ preventScroll: true });
         }
+        catch {
+            textarea.focus();
+        }
+        const end = textarea.value.length;
+        textarea.selectionStart = end;
+        textarea.selectionEnd = end;
     }, []);
     // Start voice recognition
     const startVoice = () => {
@@ -2311,12 +1614,21 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 output: Number(cost.tokens?.output) || 0,
                 cached: Number(cost.tokens?.cached) || 0,
                 cacheWrite: Number(cost.tokens?.cacheWrite) || 0,
+                inputAudio: Number(cost.tokens?.inputAudio) || 0,
+                outputAudio: Number(cost.tokens?.outputAudio) || 0,
+                outputImage: Number(cost.tokens?.outputImage) || 0,
+                reasoning: Number(cost.tokens?.reasoning) || 0,
                 inputCost: Number(cost.input) || 0,
                 outputCost: Number(cost.output) || 0,
                 cachedCost: Number(cost.cached) || 0,
                 cacheWriteCost: Number(cost.cacheWrite) || 0,
+                inputAudioCost: Number(cost.inputAudio) || 0,
+                outputAudioCost: Number(cost.outputAudio) || 0,
+                outputImageCost: Number(cost.outputImage) || 0,
                 imageCost: Number(cost.imageCost ?? cost.totalImageCost) ||
                     0,
+                markupCost: Number(cost.markup) || 0,
+                reportedTotalCost: Number(cost.reportedTotal) || 0,
                 totalCost: Number(cost.total) || 0,
                 currency: "USD",
             };
@@ -2650,11 +1962,20 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                 output: Number(cost.tokens?.output) || 0,
                 cached: Number(cost.tokens?.cached) || 0,
                 cacheWrite: Number(cost.tokens?.cacheWrite) || 0,
+                inputAudio: Number(cost.tokens?.inputAudio) || 0,
+                outputAudio: Number(cost.tokens?.outputAudio) || 0,
+                outputImage: Number(cost.tokens?.outputImage) || 0,
+                reasoning: Number(cost.tokens?.reasoning) || 0,
                 inputCost: Number(cost.input) || 0,
                 outputCost: Number(cost.output) || 0,
                 cachedCost: Number(cost.cached) || 0,
                 cacheWriteCost: Number(cost.cacheWrite) || 0,
+                inputAudioCost: Number(cost.inputAudio) || 0,
+                outputAudioCost: Number(cost.outputAudio) || 0,
+                outputImageCost: Number(cost.outputImage) || 0,
                 imageCost: Number(cost.imageCost) || 0,
+                markupCost: Number(cost.markup) || 0,
+                reportedTotalCost: Number(cost.reportedTotal) || 0,
                 totalCost: Number(cost.total) || 0,
                 currency: "USD",
             };
@@ -2699,11 +2020,20 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     output: Number(data.totalOutputTokens) || 0,
                     cached: Number(data.totalCachedTokens) || 0,
                     cacheWrite: Number(data.totalCacheWriteTokens) || 0,
+                    inputAudio: Number(data.totalInputAudioTokens) || 0,
+                    outputAudio: Number(data.totalOutputAudioTokens) || 0,
+                    outputImage: Number(data.totalOutputImageTokens) || 0,
+                    reasoning: Number(data.totalReasoningTokens) || 0,
                     inputCost: Number(data.totalInputTokenCost) || 0,
                     outputCost: Number(data.totalOutputTokenCost) || 0,
                     cachedCost: Number(data.totalCachedTokenCost) || 0,
                     cacheWriteCost: Number(data.totalCacheWriteTokenCost) || 0,
+                    inputAudioCost: Number(data.totalInputAudioCost) || 0,
+                    outputAudioCost: Number(data.totalOutputAudioCost) || 0,
+                    outputImageCost: Number(data.totalOutputImageCost) || 0,
                     imageCost: Number(data.totalImageCost) || 0,
+                    markupCost: Number(data.totalMarkupCost) || 0,
+                    reportedTotalCost: Number(data.totalReportedCost) || 0,
                     totalCost: Number(data.totalCost) || 0,
                     currency: data.currency || "USD",
                 };
@@ -3697,11 +3027,20 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                             output: Number(totals.totalOutputTokens) || 0,
                             cached: Number(totals.totalCachedInputTokens) || 0,
                             cacheWrite: Number(totals.totalCacheWriteTokens) || 0,
+                            inputAudio: Number(totals.totalInputAudioTokens) || 0,
+                            outputAudio: Number(totals.totalOutputAudioTokens) || 0,
+                            outputImage: Number(totals.totalOutputImageTokens) || 0,
+                            reasoning: Number(totals.totalReasoningTokens) || 0,
                             inputCost: Number(totals.totalInputTokenCost) || 0,
                             outputCost: Number(totals.totalOutputTokenCost) || 0,
                             cachedCost: Number(totals.totalCachedInputTokenCost) || 0,
                             cacheWriteCost: Number(totals.totalCacheWriteTokenCost) || 0,
+                            inputAudioCost: Number(totals.totalInputAudioCost) || 0,
+                            outputAudioCost: Number(totals.totalOutputAudioCost) || 0,
+                            outputImageCost: Number(totals.totalOutputImageCost) || 0,
                             imageCost: Number(totals.totalImageCost) || 0,
+                            markupCost: Number(totals.totalMarkupCost) || 0,
+                            reportedTotalCost: Number(totals.totalReportedCost) || 0,
                             totalCost: totalCost,
                             currency: totals.currency,
                         };
@@ -4468,15 +3807,44 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         }
     }, []);
     const handleSubmit = async (promptOverride) => {
+        const hasPromptOverride = promptOverride !== undefined;
         // Guard against double-submit and missing context
         if (isSubmitting) {
             console.warn("[AgentTerminal] handleSubmit blocked: already submitting");
             return;
         }
-        // Block submission while there is a pending tool call approval decision
-        if (hasPendingApprovals()) {
-            console.warn("[AgentTerminal] handleSubmit blocked: pending tool call approval");
-            return;
+        // If there are pending tool call approvals, treat this submission as a
+        // supersede: reject all pending tool calls and continue with the new prompt.
+        const pendingToReject = allPendingApprovals;
+        if (pendingToReject.length > 0) {
+            const agentIdForReject = agent?.id || agentStub.id;
+            if (!agentIdForReject) {
+                console.error("[AgentTerminal] handleSubmit blocked: cannot supersede pending approvals — no agentId");
+                setError("Agent not ready. Please try again.");
+                return;
+            }
+            try {
+                await Promise.all(pendingToReject.map(async (pending) => {
+                    await rejectToolCall({
+                        agentId: agentIdForReject,
+                        messageId: pending.dbMessageId || pending.messageId,
+                        toolCallId: pending.toolCallId,
+                        note: "Superseded by new user instructions",
+                    });
+                    window.dispatchEvent(new CustomEvent("agent:toolApprovalResolved", {
+                        detail: {
+                            messageId: pending.dbMessageId || pending.messageId,
+                            toolCallId: pending.toolCallId,
+                            approved: false,
+                        },
+                    }));
+                }));
+            }
+            catch (rejectErr) {
+                console.error("[AgentTerminal] Failed to supersede pending tool calls:", rejectErr);
+                setError(`Failed to cancel pending tool call: ${rejectErr?.message || String(rejectErr)}`);
+                return;
+            }
         }
         if (!editContext) {
             console.error("[AgentTerminal] handleSubmit blocked: editContext is undefined");
@@ -4484,12 +3852,17 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             return;
         }
         // If placeholder input is active, delegate to its submit method
-        if (activePlaceholderInput && allPlaceholdersFilled) {
-            placeholderInputRef.current?.submit();
+        if (!hasPromptOverride && activePlaceholderInput && allPlaceholdersFilled) {
+            const placeholderInput = placeholderInputRef.current;
+            if (!placeholderInput)
+                return;
+            shouldSubmitFilledPlaceholderInputRef.current = true;
+            placeholderInput.submit();
             return;
         }
         // If prompt contains placeholders, delegate to the prompt placeholder input's submit method
-        if (prompt &&
+        if (!hasPromptOverride &&
+            prompt &&
             /\{\{[^{}]+\}\}|<<[^<>]+>>/.test(prompt) &&
             allPlaceholdersFilled) {
             promptPlaceholderInputRef.current?.submit();
@@ -5554,6 +4927,25 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                         : "completed");
                     return;
                 }
+                // Backstop: if the backend reports an error but we never received the
+                // agent:run:error lifecycle event (e.g. it was missed or the broadcast
+                // path failed to fire), surface the error locally instead of waiting
+                // for the user to reload.
+                if (normalizeServerExecutionStatus(serverStatus) === "error") {
+                    const rawError = diagnostics.execution?.error ?? null;
+                    const errorMsg = toUserFacingAgentErrorMessage(rawError) ||
+                        rawError ||
+                        "AI could not complete this request.";
+                    clearHeartbeatMessages();
+                    setLastRunStatusReason(null);
+                    setError(errorMsg);
+                    setAgent((prev) => prev ? { ...prev, status: "error", statusMessage: errorMsg } : prev);
+                    setIsWaitingForResponse(false);
+                    isWaitingRef.current = false;
+                    setIsConnecting(false);
+                    setIsAgentThinking(false);
+                    return;
+                }
                 const serverLastSeq = diagnostics.currentSession?.lastDelivery?.lastSeq ??
                     diagnostics.transport?.lastSeq ??
                     null;
@@ -5621,6 +5013,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         isActive,
         isExecuting,
         appendToolUiEvent,
+        clearHeartbeatMessages,
         loadAgent,
         settleCompletedRun,
     ]);
@@ -5712,56 +5105,47 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             detail: { agentId: parentAgentId },
         }));
     }, [parentAgentId]);
-    const loadingContent = isLoading && !activeInlineDialog ? (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "flex items-center gap-2 text-[11px] text-gray-500", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin", strokeWidth: 1 }), "Loading agent..."] }) })) : null;
+    const shouldShowLoadingContent = isLoading && !activeInlineDialog && !agent && messages.length === 0;
+    const loadingContent = shouldShowLoadingContent ? (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "flex items-center gap-2 text-[11px] text-gray-500", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin", strokeWidth: 1 }), "Loading agent..."] }) })) : null;
     const renderContextInfoBar = () => (_jsx(ContextInfoBar, { agent: agent, agentMetadata: agentMetadata, setAgentMetadata: setAgentMetadata, setAgent: setAgent, resolvedPageName: resolvedPageName, resolvedComponentName: resolvedComponentName, resolvedFieldName: resolvedFieldName, isLiveEditorContextMode: isLiveEditorContextMode, omitEditorContext: omitsEditorContext, onRefreshContext: handleRefreshContext }));
+    const handleExtendCostLimit = useCallback(async () => {
+        if (!agent?.id)
+            return;
+        try {
+            const result = await updateAgentCostLimit(agent.id, "extend");
+            if (result.success && result.costLimit !== undefined) {
+                setAgent((prev) => prev
+                    ? {
+                        ...prev,
+                        costLimit: result.costLimit,
+                        status: prev.status === "costLimitReached"
+                            ? "running"
+                            : prev.status,
+                    }
+                    : prev);
+            }
+            setCostLimitExceeded(null);
+            setIsWaitingForResponse(true);
+            isWaitingRef.current = true;
+            setIsAgentThinking(true);
+            setShouldAutoScroll(true);
+        }
+        catch (e) {
+            console.error("Failed to extend cost limit:", e);
+            setError(e instanceof Error ? e.message : "Failed to extend cost limit");
+        }
+    }, [agent?.id]);
     const renderCostLimitBanner = () => {
         if (!costLimitExceeded)
             return null;
-        const { totalCost, costLimit, initialCostLimit } = costLimitExceeded;
-        return (_jsxs("div", { className: "m-3 rounded border border-amber-300 bg-amber-50 p-3 text-[11px] text-amber-900", children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(AlertCircle, { className: "h-4 w-4 text-amber-500", strokeWidth: 1 }), _jsxs("span", { children: ["Cost limit exceeded. Spent $", totalCost.toFixed(2), " / $", costLimit.toFixed(2), "."] })] }), _jsx("div", { className: "flex gap-2", children: _jsx("button", { className: "rounded border border-amber-300 bg-white px-2 py-1 hover:bg-amber-100", onClick: async () => {
-                            if (!agent?.id)
-                                return;
-                            try {
-                                // Extend cost limit - backend will automatically resume the agent
-                                const result = await updateAgentCostLimit(agent.id, "extend");
-                                // Update the agent's cost limit and clear the costLimitReached
-                                // status in local state so the useEffect watcher doesn't
-                                // immediately re-show the banner before the backend status
-                                // update arrives.
-                                if (result.success && result.costLimit !== undefined) {
-                                    setAgent((prev) => prev
-                                        ? {
-                                            ...prev,
-                                            costLimit: result.costLimit,
-                                            status: prev.status === "costLimitReached"
-                                                ? "running"
-                                                : prev.status,
-                                        }
-                                        : prev);
-                                }
-                                // Clear the banner and set waiting state
-                                // Agent will resume automatically via backend's ResumeAgentAsync
-                                setCostLimitExceeded(null);
-                                setIsWaitingForResponse(true);
-                                isWaitingRef.current = true;
-                                setIsAgentThinking(true);
-                                setShouldAutoScroll(true);
-                            }
-                            catch (e) {
-                                console.error("Failed to extend cost limit:", e);
-                                setError(e instanceof Error
-                                    ? e.message
-                                    : "Failed to extend cost limit");
-                            }
-                        }, children: "Extend limit and continue" }) })] }));
+        const { totalCost, costLimit } = costLimitExceeded;
+        return (_jsx(AgentCostLimitBanner, { totalCost: totalCost, costLimit: costLimit, onExtend: handleExtendCostLimit }));
     };
     const renderErrorBanner = () => {
         const currentAgent = agent || agentStub;
         const isErrorStatus = currentAgent?.status === "error";
         const isWaitingForInputStatus = currentAgent?.status === "waitingForInput";
         const isWaitingForApprovalStatus = currentAgent?.status === "waitingForApproval";
-        // Show error banner for error status, or for any terminal status that still
-        // carries a statusMessage (e.g. agent closed after an error).
         const isTerminalWithError = !isErrorStatus &&
             !!currentAgent?.statusMessage &&
             currentAgent?.status !== "running" &&
@@ -5773,9 +5157,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             : null) || error;
         if (!rawErrorMessage)
             return null;
-        // Clean the error message (statusMessage from DB may contain raw JSON)
         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 })] })] }) }));
+        return _jsx(AgentErrorBanner, { message: errorMessage });
     };
     const renderCapacityBanner = () => {
         if (lastRunStatusReason !== MACHINE_CAPACITY_REASON) {
@@ -5784,7 +5167,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         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 })] })] }) }));
+        return _jsx(AgentCapacityBanner, { message: message });
     };
     const renderBrowserClaimBanner = (variant = "inline") => {
         if (!agent?.id || !editContext?.sessionId)
@@ -5875,31 +5258,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     const renderInlineDialogContent = () => {
         if (!activeInlineDialog)
             return null;
-        if (activeInlineDialog.request.dialogType === "questionnaire") {
-            return (_jsx("div", { ref: inlineDialogContainerRef, className: cn("agent-inline-dialog min-h-0 overflow-hidden", displayMode === "full" && "h-full"), children: _jsx(QuestionnaireInline, { requestId: activeInlineDialog.request.callbackId, agentId: activeInlineDialog.request.agentId, title: activeInlineDialog.request.title, description: activeInlineDialog.request.description, parameters: activeInlineDialog.request.parameters, footerActions: questionnaireFooterActions, onClose: (result) => {
-                        activeInlineDialog.onComplete(result);
-                        setActiveInlineDialog(null);
-                        void onInteractionSubmitted?.();
-                    }, onCancel: () => {
-                        activeInlineDialog.onCancel();
-                        setActiveInlineDialog(null);
-                    } }) }));
-        }
         const dialogRegistration = editContext?.configuration?.editor?.agentDialogs?.find((d) => d.dialogType === activeInlineDialog.request.dialogType);
-        if (dialogRegistration) {
-            const DialogComponent = dialogRegistration.component;
-            return (_jsx("div", { className: "agent-inline-dialog", children: _jsx(DialogComponent, { title: activeInlineDialog.request.title, description: activeInlineDialog.request.description, parameters: activeInlineDialog.request.parameters, onClose: (result) => {
-                        activeInlineDialog.onComplete(result);
-                        setActiveInlineDialog(null);
-                        if (activeInlineDialog.request.dialogType === "questionnaire") {
-                            void onInteractionSubmitted?.();
-                        }
-                    }, onCancel: () => {
-                        activeInlineDialog.onCancel();
-                        setActiveInlineDialog(null);
-                    } }) }));
-        }
-        return (_jsx("div", { className: "agent-inline-dialog", children: _jsxs("div", { className: "p-4 text-sm text-red-500", children: ["Unknown dialog type: ", activeInlineDialog.request.dialogType] }) }));
+        return (_jsx(AgentInlineDialogContent, { activeInlineDialog: activeInlineDialog, setActiveInlineDialog: setActiveInlineDialog, containerRef: inlineDialogContainerRef, displayMode: displayMode, questionnaireFooterActions: questionnaireFooterActions, dialogRegistration: dialogRegistration, onInteractionSubmitted: onInteractionSubmitted }));
     };
     const latestSummaryAssistantGroup = useMemo(() => {
         if (hideSummaryMessages)
@@ -5931,10 +5291,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
             const summaryOperations = latestSummaryAssistantGroup
                 ? getOperationsForMessageGroup(summaryMessages, agentOperations)
                 : [];
-            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, 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 ||
+            return (_jsxs("div", { className: `flex h-full min-h-0 flex-col ${className || ""}`, children: [fixedBrowserClaimBanner, 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 })] })] }) })), renderCapacityBanner(), renderErrorBanner(), _jsxs("div", { ref: messagesContainerRef, className: "flex-1 overflow-y-auto", onScroll: handleScroll, children: [showInitialThinkingSplash && (_jsx(InitialThinkingSplash, { svgIcon: activeProfile?.svgIcon })), inlineBrowserClaimBanner, 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 ||
@@ -5963,10 +5321,13 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                                             activeProfile?.displayTitle ||
                                                             activeProfile?.name ||
                                                             "Agent" }), _jsx("span", { className: "text-xs text-gray-400", children: formatTime(new Date()) })] }), _jsxs("div", { className: "flex items-center gap-1 pt-2", children: [_jsx("div", { className: "h-1 w-1 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.3s]" }), _jsx("div", { className: "h-1 w-1 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.15s]" }), _jsx("div", { className: "h-1 w-1 animate-bounce rounded-full bg-gray-400" })] })] })] })), _jsx("div", { ref: messagesEndRef })] }), showSummaryInput && !activeInlineDialog ? (_jsxs("div", { className: cn("border-t border-gray-200 p-4", simpleMode && "pb-10"), children: [activePlaceholderInput ? (_jsx(PlaceholderInput, { ref: placeholderInputRef, text: activePlaceholderInput.text, showButtons: hideBottomControls, buttonsClassName: hideBottomControls ? "justify-end" : "", onFilledChange: setAllPlaceholdersFilled, onComplete: (filledText) => {
+                                    const shouldSubmitFilledText = shouldSubmitFilledPlaceholderInputRef.current ||
+                                        activePlaceholderInput.behavior !== "compose" ||
+                                        hideBottomControls;
+                                    shouldSubmitFilledPlaceholderInputRef.current = false;
                                     setActivePlaceholderInput(null);
                                     setAllPlaceholdersFilled(false);
-                                    if (activePlaceholderInput.behavior === "compose" &&
-                                        !hideBottomControls) {
+                                    if (!shouldSubmitFilledText) {
                                         setPrompt(filledText);
                                         setInputPlaceholder("Review and edit, then press Enter to send");
                                         if (textareaRef.current) {
@@ -5978,32 +5339,30 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                             }
                                             catch { }
                                         }
+                                        return;
                                     }
-                                    else {
-                                        if (isExecuting) {
-                                            try {
-                                                handleStop();
-                                            }
-                                            catch { }
+                                    if (isExecuting) {
+                                        try {
+                                            handleStop();
                                         }
-                                        sendQuickMessage(filledText);
+                                        catch { }
                                     }
+                                    void handleSubmit(filledText);
                                 }, onCancel: () => {
+                                    shouldSubmitFilledPlaceholderInputRef.current = false;
                                     setActivePlaceholderInput(null);
                                     setAllPlaceholdersFilled(false);
                                 } })) : prompt && /\{\{[^{}]+\}\}|<<[^<>]+>>/.test(prompt) ? (_jsx(PlaceholderInput, { ref: promptPlaceholderInputRef, text: prompt, showButtons: hideBottomControls, buttonsClassName: hideBottomControls ? "justify-end" : "", onFilledChange: setAllPlaceholdersFilled, onComplete: (filledText) => {
-                                    setPrompt(filledText);
+                                    shouldSubmitFilledPlaceholderInputRef.current = false;
                                     setAllPlaceholdersFilled(false);
                                     if (filledText.trim()) {
-                                        if (isExecuting) {
-                                            try {
-                                                handleStop();
-                                            }
-                                            catch { }
-                                        }
-                                        sendQuickMessage(filledText);
+                                        void handleSubmit(filledText);
+                                    }
+                                    else {
+                                        setPrompt("");
                                     }
                                 }, onCancel: () => {
+                                    shouldSubmitFilledPlaceholderInputRef.current = false;
                                     setPrompt("");
                                     setAllPlaceholdersFilled(false);
                                     setInputPlaceholder("Type your message... (Enter to send, Shift+Enter or Ctrl+Enter for new line)");
@@ -6045,7 +5404,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: [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, renderCapacityBanner(), renderErrorBanner(), _jsxs("div", { ref: messagesContainerRef, className: "flex-1 overflow-y-auto", onScroll: handleScroll, children: [messages.length === 0 && !error && !hideGreeting && !isLoading && (_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(() => {
@@ -6058,9 +5417,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                         handleSubmit();
                                     }
                                 }, 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, renderCapacityBanner(), renderErrorBanner(), _jsxs("div", { className: "space-y-0 divide-y divide-gray-100 select-text", children: [(() => {
+                            } })) })), showInitialThinkingSplash && (_jsx(InitialThinkingSplash, { svgIcon: activeProfile?.svgIcon })), inlineBrowserClaimBanner, _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;
@@ -6187,33 +5544,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                             hasTodoContent,
                             hasSpawnedAgents,
                             agent?.id && hasHistoryContent,
-                        ].filter(Boolean).length - 1)), setActiveTab: setContextPanelsActiveTab, className: "justify-start px-4" }) })) : (_jsxs(_Fragment, { children: [renderContextInfoBar(), agent?.id && activeProfile && (_jsx(AgentDocumentList, { ref: documentListRef, agentId: agent.id, maxFileSizeMB: activeProfile.maxDocumentSizeMB ?? 10, enabled: activeProfile.enableDocumentUpload ?? false, profileId: activeProfile.id }, `${agent.id}-${agent.updatedDate || ""}-${activeProfile.id}`)), _jsx(TodoListPanel, { messages: messages, agentMetadata: agentMetadata }), _jsx(SpawnedAgentsPanel, { agentMetadata: agentMetadata }), agent?.id && (_jsx(AgentEditOperationsPanel, { operations: agentOperations }))] }))), queuedPrompts.length > 0 && !simpleMode && (_jsx("div", { className: "border-t border-gray-200 bg-amber-50/50", "data-testid": "queued-prompts-section", children: _jsxs("div", { className: "px-4 pt-2.5 pb-2", children: [_jsxs("div", { className: "mb-1.5 flex items-center gap-1.5", children: [_jsx("div", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-amber-400" }), _jsxs("span", { className: "text-[10px] font-medium tracking-wide text-amber-600 uppercase", "data-testid": "queued-prompts-count", children: ["Queued (", queuedPrompts.length, ")"] })] }), _jsx("div", { className: "max-h-64 space-y-0.5 overflow-y-auto", children: queuedPrompts.map((qp) => {
-                                let triggerName = "";
-                                if (qp.data) {
-                                    try {
-                                        const parsed = JSON.parse(qp.data);
-                                        triggerName = parsed?.triggerName?.trim() || "";
-                                    }
-                                    catch {
-                                        // Ignore invalid JSON metadata and render as regular queued prompt.
-                                    }
-                                }
-                                const isTriggerQueuedPrompt = !qp.sourceAgentName && triggerName.length > 0;
-                                const isTriggerExpanded = !!expandedQueuedTriggerIds[qp.id];
-                                if (isTriggerQueuedPrompt) {
-                                    return (_jsxs("div", { className: "text-[11px]", "data-testid": "queued-prompt-item", children: [_jsxs("button", { type: "button", onClick: () => setExpandedQueuedTriggerIds((prev) => ({
-                                                    ...prev,
-                                                    [qp.id]: !prev[qp.id],
-                                                })), className: "flex w-full items-center gap-1.5 rounded px-1 py-0.5 text-left text-amber-800 transition-colors hover:bg-amber-100/60", "data-testid": "queued-trigger-toggle", "data-expanded": isTriggerExpanded ? "true" : "false", children: [_jsx(Target, { className: "h-3 w-3 shrink-0 text-amber-500", strokeWidth: 2 }), _jsx("span", { className: "truncate font-medium", children: triggerName }), qp.createdDate && (_jsx("span", { className: "ml-1 shrink-0 text-[10px] text-amber-500", children: formatTime(new Date(qp.createdDate)) })), _jsx("span", { className: "ml-auto shrink-0 text-amber-400", children: isTriggerExpanded ? (_jsx(ChevronUp, { className: "h-3 w-3" })) : (_jsx(ChevronDown, { className: "h-3 w-3" })) })] }), isTriggerExpanded && (_jsx("div", { className: "mt-0.5 border-l-2 border-amber-200 pl-5 text-[11px] text-amber-700/80", children: qp.prompt }))] }, qp.id));
-                                }
-                                return (_jsx("div", { className: "rounded-md border border-amber-200 bg-white p-2.5 text-[11px]", "data-testid": "queued-prompt-item", children: _jsx("div", { className: "flex items-start justify-between gap-2", children: _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "mb-1 flex items-center gap-1.5", children: qp.sourceAgentName ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "font-medium text-gray-700", children: ["From ", qp.sourceAgentName] }), qp.priority > 5 && (_jsx("span", { className: "rounded bg-red-100 px-1.5 py-0.5 text-[11px] font-medium text-red-700", children: "High Priority" }))] })) : (_jsx("span", { className: "font-medium text-gray-700", children: "From User" })) }), _jsx("div", { className: "wrap-break-word whitespace-pre-wrap text-gray-600", "data-testid": "queued-prompt-text", children: qp.prompt }), _jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[11px] text-gray-400", children: [qp.createdDate && (_jsxs("span", { children: ["Queued ", formatTime(new Date(qp.createdDate))] })), qp.scheduledFor &&
-                                                            new Date(qp.scheduledFor).getTime() >
-                                                                new Date(qp.createdDate || 0).getTime() +
-                                                                    1000 && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-gray-300", children: "\u2022" }), _jsxs("span", { className: "font-medium text-amber-600", children: ["Scheduled for", " ", new Date(qp.scheduledFor).toDateString() ===
-                                                                            new Date().toDateString()
-                                                                            ? formatTime(new Date(qp.scheduledFor))
-                                                                            : formatDateTime(new Date(qp.scheduledFor))] })] }))] })] }) }) }, qp.id));
-                            }) })] }) }))] }));
+                        ].filter(Boolean).length - 1)), setActiveTab: setContextPanelsActiveTab, className: "justify-start px-4" }) })) : (_jsxs(_Fragment, { children: [renderContextInfoBar(), agent?.id && activeProfile && (_jsx(AgentDocumentList, { ref: documentListRef, agentId: agent.id, maxFileSizeMB: activeProfile.maxDocumentSizeMB ?? 10, enabled: activeProfile.enableDocumentUpload ?? false, profileId: activeProfile.id }, `${agent.id}-${agent.updatedDate || ""}-${activeProfile.id}`)), _jsx(TodoListPanel, { messages: messages, agentMetadata: agentMetadata }), _jsx(SpawnedAgentsPanel, { agentMetadata: agentMetadata }), agent?.id && (_jsx(AgentEditOperationsPanel, { operations: agentOperations }))] }))), !simpleMode && (_jsx(QueuedPromptsPanel, { queuedPrompts: queuedPrompts }))] }));
     const showQuestionnaireSplitter = isQuestionnaireDialogOpen && !!fullModeInlineDialog;
     const fullModeContent = showQuestionnaireSplitter ? (_jsx(Splitter, { panels: [
             {
@@ -6233,12 +5564,13 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                     // Placeholder Input (from quick actions)
                     // Show internal buttons only in splash mode (hideBottomControls) since external buttons won't be visible there
                     _jsx(PlaceholderInput, { ref: placeholderInputRef, text: activePlaceholderInput.text, showButtons: hideBottomControls, buttonsClassName: hideBottomControls ? "justify-end" : "", onFilledChange: setAllPlaceholdersFilled, onComplete: (filledText) => {
+                            const shouldSubmitFilledText = shouldSubmitFilledPlaceholderInputRef.current ||
+                                activePlaceholderInput.behavior !== "compose" ||
+                                hideBottomControls;
+                            shouldSubmitFilledPlaceholderInputRef.current = false;
                             setActivePlaceholderInput(null);
                             setAllPlaceholdersFilled(false);
-                            // When hideBottomControls is true (e.g., splash screen), always auto-submit
-                            // because the regular textarea is hidden and user can't manually send
-                            if (activePlaceholderInput.behavior === "compose" &&
-                                !hideBottomControls) {
+                            if (!shouldSubmitFilledText) {
                                 setPrompt(filledText);
                                 setInputPlaceholder("Review and edit, then press Enter to send");
                                 if (textareaRef.current) {
@@ -6250,37 +5582,34 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                     }
                                     catch { }
                                 }
+                                return;
                             }
-                            else {
-                                // Submit behavior or default (or compose with hideBottomControls)
-                                if (isExecuting) {
-                                    try {
-                                        handleStop();
-                                    }
-                                    catch { }
+                            if (isExecuting) {
+                                try {
+                                    handleStop();
                                 }
-                                sendQuickMessage(filledText);
+                                catch { }
                             }
+                            void handleSubmit(filledText);
                         }, onCancel: () => {
+                            shouldSubmitFilledPlaceholderInputRef.current = false;
                             setActivePlaceholderInput(null);
                             setAllPlaceholdersFilled(false);
                         } })) : prompt && /\{\{[^{}]+\}\}|<<[^<>]+>>/.test(prompt) ? (
                     // Template mode: show PlaceholderInput when prompt contains placeholders
                     // Show internal buttons only in splash mode (hideBottomControls) since external buttons won't be visible there
                     _jsx(PlaceholderInput, { ref: promptPlaceholderInputRef, text: prompt, showButtons: hideBottomControls, buttonsClassName: hideBottomControls ? "justify-end" : "", onFilledChange: setAllPlaceholdersFilled, onComplete: (filledText) => {
-                            setPrompt(filledText);
+                            shouldSubmitFilledPlaceholderInputRef.current = false;
                             setAllPlaceholdersFilled(false);
                             // Auto-submit after filling placeholders
                             if (filledText.trim()) {
-                                if (isExecuting) {
-                                    try {
-                                        handleStop();
-                                    }
-                                    catch { }
-                                }
-                                sendQuickMessage(filledText);
+                                void handleSubmit(filledText);
+                            }
+                            else {
+                                setPrompt("");
                             }
                         }, onCancel: () => {
+                            shouldSubmitFilledPlaceholderInputRef.current = false;
                             setPrompt("");
                             setAllPlaceholdersFilled(false);
                             setInputPlaceholder("Type your message... (Enter to send, Shift+Enter or Ctrl+Enter for new line)");
@@ -6488,27 +5817,27 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                                                                         }, title: "Remove skill", "aria-label": `Remove ${skill?.name || skillId}`, children: _jsx(X, { className: "h-2.5 w-2.5", strokeWidth: 1 }) }))] }, skillId));
                                                                         }) }))] }), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setToolsSectionExpanded((open) => !open), className: "mb-0.5 flex w-full items-center justify-between rounded px-0.5 py-0.5 text-left text-[11px] font-medium text-gray-700 hover:bg-gray-100/80", "aria-expanded": toolsSectionExpanded, "data-testid": "agent-tools-section-toggle", children: [_jsxs("span", { children: ["Available tools (", displayedAvailableTools.length, ")"] }), toolsSectionExpanded ? (_jsx(ChevronUp, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 })) : (_jsx(ChevronDown, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 }))] }), toolsSectionExpanded && (_jsx("div", { className: "max-h-36 overflow-y-auto rounded border border-gray-100 bg-gray-50/50 p-1", "data-testid": "agent-tools-section", children: displayedAvailableToolsLoading ? (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "Loading available tools..." })) : displayedAvailableTools.length > 0 ? (_jsxs("div", { className: "space-y-0.5", children: [isLocalOnlyDraftAgent && (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "Preview based on the current profile, mode, and selected skills." })), displayedAvailableTools.map((toolName) => (_jsx("div", { className: "rounded px-1 py-0.5 transition-colors hover:bg-white/60", "data-testid": "agent-tool-row", title: toolName, children: _jsx("div", { className: "truncate text-[10px] text-gray-700", children: toolName }) }, toolName)))] })) : (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: isLocalOnlyDraftAgent
                                                                                 ? "No available tools for this profile and mode"
-                                                                                : "No available tools" })) })), displayedAvailableToolsError && (_jsx("div", { className: "mt-1 text-[10px] text-red-600", children: displayedAvailableToolsError }))] }), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setAllowancesSectionExpanded((open) => !open), className: "mb-0.5 flex w-full items-center justify-between rounded px-0.5 py-0.5 text-left text-[11px] font-medium text-gray-700 hover:bg-gray-100/80", "aria-expanded": allowancesSectionExpanded, "data-testid": "agent-allowances-section-toggle", children: [_jsxs("span", { children: ["Allowances (", allowancesTotalCount, ")"] }), allowancesSectionExpanded ? (_jsx(ChevronUp, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 })) : (_jsx(ChevronDown, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 }))] }), allowancesSectionExpanded && (_jsx("div", { className: "max-h-36 overflow-y-auto rounded border border-gray-100 bg-gray-50/50 p-1", "data-testid": "agent-allowances-section", children: operationAllowancesLoading ? (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "Loading allowances..." })) : hasAnyAllowances ? (_jsx("div", { className: "space-y-1", children: allowanceGroups.map((group) => group.rows.length > 0 ? (_jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "px-1 text-[9px] font-medium tracking-wide text-gray-400 uppercase", children: group.label }), group.rows.map((allowance, index) => {
-                                                                                        const sourceLabel = formatAllowanceSource(allowance.source);
-                                                                                        const pathLabel = "itemPath" in allowance
-                                                                                            ? allowance.itemPath
-                                                                                            : allowance.normalizedPath;
-                                                                                        return (_jsxs("div", { className: "rounded px-1 py-0.5 transition-colors hover:bg-white/60", "data-testid": `agent-allowance-row-${group.key}`, children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("div", { className: "shrink-0 text-[10px] font-medium text-gray-700", children: allowance.operationType ||
-                                                                                                                "*" }), _jsx("div", { className: "truncate text-[9px] text-gray-500", title: formatAllowanceLabel(allowance), children: pathLabel })] }), (sourceLabel ||
-                                                                                                    allowance.grantedBy) && (_jsx("div", { className: "truncate pl-6 text-[9px] text-gray-400", children: [
-                                                                                                        sourceLabel,
-                                                                                                        allowance.grantedBy,
-                                                                                                    ]
-                                                                                                        .filter(Boolean)
-                                                                                                        .join(" · ") }))] }, `${group.key}-${allowance.operationType}-${pathLabel}-${index}`));
-                                                                                    })] }, group.key)) : null) })) : (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: isLocalOnlyDraftAgent
-                                                                                ? "Allowances are shown after the agent is created"
-                                                                                : "No active allowances" })) })), operationAllowancesError && (_jsx("div", { className: "mt-1 text-[10px] text-red-600", children: operationAllowancesError }))] }), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setSubscribedTriggersSectionExpanded((open) => !open), className: "mb-0.5 flex w-full items-center justify-between rounded px-0.5 py-0.5 text-left text-[11px] font-medium text-gray-700 hover:bg-gray-100/80", "aria-expanded": subscribedTriggersSectionExpanded, "data-testid": "agent-subscribed-triggers-section-toggle", children: [_jsx("span", { children: `Subscribed triggers (${activeTriggerSubscriptions.length})` }), subscribedTriggersSectionExpanded ? (_jsx(ChevronUp, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 })) : (_jsx(ChevronDown, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 }))] }), subscribedTriggersSectionExpanded && (_jsx("div", { className: "max-h-28 overflow-y-auto rounded border border-gray-100 bg-gray-50/50 p-1", "data-testid": "agent-subscribed-triggers-section", children: triggerSubscriptionsLoading ? (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "Loading subscribed triggers..." })) : activeTriggerSubscriptions.length > 0 ? (_jsx("div", { className: "space-y-0.5", children: activeTriggerSubscriptions.map((sub) => {
+                                                                                : "No available tools" })) })), displayedAvailableToolsError && (_jsx("div", { className: "mt-1 text-[10px] text-red-600", children: displayedAvailableToolsError }))] }), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setAllowancesSectionExpanded((open) => !open), className: "mb-0.5 flex w-full items-center justify-between rounded px-0.5 py-0.5 text-left text-[11px] font-medium text-gray-700 hover:bg-gray-100/80", "aria-expanded": allowancesSectionExpanded, "data-testid": "agent-allowances-section-toggle", children: [_jsxs("span", { children: ["Allowances (", allowancesTotalCount, ")"] }), allowancesSectionExpanded ? (_jsx(ChevronUp, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 })) : (_jsx(ChevronDown, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 }))] }), allowancesSectionExpanded && (_jsx("div", { className: "max-h-36 overflow-y-auto rounded border border-gray-100 bg-gray-50/50 p-1", "data-testid": "agent-allowances-section", children: displayedOperationAllowancesLoading ? (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "Loading allowances..." })) : hasAnyAllowances ? (_jsxs("div", { className: "space-y-1", children: [isLocalOnlyDraftAgent && (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "Preview based on the current profile." })), allowanceGroups.map((group) => group.rows.length > 0 ? (_jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "px-1 text-[9px] font-medium tracking-wide text-gray-400 uppercase", children: group.label }), group.rows.map((allowance, index) => {
+                                                                                            const sourceLabel = formatAllowanceSource(allowance.source);
+                                                                                            const pathLabel = "itemPath" in allowance
+                                                                                                ? allowance.itemPath
+                                                                                                : allowance.normalizedPath;
+                                                                                            return (_jsxs("div", { className: "rounded px-1 py-0.5 transition-colors hover:bg-white/60", "data-testid": `agent-allowance-row-${group.key}`, children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("div", { className: "shrink-0 text-[10px] font-medium text-gray-700", children: allowance.operationType ||
+                                                                                                                    "*" }), _jsx("div", { className: "truncate text-[9px] text-gray-500", title: formatAllowanceLabel(allowance), children: pathLabel })] }), (sourceLabel ||
+                                                                                                        allowance.grantedBy) && (_jsx("div", { className: "truncate pl-6 text-[9px] text-gray-400", children: [
+                                                                                                            sourceLabel,
+                                                                                                            allowance.grantedBy,
+                                                                                                        ]
+                                                                                                            .filter(Boolean)
+                                                                                                            .join(" · ") }))] }, `${group.key}-${allowance.operationType}-${pathLabel}-${index}`));
+                                                                                        })] }, group.key)) : null)] })) : (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: isLocalOnlyDraftAgent
+                                                                                ? "No configured allowances for this profile"
+                                                                                : "No active allowances" })) })), displayedOperationAllowancesError && (_jsx("div", { className: "mt-1 text-[10px] text-red-600", children: displayedOperationAllowancesError }))] }), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setSubscribedTriggersSectionExpanded((open) => !open), className: "mb-0.5 flex w-full items-center justify-between rounded px-0.5 py-0.5 text-left text-[11px] font-medium text-gray-700 hover:bg-gray-100/80", "aria-expanded": subscribedTriggersSectionExpanded, "data-testid": "agent-subscribed-triggers-section-toggle", children: [_jsx("span", { children: `Subscribed triggers (${activeTriggerSubscriptions.length})` }), subscribedTriggersSectionExpanded ? (_jsx(ChevronUp, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 })) : (_jsx(ChevronDown, { className: "h-3 w-3 shrink-0 text-gray-400", strokeWidth: 1.5 }))] }), subscribedTriggersSectionExpanded && (_jsx("div", { className: "max-h-28 overflow-y-auto rounded border border-gray-100 bg-gray-50/50 p-1", "data-testid": "agent-subscribed-triggers-section", children: triggerSubscriptionsLoading ? (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "Loading subscribed triggers..." })) : activeTriggerSubscriptions.length > 0 ? (_jsx("div", { className: "space-y-0.5", children: activeTriggerSubscriptions.map((sub) => {
                                                                                 const filterText = (sub.filter || "").trim();
                                                                                 return (_jsxs("div", { className: "flex items-baseline gap-1.5 rounded px-1 py-0.5 transition-colors hover:bg-white/60", children: [_jsx("div", { className: "shrink-0 text-[10px] font-medium text-gray-700", children: sub.triggerName }), filterText.length > 0 && (_jsx("div", { className: "truncate text-[9px] text-gray-400", title: filterText, children: filterText }))] }, sub.id));
                                                                             }) })) : (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: isLocalOnlyDraftAgent
                                                                                 ? "Subscribed triggers are shown after the agent is created"
-                                                                                : "No active trigger subscriptions" })) })), triggerSubscriptionsError && (_jsx("div", { className: "mt-1 text-[10px] text-red-600", children: triggerSubscriptionsError }))] })] }) })] }), activeProfile?.prompts?.length ? (_jsxs(Popover, { open: showPredefined, onOpenChange: setShowPredefined, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "rounded p-1 hover:bg-gray-100", onClick: () => { }, title: "Predefined prompts", "aria-label": "Predefined prompts", type: "button", children: _jsx(Wand2, { className: "h-3 w-3", strokeWidth: 1 }) }) }), _jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: _jsx("div", { className: "max-h-56 overflow-y-auto p-2", children: activeProfile.prompts.map((p, index) => (_jsx("div", { className: "cursor-pointer rounded p-1.5 text-[10px] text-gray-700 hover:bg-gray-100", onClick: () => {
+                                                                                : "No active trigger subscriptions" })) })), triggerSubscriptionsError && (_jsx("div", { className: "mt-1 text-[10px] text-red-600", children: triggerSubscriptionsError }))] }), agent?.id && !isLocalOnlyDraftAgent ? (_jsx("div", { className: "border-t border-gray-200 pt-2", children: _jsx(AgentSharingSection, { agentId: agent.id, canManage: agent?.canManage ?? true }) })) : null] }) })] }), activeProfile?.prompts?.length ? (_jsxs(Popover, { open: showPredefined, onOpenChange: setShowPredefined, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "rounded p-1 hover:bg-gray-100", onClick: () => { }, title: "Predefined prompts", "aria-label": "Predefined prompts", type: "button", children: _jsx(Wand2, { className: "h-3 w-3", strokeWidth: 1 }) }) }), _jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: _jsx("div", { className: "max-h-56 overflow-y-auto p-2", children: activeProfile.prompts.map((p, index) => (_jsx("div", { className: "cursor-pointer rounded p-1.5 text-[10px] text-gray-700 hover:bg-gray-100", onClick: () => {
                                                                 setPrompt(p.prompt);
                                                                 setShowPredefined(false);
                                                                 if (textareaRef.current)