@parhelia/core 0.1.12331 → 0.1.12339

package/dist/editor/ai/AgentTerminal.js

@@ -54,6 +54,10 @@ function buildPlaceholderAgentDetails(agentStub) {
 function normalizeDialogAgentId(value) {
     return value?.trim().toLowerCase() || "";
 }
+function getVisibleDialogRegistry() {
+    const registry = globalThis.__agentDialogVisibleCallbacks;
+    return registry && typeof registry === "object" ? registry : {};
+}
 // Simple user message component
 const UserMessage = ({ message }) => {
     const content = message.content || "";
@@ -731,6 +735,21 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     const orphanTimeoutRef = useRef(null);
     useEffect(() => {
         activeInlineDialogRef.current = activeInlineDialog;
+        const visibleRegistry = { ...getVisibleDialogRegistry() };
+        const callbackId = activeInlineDialog?.request.callbackId || null;
+        const agentKeys = [
+            normalizeDialogAgentId(agentStubIdRefForDialogs.current),
+            normalizeDialogAgentId(agentIdRefForDialogs.current),
+        ].filter(Boolean);
+        agentKeys.forEach((key) => {
+            if (callbackId) {
+                visibleRegistry[key] = callbackId;
+            }
+            else {
+                delete visibleRegistry[key];
+            }
+        });
+        globalThis.__agentDialogVisibleCallbacks = visibleRegistry;
     }, [activeInlineDialog]);
     useEffect(() => {
         onQuestionnaireOpenChange?.(isQuestionnaireDialogOpen);
@@ -819,6 +838,19 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     const [showPredefined, setShowPredefined] = useState(false);
     const [activeProfile, setActiveProfile] = useState(undefined);
     const [selectedModelId, setSelectedModelId] = useState(undefined);
+    const normalizeAgentMode = (value) => {
+        if (value === "autonomous" ||
+            value === "read-only" ||
+            value === "supervised") {
+            return value;
+        }
+        // Backend task/spawned agents persist raw "agent", which behaves like
+        // autonomous in the frontend's current 3-mode model.
+        if (value === "agent") {
+            return "autonomous";
+        }
+        return null;
+    };
     const [mode, setMode] = useState("supervised");
     const [queuedPrompts, setQueuedPrompts] = useState([]);
     const [expandedQueuedTriggerIds, setExpandedQueuedTriggerIds] = useState({});
@@ -3237,6 +3269,12 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     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 orphanedDialog = activeInlineDialogRef.current;
             if (orphanedDialog) {
@@ -3318,6 +3356,13 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         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;
             // 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;
@@ -3405,20 +3450,16 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
     // Initialize mode from metadata; fall back to agent.Mode from server
     useEffect(() => {
         try {
-            const metaMode = agentMetadata?.mode;
-            if (metaMode === "autonomous" ||
-                metaMode === "read-only" ||
-                metaMode === "supervised") {
+            const metaMode = normalizeAgentMode(agentMetadata?.mode);
+            if (metaMode) {
                 setMode(metaMode);
                 return;
             }
         }
         catch { }
         try {
-            const serverMode = agent?.mode;
-            if (serverMode === "autonomous" ||
-                serverMode === "read-only" ||
-                serverMode === "supervised") {
+            const serverMode = normalizeAgentMode(agent?.mode);
+            if (serverMode) {
                 setMode(serverMode);
             }
         }
@@ -4362,6 +4403,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         isConnecting ||
         isWaitingForResponse ||
         hasActiveStreaming();
+    const showInitialThinkingSplash = messages.length === 0 && !error && hideGreeting && (isSubmitting || isConnecting);
     // Compute dots visibility: only show BEFORE any assistant message exists
     // This prevents duplicate headers - the dots indicator has its own header,
     // and we don't want to show a second header below existing messages
@@ -4376,6 +4418,10 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         // The message with the pending approval will display its own UI for approval
         if (allPendingApprovals.length > 0)
             return false;
+        // The hidden-greeting startup splash already renders its own bouncing dots.
+        // Suppress the generic indicator so reopening/running terminals don't show two.
+        if (showInitialThinkingSplash)
+            return false;
         // IMPORTANT: If the last message is an assistant message and we're still executing,
         // the AiResponseMessage for that message will show its own activity indicator.
         // We only want these global thinking dots if the last message was from the user
@@ -4398,6 +4444,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
         messages,
         activeInlineDialog,
         allPendingApprovals,
+        showInitialThinkingSplash,
     ]);
     // Move useMemo hook before early return to comply with Rules of Hooks
     const isLiveEditorContextMode = React.useMemo(() => {
@@ -4524,10 +4571,7 @@ 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: [_jsxs("div", { ref: messagesContainerRef, className: "flex-1 overflow-y-auto", onScroll: handleScroll, children: [error && (_jsx("div", { className: "m-4 rounded-lg border-l-4 border-red-500 bg-red-50 p-3 select-text", children: _jsxs("div", { className: "flex items-start", children: [_jsx(AlertCircle, { className: "mt-0.5 h-5 w-5 text-red-400", strokeWidth: 1 }), _jsxs("div", { className: "ml-3", children: [_jsx("p", { className: "text-[11px] font-medium text-red-800", children: "Error" }), _jsx("p", { className: "mt-1 text-[11px] text-red-700", children: error })] })] }) })), messages.length === 0 &&
-                                !error &&
-                                hideGreeting &&
-                                (isSubmitting || isConnecting) && (_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: {
+            return (_jsxs("div", { className: `flex h-full min-h-0 flex-col ${className || ""}`, children: [_jsxs("div", { ref: messagesContainerRef, className: "flex-1 overflow-y-auto", onScroll: handleScroll, children: [error && (_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: 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" })] })] }) })), 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, error: error || undefined, defaultCollapseJson: defaultCollapseJson, profileSvgIcon: activeProfile?.svgIcon, agentId: agent?.id || agentStub.id, agentName: activeProfile?.agentName ||
                                         activeProfile?.displayTitle ||
@@ -4652,10 +4696,7 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                         handleSubmit();
                                     }
                                 }, 0);
-                            } })) })), messages.length === 0 &&
-                        !error &&
-                        hideGreeting &&
-                        (isSubmitting || isConnecting) && (_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: {
+                            } })) })), 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: 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" })] })] }) })), renderErrorBanner(), _jsxs("div", { className: "space-y-0 divide-y divide-gray-100 select-text", children: [(() => {
                                 const groups = groupConsecutiveMessages(messages);
@@ -5044,10 +5085,10 @@ export function AgentTerminal({ agentStub, initialMetadata, profiles, isActive =
                                                                                         }, children: _jsx(ExternalLink, { className: "h-2.5 w-2.5", strokeWidth: 1.5 }) }), backendAssignedSkillSet.has(skillId.toLowerCase()) ? (_jsx("span", { className: "text-[9px] text-gray-500", children: "auto" })) : (_jsx("button", { type: "button", className: "rounded p-0.5 text-gray-500 hover:bg-gray-200 hover:text-gray-700", onClick: () => {
                                                                                             void handleRemoveSkill(skillId);
                                                                                         }, 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: [_jsx("div", { className: "mb-1 text-[11px] font-medium text-gray-700", children: "Subscribed triggers" }), _jsx("div", { className: "max-h-28 space-y-1 overflow-y-auto rounded border border-gray-200 bg-gray-50 p-1.5", children: triggerSubscriptionsLoading ? (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "Loading subscribed triggers..." })) : activeTriggerSubscriptions.length > 0 ? (activeTriggerSubscriptions.map((sub) => {
-                                                                            const filterText = (sub.filter || "").trim();
-                                                                            return (_jsxs("div", { className: "rounded border border-gray-200 bg-white px-1.5 py-1", children: [_jsx("div", { className: "truncate text-[10px] font-medium text-gray-800", children: sub.triggerName }), filterText.length > 0 && (_jsxs("div", { className: "mt-0.5 line-clamp-2 text-[9px] break-all text-gray-500", children: ["filter: ", filterText] }))] }, sub.id));
-                                                                        })) : (_jsx("div", { className: "px-1 text-[10px] text-gray-500", children: "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: () => {
+                                                                        }) }))] }), _jsxs("div", { children: [_jsx("div", { className: "mb-0.5 px-0.5 text-[11px] font-medium text-gray-700", children: "Subscribed triggers" }), _jsx("div", { className: "max-h-28 overflow-y-auto rounded border border-gray-100 bg-gray-50/50 p-1", 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 hover:bg-white/60 transition-colors", 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: "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: () => {
                                                                 setPrompt(p.prompt);
                                                                 setShowPredefined(false);
                                                                 if (textareaRef.current)