@parhelia/core 0.1.12774 → 0.1.12776

package/dist/editor/ai/AgentTerminal.js

@@ -1,7 +1,7 @@
 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, Wand2, Square, Mic, MicOff, ChevronDown, ChevronUp, ArrowLeft, DollarSign, ExternalLink, Settings2, Target, X, Plus, } from "lucide-react";
+import { Send, AlertCircle, Loader2, Wand2, Square, Mic, MicOff, ChevronDown, ChevronUp, ArrowLeft, DollarSign, ExternalLink, Settings2, Target, X, Plus, Lock, } from "lucide-react";
 import { getAgent, startAgent, claimAgentBrowser, cancelAgentDialog, assignAgentSkill, persistDraftAgent, updateAgentSettings, updateAgentCostLimit, updateAgentContext, getAgentSkillCatalog, getAgentAvailableTools, getAgentOperationAllowances, getAgentTriggerSubscriptions, cancelAgent, canonicalizeAgentMetadata, getPendingPrompts, getAgentDiagnostics, releaseAgentBrowser, rejectToolCall, revokeAgentSkill, isAgentReadOnly, } from "../services/agentService";
 import { parseAgentRunStatusData, parseAgentStatus, } from "../services/agentStatus";
 import { useEditContext, useFieldsEditContext } from "../client/editContext";
@@ -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, isAgentErrorStatusValue, isFinishedServerExecutionStatus, isHeartbeatRunEventMessage, mergeAgentOperationHistory, normalizeDialogAgentId, normalizeProfileAllowanceOperations, normalizeServerExecutionStatus, } from "./agentMessageHelpers";
+import { AGENT_HISTORY_LIMIT, MACHINE_CAPACITY_REASON, buildPlaceholderAgentDetails, formatAllowanceLabel, formatAllowanceSource, getAgentRunMessageAgentId, getAgentRunMessageDetail, getAgentRunMessageSeq, isInactiveServerExecutionStatus, isAgentErrorStatusValue, isHeartbeatRunEventMessage, mergeAgentOperationHistory, normalizeDialogAgentId, normalizeProfileAllowanceOperations, normalizeServerExecutionStatus, } from "./agentMessageHelpers";
 import { AgentDocumentList, } from "./AgentDocumentList";
 import { AgentEditOperationsPanel } from "./EditOperationsPanel";
 import { SpawnedAgentsPanel } from "./SpawnedAgentsPanel";
@@ -35,7 +35,7 @@ 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 } from "../utils";
+import { TimeWithTooltip } from "./TimeWithTooltip";
 import { cn } from "../../lib/utils";
 import { sanitizeSvg } from "../../lib/sanitize";
 import { Select } from "../../components/ui/select";
@@ -48,6 +48,35 @@ import { ScrollingContentTree } from "../ScrollingContentTree";
 import { requestAgentSubscriptionReplay, subscribeAgent, } from "../services/agentSubscriptionRegistry";
 import { registerMountedInstance, unregisterMountedInstance, setVisibleDialogEntry, clearVisibleDialogEntriesForInstance, updateInstanceFocus, isElectedDialogReceiver, } from "./agentDialogRegistry";
 const RECENT_RUN_EVENTS_LIMIT = 50;
+const STOP_STALE_RUNNING_LOAD_SUPPRESSION_MS = 5000;
+function getStaleRunningLoadSuppressionMap() {
+    const globalScope = globalThis;
+    globalScope.__parheliaAgentStopSuppressionByAgentId ??= new Map();
+    return globalScope.__parheliaAgentStopSuppressionByAgentId;
+}
+function markStaleRunningLoadSuppressed(agentId) {
+    if (!agentId)
+        return;
+    getStaleRunningLoadSuppressionMap().set(agentId, Date.now() + STOP_STALE_RUNNING_LOAD_SUPPRESSION_MS);
+}
+function clearStaleRunningLoadSuppression(agentId) {
+    if (!agentId)
+        return;
+    getStaleRunningLoadSuppressionMap().delete(agentId);
+}
+function hasStaleRunningLoadSuppression(agentId) {
+    if (!agentId)
+        return false;
+    const suppressionMap = getStaleRunningLoadSuppressionMap();
+    const suppressUntil = suppressionMap.get(agentId);
+    if (!suppressUntil)
+        return false;
+    if (suppressUntil <= Date.now()) {
+        suppressionMap.delete(agentId);
+        return false;
+    }
+    return true;
+}
 // interface AgentTerminalProps {
 //   agentStub: Agent;
 // }
@@ -74,6 +103,9 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
     // Default to read-only while a persisted agent is loading so we don't briefly
     // render editable controls for a viewer who only has View access.
     const readOnly = isLoading ? true : isAgentReadOnly(agent);
+    const readOnlyAccessNotice = readOnly && !isLoading ? (_jsxs("div", { className: "flex items-start gap-2 border-b border-amber-200 bg-amber-50 px-4 py-2 text-[11px] text-amber-800", "data-testid": "agent-read-only-access-notice", children: [_jsx(Lock, { className: "mt-0.5 h-3.5 w-3.5 shrink-0", strokeWidth: 1.5 }), _jsxs("div", { className: "min-w-0", children: [_jsx("span", { className: "font-medium", children: "View-only access." }), " ", "You can inspect this agent, but sending prompts, stopping runs, and changing settings require Full access", agent?.ownerName || agent?.userId
+                        ? ` from ${agent.ownerName || agent.userId}`
+                        : "", "."] })] })) : null;
     const [activePlaceholderInput, setActivePlaceholderInput] = useState(null);
     const [allPlaceholdersFilled, setAllPlaceholdersFilled] = useState(false);
     const [agentMetadata, setAgentMetadata] = useState(null);
@@ -197,8 +229,12 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
     // while a stop operation is in progress. This prevents race conditions where
     // messages arriving during the stop process could flip the UI back to "executing".
     const isStoppingRef = useRef(false);
+    const latestAgentStatusRef = useRef(agent?.status);
     const [isStopGuardActive, setIsStopGuardActive] = useState(false);
     const stopGuardReleaseTimeoutRef = useRef(null);
+    useEffect(() => {
+        latestAgentStatusRef.current = agent?.status;
+    }, [agent?.status]);
     function clearStopGuard() {
         isStoppingRef.current = false;
         setIsStopGuardActive(false);
@@ -2436,7 +2472,16 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                     return [];
                 }),
             ]);
-            setAgent(agentData);
+            const serverReturnedRunning = agentData.status === "running" || agentData.status === 1;
+            const hasSuppressedRunningLoad = hasStaleRunningLoadSuppression(agentStub.id);
+            const isStaleRunningLoadDuringStop = serverReturnedRunning &&
+                (isStoppingRef.current || hasSuppressedRunningLoad);
+            if (!serverReturnedRunning) {
+                clearStaleRunningLoadSuppression(agentStub.id);
+            }
+            setAgent(isStaleRunningLoadDuringStop
+                ? { ...agentData, status: "idle", statusMessage: undefined }
+                : agentData);
             setQueuedPrompts(prompts);
             // Merge database messages with any existing local messages using ID-based deduplication
             // This prevents both missing messages and duplicates
@@ -3058,6 +3103,10 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                     ? statusData.message.trim() || null
                     : null;
                 if (normalizedStatus === "idle") {
+                    const wasStopping = isStoppingRef.current;
+                    if (wasStopping) {
+                        markStaleRunningLoadSuppressed(agentStub.id);
+                    }
                     clearStopGuard();
                     setLastRunStatusReason(null);
                     setError(null);
@@ -3081,6 +3130,9 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                         messagesRef.current = updated;
                         return updated;
                     });
+                    if (wasStopping) {
+                        return;
+                    }
                     void reconcileServerStateRef.current?.();
                     return;
                 }
@@ -3946,6 +3998,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
             return;
         }
         clearStopGuard();
+        clearStaleRunningLoadSuppression(agentStub.id);
         const hadQuestionnaireDialogOpen = activeInlineDialogRef.current?.request.dialogType === "questionnaire";
         const suppressedQueuedPromptToken = hadQuestionnaireDialogOpen && savedPrompt
             ? registerSuppressedQueuedPrompt(agentId, savedPrompt)
@@ -4837,6 +4890,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
             return;
         }
         try {
+            markStaleRunningLoadSuppressed(agentStub.id);
             // 1. Set the stopping guard to prevent WebSocket handlers from re-enabling states
             // This must happen FIRST, before any other state changes
             armStopGuard();
@@ -4863,7 +4917,10 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
             // Wait for backend confirmation to ensure agent actually stopped
             if (agentStub?.id) {
                 try {
-                    await cancelAgent(agentStub.id);
+                    const cancelResult = await cancelAgent(agentStub.id);
+                    if (cancelResult?.success !== false) {
+                        markStaleRunningLoadSuppressed(agentStub.id);
+                    }
                 }
                 catch (err) {
                     console.error("Failed to cancel agent on backend:", err);
@@ -4875,7 +4932,17 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         catch (e) {
             console.error("Failed to stop agent execution", e);
         }
-    }, []);
+    }, [
+        agent?.canManage,
+        agent?.effectiveAccessLevel,
+        agent?.id,
+        agent?.status,
+        agentStub.id,
+        agentStub.status,
+        isLoading,
+        mode,
+        readOnly,
+    ]);
     // Cost limit is owned by the persisted agent record. Profiles can provide defaults
     // during creation, but once an agent exists the frontend should only display the
     // backend-provided value for that specific agent.
@@ -5051,9 +5118,15 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                 }
                 lastDiagnosticsResponseRef.current = diagnostics;
                 const serverStatus = diagnostics.execution?.status;
-                if (isFinishedServerExecutionStatus(serverStatus)) {
+                if (isInactiveServerExecutionStatus(serverStatus)) {
                     setShowStaleAgentBanner(false);
-                    settleCompletedRun(normalizeServerExecutionStatus(serverStatus) === "cancelled"
+                    const lastRunRequestedAt = Date.parse(diagnostics.lastRunRequest?.requestedAt || "");
+                    const cancelRequestedAt = Date.parse(diagnostics.lastCancellation?.requestedAt || "");
+                    const cancellationAppliesToCurrentRun = Number.isFinite(cancelRequestedAt) &&
+                        (!Number.isFinite(lastRunRequestedAt) ||
+                            cancelRequestedAt >= lastRunRequestedAt);
+                    settleCompletedRun(normalizeServerExecutionStatus(serverStatus) === "cancelled" ||
+                        cancellationAppliesToCurrentRun
                         ? "cancelled"
                         : "completed");
                     return;
@@ -5515,7 +5588,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
             const summaryOperations = latestSummaryAssistantGroup
                 ? getOperationsForMessageGroup(summaryMessages, agentOperations)
                 : [];
-            return (_jsxs("div", { className: `flex h-full min-h-0 flex-col ${className || ""}`, children: [fixedBrowserClaimBanner, error &&
+            return (_jsxs("div", { className: `flex h-full min-h-0 flex-col ${className || ""}`, children: [fixedBrowserClaimBanner, readOnlyAccessNotice, 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(), renderStaleAgentBanner(), _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, readOnly: readOnly, onQuickAction: (action) => {
@@ -5544,7 +5617,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                                             } })) : (_jsx(SecretAgentIcon, { size: 20, strokeWidth: 1, className: "text-gray-2" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("span", { className: "text-dark text-xs font-medium", children: activeProfile?.agentName ||
                                                             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) => {
+                                                            "Agent" }), _jsx(TimeWithTooltip, { date: new Date(), className: "text-xs text-gray-400" })] }), _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;
@@ -5731,7 +5804,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
                                             } })) : (_jsx(SecretAgentIcon, { size: 20, strokeWidth: 1, className: "text-gray-2" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("span", { className: "text-dark text-xs font-medium", children: activeProfile?.agentName ||
                                                             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" })] })] })] }))] }), !simpleMode && renderCostLimitBanner(), _jsx("div", { ref: messagesEndRef })] }), !hideContext &&
+                                                            "Agent" }), _jsx(TimeWithTooltip, { date: new Date(), className: "text-xs text-gray-400" })] }), _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" })] })] })] }))] }), !simpleMode && renderCostLimitBanner(), _jsx("div", { ref: messagesEndRef })] }), !hideContext &&
                 !simpleMode &&
                 (editContext?.isMobile ? (_jsx("div", { className: "border-t border-gray-200 bg-gray-50", "data-testid": "agent-context-panel-tabs", children: _jsx(SimpleTabs, { tabs: [
                             {
@@ -5797,7 +5870,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, onReloadPr
         ], direction: "vertical", localStorageKey: compact
             ? "agent-terminal-compact-questionnaire-splitter"
             : "agent-terminal-questionnaire-splitter", className: "min-h-0 flex-1", splitterClassName: "bg-gray-200 hover:bg-gray-300" })) : (_jsxs(_Fragment, { children: [fullModeUpperContent, fullModeInlineDialog] }));
-    return loadingContent ? (loadingContent) : displayMode === "summary" && summaryModeContent ? (summaryModeContent) : (_jsxs("div", { className: `flex h-full min-h-0 flex-col ${className || ""}`, children: [parentAgentId && !simpleMode && (_jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-4 py-2", children: _jsxs("button", { onClick: handleBackToParent, className: "flex items-center gap-2 text-[11px] text-gray-600 transition-colors hover:text-gray-900", title: "Back to parent agent", children: [_jsx(ArrowLeft, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), _jsx("span", { children: "Back to parent agent" })] }) })), fullModeContent, _jsxs("div", { className: cn("border-t border-gray-200 p-4", simpleMode && "pb-10"), children: [activePlaceholderInput ? (
+    return loadingContent ? (loadingContent) : displayMode === "summary" && summaryModeContent ? (summaryModeContent) : (_jsxs("div", { className: `flex h-full min-h-0 flex-col ${className || ""}`, children: [parentAgentId && !simpleMode && (_jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-4 py-2", children: _jsxs("button", { onClick: handleBackToParent, className: "flex items-center gap-2 text-[11px] text-gray-600 transition-colors hover:text-gray-900", title: "Back to parent agent", children: [_jsx(ArrowLeft, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), _jsx("span", { children: "Back to parent agent" })] }) })), readOnlyAccessNotice, fullModeContent, _jsxs("div", { className: cn("border-t border-gray-200 p-4", simpleMode && "pb-10"), children: [activePlaceholderInput ? (
                     // 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) => {