@parhelia/core 0.1.12888 → 0.1.12890

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

@@ -6,6 +6,7 @@ interface AgentCardProps {
     onResume?: (agent: Agent, event?: React.MouseEvent) => void;
     onDelete?: (agentId: string, agentName: string, event: React.MouseEvent) => void;
     onDismiss?: (agentId: string, agentName: string) => void;
+    onRename?: (agentId: string, agentName: string) => void;
     formatDateTime: (dateString: string) => string;
     /** Whether this card is selected */
     selected?: boolean;
@@ -15,5 +16,5 @@ interface AgentCardProps {
  * Lower number = shown higher in the list.
  */
 export declare function getInboxAttentionPriority(agent: Agent): number;
-export declare function AgentCard({ agent, onClick, onResume, onDelete, onDismiss, formatDateTime, selected, }: AgentCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentCard({ agent, onClick, onResume, onDelete, onDismiss, onRename, formatDateTime, selected, }: AgentCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/agents-view/AgentCard.js

@@ -1,16 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { getAgentTriggerSubscriptions, isAgentReadOnly, } from "../editor/services/agentService";
+import { isAgentReadOnly } from "../editor/services/agentService";
 import { isAgentClosed, isRunningAgentStatus, } from "../editor/services/agentStatus";
 import { getAgentStatusConfig } from "../editor/ai/AgentStatusBadge";
 import { cn } from "../lib/utils";
-import { sanitizeSvg } from "../lib/sanitize";
-import { Users, AlertCircle, Clock, DollarSign, Coins, MessageSquare, HelpCircle, Bell, } from "lucide-react";
-import { DeleteIcon } from "../components/ui/delete-icon";
+import { AlertCircle, Clock, DollarSign, HelpCircle, MoreHorizontal, Pencil, Trash2, } from "lucide-react";
 import { CloseButton } from "../components/ui/close-button";
-import { SimpleIconButton } from "../editor/ui/SimpleIconButton";
-import { ParheliaAgentIcon } from "../editor/ui/Icons";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../components/ui/dropdown-menu";
 import { Spinner } from "../editor/ui/Spinner";
+import { AgentProfileIcon } from "./AgentProfileIcon";
 /**
  * Returns visual treatment for genuinely actionable states only.
  * Plain "completed" / "idle" agents are intentionally NOT highlighted as needing
@@ -70,33 +67,14 @@ export function getInboxAttentionPriority(agent) {
         return 5;
     return 4;
 }
-export function AgentCard({ agent, onClick, onResume, onDelete, onDismiss, formatDateTime, selected = false, }) {
-    const [loadedTriggerCount, setLoadedTriggerCount] = React.useState(agent.triggerSubscriptionCount ?? null);
-    React.useEffect(() => {
-        if (agent.triggerSubscriptionCount !== undefined) {
-            setLoadedTriggerCount(agent.triggerSubscriptionCount);
-            return;
-        }
-        let cancelled = false;
-        void getAgentTriggerSubscriptions(agent.id)
-            .then((subscriptions) => {
-            if (cancelled)
-                return;
-            setLoadedTriggerCount(subscriptions.filter((subscription) => subscription.isActive).length);
-        })
-            .catch(() => {
-            if (cancelled)
-                return;
-            setLoadedTriggerCount(0);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [agent.id, agent.triggerSubscriptionCount]);
+export function AgentCard({ agent, onClick, onResume, onDelete, onDismiss, onRename, formatDateTime, selected = false, }) {
     const statusConfig = getAgentStatusConfig(agent);
     const isClosed = isAgentClosed(agent.status);
     const isRunning = isRunningAgentStatus(agent.status);
+    const readOnly = isAgentReadOnly(agent);
+    const showOverflowMenu = !readOnly && (!!onRename || !!onDelete);
     const attention = getAttentionInfo(agent);
+    const profileLabel = agent.profileName?.trim() || agent.description?.trim() || "Agent";
     const handleCardClick = (event) => {
         if (isClosed && onResume) {
             onResume(agent, event);
@@ -108,15 +86,13 @@ export function AgentCard({ agent, onClick, onResume, onDelete, onDismiss, forma
     const lastActivity = agent.lastMessageDate
         ? formatDateTime(agent.lastMessageDate)
         : formatDateTime(agent.updatedDate);
-    return (_jsxs("div", { className: cn("group relative flex cursor-pointer items-start gap-3 px-3 py-2.5 transition-colors", attention ? attention.rowTintClass : "hover:bg-neutral-grey-5/80", selected && !attention && "bg-neutral-grey-5"), onClick: handleCardClick, "data-testid": "agent-list-row", "data-agent-id": agent.id, title: `${agent.name}\nID: ${agent.id}\nAlt-click to open in a new pane`, children: [(selected || attention) && (_jsx("div", { className: cn("absolute top-2 bottom-2 left-0 w-0.5 rounded-r", selected ? "bg-neutral-grey-100" : attention?.barClass) })), _jsx("div", { className: "text-neutral-grey-50 mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center", children: agent.profileSvgIcon ? (_jsx("div", { className: "h-6 w-6 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
-                        __html: sanitizeSvg(agent.profileSvgIcon),
-                    } })) : (_jsx(ParheliaAgentIcon, { size: 22, strokeWidth: 1.5, className: "text-neutral-grey-50" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h4", { className: "text-neutral-grey-100 truncate text-[13px] font-medium", children: agent.name }), !isRunning && (_jsx("span", { className: cn("h-1.5 w-1.5 shrink-0 rounded-full", statusConfig.color, statusConfig.shouldPulse && "animate-pulse"), title: statusConfig.label })), attention && (_jsxs("span", { className: cn("rounded-badge badge-pad-sm text-2xs inline-flex shrink-0 items-center gap-1 font-semibold", attention.chipClass), children: [attention.icon, attention.label] })), agent.isShared && (_jsx("span", { className: "rounded-badge bg-feedback-blue-light badge-pad-sm text-2xs text-feedback-blue shrink-0 font-bold", children: "Shared" }))] }), agent.description && (_jsx("p", { className: "text-neutral-grey-50 mt-0.5 truncate text-[12px]", children: agent.description })), _jsxs("div", { className: "text-neutral-grey-50 mt-1 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-[10px]", children: [agent.nextRunAt && (_jsxs("span", { className: "text-feedback-orange flex items-center gap-0.5", children: [_jsx(Clock, { className: "size-2.5", strokeWidth: 2 }), "Wake: ", formatDateTime(agent.nextRunAt)] })), _jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(Clock, { className: "size-2.5", strokeWidth: 2 }), lastActivity] }), agent.isShared && agent.ownerName && (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(Users, { className: "size-2.5", strokeWidth: 2 }), "By ", agent.ownerName] })), agent.messageCount !== undefined && agent.messageCount > 0 && (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(MessageSquare, { className: "size-2.5", strokeWidth: 2 }), agent.messageCount, " msg"] })), loadedTriggerCount !== null && loadedTriggerCount > 0 && (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(Bell, { className: "size-2.5", strokeWidth: 2 }), loadedTriggerCount, " trigger", loadedTriggerCount !== 1 ? "s" : ""] })), agent.totalCost !== undefined && agent.totalCost > 0 && (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(Coins, { className: "size-2.5", strokeWidth: 2 }), "$", agent.totalCost.toFixed(2)] }))] })] }), _jsx("div", { className: "flex shrink-0 items-center gap-1 self-center opacity-0 transition-opacity group-hover:opacity-100", children: onDismiss ? (_jsx(CloseButton, { onClick: (e) => {
+    return (_jsxs("div", { className: cn("group relative flex cursor-pointer items-center gap-3 rounded-md px-2.5 py-2 transition-colors", attention ? attention.rowTintClass : "hover:bg-neutral-grey-5/70", selected && !attention && "bg-neutral-grey-5"), onClick: handleCardClick, "data-testid": "agent-list-row", "data-agent-id": agent.id, title: `${agent.name}\n${profileLabel}\nLast activity: ${lastActivity}\nID: ${agent.id}\nAlt-click to open in a new pane`, children: [attention && (_jsx("div", { className: cn("absolute top-2 bottom-2 left-0 w-0.5 rounded-r", attention.barClass) })), _jsx(AgentProfileIcon, { svgIcon: agent.profileSvgIcon, selected: selected }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("p", { className: "text-neutral-grey-50 min-w-0 truncate text-[14px] leading-5 font-normal", children: profileLabel }), !isRunning && (_jsx("span", { className: cn("h-1.5 w-1.5 shrink-0 rounded-full", statusConfig.color, statusConfig.shouldPulse && "animate-pulse"), title: statusConfig.label })), attention && (_jsxs("span", { className: cn("rounded-badge badge-pad-sm text-2xs inline-flex shrink-0 items-center gap-1 font-semibold", attention.chipClass), children: [attention.icon, attention.label] })), agent.isShared && (_jsx("span", { className: "rounded-badge bg-feedback-blue-light badge-pad-sm text-2xs text-feedback-blue shrink-0 font-bold", children: "Shared" }))] }), _jsx("h4", { className: "text-neutral-grey-100 truncate text-[14px] leading-5 font-normal", children: agent.name })] }), _jsx("div", { className: "flex shrink-0 items-center gap-1 self-center opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 has-[[data-state=open]]:opacity-100", children: onDismiss ? (_jsx(CloseButton, { onClick: (e) => {
                         e.stopPropagation();
                         onDismiss(agent.id, agent.name);
-                    }, label: "Dismiss" })) : (!isAgentReadOnly(agent) && (_jsx(SimpleIconButton, { onClick: (e) => {
-                        if (isAgentReadOnly(agent))
-                            return;
-                        onDelete?.(agent.id, agent.name, e);
-                    }, icon: _jsx(DeleteIcon, { size: "md" }), label: "Delete Agent", className: "text-neutral-grey-50 hover:bg-neutral-grey-5 hover:text-neutral-grey-50 h-7 w-7 rounded-md" }))) }), isRunning && (_jsx("span", { title: statusConfig.label, className: "text-neutral-grey-100 flex shrink-0 items-center self-center px-1", children: _jsx(Spinner, { size: "sm" }) }))] }, agent.id));
+                    }, label: "Dismiss" })) : (showOverflowMenu && (
+                // modal={false}: a modal menu's body pointer-events lock conflicts
+                // with the rename dialog opened from a menu item and leaves the
+                // page unclickable after the dialog closes.
+                _jsxs(DropdownMenu, { modal: false, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: (e) => e.stopPropagation(), className: "text-neutral-grey-50 hover:bg-neutral-grey-5 hover:text-neutral-grey-100 flex h-7 w-7 items-center justify-center rounded-md transition-colors", "aria-label": "Agent actions", title: "Agent actions", "data-testid": "agent-card-menu-trigger", children: _jsx(MoreHorizontal, { className: "size-4", strokeWidth: 2 }) }) }), _jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [onRename && (_jsxs(DropdownMenuItem, { onClick: () => onRename(agent.id, agent.name), "data-testid": "agent-card-menu-rename", children: [_jsx(Pencil, { className: "size-4" }), "Rename"] })), onDelete && (_jsxs(DropdownMenuItem, { variant: "destructive", onClick: (e) => onDelete(agent.id, agent.name, e), "data-testid": "agent-card-menu-delete", children: [_jsx(Trash2, { className: "size-4" }), "Delete"] }))] })] }))) }), isRunning && (_jsx("span", { title: statusConfig.label, className: "text-neutral-grey-100 flex shrink-0 items-center self-center px-1", children: _jsx(Spinner, { size: "sm" }) }))] }, 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/AgentGalleryCard.d.ts

@@ -0,0 +1,12 @@
+import { AiProfile } from "../editor/services/aiService";
+interface AgentGalleryCardProps {
+    profile: AiProfile;
+    onSelect: (profile: AiProfile) => void;
+    /** "grid" renders a tile; "list" renders a full-width row */
+    layout?: "grid" | "list";
+}
+/**
+ * Card for a single agent profile in the "Choose your sidekick" gallery.
+ */
+export declare function AgentGalleryCard({ profile, onSelect, layout, }: AgentGalleryCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/agents-view/AgentGalleryCard.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { AgentProfileIcon } from "./AgentProfileIcon";
+/**
+ * Card for a single agent profile in the "Choose your sidekick" gallery.
+ */
+export function AgentGalleryCard({ profile, onSelect, layout = "grid", }) {
+    const displayTitle = profile.displayTitle || profile.name;
+    const description = profile.description || "";
+    return (_jsxs("button", { type: "button", onClick: () => onSelect(profile), className: cn("group border-border-default hover:border-neutral-grey-50/40 relative flex cursor-pointer items-start gap-4 rounded-lg border bg-white p-4 text-left transition-all duration-200 hover:shadow-md", layout === "grid" ? "min-h-[108px] flex-col sm:flex-row" : "flex-row"), "data-testid": "agent-gallery-card", "data-profile-id": profile.id, children: [_jsx(AgentProfileIcon, { svgIcon: profile.svgIcon, size: "md" }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [_jsx("h3", { className: "text-neutral-grey-100 truncate text-sm font-bold tracking-tight", children: displayTitle }), description && (_jsx("p", { className: cn("text-neutral-grey-50 text-xs leading-relaxed", layout === "grid" ? "line-clamp-3" : "line-clamp-2"), title: description, children: description }))] })] }));
+}
+//# sourceMappingURL=AgentGalleryCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentGalleryCard.js","sourceRoot":"","sources":["../../src/agents-view/AgentGalleryCard.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,MAAM,GACO;IACtB,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAC1D,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;IAE9C,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAChC,SAAS,EAAE,EAAE,CACX,iMAAiM,EACjM,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,UAAU,CACtE,iBACW,oBAAoB,qBACf,OAAO,CAAC,EAAE,aAE3B,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,EAExD,eAAK,SAAS,EAAC,oCAAoC,aACjD,aAAI,SAAS,EAAC,iEAAiE,YAC5E,YAAY,GACV,EACJ,WAAW,IAAI,CACd,YACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CACpD,EACD,KAAK,EAAE,WAAW,YAEjB,WAAW,GACV,CACL,IACG,IACC,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,18 @@
+import { AiProfile } from "../editor/services/aiService";
+interface AgentGalleryViewProps {
+    onSelectProfile: (profile: AiProfile) => void;
+    /** "full" = standalone full-page layout; "pane" = embedded in a workspace pane */
+    variant?: "full" | "pane";
+    className?: string;
+}
+/**
+ * Derives the ordered category tab list from the profiles present.
+ * "All" is always first; categories sort by their Sitecore sort order.
+ */
+export declare function deriveCategoryTabs(profiles: AiProfile[]): string[];
+/**
+ * "Choose your sidekick" — agent profile gallery with category tabs and a
+ * grid/list view toggle. Self-loads profiles and filters hidden ones.
+ */
+export declare function AgentGalleryView({ onSelectProfile, variant, className, }: AgentGalleryViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/agents-view/AgentGalleryView.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { loadAiProfiles } from "../editor/services/aiService";
+import { cn } from "../lib/utils";
+import { SimpleTabs } from "../editor/ui/SimpleTabs";
+import { AgentGalleryCard } from "./AgentGalleryCard";
+import { LayoutGrid, List, Loader2, SearchX } from "lucide-react";
+const ALL_CATEGORY = "All";
+/**
+ * Derives the ordered category tab list from the profiles present.
+ * "All" is always first; categories sort by their Sitecore sort order.
+ */
+export function deriveCategoryTabs(profiles) {
+    const orderByCategory = new Map();
+    for (const profile of profiles) {
+        if (!profile.category)
+            continue;
+        const order = profile.categoryOrder ?? Number.MAX_SAFE_INTEGER;
+        const existing = orderByCategory.get(profile.category);
+        if (existing === undefined || order < existing) {
+            orderByCategory.set(profile.category, order);
+        }
+    }
+    const categories = [...orderByCategory.entries()]
+        .sort((a, b) => a[1] - b[1] || a[0].localeCompare(b[0]))
+        .map(([name]) => name);
+    return [ALL_CATEGORY, ...categories];
+}
+/**
+ * "Choose your sidekick" — agent profile gallery with category tabs and a
+ * grid/list view toggle. Self-loads profiles and filters hidden ones.
+ */
+export function AgentGalleryView({ onSelectProfile, variant = "full", className, }) {
+    const [profiles, setProfiles] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [activeTab, setActiveTab] = useState(0);
+    const [layout, setLayout] = useState("grid");
+    const loadProfiles = async () => {
+        try {
+            setLoading(true);
+            setError(null);
+            const profileList = await loadAiProfiles();
+            setProfiles(profileList.filter((p) => !p.hiddenFromOverview));
+        }
+        catch (err) {
+            console.error("Failed to load profiles:", err);
+            setError(err?.message || "Failed to load profiles");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        loadProfiles();
+    }, []);
+    const categories = useMemo(() => deriveCategoryTabs(profiles), [profiles]);
+    const activeCategory = categories[activeTab] ?? ALL_CATEGORY;
+    const visibleProfiles = useMemo(() => {
+        if (activeCategory === ALL_CATEGORY)
+            return profiles;
+        return profiles.filter((p) => p.category === activeCategory);
+    }, [profiles, activeCategory]);
+    if (loading) {
+        return (_jsxs("div", { className: "bg-neutral-grey-5 flex h-full flex-col items-center justify-center text-center", children: [_jsx(Loader2, { className: "text-neutral-grey-50 size-8 animate-spin" }), _jsx("p", { className: "text-neutral-grey-50 mt-4 text-sm font-medium", children: "Loading agents..." })] }));
+    }
+    if (error) {
+        return (_jsxs("div", { className: "bg-neutral-grey-5 flex h-full flex-col items-center justify-center text-center", children: [_jsx("p", { className: "text-feedback-red mb-3 text-sm", children: error }), _jsx("button", { type: "button", onClick: loadProfiles, className: "bg-highlight-100 hover:bg-highlight-100/80 rounded px-4 py-2 text-xs text-white", children: "Retry" })] }));
+    }
+    return (_jsx("div", { className: cn("@container bg-neutral-grey-5 h-full overflow-y-auto", variant === "full" ? "px-8 py-10 lg:px-14" : "px-4 py-6 lg:px-6", className), "data-testid": "agent-gallery", children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [_jsx("h1", { className: cn("text-neutral-grey-100 font-semibold tracking-tight", variant === "full" ? "text-3xl" : "text-2xl"), children: "Choose your sidekick" }), _jsx("p", { className: "text-neutral-grey-50 mt-2 text-sm", children: "Each agent is built for a specific task \u2013 find yours and start creating!" }), _jsxs("div", { className: "border-border-default mt-6 flex items-end justify-between gap-4 border-b", children: [categories.length > 1 ? (_jsx(SimpleTabs, { tabs: categories.map((category) => ({
+                                id: `agent-gallery-tab-${category}`,
+                                label: category,
+                                content: null,
+                                testId: `agent-gallery-tab-${category}`,
+                            })), activeTab: activeTab, setActiveTab: setActiveTab, hideContent: true, variant: "large", className: "min-w-0", testId: "agent-gallery-tabs" })) : (_jsx("div", {})), _jsxs("div", { className: "mb-2 flex shrink-0 items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: () => setLayout("list"), className: cn("flex size-8 items-center justify-center rounded transition-colors", layout === "list"
+                                        ? "text-neutral-grey-100 bg-neutral-grey-5"
+                                        : "text-neutral-grey-50 hover:text-neutral-grey-100"), title: "List view", "aria-label": "List view", "data-testid": "agent-gallery-list-toggle", children: _jsx(List, { className: "size-4.5", strokeWidth: 2 }) }), _jsx("button", { type: "button", onClick: () => setLayout("grid"), className: cn("flex size-8 items-center justify-center rounded transition-colors", layout === "grid"
+                                        ? "text-neutral-grey-100 bg-neutral-grey-5"
+                                        : "text-neutral-grey-50 hover:text-neutral-grey-100"), title: "Grid view", "aria-label": "Grid view", "data-testid": "agent-gallery-grid-toggle", children: _jsx(LayoutGrid, { className: "size-4.5", strokeWidth: 2 }) })] })] }), visibleProfiles.length > 0 ? (_jsx("div", { className: cn("mt-6 gap-4", 
+                    // Column count follows the pane width (container query), not the
+                    // viewport, so the gallery adapts inside narrow split panes too.
+                    layout === "grid"
+                        ? "@lg:grid-cols-2 @3xl:grid-cols-3 @5xl:grid-cols-4 grid grid-cols-1"
+                        : "flex flex-col"), children: visibleProfiles.map((profile) => (_jsx(AgentGalleryCard, { profile: profile, onSelect: onSelectProfile, layout: layout }, profile.id))) })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [_jsx("div", { className: "bg-neutral-grey-5 text-neutral-grey-50 mb-3 flex size-12 items-center justify-center rounded", children: _jsx(SearchX, { size: 24 }) }), _jsx("h4", { className: "text-neutral-grey-100 text-sm font-semibold", children: "No agents available" }), _jsx("p", { className: "text-neutral-grey-50 mt-1 text-xs", children: activeCategory === ALL_CATEGORY
+                                ? "No agent profiles are configured yet."
+                                : "No agents in this category yet." })] }))] }) }));
+}
+//# sourceMappingURL=AgentGalleryView.js.map

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

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

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

@@ -0,0 +1,9 @@
+type AgentProfileIconSize = "sm" | "md" | "lg";
+interface AgentProfileIconProps {
+    svgIcon?: string | null;
+    selected?: boolean;
+    size?: AgentProfileIconSize;
+    className?: string;
+}
+export declare function AgentProfileIcon({ svgIcon, selected, size, className, }: AgentProfileIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/agents-view/AgentProfileIcon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { sanitizeSvg } from "../lib/sanitize";
+import { cn } from "../lib/utils";
+import { ParheliaAgentIcon } from "../editor/ui/Icons";
+const containerSizeClasses = {
+    sm: "size-10 rounded-md",
+    md: "size-12 rounded-lg",
+    lg: "size-16 rounded-2xl",
+};
+const iconSizeClasses = {
+    sm: "size-5",
+    md: "size-6",
+    lg: "size-8",
+};
+const fallbackSizes = {
+    sm: 22,
+    md: 24,
+    lg: 32,
+};
+const fallbackStrokeWidths = {
+    sm: 1.7,
+    md: 1.5,
+    lg: 1.5,
+};
+export function AgentProfileIcon({ svgIcon, selected = false, size = "sm", className, }) {
+    return (_jsx("div", { className: cn("relative flex shrink-0 items-center justify-center border transition-colors", containerSizeClasses[size], "bg-neutral-grey-5 text-neutral-grey-100 border-transparent", className), "data-testid": "agent-profile-icon", "data-selected": selected ? "true" : undefined, children: svgIcon ? (_jsx("div", { className: cn("flex items-center justify-center [&>svg]:h-full [&>svg]:w-full", iconSizeClasses[size]), dangerouslySetInnerHTML: { __html: sanitizeSvg(svgIcon) } })) : (_jsx(ParheliaAgentIcon, { size: fallbackSizes[size], strokeWidth: fallbackStrokeWidths[size], className: "text-current" })) }));
+}
+//# sourceMappingURL=AgentProfileIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProfileIcon.js","sourceRoot":"","sources":["../../src/agents-view/AgentProfileIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAWvD,MAAM,oBAAoB,GAAyC;IACjE,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,qBAAqB;CAC1B,CAAC;AAEF,MAAM,eAAe,GAAyC;IAC5D,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACb,CAAC;AAEF,MAAM,aAAa,GAAyC;IAC1D,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,oBAAoB,GAAyC;IACjE,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,SAAS,GACa;IACtB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,oBAAoB,CAAC,IAAI,CAAC,EAC1B,4DAA4D,EAC5D,SAAS,CACV,iBACW,oBAAoB,mBACjB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAE3C,OAAO,CAAC,CAAC,CAAC,CACT,cACE,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,eAAe,CAAC,IAAI,CAAC,CACtB,EACD,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,GACzD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,EACzB,WAAW,EAAE,oBAAoB,CAAC,IAAI,CAAC,EACvC,SAAS,EAAC,cAAc,GACxB,CACH,GACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { Agent } from "../editor/services/agentService";
 /**
  * Props for AgentsView component
@@ -23,10 +24,14 @@ interface AgentsViewProps {
      * titlebar) already provides it.
      */
     hideNewAgentButton?: boolean;
+    /**
+     * Optional actions rendered beside the New Session button.
+     */
+    toolbarActions?: React.ReactNode;
 }
 /**
  * Unified agents overview: search/filter, active agents and closed history.
  * Creating a new agent happens in a modal accessed from the toolbar.
  */
-export declare function AgentsView({ onSelectAgent, selectedAgentId, compact, onRequestCreateAgent, hideNewAgentButton, }?: AgentsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentsView({ onSelectAgent, selectedAgentId, compact, onRequestCreateAgent, hideNewAgentButton, toolbarActions, }?: AgentsViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/agents-view/AgentsView.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo, useCallback } from "react";
-import { getAgentsGrouped, getClosedAgentsByProfile, deleteAgent, } from "../editor/services/agentService";
+import { getAgentsGrouped, getClosedAgentsByProfile, deleteAgent, renameAgent, } from "../editor/services/agentService";
 import { parseAgentRunStatusData, shouldIgnoreReplayRunStart, } from "../editor/services/agentStatus";
 import { cn } from "../lib/utils";
 import { RefreshCw, List, Layers, Plus, ArrowLeft } from "lucide-react";
@@ -11,13 +11,15 @@ import { AgentCard } from "./AgentCard";
 import { ProfileAgentsGroup } from "./ProfileAgentsGroup";
 import { DateAgentsGroup } from "./DateAgentsGroup";
 import { Switch } from "../components/ui/switch";
-import { CreateAgentView } from "./CreateAgentView";
+import { Button } from "../components/ui/button";
+import { AgentGalleryView } from "./AgentGalleryView";
+import { RenameAgentDialog } from "./RenameAgentDialog";
 import { Spinner } from "../editor/ui/Spinner";
 /**
  * Unified agents overview: search/filter, active agents and closed history.
  * Creating a new agent happens in a modal accessed from the toolbar.
  */
-export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, onRequestCreateAgent, hideNewAgentButton = false, } = {}) {
+export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, onRequestCreateAgent, hideNewAgentButton = false, toolbarActions, } = {}) {
     const getAgentSortDate = useCallback((agent) => agent.lastMessageDate || agent.updatedDate, []);
     const sortAgentsByRecentActivity = useCallback((agents) => [...agents].sort((a, b) => new Date(getAgentSortDate(b)).getTime() -
         new Date(getAgentSortDate(a)).getTime()), [getAgentSortDate]);
@@ -40,6 +42,7 @@ export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, on
     const [showOnlyMyAgents, setShowOnlyMyAgents] = useState(true);
     const [historyViewMode, setHistoryViewMode] = useState("flat");
     const [viewMode, setViewMode] = useState("list");
+    const [renameTarget, setRenameTarget] = useState(null);
     const handleNewAgentClick = () => {
         if (onRequestCreateAgent) {
             onRequestCreateAgent();
@@ -268,6 +271,28 @@ export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, on
             showCancel: true,
         });
     };
+    const handleRenameAgent = (agentId, agentName) => {
+        setRenameTarget({ id: agentId, name: agentName });
+    };
+    const performRename = async (newName) => {
+        if (!renameTarget)
+            return;
+        const agentId = renameTarget.id;
+        try {
+            await renameAgent(agentId, newName);
+            // Optimistic local update; the agent:info:updated WS message reconciles
+            // other views.
+            setActiveAgents((prev) => prev.map((a) => (a.id === agentId ? { ...a, name: newName } : a)));
+            setProfileGroups((prevGroups) => prevGroups.map((group) => ({
+                ...group,
+                agents: group.agents.map((a) => a.id === agentId ? { ...a, name: newName } : a),
+            })));
+        }
+        catch (err) {
+            console.error("Failed to rename agent:", err);
+            editContext?.showToast(`Failed to rename chat: ${err?.message || "Unknown error"}`);
+        }
+    };
     const handleAgentClick = (agent, event) => {
         if (onSelectAgent) {
             onSelectAgent(agent, { split: !!event?.altKey });
@@ -364,22 +389,25 @@ export function AgentsView({ onSelectAgent, selectedAgentId, compact = false, on
     if (initialLoad && loading) {
         return (_jsxs("div", { className: "flex h-full items-center justify-center gap-2", children: [_jsx(Spinner, { size: "sm" }), _jsx("div", { className: "text-neutral-grey-50 text-sm", children: "Loading agents..." })] }));
     }
-    const newAgentButton = viewMode === "list" && !hideNewAgentButton && (_jsxs("button", { type: "button", onClick: handleNewAgentClick, className: cn("inline-flex items-center gap-1.5 rounded-lg bg-black px-3 py-2 text-[13px] font-medium text-white shadow-sm transition-colors hover:bg-black/90"), "data-testid": "agents-new-agent-button", children: [_jsx(Plus, { className: "size-4", strokeWidth: 2.25 }), "New Session"] }));
-    return (_jsxs("div", { className: "absolute inset-0 flex flex-col bg-[color-mix(in_srgb,var(--color-neutral-grey-5)_45%,var(--color-white))]", children: [!compact && (_jsx(PageHeader, { title: "AI Agents", description: "Build, run and orchestrate your AI workforce", variant: "compact", actions: newAgentButton })), _jsx("div", { className: "relative flex flex-1 flex-col overflow-hidden", children: viewMode === "create" ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-border-default shrink-0 border-b bg-white px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("button", { type: "button", onClick: () => setViewMode("list"), className: "text-neutral-grey-50 hover:bg-neutral-grey-5 hover:text-neutral-grey-100 inline-flex items-center gap-1.5 rounded-md px-2 py-1.5 text-[13px] font-medium transition-colors", "data-testid": "agents-create-back-button", children: [_jsx(ArrowLeft, { className: "size-4", strokeWidth: 2 }), "Back"] }), _jsx("span", { className: "text-neutral-grey-50", children: "/" }), _jsx("h2", { className: "text-neutral-grey-100 text-[15px] font-semibold tracking-tight", children: "New Agent" }), _jsx("p", { className: "text-neutral-grey-50 ml-1 hidden text-[12px] sm:inline", children: "Pick a profile to start with" })] }) }), _jsx("div", { className: "relative flex-1 overflow-y-auto bg-white", children: _jsx(CreateAgentView, { onCreateAgent: handleCreateAgent }) })] })) : (_jsxs(_Fragment, { children: [compact && newAgentButton && (_jsx("div", { className: "border-border-default flex shrink-0 items-center justify-start border-b bg-white px-4 py-3", children: newAgentButton })), _jsx("div", { className: "border-border-default shrink-0 border-b bg-white px-4 py-1.5", children: _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(FilterInput, { value: searchTerm, onChange: setSearchTerm, placeholder: "Search agents\u2026", loading: loading && !initialLoad, size: "md", className: "border-border-default" }) }), _jsxs("div", { className: "flex items-center gap-2", children: [profileGroups.length > 0 && (_jsxs("div", { className: "border-border-default flex h-8 items-center rounded-md border p-0.5", children: [_jsx("button", { onClick: () => setHistoryViewMode("grouped"), className: cn("flex size-6 items-center justify-center rounded transition-colors", historyViewMode === "grouped"
-                                                            ? "bg-neutral-grey-5 text-neutral-grey-100"
-                                                            : "text-neutral-grey-50 hover:text-neutral-grey-100"), title: "Grouped by profile", "aria-label": "Grouped by profile", children: _jsx(Layers, { className: "size-3.5", strokeWidth: 2 }) }), _jsx("button", { onClick: () => setHistoryViewMode("flat"), className: cn("flex size-6 items-center justify-center rounded transition-colors", historyViewMode === "flat"
-                                                            ? "bg-neutral-grey-5 text-neutral-grey-100"
-                                                            : "text-neutral-grey-50 hover:text-neutral-grey-100"), title: "Grouped by date", "aria-label": "Grouped by date", children: _jsx(List, { className: "size-3.5", strokeWidth: 2 }) })] })), _jsxs("label", { className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex h-8 cursor-pointer items-center gap-2 rounded-md px-2 text-[12px] font-medium transition-colors", children: [_jsx(Switch, { checked: showOnlyMyAgents, onCheckedChange: (checked) => setShowOnlyMyAgents(checked === true) }), _jsx("span", { className: "select-none", children: "My agents" })] })] })] }) }), _jsxs("div", { className: "relative flex-1 overflow-y-auto", children: [loading && !initialLoad && (_jsx("div", { className: "absolute top-2 left-1/2 z-10 -translate-x-1/2 rounded-md bg-white px-3 py-1.5 shadow-md", children: _jsxs("div", { className: "text-neutral-grey-50 flex items-center gap-2 text-sm", children: [_jsx(RefreshCw, { className: "size-3 animate-spin", strokeWidth: 1 }), _jsx("span", { children: "Loading..." })] }) })), error ? (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "max-w-md text-center", children: [_jsx("div", { className: "text-feedback-red mb-4 text-sm", children: error }), _jsx("button", { onClick: handleRefresh, className: "bg-feedback-blue hover:bg-feedback-blue rounded px-4 py-2 text-xs text-white", children: "Retry" })] }) })) : totalActiveCount === 0 &&
+    const newAgentButton = viewMode === "list" && !hideNewAgentButton && (_jsxs(Button, { type: "button", variant: "outline", size: "lg", onClick: handleNewAgentClick, className: cn("border-border-default hover:border-neutral-grey-100 hover:bg-neutral-grey-5 h-[38px] justify-center gap-3 rounded bg-white text-[15px] font-semibold shadow-none", toolbarActions ? "min-w-0 flex-1" : "w-full"), "data-testid": "add-agent-button", children: [_jsx("span", { children: "Start new chat" }), _jsx(Plus, { className: "size-5", strokeWidth: 2.25 })] }));
+    return (_jsxs("div", { className: "absolute inset-0 flex flex-col bg-white", children: [!compact && (_jsx(PageHeader, { title: "AI Agents", description: "Build, run and orchestrate your AI workforce", variant: "compact", className: "border-border-default border-b" })), _jsx("div", { className: "relative flex flex-1 flex-col overflow-hidden", children: viewMode === "create" ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-border-default shrink-0 border-b bg-white px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("button", { type: "button", onClick: () => setViewMode("list"), className: "text-neutral-grey-50 hover:bg-neutral-grey-5 hover:text-neutral-grey-100 inline-flex items-center gap-1.5 rounded-md px-2 py-1.5 text-[13px] font-medium transition-colors", "data-testid": "agents-create-back-button", children: [_jsx(ArrowLeft, { className: "size-4", strokeWidth: 2 }), "Back"] }), _jsx("span", { className: "text-neutral-grey-50", children: "/" }), _jsx("h2", { className: "text-neutral-grey-100 text-[15px] font-semibold tracking-tight", children: "New Agent" }), _jsx("p", { className: "text-neutral-grey-50 ml-1 hidden text-[12px] sm:inline", children: "Pick a profile to start with" })] }) }), _jsx("div", { className: "relative flex-1 overflow-y-auto bg-white", children: _jsx(AgentGalleryView, { variant: "pane", onSelectProfile: handleCreateAgent }) })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-border-default shrink-0 border-b bg-white px-4 py-4", children: _jsxs("div", { className: "space-y-3", children: [(newAgentButton || toolbarActions) && (_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [newAgentButton, toolbarActions && (_jsx("div", { className: "flex shrink-0 items-center gap-1", children: toolbarActions }))] })), _jsx("div", { className: "min-w-0", children: _jsx(FilterInput, { value: searchTerm, onChange: setSearchTerm, placeholder: "Search...", loading: loading && !initialLoad, size: "sm", inputClassName: "text-sm placeholder:text-neutral-grey-50" }) }), _jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [profileGroups.length > 0 && (_jsxs("div", { className: "border-border-default bg-neutral-grey-5 flex h-10 shrink-0 items-center overflow-hidden rounded border p-0.5", children: [_jsx("button", { type: "button", onClick: () => setHistoryViewMode("grouped"), className: cn("flex size-9 items-center justify-center rounded transition-colors", historyViewMode === "grouped"
+                                                            ? "text-neutral-grey-100 bg-white shadow-sm"
+                                                            : "text-neutral-grey-50 hover:text-neutral-grey-100"), title: "Grouped by profile", "aria-label": "Grouped by profile", children: _jsx(Layers, { className: "size-5", strokeWidth: 2 }) }), _jsx("button", { type: "button", onClick: () => setHistoryViewMode("flat"), className: cn("flex size-9 items-center justify-center rounded transition-colors", historyViewMode === "flat"
+                                                            ? "text-neutral-grey-100 bg-white shadow-sm"
+                                                            : "text-neutral-grey-50 hover:text-neutral-grey-100"), title: "Grouped by date", "aria-label": "Grouped by date", children: _jsx(List, { className: "size-5", strokeWidth: 2 }) })] })), _jsxs("label", { className: "text-neutral-grey-50 hover:text-neutral-grey-100 flex min-h-10 min-w-0 flex-1 cursor-pointer items-center justify-between gap-3 rounded text-[14px] font-medium transition-colors", children: [_jsx("span", { className: "min-w-0 truncate select-none", children: "Show just my agents" }), _jsx(Switch, { checked: showOnlyMyAgents, onCheckedChange: (checked) => setShowOnlyMyAgents(checked === true), className: "data-[state=checked]:bg-neutral-grey-100 data-[state=unchecked]:bg-neutral-grey-15 h-[24px] w-[44px] p-[2px] shadow-none [&_[data-slot=switch-thumb]]:size-[20px] [&_[data-slot=switch-thumb]]:data-[state=checked]:translate-x-[20px]" })] })] })] }) }), _jsxs("div", { className: "relative flex-1 overflow-y-auto bg-white", children: [loading && !initialLoad && (_jsx("div", { className: "absolute top-2 left-1/2 z-10 -translate-x-1/2 rounded-md bg-white px-3 py-1.5 shadow-md", children: _jsxs("div", { className: "text-neutral-grey-50 flex items-center gap-2 text-sm", children: [_jsx(RefreshCw, { className: "size-3 animate-spin", strokeWidth: 1 }), _jsx("span", { children: "Loading..." })] }) })), error ? (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "max-w-md text-center", children: [_jsx("div", { className: "text-feedback-red mb-4 text-sm", children: error }), _jsx("button", { onClick: handleRefresh, className: "bg-feedback-blue hover:bg-feedback-blue rounded px-4 py-2 text-xs text-white", children: "Retry" })] }) })) : totalActiveCount === 0 &&
                                     totalClosedCount === 0 &&
                                     !loading ? (_jsx("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center text-sm", children: searchTerm.trim()
                                         ? "No agents match your search"
-                                        : "No agents found" })) : (_jsxs("div", { className: cn("space-y-4 p-4", loading && "opacity-60"), children: [activeAgents.length > 0 && (_jsx("div", { className: "space-y-2", children: _jsx("div", { className: "divide-border-default border-border-default divide-y overflow-hidden rounded-lg border bg-white", children: sortedActiveAgents.map((agent) => (_jsx(AgentCard, { agent: agent, onClick: handleAgentClick, onResume: handleOpenAgent, onDelete: handleDeleteAgent, formatDateTime: formatDateTime, selected: selectedAgentId === agent.id }, agent.id))) }) })), profileGroups.length > 0 && (_jsx("div", { className: "space-y-2", children: historyViewMode === "grouped" ? (_jsx("div", { className: "divide-border-default border-border-default divide-y overflow-hidden rounded-lg border bg-white", children: profileGroups.map((profileGroup) => {
+                                        : "No agents found" })) : (_jsxs("div", { className: cn("space-y-5 px-4 py-4", loading && "opacity-60"), children: [activeAgents.length > 0 && (_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "text-neutral-grey-50 py-1.5 text-[14px] leading-5 font-medium", children: "Active" }), _jsx("div", { className: "space-y-1", children: sortedActiveAgents.map((agent) => (_jsx(AgentCard, { agent: agent, onClick: handleAgentClick, onResume: handleOpenAgent, onDelete: handleDeleteAgent, onRename: handleRenameAgent, formatDateTime: formatDateTime, selected: selectedAgentId === agent.id }, agent.id))) })] })), profileGroups.length > 0 && (_jsx("div", { className: "space-y-2", children: historyViewMode === "grouped" ? (_jsx("div", { className: "space-y-2 bg-white", children: profileGroups.map((profileGroup) => {
                                                     const profileKey = profileGroup.profileId || "null";
                                                     const isExpanded = expandedProfiles.has(profileKey);
                                                     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, onDeleteAgent: handleDeleteAgent, formatDateTime: formatDateTime, selectedAgentId: selectedAgentId }, profileKey));
-                                                }) })) : (_jsx("div", { className: "space-y-3", children: dateBuckets.map((bucket) => (_jsx(DateAgentsGroup, { bucketKey: bucket.key, label: bucket.label, agents: bucket.agents, isExpanded: !collapsedDateBuckets.has(bucket.key), onToggle: () => handleToggleDateBucket(bucket.key), onAgentClick: handleAgentClick, onResumeAgent: handleOpenAgent, onDeleteAgent: handleDeleteAgent, formatDateTime: formatDateTime, selectedAgentId: selectedAgentId }, bucket.key))) })) }))] }))] })] })) })] }));
+                                                    return (_jsx(ProfileAgentsGroup, { profileGroup: profileGroup, isExpanded: isExpanded, isLoadingMore: isLoadingMore, hasMore: hasMore, onToggle: () => handleToggleProfile(profileGroup.profileId), onLoadMore: () => handleLoadMoreForProfile(profileGroup.profileId), onAgentClick: handleAgentClick, onResumeAgent: handleOpenAgent, onDeleteAgent: handleDeleteAgent, onRenameAgent: handleRenameAgent, formatDateTime: formatDateTime, selectedAgentId: selectedAgentId }, profileKey));
+                                                }) })) : (_jsx("div", { className: "space-y-5", children: dateBuckets.map((bucket) => (_jsx(DateAgentsGroup, { bucketKey: bucket.key, label: bucket.label, agents: bucket.agents, isExpanded: !collapsedDateBuckets.has(bucket.key), onToggle: () => handleToggleDateBucket(bucket.key), onAgentClick: handleAgentClick, onResumeAgent: handleOpenAgent, onDeleteAgent: handleDeleteAgent, onRenameAgent: handleRenameAgent, formatDateTime: formatDateTime, selectedAgentId: selectedAgentId }, bucket.key))) })) }))] }))] })] })) }), _jsx(RenameAgentDialog, { open: renameTarget !== null, initialName: renameTarget?.name ?? "", onOpenChange: (open) => {
+                    if (!open)
+                        setRenameTarget(null);
+                }, onRename: performRename })] }));
 }
 //# sourceMappingURL=AgentsView.js.map