@parhelia/core 0.1.12763 → 0.1.12766

package/dist/editor/ai/AgentTerminal.js

@@ -21,7 +21,7 @@ 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 { AGENT_HISTORY_LIMIT, MACHINE_CAPACITY_REASON, buildPlaceholderAgentDetails, formatAllowanceLabel, formatAllowanceSource, getAgentRunMessageAgentId, getAgentRunMessageDetail, getAgentRunMessageSeq, isAgentErrorStatusValue, isFinishedServerExecutionStatus, isHeartbeatRunEventMessage, mergeAgentOperationHistory, normalizeDialogAgentId, normalizeProfileAllowanceOperations, normalizeServerExecutionStatus, } from "./agentMessageHelpers";
 import { AgentDocumentList, } from "./AgentDocumentList";
 import { AgentEditOperationsPanel } from "./EditOperationsPanel";
 import { SpawnedAgentsPanel } from "./SpawnedAgentsPanel";
@@ -43,11 +43,19 @@ import { AgentTerminalStatusBar } from "./AgentTerminalStatusBar";
 import { SimpleTabs } from "../ui/SimpleTabs";
 import { Splitter } from "../ui/Splitter";
 import { ScrollingContentTree } from "../ScrollingContentTree";
+import { subscribeAgent } from "../services/agentSubscriptionRegistry";
+import { registerMountedInstance, unregisterMountedInstance, setVisibleDialogEntry, clearVisibleDialogEntriesForInstance, updateInstanceFocus, isElectedDialogReceiver, } from "./agentDialogRegistry";
 const RECENT_RUN_EVENTS_LIMIT = 50;
 // interface AgentTerminalProps {
 //   agentStub: Agent;
 // }
-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, }) {
+export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadProfiles, isActive, isVisible, isFocused, 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, }) {
+    // Derived from props. `isVisible` controls "is this terminal mounted and
+    // streaming" (subscriptions, polling). `isFocused` controls "does this
+    // terminal own keyboard focus and dialogs". Both fall back to legacy
+    // `isActive` for the 8 callers that haven't been updated to the split props.
+    const effectiveIsVisible = isVisible ?? isActive ?? true;
+    const effectiveIsFocused = isFocused ?? isActive ?? true;
     const editContext = useEditContext();
     const fieldsContext = useFieldsEditContext();
     const [agent, setAgent] = useState(() => buildPlaceholderAgentDetails(agentStub));
@@ -127,25 +135,20 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
     const orphanTimeoutRef = useRef(null);
     useEffect(() => {
         activeInlineDialogRef.current = activeInlineDialog;
-        const visibleRegistry = { ...getVisibleDialogRegistry() };
         const callbackId = activeInlineDialog?.request.callbackId || null;
         const terminalInstanceId = dialogTerminalInstanceIdRef.current;
         const agentKeys = [
-            normalizeDialogAgentId(agentStubIdRefForDialogs.current),
-            normalizeDialogAgentId(agentIdRefForDialogs.current),
-        ].filter(Boolean);
-        agentKeys.forEach((key) => {
-            if (callbackId) {
-                visibleRegistry[key] = {
-                    callbackId,
-                    terminalInstanceId,
-                };
-            }
-            else {
-                delete visibleRegistry[key];
-            }
-        });
-        globalThis.__agentDialogVisibleCallbacks = visibleRegistry;
+            agentStubIdRefForDialogs.current,
+            agentIdRefForDialogs.current,
+        ];
+        if (callbackId) {
+            agentKeys.forEach((key) => {
+                setVisibleDialogEntry(key, terminalInstanceId, callbackId, isActiveRefForDialogs.current);
+            });
+        }
+        else {
+            clearVisibleDialogEntriesForInstance(agentKeys, terminalInstanceId);
+        }
     }, [activeInlineDialog]);
     useEffect(() => {
         onQuestionnaireOpenChange?.(isQuestionnaireDialogOpen);
@@ -1108,7 +1111,13 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         setPrompt(localStorageService.getItem(`editor.agent.draftPrompt.${agentStub.id}`) || "");
     }, [agentStub.id]);
     // Persist the in-progress prompt per agent so it survives workspace switches/unmounts.
+    // Gated on `effectiveIsFocused`: when the same agent is shown in two panes
+    // only the focused pane is the "draft owner". Non-focused panes keep their
+    // local prompt state (so the textarea displays it) but never persist —
+    // otherwise the two would race-overwrite each other in localStorage.
     useEffect(() => {
+        if (!effectiveIsFocused)
+            return;
         const key = `editor.agent.draftPrompt.${agentStub.id}`;
         if (prompt) {
             localStorageService.setItem(key, prompt);
@@ -1116,7 +1125,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         else {
             localStorageService.removeItem(key);
         }
-    }, [prompt, agentStub.id]);
+    }, [prompt, agentStub.id, effectiveIsFocused]);
     useEffect(() => {
         // Keep messagesRef synchronized with messages state
         messagesRef.current = messages;
@@ -2138,11 +2147,26 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         // WebSocket message (fired from AgentDocumentRepository), bridged to the in-process
         // emitAgentDocumentsChanged event in EditorShell. No per-tool allow-list here.
     }, [agent?.id, agentStub.id, appendToolUiEvent]);
-    // Listen for local approval resolution to update UI
+    // Listen for local approval resolution to update UI.
+    // Filters on detail.agentId so that with multi-pane (same agent in two panes,
+    // or any visible terminal that isn't the dispatch source) only the matching
+    // mounts react. Compares via ref so an empty-deps listener tolerates
+    // agentStub swaps without going stale.
     useEffect(() => {
         const onApprovalResolved = (ev) => {
             try {
                 const detail = ev?.detail || {};
+                const eventAgentId = detail.agentId;
+                // Skip events that target a different agent. If the dispatch site
+                // didn't include an agentId (legacy), fall through and accept — no
+                // worse than today's behavior.
+                if (eventAgentId) {
+                    const myStubId = agentStubIdRefForDialogs.current;
+                    const myAgentId = agentIdRefForDialogs.current;
+                    if (eventAgentId !== myStubId && eventAgentId !== myAgentId) {
+                        return;
+                    }
+                }
                 const messageId = detail.messageId;
                 const toolCallId = detail.toolCallId;
                 const approved = !!detail.approved;
@@ -2561,16 +2585,16 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
     useEffect(() => {
         loadAgent();
     }, [loadAgent]);
-    // Reload agent when tab becomes active to get latest messages
-    const previousIsActiveRef = useRef(isActive);
+    // Reload agent when tab becomes visible to get latest messages
+    const previousIsVisibleRef = useRef(effectiveIsVisible);
     useEffect(() => {
-        const wasInactive = !previousIsActiveRef.current;
-        const isNowActive = isActive;
-        previousIsActiveRef.current = isActive;
-        if (wasInactive && isNowActive && agent) {
+        const wasHidden = !previousIsVisibleRef.current;
+        const isNowVisible = effectiveIsVisible;
+        previousIsVisibleRef.current = effectiveIsVisible;
+        if (wasHidden && isNowVisible && agent) {
             loadAgent();
         }
-    }, [isActive, agent?.id, loadAgent]);
+    }, [effectiveIsVisible, agent?.id, loadAgent]);
     // Fetch agent operations on load and reload
     useEffect(() => {
         const fetchOperations = async () => {
@@ -3349,37 +3373,19 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
     useEffect(() => {
         handleAgentWebSocketMessageRef.current = handleAgentWebSocketMessage;
     }, [handleAgentWebSocketMessage]);
-    // Subscribe to agent WebSocket messages when active
+    // Subscribe to agent WebSocket messages when visible.
+    // The actual `agent:subscribe`/`agent:unsubscribe` send is delegated to
+    // agentSubscriptionRegistry so multiple panes / dialogs / async helpers
+    // share a single server subscription per agentId. The registry also owns
+    // re-subscribe on socket reconnect, so socketConnectionVersion is no longer
+    // a dep here.
     useEffect(() => {
         const addListener = editContext?.addSocketMessageListener;
-        if (!isActive || !addListener) {
-            // Unsubscribe if we were previously subscribed
-            if (subscribedAgentIdRef.current) {
-                const socket = globalThis.editorSocket;
-                if (socket && socket.readyState === WebSocket.OPEN) {
-                    const payload = {
-                        type: "agent:unsubscribe",
-                        agentId: subscribedAgentIdRef.current,
-                    };
-                    console.debug("[AgentWebSocket] sent", payload);
-                    socket.send(JSON.stringify(payload));
-                }
-                subscribedAgentIdRef.current = null;
-            }
+        if (!effectiveIsVisible || !addListener) {
+            subscribedAgentIdRef.current = null;
             return;
         }
-        // Send subscription message to server
-        const socket = globalThis.editorSocket;
-        if (socket && socket.readyState === WebSocket.OPEN) {
-            const payload = {
-                type: "agent:subscribe",
-                agentId: agentStub.id,
-            };
-            console.debug("[AgentWebSocket] sent", payload);
-            socket.send(JSON.stringify(payload));
-        }
-        // Use the addSocketMessageListener helper from editContext
-        // Wrap the handler in a stable function that uses the ref
+        const releaseSubscription = subscribeAgent(agentStub.id);
         const stableHandler = (message) => {
             handleAgentWebSocketMessageRef.current(message);
         };
@@ -3399,51 +3405,53 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                 setIsWaitingForResponse(true);
                 isWaitingRef.current = true;
                 shouldCreateNewMessage.current = false;
-                // Agent is currently running, show thinking dots
                 setIsAgentThinking(true);
             }
             else if (isWaitingForApproval || isWaitingForInput) {
                 setIsWaitingForResponse(false);
                 isWaitingRef.current = false;
-                // Agent is waiting for user input/approval, hide thinking dots
                 setIsAgentThinking(false);
             }
             else {
                 setIsWaitingForResponse(false);
                 isWaitingRef.current = false;
-                // Agent is idle, hide thinking dots
                 setIsAgentThinking(false);
             }
         }
         return () => {
-            // Send unsubscribe message to server
-            const socket = globalThis.editorSocket;
-            if (socket &&
-                socket.readyState === WebSocket.OPEN &&
-                subscribedAgentIdRef.current) {
-                const payload = {
-                    type: "agent:unsubscribe",
-                    agentId: subscribedAgentIdRef.current,
-                };
-                console.debug("[AgentWebSocket] sent", payload);
-                socket.send(JSON.stringify(payload));
-            }
+            releaseSubscription();
             unsubscribe();
             subscribedAgentIdRef.current = null;
         };
     }, [
-        isActive,
+        effectiveIsVisible,
         agentStub.id,
         editContext?.addSocketMessageListener,
-        editContext?.socketConnectionVersion,
     ]);
-    // Focus prompt when requested globally (from AI command)
+    // Focus prompt when requested globally (from AI command).
+    // Listener semantics:
+    //   - If detail.agentId is provided: only the AgentTerminal whose
+    //     agentStub.id (or live agent id) matches reacts.
+    //   - If absent (legacy callers): only the focused pane reacts.
+    // Both branches read via refs so empty-deps listener stays current after
+    // agentStub swaps or focus changes.
     useEffect(() => {
-        const focusHandler = () => {
+        const focusHandler = (ev) => {
             try {
+                const detail = ev.detail;
+                if (detail?.agentId) {
+                    const myStubId = agentStubIdRefForDialogs.current;
+                    const myAgentId = agentIdRefForDialogs.current;
+                    if (detail.agentId !== myStubId && detail.agentId !== myAgentId) {
+                        return;
+                    }
+                }
+                else {
+                    if (!isActiveRefForDialogs.current)
+                        return;
+                }
                 if (textareaRef.current) {
                     textareaRef.current.focus();
-                    // Move caret to end
                     const value = textareaRef.current.value || "";
                     textareaRef.current.selectionStart = value.length;
                     textareaRef.current.selectionEnd = value.length;
@@ -3457,7 +3465,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
     // Keep stable refs so we don't miss window events during effect re-runs.
     const agentIdRefForDialogs = useRef(null);
     const agentStubIdRefForDialogs = useRef(agentStub.id);
-    const isActiveRefForDialogs = useRef(isActive);
+    const isActiveRefForDialogs = useRef(effectiveIsFocused);
     const scrollToBottomRefForDialogs = useRef(scrollToBottom);
     useEffect(() => {
         agentIdRefForDialogs.current = agent?.id ?? null;
@@ -3465,13 +3473,13 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
     useEffect(() => {
         const prevId = agentStubIdRefForDialogs.current;
         agentStubIdRefForDialogs.current = agentStub.id;
-        const visibleRegistry = { ...getVisibleDialogRegistry() };
-        const normalizedPrevId = normalizeDialogAgentId(prevId);
-        if (normalizedPrevId) {
-            delete visibleRegistry[normalizedPrevId];
-            globalThis.__agentDialogVisibleCallbacks = visibleRegistry;
-        }
         if (prevId && prevId !== agentStub.id) {
+            const terminalInstanceId = dialogTerminalInstanceIdRef.current;
+            // Move our registry entries from prevId to the new stub id so this
+            // instance keeps participating in election under the right key.
+            clearVisibleDialogEntriesForInstance([prevId], terminalInstanceId);
+            unregisterMountedInstance(prevId, terminalInstanceId);
+            registerMountedInstance(agentStub.id, terminalInstanceId);
             const orphanedDialog = activeInlineDialogRef.current;
             if (orphanedDialog) {
                 setActiveInlineDialog(null);
@@ -3482,8 +3490,11 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         }
     }, [agentStub.id]);
     useEffect(() => {
-        isActiveRefForDialogs.current = isActive;
-    }, [isActive]);
+        isActiveRefForDialogs.current = effectiveIsFocused;
+        // Keep the dialog visibility registry's focus flag in sync so election
+        // sees the current state when an incoming `agent:dialog:show` arrives.
+        updateInstanceFocus([agentStubIdRefForDialogs.current, agentIdRefForDialogs.current], dialogTerminalInstanceIdRef.current, effectiveIsFocused);
+    }, [effectiveIsFocused]);
     useEffect(() => {
         scrollToBottomRefForDialogs.current = scrollToBottom;
     }, [scrollToBottom]);
@@ -3493,40 +3504,38 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
             clearTimeout(orphanTimeoutRef.current);
             orphanTimeoutRef.current = null;
         }
-        const globalListeners = (globalThis.__agentDialogMountedAgents ?? []).filter((x) => typeof x === "string");
-        const normalizedAgentStubId = normalizeDialogAgentId(agentStubIdRefForDialogs.current);
-        if (normalizedAgentStubId &&
-            !globalListeners.includes(normalizedAgentStubId)) {
-            globalListeners.push(normalizedAgentStubId);
-        }
-        globalThis.__agentDialogMountedAgents = globalListeners;
+        const terminalInstanceId = dialogTerminalInstanceIdRef.current;
+        // Register this mount in the per-instance registry. The agent stub id is
+        // the stable handle while the live agent id (after creation) is also
+        // tracked through agentIdRefForDialogs, but for mount tracking we use
+        // the stub id since dialogs target the stub id.
+        registerMountedInstance(agentStubIdRefForDialogs.current, terminalInstanceId);
         const handleDialogShow = (event) => {
             const detail = event?.detail;
             const request = detail?.request;
             const onComplete = detail?.onComplete;
             const onCancel = detail?.onCancel;
-            const terminalAgentId = normalizeDialogAgentId(agentIdRefForDialogs.current);
-            const terminalAgentStubId = normalizeDialogAgentId(agentStubIdRefForDialogs.current);
-            const isActiveNow = isActiveRefForDialogs.current;
             if (!request)
                 return;
+            const terminalAgentId = normalizeDialogAgentId(agentIdRefForDialogs.current);
+            const terminalAgentStubId = normalizeDialogAgentId(agentStubIdRefForDialogs.current);
             const requestAgentId = normalizeDialogAgentId(request.agentId);
-            const agentMatch = !requestAgentId ||
-                !terminalAgentStubId ||
-                requestAgentId === terminalAgentStubId ||
-                requestAgentId === terminalAgentId;
-            if (!isActiveNow) {
-                return;
-            }
-            if (!request)
-                return;
-            // Only handle dialog requests for this terminal's agent stub
+            // Agent identity match — required.
             if (requestAgentId &&
                 terminalAgentStubId &&
                 requestAgentId !== terminalAgentStubId &&
                 requestAgentId !== terminalAgentId) {
                 return;
             }
+            // Election: among all mounted instances for this agent, exactly one
+            // accepts. Focused instance wins; otherwise first-mounted by insertion
+            // order. This replaces the old "only the focused/active one accepts"
+            // gate so dialogs still surface when no pane is focused on the agent.
+            const electionAgentId = requestAgentId || terminalAgentStubId;
+            if (electionAgentId &&
+                !isElectedDialogReceiver(electionAgentId, terminalInstanceId)) {
+                return;
+            }
             console.log("[AgentTerminal] Received inline dialog request:", request);
             setActiveInlineDialog({
                 request,
@@ -3555,15 +3564,8 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         };
         window.addEventListener("agent:dialog:show", handleDialogShow);
         return () => {
-            const mounted = (globalThis.__agentDialogMountedAgents ?? []).filter((x) => typeof x === "string");
-            globalThis.__agentDialogMountedAgents = mounted.filter((id) => id !== normalizeDialogAgentId(agentStubIdRefForDialogs.current));
-            const visibleRegistry = { ...getVisibleDialogRegistry() };
-            const idsToClear = [
-                normalizeDialogAgentId(agentStubIdRefForDialogs.current),
-                normalizeDialogAgentId(agentIdRefForDialogs.current),
-            ].filter(Boolean);
-            idsToClear.forEach((id) => delete visibleRegistry[id]);
-            globalThis.__agentDialogVisibleCallbacks = visibleRegistry;
+            unregisterMountedInstance(agentStubIdRefForDialogs.current, terminalInstanceId);
+            clearVisibleDialogEntriesForInstance([agentStubIdRefForDialogs.current, agentIdRefForDialogs.current], terminalInstanceId);
             // If unmounting with an active dialog, defer the orphan event so that
             // React strict mode remounts can cancel it. Only real unmounts fire.
             const orphanedDialog = activeInlineDialogRef.current;
@@ -3695,14 +3697,16 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
             scrollToBottom();
         }
     }, [messages, scrollToBottom, shouldAutoScroll]);
-    // Maintain focus on textarea when messages update (prevents focus loss during agent responses)
+    // Maintain focus on textarea when messages update (prevents focus loss during agent responses).
+    // pane-aware: focused only — non-focused panes must not steal focus.
     useEffect(() => {
         if (shouldMaintainFocusRef.current &&
             textareaRef.current &&
-            !activePlaceholderInput) {
+            !activePlaceholderInput &&
+            effectiveIsFocused) {
             textareaRef.current.focus();
         }
-    }, [messages, activePlaceholderInput]);
+    }, [messages, activePlaceholderInput, effectiveIsFocused]);
     // Persist any pending settings (mode/model/profile) once an agent exists server-side
     const persistPendingSettingsIfNeeded = useCallback(async () => {
         try {
@@ -3846,6 +3850,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                     });
                     window.dispatchEvent(new CustomEvent("agent:toolApprovalResolved", {
                         detail: {
+                            agentId: agentIdForReject,
                             messageId: pending.dbMessageId || pending.messageId,
                             toolCallId: pending.toolCallId,
                             approved: false,
@@ -4931,7 +4936,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         agent?.statusMessage,
     ]);
     useEffect(() => {
-        if (!isActive || !isExecuting || !currentAgentId) {
+        if (!effectiveIsVisible || !isExecuting || !currentAgentId) {
             return;
         }
         let disposed = false;
@@ -5031,7 +5036,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         currentAgentId,
         editContext?.sessionId,
         editContext?.socketConnectionVersion,
-        isActive,
+        effectiveIsVisible,
         isExecuting,
         appendToolUiEvent,
         clearHeartbeatMessages,
@@ -5392,7 +5397,15 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                                     setPrompt("");
                                     setAllPlaceholdersFilled(false);
                                     setInputPlaceholder("Type your message... (Enter to send, Shift+Enter or Ctrl+Enter for new line)");
-                                } })) : (_jsx("div", { className: "flex items-stretch gap-2", children: _jsx(Textarea, { ref: textareaRef, style: { viewTransitionName: "assistant-chat-input" }, value: prompt, onChange: (e) => {
+                                } })) : (_jsx("div", { className: "flex items-stretch gap-2", children: _jsx(Textarea, { ref: textareaRef, 
+                                    // Globally-named view transitions break with multiple
+                                    // mounts of the same agent (split panes). Only the
+                                    // focused pane sets the name so the splash → focused
+                                    // animation still works without the others fighting
+                                    // for the same key.
+                                    style: effectiveIsFocused
+                                        ? { viewTransitionName: "assistant-chat-input" }
+                                        : undefined, value: prompt, onChange: (e) => {
                                         setPrompt(e.target.value);
                                         if (!/\{\{[^{}]+\}\}|<<[^<>]+>>/.test(e.target.value)) {
                                             setAllPlaceholdersFilled(false);
@@ -5406,7 +5419,9 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                                         shouldMaintainFocusRef.current = false;
                                     }, placeholder: readOnly
                                         ? "Read-only access — ask the owner for Full access to chat with this agent."
-                                        : inputPlaceholder, className: "max-h-[250px] min-h-[80px] flex-1 resize-y overflow-y-auto text-[12px] lg:max-h-[450px]", "data-testid": "agent-terminal-prompt", disabled: isSubmitting || readOnly }) })), (() => {
+                                        : inputPlaceholder, className: "max-h-[250px] min-h-[80px] flex-1 resize-y overflow-y-auto text-[12px] lg:max-h-[450px]", "data-testid": "agent-terminal-prompt", disabled: isSubmitting || readOnly, readOnly: !effectiveIsFocused, title: !effectiveIsFocused
+                                        ? "Editing in another pane — click here to take over"
+                                        : undefined }) })), (() => {
                                 const isInPlaceholderMode = activePlaceholderInput ||
                                     (prompt && /\{\{[^{}]+\}\}|<<[^<>]+>>/.test(prompt));
                                 const placeholderShowsOwnButtons = hideBottomControls && isInPlaceholderMode;
@@ -5642,7 +5657,11 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                             setPrompt("");
                             setAllPlaceholdersFilled(false);
                             setInputPlaceholder("Type your message... (Enter to send, Shift+Enter or Ctrl+Enter for new line)");
-                        } })) : (_jsx("div", { className: "flex items-stretch gap-2", children: _jsx(Textarea, { ref: textareaRef, style: { viewTransitionName: "assistant-chat-input" }, value: prompt, onChange: (e) => {
+                        } })) : (_jsx("div", { className: "flex items-stretch gap-2", children: _jsx(Textarea, { ref: textareaRef, 
+                            // See note above: pane-aware viewTransitionName.
+                            style: effectiveIsFocused
+                                ? { viewTransitionName: "assistant-chat-input" }
+                                : undefined, value: prompt, onChange: (e) => {
                                 setPrompt(e.target.value);
                                 // Reset placeholder filled state when prompt changes
                                 if (!/\{\{[^{}]+\}\}|<<[^<>]+>>/.test(e.target.value)) {
@@ -5658,7 +5677,9 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                                 shouldMaintainFocusRef.current = false;
                             }, placeholder: readOnly
                                 ? "Read-only access — ask the owner for Full access to chat with this agent."
-                                : inputPlaceholder, className: "max-h-[250px] min-h-[80px] flex-1 resize-y overflow-y-auto text-[12px] lg:max-h-[450px]", "data-testid": "agent-terminal-prompt", disabled: isSubmitting || readOnly }) })), (() => {
+                                : inputPlaceholder, className: "max-h-[250px] min-h-[80px] flex-1 resize-y overflow-y-auto text-[12px] lg:max-h-[450px]", "data-testid": "agent-terminal-prompt", disabled: isSubmitting || readOnly, readOnly: !effectiveIsFocused, title: !effectiveIsFocused
+                                ? "Editing in another pane — click here to take over"
+                                : undefined }) })), (() => {
                         const isInPlaceholderMode = activePlaceholderInput ||
                             (prompt && /\{\{[^{}]+\}\}|<<[^<>]+>>/.test(prompt));
                         const placeholderShowsOwnButtons = hideBottomControls && isInPlaceholderMode;