@parhelia/core 0.1.12393 → 0.1.12404

package/dist/editor/settings/panels/ProjectTemplatesPanel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { AlertCircle, ChevronDown, CornerDownRight, GitBranch, Link2, Plus, RefreshCw, Search, Settings2, Shield, Trash2, X, } from "lucide-react";
+import { AlertCircle, ChevronDown, CopyPlus, CornerDownRight, GitBranch, Link2, Plus, RefreshCw, Search, Settings2, Shield, Trash2, X, } from "lucide-react";
 import { toast } from "sonner";
 import { Button } from "../../../components/ui/button";
 import { Dialog, DialogContent, DialogFooter, } from "../../../components/ui/dialog";
@@ -14,12 +14,15 @@ import { Badge } from "../../../components/ui/badge";
 import { Popover, PopoverContent, PopoverTrigger, } from "../../../components/ui/popover";
 import { Splitter } from "../../ui/Splitter";
 import { DependencyGraphView } from "../../../task-board/views/DependencyGraphView";
+import { TaskAssigneePicker } from "../../../task-board/components/TaskAssigneePicker";
 import { deleteProjectTemplate, getProjectTemplates, getProjectTemplateAgent, resetProjectTemplateAgent, upsertProjectTemplate, } from "../../../task-board/services/taskService";
 import { getAiProfilesErrorMessage, loadAiProfiles, } from "../../services/aiService";
 import { updateAgentContext } from "../../services/agentService";
 import { useEditContext } from "../../client/editContext";
+import { ItemNameDialog, } from "../../ui/ItemNameDialogNew";
 import { isTypingEventTarget } from "../../utils/keyboardNavigation";
 import { cn } from "../../../lib/utils";
+import { AgentProfileEditorPanel, } from "./AgentProfileEditorPanel";
 import { ProjectTemplateAgentPanel } from "./ProjectTemplateAgentPanel";
 import { useSearchParams } from "next/navigation";
 /** Query param for deep-linking the selected project template (settings reload). */
@@ -31,12 +34,6 @@ const PRIORITY_OPTIONS = [
     { value: "High", label: "High" },
     { value: "Critical", label: "Critical" },
 ];
-const ASSIGNEE_TYPE_OPTIONS = [
-    { value: "", label: "Unassigned" },
-    { value: "Agent", label: "Agent profile" },
-    { value: "Human", label: "Human user" },
-    { value: "Role", label: "Role" },
-];
 const PROJECT_TEMPLATE_AUTOSAVE_DEBOUNCE_MS = 1200;
 function cloneTemplate(template) {
     return normalizeProjectTemplate(JSON.parse(JSON.stringify(template)));
@@ -330,6 +327,8 @@ export function ProjectTemplatesPanel() {
     const [templateAgentLoading, setTemplateAgentLoading] = useState(false);
     const [templateAgentResetting, setTemplateAgentResetting] = useState(false);
     const [templateAgentError, setTemplateAgentError] = useState(null);
+    const [duplicatingAgentProfile, setDuplicatingAgentProfile] = useState(false);
+    const [editingAgentProfile, setEditingAgentProfile] = useState(null);
     const autosaveTimeoutRef = useRef(null);
     const lastPersistedSignatureRef = useRef(null);
     const latestDraftSignatureRef = useRef(null);
@@ -373,6 +372,7 @@ export function ProjectTemplatesPanel() {
         draftTemplateRef.current = clonedTemplate;
         setSelectedTemplateId(template?.id ?? null);
         setDraftTemplate(clonedTemplate);
+        setEditingAgentProfile(null);
         setSelectedTaskId(getSelectedTaskIdForTemplate(clonedTemplate, preferredTaskId));
         setIsDirty(false);
         setSaveError(null);
@@ -501,23 +501,6 @@ export function ProjectTemplatesPanel() {
         return draftTemplate.taskTemplates.filter((task) => task.id !== selectedTaskId &&
             !selectedTask.dependencyIds.includes(task.id));
     }, [draftTemplate, selectedTaskId, selectedTask]);
-    const parentTaskSelectOptions = useMemo(() => {
-        if (!draftTemplate || !selectedTaskId) {
-            return [{ value: "", label: "None" }];
-        }
-        const others = draftTemplate.taskTemplates.filter((task) => task.id !== selectedTaskId);
-        return [
-            { value: "", label: "None" },
-            ...[...others]
-                .sort((a, b) => (a.title || "").localeCompare(b.title || "", undefined, {
-                sensitivity: "base",
-            }))
-                .map((task) => ({
-                value: task.id,
-                label: task.title?.trim() || "Untitled Task",
-            })),
-        ];
-    }, [draftTemplate, selectedTaskId]);
     const headerStatusBadge = useMemo(() => {
         if (saveError) {
             return (_jsx("span", { "data-testid": "project-template-save-status", "data-state": "error", className: "inline-flex min-w-[84px] justify-center rounded bg-red-100 px-1.5 py-0.5 whitespace-nowrap text-red-700", children: "Save failed" }));
@@ -529,11 +512,33 @@ export function ProjectTemplatesPanel() {
     }, [isDirty, saveError, saving]);
     const graphTasks = useMemo(() => buildTemplateTaskItems(draftTemplate, aiProfilesById), [aiProfilesById, draftTemplate]);
     const graphDependencies = useMemo(() => buildTemplateDependencies(draftTemplate), [draftTemplate]);
-    const profileOptions = useMemo(() => aiProfiles.map((profile) => ({
-        value: profile.id,
-        label: profile.displayTitle || profile.name,
-        description: profile.description || undefined,
-    })), [aiProfiles]);
+    const selectedAgentProfileId = selectedTask?.assigneeType === "Agent"
+        ? selectedTask.assigneeId ?? selectedTask.agentProfileId ?? null
+        : null;
+    const selectedAgentProfile = useMemo(() => selectedAgentProfileId
+        ? aiProfilesById[selectedAgentProfileId.toLowerCase()] ?? null
+        : null, [aiProfilesById, selectedAgentProfileId]);
+    const selectedTaskAssigneeDisplayValue = selectedTask?.assigneeType === "Agent"
+        ? selectedAgentProfile?.displayTitle ||
+            selectedAgentProfile?.name ||
+            selectedTask.assigneeId ||
+            selectedTask.agentProfileId ||
+            null
+        : selectedTask?.assigneeId ?? null;
+    const handleEditAssignedAgentProfile = useCallback(() => {
+        if (!selectedAgentProfileId)
+            return;
+        setEditingAgentProfile({
+            id: selectedAgentProfileId,
+            name: selectedAgentProfile?.displayTitle ||
+                selectedAgentProfile?.name ||
+                selectedTask?.title ||
+                "Agent Profile",
+        });
+    }, [selectedAgentProfile, selectedAgentProfileId, selectedTask?.title]);
+    const handleCloseEditingAgentProfile = useCallback(() => {
+        setEditingAgentProfile(null);
+    }, []);
     const syncProjectTemplateAgentContext = useCallback(async (agentId, template, selectedTaskTemplateId) => {
         try {
             await updateAgentContext(agentId, buildProjectTemplateAgentContext(template, selectedTaskTemplateId));
@@ -621,6 +626,92 @@ export function ProjectTemplatesPanel() {
             taskTemplates: currentTemplate.taskTemplates.map((task) => task.id === selectedTaskId ? updater({ ...task }) : task),
         }));
     }, [applyDraftChange, selectedTaskId]);
+    const handleDuplicateAssignedAgentProfile = useCallback(async () => {
+        if (!editContext || !selectedAgentProfileId)
+            return;
+        try {
+            setDuplicatingAgentProfile(true);
+            const sourceDescriptor = {
+                id: selectedAgentProfileId,
+                language: editContext.item?.language ??
+                    editContext.currentItemDescriptor?.language ??
+                    "en",
+                version: 0,
+            };
+            const sourceItem = await editContext.itemsRepository.getItem(sourceDescriptor);
+            if (!sourceItem) {
+                toast.error("Unable to load the selected agent profile");
+                return;
+            }
+            const newName = await editContext.openDialog(ItemNameDialog, {
+                name: `Copy of ${sourceItem.name}`,
+                title: "Duplicate Agent Profile",
+                message: "Enter a name for the duplicated agent profile:",
+                parentItem: { ...sourceItem.descriptor, id: sourceItem.parentId },
+                itemId: sourceItem.id,
+            });
+            if (!newName) {
+                return;
+            }
+            const duplicatedProfile = await editContext.operations.duplicateItem(sourceItem.descriptor, {
+                id: sourceItem.parentId,
+                language: sourceItem.language,
+                version: 0,
+            }, newName);
+            if (!duplicatedProfile) {
+                toast.error("Unable to duplicate the selected agent profile");
+                return;
+            }
+            try {
+                const duplicatedItem = await editContext.itemsRepository.getItem({
+                    id: duplicatedProfile.id,
+                    language: duplicatedProfile.language ?? sourceItem.language,
+                    version: duplicatedProfile.version ?? 0,
+                });
+                const displayTitleField = duplicatedItem?.fields.find((field) => {
+                    const fieldName = field.name?.trim().toLowerCase();
+                    const displayName = field.displayName?.trim().toLowerCase();
+                    return fieldName === "display title" || displayName === "display title";
+                });
+                if (displayTitleField) {
+                    await editContext.operations.editField({
+                        field: displayTitleField.descriptor,
+                        rawValue: newName,
+                        refresh: "immediate",
+                    });
+                }
+            }
+            catch {
+                // Best-effort only; duplication itself already succeeded.
+            }
+            updateSelectedTask((currentTask) => ({
+                ...currentTask,
+                assigneeType: "Agent",
+                assigneeId: duplicatedProfile.id,
+                agentProfileId: duplicatedProfile.id,
+            }));
+            setEditingAgentProfile({
+                id: duplicatedProfile.id,
+                name: duplicatedProfile.name || newName,
+            });
+            try {
+                const refreshedProfiles = await loadAiProfiles();
+                setAiProfiles(refreshedProfiles || []);
+                setProfilesError(null);
+            }
+            catch (loadError) {
+                setProfilesError(getAiProfilesErrorMessage(loadError));
+            }
+        }
+        catch (duplicateError) {
+            toast.error(duplicateError instanceof Error
+                ? `Failed to duplicate agent profile: ${duplicateError.message}`
+                : "Failed to duplicate agent profile");
+        }
+        finally {
+            setDuplicatingAgentProfile(false);
+        }
+    }, [editContext, selectedAgentProfileId, updateSelectedTask]);
     const currentSaveRequest = useMemo(() => {
         if (!draftTemplate || !draftTemplate.name.trim()) {
             return null;
@@ -1224,65 +1315,20 @@ export function ProjectTemplatesPanel() {
                                             content: (_jsx("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", "data-testid": "project-template-task-detail-pane", children: !selectedTask ? (_jsx("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: _jsx("div", { className: "rounded-lg border border-dashed border-gray-200 bg-gray-50 p-6 text-center text-xs text-gray-500", children: "Select a task node to edit its details." }) })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "shrink-0 border-b border-gray-100 bg-white px-4 pb-3 pt-4", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-semibold text-gray-900", "data-testid": "project-template-selected-task-title", children: selectedTask.title || "Untitled Task" }), _jsx("div", { className: "text-xs text-gray-500", children: "Configure task details, assignment, and dependencies." })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleDeleteSelectedTask, "data-testid": "project-template-remove-task-button", children: [_jsx(Trash2, { className: "h-4 w-4", strokeWidth: 1.5 }), "Remove Task"] })] }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-4 pb-4 pt-3", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "grid gap-1.5 md:col-span-2", children: [_jsx(Label, { className: "text-xs", children: "Task title" }), _jsx(Input, { value: selectedTask.title, onChange: (event) => updateSelectedTask((currentTask) => ({
                                                                                             ...currentTask,
                                                                                             title: event.target.value,
-                                                                                        })), placeholder: "Task title", className: "text-xs md:text-xs", "data-testid": "project-template-task-title-input" })] }), _jsxs("div", { className: "grid gap-1.5 md:col-span-2", children: [_jsx(Label, { className: "text-xs", children: "Parent task" }), _jsx(Select, { className: "text-xs", value: selectedTask.parentTaskId ?? "", onValueChange: (value) => {
-                                                                                            const newParentId = value.trim() || null;
-                                                                                            updateSelectedTask((currentTask) => {
-                                                                                                const oldParent = currentTask.parentTaskId ?? null;
-                                                                                                let deps = [
-                                                                                                    ...(currentTask.dependencyIds ?? []),
-                                                                                                ];
-                                                                                                if (oldParent &&
-                                                                                                    oldParent !== newParentId) {
-                                                                                                    deps = deps.filter((id) => id !== oldParent);
-                                                                                                }
-                                                                                                if (newParentId) {
-                                                                                                    if (!deps.includes(newParentId)) {
-                                                                                                        deps = [...deps, newParentId];
-                                                                                                    }
-                                                                                                }
-                                                                                                else if (oldParent) {
-                                                                                                    deps = deps.filter((id) => id !== oldParent);
-                                                                                                }
-                                                                                                return {
-                                                                                                    ...currentTask,
-                                                                                                    parentTaskId: newParentId,
-                                                                                                    dependencyIds: deps,
-                                                                                                };
-                                                                                            });
-                                                                                        }, options: parentTaskSelectOptions, placeholder: "No parent", "data-testid": "project-template-task-parent-select" }), _jsx("p", { className: "text-[11px] leading-snug text-gray-500", children: "Marks this task as a child in the template; the parent is also added as a blocking dependency unless already listed." })] }), _jsxs("div", { className: "grid gap-1.5 md:col-span-2", children: [_jsx(Label, { className: "text-xs", children: "Description" }), _jsx(Textarea, { className: "text-xs", value: selectedTask.description ?? "", onChange: (event) => updateSelectedTask((currentTask) => ({
+                                                                                        })), placeholder: "Task title", className: "text-xs md:text-xs", "data-testid": "project-template-task-title-input" })] }), _jsxs("div", { className: "grid gap-1.5 md:col-span-2", children: [_jsx(Label, { className: "text-xs", children: "Description" }), _jsx(Textarea, { className: "text-xs", value: selectedTask.description ?? "", onChange: (event) => updateSelectedTask((currentTask) => ({
                                                                                             ...currentTask,
                                                                                             description: event.target.value,
                                                                                         })), rows: 4, placeholder: "Describe what this task should accomplish", "data-testid": "project-template-task-description-input" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { className: "text-xs", children: "Priority" }), _jsx(Select, { className: "text-xs", value: selectedTask.priority ?? "", onValueChange: (value) => updateSelectedTask((currentTask) => ({
                                                                                             ...currentTask,
                                                                                             priority: value || null,
-                                                                                        })), options: PRIORITY_OPTIONS, "data-testid": "project-template-task-priority-select" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { className: "text-xs", children: "Default assignment type" }), _jsx(Select, { className: "text-xs", value: selectedTask.assigneeType ?? "", onValueChange: (value) => updateSelectedTask((currentTask) => ({
+                                                                                        })), options: PRIORITY_OPTIONS, "data-testid": "project-template-task-priority-select" })] }), _jsxs("div", { className: "grid gap-1.5 md:col-span-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx(Label, { className: "text-xs", children: "Default assignee" }), selectedTask.assigneeType === "Agent" ? (_jsxs(Button, { type: "button", size: "sm", variant: "outline", className: "h-7 gap-1 px-2 text-xs", onClick: () => void handleEditAssignedAgentProfile(), disabled: !selectedAgentProfileId, "data-testid": "project-template-task-edit-agent-profile-button", children: [_jsx(Settings2, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "Edit Profile"] })) : null] }), _jsx(TaskAssigneePicker, { projectTemplateId: draftTemplate.id, assigneeType: selectedTask.assigneeType ?? null, value: selectedTask.assigneeId ?? null, displayValue: selectedTaskAssigneeDisplayValue, onChange: (next) => updateSelectedTask((currentTask) => ({
                                                                                             ...currentTask,
-                                                                                            assigneeType: (value ||
-                                                                                                null),
-                                                                                            assigneeId: value
-                                                                                                ? (currentTask.assigneeId ?? null)
+                                                                                            assigneeType: next?.assigneeType ?? null,
+                                                                                            assigneeId: next?.assigneeId ?? null,
+                                                                                            agentProfileId: next?.assigneeType === "Agent"
+                                                                                                ? next.assigneeId
                                                                                                 : null,
-                                                                                            agentProfileId: value === "Agent"
-                                                                                                ? (currentTask.agentProfileId ?? null)
-                                                                                                : null,
-                                                                                        })), options: ASSIGNEE_TYPE_OPTIONS, "data-testid": "project-template-task-assignee-type-select" })] }), selectedTask.assigneeType === "Agent" ? (_jsxs("div", { className: "grid gap-1.5 md:col-span-2", children: [_jsx(Label, { className: "text-xs", children: "Agent profile" }), _jsx(Select, { className: "text-xs", value: selectedTask.assigneeId ??
-                                                                                            selectedTask.agentProfileId ??
-                                                                                            "", onValueChange: (value) => updateSelectedTask((currentTask) => ({
-                                                                                            ...currentTask,
-                                                                                            assigneeType: "Agent",
-                                                                                            assigneeId: value || null,
-                                                                                            agentProfileId: value || null,
-                                                                                        })), options: profileOptions, searchable: true, placeholder: "Select an agent profile", "data-testid": "project-template-task-agent-profile-select" }), profilesError && (_jsx("div", { className: "text-xs text-amber-700", children: profilesError }))] })) : selectedTask.assigneeType === "Human" ? (_jsxs("div", { className: "grid gap-1.5 md:col-span-2", children: [_jsx(Label, { className: "text-xs", children: "Default user identifier" }), _jsx(Input, { value: selectedTask.assigneeId ?? "", onChange: (event) => updateSelectedTask((currentTask) => ({
-                                                                                            ...currentTask,
-                                                                                            assigneeType: "Human",
-                                                                                            assigneeId: event.target.value,
-                                                                                            agentProfileId: null,
-                                                                                        })), placeholder: "sitecore\\\\john", className: "text-xs md:text-xs", "data-testid": "project-template-task-user-assignee-input" })] })) : selectedTask.assigneeType === "Role" ? (_jsxs("div", { className: "grid gap-1.5 md:col-span-2", children: [_jsx(Label, { className: "text-xs", children: "Default role identifier" }), _jsx(Input, { value: selectedTask.assigneeId ?? "", onChange: (event) => updateSelectedTask((currentTask) => ({
-                                                                                            ...currentTask,
-                                                                                            assigneeType: "Role",
-                                                                                            assigneeId: event.target.value,
-                                                                                            agentProfileId: null,
-                                                                                        })), placeholder: "sitecore\\\\Author", className: "text-xs md:text-xs", "data-testid": "project-template-task-role-assignee-input" })] })) : null] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-lg border border-gray-200 bg-gray-50 p-3", "data-testid": "project-template-dependencies-section", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-gray-800", children: [_jsx(Shield, { className: "h-4 w-4 text-gray-500", strokeWidth: 1.5 }), "Dependencies"] }), _jsxs(Popover, { open: dependencyPickerOpen, onOpenChange: setDependencyPickerOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-7 gap-1 px-2", disabled: dependencyAddCandidates.length === 0, "aria-label": "Add dependency", "data-testid": "project-template-add-dependency-button", children: _jsx(Plus, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }) }) }), _jsxs(PopoverContent, { align: "end", className: "w-72 p-0", sideOffset: 6, "data-testid": "project-template-dependency-popover", children: [_jsx("div", { className: "border-b border-gray-100 px-3 py-2 text-xs font-medium text-gray-700", children: "Depends on" }), _jsx("div", { className: "max-h-56 overflow-y-auto p-1", children: dependencyAddCandidates.length ===
+                                                                                        })), placeholder: "Assign user or agent", buttonClassName: "h-8 w-full justify-between rounded-md bg-white text-xs font-medium", buttonTestId: "project-template-task-assignee-picker" }), profilesError ? (_jsx("div", { className: "text-xs text-amber-700", children: profilesError })) : null] })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-lg border border-gray-200 bg-gray-50 p-3", "data-testid": "project-template-dependencies-section", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-gray-800", children: [_jsx(Shield, { className: "h-4 w-4 text-gray-500", strokeWidth: 1.5 }), "Dependencies"] }), _jsxs(Popover, { open: dependencyPickerOpen, onOpenChange: setDependencyPickerOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-7 gap-1 px-2", disabled: dependencyAddCandidates.length === 0, "aria-label": "Add dependency", "data-testid": "project-template-add-dependency-button", children: _jsx(Plus, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }) }) }), _jsxs(PopoverContent, { align: "end", className: "w-72 p-0", sideOffset: 6, "data-testid": "project-template-dependency-popover", children: [_jsx("div", { className: "border-b border-gray-100 px-3 py-2 text-xs font-medium text-gray-700", children: "Depends on" }), _jsx("div", { className: "max-h-56 overflow-y-auto p-1", children: dependencyAddCandidates.length ===
                                                                                                                     0 ? (_jsx("div", { className: "px-2 py-3 text-center text-xs text-gray-500", children: "All other tasks are already linked." })) : (dependencyAddCandidates.map((task) => (_jsxs("button", { type: "button", className: "flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-xs hover:bg-gray-100", onClick: () => handleAddDependency(task.id), "data-testid": `project-template-dependency-option-${task.id}`, children: [_jsx(Link2, { className: "h-3.5 w-3.5 shrink-0 text-gray-400", strokeWidth: 1.5 }), _jsx("span", { className: "min-w-0 truncate font-medium text-gray-900", children: task.title ||
                                                                                                                                 "Untitled Task" })] }, task.id)))) })] })] })] }), _jsx("p", { className: "mb-2 text-[11px] leading-snug text-gray-500", children: "This task must wait for these tasks to finish first." }), dependencyTasks.length === 0 ? (_jsx("div", { className: "text-xs text-gray-500", children: draftTemplate.taskTemplates.filter((t) => t.id !== selectedTask.id).length === 0
                                                                                             ? "Add more task templates to create dependencies."
@@ -1290,6 +1336,10 @@ export function ProjectTemplatesPanel() {
                                         },
                                     ] }) })] })] })] })) : (_jsx("div", { className: "flex h-full items-center justify-center bg-gray-50/40", children: _jsxs("div", { className: "max-w-sm rounded-lg border border-dashed border-gray-300 bg-white p-8 text-center", children: [_jsx(GitBranch, { className: "mx-auto mb-3 h-10 w-10 text-gray-300", strokeWidth: 1.2 }), _jsx("h3", { className: "text-xs font-semibold text-gray-900", children: "Select a project template" }), _jsx("p", { className: "mt-1 text-xs text-gray-500", children: "Choose a template from the list or create a new one to start editing." })] }) }));
     const agentPanelContent = (_jsx(ProjectTemplateAgentPanel, { templateName: draftTemplate?.name ?? null, agentId: templateAgentId, loading: templateAgentLoading, resetting: templateAgentResetting, error: templateAgentError, onStartOver: () => void handleResetTemplateAgent() }));
+    const rightPanelContent = editingAgentProfile ? (_jsx(AgentProfileEditorPanel, { agent: editingAgentProfile, onClose: handleCloseEditingAgentProfile, actions: _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void handleDuplicateAssignedAgentProfile(), disabled: !selectedAgentProfileId ||
+                !editContext ||
+                duplicatingAgentProfile ||
+                editingAgentProfile.id !== selectedAgentProfileId, "data-testid": "project-template-task-duplicate-agent-profile-button", children: [_jsx(CopyPlus, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), duplicatingAgentProfile ? "Duplicating..." : "Duplicate"] }) })) : (agentPanelContent);
     const panels = [
         {
             name: "project-template-list",
@@ -1306,7 +1356,7 @@ export function ProjectTemplatesPanel() {
         {
             name: "project-template-agent",
             defaultSize: 460,
-            content: agentPanelContent,
+            content: rightPanelContent,
             className: "overflow-hidden",
             collapsible: true,
         },