@parhelia/core 0.3.12788 → 0.3.12791

package/dist/editor/settings/panels/ProjectTemplatesPanel.d.ts

@@ -1,3 +1,6 @@
 import React from "react";
+export declare function readProjectTemplateIdFromUrl(searchParams: {
+    get: (name: string) => string | null;
+}): string | null;
 export declare function ProjectTemplatesPanel(): React.JSX.Element;
 export default ProjectTemplatesPanel;

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

@@ -32,6 +32,7 @@ import { isTypingEventTarget } from "../../utils/keyboardNavigation";
 import { useRequiredSettingsBreadcrumbItems, useRequiredSettingsHeaderActions, useRequiredSettingsMainContentRef, } from "../SettingsHeaderActionsContext";
 import { AgentProfileEditorPanel, } from "./AgentProfileEditorPanel";
 import { ProjectTemplateAgentPanel } from "./ProjectTemplateAgentPanel";
+import { duplicateProjectTemplate, getDuplicateProjectTemplateName, } from "./projectTemplateDuplication";
 import { ProjectTemplateSelector } from "./ProjectTemplateSelector";
 import { ProjectTemplateSelectorList } from "./ProjectTemplateSelectorList";
 // Query param for deep-linking the selected project template (settings reload).
@@ -372,19 +373,15 @@ function isValidGuid(value) {
     return (!!value &&
         /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value));
 }
-function readProjectTemplateIdFromUrl(searchParams) {
-    const raw = searchParams.get(SELECTED_PROJECT_TEMPLATE_QUERY_PARAM) ||
-        (typeof window !== "undefined"
-            ? new URLSearchParams(window.location.search).get(SELECTED_PROJECT_TEMPLATE_QUERY_PARAM)
-            : null);
-    return raw && isValidGuid(raw) ? raw : null;
-}
-function readProjectTemplateIdFromWindow() {
+export function readProjectTemplateIdFromUrl(searchParams) {
     const raw = typeof window !== "undefined"
         ? new URLSearchParams(window.location.search).get(SELECTED_PROJECT_TEMPLATE_QUERY_PARAM)
-        : null;
+        : searchParams.get(SELECTED_PROJECT_TEMPLATE_QUERY_PARAM);
     return raw && isValidGuid(raw) ? raw : null;
 }
+function readProjectTemplateIdFromWindow() {
+    return readProjectTemplateIdFromUrl(new URLSearchParams());
+}
 function getSelectedTaskIdForTemplate(template, preferredTaskId) {
     const taskTemplates = template?.taskTemplates ?? [];
     if (!taskTemplates.length) {
@@ -1341,13 +1338,10 @@ export function ProjectTemplatesPanel() {
         }
         setEditingAgentProfile(null);
         selectTemplate(null);
-        editContext?.updateUrl({
-            [SELECTED_PROJECT_TEMPLATE_QUERY_PARAM]: undefined,
-        });
         if (isMobile) {
             setMobileView("detail");
         }
-    }, [editContext, flushPendingSave, isMobile, selectTemplate]);
+    }, [flushPendingSave, isMobile, selectTemplate]);
     useEffect(() => {
         if (autosaveTimeoutRef.current !== null) {
             window.clearTimeout(autosaveTimeoutRef.current);
@@ -1532,6 +1526,79 @@ export function ProjectTemplatesPanel() {
         }
         await persistTemplate(request, signature, { showErrorToast: true });
     }, [editContext, flushPendingSave, isMobile, persistTemplate, templates]);
+    const handleDuplicateTemplate = useCallback(async () => {
+        const canContinue = await flushPendingSave({ showErrorToast: true });
+        if (!canContinue) {
+            return;
+        }
+        const sourceTemplate = draftTemplateRef.current ?? draftTemplate;
+        if (!sourceTemplate) {
+            return;
+        }
+        const suggestedName = getDuplicateProjectTemplateName(sourceTemplate.name, templates.map((template) => template.name));
+        let templateName = null;
+        if (editContext) {
+            templateName = await editContext.openDialog(ItemNameDialog, {
+                name: suggestedName,
+                title: "Duplicate Project Template",
+                message: "Enter a name for the duplicated template:",
+                headerIcon: _jsx(CopyPlus, { strokeWidth: 1 }),
+            });
+        }
+        else {
+            templateName = window.prompt("Enter a name for the duplicated template:", suggestedName);
+        }
+        if (templateName == null) {
+            return;
+        }
+        const trimmedName = templateName.trim();
+        if (!trimmedName) {
+            return;
+        }
+        const nameLower = trimmedName.toLowerCase();
+        if (templates.some((t) => t.name.trim().toLowerCase() === nameLower)) {
+            toast.error("A project template with this name already exists");
+            return;
+        }
+        const nextTemplate = duplicateProjectTemplate(sourceTemplate, trimmedName);
+        const request = buildUpsertTemplateRequest(nextTemplate);
+        const signature = JSON.stringify(request);
+        if (autosaveTimeoutRef.current !== null) {
+            window.clearTimeout(autosaveTimeoutRef.current);
+            autosaveTimeoutRef.current = null;
+        }
+        selectedTemplateIdRef.current = nextTemplate.id;
+        draftTemplateRef.current = nextTemplate;
+        latestDraftSignatureRef.current = signature;
+        setTemplates((current) => sortTemplates([nextTemplate, ...current]));
+        setSelectedTemplateId(nextTemplate.id);
+        setDraftTemplate(cloneTemplate(nextTemplate));
+        setSelectedTaskId(getSelectedTaskIdForTemplate(nextTemplate, null));
+        setSelectedGoalId(null);
+        setIsDirty(true);
+        setSaveError(null);
+        lastPersistedSignatureRef.current = null;
+        latestDraftSignatureRef.current = null;
+        editContext?.updateUrl({
+            [SELECTED_PROJECT_TEMPLATE_QUERY_PARAM]: nextTemplate.id,
+        });
+        if (isMobile) {
+            setMobileView("detail");
+        }
+        const didPersist = await persistTemplate(request, signature, {
+            showErrorToast: true,
+        });
+        if (didPersist) {
+            toast.success("Project template duplicated");
+        }
+    }, [
+        draftTemplate,
+        editContext,
+        flushPendingSave,
+        isMobile,
+        persistTemplate,
+        templates,
+    ]);
     const handleDeleteTemplate = useCallback((templateToDelete) => {
         const template = templateToDelete ?? draftTemplate;
         if (!template || template.isSystem)
@@ -2112,17 +2179,19 @@ export function ProjectTemplatesPanel() {
             : 0;
         return (_jsxs("div", { className: "mt-2 flex items-center gap-2", style: agentPanelHeaderOffset > 0
                 ? { marginRight: agentPanelHeaderOffset }
-                : undefined, children: [headerStatusBadge, showCreate ? (_jsxs(Button, { size: "sm", onClick: () => void handleCreateTemplate(), "data-testid": "project-template-create-button", children: [_jsx(Plus, { className: "h-4 w-4", strokeWidth: 1 }), "Create template"] })) : null, showDelete ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => handleDeleteTemplate(), disabled: deleting, "data-testid": "project-template-delete-button", children: [_jsx(DeleteIcon, { size: "lg" }), deleting ? "Deleting..." : "Delete"] })) : null] }));
+                : undefined, children: [headerStatusBadge, showCreate ? (_jsxs(Button, { size: "sm", onClick: () => void handleCreateTemplate(), "data-testid": "project-template-create-button", children: [_jsx(Plus, { className: "h-4 w-4", strokeWidth: 1 }), "Create template"] })) : null, draftTemplate ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void handleDuplicateTemplate(), disabled: saving || deleting, "data-testid": "project-template-duplicate-button", children: [_jsx(CopyPlus, { className: "h-4 w-4", strokeWidth: 1 }), "Duplicate"] })) : null, showDelete ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => handleDeleteTemplate(), disabled: deleting, "data-testid": "project-template-delete-button", children: [_jsx(DeleteIcon, { size: "lg" }), deleting ? "Deleting..." : "Delete"] })) : null] }));
     }, [
         agentPanelBounds,
         deleting,
         draftTemplate,
         handleCreateTemplate,
         handleDeleteTemplate,
+        handleDuplicateTemplate,
         headerStatusBadge,
         isAgentPanelCollapsed,
         isTaskEditorMaximized,
         isMobile,
+        saving,
     ]);
     useEffect(() => {
         if (!setSettingsBreadcrumbItems)
@@ -2228,7 +2297,7 @@ export function ProjectTemplatesPanel() {
                         : []),
                 ] }) }));
     };
-    const detailContent = (_jsxs("div", { className: "bg-neutral-grey-5/40 flex h-full flex-col", "data-testid": "project-template-detail-pane", children: [isMobile && draftTemplate && !draftTemplate.isSystem ? (_jsxs("div", { className: "border-border-default flex min-w-0 items-center gap-3 border-b bg-white px-5 py-2", "data-testid": "project-template-detail-pane-header", children: [_jsx("div", { className: "min-w-0 flex-1", children: templateSelector }), _jsx("div", { className: "flex shrink-0 items-center gap-1.5 self-center", children: _jsx(Button, { variant: "outline", size: "icon", className: "h-9 w-9 shrink-0", onClick: () => handleDeleteTemplate(), disabled: deleting, "aria-label": deleting ? "Deleting template" : "Delete template", title: deleting ? "Deleting…" : "Delete template", "data-testid": "project-template-delete-button", children: deleting ? (_jsx(RefreshCw, { className: "h-4 w-4 animate-spin", strokeWidth: 1 })) : (_jsx(DeleteIcon, { size: "lg" })) }) })] })) : null, draftTemplate ? ((() => {
+    const detailContent = (_jsxs("div", { className: "bg-neutral-grey-5/40 flex h-full flex-col", "data-testid": "project-template-detail-pane", children: [isMobile && draftTemplate ? (_jsxs("div", { className: "border-border-default flex min-w-0 items-center gap-3 border-b bg-white px-5 py-2", "data-testid": "project-template-detail-pane-header", children: [_jsx("div", { className: "min-w-0 flex-1", children: templateSelector }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5 self-center", children: [_jsx(Button, { variant: "outline", size: "icon", className: "h-9 w-9 shrink-0", onClick: () => void handleDuplicateTemplate(), disabled: saving || deleting, "aria-label": "Duplicate template", title: "Duplicate template", "data-testid": "project-template-duplicate-button", children: _jsx(CopyPlus, { className: "h-4 w-4", strokeWidth: 1 }) }), !draftTemplate.isSystem ? (_jsx(Button, { variant: "outline", size: "icon", className: "h-9 w-9 shrink-0", onClick: () => handleDeleteTemplate(), disabled: deleting, "aria-label": deleting ? "Deleting template" : "Delete template", title: deleting ? "Deleting…" : "Delete template", "data-testid": "project-template-delete-button", children: deleting ? (_jsx(RefreshCw, { className: "h-4 w-4 animate-spin", strokeWidth: 1 })) : (_jsx(DeleteIcon, { size: "lg" })) })) : null] })] })) : null, draftTemplate ? ((() => {
                 const detailTabs = [
                     {
                         id: "project-template-tab-basic-settings",