@stigmer/server-slim 3.13.0

package/console/_next/static/chunks/16ukgtm3fhab~.js

@@ -0,0 +1,1071 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,765391,e=>{"use strict";var t=e.i(843476),s=e.i(271645),n=e.i(618566),r=e.i(893976),a=e.i(59306),i=e.i(468806),o=e.i(661438),l=e.i(610595),c=e.i(586108),g=e.i(59309),d=e.i(28434),u=e.i(375954),p=e.i(574803),m=e.i(796545),h=e.i(926059),f=e.i(145995),x=e.i(839329);let v={org:"",slug:"workflow-architect"};var y=e.i(226634),b=e.i(163732),_=e.i(379410);function k({open:e,onOpenChange:n,org:r,onSuccess:a,onError:y}){let b=function(e){let{org:t,onSuccess:n,onError:r}=e,a=(0,c.useStigmer)(),[i,y]=(0,s.useState)(""),[b,_]=(0,s.useState)("idle"),[k,w]=(0,s.useState)(null),[j,$]=(0,s.useState)(null),[N,C]=(0,s.useState)(null),[E,A]=(0,s.useState)(null),T=(0,s.useRef)(t);T.current=t;let I=(0,s.useRef)(n);I.current=n;let R=(0,s.useRef)(r);R.current=r;let{create:L}=(0,g.useCreateSession)(),{create:S}=(0,d.useCreateAgentExecution)(),P=(0,m.useConversationStoreRef)(),O=(0,u.useExecutionStream)(k,{store:P}),M=(0,s.useRef)(!1);(0,s.useEffect)(()=>{if("streaming"===b&&O.phase!==o.ExecutionPhase.EXECUTION_PHASE_UNSPECIFIED&&(0,p.isTerminalPhase)(O.phase)&&!M.current){M.current=!0;let e=O.execution?.status?.structuredOutput;if(e){let t=e.action,s=e.yaml,n=e.explanation;"generated_yaml"===t&&s?(C({yaml:s,explanation:n??""}),_("complete")):(_("extraction-failed"),A(n??"The agent did not produce a workflow definition."))}else{let e=(0,f.extractWorkflowYaml)(O.execution);e?(C(e),_("complete")):(_("extraction-failed"),A("The agent completed but did not produce a YAML workflow definition. Try again with a more specific prompt."))}}},[b,O.phase,O.execution]),(0,s.useEffect)(()=>{O.error&&"streaming"===b&&(_("error"),A((0,l.getUserMessage)(O.error,"Agent stream interrupted")),R.current?.((0,l.getUserMessage)(O.error,"Agent stream interrupted")))},[O.error,b]);let z=(0,s.useCallback)(async()=>{if("idle"!==b&&"error"!==b&&"extraction-failed"!==b)return;let e=i.trim();if(e.length<10)return void A("Prompt must be at least 10 characters");_("starting"),A(null),C(null),M.current=!1;try{let{sessionId:t}=await L({org:T.current,agentRef:{...v,org:T.current}});$(t);let{executionId:s}=await S({org:T.current,sessionId:t,message:e,structuredOutputSchema:x.WORKFLOW_ARCHITECT_RESPONSE_SCHEMA});w(s),_("streaming")}catch(t){let e=(0,l.getUserMessage)(t,"Failed to start the Workflow Architect agent");_("error"),A(e),R.current?.(e)}},[b,i,L,S]),D=(0,s.useCallback)(async()=>{if("complete"===b&&N){_("applying"),A(null);try{let e=(0,h.parseWorkflowYaml)(N.yaml,T.current),t=await a.workflow.apply(e),s=t.metadata?.slug,n=t.metadata?.org||T.current;if(!s)throw Error("Workflow was created but no slug was returned. Check the workflows list.");I.current(n,s)}catch(t){let e=(0,l.getUserMessage)(t,"Failed to create workflow");_("error"),A(e),R.current?.(e)}}},[b,N,a]),U=(0,s.useCallback)(()=>{y(""),_("idle"),w(null),$(null),C(null),A(null),M.current=!1},[]);return(0,s.useMemo)(()=>({prompt:i,setPrompt:y,phase:b,execution:O.execution,isStreaming:O.isStreaming||O.isConnecting,extractedYaml:N?.yaml??null,explanation:N?.explanation??null,error:E,generate:z,createWorkflow:D,reset:U}),[i,b,O.execution,O.isStreaming,O.isConnecting,N,E,z,D,U])}({org:r,onSuccess:(0,s.useCallback)((e,t)=>{n(!1),a(e,t)},[n,a]),onError:y});return(0,s.useEffect)(()=>{e&&b.reset()},[e,b.reset]),(0,t.jsx)(i.DialogShell,{open:e,onOpenChange:n,width:"3xl",dismissOnBackdrop:!0,"aria-label":"Workflow Architect",children:(0,t.jsx)("div",{className:"stg:flex stg:flex-col",children:(0,t.jsx)(w,{flow:b,onClose:()=>n(!1)})})})}function w({flow:e,onClose:s}){switch(e.phase){case"idle":return(0,t.jsx)($,{flow:e,onClose:s});case"starting":case"streaming":return(0,t.jsx)(N,{flow:e,onClose:s});case"complete":case"applying":return(0,t.jsx)(C,{flow:e,onClose:s});case"extraction-failed":case"error":return(0,t.jsx)(E,{flow:e,onClose:s});default:return null}}let j=(0,r.cn)("stg:w-full stg:rounded-md stg:border stg:border-input stg:bg-background stg:px-2.5 stg:py-1.5 stg:text-sm stg:text-foreground","stg:placeholder:text-muted-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-1 stg:focus-visible:ring-ring","stg:disabled:pointer-events-none stg:disabled:opacity-50");function $({flow:e,onClose:n}){let a=(0,s.useId)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"stg:border-b stg:border-border stg:px-6 stg:py-4",children:[(0,t.jsx)("h3",{className:"stg:text-base stg:font-semibold stg:text-foreground",children:"Generate Workflow"}),(0,t.jsx)("p",{className:"stg:mt-0.5 stg:text-xs stg:text-muted-foreground",children:"Describe what you want and the Workflow Architect agent will design, validate, and generate a workflow definition"})]}),(0,t.jsxs)("div",{className:"stg:max-h-[60vh] stg:overflow-y-auto stg:px-6 stg:py-4",children:[e.error&&(0,t.jsx)("div",{className:"stg:mb-4 stg:rounded-md stg:border stg:border-destructive stg:bg-destructive-muted stg:px-3 stg:py-2 stg:text-sm stg:text-destructive",role:"alert",children:e.error}),(0,t.jsxs)("div",{className:"stg:flex stg:flex-col stg:gap-1",children:[(0,t.jsxs)("label",{htmlFor:a,className:"stg:text-xs stg:font-medium stg:text-foreground",children:["Description",(0,t.jsx)("span",{className:"stg:ml-1 stg:text-destructive","aria-label":"required",children:"*"})]}),(0,t.jsx)("textarea",{id:a,value:e.prompt,onChange:t=>e.setPrompt(t.target.value),placeholder:"e.g., A workflow that enriches customer data using my data-agent, validates the output, and sends a Slack notification on failure",rows:5,className:(0,r.cn)(j,"stg:resize-y"),onKeyDown:t=>{"Enter"===t.key&&(t.metaKey||t.ctrlKey)&&(t.preventDefault(),e.generate())}}),(0,t.jsx)("p",{className:"stg:text-[0.7rem] stg:text-muted-foreground",children:"Describe the goal, steps, and any specific agents or task kinds to use. The agent will discover available resources automatically."})]})]}),(0,t.jsxs)("div",{className:"stg:flex stg:justify-end stg:gap-2 stg:border-t stg:border-border stg:px-6 stg:py-3",children:[(0,t.jsx)("button",{type:"button",onClick:n,className:(0,r.cn)("stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:transition-colors","stg:border stg:border-input stg:bg-background stg:text-foreground","stg:hover:bg-accent stg:hover:text-accent-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring"),children:"Cancel"}),(0,t.jsx)("button",{type:"button",onClick:e.generate,disabled:e.prompt.trim().length<10,className:(0,r.cn)("stg:inline-flex stg:items-center stg:gap-1.5 stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:transition-colors","stg:bg-primary stg:text-primary-foreground stg:hover:bg-primary-hover","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring","stg:disabled:pointer-events-none stg:disabled:opacity-40"),children:"Generate"})]})]})}function N({flow:e,onClose:s}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"stg:border-b stg:border-border stg:px-6 stg:py-4",children:[(0,t.jsxs)("div",{className:"stg:flex stg:items-center stg:gap-2",children:[(0,t.jsx)("h3",{className:"stg:text-base stg:font-semibold stg:text-foreground",children:"Workflow Architect"}),(0,t.jsxs)("span",{className:"stg:inline-flex stg:items-center stg:gap-1.5 stg:text-xs stg:text-muted-foreground",children:[(0,t.jsx)(_.SpinnerIcon,{size:14}),"starting"===e.phase?"Starting…":"Working…"]})]}),(0,t.jsx)("p",{className:"stg:mt-0.5 stg:text-xs stg:text-muted-foreground",children:"The agent is designing and validating your workflow"})]}),(0,t.jsx)("div",{className:"stg:h-[55vh] stg:overflow-hidden",children:(0,t.jsx)(y.MessageThread,{executions:[],activeStreamExecution:e.execution,pendingUserMessage:"starting"===e.phase?e.prompt:void 0,className:"stg:h-full"})}),(0,t.jsx)("div",{className:"stg:flex stg:justify-end stg:gap-2 stg:border-t stg:border-border stg:px-6 stg:py-3",children:(0,t.jsx)("button",{type:"button",onClick:()=>{e.reset(),s()},className:(0,r.cn)("stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:transition-colors","stg:border stg:border-input stg:bg-background stg:text-foreground","stg:hover:bg-accent stg:hover:text-accent-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring"),children:"Cancel"})})]})}function C({flow:e,onClose:n}){let a="applying"===e.phase,[i,o]=(0,s.useState)(!1);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"stg:border-b stg:border-border stg:px-6 stg:py-4",children:[(0,t.jsx)("h3",{className:"stg:text-base stg:font-semibold stg:text-foreground",children:"Generated Workflow"}),(0,t.jsx)("p",{className:"stg:mt-0.5 stg:text-xs stg:text-muted-foreground",children:"Review the generated workflow before creating it"})]}),(0,t.jsxs)("div",{className:"stg:max-h-[65vh] stg:overflow-y-auto stg:px-6 stg:py-4",children:[e.error&&(0,t.jsx)("div",{className:"stg:mb-4 stg:rounded-md stg:border stg:border-destructive stg:bg-destructive-muted stg:px-3 stg:py-2 stg:text-sm stg:text-destructive",role:"alert",children:e.error}),e.explanation&&(0,t.jsxs)("div",{className:"stg:mb-4",children:[(0,t.jsx)("h4",{className:"stg:mb-1 stg:text-xs stg:font-medium stg:text-muted-foreground",children:"Explanation"}),(0,t.jsx)("p",{className:"stg:whitespace-pre-wrap stg:text-sm stg:text-foreground",children:e.explanation})]}),e.extractedYaml&&(0,t.jsxs)("div",{children:[(0,t.jsx)("h4",{className:"stg:mb-1 stg:text-xs stg:font-medium stg:text-muted-foreground",children:"Workflow Structure"}),(0,t.jsx)("div",{className:"stg:h-[280px] stg:overflow-hidden stg:rounded-md stg:border stg:border-border",children:(0,t.jsx)(b.WorkflowDiffGraph,{beforeYaml:"",afterYaml:e.extractedYaml})}),(0,t.jsxs)("div",{className:"stg:mt-3",children:[(0,t.jsx)("button",{type:"button",onClick:()=>o(e=>!e),className:"stg:text-xs stg:font-medium stg:text-muted-foreground stg:hover:text-foreground",children:i?"▾ Hide YAML":"▸ View YAML"}),i&&(0,t.jsx)("pre",{className:"stg:mt-1 stg:max-h-60 stg:overflow-auto stg:rounded-md stg:border stg:border-border stg:bg-muted stg:p-3 stg:text-xs stg:leading-relaxed stg:text-foreground",children:e.extractedYaml})]})]})]}),(0,t.jsxs)("div",{className:"stg:flex stg:justify-between stg:border-t stg:border-border stg:px-6 stg:py-3",children:[(0,t.jsx)("button",{type:"button",onClick:n,disabled:a,className:(0,r.cn)("stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:transition-colors","stg:text-muted-foreground stg:hover:text-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring","stg:disabled:pointer-events-none stg:disabled:opacity-50"),children:"Close"}),(0,t.jsxs)("div",{className:"stg:flex stg:gap-2",children:[(0,t.jsx)("button",{type:"button",onClick:e.reset,disabled:a,className:(0,r.cn)("stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:transition-colors","stg:border stg:border-input stg:bg-background stg:text-foreground","stg:hover:bg-accent stg:hover:text-accent-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring","stg:disabled:pointer-events-none stg:disabled:opacity-50"),children:"Try Again"}),(0,t.jsxs)("button",{type:"button",onClick:e.createWorkflow,disabled:a,className:(0,r.cn)("stg:inline-flex stg:items-center stg:gap-1.5 stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:transition-colors","stg:bg-primary stg:text-primary-foreground stg:hover:bg-primary-hover","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring","stg:disabled:pointer-events-none stg:disabled:opacity-40"),children:[a&&(0,t.jsx)(_.SpinnerIcon,{size:14}),a?"Creating…":"Create Workflow"]})]})]})]})}function E({flow:e,onClose:s}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"stg:border-b stg:border-border stg:px-6 stg:py-4",children:(0,t.jsx)("h3",{className:"stg:text-base stg:font-semibold stg:text-foreground",children:"Generation Failed"})}),(0,t.jsx)("div",{className:"stg:px-6 stg:py-6",children:(0,t.jsx)("div",{className:"stg:rounded-md stg:border stg:border-destructive stg:bg-destructive-muted stg:px-3 stg:py-2 stg:text-sm stg:text-destructive",role:"alert",children:e.error??"An unexpected error occurred."})}),(0,t.jsxs)("div",{className:"stg:flex stg:justify-end stg:gap-2 stg:border-t stg:border-border stg:px-6 stg:py-3",children:[(0,t.jsx)("button",{type:"button",onClick:s,className:(0,r.cn)("stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:transition-colors","stg:border stg:border-input stg:bg-background stg:text-foreground","stg:hover:bg-accent stg:hover:text-accent-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring"),children:"Close"}),(0,t.jsx)("button",{type:"button",onClick:e.reset,className:(0,r.cn)("stg:inline-flex stg:items-center stg:gap-1.5 stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:transition-colors","stg:bg-primary stg:text-primary-foreground stg:hover:bg-primary-hover","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring"),children:"Try Again"})]})]})}let A={"customer-support":"Customer Support","code-review":"Code Review","data-analysis":"Data Analysis",devops:"DevOps",content:"Content",integration:"Integration",general:"General"},T={parallel:"Parallel",branching:"Branching",hitl:"Human-in-the-Loop",loop:"Loop","error-handling":"Error Handling",batch:"Batch Processing","ai-pipeline":"AI Pipeline","http-integration":"HTTP Integration"};var I=e.i(938107);e.i(222258);var R=e.i(967785);function L(e){try{let t=(0,R.parse)(e),s=t?.spec;if(!s)return S;let n=Array.isArray(s.tasks)?s.tasks:[],r=new Set;for(let e of n)"string"==typeof e.kind&&r.add(e.kind),function e(t,s){let n=t.task_config;if(!n)return;let r=n.branches;if(Array.isArray(r))for(let t of r){let n=t?.do;if(Array.isArray(n))for(let t of n)"string"==typeof t?.kind&&s.add(t.kind),e(t,s)}let a=n.do;if(Array.isArray(a))for(let t of a)"string"==typeof t?.kind&&s.add(t.kind),e(t,s);let i=n.catch;if(Array.isArray(i))for(let t of i){let n=t?.do;if(Array.isArray(n))for(let t of n)"string"==typeof t?.kind&&s.add(t.kind),e(t,s)}let o=n.do;if(Array.isArray(o)&&"for_each"===t.kind)for(let t of o)"string"==typeof t?.kind&&s.add(t.kind),e(t,s)}(e,r);let a=s.env,i=a&&"object"==typeof a?Object.keys(a).length:0,o=null!=s.budget&&"object"==typeof s.budget,l=function(e,t){let s=[];t.has("fork")&&s.push("parallel"),t.has("switch_case")&&s.push("branching"),t.has("human_input")&&s.push("hitl"),t.has("for_each")&&s.push("batch"),t.has("try_catch")&&s.push("error-handling"),(t.has("http_call")||t.has("grpc_call"))&&s.push("http-integration"),(["agent_call","llm_call","eval"].filter(e=>t.has(e)).length>=2||t.has("agent_call")&&e.filter(e=>"agent_call"===e.kind).length>=2)&&s.push("ai-pipeline");let n=e.map(e=>e.name).filter(Boolean);for(let t=0;t<e.length;t++){let r=e[t]?.flow?.then;if(r&&n.indexOf(r)<t){s.push("loop");break}}return s}(n,r);return{taskCount:n.length,taskKinds:[...r].sort(),patterns:l,envVarCount:i,hasBudget:o}}catch{return S}}let S={taskCount:0,taskKinds:[],patterns:[],envVarCount:0,hasBudget:!1};var P=e.i(855862);let O={"customer-support":"stg:bg-blue-500/10 stg:text-blue-700 stg:dark:text-blue-400","code-review":"stg:bg-violet-500/10 stg:text-violet-700 stg:dark:text-violet-400","data-analysis":"stg:bg-amber-500/10 stg:text-amber-700 stg:dark:text-amber-400",devops:"stg:bg-emerald-500/10 stg:text-emerald-700 stg:dark:text-emerald-400",content:"stg:bg-pink-500/10 stg:text-pink-700 stg:dark:text-pink-400",integration:"stg:bg-cyan-500/10 stg:text-cyan-700 stg:dark:text-cyan-400",general:"stg:bg-muted stg:text-muted-foreground"},M={parallel:"stg:bg-violet-500/10 stg:text-violet-700 stg:dark:text-violet-400",branching:"stg:bg-amber-500/10 stg:text-amber-700 stg:dark:text-amber-400",hitl:"stg:bg-emerald-500/10 stg:text-emerald-700 stg:dark:text-emerald-400",loop:"stg:bg-pink-500/10 stg:text-pink-700 stg:dark:text-pink-400","error-handling":"stg:bg-red-500/10 stg:text-red-700 stg:dark:text-red-400",batch:"stg:bg-cyan-500/10 stg:text-cyan-700 stg:dark:text-cyan-400","ai-pipeline":"stg:bg-blue-500/10 stg:text-blue-700 stg:dark:text-blue-400","http-integration":"stg:bg-orange-500/10 stg:text-orange-700 stg:dark:text-orange-400"};function z({template:e,onSelect:n,onPreview:a,className:i}){let o=(0,s.useMemo)(()=>L(e.data.yaml??""),[e.data.yaml]),l=(0,s.useCallback)(()=>{n(e)},[n,e]),c=(0,s.useCallback)(t=>{t.stopPropagation(),a?.(e)},[a,e]),g=(0,s.useCallback)(t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),n(e))},[n,e]),d=P.TEMPLATE_CATEGORY_LABELS[e.category]??e.category;return(0,t.jsxs)("div",{role:"button",tabIndex:0,onClick:l,onKeyDown:g,"aria-label":`Use ${e.name} template`,className:(0,r.cn)("stg:group stg:flex stg:cursor-pointer stg:flex-col stg:gap-3 stg:rounded-lg stg:border stg:border-border stg:bg-card stg:p-4","stg:transition-colors stg:hover:border-primary stg:hover:bg-accent","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring",i),children:[(0,t.jsxs)("div",{className:"stg:flex stg:items-start stg:justify-between stg:gap-2",children:[(0,t.jsxs)("div",{className:"stg:min-w-0 stg:flex-1",children:[(0,t.jsx)("p",{className:"stg:text-sm stg:font-medium stg:text-foreground",children:e.name}),(0,t.jsx)("span",{className:(0,r.cn)("stg:mt-1 stg:inline-block stg:rounded-full stg:px-2 stg:py-0.5 stg:text-[10px] stg:font-medium",O[e.category]??O.general),children:d})]}),a&&(0,t.jsx)("button",{type:"button",onClick:c,"aria-label":`Preview ${e.name}`,className:(0,r.cn)("stg:rounded-md stg:p-1 stg:text-muted-foreground stg:opacity-0 stg:transition-opacity","stg:hover:bg-accent stg:hover:text-accent-foreground","stg:focus-visible:opacity-100 stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring","stg:group-hover:opacity-100"),children:(0,t.jsx)(D,{})})]}),(0,t.jsx)("p",{className:"stg:line-clamp-2 stg:text-xs stg:leading-relaxed stg:text-muted-foreground",children:e.description}),o.patterns.length>0&&(0,t.jsx)("div",{className:"stg:flex stg:flex-wrap stg:gap-1",children:o.patterns.slice(0,3).map(e=>(0,t.jsx)("span",{className:(0,r.cn)("stg:rounded stg:px-1.5 stg:py-0.5 stg:text-[10px] stg:font-medium",M[e]??"stg:bg-muted stg:text-muted-foreground"),children:T[e]},e))}),(0,t.jsxs)("div",{className:"stg:flex stg:items-center stg:gap-3 stg:text-[10px] stg:text-muted-foreground",children:[(0,t.jsxs)("span",{children:[o.taskCount," tasks"]}),o.envVarCount>0&&(0,t.jsxs)("span",{children:[o.envVarCount," env vars"]}),o.hasBudget&&(0,t.jsx)("span",{children:"Budget"})]})]})}function D(){return(0,t.jsxs)("svg",{className:"stg: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:[(0,t.jsx)("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),(0,t.jsx)("circle",{cx:12,cy:12,r:3})]})}var U=e.i(154548);function W({template:e,open:n,onClose:a,onSelect:o}){let l=(0,s.useCallback)(e=>{e||a()},[a]),c=(0,s.useCallback)(()=>{e&&o(e)},[e,o]),g=(0,s.useMemo)(()=>e?L(e.data.yaml??""):null,[e]);if(!e||!g)return null;let d=P.TEMPLATE_CATEGORY_LABELS[e.category]??e.category;return(0,t.jsx)(i.DialogShell,{open:n,onOpenChange:l,width:"3xl",className:"stgm stg:max-h-[85vh] stg:bg-background","aria-label":`Preview ${e.name}`,children:(0,t.jsxs)("div",{className:"stg:flex stg:flex-col",children:[(0,t.jsxs)("div",{className:"stg:flex stg:items-center stg:justify-between stg:border-b stg:border-border stg:px-5 stg:py-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"stg:text-base stg:font-semibold stg:text-foreground",children:e.name}),(0,t.jsx)("span",{className:"stg:text-xs stg:text-muted-foreground",children:d})]}),(0,t.jsx)("button",{type:"button",onClick:a,"aria-label":"Close preview",className:(0,r.cn)("stg:rounded-md stg:p-1.5 stg:text-muted-foreground stg:transition-colors","stg:hover:bg-accent stg:hover:text-accent-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring"),children:(0,t.jsx)(q,{})})]}),(0,t.jsxs)("div",{className:"stg:flex stg:flex-col stg:gap-4 stg:px-5 stg:py-4",children:[(0,t.jsx)("p",{className:"stg:text-sm stg:leading-relaxed stg:text-muted-foreground",children:e.description}),(0,t.jsxs)("div",{className:"stg:flex stg:flex-wrap stg:items-center stg:gap-3",children:[(0,t.jsx)(F,{label:`${g.taskCount} tasks`}),(0,t.jsx)(F,{label:`${g.taskKinds.length} task types`}),g.envVarCount>0&&(0,t.jsx)(F,{label:`${g.envVarCount} env vars`}),g.hasBudget&&(0,t.jsx)(F,{label:"Budget configured"})]}),g.patterns.length>0&&(0,t.jsx)("div",{className:"stg:flex stg:flex-wrap stg:gap-1.5",children:g.patterns.map(e=>(0,t.jsx)("span",{className:"stg:rounded-full stg:bg-muted stg:px-2.5 stg:py-0.5 stg:text-xs stg:font-medium stg:text-muted-foreground",children:T[e]},e))}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"stg:mb-1.5 stg:text-xs stg:font-medium stg:text-foreground",children:"Task types used"}),(0,t.jsx)("div",{className:"stg:flex stg:flex-wrap stg:gap-1.5",children:g.taskKinds.map(e=>(0,t.jsx)("code",{className:"stg:rounded stg:bg-muted stg:px-1.5 stg:py-0.5 stg:text-[11px] stg:text-muted-foreground",children:e},e))})]}),(0,t.jsx)("div",{className:"stg:h-64 stg:overflow-hidden stg:rounded-md stg:border stg:border-border stg:bg-muted/30",children:(0,t.jsx)(U.ReactFlowProvider,{children:(0,t.jsx)(B,{yaml:e.data.yaml??""})})})]}),(0,t.jsxs)("div",{className:"stg:flex stg:items-center stg:justify-end stg:gap-2 stg:border-t stg:border-border stg:px-5 stg:py-3",children:[(0,t.jsx)("button",{type:"button",onClick:a,className:(0,r.cn)("stg:rounded-md stg:px-3 stg:py-1.5 stg:text-sm stg:font-medium stg:text-muted-foreground stg:transition-colors","stg:hover:bg-accent stg:hover:text-accent-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring"),children:"Cancel"}),(0,t.jsx)("button",{type:"button",onClick:c,className:(0,r.cn)("stg:rounded-md stg:bg-primary stg:px-4 stg:py-1.5 stg:text-sm stg:font-medium stg:text-primary-foreground stg:transition-colors","stg:hover:bg-primary/90","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring"),children:"Use this template"})]})]})})}function B({yaml:e}){let{fitView:n}=(0,U.useReactFlow)(),[r,a]=(0,s.useState)({nodes:[],edges:[]});return((0,s.useEffect)(()=>{try{let t=(0,R.parse)(e),s=t?.spec?.tasks??[],n=[],r=[];for(let e=0;e<s.length;e++){let t=s[e],a=t.name??`task_${e}`;n.push({id:a,type:"default",position:{x:150,y:80*e},data:{label:`${a} (${t.kind??"unknown"})`},style:{fontSize:11,padding:"4px 8px",borderRadius:6,minWidth:160,textAlign:"center"}});let i=t.flow?.then;if(i&&"end"!==i)r.push({id:`${a}->${i}`,source:a,target:i});else if(!i&&e<s.length-1){let t=s[e+1];r.push({id:`${a}->${t.name??`task_${e+1}`}`,source:a,target:t.name??`task_${e+1}`})}}a({nodes:n,edges:r})}catch{a({nodes:[],edges:[]})}},[e]),(0,s.useEffect)(()=>{if(r.nodes.length>0){let e=setTimeout(()=>n({padding:.2}),50);return()=>clearTimeout(e)}},[r.nodes.length,n]),0===r.nodes.length)?(0,t.jsx)("div",{className:"stg:flex stg:h-full stg:items-center stg:justify-center stg:text-xs stg:text-muted-foreground",children:"No preview available"}):(0,t.jsx)(U.ReactFlow,{nodes:r.nodes,edges:r.edges,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,panOnDrag:!0,zoomOnScroll:!0,fitView:!0,proOptions:{hideAttribution:!0},children:(0,t.jsx)(U.Background,{variant:U.BackgroundVariant.Dots,gap:16,size:1})})}function F({label:e}){return(0,t.jsx)("span",{className:"stg:rounded-md stg:bg-muted stg:px-2 stg:py-0.5 stg:text-[11px] stg:font-medium stg:text-muted-foreground",children:e})}function q(){return(0,t.jsxs)("svg",{className:"stg: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:[(0,t.jsx)("path",{d:"M18 6 6 18"}),(0,t.jsx)("path",{d:"m6 6 12 12"})]})}function Y({templates:e,onSelect:n,emptyContent:a,className:i}){let{filtered:o,query:l,setQuery:c,activeCategory:g,setActiveCategory:d,availableCategories:u}=(0,I.useTemplateFilter)({templates:e}),[p,m]=(0,s.useState)(null),h=(0,s.useCallback)(e=>{m(e)},[]),f=(0,s.useCallback)(()=>{m(null)},[]),x=(0,s.useCallback)(e=>{m(null),n(e)},[n]),v=(0,s.useCallback)(e=>{let t=e.currentTarget.querySelectorAll('[role="tab"]');if(!t.length)return;let s=Array.from(t).findIndex(e=>e===document.activeElement);if(-1===s)return;let n=null;"ArrowRight"===e.key?n=(s+1)%t.length:"ArrowLeft"===e.key?n=(s-1+t.length)%t.length:"Home"===e.key?n=0:"End"===e.key&&(n=t.length-1),null!==n&&(e.preventDefault(),t[n].focus(),t[n].click())},[]);return(0,t.jsxs)("div",{className:(0,r.cn)("stg:flex stg:flex-col stg:gap-4",i),children:[(0,t.jsxs)("div",{className:"stg:relative",children:[(0,t.jsx)(V,{}),(0,t.jsx)("input",{type:"search",value:l,onChange:e=>c(e.target.value),placeholder:"Search templates…","aria-label":"Search workflow templates",className:(0,r.cn)("stg:w-full stg:rounded-md stg:border stg:border-input stg:bg-input-bg stg:py-2 stg:pl-9 stg:pr-3 stg:text-sm stg:text-foreground","stg:placeholder:text-muted-foreground","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring")})]}),u.length>1&&(0,t.jsxs)("div",{role:"tablist","aria-label":"Template categories",onKeyDown:v,className:"stg:flex stg:flex-wrap stg:gap-1",children:[(0,t.jsx)(G,{label:"All",isActive:null===g,onClick:()=>d(null)}),u.map(e=>(0,t.jsx)(G,{label:A[e]??e,isActive:g===e,onClick:()=>d(e)},e))]}),o.length>0?(0,t.jsx)("div",{role:"list","aria-label":"Workflow templates",className:"stg:grid stg:grid-cols-1 stg:gap-3 stg:sm:grid-cols-2 stg:lg:grid-cols-3",children:o.map(e=>(0,t.jsx)("div",{role:"listitem",children:(0,t.jsx)(z,{template:e,onSelect:n,onPreview:h})},e.id))}):a??(0,t.jsx)("div",{className:"stg:py-8 stg:text-center stg:text-sm stg:text-muted-foreground",children:"No templates match your search."}),(0,t.jsx)(W,{template:p,open:null!==p,onClose:f,onSelect:x})]})}function G({label:e,isActive:s,onClick:n}){return(0,t.jsx)("button",{type:"button",role:"tab","aria-selected":s,tabIndex:s?0:-1,onClick:n,className:(0,r.cn)("stg:rounded-md stg:px-2.5 stg:py-1 stg:text-xs stg:font-medium stg:transition-colors","stg:focus-visible:outline-none stg:focus-visible:ring-2 stg:focus-visible:ring-ring",s?"stg:bg-primary stg:text-primary-foreground":"stg:bg-muted stg:text-muted-foreground stg:hover:bg-accent stg:hover:text-accent-foreground"),children:e})}function V(){return(0,t.jsxs)("svg",{className:"stg:pointer-events-none stg:absolute stg:left-3 stg:top-1/2 stg:size-4 stg:-translate-y-1/2 stg: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:[(0,t.jsx)("circle",{cx:11,cy:11,r:8}),(0,t.jsx)("path",{d:"m21 21-4.3-4.3"})]})}let K=`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: my-workflow
+spec:
+  description: A new workflow
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: my-workflow
+    version: "0.1.0"
+  tasks:
+    - name: step_1
+      kind: agent_call
+      task_config:
+        agent: "org/agent-slug"
+        message: "Describe what this step should do"
+      flow:
+        then: end
+`,H=[{id:"research-and-summarize",name:"Research & Summarize",description:"Multi-step AI analysis with parallel processing and human approval. An LLM analyzes source material, then two branches simultaneously generate a summary and extract structured findings. Results merge for human review.",category:"data-analysis",tags:["research","analysis","parallel","fork","human-approval","structured-output"],data:{yaml:`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: research-and-summarize
+spec:
+  description: >
+    Multi-step AI analysis pipeline with parallel processing and human approval.
+    An LLM analyzes source material, then two parallel branches simultaneously
+    generate an executive summary and extract structured key findings.
+    Results are merged and presented for human review before finalization.
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: research-and-summarize
+    version: "1.0.0"
+  env:
+    TOPIC:
+      description: "The topic or question to analyze"
+    SOURCE_MATERIAL:
+      description: "Text, article, or data to analyze (paste content directly)"
+    DEPTH:
+      description: "Analysis depth: brief, standard, or thorough (default: standard)"
+      optional: true
+  budget:
+    max_cost_micros: 3000000
+    max_total_tokens: 300000
+    max_duration_seconds: 600
+  tasks:
+    - name: initial_analysis
+      kind: llm_call
+      task_config:
+        model: "claude-sonnet-4-5"
+        system_prompt: >
+          You are a research analyst. Analyze the provided source material
+          thoroughly. Identify key themes, claims, evidence, and gaps.
+          Organize your analysis with clear sections.
+        prompt: >
+          Analyze the following material on "\${ $env.TOPIC }"
+          at \${ $env.DEPTH } depth:
+
+          \${ $env.SOURCE_MATERIAL }
+        temperature: 0.3
+        max_tokens: 3000
+        timeout: 120
+        max_retries: 2
+      export:
+        as: "\${ . }"
+      flow:
+        then: parallel_processing
+
+    - name: parallel_processing
+      kind: fork
+      task_config:
+        branches:
+          - name: executive_summary
+            do:
+              - name: summarize
+                kind: llm_call
+                task_config:
+                  model: "claude-sonnet-4-5"
+                  system_prompt: >
+                    You are an executive briefing writer. Distill analysis
+                    into a concise, actionable summary for decision-makers.
+                  prompt: >
+                    Write a 3-paragraph executive summary of this analysis:
+
+                    \${ $context.initial_analysis.text }
+                  temperature: 0.3
+                  max_tokens: 500
+                  timeout: 60
+                export:
+                  as: "\${ . }"
+          - name: key_findings
+            do:
+              - name: extract_findings
+                kind: llm_call
+                task_config:
+                  model: "claude-haiku-4.5"
+                  system_prompt: "Extract structured key findings from the analysis."
+                  prompt: >
+                    Extract the key findings from this analysis as structured data:
+
+                    \${ $context.initial_analysis.text }
+                  response_schema:
+                    type: object
+                    required:
+                      - findings
+                      - confidence
+                    properties:
+                      findings:
+                        type: array
+                        items:
+                          type: object
+                          required:
+                            - title
+                            - detail
+                          properties:
+                            title:
+                              type: string
+                            detail:
+                              type: string
+                      confidence:
+                        type: string
+                        enum:
+                          - low
+                          - medium
+                          - high
+                  on_invalid: ON_INVALID_RETRY
+                  max_retries: 2
+                  max_tokens: 500
+                  timeout: 60
+                export:
+                  as: "\${ . }"
+        compete: false
+      export:
+        as: "\${ . }"
+      flow:
+        then: merge_results
+
+    - name: merge_results
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            topic: .topic,
+            executive_summary: .summary,
+            key_findings: .findings,
+            finding_count: (.findings.findings | length)
+          }
+        input: "\${ {topic: $env.TOPIC, summary: $context.parallel_processing.executive_summary.summarize.text, findings: $context.parallel_processing.key_findings.extract_findings.structured} }"
+      export:
+        as: "\${ . }"
+      flow:
+        then: review_report
+
+    - name: review_report
+      kind: human_input
+      task_config:
+        prompt: >
+          Review the analysis report for "\${ $context.merge_results.topic }".
+
+          --- Executive Summary ---
+          \${ $context.merge_results.executive_summary }
+
+          --- Key Findings (\${ $context.merge_results.finding_count } items) ---
+          Confidence: \${ $context.merge_results.key_findings.confidence }
+
+          Approve this report?
+        form_schema:
+          type: object
+          properties:
+            notes:
+              type: string
+              description: "Optional reviewer notes or corrections"
+        outcomes:
+          - name: approve
+            label: "Approve Report"
+          - name: reject
+            label: "Discard"
+            then: end
+        timeout: 172800
+        on_timeout: HUMAN_INPUT_TIMEOUT_FAIL
+      export:
+        as: "\${ . }"
+      flow:
+        then: finalize_report
+
+    - name: finalize_report
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            status: "approved",
+            topic: .report.topic,
+            executive_summary: .report.executive_summary,
+            key_findings: .report.key_findings,
+            approved_by: .review.reviewer,
+            reviewer_notes: .review.form_data.notes
+          }
+        input: "\${ {report: $context.merge_results, review: $context.review_report} }"
+      export:
+        as: "\${ . }"
+`}},{id:"support-ticket-triage",name:"Support Ticket Triage",description:"Automated support ticket classification and routing using structured LLM output. Classifies tickets by severity, then routes critical ones through human approval before escalation.",category:"customer-support",tags:["support","triage","classification","routing","switch","structured-output"],data:{yaml:`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: support-ticket-triage
+spec:
+  description: >
+    Automated support ticket classification and routing using structured LLM output.
+    An LLM classifies incoming tickets by severity and category, then a switch
+    routes to different handling paths. Critical tickets go through human approval
+    before escalation; standard tickets are auto-routed.
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: support-ticket-triage
+    version: "1.0.0"
+  env:
+    TICKET_DESCRIPTION:
+      description: "The support ticket text to triage"
+    CUSTOMER_EMAIL:
+      description: "Customer email for follow-up (optional)"
+      optional: true
+  budget:
+    max_cost_micros: 500000
+    max_duration_seconds: 300
+  tasks:
+    - name: classify_ticket
+      kind: llm_call
+      task_config:
+        model: "claude-haiku-4.5"
+        system_prompt: >
+          You are a support ticket classifier. Analyze the ticket and classify
+          it by severity and category. Be conservative with critical/high
+          severity — only use those for genuine service disruptions or data loss.
+        prompt: >
+          Classify this support ticket:
+
+          \${ $env.TICKET_DESCRIPTION }
+
+          Customer: \${ $env.CUSTOMER_EMAIL }
+        response_schema:
+          type: object
+          required:
+            - severity
+            - category
+            - summary
+          properties:
+            severity:
+              type: string
+              enum:
+                - low
+                - medium
+                - high
+                - critical
+            category:
+              type: string
+              enum:
+                - bug
+                - feature_request
+                - account
+                - billing
+                - integration
+                - general
+            summary:
+              type: string
+            customer_impact:
+              type: boolean
+        on_invalid: ON_INVALID_RETRY
+        max_retries: 2
+        max_tokens: 500
+        timeout: 60
+      export:
+        as: "\${ .structured }"
+      flow:
+        then: route_by_severity
+
+    - name: route_by_severity
+      kind: switch_case
+      task_config:
+        cases:
+          - name: critical
+            when: "\${ $context.classify_ticket.severity == 'critical' }"
+            then: escalation_approval
+          - name: high
+            when: "\${ $context.classify_ticket.severity == 'high' }"
+            then: build_high_summary
+          - name: default
+            then: build_standard_summary
+
+    - name: escalation_approval
+      kind: human_input
+      task_config:
+        prompt: >
+          A ticket has been classified as CRITICAL and needs escalation approval.
+
+          *Summary*: \${ $context.classify_ticket.summary }
+          *Category*: \${ $context.classify_ticket.category }
+
+          Approve escalation to the incident response team?
+        outcomes:
+          - name: approve
+            label: "Approve Escalation"
+          - name: downgrade
+            label: "Downgrade to High"
+            then: build_high_summary
+          - name: reject
+            label: "Not an Incident"
+            then: build_standard_summary
+        timeout: 3600
+        on_timeout: HUMAN_INPUT_TIMEOUT_FAIL
+      export:
+        as: "\${ . }"
+      flow:
+        then: build_escalation_summary
+
+    - name: build_escalation_summary
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            status: "escalated",
+            severity: "critical",
+            category: .classification.category,
+            summary: .classification.summary,
+            action: "Route to incident response team"
+          }
+        input: "\${ {classification: $context.classify_ticket, approval: $context.escalation_approval} }"
+      export:
+        as: "\${ . }"
+
+    - name: build_high_summary
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            status: "triaged",
+            severity: .severity,
+            category: .category,
+            summary: .summary,
+            action: "Route to senior support queue"
+          }
+        input: "\${ $context.classify_ticket }"
+      export:
+        as: "\${ . }"
+
+    - name: build_standard_summary
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            status: "triaged",
+            severity: .severity,
+            category: .category,
+            summary: .summary,
+            action: "Route to standard support queue"
+          }
+        input: "\${ $context.classify_ticket }"
+      export:
+        as: "\${ . }"
+`}},{id:"content-review-pipeline",name:"Content Review Pipeline",description:"AI-powered content drafting with human-in-the-loop review. The reviewer can approve, request revisions (which loops back to the LLM with feedback), or reject outright.",category:"content",tags:["content","writing","review","revision","loop","human-approval"],data:{yaml:`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: content-review-pipeline
+spec:
+  description: >
+    AI-powered content drafting with human-in-the-loop review.
+    An LLM drafts content based on a topic and guidelines, then pauses
+    for human approval. The reviewer can approve, request revisions
+    (which loops back to the LLM with feedback), or reject outright.
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: content-review-pipeline
+    version: "1.0.0"
+  env:
+    TOPIC:
+      description: "The topic or subject to write about"
+    GUIDELINES:
+      description: "Style guidelines or constraints for the content (optional)"
+      optional: true
+  budget:
+    max_cost_micros: 2000000
+    max_duration_seconds: 600
+  tasks:
+    - name: draft_content
+      kind: llm_call
+      task_config:
+        model: "claude-sonnet-4-5"
+        system_prompt: >
+          You are a professional content writer. Write clear, engaging content
+          that follows the provided guidelines.
+        prompt: >
+          Write content about the following topic: \${ $env.TOPIC }
+
+          Guidelines: \${ $env.GUIDELINES }
+        temperature: 0.7
+        max_tokens: 2000
+        timeout: 120
+        max_retries: 2
+      export:
+        as: "\${ . }"
+      flow:
+        then: review_content
+
+    - name: review_content
+      kind: human_input
+      task_config:
+        prompt: >
+          Review the AI-drafted content below and decide whether to approve,
+          request revisions, or reject it.
+
+          --- Draft ---
+          \${ $context.draft_content.text }
+        form_schema:
+          type: object
+          properties:
+            feedback:
+              type: string
+              description: "Revision notes (required if requesting revisions)"
+        outcomes:
+          - name: approve
+            label: "Approve"
+          - name: revise
+            label: "Request Revisions"
+            then: revise_content
+          - name: reject
+            label: "Reject"
+            then: end
+        timeout: 86400
+        on_timeout: HUMAN_INPUT_TIMEOUT_FAIL
+      export:
+        as: "\${ . }"
+      flow:
+        then: finalize
+
+    - name: revise_content
+      kind: llm_call
+      task_config:
+        model: "claude-sonnet-4-5"
+        system_prompt: >
+          You are a professional content writer. Revise the draft based on
+          the reviewer's feedback. Preserve what works, fix what doesn't.
+        prompt: >
+          Original topic: \${ $env.TOPIC }
+
+          Previous draft:
+          \${ $context.draft_content.text }
+
+          Reviewer feedback:
+          \${ $context.review_content.form_data.feedback }
+
+          Please revise the draft to address the feedback.
+        temperature: 0.5
+        max_tokens: 2000
+        timeout: 120
+        max_retries: 2
+      export:
+        as: "\${ . }"
+      flow:
+        then: review_content
+
+    - name: finalize
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            status: "approved",
+            topic: .topic,
+            content: .content,
+            approved_by: .reviewer
+          }
+        input: "\${ {topic: $env.TOPIC, content: $context.draft_content.text, reviewer: $context.review_content.reviewer} }"
+      export:
+        as: "\${ . }"
+`}},{id:"batch-data-enrichment",name:"Batch Data Enrichment",description:"Process a collection of items through an enrichment API using for_each iteration. Each item is sent to an HTTP endpoint, transformed, and the results are aggregated.",category:"integration",tags:["batch","for-each","enrichment","http","api","data-processing"],data:{yaml:`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: batch-data-enrichment
+spec:
+  description: >
+    Process a collection of items through an enrichment API using for_each.
+    Demonstrates batch processing, HTTP integration, data transformation,
+    and variable management for aggregated results.
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: batch-data-enrichment
+    version: "1.0.0"
+  env:
+    ENRICHMENT_API_URL:
+      description: "Base URL of the enrichment API endpoint"
+    API_KEY:
+      description: "API key for the enrichment service"
+      is_secret: true
+    ITEMS_JSON:
+      description: 'JSON array of items to enrich, e.g. [{"id": 1, "name": "Acme"}]'
+  budget:
+    max_cost_micros: 1000000
+    max_duration_seconds: 900
+  tasks:
+    - name: prepare_batch
+      kind: set_vars
+      task_config:
+        vars:
+          items: "\${ $env.ITEMS_JSON }"
+          processed_count: 0
+          failed_count: 0
+      export:
+        as: "\${ . }"
+      flow:
+        then: enrich_items
+
+    - name: enrich_items
+      kind: for_each
+      task_config:
+        collection: "\${ $context.prepare_batch.items }"
+        as: item
+        do:
+          - name: call_api
+            kind: http_call
+            task_config:
+              method: POST
+              url: "\${ $env.ENRICHMENT_API_URL }/enrich"
+              headers:
+                Authorization: "Bearer \${ $env.API_KEY }"
+                Content-Type: "application/json"
+              body: "\${ $item }"
+              timeout: 30
+              max_retries: 2
+            export:
+              as: "\${ . }"
+          - name: transform_result
+            kind: transform
+            task_config:
+              engine: TRANSFORM_ENGINE_JQ
+              expression: >
+                {
+                  id: .original.id,
+                  name: .original.name,
+                  enriched: .response.body,
+                  enriched_at: now | todate
+                }
+              input: "\${ {original: $item, response: $context.call_api} }"
+            export:
+              as: "\${ . }"
+      export:
+        as: "\${ . }"
+      flow:
+        then: build_summary
+
+    - name: build_summary
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            status: "completed",
+            total_items: (.results | length),
+            results: .results
+          }
+        input: "\${ {results: $context.enrich_items} }"
+      export:
+        as: "\${ . }"
+`}},{id:"multi-agent-pipeline",name:"Multi-Agent Pipeline",description:"Chain multiple specialized agents in sequence, with each agent's structured output feeding the next. Demonstrates agent orchestration with structured handoffs and a final synthesis step.",category:"data-analysis",tags:["multi-agent","pipeline","agent-call","structured-output","orchestration"],data:{yaml:`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: multi-agent-pipeline
+spec:
+  description: >
+    Chain multiple specialized agents where each agent's structured output
+    feeds the next. A researcher gathers information, an analyst evaluates it,
+    and a writer produces the final deliverable.
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: multi-agent-pipeline
+    version: "1.0.0"
+  env:
+    OBJECTIVE:
+      description: "The research objective or question to investigate"
+    OUTPUT_FORMAT:
+      description: "Desired output format: report, brief, or memo (default: report)"
+      optional: true
+  budget:
+    max_cost_micros: 5000000
+    max_total_tokens: 500000
+    max_duration_seconds: 1200
+  tasks:
+    - name: research
+      kind: agent_call
+      task_config:
+        agent: "org/research-agent"
+        message: >
+          Research the following objective thoroughly:
+
+          \${ $env.OBJECTIVE }
+
+          Gather key facts, data points, and source references.
+          Provide a structured research brief.
+        output:
+          schema:
+            type: object
+            required:
+              - findings
+              - sources
+            properties:
+              findings:
+                type: array
+                items:
+                  type: object
+                  properties:
+                    claim:
+                      type: string
+                    evidence:
+                      type: string
+                    confidence:
+                      type: string
+              sources:
+                type: array
+                items:
+                  type: string
+              gaps:
+                type: array
+                items:
+                  type: string
+          on_invalid: ON_INVALID_RETRY
+          max_retries: 1
+        config:
+          timeout: 300
+      export:
+        as: "\${ .structured }"
+      flow:
+        then: analyze
+
+    - name: analyze
+      kind: agent_call
+      task_config:
+        agent: "org/data-analyst-agent"
+        message: >
+          Analyze the following research findings and provide a critical assessment:
+
+          Findings: \${ $context.research.findings }
+          Sources: \${ $context.research.sources }
+          Gaps: \${ $context.research.gaps }
+
+          Evaluate the strength of evidence, identify contradictions,
+          and rate overall confidence.
+        output:
+          schema:
+            type: object
+            required:
+              - assessment
+              - confidence_rating
+            properties:
+              assessment:
+                type: string
+              confidence_rating:
+                type: string
+                enum:
+                  - low
+                  - medium
+                  - high
+              key_insights:
+                type: array
+                items:
+                  type: string
+              risks:
+                type: array
+                items:
+                  type: string
+          on_invalid: ON_INVALID_RETRY
+          max_retries: 1
+        config:
+          timeout: 300
+      export:
+        as: "\${ .structured }"
+      flow:
+        then: synthesize
+
+    - name: synthesize
+      kind: agent_call
+      task_config:
+        agent: "org/docs-agent"
+        message: >
+          Write a \${ $env.OUTPUT_FORMAT } based on:
+
+          Research findings: \${ $context.research.findings }
+          Analysis: \${ $context.analyze.assessment }
+          Confidence: \${ $context.analyze.confidence_rating }
+          Key insights: \${ $context.analyze.key_insights }
+
+          Make it clear, actionable, and well-structured.
+        config:
+          timeout: 300
+      export:
+        as: "\${ . }"
+      flow:
+        then: package_output
+
+    - name: package_output
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            objective: .objective,
+            confidence: .confidence,
+            deliverable: .content,
+            sources: .sources,
+            risks: .risks
+          }
+        input: "\${ {objective: $env.OBJECTIVE, confidence: $context.analyze.confidence_rating, content: $context.synthesize.text, sources: $context.research.sources, risks: $context.analyze.risks} }"
+      export:
+        as: "\${ . }"
+`}},{id:"error-resilient-integration",name:"Error-Resilient Integration",description:"Call an external API with robust error handling using try/catch. On failure, an LLM generates a user-friendly error summary and the workflow sets fallback variables instead of failing entirely.",category:"integration",tags:["try-catch","error-handling","http","resilient","fallback","retry"],data:{yaml:`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: error-resilient-integration
+spec:
+  description: >
+    Call an external API with robust error handling using try/catch.
+    On failure, an LLM generates a user-friendly error summary and the
+    workflow sets fallback variables instead of failing entirely.
+    Demonstrates try_catch, http_call with retry, set_vars for fallback,
+    and LLM-assisted error diagnosis.
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: error-resilient-integration
+    version: "1.0.0"
+  env:
+    API_ENDPOINT:
+      description: "URL of the external API to call"
+    API_KEY:
+      description: "Authentication key for the API"
+      is_secret: true
+    REQUEST_BODY:
+      description: "JSON request body to send"
+      optional: true
+  budget:
+    max_cost_micros: 1000000
+    max_duration_seconds: 300
+  tasks:
+    - name: initialize
+      kind: set_vars
+      task_config:
+        vars:
+          attempt_started_at: "\${ now | todate }"
+          status: "pending"
+      export:
+        as: "\${ . }"
+      flow:
+        then: safe_api_call
+
+    - name: safe_api_call
+      kind: try_catch
+      task_config:
+        do:
+          - name: call_external_api
+            kind: http_call
+            task_config:
+              method: POST
+              url: "\${ $env.API_ENDPOINT }"
+              headers:
+                Authorization: "Bearer \${ $env.API_KEY }"
+                Content-Type: "application/json"
+              body: "\${ $env.REQUEST_BODY }"
+              timeout: 30
+              max_retries: 3
+            export:
+              as: "\${ . }"
+        catch:
+          - name: on_error
+            do:
+              - name: diagnose_error
+                kind: llm_call
+                task_config:
+                  model: "claude-haiku-4.5"
+                  system_prompt: >
+                    You are an API integration specialist. Given an error from
+                    an HTTP call, provide a brief, actionable diagnosis.
+                  prompt: >
+                    The following API call failed:
+                    Endpoint: \${ $env.API_ENDPOINT }
+                    Error: \${ $error.message }
+
+                    Provide a one-paragraph diagnosis and suggested fix.
+                  max_tokens: 200
+                  timeout: 30
+                export:
+                  as: "\${ . }"
+              - name: set_fallback
+                kind: set_vars
+                task_config:
+                  vars:
+                    api_result: null
+                    error_diagnosis: "\${ $context.diagnose_error.text }"
+                    status: "failed_with_fallback"
+                export:
+                  as: "\${ . }"
+      export:
+        as: "\${ . }"
+      flow:
+        then: build_result
+
+    - name: build_result
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            status: (if .fallback then .fallback.status else "success" end),
+            data: (if .api then .api.body else null end),
+            error_diagnosis: (if .fallback then .fallback.error_diagnosis else null end),
+            started_at: .started_at
+          }
+        input: "\${ {api: $context.call_external_api, fallback: $context.set_fallback, started_at: $context.initialize.attempt_started_at} }"
+      export:
+        as: "\${ . }"
+`}},{id:"llm-evaluation-pipeline",name:"LLM Evaluation Pipeline",description:"Evaluate LLM output quality using an LLM-as-judge pattern. Generate a response, validate its structure, then use a separate evaluator model to score quality, relevance, and safety.",category:"data-analysis",tags:["eval","evaluation","llm-judge","validation","quality","testing"],data:{yaml:`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: llm-evaluation-pipeline
+spec:
+  description: >
+    Evaluate LLM output quality using an LLM-as-judge pattern.
+    Generate a response, validate its structure, then use a separate
+    evaluator model to score quality, relevance, and safety.
+    Demonstrates eval, llm_call, validate, and transform tasks.
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: llm-evaluation-pipeline
+    version: "1.0.0"
+  env:
+    PROMPT:
+      description: "The prompt to evaluate the model on"
+    EXPECTED_TOPICS:
+      description: "Comma-separated list of topics the response should cover"
+      optional: true
+    MODEL_UNDER_TEST:
+      description: "Model to evaluate (default: claude-haiku-4.5)"
+      optional: true
+  budget:
+    max_cost_micros: 2000000
+    max_duration_seconds: 300
+  tasks:
+    - name: generate_response
+      kind: llm_call
+      task_config:
+        model: "\${ $env.MODEL_UNDER_TEST }"
+        prompt: "\${ $env.PROMPT }"
+        temperature: 0.7
+        max_tokens: 1000
+        timeout: 60
+      export:
+        as: "\${ . }"
+      flow:
+        then: validate_structure
+
+    - name: validate_structure
+      kind: validate
+      task_config:
+        schema:
+          type: object
+          required:
+            - text
+          properties:
+            text:
+              type: string
+              minLength: 10
+        input: "\${ $context.generate_response }"
+        on_invalid: ON_INVALID_CONTINUE
+      export:
+        as: "\${ . }"
+      flow:
+        then: evaluate_quality
+
+    - name: evaluate_quality
+      kind: eval
+      task_config:
+        evaluator_model: "claude-sonnet-4-5"
+        criteria:
+          - name: relevance
+            description: "Does the response directly address the prompt?"
+            scale: 1-5
+          - name: completeness
+            description: "Does the response cover the expected topics?"
+            scale: 1-5
+          - name: clarity
+            description: "Is the response clear and well-structured?"
+            scale: 1-5
+          - name: safety
+            description: "Is the response free from harmful or inappropriate content?"
+            scale: 1-5
+        input:
+          prompt: "\${ $env.PROMPT }"
+          response: "\${ $context.generate_response.text }"
+          expected_topics: "\${ $env.EXPECTED_TOPICS }"
+        timeout: 120
+      export:
+        as: "\${ . }"
+      flow:
+        then: compile_report
+
+    - name: compile_report
+      kind: transform
+      task_config:
+        engine: TRANSFORM_ENGINE_JQ
+        expression: >
+          {
+            model: .model,
+            prompt: .prompt,
+            response_length: (.response | length),
+            validation_passed: .validation.valid,
+            scores: .eval,
+            overall: (if .eval then (.eval | to_entries | map(.value) | add / length) else null end)
+          }
+        input: "\${ {model: $env.MODEL_UNDER_TEST, prompt: $env.PROMPT, response: $context.generate_response.text, validation: $context.validate_structure, eval: $context.evaluate_quality} }"
+      export:
+        as: "\${ . }"
+`}},{id:"webhook-event-processor",name:"Webhook Event Processor",description:"Process incoming webhook events with intelligent routing. An agent analyzes the event payload, a switch routes to different handling paths, and an HTTP callback delivers the result.",category:"integration",tags:["webhook","event","routing","callback","agent","http","switch"],data:{yaml:`apiVersion: agentic.stigmer.ai/v1
+kind: Workflow
+metadata:
+  name: webhook-event-processor
+spec:
+  description: >
+    Process incoming webhook events with intelligent routing.
+    An agent analyzes the event payload, a switch routes to different
+    handling paths based on urgency, and an HTTP callback delivers
+    the result. Demonstrates agent_call, switch_case, http_call,
+    wait, and set_vars.
+  document:
+    dsl: "1.0.0"
+    namespace: default
+    name: webhook-event-processor
+    version: "1.0.0"
+  env:
+    CALLBACK_URL:
+      description: "URL to POST the processing result to"
+    CALLBACK_SECRET:
+      description: "Shared secret for callback authentication"
+      is_secret: true
+  budget:
+    max_cost_micros: 1000000
+    max_duration_seconds: 600
+  tasks:
+    - name: analyze_event
+      kind: agent_call
+      task_config:
+        agent: "org/support-agent"
+        message: >
+          Analyze this incoming event and determine its urgency and type:
+
+          Event data: \${ $input }
+
+          Classify as: urgent, normal, or low_priority.
+          Extract the key action needed.
+        output:
+          schema:
+            type: object
+            required:
+              - urgency
+              - event_type
+              - action
+            properties:
+              urgency:
+                type: string
+                enum:
+                  - urgent
+                  - normal
+                  - low_priority
+              event_type:
+                type: string
+              action:
+                type: string
+              summary:
+                type: string
+          on_invalid: ON_INVALID_RETRY
+          max_retries: 1
+        config:
+          timeout: 120
+      export:
+        as: "\${ .structured }"
+      flow:
+        then: route_by_urgency
+
+    - name: route_by_urgency
+      kind: switch_case
+      task_config:
+        cases:
+          - name: urgent
+            when: "\${ $context.analyze_event.urgency == 'urgent' }"
+            then: handle_urgent
+          - name: normal
+            when: "\${ $context.analyze_event.urgency == 'normal' }"
+            then: handle_normal
+          - name: default
+            then: handle_low_priority
+
+    - name: handle_urgent
+      kind: set_vars
+      task_config:
+        vars:
+          processing_result: >
+            URGENT: \${ $context.analyze_event.action }
+          priority: "P1"
+          notify_channel: "incidents"
+      export:
+        as: "\${ . }"
+      flow:
+        then: send_callback
+
+    - name: handle_normal
+      kind: set_vars
+      task_config:
+        vars:
+          processing_result: "\${ $context.analyze_event.action }"
+          priority: "P3"
+          notify_channel: "general"
+      export:
+        as: "\${ . }"
+      flow:
+        then: cooldown
+
+    - name: handle_low_priority
+      kind: set_vars
+      task_config:
+        vars:
+          processing_result: "\${ $context.analyze_event.action }"
+          priority: "P5"
+          notify_channel: "backlog"
+      export:
+        as: "\${ . }"
+      flow:
+        then: cooldown
+
+    - name: cooldown
+      kind: wait
+      task_config:
+        duration:
+          seconds: 5
+      flow:
+        then: send_callback
+
+    - name: send_callback
+      kind: http_call
+      task_config:
+        method: POST
+        url: "\${ $env.CALLBACK_URL }"
+        headers:
+          Content-Type: "application/json"
+          X-Webhook-Secret: "\${ $env.CALLBACK_SECRET }"
+        body: >
+          {
+            "event_type": "\${ $context.analyze_event.event_type }",
+            "urgency": "\${ $context.analyze_event.urgency }",
+            "action": "\${ $context.analyze_event.action }",
+            "summary": "\${ $context.analyze_event.summary }"
+          }
+        timeout: 15
+        max_retries: 2
+      export:
+        as: "\${ . }"
+`}}];var J=e.i(297629),Q=e.i(310057),X=e.i(380568),Z=e.i(846696),ee=e.i(451241),et=e.i(789198);let es=()=>e.r(195737)(Worker);function en({title:e,description:s,icon:n,onClick:a,badge:i}){return(0,t.jsxs)("button",{type:"button",onClick:a,className:(0,r.cn)("group flex flex-col items-center gap-3 rounded-lg border border-border bg-card p-6 text-center","transition-colors hover:border-primary hover:bg-accent","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"),children:[(0,t.jsx)("span",{className:"text-muted-foreground transition-colors group-hover:text-foreground",children:n}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-foreground",children:e}),(0,t.jsx)("span",{className:"text-xs text-muted-foreground",children:s})]}),i&&(0,t.jsx)("span",{className:"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground",children:i})]})}function er(){return(0,t.jsxs)("svg",{className:"size-8",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[(0,t.jsx)("rect",{width:"7",height:"7",x:"3",y:"3",rx:"1"}),(0,t.jsx)("rect",{width:"7",height:"7",x:"14",y:"3",rx:"1"}),(0,t.jsx)("rect",{width:"7",height:"7",x:"14",y:"14",rx:"1"}),(0,t.jsx)("rect",{width:"7",height:"7",x:"3",y:"14",rx:"1"})]})}function ea(){return(0,t.jsxs)("svg",{className:"size-8",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[(0,t.jsx)("rect",{width:"7",height:"7",x:"3",y:"3",rx:"1"}),(0,t.jsx)("rect",{width:"7",height:"7",x:"14",y:"3",rx:"1"}),(0,t.jsx)("rect",{width:"7",height:"7",x:"14",y:"14",rx:"1"}),(0,t.jsx)("rect",{width:"7",height:"7",x:"3",y:"14",rx:"1"})]})}function ei(){return(0,t.jsxs)("svg",{className:"size-8",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[(0,t.jsx)("path",{d:"M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5z"}),(0,t.jsx)("path",{d:"M18 15l.75 2.25L21 18l-2.25.75L18 21l-.75-2.25L15 18l2.25-.75z"})]})}function eo(){return(0,t.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:[(0,t.jsx)("path",{d:"m12 19-7-7 7-7"}),(0,t.jsx)("path",{d:"M19 12H5"})]})}e.s(["WorkflowNewPage",0,function(){let e=(0,J.useActiveOrgSlug)(),i=(0,n.useRouter)(),o=(0,X.useElkLayoutEngine)({workerFactory:es}),{navigateToDetail:l}=(0,ee.useLibraryNavigation)(),{setLabel:c}=(0,Q.useBreadcrumbOverride)(),[g,d]=(0,s.useState)("picking"),[u,p]=(0,s.useState)(K);(0,et.useRequestFullViewport)("editor"===g),(0,s.useEffect)(()=>{c("New workflow")},[c]);let m=(0,s.useCallback)(()=>{Z.toast.success("Workflow created"),i.push("/library/workflows")},[i]),h=(0,s.useCallback)(e=>{Z.toast.error(e.message)},[]),f=(0,s.useCallback)(e=>{p(e.data.yaml??K),d("editor")},[]),x=(0,s.useCallback)((e,t)=>{l("workflows",e,t)},[l]);return e?"editor"===g?(0,t.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 border-b border-border px-3 py-2",children:[(0,t.jsxs)("button",{type:"button",onClick:()=>d("picking"),className:(0,r.cn)("inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-sm","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:[(0,t.jsx)(eo,{}),"Back"]}),(0,t.jsx)("span",{className:"text-sm font-medium text-foreground",children:"New workflow"})]}),(0,t.jsx)("div",{className:"min-h-0 flex-1",children:(0,t.jsx)(a.WorkflowEditorView,{initialYaml:u,org:e,defaultMode:"visual",layoutEngine:o,onSaveSuccess:m,onSaveError:h,className:"h-full"})})]}):"templates"===g?(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("button",{type:"button",onClick:()=>d("picking"),"aria-label":"Back to creation options",className:(0,r.cn)("inline-flex items-center justify-center 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:(0,t.jsx)(eo,{})}),(0,t.jsx)("h2",{className:"text-base font-semibold text-foreground",children:"Choose a template"})]}),(0,t.jsx)(Y,{templates:H,onSelect:f})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"text-lg font-semibold text-foreground",children:"Create a new workflow"}),(0,t.jsx)("p",{className:"mt-1 text-sm text-muted-foreground",children:"Choose how you'd like to get started."})]}),(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-3",children:[(0,t.jsx)(en,{title:"Start from template",description:"Browse pre-built workflow patterns and customize them.",icon:(0,t.jsx)(er,{}),onClick:()=>d("templates"),badge:`${H.length} available`}),(0,t.jsx)(en,{title:"Visual Editor",description:"Design your workflow visually with drag-and-drop tasks and connections.",icon:(0,t.jsx)(ea,{}),onClick:()=>{p(K),d("editor")}}),(0,t.jsx)(en,{title:"Generate with AI",description:"Describe what you want and let AI create a workflow for you.",icon:(0,t.jsx)(ei,{}),onClick:()=>d("generating")})]})]}),(0,t.jsx)(k,{open:"generating"===g,onOpenChange:e=>{e||d("picking")},org:e,onSuccess:x,onError:e=>Z.toast.error(e)})]}):null}],765391)}]);