bosun 0.41.8 → 0.41.10

package/workflow-templates/task-execution.mjs

@@ -9,6 +9,17 @@
  * selects the best agents/skills for each phase based on the task + node prompt.
  * Users can override by manually selecting skills in the workflow editor.
  *
+ * ## Composition
+ *
+ * All 6 task-type templates share identical structure (trigger → phase₁ →
+ * phase₂ → … → done) and identical agent config boilerplate. They are now
+ * built with `makeAgentPipeline()` — a factory that only requires:
+ *   - taskPattern regex
+ *   - ordered phase definitions (id + label + prompt)
+ *
+ * To add a new task type: call makeAgentPipeline() with your phases.
+ * To change agent defaults: update agentDefaults() in _helpers.mjs once.
+ *
  * Templates:
  *   - Fullstack Task Workflow
  *   - Backend Task Workflow
@@ -18,15 +29,13 @@
  *   - Design Task Workflow
  */
 
-import { node, edge, resetLayout } from "./_helpers.mjs";
+import { makeAgentPipeline } from "./_helpers.mjs";
 
 // ═══════════════════════════════════════════════════════════════════════════
 //  Fullstack Task Workflow
 // ═══════════════════════════════════════════════════════════════════════════
 
-resetLayout();
-
-export const FULLSTACK_TASK_TEMPLATE = {
+export const FULLSTACK_TASK_TEMPLATE = makeAgentPipeline({
   id: "template-task-fullstack",
   name: "Fullstack Task Workflow",
   description:
@@ -34,32 +43,13 @@ export const FULLSTACK_TASK_TEMPLATE = {
     "database models, and UI components. Runs four agent phases: " +
     "architecture planning, backend implementation, frontend implementation, " +
     "and integration testing.",
-  category: "task-execution",
-  enabled: true,
+  taskPattern: "full.?stack|end.to.end|api.*ui|server.*client|frontend.*backend|database.*component",
+  tags: ["fullstack", "task-type"],
   recommended: true,
-  trigger: "trigger.task_assigned",
-  variables: {
-    taskTimeoutMs: 21600000,
-    maxRetries: 2,
-    maxContinues: 3,
-    testCommand: "auto",
-    buildCommand: "auto",
-    lintCommand: "auto",
-  },
-  metadata: {
-    author: "bosun",
-    version: 1,
-    createdAt: "2025-06-01T00:00:00Z",
-    templateVersion: "1.0.0",
-    tags: ["fullstack", "task-type"],
-    resolveMode: "library",
-  },
-  nodes: [
-    node("trigger", "trigger.task_assigned", "Task Assigned", {
-      taskPattern: "full.?stack|end.to.end|api.*ui|server.*client|frontend.*backend|database.*component",
-    }, { x: 400, y: 50 }),
-
-    node("plan-architecture", "action.run_agent", "Plan Architecture", {
+  phases: [
+    {
+      id: "plan-architecture",
+      label: "Plan Architecture",
       prompt: `## Phase: Architecture Planning
 
 Analyse the task and produce a concrete plan covering:
@@ -70,19 +60,10 @@ Analyse the task and produce a concrete plan covering:
 5. Integration points and data flow
 
 Do NOT write code yet — produce only the plan.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 180 }),
-
-    node("implement-backend", "action.run_agent", "Implement Backend", {
+    },
+    {
+      id: "implement-backend",
+      label: "Implement Backend",
       prompt: `## Phase: Backend Implementation
 
 Implement the server-side / API changes from the architecture plan:
@@ -93,19 +74,10 @@ Implement the server-side / API changes from the architecture plan:
 - Run tests: {{testCommand}}
 
 Commit backend changes separately.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 340 }),
-
-    node("implement-frontend", "action.run_agent", "Implement Frontend", {
+    },
+    {
+      id: "implement-frontend",
+      label: "Implement Frontend",
       prompt: `## Phase: Frontend Implementation
 
 Implement the client-side / UI changes:
@@ -116,19 +88,10 @@ Implement the client-side / UI changes:
 - Run build: {{buildCommand}}
 
 Commit frontend changes separately.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 500 }),
-
-    node("integration-test", "action.run_agent", "Integration Test", {
+    },
+    {
+      id: "integration-test",
+      label: "Integration Test",
       prompt: `## Phase: Integration Testing
 
 Verify the full stack works end-to-end:
@@ -139,71 +102,30 @@ Verify the full stack works end-to-end:
 5. Ensure all tests pass before completing
 
 Push all changes and create/update the PR.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 660 }),
-
-    node("done", "notify.log", "Complete", {
-      message: "Fullstack task completed — all layers implemented and tested.",
-    }, { x: 400, y: 820 }),
+    },
   ],
-  edges: [
-    edge("trigger", "plan-architecture"),
-    edge("plan-architecture", "implement-backend"),
-    edge("implement-backend", "implement-frontend"),
-    edge("implement-frontend", "integration-test"),
-    edge("integration-test", "done"),
-  ],
-};
+  doneMessage: "Fullstack task completed — all layers implemented and tested.",
+});
 
 
 // ═══════════════════════════════════════════════════════════════════════════
 //  Backend Task Workflow
 // ═══════════════════════════════════════════════════════════════════════════
 
-resetLayout();
-
-export const BACKEND_TASK_TEMPLATE = {
+export const BACKEND_TASK_TEMPLATE = makeAgentPipeline({
   id: "template-task-backend",
   name: "Backend Task Workflow",
   description:
     "Specialised for server-side tasks — APIs, databases, services, " +
     "middleware. Runs three phases: plan, implement with TDD, and " +
     "verify with full test suite.",
-  category: "task-execution",
-  enabled: true,
+  taskPattern: "api|server|backend|database|model|migration|endpoint|middleware|service|graphql|rest|grpc",
+  tags: ["backend", "api", "server", "task-type"],
   recommended: true,
-  trigger: "trigger.task_assigned",
-  variables: {
-    taskTimeoutMs: 21600000,
-    maxRetries: 2,
-    maxContinues: 3,
-    testCommand: "auto",
-    buildCommand: "auto",
-    lintCommand: "auto",
-  },
-  metadata: {
-    author: "bosun",
-    version: 1,
-    createdAt: "2025-06-01T00:00:00Z",
-    templateVersion: "1.0.0",
-    tags: ["backend", "api", "server", "task-type"],
-    resolveMode: "library",
-  },
-  nodes: [
-    node("trigger", "trigger.task_assigned", "Task Assigned", {
-      taskPattern: "api|server|backend|database|model|migration|endpoint|middleware|service|graphql|rest|grpc",
-    }, { x: 400, y: 50 }),
-
-    node("plan", "action.run_agent", "Plan Backend", {
+  phases: [
+    {
+      id: "plan",
+      label: "Plan Backend",
       prompt: `## Phase: Backend Planning
 
 Analyse the task and produce a plan:
@@ -214,19 +136,10 @@ Analyse the task and produce a plan:
 5. Test plan (unit + integration)
 
 Do NOT write code yet.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 180 }),
-
-    node("implement-tdd", "action.run_agent", "Implement (TDD)", {
+    },
+    {
+      id: "implement-tdd",
+      label: "Implement (TDD)",
       prompt: `## Phase: Test-Driven Implementation
 
 1. Write tests FIRST for the planned changes
@@ -238,19 +151,10 @@ Do NOT write code yet.`,
 7. Run lint: {{lintCommand}}
 
 Commit with descriptive messages.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 380 }),
-
-    node("verify", "action.run_agent", "Verify & PR", {
+    },
+    {
+      id: "verify",
+      label: "Verify & PR",
       prompt: `## Phase: Verification
 
 1. Run the complete test suite: {{testCommand}}
@@ -258,70 +162,30 @@ Commit with descriptive messages.`,
 3. Ensure no regressions
 4. Push changes and create/update PR
 5. Include test results summary in PR description`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 560 }),
-
-    node("done", "notify.log", "Complete", {
-      message: "Backend task completed — API/service implemented and tested.",
-    }, { x: 400, y: 720 }),
+    },
   ],
-  edges: [
-    edge("trigger", "plan"),
-    edge("plan", "implement-tdd"),
-    edge("implement-tdd", "verify"),
-    edge("verify", "done"),
-  ],
-};
+  doneMessage: "Backend task completed — API/service implemented and tested.",
+});
 
 
 // ═══════════════════════════════════════════════════════════════════════════
 //  Frontend Task Workflow
 // ═══════════════════════════════════════════════════════════════════════════
 
-resetLayout();
-
-export const FRONTEND_TASK_TEMPLATE = {
+export const FRONTEND_TASK_TEMPLATE = makeAgentPipeline({
   id: "template-task-frontend",
   name: "Frontend Task Workflow",
   description:
     "Specialised for UI tasks — components, pages, styling, " +
     "accessibility. Runs three phases: design analysis, implement " +
     "with component tests, and visual verification.",
-  category: "task-execution",
-  enabled: true,
+  taskPattern: "frontend|ui|component|page|layout|style|css|responsive|accessibility|a11y|design.system",
+  tags: ["frontend", "ui", "css", "component", "task-type"],
   recommended: true,
-  trigger: "trigger.task_assigned",
-  variables: {
-    taskTimeoutMs: 21600000,
-    maxRetries: 2,
-    maxContinues: 3,
-    testCommand: "auto",
-    buildCommand: "auto",
-    lintCommand: "auto",
-  },
-  metadata: {
-    author: "bosun",
-    version: 1,
-    createdAt: "2025-06-01T00:00:00Z",
-    templateVersion: "1.0.0",
-    tags: ["frontend", "ui", "css", "component", "task-type"],
-    resolveMode: "library",
-  },
-  nodes: [
-    node("trigger", "trigger.task_assigned", "Task Assigned", {
-      taskPattern: "frontend|ui|component|page|layout|style|css|responsive|accessibility|a11y|design.system",
-    }, { x: 400, y: 50 }),
-
-    node("analyse-design", "action.run_agent", "Analyse Design", {
+  phases: [
+    {
+      id: "analyse-design",
+      label: "Analyse Design",
       prompt: `## Phase: Design Analysis
 
 Analyse the UI task requirements:
@@ -333,19 +197,10 @@ Analyse the UI task requirements:
 6. Component test plan
 
 Do NOT write code yet.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 180 }),
-
-    node("implement-ui", "action.run_agent", "Implement UI", {
+    },
+    {
+      id: "implement-ui",
+      label: "Implement UI",
       prompt: `## Phase: UI Implementation
 
 1. Create / update components per the design plan
@@ -357,19 +212,10 @@ Do NOT write code yet.`,
 7. Run lint: {{lintCommand}}
 
 Commit with descriptive messages.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 380 }),
-
-    node("verify-visual", "action.run_agent", "Verify & PR", {
+    },
+    {
+      id: "verify-visual",
+      label: "Verify & PR",
       prompt: `## Phase: Visual Verification
 
 1. Run the full test suite: {{testCommand}}
@@ -378,70 +224,31 @@ Commit with descriptive messages.`,
 4. Check responsive breakpoints
 5. Verify accessibility (screen reader, keyboard)
 6. Push changes and create/update PR`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 560 }),
-
-    node("done", "notify.log", "Complete", {
-      message: "Frontend task completed — UI implemented and verified.",
-    }, { x: 400, y: 720 }),
+    },
   ],
-  edges: [
-    edge("trigger", "analyse-design"),
-    edge("analyse-design", "implement-ui"),
-    edge("implement-ui", "verify-visual"),
-    edge("verify-visual", "done"),
-  ],
-};
+  doneMessage: "Frontend task completed — UI implemented and verified.",
+});
 
 
 // ═══════════════════════════════════════════════════════════════════════════
 //  Debug Task Workflow
 // ═══════════════════════════════════════════════════════════════════════════
 
-resetLayout();
-
-export const DEBUG_TASK_TEMPLATE = {
+export const DEBUG_TASK_TEMPLATE = makeAgentPipeline({
   id: "template-task-debug",
   name: "Debug Task Workflow",
   description:
     "Bug investigation and fix workflow. Starts with reproduction " +
     "and root-cause analysis, then implements a targeted fix with " +
     "regression tests.",
-  category: "task-execution",
-  enabled: true,
+  taskPattern: "bug|fix|error|crash|regression|broken|debug|issue|defect|hotfix|patch",
+  tags: ["debug", "bug", "fix", "error", "task-type"],
   recommended: true,
-  trigger: "trigger.task_assigned",
-  variables: {
-    taskTimeoutMs: 21600000,
-    maxRetries: 3,
-    maxContinues: 4,
-    testCommand: "auto",
-    buildCommand: "auto",
-    lintCommand: "auto",
-  },
-  metadata: {
-    author: "bosun",
-    version: 1,
-    createdAt: "2025-06-01T00:00:00Z",
-    templateVersion: "1.0.0",
-    tags: ["debug", "bug", "fix", "error", "task-type"],
-    resolveMode: "library",
-  },
-  nodes: [
-    node("trigger", "trigger.task_assigned", "Task Assigned", {
-      taskPattern: "bug|fix|error|crash|regression|broken|debug|issue|defect|hotfix|patch",
-    }, { x: 400, y: 50 }),
-
-    node("reproduce", "action.run_agent", "Reproduce & Analyse", {
+  variables: { maxRetries: 3, maxContinues: 4 },
+  phases: [
+    {
+      id: "reproduce",
+      label: "Reproduce & Analyse",
       prompt: `## Phase: Bug Reproduction & Root Cause Analysis
 
 1. Read the bug report carefully
@@ -451,19 +258,10 @@ export const DEBUG_TASK_TEMPLATE = {
 5. Document: what fails, where, why, and the minimal fix needed
 
 Do NOT fix the bug yet — only diagnose.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 180 }),
-
-    node("fix-and-test", "action.run_agent", "Fix & Regression Test", {
+    },
+    {
+      id: "fix-and-test",
+      label: "Fix & Regression Test",
       prompt: `## Phase: Fix Implementation with Regression Tests
 
 1. Write a regression test that demonstrates the bug (must fail before fix)
@@ -475,19 +273,10 @@ Do NOT fix the bug yet — only diagnose.`,
 7. Ensure no other tests broke
 
 Commit fix and test together with a clear commit message.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 380 }),
-
-    node("verify", "action.run_agent", "Verify & PR", {
+    },
+    {
+      id: "verify",
+      label: "Verify & PR",
       prompt: `## Phase: Final Verification
 
 1. Run complete test suite: {{testCommand}}
@@ -495,70 +284,30 @@ Commit fix and test together with a clear commit message.`,
 3. Confirm the original bug is fixed
 4. Confirm no regressions
 5. Push and create/update PR with root cause analysis in description`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 560 }),
-
-    node("done", "notify.log", "Complete", {
-      message: "Debug task completed — bug fixed with regression test.",
-    }, { x: 400, y: 720 }),
+    },
   ],
-  edges: [
-    edge("trigger", "reproduce"),
-    edge("reproduce", "fix-and-test"),
-    edge("fix-and-test", "verify"),
-    edge("verify", "done"),
-  ],
-};
+  doneMessage: "Debug task completed — bug fixed with regression test.",
+});
 
 
 // ═══════════════════════════════════════════════════════════════════════════
 //  CI/CD Task Workflow
 // ═══════════════════════════════════════════════════════════════════════════
 
-resetLayout();
-
-export const CICD_TASK_TEMPLATE = {
+export const CICD_TASK_TEMPLATE = makeAgentPipeline({
   id: "template-task-cicd",
   name: "CI/CD Task Workflow",
   description:
     "For pipeline, deployment, infrastructure, and build-system tasks. " +
     "Plans the change, implements with validation steps, then verifies " +
     "the pipeline works end-to-end.",
-  category: "task-execution",
-  enabled: true,
+  taskPattern: "ci|cd|pipeline|deploy|infrastructure|docker|kubernetes|k8s|terraform|github.action|build.system|release|devops",
+  tags: ["ci", "cd", "pipeline", "deploy", "infrastructure", "task-type"],
   recommended: true,
-  trigger: "trigger.task_assigned",
-  variables: {
-    taskTimeoutMs: 21600000,
-    maxRetries: 2,
-    maxContinues: 3,
-    testCommand: "auto",
-    buildCommand: "auto",
-    lintCommand: "auto",
-  },
-  metadata: {
-    author: "bosun",
-    version: 1,
-    createdAt: "2025-06-01T00:00:00Z",
-    templateVersion: "1.0.0",
-    tags: ["ci", "cd", "pipeline", "deploy", "infrastructure", "task-type"],
-    resolveMode: "library",
-  },
-  nodes: [
-    node("trigger", "trigger.task_assigned", "Task Assigned", {
-      taskPattern: "ci|cd|pipeline|deploy|infrastructure|docker|kubernetes|k8s|terraform|github.action|build.system|release|devops",
-    }, { x: 400, y: 50 }),
-
-    node("plan-pipeline", "action.run_agent", "Plan Pipeline Change", {
+  phases: [
+    {
+      id: "plan-pipeline",
+      label: "Plan Pipeline Change",
       prompt: `## Phase: CI/CD Planning
 
 Analyse the pipeline/infrastructure task:
@@ -569,19 +318,10 @@ Analyse the pipeline/infrastructure task:
 5. Test plan for verifying the change
 
 Do NOT make changes yet.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 180 }),
-
-    node("implement-pipeline", "action.run_agent", "Implement Pipeline", {
+    },
+    {
+      id: "implement-pipeline",
+      label: "Implement Pipeline",
       prompt: `## Phase: Pipeline Implementation
 
 1. Make the CI/CD / infrastructure changes per the plan
@@ -592,19 +332,10 @@ Do NOT make changes yet.`,
 6. Validate configuration syntax
 
 Commit changes with clear descriptions.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 380 }),
-
-    node("verify-pipeline", "action.run_agent", "Verify & PR", {
+    },
+    {
+      id: "verify-pipeline",
+      label: "Verify & PR",
       prompt: `## Phase: Pipeline Verification
 
 1. Run full test suite: {{testCommand}}
@@ -612,69 +343,29 @@ Commit changes with clear descriptions.`,
 3. Verify pipeline configuration is valid
 4. Push and create/update PR
 5. Include deployment / rollback instructions in PR description`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 560 }),
-
-    node("done", "notify.log", "Complete", {
-      message: "CI/CD task completed — pipeline updated and verified.",
-    }, { x: 400, y: 720 }),
+    },
   ],
-  edges: [
-    edge("trigger", "plan-pipeline"),
-    edge("plan-pipeline", "implement-pipeline"),
-    edge("implement-pipeline", "verify-pipeline"),
-    edge("verify-pipeline", "done"),
-  ],
-};
+  doneMessage: "CI/CD task completed — pipeline updated and verified.",
+});
 
 
 // ═══════════════════════════════════════════════════════════════════════════
 //  Design Task Workflow
 // ═══════════════════════════════════════════════════════════════════════════
 
-resetLayout();
-
-export const DESIGN_TASK_TEMPLATE = {
+export const DESIGN_TASK_TEMPLATE = makeAgentPipeline({
   id: "template-task-design",
   name: "Design Task Workflow",
   description:
     "For design-related tasks — mockups, wireframes, design tokens, " +
     "component library work. Analyses design requirements, implements " +
     "the design system changes, and verifies visual output.",
-  category: "task-execution",
-  enabled: true,
-  trigger: "trigger.task_assigned",
-  variables: {
-    taskTimeoutMs: 21600000,
-    maxRetries: 2,
-    maxContinues: 3,
-    testCommand: "auto",
-    buildCommand: "auto",
-    lintCommand: "auto",
-  },
-  metadata: {
-    author: "bosun",
-    version: 1,
-    createdAt: "2025-06-01T00:00:00Z",
-    templateVersion: "1.0.0",
-    tags: ["design", "mockup", "wireframe", "design-system", "task-type"],
-    resolveMode: "library",
-  },
-  nodes: [
-    node("trigger", "trigger.task_assigned", "Task Assigned", {
-      taskPattern: "design|mockup|wireframe|prototype|design.system|theme|color|typography|icon|illustration|ux",
-    }, { x: 400, y: 50 }),
-
-    node("analyse-requirements", "action.run_agent", "Analyse Design Req", {
+  taskPattern: "design|mockup|wireframe|prototype|design.system|theme|color|typography|icon|illustration|ux",
+  tags: ["design", "mockup", "wireframe", "design-system", "task-type"],
+  phases: [
+    {
+      id: "analyse-requirements",
+      label: "Analyse Design Req",
       prompt: `## Phase: Design Requirements Analysis
 
 1. Review the design task requirements
@@ -684,19 +375,10 @@ export const DESIGN_TASK_TEMPLATE = {
 5. List affected files and components
 
 Do NOT make changes yet.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 180 }),
-
-    node("implement-design", "action.run_agent", "Implement Design", {
+    },
+    {
+      id: "implement-design",
+      label: "Implement Design",
       prompt: `## Phase: Design Implementation
 
 1. Update design tokens (colors, spacing, typography) if needed
@@ -707,19 +389,10 @@ Do NOT make changes yet.`,
 6. Run lint: {{lintCommand}}
 
 Commit changes with descriptive messages.`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 380 }),
-
-    node("verify-design", "action.run_agent", "Verify & PR", {
+    },
+    {
+      id: "verify-design",
+      label: "Verify & PR",
       prompt: `## Phase: Design Verification
 
 1. Run tests: {{testCommand}}
@@ -727,26 +400,7 @@ Commit changes with descriptive messages.`,
 3. Verify visual consistency
 4. Check design token values are correct
 5. Push and create/update PR`,
-      taskId: "{{taskId}}",
-      sdk: "{{resolvedSdk}}",
-      model: "{{resolvedModel}}",
-      agentProfile: "{{agentProfile}}",
-      cwd: "{{worktreePath}}",
-      timeoutMs: "{{taskTimeoutMs}}",
-      maxRetries: "{{maxRetries}}",
-      maxContinues: "{{maxContinues}}",
-      resolveMode: "library",
-      failOnError: false,
-    }, { x: 400, y: 560 }),
-
-    node("done", "notify.log", "Complete", {
-      message: "Design task completed — design changes implemented and verified.",
-    }, { x: 400, y: 720 }),
-  ],
-  edges: [
-    edge("trigger", "analyse-requirements"),
-    edge("analyse-requirements", "implement-design"),
-    edge("implement-design", "verify-design"),
-    edge("verify-design", "done"),
+    },
   ],
-};
+  doneMessage: "Design task completed — design changes implemented and verified.",
+});