@parhelia/core 0.3.12816 → 0.3.12822

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

@@ -16,6 +16,7 @@ import { Switch } from "../../../components/ui/switch";
 import { Textarea } from "../../../components/ui/textarea";
 import { cn } from "../../../lib/utils";
 import { TaskAssigneePicker } from "../../../task-board/components/TaskAssigneePicker";
+import { parseGoalDisplaySpec } from "../../../task-board/components/goalDisplaySpec";
 import { deleteProjectTemplate, getProjectTemplateAgent, getProjectTemplates, resetProjectTemplateAgent, upsertProjectTemplate, } from "../../../task-board/services/taskService";
 const DependencyGraphView = lazy(() => import("../../../task-board/views/DependencyGraphView").then((module) => ({
     default: module.DependencyGraphView,
@@ -236,6 +237,7 @@ function createEmptyGoalDefinition(goalCount, title) {
         sortOrder: goalCount * 100,
         defaultScopeJson: null,
         dataShape: null,
+        displaySpec: null,
     };
 }
 function sortTemplates(templates) {
@@ -297,9 +299,19 @@ export function buildUpsertTemplateRequest(template) {
             sortOrder: goal.sortOrder || index * 100,
             defaultScopeJson: goal.defaultScopeJson?.trim() || null,
             dataShape: goal.dataShape?.trim() || null,
+            displaySpec: goal.displaySpec?.trim() || null,
         })),
     };
 }
+function getGoalDisplaySpecError(goals) {
+    for (const goal of goals ?? []) {
+        const result = parseGoalDisplaySpec(goal.displaySpec);
+        if ("error" in result) {
+            return `${goal.title || "Untitled goal"}: ${result.error}`;
+        }
+    }
+    return null;
+}
 export function mergeTemplateResponseWithRequest(serverTemplate, request) {
     const requestedTaskById = new Map((request.taskTemplates ?? []).map((task) => [task.id, task]));
     const requestedGoalById = new Map((request.goalTemplates ?? []).map((goal) => [goal.id, goal]));
@@ -314,6 +326,9 @@ export function mergeTemplateResponseWithRequest(serverTemplate, request) {
             return {
                 ...goal,
                 description: requested?.description ?? goal.description,
+                displaySpec: requested
+                    ? (requested.displaySpec ?? null)
+                    : goal.displaySpec,
             };
         }),
         ...(request.goalTemplates ?? []).filter((goal) => !serverGoalIds.has(goal.id)),
@@ -370,6 +385,8 @@ function getActiveDescriptionDraftField(selectedTaskId, selectedGoalId) {
             return { kind: "task", id: selectedTaskId };
         case "project-template-goal-description-input":
             return { kind: "goal", id: selectedGoalId };
+        case "project-template-goal-display-spec-input":
+            return { kind: "goalDisplaySpec", id: selectedGoalId };
         default:
             return null;
     }
@@ -408,6 +425,17 @@ function preserveActiveDescriptionDraft(template, draft, activeField) {
                 : goal),
         };
     }
+    if (activeField.kind === "goalDisplaySpec" && activeField.id) {
+        const draftGoal = (draft.goalTemplates ?? []).find((goal) => goal.id === activeField.id);
+        if (!draftGoal)
+            return template;
+        return {
+            ...template,
+            goalTemplates: (template.goalTemplates ?? []).map((goal) => goal.id === activeField.id
+                ? { ...goal, displaySpec: draftGoal.displaySpec }
+                : goal),
+        };
+    }
     return template;
 }
 function isValidGuid(value) {
@@ -518,6 +546,7 @@ function buildProjectTemplateAgentContext(template, selectedTaskTemplateId, sele
         sortOrder: goal.sortOrder ?? 0,
         defaultScopeJson: goal.defaultScopeJson?.trim() || null,
         dataShape: goal.dataShape?.trim() || null,
+        displaySpec: goal.displaySpec?.trim() || null,
     }));
     const selectedGoal = selectedGoalTemplateId
         ? (goalDefinitions.find((goal) => goal.id === selectedGoalTemplateId) ??
@@ -1349,6 +1378,14 @@ export function ProjectTemplatesPanel() {
         latestDraftSignatureRef.current = currentSaveSignature;
     }, [currentSaveSignature]);
     const persistTemplate = useCallback(async (request, signature, options) => {
+        const displaySpecError = getGoalDisplaySpecError(request.goalTemplates);
+        if (displaySpecError) {
+            const message = `Invalid goal Display Spec — ${displaySpecError}`;
+            setSaveError(message);
+            if (options?.showErrorToast)
+                toast.error(message);
+            return false;
+        }
         const runId = ++saveRunIdRef.current;
         setSaving(true);
         setSaveError(null);
@@ -2502,7 +2539,14 @@ export function ProjectTemplatesPanel() {
                                                 })), placeholder: '{"rootItemId":"...","pagesOnly":true}' })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { className: "text-xs", htmlFor: "project-template-goal-data-shape-input", children: "Data shape hint (optional)" }), _jsx(Input, { id: "project-template-goal-data-shape-input", className: "text-xs md:text-xs", value: selectedGoal.dataShape ?? "", onChange: (event) => updateSelectedGoal((goal) => ({
                                                     ...goal,
                                                     dataShape: event.target.value,
-                                                })), placeholder: "e.g. { recommendations: string[] }" })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-neutral-grey-100 text-xs font-medium", children: "Disabled" }), _jsx("div", { className: "text-neutral-grey-50 mt-0.5 text-xs", children: "Keeps the definition but hides it from the runtime goal catalog." })] }), _jsx(Switch, { checked: selectedGoal.disabled === true, onCheckedChange: (checked) => updateSelectedGoal((goal) => ({
+                                                })), placeholder: "e.g. { recommendations: string[] }" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { className: "text-xs", htmlFor: "project-template-goal-display-spec-input", children: "Display Spec (JSON, optional)" }), _jsx(Textarea, { id: "project-template-goal-display-spec-input", "data-testid": "project-template-goal-display-spec-input", className: "font-mono text-xs", rows: 5, value: selectedGoal.displaySpec ?? "", onChange: (event) => updateSelectedGoal((goal) => ({
+                                                    ...goal,
+                                                    displaySpec: event.target.value,
+                                                })), placeholder: '{"version":1,"sections":[{"widget":"summary"}]}', "aria-invalid": "error" in
+                                                    parseGoalDisplaySpec(selectedGoal.displaySpec) }), (() => {
+                                                const result = parseGoalDisplaySpec(selectedGoal.displaySpec);
+                                                return "error" in result ? (_jsx("div", { className: "text-feedback-red text-xs", "data-testid": "project-template-goal-display-spec-error", children: result.error })) : null;
+                                            })()] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-neutral-grey-100 text-xs font-medium", children: "Disabled" }), _jsx("div", { className: "text-neutral-grey-50 mt-0.5 text-xs", children: "Keeps the definition but hides it from the runtime goal catalog." })] }), _jsx(Switch, { checked: selectedGoal.disabled === true, onCheckedChange: (checked) => updateSelectedGoal((goal) => ({
                                                     ...goal,
                                                     disabled: checked,
                                                 })), "aria-label": "Disable this goal definition", "data-testid": "project-template-goal-disabled-switch" })] })] })) : (_jsx("div", { className: "border-border-default text-neutral-grey-50 flex items-center justify-center rounded-md border border-dashed p-6 text-center text-xs", children: "Select a goal to edit its details." }))] })) }));