@parhelia/core 0.1.12025 → 0.1.12045

package/dist/agents-view/AgentCard.d.ts

@@ -3,12 +3,14 @@ import { Agent } from "../editor/services/agentService";
 interface AgentCardProps {
     agent: Agent;
     onClick: (agent: Agent) => void;
-    onResume: (agent: Agent) => void;
-    onClose: (agentId: string, agentName: string) => void;
-    onDelete: (agentId: string, agentName: string, event: React.MouseEvent) => void;
+    onResume?: (agent: Agent) => void;
+    onClose?: (agentId: string, agentName: string) => void;
+    onDelete?: (agentId: string, agentName: string, event: React.MouseEvent) => void;
+    onDismiss?: (agentId: string, agentName: string) => void;
     formatDateTime: (dateString: string) => string;
     /** Whether this card is selected */
     selected?: boolean;
 }
-export declare function AgentCard({ agent, onClick, onResume, onClose, onDelete, formatDateTime, selected, }: AgentCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function getInboxAttentionPriority(agent: Agent): number;
+export declare function AgentCard({ agent, onClick, onResume, onClose, onDelete, onDismiss, formatDateTime, selected, }: AgentCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/agents-view/AgentCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getAgentStatusConfig } from "../editor/ai/AgentStatusBadge";
 import { cn } from "../lib/utils";
-import { Trash, X, Play, Users, AlertCircle, Clock, DollarSign, MessageSquare, } from "lucide-react";
+import { Trash, X, Play, Users, AlertCircle, Clock, DollarSign, MessageSquare, HelpCircle, } from "lucide-react";
 import { SimpleIconButton } from "../editor/ui/SimpleIconButton";
 import { SecretAgentIcon } from "../editor/ui/Icons";
 /**
@@ -38,12 +38,97 @@ function getAttentionIndicator(agent) {
     }
     return null;
 }
-export function AgentCard({ agent, onClick, onResume, onClose, onDelete, formatDateTime, selected = false, }) {
+function getInboxAttentionInfo(agent) {
+    const status = agent.status;
+    if (status === "waitingForApproval" || status === 2) {
+        return {
+            priority: 1,
+        };
+    }
+    if (status === "waitingForInput" || status === 8) {
+        return {
+            priority: 0,
+        };
+    }
+    if (status === "costLimitReached" || status === 7) {
+        return {
+            priority: 2,
+        };
+    }
+    if (status === "error" || status === 4) {
+        return {
+            priority: 3,
+        };
+    }
+    if (status === "completed" || status === 3) {
+        return {
+            priority: 5,
+        };
+    }
+    return {
+        priority: 4,
+    };
+}
+export function getInboxAttentionPriority(agent) {
+    return getInboxAttentionInfo(agent).priority;
+}
+function getSelectedCardClass(agent) {
+    const status = agent.status;
+    if (status === "running" || status === 1) {
+        return "border-theme-secondary bg-theme-secondary/10 ring-2 ring-theme-secondary";
+    }
+    if (status === "waitingForApproval" || status === 2) {
+        return "border-amber-300 bg-amber-50/30 ring-2 ring-amber-500";
+    }
+    if (status === "waitingForInput" || status === 8) {
+        return "border-purple-300 bg-purple-50/30 ring-2 ring-purple-500";
+    }
+    if (status === "completed" || status === 3) {
+        return "border-green-300 bg-green-50/30 ring-2 ring-green-500";
+    }
+    if (status === "error" || status === 4) {
+        return "border-red-300 bg-red-50/30 ring-2 ring-red-500";
+    }
+    if (status === "costLimitReached" || status === 7) {
+        return "border-amber-300 bg-amber-50/30 ring-2 ring-amber-500";
+    }
+    if (status === "idle" || status === 6) {
+        return "border-amber-300 bg-amber-50/30 ring-2 ring-amber-500";
+    }
+    return "border-gray-300 bg-gray-50/50 ring-2 ring-gray-400";
+}
+export function AgentCard({ agent, onClick, onResume, onClose, onDelete, onDismiss, formatDateTime, selected = false, }) {
     const statusConfig = getAgentStatusConfig(agent);
     const isClosed = agent.status === "closed" || agent.status === 5;
-    const attentionIndicator = getAttentionIndicator(agent);
+    const attentionIndicator = getAttentionIndicator(agent) ??
+        (agent.status === "waitingForInput" || agent.status === 8
+            ? {
+                show: true,
+                icon: _jsx(HelpCircle, { className: "size-3", strokeWidth: 2 }),
+                label: "Input Required",
+                colorClass: "bg-purple-50 text-purple-700 border-purple-100",
+                accentColor: "bg-purple-500",
+            }
+            : agent.status === "idle" || agent.status === 6
+                ? {
+                    show: true,
+                    icon: _jsx(MessageSquare, { className: "size-3", strokeWidth: 2 }),
+                    label: "Awaiting Response",
+                    colorClass: "bg-amber-50 text-amber-700 border-amber-100",
+                    accentColor: "bg-amber-500",
+                }
+                : agent.status === "completed" || agent.status === 3
+                    ? {
+                        show: true,
+                        icon: _jsx(MessageSquare, { className: "size-3", strokeWidth: 2 }),
+                        label: "Ready",
+                        colorClass: "bg-green-50 text-green-700 border-green-100",
+                        accentColor: "bg-green-500",
+                    }
+                    : null);
+    const selectedClass = getSelectedCardClass(agent);
     const handleCardClick = () => {
-        if (isClosed) {
+        if (isClosed && onResume) {
             onResume(agent);
         }
         else {
@@ -52,17 +137,19 @@ export function AgentCard({ agent, onClick, onResume, onClose, onDelete, formatD
     };
     return (_jsxs("div", { className: cn("group relative cursor-pointer overflow-hidden rounded-xl border bg-white p-4 transition-all hover:border-gray-300 hover:shadow-[0_4px_12px_rgba(0,0,0,0.05)]", attentionIndicator
             ? "border-gray-200"
-            : "border-gray-100 shadow-[0_1px_2px_rgba(0,0,0,0.02)]", selected &&
-            "border-emerald-300 bg-emerald-50/30 ring-2 ring-emerald-500"), onClick: handleCardClick, children: [attentionIndicator && (_jsx("div", { className: cn("absolute inset-y-0 left-0 w-1", attentionIndicator.accentColor) })), _jsxs("div", { className: "flex items-start justify-between", children: [_jsx("div", { className: "mr-4 shrink-0", children: _jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-gray-50 text-gray-400 ring-1 ring-gray-100 transition-colors group-hover:bg-gray-100", children: agent.profileSvgIcon ? (_jsx("div", { className: "h-6 w-6 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
+            : "border-gray-100 shadow-[0_1px_2px_rgba(0,0,0,0.02)]", selected && selectedClass), onClick: handleCardClick, children: [attentionIndicator && (_jsx("div", { className: cn("absolute inset-y-0 left-0 w-1", attentionIndicator.accentColor) })), _jsxs("div", { className: "flex items-start justify-between", children: [_jsx("div", { className: "mr-4 shrink-0", children: _jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-gray-50 text-gray-400 ring-1 ring-gray-100 transition-colors group-hover:bg-gray-100", children: agent.profileSvgIcon ? (_jsx("div", { className: "h-6 w-6 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
                                     __html: agent.profileSvgIcon,
                                 } })) : (_jsx(SecretAgentIcon, { size: 24, strokeWidth: 1.5, className: "text-gray-400" })) }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("h4", { className: "truncate text-sm font-semibold tracking-tight text-gray-900", children: agent.name }), _jsx("div", { className: cn("h-1.5 w-1.5 shrink-0 rounded-full", statusConfig.color, statusConfig.shouldPulse && "animate-pulse"), title: statusConfig.label }), agent.isShared && (_jsx("div", { className: "flex items-center gap-1 rounded-full bg-blue-50/80 px-2 py-0.5 text-[10px] font-bold tracking-wider text-blue-600 uppercase ring-1 ring-blue-100 ring-inset", children: _jsx("span", { children: "Shared" }) }))] }), _jsxs("div", { className: "mb-1 font-mono text-[10px] text-gray-400", children: ["ID: ", agent.id] }), attentionIndicator && (_jsxs("div", { className: cn("mb-3 inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-[11px] font-semibold tracking-tight", attentionIndicator.colorClass), children: [attentionIndicator.icon, _jsx("span", { children: attentionIndicator.label })] })), agent.description ? (_jsx("p", { className: "mb-3 line-clamp-1 text-[13px] leading-relaxed text-gray-500", children: agent.description })) : (_jsx("div", { className: "mb-2" })), _jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-[11px] font-medium text-gray-400", children: [agent.nextRunAt && (_jsxs("div", { className: "flex items-center gap-1 text-amber-600", children: [_jsx(Clock, { className: "size-3", strokeWidth: 2 }), _jsxs("span", { children: ["Wake: ", formatDateTime(agent.nextRunAt)] })] })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Clock, { className: "size-3", strokeWidth: 2 }), _jsx("span", { children: agent.lastMessageDate
                                                     ? formatDateTime(agent.lastMessageDate)
                                                     : formatDateTime(agent.updatedDate) })] }), agent.isShared && agent.ownerName && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Users, { className: "size-3", strokeWidth: 2 }), _jsxs("span", { children: ["By ", agent.ownerName] })] })), agent.messageCount !== undefined && agent.messageCount > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(MessageSquare, { className: "size-3", strokeWidth: 2 }), _jsxs("span", { children: [agent.messageCount, " msg"] })] })), agent.totalCost !== undefined && agent.totalCost > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(DollarSign, { className: "size-3", strokeWidth: 2 }), _jsxs("span", { children: ["$", agent.totalCost.toFixed(2)] })] }))] })] }), _jsxs("div", { className: "ml-4 flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [isClosed && (_jsx(SimpleIconButton, { onClick: (e) => {
                                     e.stopPropagation();
-                                    onResume(agent);
-                                }, icon: _jsx(Play, { className: "size-4", strokeWidth: 2 }), label: "Resume Agent", className: "h-8 w-8 rounded-full bg-blue-50 text-blue-600 shadow-sm hover:bg-blue-100" })), !isClosed && (_jsx(SimpleIconButton, { onClick: (e) => {
+                                    onResume?.(agent);
+                                }, icon: _jsx(Play, { className: "size-4", strokeWidth: 2 }), label: "Resume Agent", className: "h-8 w-8 rounded-full bg-blue-50 text-blue-600 shadow-sm hover:bg-blue-100" })), !isClosed && !onDismiss && (_jsx(SimpleIconButton, { onClick: (e) => {
+                                    e.stopPropagation();
+                                    onClose?.(agent.id, agent.name);
+                                }, icon: _jsx(X, { className: "size-4", strokeWidth: 2 }), label: "Close Agent", className: "h-8 w-8 rounded-full bg-gray-50 text-gray-600 shadow-sm hover:bg-gray-100" })), onDismiss ? (_jsx(SimpleIconButton, { onClick: (e) => {
                                     e.stopPropagation();
-                                    onClose(agent.id, agent.name);
-                                }, icon: _jsx(X, { className: "size-4", strokeWidth: 2 }), label: "Close Agent", className: "h-8 w-8 rounded-full bg-gray-50 text-gray-600 shadow-sm hover:bg-gray-100" })), _jsx(SimpleIconButton, { onClick: (e) => onDelete(agent.id, agent.name, e), icon: _jsx(Trash, { className: "size-4", strokeWidth: 2 }), label: "Delete Agent", className: "h-8 w-8 rounded-full bg-red-50 text-red-600 shadow-sm hover:bg-red-100" })] })] })] }, agent.id));
+                                    onDismiss(agent.id, agent.name);
+                                }, icon: _jsx(X, { className: "size-4", strokeWidth: 2 }), label: "Dismiss", className: "h-8 w-8 rounded-full bg-gray-50 text-gray-600 shadow-sm hover:bg-gray-100" })) : (_jsx(SimpleIconButton, { onClick: (e) => onDelete?.(agent.id, agent.name, e), icon: _jsx(Trash, { className: "size-4", strokeWidth: 2 }), label: "Delete Agent", className: "h-8 w-8 rounded-full bg-red-50 text-red-600 shadow-sm hover:bg-red-100" }))] })] })] }, agent.id));
 }
 //# sourceMappingURL=AgentCard.js.map

package/dist/agents-view/AgentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentCard.js","sourceRoot":"","sources":["../../src/agents-view/AgentCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AgentCard.js","sourceRoot":"","sources":["../../src/agents-view/AgentCard.tsx"],"names":[],"mappings":"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"}

package/dist/agents-view/AgentsInbox.d.ts

@@ -11,7 +11,7 @@ interface AgentsInboxProps {
 }
 /**
  * Helper to check if an agent needs attention
- * Includes: waitingForApproval, costLimitReached, error, idle, completed (ready for next prompt)
+ * Includes: waitingForApproval, waitingForInput, costLimitReached, error, idle, completed (ready for next prompt)
  */
 export declare function agentNeedsAttention(agent: Agent): boolean;
 /**

package/dist/agents-view/AgentsInbox.js

@@ -1,17 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getAgentStatusConfig } from "../editor/ai/AgentStatusBadge";
-import { cn } from "../lib/utils";
-import { AlertCircle, Clock, DollarSign, MessageSquare, X } from "lucide-react";
-import { SimpleIconButton } from "../editor/ui/SimpleIconButton";
-import { SecretAgentIcon } from "../editor/ui/Icons";
+import { MessageSquare, X } from "lucide-react";
+import { AgentCard, getInboxAttentionPriority } from "./AgentCard";
 /**
  * Helper to check if an agent needs attention
- * Includes: waitingForApproval, costLimitReached, error, idle, completed (ready for next prompt)
+ * Includes: waitingForApproval, waitingForInput, costLimitReached, error, idle, completed (ready for next prompt)
  */
 export function agentNeedsAttention(agent) {
     const status = agent.status;
     return (status === "waitingForApproval" ||
         status === 2 ||
+        status === "waitingForInput" ||
+        status === 8 ||
         status === "costLimitReached" ||
         status === 7 ||
         status === "error" ||
@@ -21,66 +20,6 @@ export function agentNeedsAttention(agent) {
         status === "completed" ||
         status === 3);
 }
-/**
- * Get attention-specific info for display
- */
-function getAttentionInfo(agent) {
-    const status = agent.status;
-    if (status === "waitingForApproval" || status === 2) {
-        return {
-            icon: _jsx(Clock, { className: "size-4", strokeWidth: 2 }),
-            label: "Needs Approval",
-            description: "Waiting for you to approve an action",
-            priority: 1,
-            accentColor: "bg-amber-500",
-            badgeClass: "text-amber-700 bg-amber-50 ring-1 ring-amber-100",
-            bgColor: "bg-white",
-        };
-    }
-    if (status === "costLimitReached" || status === 7) {
-        return {
-            icon: _jsx(DollarSign, { className: "size-4", strokeWidth: 2 }),
-            label: "Budget Exceeded",
-            description: "Cost limit reached - extend to continue",
-            priority: 2,
-            accentColor: "bg-orange-500",
-            badgeClass: "text-orange-700 bg-orange-50 ring-1 ring-orange-100",
-            bgColor: "bg-white",
-        };
-    }
-    if (status === "error" || status === 4) {
-        return {
-            icon: _jsx(AlertCircle, { className: "size-4", strokeWidth: 2 }),
-            label: "Error",
-            description: agent.statusMessage || "An error occurred",
-            priority: 3,
-            accentColor: "bg-red-500",
-            badgeClass: "text-red-700 bg-red-50 ring-1 ring-red-100",
-            bgColor: "bg-white",
-        };
-    }
-    if (status === "completed" || status === 3) {
-        return {
-            icon: _jsx(MessageSquare, { className: "size-4", strokeWidth: 2 }),
-            label: "Ready",
-            description: "Finished - ready for your next message",
-            priority: 5,
-            accentColor: "bg-green-500",
-            badgeClass: "text-green-700 bg-green-50 ring-1 ring-green-100",
-            bgColor: "bg-white",
-        };
-    }
-    // idle
-    return {
-        icon: _jsx(MessageSquare, { className: "size-4", strokeWidth: 2 }),
-        label: "Awaiting Response",
-        description: "Waiting for your input",
-        priority: 4,
-        accentColor: "bg-gray-400",
-        badgeClass: "text-gray-600 bg-gray-50 ring-1 ring-gray-100",
-        bgColor: "bg-white",
-    };
-}
 /**
  * Inbox view showing agents that need user attention.
  * Displays agents with statuses: waitingForApproval, costLimitReached, error, idle
@@ -89,26 +28,13 @@ export function AgentsInbox({ agents, onOpenAgent, onDismissAgent, onCloseAll, f
     // Filter and sort agents by priority
     const inboxAgents = agents
         .filter(agentNeedsAttention)
-        .map((agent) => ({
-        agent,
-        ...getAttentionInfo(agent),
-    }))
-        .sort((a, b) => a.priority - b.priority);
+        .sort((a, b) => getInboxAttentionPriority(a) - getInboxAttentionPriority(b));
     if (loading) {
         return (_jsx("div", { className: "flex h-64 items-center justify-center", children: _jsx("div", { className: "text-sm text-gray-500", children: "Loading..." }) }));
     }
     if (inboxAgents.length === 0) {
         return (_jsxs("div", { className: "flex h-[400px] flex-col items-center justify-center p-6 text-center", children: [_jsxs("div", { className: "relative mb-6", children: [_jsx("div", { className: "absolute inset-0 scale-150 rounded-full bg-green-400 opacity-20 blur-3xl" }), _jsx("div", { className: "relative flex h-20 w-20 items-center justify-center rounded-full bg-green-50 shadow-[0_0_40px_rgba(74,222,128,0.15)] ring-1 ring-green-100", children: _jsx(MessageSquare, { className: "size-10 text-green-500", strokeWidth: 1 }) })] }), _jsx("h3", { className: "mb-2 text-xl font-bold tracking-tight text-gray-900", children: "All caught up!" }), _jsx("p", { className: "max-w-[240px] text-[15px] leading-relaxed text-gray-500", children: "No agents need your attention right now. You're doing great!" })] }));
     }
-    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight text-gray-900", children: "Action Required" }), _jsxs("p", { className: "text-[13px] text-gray-500", children: [inboxAgents.length, " agent", inboxAgents.length !== 1 ? "s" : "", " need attention"] })] }), onCloseAll && inboxAgents.length > 1 && (_jsxs("button", { onClick: onCloseAll, className: "flex items-center gap-2 rounded-full border border-gray-200 bg-white px-3 py-1.5 text-xs font-medium text-gray-600 transition-all hover:bg-gray-50 hover:text-gray-900", children: [_jsx(X, { className: "size-3.5", strokeWidth: 2 }), "Close All"] }))] }), _jsx("div", { className: "grid gap-4", children: inboxAgents.map(({ agent, icon, label, description, accentColor, badgeClass, bgColor, }) => {
-                    const statusConfig = getAgentStatusConfig(agent);
-                    return (_jsxs("div", { className: cn("group relative cursor-pointer overflow-hidden rounded-xl border border-gray-100 p-5 transition-all hover:border-gray-200 hover:shadow-[0_4px_20px_rgba(0,0,0,0.04)]", bgColor, selectedAgentId === agent.id &&
-                            "border-emerald-300 bg-emerald-50/30 ring-2 ring-emerald-500"), onClick: () => onOpenAgent(agent), children: [_jsx("div", { className: cn("absolute inset-y-0 left-0 w-1", accentColor) }), _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-gray-50 text-gray-500 ring-1 ring-gray-100 transition-colors group-hover:bg-gray-100", children: agent.profileSvgIcon ? (_jsx("div", { className: "h-7 w-7 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
-                                                    __html: agent.profileSvgIcon,
-                                                } })) : (_jsx(SecretAgentIcon, { size: 32, strokeWidth: 1.5, className: "text-gray-400" })) }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx("h4", { className: "truncate text-[15px] font-semibold tracking-tight text-gray-900", children: agent.name }), _jsx("div", { className: cn("h-1.5 w-1.5 flex-shrink-0 rounded-full", statusConfig.color, statusConfig.shouldPulse && "animate-pulse") })] }), _jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: cn("inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-[11px] font-bold tracking-tight uppercase", badgeClass), children: [icon, _jsx("span", { children: label })] }), _jsx("span", { className: "text-[13px] text-gray-600", children: description })] }), _jsx("div", { className: "flex items-center gap-4 text-[11px] font-medium text-gray-400", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Clock, { className: "size-3", strokeWidth: 2 }), _jsx("span", { children: formatDateTime(agent.updatedDate) })] }) })] }), _jsx("div", { className: "flex shrink-0 self-center opacity-0 transition-opacity group-hover:opacity-100", children: _jsx(SimpleIconButton, { onClick: (e) => {
-                                                e.stopPropagation();
-                                                onDismissAgent(agent.id, agent.name);
-                                            }, icon: _jsx(X, { className: "size-4", strokeWidth: 2 }), label: "Dismiss", className: "h-9 w-9 rounded-full bg-gray-50 text-gray-500 shadow-sm hover:bg-gray-100 hover:text-gray-900" }) })] })] }, agent.id));
-                }) })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight text-gray-900", children: "Action Required" }), _jsxs("p", { className: "text-[13px] text-gray-500", children: [inboxAgents.length, " agent", inboxAgents.length !== 1 ? "s" : "", " need attention"] })] }), onCloseAll && inboxAgents.length > 1 && (_jsxs("button", { onClick: onCloseAll, className: "flex items-center gap-2 rounded-full border border-gray-200 bg-white px-3 py-1.5 text-xs font-medium text-gray-600 transition-all hover:bg-gray-50 hover:text-gray-900", children: [_jsx(X, { className: "size-3.5", strokeWidth: 2 }), "Close All"] }))] }), _jsx("div", { className: "grid gap-4", children: inboxAgents.map((agent) => (_jsx(AgentCard, { agent: agent, onClick: onOpenAgent, onDismiss: onDismissAgent, formatDateTime: formatDateTime, selected: selectedAgentId === agent.id }, agent.id))) })] }));
 }
 //# sourceMappingURL=AgentsInbox.js.map

package/dist/agents-view/AgentsInbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentsInbox.js","sourceRoot":"","sources":["../../src/agents-view/AgentsInbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AgentsInbox.js","sourceRoot":"","sources":["../../src/agents-view/AgentsInbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAanE;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAY;IAC9C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,OAAO,CACL,MAAM,KAAK,oBAAoB;QAC/B,MAAM,KAAK,CAAC;QACZ,MAAM,KAAK,iBAAiB;QAC5B,MAAM,KAAK,CAAC;QACZ,MAAM,KAAK,kBAAkB;QAC7B,MAAM,KAAK,CAAC;QACZ,MAAM,KAAK,OAAO;QAClB,MAAM,KAAK,CAAC;QACZ,MAAM,KAAK,MAAM;QACjB,MAAM,KAAK,CAAC;QACZ,MAAM,KAAK,WAAW;QACtB,MAAM,KAAK,CAAC,CACb,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,WAAW,EACX,cAAc,EACd,UAAU,EACV,cAAc,EACd,OAAO,EACP,eAAe,GACE;IACjB,qCAAqC;IACrC,MAAM,WAAW,GAAG,MAAM;SACvB,MAAM,CAAC,mBAAmB,CAAC;SAC3B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/E,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,cAAK,SAAS,EAAC,uCAAuC,YACpD,cAAK,SAAS,EAAC,uBAAuB,2BAAiB,GACnD,CACP,CAAC;IACJ,CAAC;IAED,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC7B,OAAO,CACL,eAAK,SAAS,EAAC,qEAAqE,aAClF,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,0EAA0E,GAAG,EAC5F,cAAK,SAAS,EAAC,4IAA4I,YACzJ,KAAC,aAAa,IAAC,SAAS,EAAC,wBAAwB,EAAC,WAAW,EAAE,CAAC,GAAI,GAChE,IACF,EACN,aAAI,SAAS,EAAC,qDAAqD,+BAE9D,EACL,YAAG,SAAS,EAAC,yDAAyD,6EAElE,IACA,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,aAAI,SAAS,EAAC,oDAAoD,gCAE7D,EACL,aAAG,SAAS,EAAC,2BAA2B,aACrC,WAAW,CAAC,MAAM,YAAQ,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,uBAE5D,IACA,EACL,UAAU,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACvC,kBACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,wKAAwK,aAElL,KAAC,CAAC,IAAC,SAAS,EAAC,UAAU,EAAC,WAAW,EAAE,CAAC,GAAI,iBAEnC,CACV,IACG,EAEN,cAAK,SAAS,EAAC,YAAY,YACxB,WAAW,CAAC,GAAG,CACd,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,SAAS,IAER,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,cAAc,EACzB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,eAAe,KAAK,KAAK,CAAC,EAAE,IALjC,KAAK,CAAC,EAAE,CAMb,CACH,CACF,GACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/agents-view/AgentsView.d.ts

@@ -1,4 +1,5 @@
 import { Agent } from "../editor/services/agentService";
+export type AgentsViewSection = "inbox" | "all" | "create";
 /**
  * Props for AgentsView component
  */
@@ -9,12 +10,10 @@ interface AgentsViewProps {
     selectedAgentId?: string;
     /** Whether to show a compact version without the header */
     compact?: boolean;
+    /** When set, section is controlled by parent (e.g. AgentsWorkspaceView sidebar); no internal tab bar */
+    activeSection?: AgentsViewSection;
+    /** Called when inbox count changes (for sidebar badge) */
+    onInboxCountChange?: (count: number) => void;
 }
-/**
- * Agents overview view with tab-based navigation:
- * - Inbox: Agents requiring user attention
- * - All Agents: Active and closed agents with search/filter
- * - Create New: Profile selection to start a new agent
- */
-export declare function AgentsView({ onSelectAgent, selectedAgentId, compact, }?: AgentsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentsView({ onSelectAgent, selectedAgentId, compact, activeSection: controlledSection, onInboxCountChange, }?: AgentsViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/agents-view/AgentsView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useMemo } from "react";
+import { useState, useEffect, useMemo, useCallback } from "react";
 import { getAgentsGrouped, getClosedAgentsByProfile, closeAgent, deleteAgent, } from "../editor/services/agentService";
 import { cn } from "../lib/utils";
 import { RefreshCw, List, Layers } from "lucide-react";
@@ -21,9 +21,26 @@ import { Spinner } from "../editor/ui/Spinner";
  * - All Agents: Active and closed agents with search/filter
  * - Create New: Profile selection to start a new agent
  */
-export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, } = {}) {
+const SECTION_TO_INDEX = {
+    inbox: 0,
+    all: 1,
+    create: 2,
+};
+const SECTION_LABELS = {
+    inbox: "Inbox",
+    all: "All Agents",
+    create: "Create New",
+};
+export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, activeSection: controlledSection, onInboxCountChange, } = {}) {
     const editContext = useEditContext();
-    const [activeTabIndex, setActiveTabIndex] = useState(0);
+    const [internalTabIndex, setInternalTabIndex] = useState(1);
+    const activeTabIndex = controlledSection !== undefined
+        ? SECTION_TO_INDEX[controlledSection]
+        : internalTabIndex;
+    const setActiveTabIndex = (index) => {
+        if (controlledSection === undefined)
+            setInternalTabIndex(index);
+    };
     const [activeAgents, setActiveAgents] = useState([]);
     const [profileGroups, setProfileGroups] = useState([]);
     const [expandedProfiles, setExpandedProfiles] = useState(new Set());
@@ -61,7 +78,7 @@ export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, }
             setRefreshing(false);
             setInitialLoad(false);
         }
-    }, [showOnlyMyAgents, debouncedSearchTerm]);
+    }, [debouncedSearchTerm, showOnlyMyAgents]);
     // Initial load and reload when filters change
     useEffect(() => {
         loadAgents();
@@ -208,6 +225,10 @@ export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, }
     const inboxCount = useMemo(() => {
         return activeAgents.filter(agentNeedsAttention).length;
     }, [activeAgents]);
+    // Report inbox count to parent for sidebar badge
+    useEffect(() => {
+        onInboxCountChange?.(inboxCount);
+    }, [inboxCount, onInboxCountChange]);
     // Calculate running agents (agents that are currently executing)
     // Excludes agents waiting for tool call approval - they're shown in inbox
     const runningAgents = useMemo(() => {
@@ -421,35 +442,52 @@ export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, }
             return new Date(dateB).getTime() - new Date(dateA).getTime();
         });
     }, [profileGroups]);
-    // Show full-screen loading only on initial load
-    if (initialLoad && loading) {
+    const currentSection = controlledSection ??
+        (activeTabIndex === 0 ? "inbox" : activeTabIndex === 1 ? "all" : "create");
+    const pageHeaderDescription = useMemo(() => {
+        if (selectedAgentId) {
+            const fromActive = activeAgents.find((agent) => agent.id === selectedAgentId);
+            if (fromActive?.name)
+                return fromActive.name;
+            for (const group of profileGroups) {
+                const agent = group.agents.find((agent) => agent.id === selectedAgentId);
+                if (agent?.name)
+                    return agent.name;
+            }
+        }
+        return SECTION_LABELS[currentSection];
+    }, [selectedAgentId, activeAgents, profileGroups, currentSection]);
+    // Show full-screen loading only on initial load (skip for "create" – that view loads its own data)
+    if (initialLoad && loading && currentSection !== "create") {
         return (_jsxs("div", { className: "flex h-full items-center justify-center gap-2", children: [_jsx(Spinner, { size: "sm" }), _jsx("div", { className: "text-sm text-gray-500", children: "Loading agents..." })] }));
     }
-    // Build tabs for SimpleTabs - include badge count in inbox label
-    const inboxLabel = inboxCount > 0 ? `Inbox (${inboxCount})` : "Inbox";
-    const tabs = [
-        {
-            id: "inbox",
-            label: inboxLabel,
-            content: null,
-            testId: "agents-tab-inbox",
-        },
-        { id: "all", label: "All Agents", content: null, testId: "agents-tab-all" },
-        {
-            id: "create",
-            label: "Create New",
-            content: null,
-            testId: "agents-tab-create",
-        },
-    ];
-    return (_jsxs("div", { className: "absolute inset-0 flex flex-col bg-[#fcfcfc]", children: [!compact && (_jsx(PageHeader, { icon: _jsx(SecretAgentIcon, { size: 28, strokeWidth: 1.5 }), title: "AI Agents", description: "Manage, monitor, and deploy your intelligent assistant workforce" })), runningAgents.length > 0 && (_jsxs("div", { className: "flex-shrink-0 border-b border-gray-100 bg-gradient-to-r from-emerald-50 to-teal-50 px-4 py-3", children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx("div", { className: "h-2 w-2 animate-pulse rounded-full bg-emerald-500" }), _jsxs("span", { className: "text-xs font-semibold tracking-wide text-emerald-700 uppercase", children: ["Running Now (", runningAgents.length, ")"] })] }), _jsx("div", { className: "max-h-[200px] overflow-y-auto pr-1", children: _jsx("div", { className: "flex flex-col gap-1.5", children: runningAgents.map((agent) => {
+    return (_jsxs("div", { className: "absolute inset-0 flex flex-col bg-[#fcfcfc]", children: [!compact && (_jsx(PageHeader, { icon: _jsx(SecretAgentIcon, { size: 28, strokeWidth: 1.5 }), title: "AI Agents", description: pageHeaderDescription, variant: "compact" })), runningAgents.length > 0 && (_jsxs("div", { className: "shrink-0 border-b border-gray-100 bg-linear-to-r from-emerald-50 to-teal-50 px-4 py-3", children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx("div", { className: "h-2 w-2 animate-pulse rounded-full bg-emerald-500" }), _jsxs("span", { className: "text-xs font-semibold tracking-wide text-emerald-700 uppercase", children: ["Running Now (", runningAgents.length, ")"] })] }), _jsx("div", { className: "max-h-[200px] overflow-y-auto pr-1", children: _jsx("div", { className: "flex flex-col gap-1.5", children: runningAgents.map((agent) => {
                                 const isSelected = selectedAgentId === agent.id;
                                 return (_jsxs("button", { onClick: () => handleAgentClick(agent), className: cn("flex w-full items-center gap-3 rounded-lg border px-3 py-2 text-xs transition-all", isSelected
                                         ? "border-emerald-500 bg-emerald-100 text-emerald-800 shadow-sm"
                                         : "border-gray-200 bg-white text-gray-700 hover:border-emerald-300 hover:bg-emerald-50"), children: [agent.profileSvgIcon ? (_jsx("div", { className: "h-4 w-4 shrink-0 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
                                                 __html: agent.profileSvgIcon,
                                             } })) : (_jsx(SecretAgentIcon, { size: 14, strokeWidth: 1.5, className: "shrink-0" })), _jsx("span", { className: "flex-1 truncate text-left font-medium", children: agent.name }), _jsx("div", { className: "h-1.5 w-1.5 shrink-0 animate-pulse rounded-full bg-emerald-500" })] }, agent.id));
-                            }) }) })] })), _jsx("div", { className: "flex-shrink-0 border-b border-gray-100 bg-white px-6 shadow-[0_1px_2px_rgba(0,0,0,0.03)]", children: _jsx(SimpleTabs, { tabs: tabs, activeTab: activeTabIndex, setActiveTab: setActiveTabIndex, hideContent: true, variant: "elegant", className: "gap-6" }) }), _jsxs("div", { className: "relative flex-1 overflow-hidden", children: [activeTabIndex === 0 && (_jsx("div", { className: "absolute inset-0 overflow-y-auto", children: _jsx(AgentsInbox, { agents: activeAgents, onOpenAgent: handleOpenAgent, onDismissAgent: handleCloseAgent, onCloseAll: handleCloseAllInbox, formatDateTime: formatDateTime, loading: loading && initialLoad, selectedAgentId: selectedAgentId }) })), activeTabIndex === 1 && (_jsxs("div", { className: "absolute inset-0 flex flex-col", children: [_jsxs("div", { className: "flex-shrink-0 border-b border-gray-100 bg-white p-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight text-gray-900", children: "Agent History" }), _jsxs("p", { className: "text-[13px] text-gray-500", children: [totalActiveCount, " active, ", totalClosedCount, " closed agents"] })] }), _jsx(SimpleIconButton, { onClick: handleRefresh, icon: _jsx(RefreshCw, { className: cn("size-4 text-gray-400", refreshing && "animate-spin"), strokeWidth: 2 }), label: "Refresh list", disabled: refreshing, className: "h-9 w-9 rounded-full bg-gray-50 shadow-sm transition-colors hover:bg-gray-100" })] }), _jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center", children: [_jsx("div", { className: "flex-1", children: _jsx(FilterInput, { value: searchTerm, onChange: setSearchTerm, placeholder: "Search by name or description...", loading: loading && !initialLoad, size: "md", className: "border-gray-100 shadow-sm focus-within:border-gray-300" }) }), _jsxs("div", { className: "flex items-center gap-2", children: [profileGroups.length > 0 && (_jsxs("div", { className: "flex items-center gap-1 rounded-lg border border-gray-100 bg-gray-50/50 p-1", children: [_jsxs("button", { onClick: () => setHistoryViewMode("grouped"), className: cn("flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-[12px] font-medium transition-colors", historyViewMode === "grouped"
+                            }) }) })] })), controlledSection === undefined && (_jsx("div", { className: "shrink-0 border-b border-gray-100 bg-white px-6 shadow-[0_1px_2px_rgba(0,0,0,0.03)]", children: _jsx(SimpleTabs, { tabs: [
+                        {
+                            id: "inbox",
+                            label: inboxCount > 0 ? `Inbox (${inboxCount})` : "Inbox",
+                            content: null,
+                            testId: "agents-tab-inbox",
+                        },
+                        {
+                            id: "all",
+                            label: "All Agents",
+                            content: null,
+                            testId: "agents-tab-all",
+                        },
+                        {
+                            id: "create",
+                            label: "Create New",
+                            content: null,
+                            testId: "agents-tab-create",
+                        },
+                    ], activeTab: activeTabIndex, setActiveTab: setActiveTabIndex, hideContent: true, variant: "elegant", className: "gap-6" }) })), _jsxs("div", { className: "relative flex-1 overflow-hidden", children: [activeTabIndex === 0 && (_jsx("div", { className: "absolute inset-0 overflow-y-auto", children: _jsx(AgentsInbox, { agents: activeAgents, onOpenAgent: handleOpenAgent, onDismissAgent: handleCloseAgent, onCloseAll: handleCloseAllInbox, formatDateTime: formatDateTime, loading: loading && initialLoad, selectedAgentId: selectedAgentId }) })), activeTabIndex === 1 && (_jsxs("div", { className: "absolute inset-0 flex flex-col", children: [_jsxs("div", { className: "shrink-0 border-b border-gray-100 bg-white p-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight text-gray-900", children: "Agent History" }), _jsxs("p", { className: "text-[13px] text-gray-500", children: [totalActiveCount, " active, ", totalClosedCount, " closed agents"] })] }), _jsx(SimpleIconButton, { onClick: handleRefresh, icon: _jsx(RefreshCw, { className: cn("size-4 text-gray-400", refreshing && "animate-spin"), strokeWidth: 2 }), label: "Refresh list", disabled: refreshing, className: "h-9 w-9 rounded-full bg-gray-50 shadow-sm transition-colors hover:bg-gray-100" })] }), _jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center", children: [_jsx("div", { className: "flex-1", children: _jsx(FilterInput, { value: searchTerm, onChange: setSearchTerm, placeholder: "Search by name or description...", loading: loading && !initialLoad, size: "md", className: "border-gray-100 shadow-sm focus-within:border-gray-300" }) }), _jsxs("div", { className: "flex items-center gap-2", children: [profileGroups.length > 0 && (_jsxs("div", { className: "flex items-center gap-1 rounded-lg border border-gray-100 bg-gray-50/50 p-1", children: [_jsxs("button", { onClick: () => setHistoryViewMode("grouped"), className: cn("flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-[12px] font-medium transition-colors", historyViewMode === "grouped"
                                                                     ? "bg-white text-gray-900 shadow-sm"
                                                                     : "text-gray-600 hover:text-gray-900"), title: "Grouped by profile", children: [_jsx(Layers, { className: "size-3.5", strokeWidth: 2 }), _jsx("span", { children: "Grouped" })] }), _jsxs("button", { onClick: () => setHistoryViewMode("flat"), className: cn("flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-[12px] font-medium transition-colors", historyViewMode === "flat"
                                                                     ? "bg-white text-gray-900 shadow-sm"
@@ -465,7 +503,7 @@ export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, }
                                                         const isLoadingMore = loadingMoreForProfile === profileGroup.profileId;
                                                         const hasMore = profileGroup.agents.length <
                                                             profileGroup.totalClosedCount;
-                                                        return (_jsx(ProfileAgentsGroup, { profileGroup: profileGroup, isExpanded: isExpanded, isLoadingMore: isLoadingMore, hasMore: hasMore, onToggle: () => handleToggleProfile(profileGroup.profileId), onLoadMore: () => handleLoadMoreForProfile(profileGroup.profileId), onAgentClick: handleAgentClick, onResumeAgent: handleOpenAgent, onCloseAgent: handleCloseAgent, onDeleteAgent: handleDeleteAgent, formatDateTime: formatDateTime }, profileKey));
+                                                        return (_jsx(ProfileAgentsGroup, { profileGroup: profileGroup, isExpanded: isExpanded, isLoadingMore: isLoadingMore, hasMore: hasMore, onToggle: () => handleToggleProfile(profileGroup.profileId), onLoadMore: () => handleLoadMoreForProfile(profileGroup.profileId), onAgentClick: handleAgentClick, onResumeAgent: handleOpenAgent, onCloseAgent: handleCloseAgent, onDeleteAgent: handleDeleteAgent, formatDateTime: formatDateTime, selectedAgentId: selectedAgentId }, profileKey));
                                                     })) : (
                                                     // Flat list view (newest first)
                                                     _jsx("div", { className: "space-y-3", children: flatClosedAgents.map((agent) => (_jsx(AgentCard, { agent: agent, onClick: handleAgentClick, onResume: handleOpenAgent, onClose: handleCloseAgent, onDelete: handleDeleteAgent, formatDateTime: formatDateTime, selected: selectedAgentId === agent.id }, agent.id))) }))] }))] }))] })] })), activeTabIndex === 2 && (_jsx("div", { className: "absolute inset-0 overflow-y-auto bg-white p-2", children: _jsx(CreateAgentView, { onCreateAgent: handleCreateAgent }) }))] })] }));