@stigmer/react 1.0.4 → 2.0.1

package/workflow/templates/WorkflowTemplateGallery.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { WORKFLOW_CATEGORY_LABELS } from "./types";
+import { useTemplateFilter } from "../../resource-creation/useTemplateFilter";
+import { WorkflowTemplateCard } from "./WorkflowTemplateCard";
+import { WorkflowTemplatePreview } from "./WorkflowTemplatePreview";
+/**
+ * Searchable, filterable gallery of workflow templates.
+ *
+ * Composes the headless `useTemplateFilter` hook with workflow-specific
+ * `WorkflowTemplateCard` components. Includes an integrated preview
+ * dialog — clicking the eye icon on a card opens a graph preview
+ * before committing to the template.
+ *
+ * Keyboard navigation follows the same pattern as the generic
+ * `TemplateGallery`: Tab between search/tabs/cards, Arrow keys
+ * navigate tabs, Enter/Space activates.
+ */
+export function WorkflowTemplateGallery({ templates, onSelect, emptyContent, className, }) {
+    const { filtered, query, setQuery, activeCategory, setActiveCategory, availableCategories, } = useTemplateFilter({ templates });
+    const [previewTemplate, setPreviewTemplate] = useState(null);
+    const handlePreview = useCallback((template) => {
+        setPreviewTemplate(template);
+    }, []);
+    const handlePreviewClose = useCallback(() => {
+        setPreviewTemplate(null);
+    }, []);
+    const handlePreviewSelect = useCallback((template) => {
+        setPreviewTemplate(null);
+        onSelect(template);
+    }, [onSelect]);
+    const handleTabKeyDown = useCallback((e) => {
+        const tabs = e.currentTarget.querySelectorAll('[role="tab"]');
+        if (!tabs.length)
+            return;
+        const currentIndex = Array.from(tabs).findIndex((t) => t === document.activeElement);
+        if (currentIndex === -1)
+            return;
+        let nextIndex = null;
+        if (e.key === "ArrowRight") {
+            nextIndex = (currentIndex + 1) % tabs.length;
+        }
+        else if (e.key === "ArrowLeft") {
+            nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+        }
+        else if (e.key === "Home") {
+            nextIndex = 0;
+        }
+        else if (e.key === "End") {
+            nextIndex = tabs.length - 1;
+        }
+        if (nextIndex !== null) {
+            e.preventDefault();
+            tabs[nextIndex].focus();
+            tabs[nextIndex].click();
+        }
+    }, []);
+    return (_jsxs("div", { className: cn("flex flex-col gap-4", className), children: [_jsxs("div", { className: "relative", children: [_jsx(SearchIcon, {}), _jsx("input", { type: "search", value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search templates\u2026", "aria-label": "Search workflow templates", className: cn("w-full rounded-md border border-input bg-input-bg py-2 pl-9 pr-3 text-sm text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring") })] }), availableCategories.length > 1 && (_jsxs("div", { role: "tablist", "aria-label": "Template categories", onKeyDown: handleTabKeyDown, className: "flex flex-wrap gap-1", children: [_jsx(CategoryTab, { label: "All", isActive: activeCategory === null, onClick: () => setActiveCategory(null) }), availableCategories.map((cat) => (_jsx(CategoryTab, { label: WORKFLOW_CATEGORY_LABELS[cat] ?? cat, isActive: activeCategory === cat, onClick: () => setActiveCategory(cat) }, cat)))] })), filtered.length > 0 ? (_jsx("div", { role: "list", "aria-label": "Workflow templates", className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", children: filtered.map((template) => (_jsx("div", { role: "listitem", children: _jsx(WorkflowTemplateCard, { template: template, onSelect: onSelect, onPreview: handlePreview }) }, template.id))) })) : ((emptyContent ?? (_jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: "No templates match your search." })))), _jsx(WorkflowTemplatePreview, { template: previewTemplate, open: previewTemplate !== null, onClose: handlePreviewClose, onSelect: handlePreviewSelect })] }));
+}
+function CategoryTab({ label, isActive, onClick, }) {
+    return (_jsx("button", { type: "button", role: "tab", "aria-selected": isActive, tabIndex: isActive ? 0 : -1, onClick: onClick, className: cn("rounded-md px-2.5 py-1 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", isActive
+            ? "bg-primary text-primary-foreground"
+            : "bg-muted text-muted-foreground hover:bg-accent hover:text-accent-foreground"), children: label }));
+}
+function SearchIcon() {
+    return (_jsxs("svg", { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: 11, cy: 11, r: 8 }), _jsx("path", { d: "m21 21-4.3-4.3" })] }));
+}
+//# sourceMappingURL=WorkflowTemplateGallery.js.map

package/workflow/templates/WorkflowTemplateGallery.js.map

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

package/workflow/templates/WorkflowTemplatePreview.d.ts

@@ -0,0 +1,19 @@
+import type { WorkflowTemplate } from "./types";
+export interface WorkflowTemplatePreviewProps {
+    readonly template: WorkflowTemplate | null;
+    readonly open: boolean;
+    readonly onClose: () => void;
+    readonly onSelect: (template: WorkflowTemplate) => void;
+}
+/**
+ * Preview dialog for a workflow template.
+ *
+ * Shows the template's metadata, pattern badges, and a read-only
+ * graph preview rendered via the YAML → graph pipeline. Uses a
+ * native `<dialog>` element for modal semantics.
+ *
+ * The graph preview is lazy — it only parses and lays out the YAML
+ * when the dialog opens, not while browsing cards.
+ */
+export declare function WorkflowTemplatePreview({ template, open, onClose, onSelect, }: WorkflowTemplatePreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowTemplatePreview.d.ts.map

package/workflow/templates/WorkflowTemplatePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTemplatePreview.d.ts","sourceRoot":"","sources":["../../../src/workflow/templates/WorkflowTemplatePreview.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAwB,MAAM,SAAS,CAAC;AAKtE,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzD;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,GACT,EAAE,4BAA4B,2CA0J9B"}

package/workflow/templates/WorkflowTemplatePreview.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { parse as parseYaml } from "yaml";
+import { ReactFlowProvider, ReactFlow, Background, BackgroundVariant, useReactFlow, } from "@xyflow/react";
+import { PATTERN_LABELS } from "./types";
+import { deriveTemplateMeta } from "./derive-template-metadata";
+import { TEMPLATE_CATEGORY_LABELS } from "../../resource-creation/templates/types";
+/**
+ * Preview dialog for a workflow template.
+ *
+ * Shows the template's metadata, pattern badges, and a read-only
+ * graph preview rendered via the YAML → graph pipeline. Uses a
+ * native `<dialog>` element for modal semantics.
+ *
+ * The graph preview is lazy — it only parses and lays out the YAML
+ * when the dialog opens, not while browsing cards.
+ */
+export function WorkflowTemplatePreview({ template, open, onClose, onSelect, }) {
+    const dialogRef = useRef(null);
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open && !dialog.open) {
+            dialog.showModal();
+        }
+        else if (!open && dialog.open) {
+            dialog.close();
+        }
+    }, [open]);
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        const handleClose = () => onClose();
+        dialog.addEventListener("close", handleClose);
+        return () => dialog.removeEventListener("close", handleClose);
+    }, [onClose]);
+    const handleSelect = useCallback(() => {
+        if (template)
+            onSelect(template);
+    }, [template, onSelect]);
+    const meta = useMemo(() => (template ? deriveTemplateMeta(template.data.yaml ?? "") : null), [template]);
+    if (!template || !meta) {
+        return _jsx("dialog", { ref: dialogRef, className: "hidden" });
+    }
+    const categoryLabel = TEMPLATE_CATEGORY_LABELS[template.category] ?? template.category;
+    return (_jsx("dialog", { ref: dialogRef, className: cn("stgm m-auto max-h-[85vh] w-full max-w-3xl rounded-lg border border-border bg-background p-0 shadow-lg", "backdrop:bg-black/50"), children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-5 py-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: template.name }), _jsx("span", { className: "text-xs text-muted-foreground", children: categoryLabel })] }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close preview", className: cn("rounded-md p-1.5 text-muted-foreground transition-colors", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(CloseIcon, {}) })] }), _jsxs("div", { className: "flex flex-col gap-4 px-5 py-4", children: [_jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: template.description }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx(MetaChip, { label: `${meta.taskCount} tasks` }), _jsx(MetaChip, { label: `${meta.taskKinds.length} task types` }), meta.envVarCount > 0 && (_jsx(MetaChip, { label: `${meta.envVarCount} env vars` })), meta.hasBudget && _jsx(MetaChip, { label: "Budget configured" })] }), meta.patterns.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: meta.patterns.map((pattern) => (_jsx("span", { className: "rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground", children: PATTERN_LABELS[pattern] }, pattern))) })), _jsxs("div", { children: [_jsx("h3", { className: "mb-1.5 text-xs font-medium text-foreground", children: "Task types used" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: meta.taskKinds.map((kind) => (_jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground", children: kind }, kind))) })] }), _jsx("div", { className: "h-64 overflow-hidden rounded-md border border-border bg-muted/30", children: _jsx(ReactFlowProvider, { children: _jsx(TemplateGraphPreview, { yaml: template.data.yaml ?? "" }) }) })] }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border px-5 py-3", children: [_jsx("button", { type: "button", onClick: onClose, className: cn("rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground transition-colors", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Cancel" }), _jsx("button", { type: "button", onClick: handleSelect, className: cn("rounded-md bg-primary px-4 py-1.5 text-sm font-medium text-primary-foreground transition-colors", "hover:bg-primary/90", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Use this template" })] })] }) }));
+}
+/**
+ * Lightweight graph preview that parses template YAML and renders
+ * a simplified node layout using React Flow.
+ *
+ * Uses a basic top-to-bottom layout without importing the full
+ * dagre/ELK pipeline to keep the preview lightweight.
+ */
+function TemplateGraphPreview({ yaml }) {
+    const { fitView } = useReactFlow();
+    const [elements, setElements] = useState({ nodes: [], edges: [] });
+    useEffect(() => {
+        try {
+            const doc = parseYaml(yaml);
+            const tasks = doc?.spec?.tasks ?? [];
+            const nodes = [];
+            const edges = [];
+            for (let i = 0; i < tasks.length; i++) {
+                const task = tasks[i];
+                const taskName = task.name ?? `task_${i}`;
+                nodes.push({
+                    id: taskName,
+                    type: "default",
+                    position: { x: 150, y: i * 80 },
+                    data: { label: `${taskName} (${task.kind ?? "unknown"})` },
+                    style: {
+                        fontSize: 11,
+                        padding: "4px 8px",
+                        borderRadius: 6,
+                        minWidth: 160,
+                        textAlign: "center",
+                    },
+                });
+                const nextTarget = task.flow?.then;
+                if (nextTarget && nextTarget !== "end") {
+                    edges.push({
+                        id: `${taskName}->${nextTarget}`,
+                        source: taskName,
+                        target: nextTarget,
+                    });
+                }
+                else if (!nextTarget && i < tasks.length - 1) {
+                    const next = tasks[i + 1];
+                    edges.push({
+                        id: `${taskName}->${next.name ?? `task_${i + 1}`}`,
+                        source: taskName,
+                        target: next.name ?? `task_${i + 1}`,
+                    });
+                }
+            }
+            setElements({ nodes, edges });
+        }
+        catch {
+            setElements({ nodes: [], edges: [] });
+        }
+    }, [yaml]);
+    useEffect(() => {
+        if (elements.nodes.length > 0) {
+            const timer = setTimeout(() => fitView({ padding: 0.2 }), 50);
+            return () => clearTimeout(timer);
+        }
+    }, [elements.nodes.length, fitView]);
+    if (elements.nodes.length === 0) {
+        return (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground", children: "No preview available" }));
+    }
+    return (_jsx(ReactFlow, { nodes: elements.nodes, edges: elements.edges, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, panOnDrag: true, zoomOnScroll: true, fitView: true, proOptions: { hideAttribution: true }, children: _jsx(Background, { variant: BackgroundVariant.Dots, gap: 16, size: 1 }) }));
+}
+function MetaChip({ label }) {
+    return (_jsx("span", { className: "rounded-md bg-muted px-2 py-0.5 text-[11px] font-medium text-muted-foreground", children: label }));
+}
+function CloseIcon() {
+    return (_jsxs("svg", { className: "size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }));
+}
+//# sourceMappingURL=WorkflowTemplatePreview.js.map

package/workflow/templates/WorkflowTemplatePreview.js.map

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

package/workflow/templates/__tests__/derive-template-metadata.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=derive-template-metadata.test.d.ts.map

package/workflow/templates/__tests__/derive-template-metadata.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"derive-template-metadata.test.d.ts","sourceRoot":"","sources":["../../../../src/workflow/templates/__tests__/derive-template-metadata.test.ts"],"names":[],"mappings":""}

package/workflow/templates/__tests__/derive-template-metadata.test.js

@@ -0,0 +1,317 @@
+import { describe, it, expect } from "vitest";
+import { deriveTemplateMeta } from "../derive-template-metadata";
+describe("deriveTemplateMeta", () => {
+    it("extracts task count and kinds from a simple workflow", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  tasks:
+    - name: step_1
+      kind: llm_call
+      task_config:
+        model: gpt-4o
+    - name: step_2
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: "."
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.taskCount).toBe(2);
+        expect(meta.taskKinds).toEqual(["llm_call", "transform"]);
+    });
+    it("counts environment variables", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  env:
+    API_KEY:
+      description: API key
+      is_secret: true
+    TOPIC:
+      description: Topic
+  tasks:
+    - name: step_1
+      kind: llm_call
+      task_config:
+        model: gpt-4o
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.envVarCount).toBe(2);
+    });
+    it("detects budget presence", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  budget:
+    max_cost_micros: 1000000
+  tasks:
+    - name: step_1
+      kind: llm_call
+      task_config:
+        model: gpt-4o
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.hasBudget).toBe(true);
+    });
+    it("detects parallel pattern from fork kind", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  tasks:
+    - name: analyze
+      kind: llm_call
+      task_config:
+        model: gpt-4o
+    - name: parallel_step
+      kind: fork
+      task_config:
+        branches:
+          - name: branch_a
+            do:
+              - name: summarize
+                kind: llm_call
+                task_config:
+                  model: gpt-4o
+          - name: branch_b
+            do:
+              - name: extract
+                kind: transform
+                task_config:
+                  engine: TRANSFORM_ENGINE_JQ
+                  expression: "."
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.patterns).toContain("parallel");
+        expect(meta.taskKinds).toContain("fork");
+        expect(meta.taskKinds).toContain("llm_call");
+        expect(meta.taskKinds).toContain("transform");
+    });
+    it("detects branching pattern from switch_case", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  tasks:
+    - name: classify
+      kind: llm_call
+      task_config:
+        model: gpt-4o
+    - name: route
+      kind: switch_case
+      task_config:
+        cases:
+          - name: high
+            when: "true"
+            then: end
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.patterns).toContain("branching");
+    });
+    it("detects HITL pattern from human_input", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  tasks:
+    - name: review
+      kind: human_input
+      task_config:
+        prompt: Please review
+        outcomes:
+          - name: approve
+            label: Approve
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.patterns).toContain("hitl");
+    });
+    it("detects loop pattern from backward flow.then reference", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  tasks:
+    - name: draft
+      kind: llm_call
+      task_config:
+        model: gpt-4o
+      flow:
+        then: review
+    - name: review
+      kind: human_input
+      task_config:
+        prompt: Approve?
+        outcomes:
+          - name: approve
+            label: Approve
+          - name: revise
+            label: Revise
+            then: draft
+      flow:
+        then: end
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.patterns).toContain("loop");
+    });
+    it("detects error-handling pattern from try_catch", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  tasks:
+    - name: safe_call
+      kind: try_catch
+      task_config:
+        do:
+          - name: api_call
+            kind: http_call
+            task_config:
+              method: GET
+              url: https://api.example.com
+        catch:
+          - name: handler
+            do:
+              - name: fallback
+                kind: set_vars
+                task_config:
+                  vars:
+                    error: true
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.patterns).toContain("error-handling");
+        expect(meta.patterns).toContain("http-integration");
+        expect(meta.taskKinds).toContain("try_catch");
+        expect(meta.taskKinds).toContain("http_call");
+        expect(meta.taskKinds).toContain("set_vars");
+    });
+    it("detects batch pattern from for_each", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  tasks:
+    - name: process_items
+      kind: for_each
+      task_config:
+        collection: "\${ .items }"
+        do:
+          - name: enrich
+            kind: http_call
+            task_config:
+              method: POST
+              url: https://api.example.com/enrich
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.patterns).toContain("batch");
+        expect(meta.taskKinds).toContain("for_each");
+        expect(meta.taskKinds).toContain("http_call");
+    });
+    it("detects ai-pipeline when multiple agent_call tasks exist", () => {
+        const yaml = `
+apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: test
+spec:
+  document:
+    dsl: "1.0.0"
+    namespace: test
+    name: test
+    version: "1.0.0"
+  tasks:
+    - name: agent_1
+      kind: agent_call
+      task_config:
+        agent: analyst
+    - name: agent_2
+      kind: agent_call
+      task_config:
+        agent: writer
+    - name: merge
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: "."
+`;
+        const meta = deriveTemplateMeta(yaml);
+        expect(meta.patterns).toContain("ai-pipeline");
+    });
+    it("returns empty meta for invalid YAML", () => {
+        const meta = deriveTemplateMeta("not: [valid: yaml: {{{");
+        expect(meta.taskCount).toBe(0);
+        expect(meta.taskKinds).toEqual([]);
+        expect(meta.patterns).toEqual([]);
+    });
+    it("returns empty meta for YAML without spec", () => {
+        const meta = deriveTemplateMeta("apiVersion: v1\nkind: Workflow\n");
+        expect(meta.taskCount).toBe(0);
+    });
+});
+//# sourceMappingURL=derive-template-metadata.test.js.map

package/workflow/templates/__tests__/derive-template-metadata.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"derive-template-metadata.test.js","sourceRoot":"","sources":["../../../../src/workflow/templates/__tests__/derive-template-metadata.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;CAsBhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiChB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;CAuBhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;CAmBhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;CAsBhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyBhB,CAAC;QACE,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,IAAI,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;QAC1D,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACnC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,IAAI,GAAG,kBAAkB,CAAC,kCAAkC,CAAC,CAAC;QACpE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/workflow/templates/__tests__/workflow-template-gallery.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=workflow-template-gallery.test.d.ts.map

package/workflow/templates/__tests__/workflow-template-gallery.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-template-gallery.test.d.ts","sourceRoot":"","sources":["../../../../src/workflow/templates/__tests__/workflow-template-gallery.test.ts"],"names":[],"mappings":""}