@jagreehal/workflow 1.6.0 → 1.7.0

package/dist/visualize.cjs

@@ -1,7 +1,1189 @@
-"use strict";var X=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var me=Object.prototype.hasOwnProperty;var ge=(e,n)=>{for(var t in n)X(e,t,{get:n[t],enumerable:!0})},$e=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of he(n))!me.call(e,s)&&s!==t&&X(e,s,{get:()=>n[s],enumerable:!(r=fe(n,s))||r.enumerable});return e};var ke=e=>$e(X({},"__esModule",{value:!0}),e);var Ae={};ge(Ae,{asciiRenderer:()=>W,createEventCollector:()=>Ve,createIRBuilder:()=>F,createLiveVisualizer:()=>le,createParallelDetector:()=>re,createVisualizer:()=>H,defaultColorScheme:()=>M,detectParallelGroups:()=>z,hasChildren:()=>Se,isDecisionNode:()=>A,isParallelNode:()=>P,isRaceNode:()=>V,isSequenceNode:()=>ye,isStepNode:()=>C,mermaidRenderer:()=>j,trackDecision:()=>Y,trackIf:()=>ue,trackSwitch:()=>pe,visualizeEvents:()=>Pe});module.exports=ke(Ae);function N(e){if(e<1e3)return`${Math.round(e)}ms`;if(e<6e4)return`${(e/1e3).toFixed(1).replace(/\.0$/,"")}s`;let n=Math.floor(e/6e4),t=Math.round(e%6e4/1e3);return t===0?`${n}m`:`${n}m ${t}s`}function Q(){return`node_${Date.now()}_${Math.random().toString(36).slice(2,8)}`}function we(e){for(let n of e)if((n.type==="parallel"||n.type==="race"||n.type==="sequence")&&!n.id.startsWith("detected_")||"decisionId"in n)return!0;return!1}function z(e,n={}){if(we(e))return e;let{minOverlapMs:t=0,maxGapMs:r=5}=n,s=[],o=[];for(let c=0;c<e.length;c++){let a=e[c];a.type==="step"&&a.startTs!==void 0?s.push({node:a,startTs:a.startTs,endTs:a.endTs??a.startTs+(a.durationMs??0),originalIndex:c}):o.push({node:a,originalIndex:c})}if(s.length<=1)return e;s.sort((c,a)=>c.startTs-a.startTs);let u=[],h=[s[0]];for(let c=1;c<s.length;c++){let a=s[c],l=Math.min(...h.map(y=>y.startTs)),g=Math.max(...h.map(y=>y.endTs)),$=a.startTs<=l+r,k=a.startTs<g;if(!$&&!k){u.push(h),h=[a];continue}let w=k?Math.min(a.endTs,g)-a.startTs:0;$||w>=t?h.push(a):(u.push(h),h=[a])}u.push(h);let p=[];for(let c of u){let a=Math.min(...c.map(l=>l.originalIndex));if(c.length===1)p.push({node:c[0].node,position:a});else{let l=c.map(w=>w.node),g=Math.min(...c.map(w=>w.startTs)),$=Math.max(...c.map(w=>w.endTs)),k={type:"parallel",id:`detected_parallel_${g}`,name:`${l.length} parallel steps`,state:be(l),mode:"all",children:l,startTs:g,endTs:$,durationMs:$-g};p.push({node:k,position:a})}}for(let{node:c,originalIndex:a}of o)p.push({node:c,position:a});return p.sort((c,a)=>c.position-a.position),p.map(c=>c.node)}function be(e){return e.some(o=>o.state==="error")?"error":e.some(o=>o.state==="running")?"running":e.some(o=>o.state==="pending")?"pending":(e.every(o=>o.state==="success"||o.state==="cached"),"success")}function re(e={}){return{detect:n=>z(n,e)}}function F(e={}){let{detectParallel:n=!0,parallelDetection:t}=e,r,s,o="pending",u,h,p=new Map,c=[],a=[],l=[],g=Date.now(),$=g;function k(i){return i.stepId??i.stepKey??i.name??Q()}function w(i){if(a.length>0){let d=a[a.length-1];for(let E of d.branches.values())if(E.taken){E.children.push(i),$=Date.now();return}let m=Array.from(d.branches.values())[0];if(m){m.children.push(i),$=Date.now();return}}c.length>0?c[c.length-1].children.push(i):l.push(i),$=Date.now()}function y(i){switch(i.type){case"workflow_start":r=i.workflowId,s=i.ts,o="running",g=Date.now(),$=g;break;case"workflow_success":o="success",h=i.durationMs,$=Date.now();break;case"workflow_error":o="error",u=i.error,h=i.durationMs,$=Date.now();break;case"step_start":{let d=k(i);p.set(d,{id:d,name:i.name,key:i.stepKey,startTs:i.ts,retryCount:0,timedOut:!1}),$=Date.now();break}case"step_success":{let d=k(i),m=p.get(d);if(m){let E={type:"step",id:m.id,name:m.name,key:m.key,state:"success",startTs:m.startTs,endTs:i.ts,durationMs:i.durationMs,...m.retryCount>0&&{retryCount:m.retryCount},...m.timedOut&&{timedOut:!0,timeoutMs:m.timeoutMs}};w(E),p.delete(d)}break}case"step_error":{let d=k(i),m=p.get(d);if(m){let E={type:"step",id:m.id,name:m.name,key:m.key,state:"error",startTs:m.startTs,endTs:i.ts,durationMs:i.durationMs,error:i.error,...m.retryCount>0&&{retryCount:m.retryCount},...m.timedOut&&{timedOut:!0,timeoutMs:m.timeoutMs}};w(E),p.delete(d)}break}case"step_aborted":{let d=k(i),m=p.get(d);if(m){let E={type:"step",id:m.id,name:m.name,key:m.key,state:"aborted",startTs:m.startTs,endTs:i.ts,durationMs:i.durationMs,...m.retryCount>0&&{retryCount:m.retryCount},...m.timedOut&&{timedOut:!0,timeoutMs:m.timeoutMs}};w(E),p.delete(d)}break}case"step_cache_hit":{let m={type:"step",id:k(i),name:i.name,key:i.stepKey,state:"cached",startTs:i.ts,endTs:i.ts,durationMs:0};w(m);break}case"step_cache_miss":break;case"step_complete":break;case"step_timeout":{let d=k(i),m=p.get(d);m&&(m.timedOut=!0,m.timeoutMs=i.timeoutMs),$=Date.now();break}case"step_retry":{let d=k(i),m=p.get(d);m&&(m.retryCount=(i.attempt??1)-1),$=Date.now();break}case"step_retries_exhausted":$=Date.now();break;case"step_skipped":{let m={type:"step",id:k(i),name:i.name,key:i.stepKey,state:"skipped",startTs:i.ts,endTs:i.ts,durationMs:0};w(m);break}}}function x(i){if(i.type==="scope_start")c.push({id:i.scopeId,name:i.name,type:i.scopeType,startTs:i.ts,children:[]}),$=Date.now();else if(i.type==="scope_end"){let d=c.pop();if(d){let m=d.type==="race"?{type:"race",id:d.id,name:d.name,state:R(d.children),startTs:d.startTs,endTs:i.ts,durationMs:i.durationMs,children:d.children,winnerId:i.winnerId}:{type:"parallel",id:d.id,name:d.name,state:R(d.children),startTs:d.startTs,endTs:i.ts,durationMs:i.durationMs,children:d.children,mode:d.type==="allSettled"?"allSettled":"all"};w(m)}}}function T(i){if(i.type==="decision_start")a.push({id:i.decisionId,name:i.name,condition:i.condition,decisionValue:i.decisionValue,startTs:i.ts,branches:new Map}),$=Date.now();else if(i.type==="decision_branch"){let d=a[a.length-1];if(d&&d.id===i.decisionId){let m=i.branchLabel,E=d.branches.get(m);E?E.taken=i.taken:d.branches.set(m,{label:i.branchLabel,condition:i.condition,taken:i.taken,children:[]}),$=Date.now()}}else if(i.type==="decision_end"){let d=a.pop();if(d&&d.id===i.decisionId){let m=Array.from(d.branches.values()),E={type:"decision",id:d.id,name:d.name,state:R(m.flatMap(I=>I.taken?I.children:[])),startTs:d.startTs,endTs:i.ts,durationMs:i.durationMs,condition:d.condition,decisionValue:d.decisionValue,branchTaken:i.branchTaken??d.branchTaken,branches:m};w(E)}}}function R(i){return i.length===0?"success":i.some(I=>I.state==="error")?"error":i.every(I=>I.state==="success"||I.state==="cached")?"success":i.some(I=>I.state==="running")?"running":"pending"}function b(){let i=[...l];for(let[,d]of p)i.push({type:"step",id:d.id,name:d.name,key:d.key,state:"running",startTs:d.startTs,...d.retryCount>0&&{retryCount:d.retryCount},...d.timedOut&&{timedOut:!0,timeoutMs:d.timeoutMs}});return i}function O(){let i=b();return n&&(i=z(i,t)),{root:{type:"workflow",id:r??Q(),workflowId:r??"unknown",state:o,startTs:s,durationMs:h,children:i,error:u},metadata:{createdAt:g,lastUpdatedAt:$}}}function B(){r=void 0,s=void 0,o="pending",u=void 0,h=void 0,p.clear(),c.length=0,a.length=0,l=[],g=Date.now(),$=g}return{handleEvent:y,handleScopeEvent:x,handleDecisionEvent:T,getIR:O,reset:B,get hasActiveSteps(){return p.size>0},get state(){return o}}}function C(e){return e.type==="step"}function ye(e){return e.type==="sequence"}function P(e){return e.type==="parallel"}function V(e){return e.type==="race"}function A(e){return e.type==="decision"}function Se(e){return"children"in e||e.type==="decision"&&"branches"in e}var ee="\x1B[0m",ve="\x1B[1m",ie="\x1B[2m",Ee="\x1B[31m",xe="\x1B[32m",De="\x1B[33m",Ie="\x1B[34m",oe="\x1B[90m",Ne="\x1B[37m";function q(e,n){return n?`${n}${e}${ee}`:e}function G(e){return`${ve}${e}${ee}`}function v(e){return`${ie}${e}${ee}`}var M={pending:Ne,running:De,success:xe,error:Ee,aborted:oe,cached:Ie,skipped:ie+oe};function Te(e){switch(e){case"pending":return"\u25CB";case"running":return"\u27F3";case"success":return"\u2713";case"error":return"\u2717";case"aborted":return"\u2298";case"cached":return"\u21BA";case"skipped":return"\u2298"}}function U(e,n){let t=Te(e);return q(t,n[e])}function te(e,n,t){return q(e,t[n])}function se(e){return e.replace(/\x1b\[[0-9;]*m/g,"")}var f={topLeft:"\u250C",topRight:"\u2510",bottomLeft:"\u2514",bottomRight:"\u2518",horizontal:"\u2500",vertical:"\u2502",teeRight:"\u251C",teeLeft:"\u2524",teeDown:"\u252C",teeUp:"\u2534",cross:"\u253C"};function ae(e,n){let t=se(e).length,r=Math.max(0,n-t);return e+" ".repeat(r)}function Re(e,n){if(!n)return f.horizontal.repeat(e);let t=` ${n} `,r=e-t.length;if(r<4)return f.horizontal.repeat(e);let s=2,o=r-s;return f.horizontal.repeat(s)+t+f.horizontal.repeat(o)}function W(){return{name:"ascii",supportsLive:!0,render(e,n){let t={...M,...n.colors},r=n.terminalWidth??60,s=r-4,o=[],u=e.root.name??"workflow",h=G(u);o.push(`${f.topLeft}${Re(r-2,h)}${f.topRight}`),o.push(`${f.vertical}${" ".repeat(r-2)}${f.vertical}`);let p=J(e.root.children,n,t,0);for(let c of p)o.push(`${f.vertical}  ${ae(c,s)}${f.vertical}`);if(o.push(`${f.vertical}${" ".repeat(r-2)}${f.vertical}`),e.root.durationMs!==void 0&&n.showTimings){let c=e.root.state==="success"?"Completed":"Failed",l=`${te(c,e.root.state,t)} in ${N(e.root.durationMs)}`;o.push(`${f.vertical}  ${ae(l,s)}${f.vertical}`),o.push(`${f.vertical}${" ".repeat(r-2)}${f.vertical}`)}return o.push(`${f.bottomLeft}${f.horizontal.repeat(r-2)}${f.bottomRight}`),o.join(`
-`)}}}function J(e,n,t,r){let s=[];for(let o of e)C(o)?s.push(ne(o,n,t)):P(o)?s.push(...Oe(o,n,t,r)):V(o)?s.push(...Me(o,n,t,r)):A(o)&&s.push(...Ce(o,n,t,r));return s}function ne(e,n,t){let r=U(e.state,t),s=e.name??e.key??"step",o=te(s,e.state,t),u=`${r} ${o}`;if(n.showKeys&&e.key&&(u+=v(` [key: ${e.key}]`)),e.input!==void 0){let h=typeof e.input=="string"?e.input:JSON.stringify(e.input).slice(0,30);u+=v(` [in: ${h}${h.length>=30?"...":""}]`)}if(e.output!==void 0&&e.state==="success"){let h=typeof e.output=="string"?e.output:JSON.stringify(e.output).slice(0,30);u+=v(` [out: ${h}${h.length>=30?"...":""}]`)}if(n.showTimings&&e.durationMs!==void 0&&(u+=v(` [${N(e.durationMs)}]`)),e.retryCount!==void 0&&e.retryCount>0&&(u+=v(` [${e.retryCount} ${e.retryCount===1?"retry":"retries"}]`)),e.timedOut){let h=e.timeoutMs!==void 0?` ${e.timeoutMs}ms`:"";u+=v(` [timeout${h}]`)}return u}function Oe(e,n,t,r){let s=[],o="  ".repeat(r),u=U(e.state,t),h=e.name??"parallel",p=e.mode==="allSettled"?" (allSettled)":"";if(s.push(`${o}${f.teeRight}${f.teeDown}${f.horizontal} ${u} ${G(h)}${p}`),e.children.length===0)s.push(`${o}${f.vertical} ${v("(operations not individually tracked)")}`),s.push(`${o}${f.vertical} ${v("(wrap each operation with step() to see individual steps)")}`);else for(let c=0;c<e.children.length;c++){let a=e.children[c],g=c===e.children.length-1?`${o}${f.vertical} ${f.bottomLeft}`:`${o}${f.vertical} ${f.teeRight}`;if(C(a))s.push(`${g} ${ne(a,n,t)}`);else{let $=J([a],n,t,r+1);for(let k of $)s.push(`${o}${f.vertical}   ${k}`)}}return n.showTimings&&e.durationMs!==void 0&&s.push(`${o}${f.bottomLeft}${f.horizontal}${f.horizontal} ${v(`[${N(e.durationMs)}]`)}`),s}function Me(e,n,t,r){let s=[],o="  ".repeat(r),u=U(e.state,t),h=e.name??"race";if(s.push(`${o}${f.teeRight}\u26A1 ${u} ${G(h)}`),e.children.length===0)s.push(`${o}${f.vertical} ${v("(operations not individually tracked)")}`),s.push(`${o}${f.vertical} ${v("(wrap each operation with step() to see individual steps)")}`);else for(let p=0;p<e.children.length;p++){let c=e.children[p],l=p===e.children.length-1?`${o}${f.vertical} ${f.bottomLeft}`:`${o}${f.vertical} ${f.teeRight}`,$=e.winnerId&&c.id===e.winnerId?v(" (winner)"):"";if(C(c))s.push(`${l} ${ne(c,n,t)}${$}`);else{let k=J([c],n,t,r+1);for(let w of k)s.push(`${o}${f.vertical}   ${w}`)}}return n.showTimings&&e.durationMs!==void 0&&s.push(`${o}${f.bottomLeft}${f.horizontal}${f.horizontal} ${v(`[${N(e.durationMs)}]`)}`),s}function Ce(e,n,t,r){let s=[],o="  ".repeat(r),u=U(e.state,t),h=e.name??"decision",p=e.condition?v(` (${e.condition})`):"",c=e.decisionValue!==void 0?v(` = ${String(e.decisionValue)}`):"",a=e.branchTaken!==void 0?v(` \u2192 ${String(e.branchTaken)}`):"";s.push(`${o}${f.teeRight}${f.teeDown}${f.horizontal} ${u} ${G(h)}${p}${c}${a}`);for(let l=0;l<e.branches.length;l++){let g=e.branches[l],k=l===e.branches.length-1?`${o}${f.vertical} ${f.bottomLeft}`:`${o}${f.vertical} ${f.teeRight}`,w=g.taken?"\u2713":"\u2298",y=g.taken?t.success:t.skipped,x=q(`${w} ${g.label}`,y),T=g.condition?v(` (${g.condition})`):"";if(s.push(`${k} ${x}${T}`),g.children.length>0){let R=J(g.children,n,t,r+1);for(let b of R)s.push(`${o}${f.vertical}   ${b}`)}else g.taken||s.push(`${o}${f.vertical}   ${v("(skipped)")}`)}return n.showTimings&&e.durationMs!==void 0&&s.push(`${o}${f.bottomLeft}${f.horizontal}${f.horizontal} ${v(`[${N(e.durationMs)}]`)}`),s}function _e(){return["    classDef pending fill:#f3f4f6,stroke:#9ca3af,stroke-width:2px,color:#374151","    classDef running fill:#fef3c7,stroke:#f59e0b,stroke-width:3px,color:#92400e","    classDef success fill:#d1fae5,stroke:#10b981,stroke-width:3px,color:#065f46","    classDef error fill:#fee2e2,stroke:#ef4444,stroke-width:3px,color:#991b1b","    classDef aborted fill:#f3f4f6,stroke:#6b7280,stroke-width:2px,color:#4b5563,stroke-dasharray: 5 5","    classDef cached fill:#dbeafe,stroke:#3b82f6,stroke-width:3px,color:#1e40af","    classDef skipped fill:#f9fafb,stroke:#d1d5db,stroke-width:2px,color:#6b7280,stroke-dasharray: 5 5"]}var ce=0;function K(e="node"){return`${e}_${++ce}`}function We(){ce=0}function D(e){return e.replace(/[{}[\]()]/g,"").replace(/[<>]/g,"").replace(/"/g,"'").trim()}function de(e){return D(e).replace(/[[\]]/g,"")}function j(){return{name:"mermaid",supportsLive:!1,render(e,n){We();let t=[];t.push("flowchart TD");let r="start";t.push(`    ${r}(("\u25B6 Start"))`);let s=r;for(let o of e.root.children){let u=Z(o,n,t);t.push(`    ${s} --> ${u.entryId}`),s=u.exitId}if(e.root.state==="success"||e.root.state==="error"){let o="finish",u=e.root.state==="success"?"\u2713":"\u2717",h=e.root.state==="success"?"Done":"Failed",p=`(("${u} ${h}"))`,c=e.root.state==="success"?":::success":":::error";t.push(`    ${o}${p}${c}`),t.push(`    ${s} --> ${o}`)}return t.push(""),t.push(..._e()),t.join(`
-`)}}}function Z(e,n,t){if(C(e))return Be(e,n,t);if(P(e))return Le(e,n,t);if(V(e))return Fe(e,n,t);if(A(e))return ze(e,n,t);let r=K("unknown");return t.push(`    ${r}[Unknown Node]`),{entryId:r,exitId:r}}function Be(e,n,t){let r=e.key?`step_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:K("step"),s=D(e.name??e.key??"Step"),o=n.showTimings&&e.durationMs!==void 0?` ${N(e.durationMs)}`:"",u="";switch(e.state){case"success":u="\u2713 ";break;case"error":u="\u2717 ";break;case"cached":u="\u{1F4BE} ";break;case"running":u="\u23F3 ";break;case"skipped":u="\u2298 ";break}let h="";if(e.input!==void 0){let g=typeof e.input=="string"?D(e.input):D(JSON.stringify(e.input).slice(0,20));h+=`\\nin: ${g}`}if(e.output!==void 0&&e.state==="success"){let g=typeof e.output=="string"?D(e.output):D(JSON.stringify(e.output).slice(0,20));h+=`\\nout: ${g}`}let p="";if(e.retryCount!==void 0&&e.retryCount>0&&(p+=`\\n\u21BB ${e.retryCount} retr${e.retryCount===1?"y":"ies"}`),e.timedOut){let g=e.timeoutMs!==void 0?`${e.timeoutMs}ms`:"";p+=`\\n\u23F1 timeout ${g}`}let c=(u+s+h+p+o).trim(),a=e.state,l;switch(e.state){case"error":l=`{{${c}}}`;break;case"cached":l=`[(${c})]`;break;case"skipped":l=`[${c}]:::skipped`;break;default:l=`[${c}]`}return t.push(`    ${r}${l}:::${a}`),{entryId:r,exitId:r}}function Le(e,n,t){let r=K("parallel"),s=`${r}_fork`,o=`${r}_join`,u=de(e.name??"Parallel"),h=e.mode==="allSettled"?" (allSettled)":"";if(e.children.length===0){let a=r,l=D(`${u}${h}`),g="operations not individually tracked",$=n.showTimings&&e.durationMs!==void 0?` ${N(e.durationMs)}`:"";return t.push(`    ${a}[${l}${$}\\n${g}]:::${e.state}`),{entryId:a,exitId:a}}t.push(`    subgraph ${r}["${u}${h}"]`),t.push("    direction TB"),t.push(`    ${s}{"\u26A1 Fork"}`);let p=[];for(let a of e.children){let l=Z(a,n,t);t.push(`    ${s} --> ${l.entryId}`),p.push(l.exitId)}t.push(`    ${o}{"\u2713 Join"}`);for(let a of p)t.push(`    ${a} --> ${o}`);t.push("    end");let c=e.state;return t.push(`    class ${r} ${c}`),{entryId:s,exitId:o}}function Fe(e,n,t){let r=K("race"),s=`${r}_start`,o=`${r}_end`,u=de(e.name??"Race");if(e.children.length===0){let a=r,l=D(u),g="operations not individually tracked",$=n.showTimings&&e.durationMs!==void 0?` ${N(e.durationMs)}`:"";return t.push(`    ${a}[\u26A1 ${l}${$}\\n${g}]:::${e.state}`),{entryId:a,exitId:a}}t.push(`    subgraph ${r}["\u26A1 ${u}"]`),t.push("    direction TB"),t.push(`    ${s}(("\u{1F3C1} Start"))`);let h=[],p;for(let a of e.children){let l=Z(a,n,t),g=C(a)&&e.winnerId===a.id;t.push(`    ${s} --> ${l.entryId}`),g&&(p=l.exitId),h.push({exitId:l.exitId,isWinner:g})}t.push(`    ${o}(("\u2713 First"))`);for(let{exitId:a,isWinner:l}of h)l&&p?t.push(`    ${a} ==>|\u{1F3C6} Winner| ${o}`):e.winnerId?t.push(`    ${a} -. cancelled .-> ${o}`):t.push(`    ${a} --> ${o}`);t.push("    end");let c=e.state;return t.push(`    class ${r} ${c}`),{entryId:s,exitId:o}}function ze(e,n,t){let r=e.key?`decision_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:K("decision"),s=D(e.condition??"condition"),o=e.decisionValue!==void 0?` = ${D(String(e.decisionValue)).slice(0,30)}`:"",u=`${s}${o}`.trim();t.push(`    ${r}{${u}}`);let h=[],p;for(let c of e.branches){let a=`${r}_${c.label.replace(/[^a-zA-Z0-9]/g,"_")}`,l=D(c.label),g=c.taken?`${l} \u2713`:`${l} skipped`,$=c.taken?":::success":":::skipped";t.push(`    ${a}[${g}]${$}`);let k=c.condition?`|${D(c.condition).replace(/\|/g,"")}|`:"";if(t.push(`    ${r} -->${k} ${a}`),c.children.length>0){let w=a;for(let y of c.children){let x=Z(y,n,t);t.push(`    ${w} --> ${x.entryId}`),w=x.exitId}h.push(w),c.taken&&(p=w)}else h.push(a),c.taken&&(p=a)}return p?{entryId:r,exitId:p}:{entryId:r,exitId:r}}var _={clearToEnd:"\x1B[J",cursorUp:e=>`\x1B[${e}A`,cursorToStart:"\x1B[G",hideCursor:"\x1B[?25l",showCursor:"\x1B[?25h",saveCursor:"\x1B[s",restoreCursor:"\x1B[u"};function le(e={}){let{workflowName:n,detectParallel:t=!0,showTimings:r=!0,showKeys:s=!1,colors:o,stream:u=process.stdout,updateInterval:h=100}=e,p=F({detectParallel:t}),c=W(),a={showTimings:r,showKeys:s,terminalWidth:u.columns??80,colors:{...M,...o}},l=!1,g="",$=0,k=null,w=!1;function y(S){u.writable&&u.write(S)}function x(){if(!l)return;let S=B(),L=c.render(S,a);L!==g&&($>0&&(y(_.cursorUp($)),y(_.cursorToStart),y(_.clearToEnd)),y(L),y(`
-`),g=L,$=L.split(`
-`).length)}function T(){l&&(w=!0,k===null&&(k=setTimeout(()=>{k=null,w&&(w=!1,x())},h)))}function R(S){if(S.type==="scope_start"||S.type==="scope_end"){b(S);return}p.handleEvent(S),l&&(S.type==="workflow_start"||S.type==="workflow_success"||S.type==="workflow_error"?x():T())}function b(S){p.handleScopeEvent(S),l&&T()}function O(S){p.handleDecisionEvent(S),l&&T()}function B(){let S=p.getIR();return n&&!S.root.name&&(S.root.name=n),S}function i(){return c.render(B(),a)}function d(){l||(l=!0,g="",$=0,y(_.hideCursor),x())}function m(){if(!l)return;l=!1,k!==null&&(clearTimeout(k),k=null);let S=B(),L=c.render(S,a);$>0&&(y(_.cursorUp($)),y(_.cursorToStart),y(_.clearToEnd)),y(L),y(`
-`),y(_.showCursor)}function E(){k!==null&&(clearTimeout(k),k=null),w=!1,x()}function I(){p.reset(),g="",$=0}return{handleEvent:R,handleScopeEvent:b,handleDecisionEvent:O,getIR:B,render:i,start:d,stop:m,refresh:E,reset:I}}function Y(e,n={}){let{condition:t,value:r,name:s,workflowId:o=crypto.randomUUID(),emit:u}=n,h=Date.now(),p,c=[];function a(g,$,k){c.push({label:g,condition:k,taken:$}),$&&(p=g),u?.({type:"decision_branch",workflowId:o,decisionId:e,branchLabel:g,condition:k,taken:$,ts:Date.now()})}function l(){let g=Date.now()-h;u?.({type:"decision_end",workflowId:o,decisionId:e,branchTaken:p,ts:Date.now(),durationMs:g})}return u?.({type:"decision_start",workflowId:o,decisionId:e,condition:t,decisionValue:r,name:s,ts:h}),{takeBranch:a,end:l,getBranchTaken:()=>p,getBranches:()=>[...c]}}function ue(e,n,t={}){let r=Y(e,{...t,condition:t.condition??String(n),value:t.value??n});return{...r,condition:n,then:()=>{r.takeBranch("if",!0)},else:()=>{r.takeBranch("else",!0)}}}function pe(e,n,t={}){let r=Y(e,{...t,condition:t.condition??`switch(${String(n)})`,value:n});return{...r,value:n,case:(s,o)=>{r.takeBranch(`case '${s}'`,o,`value === '${s}'`)},default:s=>{r.takeBranch("default",s)}}}function H(e={}){let{workflowName:n,detectParallel:t=!0,showTimings:r=!0,showKeys:s=!1,colors:o}=e,u=F({detectParallel:t}),h=new Set,p=W(),c=j(),a={showTimings:r,showKeys:s,terminalWidth:process.stdout?.columns??80,colors:{...M,...o}};function l(){if(h.size>0){let b=u.getIR();for(let O of h)O(b)}}function g(b){if(b.type==="scope_start"||b.type==="scope_end"){$(b);return}u.handleEvent(b),b.type,l()}function $(b){u.handleScopeEvent(b),l()}function k(b){u.handleDecisionEvent(b),l()}function w(){let b=u.getIR();return n&&!b.root.name&&(b.root.name=n),b}function y(){let b=w();return p.render(b,a)}function x(b){let O=w();switch(b){case"ascii":return p.render(O,a);case"mermaid":return c.render(O,a);case"json":return JSON.stringify(O,null,2);default:throw new Error(`Unknown format: ${b}`)}}function T(){u.reset(),l()}function R(b){return h.add(b),()=>h.delete(b)}return{handleEvent:g,handleScopeEvent:$,handleDecisionEvent:k,getIR:w,render:y,renderAs:x,reset:T,onUpdate:R}}function Pe(e,n={}){let t=H(n);for(let r of e)r.type.startsWith("decision_")?t.handleDecisionEvent(r):t.handleEvent(r);return t.render()}function Ve(e={}){let n=[];return{handleEvent:t=>{n.push(t)},handleDecisionEvent:t=>{n.push(t)},getEvents:()=>[...n],getWorkflowEvents:()=>n.filter(t=>!t.type.startsWith("decision_")),getDecisionEvents:()=>n.filter(t=>t.type.startsWith("decision_")),clear:()=>{n.length=0},visualize:()=>{let t=H(e);for(let r of n)r.type.startsWith("decision_")?t.handleDecisionEvent(r):t.handleEvent(r);return t.render()},visualizeAs:t=>{let r=H(e);for(let s of n)s.type.startsWith("decision_")?r.handleDecisionEvent(s):r.handleEvent(s);return r.renderAs(t)}}}0&&(module.exports={asciiRenderer,createEventCollector,createIRBuilder,createLiveVisualizer,createParallelDetector,createVisualizer,defaultColorScheme,detectParallelGroups,hasChildren,isDecisionNode,isParallelNode,isRaceNode,isSequenceNode,isStepNode,mermaidRenderer,trackDecision,trackIf,trackSwitch,visualizeEvents});
+"use strict";var Je=Object.create;var ae=Object.defineProperty;var Ye=Object.getOwnPropertyDescriptor;var Xe=Object.getOwnPropertyNames;var Ze=Object.getPrototypeOf,Qe=Object.prototype.hasOwnProperty;var et=(e,n)=>{for(var t in n)ae(e,t,{get:n[t],enumerable:!0})},Ie=(e,n,t,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of Xe(n))!Qe.call(e,o)&&o!==t&&ae(e,o,{get:()=>n[o],enumerable:!(a=Ye(n,o))||a.enumerable});return e};var tt=(e,n,t)=>(t=e!=null?Je(Ze(e)):{},Ie(n||!e||!e.__esModule?ae(t,"default",{value:e,enumerable:!0}):t,e)),nt=e=>Ie(ae({},"__esModule",{value:!0}),e);var Ft={};et(Ft,{asciiRenderer:()=>Z,createDevServer:()=>qe,createEventCollector:()=>zt,createIRBuilder:()=>j,createLiveVisualizer:()=>Ue,createParallelDetector:()=>De,createPerformanceAnalyzer:()=>le,createTimeTravelController:()=>he,createVisualizer:()=>ve,defaultColorScheme:()=>U,detectParallelGroups:()=>te,getHeatLevel:()=>de,hasChildren:()=>at,htmlRenderer:()=>Ve,isDecisionNode:()=>X,isParallelNode:()=>K,isRaceNode:()=>Y,isSequenceNode:()=>it,isStepNode:()=>V,mermaidRenderer:()=>ie,renderToHTML:()=>fe,trackDecision:()=>me,trackIf:()=>je,trackSwitch:()=>Ke,visualizeEvents:()=>At});module.exports=nt(Ft);function H(e){if(e<1e3)return`${Math.round(e)}ms`;if(e<6e4)return`${(e/1e3).toFixed(1).replace(/\.0$/,"")}s`;let n=Math.floor(e/6e4),t=Math.round(e%6e4/1e3);return t===0?`${n}m`:`${n}m ${t}s`}function we(){return`node_${Date.now()}_${Math.random().toString(36).slice(2,8)}`}function rt(e){for(let n of e)if((n.type==="parallel"||n.type==="race"||n.type==="sequence")&&!n.id.startsWith("detected_")||"decisionId"in n)return!0;return!1}function te(e,n={}){if(rt(e))return e;let{minOverlapMs:t=0,maxGapMs:a=5}=n,o=[],r=[];for(let u=0;u<e.length;u++){let s=e[u];s.type==="step"&&s.startTs!==void 0?o.push({node:s,startTs:s.startTs,endTs:s.endTs??s.startTs+(s.durationMs??0),originalIndex:u}):r.push({node:s,originalIndex:u})}if(o.length<=1)return e;o.sort((u,s)=>u.startTs-s.startTs);let c=[],p=[o[0]];for(let u=1;u<o.length;u++){let s=o[u],l=Math.min(...p.map(R=>R.startTs)),f=Math.max(...p.map(R=>R.endTs)),h=s.startTs<=l+a,k=s.startTs<f;if(!h&&!k){c.push(p),p=[s];continue}let v=k?Math.min(s.endTs,f)-s.startTs:0;h||v>=t?p.push(s):(c.push(p),p=[s])}c.push(p);let d=[];for(let u of c){let s=Math.min(...u.map(l=>l.originalIndex));if(u.length===1)d.push({node:u[0].node,position:s});else{let l=u.map(v=>v.node),f=Math.min(...u.map(v=>v.startTs)),h=Math.max(...u.map(v=>v.endTs)),k={type:"parallel",id:`detected_parallel_${f}`,name:`${l.length} parallel steps`,state:ot(l),mode:"all",children:l,startTs:f,endTs:h,durationMs:h-f};d.push({node:k,position:s})}}for(let{node:u,originalIndex:s}of r)d.push({node:u,position:s});return d.sort((u,s)=>u.position-s.position),d.map(u=>u.node)}function ot(e){return e.some(r=>r.state==="error")?"error":e.some(r=>r.state==="running")?"running":e.some(r=>r.state==="pending")?"pending":(e.every(r=>r.state==="success"||r.state==="cached"),"success")}function De(e={}){return{detect:n=>te(n,e)}}function j(e={}){let{detectParallel:n=!0,parallelDetection:t,enableSnapshots:a=!1,maxSnapshots:o=1e3}=e,r,c,p="pending",d,u,s=new Map,l=[],f=[],h=[],k=Date.now(),v=k,R={onAfterStep:new Map},T=[],B=0;function O(i){return i.stepId??i.stepKey??i.name??we()}function g(i){if(f.length>0){let m=f[f.length-1];for(let P of m.branches.values())if(P.taken){P.children.push(i),v=Date.now();return}let b=Array.from(m.branches.values())[0];if(b){b.children.push(i),v=Date.now();return}}l.length>0?l[l.length-1].children.push(i):h.push(i),v=Date.now()}function I(i){if(!a)return;let m=M(),b=new Map;for(let[F,J]of s)b.set(F,{id:J.id,name:J.name,key:J.key,startTs:J.startTs,retryCount:J.retryCount,timedOut:J.timedOut,timeoutMs:J.timeoutMs});let P={id:`snapshot_${B}`,eventIndex:B,event:structuredClone(i),ir:structuredClone(m),timestamp:Date.now(),activeSteps:b};T.push(P),T.length>o&&T.shift(),B++}function w(i){switch(i.type){case"workflow_start":r=i.workflowId,c=i.ts,p="running",k=Date.now(),v=k,R.onAfterStep=new Map;break;case"workflow_success":p="success",u=i.durationMs,v=Date.now();break;case"workflow_error":p="error",d=i.error,u=i.durationMs,v=Date.now();break;case"step_start":{let m=O(i);s.set(m,{id:m,name:i.name,key:i.stepKey,startTs:i.ts,retryCount:0,timedOut:!1}),v=Date.now();break}case"step_success":{let m=O(i),b=s.get(m);if(b){let P={type:"step",id:b.id,name:b.name,key:b.key,state:"success",startTs:b.startTs,endTs:i.ts,durationMs:i.durationMs,...b.retryCount>0&&{retryCount:b.retryCount},...b.timedOut&&{timedOut:!0,timeoutMs:b.timeoutMs}};g(P),s.delete(m)}break}case"step_error":{let m=O(i),b=s.get(m);if(b){let P={type:"step",id:b.id,name:b.name,key:b.key,state:"error",startTs:b.startTs,endTs:i.ts,durationMs:i.durationMs,error:i.error,...b.retryCount>0&&{retryCount:b.retryCount},...b.timedOut&&{timedOut:!0,timeoutMs:b.timeoutMs}};g(P),s.delete(m)}break}case"step_aborted":{let m=O(i),b=s.get(m);if(b){let P={type:"step",id:b.id,name:b.name,key:b.key,state:"aborted",startTs:b.startTs,endTs:i.ts,durationMs:i.durationMs,...b.retryCount>0&&{retryCount:b.retryCount},...b.timedOut&&{timedOut:!0,timeoutMs:b.timeoutMs}};g(P),s.delete(m)}break}case"step_cache_hit":{let b={type:"step",id:O(i),name:i.name,key:i.stepKey,state:"cached",startTs:i.ts,endTs:i.ts,durationMs:0};g(b);break}case"step_cache_miss":break;case"step_complete":break;case"step_timeout":{let m=O(i),b=s.get(m);b&&(b.timedOut=!0,b.timeoutMs=i.timeoutMs),v=Date.now();break}case"step_retry":{let m=O(i),b=s.get(m);b&&(b.retryCount=(i.attempt??1)-1),v=Date.now();break}case"step_retries_exhausted":v=Date.now();break;case"step_skipped":{let b={type:"step",id:O(i),name:i.name,key:i.stepKey,state:"skipped",startTs:i.ts,endTs:i.ts,durationMs:0};g(b);break}case"hook_should_run":{let m={type:"shouldRun",state:"success",ts:i.ts,durationMs:i.durationMs,context:{result:i.result,skipped:i.skipped}};R.shouldRun=m,v=Date.now();break}case"hook_should_run_error":{let m={type:"shouldRun",state:"error",ts:i.ts,durationMs:i.durationMs,error:i.error};R.shouldRun=m,v=Date.now();break}case"hook_before_start":{let m={type:"onBeforeStart",state:"success",ts:i.ts,durationMs:i.durationMs,context:{result:i.result,skipped:i.skipped}};R.onBeforeStart=m,v=Date.now();break}case"hook_before_start_error":{let m={type:"onBeforeStart",state:"error",ts:i.ts,durationMs:i.durationMs,error:i.error};R.onBeforeStart=m,v=Date.now();break}case"hook_after_step":{let m={type:"onAfterStep",state:"success",ts:i.ts,durationMs:i.durationMs,context:{stepKey:i.stepKey}};R.onAfterStep.set(i.stepKey,m),v=Date.now();break}case"hook_after_step_error":{let m={type:"onAfterStep",state:"error",ts:i.ts,durationMs:i.durationMs,error:i.error,context:{stepKey:i.stepKey}};R.onAfterStep.set(i.stepKey,m),v=Date.now();break}}I(i)}function $(i){if(i.type==="scope_start")l.push({id:i.scopeId,name:i.name,type:i.scopeType,startTs:i.ts,children:[]}),v=Date.now();else if(i.type==="scope_end"){let m=l.pop();if(m){let b=m.type==="race"?{type:"race",id:m.id,name:m.name,state:C(m.children),startTs:m.startTs,endTs:i.ts,durationMs:i.durationMs,children:m.children,winnerId:i.winnerId}:{type:"parallel",id:m.id,name:m.name,state:C(m.children),startTs:m.startTs,endTs:i.ts,durationMs:i.durationMs,children:m.children,mode:m.type==="allSettled"?"allSettled":"all"};g(b)}}}function W(i){if(i.type==="decision_start")f.push({id:i.decisionId,name:i.name,condition:i.condition,decisionValue:i.decisionValue,startTs:i.ts,branches:new Map}),v=Date.now();else if(i.type==="decision_branch"){let m=f[f.length-1];if(m&&m.id===i.decisionId){let b=i.branchLabel,P=m.branches.get(b);P?P.taken=i.taken:m.branches.set(b,{label:i.branchLabel,condition:i.condition,taken:i.taken,children:[]}),v=Date.now()}}else if(i.type==="decision_end"){let m=f.pop();if(m&&m.id===i.decisionId){let b=Array.from(m.branches.values()),P={type:"decision",id:m.id,name:m.name,state:C(b.flatMap(F=>F.taken?F.children:[])),startTs:m.startTs,endTs:i.ts,durationMs:i.durationMs,condition:m.condition,decisionValue:m.decisionValue,branchTaken:i.branchTaken??m.branchTaken,branches:b};g(P)}}}function C(i){return i.length===0?"success":i.some(F=>F.state==="error")?"error":i.every(F=>F.state==="success"||F.state==="cached")?"success":i.some(F=>F.state==="running")?"running":"pending"}function D(){let i=[...h];for(let[,m]of s)i.push({type:"step",id:m.id,name:m.name,key:m.key,state:"running",startTs:m.startTs,...m.retryCount>0&&{retryCount:m.retryCount},...m.timedOut&&{timedOut:!0,timeoutMs:m.timeoutMs}});return i}function M(){let i=D();n&&(i=te(i,t));let m={type:"workflow",id:r??we(),workflowId:r??"unknown",state:p,startTs:c,durationMs:u,children:i,error:d},b=R.shouldRun!==void 0||R.onBeforeStart!==void 0||R.onAfterStep.size>0;return{root:m,metadata:{createdAt:k,lastUpdatedAt:v},...b&&{hooks:R}}}function N(){r=void 0,c=void 0,p="pending",d=void 0,u=void 0,s.clear(),l.length=0,f.length=0,h=[],k=Date.now(),v=k,R={onAfterStep:new Map},T.length=0,B=0}function S(){return[...T]}function x(i){return T[i]}function E(i){return T[i]?.ir}function L(){T.length=0,B=0}return{handleEvent:w,handleScopeEvent:$,handleDecisionEvent:W,getIR:M,reset:N,getSnapshots:S,getSnapshotAt:x,getIRAt:E,clearSnapshots:L,get hasActiveSteps(){return s.size>0},get state(){return p},get snapshotCount(){return T.length},get snapshotsEnabled(){return a}}}function V(e){return e.type==="step"}function it(e){return e.type==="sequence"}function K(e){return e.type==="parallel"}function Y(e){return e.type==="race"}function X(e){return e.type==="decision"}function at(e){return"children"in e||e.type==="decision"&&"branches"in e}var be="\x1B[0m",st="\x1B[1m",Ne="\x1B[2m",ct="\x1B[31m",dt="\x1B[32m",lt="\x1B[33m",ut="\x1B[34m",Te="\x1B[90m",pt="\x1B[37m";function G(e,n){return n?`${n}${e}${be}`:e}function ne(e){return`${st}${e}${be}`}function _(e){return`${Ne}${e}${be}`}var U={pending:pt,running:lt,success:dt,error:ct,aborted:Te,cached:ut,skipped:Ne+Te};function ft(e){switch(e){case"pending":return"\u25CB";case"running":return"\u27F3";case"success":return"\u2713";case"error":return"\u2717";case"aborted":return"\u2298";case"cached":return"\u21BA";case"skipped":return"\u2298"}}function re(e,n){let t=ft(e);return G(t,n[e])}function ye(e,n,t){return G(e,t[n])}function Me(e){return e.replace(/\x1b\[[0-9;]*m/g,"")}var y={topLeft:"\u250C",topRight:"\u2510",bottomLeft:"\u2514",bottomRight:"\u2518",horizontal:"\u2500",vertical:"\u2502",teeRight:"\u251C",teeLeft:"\u2524",teeDown:"\u252C",teeUp:"\u2534",cross:"\u253C"},Q={cold:"\x1B[34m",cool:"\x1B[36m",neutral:"",warm:"\x1B[33m",hot:"\x1B[31m",critical:"\x1B[41m"},mt="\x1B[0m";function ht(e){return e<.2?Q.cold:e<.4?Q.cool:e<.6?Q.neutral:e<.8?Q.warm:e<.95?Q.hot:Q.critical}function _e(e,n){let t=ht(n);return t?`${t}${e}${mt}`:e}var Ce="\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";function gt(e,n=10){if(e.length===0)return"";let t=e.slice(-n),a=Math.min(...t),r=Math.max(...t)-a||1;return t.map(c=>{let p=(c-a)/r,d=Math.floor(p*(Ce.length-1));return Ce[d]}).join("")}function ke(e,n){let t=Me(e).length,a=Math.max(0,n-t);return e+" ".repeat(a)}function vt(e,n){if(!n)return y.horizontal.repeat(e);let t=` ${n} `,a=e-t.length;if(a<4)return y.horizontal.repeat(e);let o=2,r=a-o;return y.horizontal.repeat(o)+t+y.horizontal.repeat(r)}function Oe(e,n,t){let a=e.state==="success"?G("\u2699",t.success):G("\u26A0",t.error),o=e.durationMs!==void 0?_(` [${H(e.durationMs)}]`):"",r="";e.type==="shouldRun"&&e.context?.skipped?r=_(" \u2192 workflow skipped"):e.type==="shouldRun"&&e.context?.result===!0?r=_(" \u2192 proceed"):e.type==="onBeforeStart"&&e.context?.skipped?r=_(" \u2192 workflow skipped"):e.type==="onAfterStep"&&e.context?.stepKey&&(r=_(` (${e.context.stepKey})`));let c=e.state==="error"&&e.error?_(` error: ${String(e.error)}`):"";return`${a} ${_(n)}${r}${o}${c}`}function wt(e,n){let t=[];return e.shouldRun&&t.push(Oe(e.shouldRun,"shouldRun",n)),e.onBeforeStart&&t.push(Oe(e.onBeforeStart,"onBeforeStart",n)),t.length>0&&t.push(_("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")),t}function Z(){return{name:"ascii",supportsLive:!0,render(e,n){let t={...U,...n.colors},a=n.terminalWidth??60,o=a-4,r=[],c=e.root.name??"workflow",p=ne(c);if(r.push(`${y.topLeft}${vt(a-2,p)}${y.topRight}`),r.push(`${y.vertical}${" ".repeat(a-2)}${y.vertical}`),e.hooks){let u=wt(e.hooks,t);for(let s of u)r.push(`${y.vertical}  ${ke(s,o)}${y.vertical}`)}let d=se(e.root.children,n,t,0,e.hooks);for(let u of d)r.push(`${y.vertical}  ${ke(u,o)}${y.vertical}`);if(r.push(`${y.vertical}${" ".repeat(a-2)}${y.vertical}`),e.root.durationMs!==void 0&&n.showTimings){let u=e.root.state==="success"?"Completed":"Failed",l=`${ye(u,e.root.state,t)} in ${H(e.root.durationMs)}`;r.push(`${y.vertical}  ${ke(l,o)}${y.vertical}`),r.push(`${y.vertical}${" ".repeat(a-2)}${y.vertical}`)}return r.push(`${y.bottomLeft}${y.horizontal.repeat(a-2)}${y.bottomRight}`),r.join(`
+`)}}}function se(e,n,t,a,o){let r=[];for(let c of e)V(c)?r.push(Se(c,n,t,o)):K(c)?r.push(...bt(c,n,t,a,o)):Y(c)?r.push(...yt(c,n,t,a,o)):X(c)&&r.push(...kt(c,n,t,a,o));return r}function Se(e,n,t,a){let o=re(e.state,t),r=e.name??e.key??"step",c=n,p=e.name??e.id,d=c.showHeatmap&&c.heatmapData?c.heatmapData.heat.get(e.id)??c.heatmapData.heat.get(p):void 0,u;d!==void 0?u=_e(r,d):u=ye(r,e.state,t);let s=`${o} ${u}`;if(n.showKeys&&e.key&&(s+=_(` [key: ${e.key}]`)),e.input!==void 0){let l=typeof e.input=="string"?e.input:JSON.stringify(e.input).slice(0,30);s+=_(` [in: ${l}${l.length>=30?"...":""}]`)}if(e.output!==void 0&&e.state==="success"){let l=typeof e.output=="string"?e.output:JSON.stringify(e.output).slice(0,30);s+=_(` [out: ${l}${l.length>=30?"...":""}]`)}if(n.showTimings&&e.durationMs!==void 0){let l=H(e.durationMs),f=d!==void 0?_e(`[${l}]`,d):_(`[${l}]`);s+=` ${f}`}if(c.showSparklines&&c.timingHistory){let l=c.timingHistory.get(p);l&&l.length>1&&(s+=` ${_(gt(l))}`)}if(e.retryCount!==void 0&&e.retryCount>0&&(s+=_(` [${e.retryCount} ${e.retryCount===1?"retry":"retries"}]`)),e.timedOut){let l=e.timeoutMs!==void 0?` ${e.timeoutMs}ms`:"";s+=_(` [timeout${l}]`)}if(a&&e.key&&a.onAfterStep.has(e.key)){let l=a.onAfterStep.get(e.key),f=l.state==="success"?G("\u2699",t.success):G("\u26A0",t.error),h=l.durationMs!==void 0?_(` ${H(l.durationMs)}`):"";s+=` ${f}${h}`}return s}function bt(e,n,t,a,o){let r=[],c="  ".repeat(a),p=re(e.state,t),d=e.name??"parallel",u=e.mode==="allSettled"?" (allSettled)":"";if(r.push(`${c}${y.teeRight}${y.teeDown}${y.horizontal} ${p} ${ne(d)}${u}`),e.children.length===0)r.push(`${c}${y.vertical} ${_("(operations not individually tracked)")}`),r.push(`${c}${y.vertical} ${_("(wrap each operation with step() to see individual steps)")}`);else for(let s=0;s<e.children.length;s++){let l=e.children[s],h=s===e.children.length-1?`${c}${y.vertical} ${y.bottomLeft}`:`${c}${y.vertical} ${y.teeRight}`;if(V(l))r.push(`${h} ${Se(l,n,t,o)}`);else{let k=se([l],n,t,a+1,o);for(let v of k)r.push(`${c}${y.vertical}   ${v}`)}}return n.showTimings&&e.durationMs!==void 0&&r.push(`${c}${y.bottomLeft}${y.horizontal}${y.horizontal} ${_(`[${H(e.durationMs)}]`)}`),r}function yt(e,n,t,a,o){let r=[],c="  ".repeat(a),p=re(e.state,t),d=e.name??"race";if(r.push(`${c}${y.teeRight}\u26A1 ${p} ${ne(d)}`),e.children.length===0)r.push(`${c}${y.vertical} ${_("(operations not individually tracked)")}`),r.push(`${c}${y.vertical} ${_("(wrap each operation with step() to see individual steps)")}`);else for(let u=0;u<e.children.length;u++){let s=e.children[u],f=u===e.children.length-1?`${c}${y.vertical} ${y.bottomLeft}`:`${c}${y.vertical} ${y.teeRight}`,k=e.winnerId&&s.id===e.winnerId?_(" (winner)"):"";if(V(s))r.push(`${f} ${Se(s,n,t,o)}${k}`);else{let v=se([s],n,t,a+1,o);for(let R of v)r.push(`${c}${y.vertical}   ${R}`)}}return n.showTimings&&e.durationMs!==void 0&&r.push(`${c}${y.bottomLeft}${y.horizontal}${y.horizontal} ${_(`[${H(e.durationMs)}]`)}`),r}function kt(e,n,t,a,o){let r=[],c="  ".repeat(a),p=re(e.state,t),d=e.name??"decision",u=e.condition?_(` (${e.condition})`):"",s=e.decisionValue!==void 0?_(` = ${String(e.decisionValue)}`):"",l=e.branchTaken!==void 0?_(` \u2192 ${String(e.branchTaken)}`):"";r.push(`${c}${y.teeRight}${y.teeDown}${y.horizontal} ${p} ${ne(d)}${u}${s}${l}`);for(let f=0;f<e.branches.length;f++){let h=e.branches[f],v=f===e.branches.length-1?`${c}${y.vertical} ${y.bottomLeft}`:`${c}${y.vertical} ${y.teeRight}`,R=h.taken?"\u2713":"\u2298",T=h.taken?t.success:t.skipped,B=G(`${R} ${h.label}`,T),O=h.condition?_(` (${h.condition})`):"";if(r.push(`${v} ${B}${O}`),h.children.length>0){let g=se(h.children,n,t,a+1,o);for(let I of g)r.push(`${c}${y.vertical}   ${I}`)}else h.taken||r.push(`${c}${y.vertical}   ${_("(skipped)")}`)}return n.showTimings&&e.durationMs!==void 0&&r.push(`${c}${y.bottomLeft}${y.horizontal}${y.horizontal} ${_(`[${H(e.durationMs)}]`)}`),r}function xe(e){let n=[];for(let t of e)if(n.push(t),"children"in t&&Array.isArray(t.children)&&n.push(...xe(t.children)),"branches"in t)for(let a of t.branches)n.push(...xe(a.children));return n}function ce(e,n){if(e.length===0)return 0;let t=Math.floor(e.length*n);return e[Math.min(t,e.length-1)]}function de(e){return e<.2?"cold":e<.4?"cool":e<.6?"neutral":e<.8?"warm":e<.95?"hot":"critical"}function le(){let e=new Map,n=new Map,t=new Map,a=new Map,o=[];function r(g){return g.name??g.stepKey??g.stepId??"unknown"}function c(g){let I=new Map;for(let w of g)switch(w.type){case"step_start":{let $=r(w);I.set($,{retried:!1,timedOut:!1});break}case"step_retry":{let $=r(w),W=I.get($);W&&(W.retried=!0);break}case"step_timeout":{let $=r(w),W=I.get($);W&&(W.timedOut=!0);let C=a.get($)??{timedOut:0,total:0};C.timedOut++,C.total++,a.set($,C);break}case"step_success":{let $=r(w),W=I.get($),C=e.get($)??[];C.push(w.durationMs),e.set($,C);let D=n.get($)??{retried:0,total:0};D.total++,W?.retried&&D.retried++,n.set($,D);let M=t.get($)??{errors:0,total:0};M.total++,t.set($,M),I.delete($);break}case"step_error":{let $=r(w),W=I.get($),C=e.get($)??[];C.push(w.durationMs),e.set($,C);let D=n.get($)??{retried:0,total:0};D.total++,W?.retried&&D.retried++,n.set($,D);let M=t.get($)??{errors:0,total:0};M.total++,M.errors++,t.set($,M),I.delete($);break}}}function p(g){c(g.events)}function d(g){o.push(g)}function u(g){o.length>0&&(c(o),o=[])}function s(g){let I=e.get(g);if(!I||I.length===0)return;let w=[...I].sort((S,x)=>S-x),W=w.reduce((S,x)=>S+x,0)/w.length,C=w.reduce((S,x)=>S+(x-W)**2,0)/w.length,D=n.get(g)??{retried:0,total:1},M=t.get(g)??{errors:0,total:1},N=a.get(g)??{timedOut:0,total:1};return{nodeId:g,avgDurationMs:W,minDurationMs:w[0],maxDurationMs:w[w.length-1],stdDevMs:Math.sqrt(C),samples:w.length,retryRate:D.total>0?D.retried/D.total:0,timeoutRate:N.total>0?N.timedOut/N.total:0,errorRate:M.total>0?M.errors/M.total:0,percentiles:{p50:ce(w,.5),p90:ce(w,.9),p95:ce(w,.95),p99:ce(w,.99)}}}function l(g){return s(g)}function f(g,I="duration"){let w=new Map,$=xe(g.root.children),W=[];for(let x of $){let E=x.name??x.id,L=s(E);if(L){let i;switch(I){case"duration":i=L.avgDurationMs;break;case"retryRate":i=L.retryRate;break;case"errorRate":i=L.errorRate;break}W.push({id:x.id,value:i})}}if(W.length===0)return{heat:w,metric:I,stats:{min:0,max:0,mean:0,threshold:0}};let C=W.map(x=>x.value),D=Math.min(...C),M=Math.max(...C),N=C.reduce((x,E)=>x+E,0)/C.length,S=M-D||1;for(let{id:x,value:E}of W)w.set(x,(E-D)/S);return{heat:w,metric:I,stats:{min:D,max:M,mean:N,threshold:N+(M-N)*.5}}}function h(){let g=new Map;for(let I of e.keys()){let w=s(I);w&&g.set(I,w)}return g}function k(g=10){return[...h().values()].sort((w,$)=>$.avgDurationMs-w.avgDurationMs).slice(0,g)}function v(g=10){return[...h().values()].filter(w=>w.errorRate>0).sort((w,$)=>$.errorRate-w.errorRate).slice(0,g)}function R(g=10){return[...h().values()].filter(w=>w.retryRate>0).sort((w,$)=>$.retryRate-w.retryRate).slice(0,g)}function T(){return JSON.stringify({timingData:Object.fromEntries(e),retryData:Object.fromEntries(n),errorData:Object.fromEntries(t),timeoutData:Object.fromEntries(a)})}function B(g){let I=JSON.parse(g);e.clear(),n.clear(),t.clear(),a.clear();for(let[w,$]of Object.entries(I.timingData??{}))e.set(w,$);for(let[w,$]of Object.entries(I.retryData??{}))n.set(w,$);for(let[w,$]of Object.entries(I.errorData??{}))t.set(w,$);for(let[w,$]of Object.entries(I.timeoutData??{}))a.set(w,$)}function O(){e.clear(),n.clear(),t.clear(),a.clear(),o=[]}return{addRun:p,addEvent:d,finalizeRun:u,getNodePerformance:l,getHeatmap:f,getSlowestNodes:k,getErrorProneNodes:v,getRetryProneNodes:R,getAllPerformance:h,exportData:T,importData:B,clear:O}}function St(){return["    classDef pending fill:#f3f4f6,stroke:#9ca3af,stroke-width:2px,color:#374151","    classDef running fill:#fef3c7,stroke:#f59e0b,stroke-width:3px,color:#92400e","    classDef success fill:#d1fae5,stroke:#10b981,stroke-width:3px,color:#065f46","    classDef error fill:#fee2e2,stroke:#ef4444,stroke-width:3px,color:#991b1b","    classDef aborted fill:#f3f4f6,stroke:#6b7280,stroke-width:2px,color:#4b5563,stroke-dasharray: 5 5","    classDef cached fill:#dbeafe,stroke:#3b82f6,stroke-width:3px,color:#1e40af","    classDef skipped fill:#f9fafb,stroke:#d1d5db,stroke-width:2px,color:#6b7280,stroke-dasharray: 5 5"]}function xt(){return["    classDef heat_cold fill:#dbeafe,stroke:#3b82f6,stroke-width:2px,color:#1e40af","    classDef heat_cool fill:#ccfbf1,stroke:#14b8a6,stroke-width:2px,color:#0f766e","    classDef heat_neutral fill:#f3f4f6,stroke:#6b7280,stroke-width:2px,color:#374151","    classDef heat_warm fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#92400e","    classDef heat_hot fill:#fed7aa,stroke:#f97316,stroke-width:3px,color:#c2410c","    classDef heat_critical fill:#fecaca,stroke:#ef4444,stroke-width:3px,color:#b91c1c"]}function $t(e){return`heat_${e}`}function Rt(){return["    classDef hook_success fill:#e0f2fe,stroke:#0284c7,stroke-width:2px,color:#0c4a6e","    classDef hook_error fill:#fef2f2,stroke:#dc2626,stroke-width:2px,color:#7f1d1d"]}function Et(e,n,t){let a;if(e.shouldRun){let o="hook_shouldRun",r=e.shouldRun.state==="success"?"hook_success":"hook_error",c=e.shouldRun.state==="success"?"\u2699":"\u26A0",p=t.showTimings&&e.shouldRun.durationMs!==void 0?` ${H(e.shouldRun.durationMs)}`:"",d=e.shouldRun.context?.skipped?"\\nskipped workflow":e.shouldRun.context?.result===!0?"\\nproceed":"";n.push(`    ${o}[["${c} shouldRun${d}${p}"]]:::${r}`),a=o}if(e.onBeforeStart){let o="hook_beforeStart",r=e.onBeforeStart.state==="success"?"hook_success":"hook_error",c=e.onBeforeStart.state==="success"?"\u2699":"\u26A0",p=t.showTimings&&e.onBeforeStart.durationMs!==void 0?` ${H(e.onBeforeStart.durationMs)}`:"",d=e.onBeforeStart.context?.skipped?"\\nskipped workflow":"";n.push(`    ${o}[["${c} onBeforeStart${d}${p}"]]:::${r}`),a&&n.push(`    ${a} --> ${o}`),a=o}return{lastHookId:a}}var We=0;function oe(e="node"){return`${e}_${++We}`}function It(){We=0}function z(e){return e.replace(/[{}[\]()]/g,"").replace(/[<>]/g,"").replace(/"/g,"'").trim()}function Le(e){return z(e).replace(/[[\]]/g,"")}function ie(){return{name:"mermaid",supportsLive:!1,render(e,n){It();let t=[],a=n;t.push("flowchart TD");let o;e.hooks&&(o=Et(e.hooks,t,n).lastHookId);let r="start";t.push(`    ${r}(("\u25B6 Start"))`),o&&t.push(`    ${o} --> ${r}`);let c=r;for(let p of e.root.children){let d=ue(p,n,t,a,e.hooks);t.push(`    ${c} --> ${d.entryId}`),c=d.exitId}if(e.root.state==="success"||e.root.state==="error"){let p="finish",d=e.root.state==="success"?"\u2713":"\u2717",u=e.root.state==="success"?"Done":"Failed",s=`(("${d} ${u}"))`,l=e.root.state==="success"?":::success":":::error";t.push(`    ${p}${s}${l}`),t.push(`    ${c} --> ${p}`)}return t.push(""),t.push(...St()),a.showHeatmap&&t.push(...xt()),e.hooks&&t.push(...Rt()),t.join(`
+`)}}}function ue(e,n,t,a,o){if(V(e))return Dt(e,n,t,a,o);if(K(e))return Tt(e,n,t,a,o);if(Y(e))return Nt(e,n,t,a,o);if(X(e))return Mt(e,n,t,a,o);let r=oe("unknown");return t.push(`    ${r}[Unknown Node]`),{entryId:r,exitId:r}}function Dt(e,n,t,a,o){let r=e.key?`step_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:oe("step"),c=z(e.name??e.key??"Step"),p=n.showTimings&&e.durationMs!==void 0?` ${H(e.durationMs)}`:"",d="";switch(e.state){case"success":d="\u2713 ";break;case"error":d="\u2717 ";break;case"cached":d="\u{1F4BE} ";break;case"running":d="\u23F3 ";break;case"skipped":d="\u2298 ";break}let u="";if(e.input!==void 0){let T=typeof e.input=="string"?z(e.input):z(JSON.stringify(e.input).slice(0,20));u+=`\\nin: ${T}`}if(e.output!==void 0&&e.state==="success"){let T=typeof e.output=="string"?z(e.output):z(JSON.stringify(e.output).slice(0,20));u+=`\\nout: ${T}`}let s="";if(e.retryCount!==void 0&&e.retryCount>0&&(s+=`\\n\u21BB ${e.retryCount} retr${e.retryCount===1?"y":"ies"}`),e.timedOut){let T=e.timeoutMs!==void 0?`${e.timeoutMs}ms`:"";s+=`\\n\u23F1 timeout ${T}`}let l="";if(o&&e.key&&o.onAfterStep.has(e.key)){let T=o.onAfterStep.get(e.key),B=T.state==="success"?"\u2699":"\u26A0",O=n.showTimings&&T.durationMs!==void 0?` ${H(T.durationMs)}`:"";l=`\\n${B} hook${O}`}let f=(d+c+u+s+l+p).trim(),h,k=e.name??e.id,v=a?.showHeatmap&&a.heatmapData?a.heatmapData.heat.get(e.id)??a.heatmapData.heat.get(k):void 0;if(v!==void 0){let T=de(v);h=$t(T)}else h=e.state;let R;switch(e.state){case"error":R=`{{${f}}}`;break;case"cached":R=`[(${f})]`;break;case"skipped":R=`[${f}]:::skipped`;break;default:R=`[${f}]`}return t.push(`    ${r}${R}:::${h}`),{entryId:r,exitId:r}}function Tt(e,n,t,a,o){let r=oe("parallel"),c=`${r}_fork`,p=`${r}_join`,d=Le(e.name??"Parallel"),u=e.mode==="allSettled"?" (allSettled)":"";if(e.children.length===0){let f=r,h=z(`${d}${u}`),k="operations not individually tracked",v=n.showTimings&&e.durationMs!==void 0?` ${H(e.durationMs)}`:"";return t.push(`    ${f}[${h}${v}\\n${k}]:::${e.state}`),{entryId:f,exitId:f}}t.push(`    subgraph ${r}["${d}${u}"]`),t.push("    direction TB"),t.push(`    ${c}{"\u26A1 Fork"}`);let s=[];for(let f of e.children){let h=ue(f,n,t,a,o);t.push(`    ${c} --> ${h.entryId}`),s.push(h.exitId)}t.push(`    ${p}{"\u2713 Join"}`);for(let f of s)t.push(`    ${f} --> ${p}`);t.push("    end");let l=e.state;return t.push(`    class ${r} ${l}`),{entryId:c,exitId:p}}function Nt(e,n,t,a,o){let r=oe("race"),c=`${r}_start`,p=`${r}_end`,d=Le(e.name??"Race");if(e.children.length===0){let f=r,h=z(d),k="operations not individually tracked",v=n.showTimings&&e.durationMs!==void 0?` ${H(e.durationMs)}`:"";return t.push(`    ${f}[\u26A1 ${h}${v}\\n${k}]:::${e.state}`),{entryId:f,exitId:f}}t.push(`    subgraph ${r}["\u26A1 ${d}"]`),t.push("    direction TB"),t.push(`    ${c}(("\u{1F3C1} Start"))`);let u=[],s;for(let f of e.children){let h=ue(f,n,t,a,o),k=V(f)&&e.winnerId===f.id;t.push(`    ${c} --> ${h.entryId}`),k&&(s=h.exitId),u.push({exitId:h.exitId,isWinner:k})}t.push(`    ${p}(("\u2713 First"))`);for(let{exitId:f,isWinner:h}of u)h&&s?t.push(`    ${f} ==>|\u{1F3C6} Winner| ${p}`):e.winnerId?t.push(`    ${f} -. cancelled .-> ${p}`):t.push(`    ${f} --> ${p}`);t.push("    end");let l=e.state;return t.push(`    class ${r} ${l}`),{entryId:c,exitId:p}}function Mt(e,n,t,a,o){let r=e.key?`decision_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:oe("decision"),c=z(e.condition??"condition"),p=e.decisionValue!==void 0?` = ${z(String(e.decisionValue)).slice(0,30)}`:"",d=`${c}${p}`.trim();t.push(`    ${r}{${d}}`);let u=[],s;for(let l of e.branches){let f=`${r}_${l.label.replace(/[^a-zA-Z0-9]/g,"_")}`,h=z(l.label),k=l.taken?`${h} \u2713`:`${h} skipped`,v=l.taken?":::success":":::skipped";t.push(`    ${f}[${k}]${v}`);let R=l.condition?`|${z(l.condition).replace(/\|/g,"")}|`:"";if(t.push(`    ${r} -->${R} ${f}`),l.children.length>0){let T=f;for(let B of l.children){let O=ue(B,n,t,a,o);t.push(`    ${T} --> ${O.entryId}`),T=O.exitId}u.push(T),l.taken&&(s=T)}else u.push(f),l.taken&&(s=f)}return s?{entryId:r,exitId:s}:{entryId:r,exitId:r}}function Be(e){let n={bg:"#ffffff",bgSecondary:"#f8f9fa",text:"#212529",textMuted:"#6c757d",border:"#dee2e6",primary:"#0d6efd",success:"#198754",error:"#dc3545",warning:"#ffc107",info:"#0dcaf0",muted:"#6c757d",nodePending:"#e9ecef",nodeRunning:"#fff3cd",nodeSuccess:"#d1e7dd",nodeError:"#f8d7da",nodeAborted:"#e9ecef",nodeCached:"#cfe2ff",nodeSkipped:"#f8f9fa",heatCold:"#0d6efd",heatCool:"#0dcaf0",heatNeutral:"#6c757d",heatWarm:"#ffc107",heatHot:"#fd7e14",heatCritical:"#dc3545"},t={bg:"#212529",bgSecondary:"#343a40",text:"#f8f9fa",textMuted:"#adb5bd",border:"#495057",primary:"#0d6efd",success:"#198754",error:"#dc3545",warning:"#ffc107",info:"#0dcaf0",muted:"#6c757d",nodePending:"#495057",nodeRunning:"#664d03",nodeSuccess:"#0f5132",nodeError:"#842029",nodeAborted:"#495057",nodeCached:"#084298",nodeSkipped:"#343a40",heatCold:"#0d6efd",heatCool:"#0dcaf0",heatNeutral:"#6c757d",heatWarm:"#ffc107",heatHot:"#fd7e14",heatCritical:"#dc3545"},a=r=>`
+    --bg: ${r.bg};
+    --bg-secondary: ${r.bgSecondary};
+    --text: ${r.text};
+    --text-muted: ${r.textMuted};
+    --border: ${r.border};
+    --primary: ${r.primary};
+    --success: ${r.success};
+    --error: ${r.error};
+    --warning: ${r.warning};
+    --info: ${r.info};
+    --muted: ${r.muted};
+    --node-pending: ${r.nodePending};
+    --node-running: ${r.nodeRunning};
+    --node-success: ${r.nodeSuccess};
+    --node-error: ${r.nodeError};
+    --node-aborted: ${r.nodeAborted};
+    --node-cached: ${r.nodeCached};
+    --node-skipped: ${r.nodeSkipped};
+    --heat-cold: ${r.heatCold};
+    --heat-cool: ${r.heatCool};
+    --heat-neutral: ${r.heatNeutral};
+    --heat-warm: ${r.heatWarm};
+    --heat-hot: ${r.heatHot};
+    --heat-critical: ${r.heatCritical};
+  `,o;return e==="auto"?o=`
+      :root {
+        ${a(n)}
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          ${a(t)}
+        }
+      }
+    `:e==="dark"?o=`
+      :root {
+        ${a(t)}
+      }
+    `:o=`
+      :root {
+        ${a(n)}
+      }
+    `,`
+${o}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  background-color: var(--bg);
+  color: var(--text);
+  line-height: 1.5;
+}
+
+.workflow-visualizer {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+}
+
+/* Header */
+.wv-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 20px;
+  background-color: var(--bg-secondary);
+  border-bottom: 1px solid var(--border);
+}
+
+.wv-header h1 {
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
+.wv-controls {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.wv-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 6px 12px;
+  font-size: 0.875rem;
+  font-weight: 500;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background-color: var(--bg);
+  color: var(--text);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.wv-btn:hover {
+  background-color: var(--bg-secondary);
+}
+
+.wv-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.wv-btn--primary {
+  background-color: var(--primary);
+  border-color: var(--primary);
+  color: white;
+}
+
+.wv-btn--primary:hover {
+  opacity: 0.9;
+}
+
+.wv-btn--icon {
+  padding: 6px;
+  min-width: 32px;
+}
+
+/* Main content area */
+.wv-main {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+
+/* Diagram container */
+.wv-diagram {
+  flex: 1;
+  position: relative;
+  overflow: hidden;
+  background-color: var(--bg);
+  background-image:
+    radial-gradient(circle, var(--border) 1px, transparent 1px);
+  background-size: 20px 20px;
+}
+
+.wv-diagram svg {
+  width: 100%;
+  height: 100%;
+}
+
+/* SVG Node styles */
+.wv-node {
+  cursor: pointer;
+  transition: transform 0.15s ease;
+}
+
+.wv-node:hover {
+  transform: scale(1.02);
+}
+
+.wv-node rect,
+.wv-node circle {
+  stroke: var(--border);
+  stroke-width: 2;
+  transition: all 0.2s ease;
+}
+
+.wv-node--pending rect { fill: var(--node-pending); }
+.wv-node--running rect { fill: var(--node-running); stroke: var(--warning); }
+.wv-node--success rect { fill: var(--node-success); stroke: var(--success); }
+.wv-node--error rect { fill: var(--node-error); stroke: var(--error); }
+.wv-node--aborted rect { fill: var(--node-aborted); }
+.wv-node--cached rect { fill: var(--node-cached); stroke: var(--info); }
+.wv-node--skipped rect { fill: var(--node-skipped); opacity: 0.6; }
+
+.wv-node--selected rect {
+  stroke: var(--primary);
+  stroke-width: 3;
+}
+
+.wv-node text {
+  fill: var(--text);
+  font-size: 12px;
+  font-weight: 500;
+  dominant-baseline: middle;
+  text-anchor: middle;
+}
+
+.wv-node .wv-node-timing {
+  fill: var(--text-muted);
+  font-size: 10px;
+}
+
+/* Edge styles */
+.wv-edge {
+  fill: none;
+  stroke: var(--border);
+  stroke-width: 2;
+}
+
+.wv-edge--active {
+  stroke: var(--success);
+  stroke-width: 2.5;
+}
+
+.wv-edge-arrow {
+  fill: var(--border);
+}
+
+/* Parallel/Race container */
+.wv-container {
+  fill: transparent;
+  stroke: var(--border);
+  stroke-dasharray: 5 3;
+}
+
+.wv-container--parallel { stroke: var(--info); }
+.wv-container--race { stroke: var(--warning); }
+
+.wv-container-label {
+  fill: var(--text-muted);
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+/* Heatmap overlay */
+.wv-node--heat-cold rect { fill: var(--heat-cold) !important; opacity: 0.7; }
+.wv-node--heat-cool rect { fill: var(--heat-cool) !important; opacity: 0.7; }
+.wv-node--heat-neutral rect { fill: var(--heat-neutral) !important; opacity: 0.7; }
+.wv-node--heat-warm rect { fill: var(--heat-warm) !important; opacity: 0.7; }
+.wv-node--heat-hot rect { fill: var(--heat-hot) !important; opacity: 0.7; }
+.wv-node--heat-critical rect { fill: var(--heat-critical) !important; opacity: 0.85; }
+
+/* Timeline scrubber */
+.wv-timeline {
+  height: 80px;
+  padding: 12px 20px;
+  background-color: var(--bg-secondary);
+  border-top: 1px solid var(--border);
+}
+
+.wv-timeline-track {
+  position: relative;
+  height: 24px;
+  background-color: var(--bg);
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.wv-timeline-progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background-color: var(--primary);
+  opacity: 0.3;
+  transition: width 0.1s ease;
+}
+
+.wv-timeline-marker {
+  position: absolute;
+  top: 0;
+  width: 3px;
+  height: 100%;
+  background-color: var(--primary);
+  cursor: ew-resize;
+}
+
+.wv-timeline-events {
+  display: flex;
+  gap: 2px;
+  height: 100%;
+  align-items: center;
+  padding: 4px;
+}
+
+.wv-timeline-event {
+  width: 4px;
+  height: 16px;
+  border-radius: 2px;
+  background-color: var(--muted);
+}
+
+.wv-timeline-event--success { background-color: var(--success); }
+.wv-timeline-event--error { background-color: var(--error); }
+.wv-timeline-event--running { background-color: var(--warning); }
+
+.wv-timeline-controls {
+  display: flex;
+  gap: 8px;
+  margin-top: 8px;
+  align-items: center;
+}
+
+.wv-timeline-time {
+  font-size: 0.75rem;
+  color: var(--text-muted);
+  font-family: monospace;
+}
+
+/* Inspector panel */
+.wv-inspector {
+  width: 320px;
+  background-color: var(--bg-secondary);
+  border-left: 1px solid var(--border);
+  overflow-y: auto;
+  transition: width 0.2s ease;
+}
+
+.wv-inspector--collapsed {
+  width: 0;
+}
+
+.wv-inspector-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--border);
+}
+
+.wv-inspector-header h2 {
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+
+.wv-inspector-content {
+  padding: 16px;
+}
+
+.wv-inspector-section {
+  margin-bottom: 20px;
+}
+
+.wv-inspector-section h3 {
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--text-muted);
+  margin-bottom: 8px;
+}
+
+.wv-inspector-row {
+  display: flex;
+  justify-content: space-between;
+  padding: 4px 0;
+  font-size: 0.875rem;
+}
+
+.wv-inspector-label {
+  color: var(--text-muted);
+}
+
+.wv-inspector-value {
+  font-weight: 500;
+  font-family: monospace;
+}
+
+.wv-inspector-value--success { color: var(--success); }
+.wv-inspector-value--error { color: var(--error); }
+.wv-inspector-value--running { color: var(--warning); }
+
+/* Status badge */
+.wv-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  border-radius: 4px;
+  text-transform: capitalize;
+}
+
+.wv-badge--pending { background-color: var(--node-pending); }
+.wv-badge--running { background-color: var(--node-running); color: #664d03; }
+.wv-badge--success { background-color: var(--node-success); color: #0f5132; }
+.wv-badge--error { background-color: var(--node-error); color: #842029; }
+.wv-badge--cached { background-color: var(--node-cached); color: #084298; }
+
+/* Live indicator */
+.wv-live {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  background-color: var(--error);
+  color: white;
+  font-size: 0.75rem;
+  font-weight: 600;
+  border-radius: 4px;
+}
+
+.wv-live-dot {
+  width: 8px;
+  height: 8px;
+  background-color: white;
+  border-radius: 50%;
+  animation: wv-pulse 1.5s infinite;
+}
+
+@keyframes wv-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+/* Performance stats */
+.wv-perf-bar {
+  height: 8px;
+  background-color: var(--bg);
+  border-radius: 4px;
+  overflow: hidden;
+  margin-top: 4px;
+}
+
+.wv-perf-bar-fill {
+  height: 100%;
+  border-radius: 4px;
+  transition: width 0.3s ease;
+}
+
+.wv-perf-bar-fill--cold { background-color: var(--heat-cold); }
+.wv-perf-bar-fill--cool { background-color: var(--heat-cool); }
+.wv-perf-bar-fill--neutral { background-color: var(--heat-neutral); }
+.wv-perf-bar-fill--warm { background-color: var(--heat-warm); }
+.wv-perf-bar-fill--hot { background-color: var(--heat-hot); }
+.wv-perf-bar-fill--critical { background-color: var(--heat-critical); }
+
+/* Tooltip */
+.wv-tooltip {
+  position: fixed;
+  padding: 8px 12px;
+  background-color: var(--text);
+  color: var(--bg);
+  font-size: 0.75rem;
+  border-radius: 4px;
+  pointer-events: none;
+  z-index: 1000;
+  max-width: 300px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+/* Loading state */
+.wv-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: var(--text-muted);
+}
+
+.wv-spinner {
+  width: 24px;
+  height: 24px;
+  border: 3px solid var(--border);
+  border-top-color: var(--primary);
+  border-radius: 50%;
+  animation: wv-spin 1s linear infinite;
+  margin-right: 8px;
+}
+
+@keyframes wv-spin {
+  to { transform: rotate(360deg); }
+}
+
+/* Empty state */
+.wv-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: var(--text-muted);
+  text-align: center;
+  padding: 40px;
+}
+
+.wv-empty svg {
+  width: 64px;
+  height: 64px;
+  margin-bottom: 16px;
+  opacity: 0.5;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .wv-inspector {
+    position: fixed;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 100;
+    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1);
+  }
+
+  .wv-timeline {
+    height: auto;
+  }
+}
+`}function He(e){return`
+(function() {
+  'use strict';
+
+  // State
+  let selectedNodeId = null;
+  let transform = { x: 0, y: 0, scale: 1 };
+  let isDragging = false;
+  let dragStart = { x: 0, y: 0 };
+  let ws = null;
+  let snapshots = [];
+  let currentSnapshotIndex = -1;
+  let isPlaying = false;
+  let playbackSpeed = 1;
+  let heatmapEnabled = false;
+  let heatmapMetric = 'duration';
+
+  // DOM elements
+  const diagram = document.getElementById('diagram');
+  const svg = diagram?.querySelector('svg');
+  const inspector = document.getElementById('inspector');
+  const timeline = document.getElementById('timeline');
+
+  // Initialize
+  document.addEventListener('DOMContentLoaded', init);
+
+  function init() {
+    ${e.interactive?"setupInteractivity();":""}
+    ${e.timeTravel?"setupTimeTravel();":""}
+    ${e.wsUrl?`setupWebSocket('${e.wsUrl}');`:""}
+    ${e.heatmap?"setupHeatmap();":""}
+    setupKeyboardShortcuts();
+  }
+
+  // Interactivity
+  function setupInteractivity() {
+    if (!diagram || !svg) return;
+
+    // Zoom with mouse wheel
+    diagram.addEventListener('wheel', (e) => {
+      e.preventDefault();
+      const delta = e.deltaY > 0 ? 0.9 : 1.1;
+      const rect = diagram.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+
+      // Zoom towards cursor position
+      transform.scale *= delta;
+      transform.scale = Math.max(0.1, Math.min(5, transform.scale));
+      transform.x = x - (x - transform.x) * delta;
+      transform.y = y - (y - transform.y) * delta;
+
+      applyTransform();
+    });
+
+    // Pan with drag
+    diagram.addEventListener('mousedown', (e) => {
+      if (e.target === diagram || e.target === svg) {
+        isDragging = true;
+        dragStart = { x: e.clientX - transform.x, y: e.clientY - transform.y };
+        diagram.style.cursor = 'grabbing';
+      }
+    });
+
+    document.addEventListener('mousemove', (e) => {
+      if (!isDragging) return;
+      transform.x = e.clientX - dragStart.x;
+      transform.y = e.clientY - dragStart.y;
+      applyTransform();
+    });
+
+    document.addEventListener('mouseup', () => {
+      isDragging = false;
+      if (diagram) diagram.style.cursor = 'grab';
+    });
+
+    // Node selection
+    document.querySelectorAll('.wv-node').forEach((node) => {
+      node.addEventListener('click', (e) => {
+        e.stopPropagation();
+        selectNode(node.dataset.nodeId);
+      });
+    });
+
+    // Deselect on background click
+    diagram.addEventListener('click', (e) => {
+      if (e.target === diagram || e.target === svg) {
+        selectNode(null);
+      }
+    });
+
+    // Zoom buttons
+    document.getElementById('zoom-in')?.addEventListener('click', () => zoom(1.2));
+    document.getElementById('zoom-out')?.addEventListener('click', () => zoom(0.8));
+    document.getElementById('zoom-reset')?.addEventListener('click', resetZoom);
+
+    // Set initial cursor
+    diagram.style.cursor = 'grab';
+  }
+
+  function applyTransform() {
+    if (!svg) return;
+    const g = svg.querySelector('g.wv-root');
+    if (g) {
+      g.setAttribute('transform', 'translate(' + transform.x + ',' + transform.y + ') scale(' + transform.scale + ')');
+    }
+  }
+
+  function zoom(factor) {
+    if (!diagram) return;
+    const rect = diagram.getBoundingClientRect();
+    const centerX = rect.width / 2;
+    const centerY = rect.height / 2;
+
+    transform.scale *= factor;
+    transform.scale = Math.max(0.1, Math.min(5, transform.scale));
+    transform.x = centerX - (centerX - transform.x) * factor;
+    transform.y = centerY - (centerY - transform.y) * factor;
+
+    applyTransform();
+  }
+
+  function resetZoom() {
+    transform = { x: 0, y: 0, scale: 1 };
+    applyTransform();
+  }
+
+  function selectNode(nodeId) {
+    // Remove previous selection
+    document.querySelectorAll('.wv-node--selected').forEach((n) => {
+      n.classList.remove('wv-node--selected');
+    });
+
+    selectedNodeId = nodeId;
+
+    if (nodeId) {
+      const node = document.querySelector('[data-node-id="' + nodeId + '"]');
+      if (node) {
+        node.classList.add('wv-node--selected');
+        updateInspector(nodeId);
+      }
+    } else {
+      clearInspector();
+    }
+  }
+
+  function updateInspector(nodeId) {
+    const content = document.getElementById('inspector-content');
+    if (!content) return;
+
+    const nodeData = window.__WORKFLOW_DATA__?.nodes?.[nodeId];
+    if (!nodeData) {
+      // Clear and add empty message using safe DOM methods
+      while (content.firstChild) content.removeChild(content.firstChild);
+      const p = document.createElement('p');
+      p.className = 'wv-empty';
+      p.textContent = 'No data available';
+      content.appendChild(p);
+      return;
+    }
+
+    renderInspectorContent(content, nodeData);
+  }
+
+  function renderInspectorContent(container, node) {
+    // Clear container using safe DOM method
+    while (container.firstChild) container.removeChild(container.firstChild);
+
+    // Node Info section
+    const infoSection = createSection('Node Info');
+    infoSection.appendChild(createRow('Name', node.name || node.id));
+    infoSection.appendChild(createRow('Type', node.type));
+
+    // State badge
+    const stateRow = document.createElement('div');
+    stateRow.className = 'wv-inspector-row';
+    const stateLabel = document.createElement('span');
+    stateLabel.className = 'wv-inspector-label';
+    stateLabel.textContent = 'State';
+    const stateBadge = document.createElement('span');
+    stateBadge.className = 'wv-badge wv-badge--' + node.state;
+    stateBadge.textContent = node.state;
+    stateRow.appendChild(stateLabel);
+    stateRow.appendChild(stateBadge);
+    infoSection.appendChild(stateRow);
+
+    if (node.key) {
+      infoSection.appendChild(createRow('Key', node.key));
+    }
+    container.appendChild(infoSection);
+
+    // Timing section
+    if (node.durationMs !== undefined) {
+      const timingSection = createSection('Timing');
+      timingSection.appendChild(createRow('Duration', formatDuration(node.durationMs)));
+      if (node.startTs) {
+        timingSection.appendChild(createRow('Started', new Date(node.startTs).toLocaleTimeString()));
+      }
+      container.appendChild(timingSection);
+    }
+
+    // Retries section
+    if (node.retryCount !== undefined && node.retryCount > 0) {
+      const retrySection = createSection('Retries');
+      retrySection.appendChild(createRow('Retry Count', String(node.retryCount)));
+      container.appendChild(retrySection);
+    }
+
+    // Error section
+    if (node.error) {
+      const errorSection = createSection('Error');
+      const pre = document.createElement('pre');
+      pre.style.cssText = 'font-size:11px;overflow:auto;max-height:150px;background:var(--bg);padding:8px;border-radius:4px;';
+      pre.textContent = String(node.error);
+      errorSection.appendChild(pre);
+      container.appendChild(errorSection);
+    }
+  }
+
+  function createSection(title) {
+    const section = document.createElement('div');
+    section.className = 'wv-inspector-section';
+    const h3 = document.createElement('h3');
+    h3.textContent = title;
+    section.appendChild(h3);
+    return section;
+  }
+
+  function createRow(label, value) {
+    const row = document.createElement('div');
+    row.className = 'wv-inspector-row';
+    const labelSpan = document.createElement('span');
+    labelSpan.className = 'wv-inspector-label';
+    labelSpan.textContent = label;
+    const valueSpan = document.createElement('span');
+    valueSpan.className = 'wv-inspector-value';
+    valueSpan.textContent = value;
+    row.appendChild(labelSpan);
+    row.appendChild(valueSpan);
+    return row;
+  }
+
+  function clearInspector() {
+    const content = document.getElementById('inspector-content');
+    if (content) {
+      while (content.firstChild) content.removeChild(content.firstChild);
+      const p = document.createElement('p');
+      p.className = 'wv-empty';
+      p.textContent = 'Select a node to inspect';
+      content.appendChild(p);
+    }
+  }
+
+  // Time Travel
+  function setupTimeTravel() {
+    const playBtn = document.getElementById('tt-play');
+    const pauseBtn = document.getElementById('tt-pause');
+    const prevBtn = document.getElementById('tt-prev');
+    const nextBtn = document.getElementById('tt-next');
+    const speedSelect = document.getElementById('tt-speed');
+    const slider = document.getElementById('tt-slider');
+
+    playBtn?.addEventListener('click', play);
+    pauseBtn?.addEventListener('click', pause);
+    prevBtn?.addEventListener('click', stepBackward);
+    nextBtn?.addEventListener('click', stepForward);
+    speedSelect?.addEventListener('change', (e) => {
+      playbackSpeed = parseFloat(e.target.value);
+    });
+    slider?.addEventListener('input', (e) => {
+      seek(parseInt(e.target.value, 10));
+    });
+  }
+
+  function play() {
+    if (snapshots.length === 0) return;
+    isPlaying = true;
+    updatePlaybackUI();
+    playNext();
+  }
+
+  function pause() {
+    isPlaying = false;
+    updatePlaybackUI();
+  }
+
+  function playNext() {
+    if (!isPlaying) return;
+    if (currentSnapshotIndex < snapshots.length - 1) {
+      const current = snapshots[currentSnapshotIndex];
+      const next = snapshots[currentSnapshotIndex + 1];
+      const delay = (next.timestamp - current.timestamp) / playbackSpeed;
+
+      setTimeout(() => {
+        stepForward();
+        playNext();
+      }, Math.max(16, delay));
+    } else {
+      pause();
+    }
+  }
+
+  function stepForward() {
+    if (currentSnapshotIndex < snapshots.length - 1) {
+      seek(currentSnapshotIndex + 1);
+    }
+  }
+
+  function stepBackward() {
+    if (currentSnapshotIndex > 0) {
+      seek(currentSnapshotIndex - 1);
+    }
+  }
+
+  function seek(index) {
+    if (index < 0 || index >= snapshots.length) return;
+    currentSnapshotIndex = index;
+    updateTimelineUI();
+
+    // Request IR update from server or use cached
+    if (ws && ws.readyState === WebSocket.OPEN) {
+      ws.send(JSON.stringify({ type: 'time_travel_seek', payload: { index } }));
+    } else if (snapshots[index]?.ir) {
+      renderIR(snapshots[index].ir);
+    }
+  }
+
+  function updatePlaybackUI() {
+    const playBtn = document.getElementById('tt-play');
+    const pauseBtn = document.getElementById('tt-pause');
+
+    if (playBtn) playBtn.style.display = isPlaying ? 'none' : 'inline-flex';
+    if (pauseBtn) pauseBtn.style.display = isPlaying ? 'inline-flex' : 'none';
+  }
+
+  function updateTimelineUI() {
+    const slider = document.getElementById('tt-slider');
+    const timeDisplay = document.getElementById('tt-time');
+
+    if (slider) {
+      slider.max = String(Math.max(0, snapshots.length - 1));
+      slider.value = String(currentSnapshotIndex);
+    }
+
+    if (timeDisplay) {
+      timeDisplay.textContent = (currentSnapshotIndex + 1) + ' / ' + snapshots.length;
+    }
+  }
+
+  // WebSocket
+  function setupWebSocket(url) {
+    ws = new WebSocket(url);
+
+    ws.onopen = () => {
+      console.log('[Visualizer] Connected to server');
+      showLiveIndicator(true);
+    };
+
+    ws.onclose = () => {
+      console.log('[Visualizer] Disconnected from server');
+      showLiveIndicator(false);
+      // Attempt reconnect after 2 seconds
+      setTimeout(() => setupWebSocket(url), 2000);
+    };
+
+    ws.onmessage = (event) => {
+      try {
+        const msg = JSON.parse(event.data);
+        handleServerMessage(msg);
+      } catch (e) {
+        console.error('[Visualizer] Failed to parse message:', e);
+      }
+    };
+
+    ws.onerror = (error) => {
+      console.error('[Visualizer] WebSocket error:', error);
+    };
+  }
+
+  function handleServerMessage(msg) {
+    switch (msg.type) {
+      case 'ir_update':
+        renderIR(msg.payload);
+        break;
+      case 'snapshot':
+        snapshots.push(msg.payload);
+        currentSnapshotIndex = snapshots.length - 1;
+        updateTimelineUI();
+        break;
+      case 'snapshots_list':
+        snapshots = msg.payload;
+        currentSnapshotIndex = snapshots.length - 1;
+        updateTimelineUI();
+        break;
+      case 'performance_data':
+        window.__PERFORMANCE_DATA__ = msg.payload;
+        if (heatmapEnabled) applyHeatmap();
+        break;
+      case 'workflow_complete':
+        showLiveIndicator(false);
+        break;
+      case 'time_travel_state':
+        currentSnapshotIndex = msg.payload.currentIndex;
+        isPlaying = msg.payload.isPlaying;
+        playbackSpeed = msg.payload.playbackSpeed;
+        updateTimelineUI();
+        updatePlaybackUI();
+        break;
+    }
+  }
+
+  function showLiveIndicator(show) {
+    const indicator = document.getElementById('live-indicator');
+    if (indicator) {
+      indicator.style.display = show ? 'flex' : 'none';
+    }
+  }
+
+  // Heatmap
+  function setupHeatmap() {
+    const toggle = document.getElementById('heatmap-toggle');
+    const metricSelect = document.getElementById('heatmap-metric');
+
+    toggle?.addEventListener('click', () => {
+      heatmapEnabled = !heatmapEnabled;
+      toggle.classList.toggle('wv-btn--primary', heatmapEnabled);
+      if (heatmapEnabled) {
+        applyHeatmap();
+      } else {
+        removeHeatmap();
+      }
+    });
+
+    metricSelect?.addEventListener('change', (e) => {
+      heatmapMetric = e.target.value;
+      if (heatmapEnabled) applyHeatmap();
+    });
+  }
+
+  function applyHeatmap() {
+    const perfData = window.__PERFORMANCE_DATA__;
+    if (!perfData) return;
+
+    document.querySelectorAll('.wv-node').forEach((node) => {
+      const nodeId = node.dataset.nodeId;
+      const heat = perfData.heat?.[nodeId];
+
+      // Remove existing heat classes
+      node.classList.remove(
+        'wv-node--heat-cold',
+        'wv-node--heat-cool',
+        'wv-node--heat-neutral',
+        'wv-node--heat-warm',
+        'wv-node--heat-hot',
+        'wv-node--heat-critical'
+      );
+
+      if (heat !== undefined) {
+        const level = getHeatLevel(heat);
+        node.classList.add('wv-node--heat-' + level);
+      }
+    });
+  }
+
+  function removeHeatmap() {
+    document.querySelectorAll('.wv-node').forEach((node) => {
+      node.classList.remove(
+        'wv-node--heat-cold',
+        'wv-node--heat-cool',
+        'wv-node--heat-neutral',
+        'wv-node--heat-warm',
+        'wv-node--heat-hot',
+        'wv-node--heat-critical'
+      );
+    });
+  }
+
+  function getHeatLevel(heat) {
+    if (heat < 0.2) return 'cold';
+    if (heat < 0.4) return 'cool';
+    if (heat < 0.6) return 'neutral';
+    if (heat < 0.8) return 'warm';
+    if (heat < 0.95) return 'hot';
+    return 'critical';
+  }
+
+  // Keyboard shortcuts
+  function setupKeyboardShortcuts() {
+    document.addEventListener('keydown', (e) => {
+      // Don't trigger shortcuts when typing in inputs
+      if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
+
+      switch (e.key) {
+        case ' ':
+          e.preventDefault();
+          isPlaying ? pause() : play();
+          break;
+        case 'ArrowLeft':
+          e.preventDefault();
+          stepBackward();
+          break;
+        case 'ArrowRight':
+          e.preventDefault();
+          stepForward();
+          break;
+        case '0':
+          resetZoom();
+          break;
+        case '+':
+        case '=':
+          zoom(1.2);
+          break;
+        case '-':
+          zoom(0.8);
+          break;
+        case 'h':
+          ${e.heatmap?"document.getElementById('heatmap-toggle')?.click();":""}
+          break;
+        case 'Escape':
+          selectNode(null);
+          break;
+      }
+    });
+  }
+
+  // Render functions
+  function renderIR(ir) {
+    // Store node data for inspector
+    window.__WORKFLOW_DATA__ = {
+      nodes: flattenNodes(ir.root.children).reduce((acc, n) => {
+        acc[n.id] = n;
+        return acc;
+      }, {})
+    };
+
+    // Update SVG node states
+    document.querySelectorAll('.wv-node').forEach((node) => {
+      const nodeId = node.dataset.nodeId;
+      const nodeData = window.__WORKFLOW_DATA__.nodes[nodeId];
+      if (nodeData) {
+        // Update state class
+        node.className = node.className.replace(/wv-node--\\w+/g, '');
+        node.classList.add('wv-node', 'wv-node--' + nodeData.state);
+
+        // Update timing text if present
+        const timing = node.querySelector('.wv-node-timing');
+        if (timing && nodeData.durationMs !== undefined) {
+          timing.textContent = formatDuration(nodeData.durationMs);
+        }
+      }
+    });
+
+    // Update selected node inspector
+    if (selectedNodeId) {
+      updateInspector(selectedNodeId);
+    }
+  }
+
+  function flattenNodes(nodes) {
+    const result = [];
+    for (const node of nodes) {
+      result.push(node);
+      if (node.children) {
+        result.push(...flattenNodes(node.children));
+      }
+      if (node.branches) {
+        for (const branch of node.branches) {
+          result.push(...flattenNodes(branch.children));
+        }
+      }
+    }
+    return result;
+  }
+
+  // Utilities
+  function formatDuration(ms) {
+    if (ms < 1) return '<1ms';
+    if (ms < 1000) return Math.round(ms) + 'ms';
+    if (ms < 60000) return (ms / 1000).toFixed(2) + 's';
+    return (ms / 60000).toFixed(1) + 'm';
+  }
+})();
+`}var ee=160,pe=50,$e=40,_t=30,A=20;function Ct(e,n="TB"){let t=n==="TB"||n==="BT",a=[],o=A,r=A,c=0,p=0;for(let d of e){let u=Re(d,o,r,t);a.push(u.node),t?(r+=u.height+_t,c=Math.max(c,u.width),p=r):(o+=u.width+$e,p=Math.max(p,u.height),c=o)}return{nodes:a,width:c+A,height:p+A}}function Re(e,n,t,a){if(V(e))return{node:{id:e.id,name:e.name??e.key??"step",type:"step",state:e.state,x:n,y:t,width:ee,height:pe,durationMs:e.durationMs},width:ee,height:pe};if(K(e)||Y(e)){let o=K(e)?"parallel":"race",r=e.name??o,c=[],p=n+A,d=t+A+20,u=0,s=0;for(let h of e.children){let k=Re(h,p,d,!0);c.push(k.node),p+=k.width+$e,s=Math.max(s,k.height)}u=p-n-A;let l=Math.max(u+A,ee+A*2),f=s+A*2+20;return{node:{id:e.id,name:r,type:o,state:e.state,x:n,y:t,width:l,height:f,durationMs:e.durationMs,children:c,containerType:o,containerLabel:o==="parallel"?"PARALLEL":"RACE"},width:l,height:f}}if(X(e)){let o=e.name??"decision",r=[],c=n+A,p=t+A+20,d=0;for(let l of e.branches)for(let f of l.children){let h=Re(f,c,p,!0);r.push(h.node),c+=h.width+$e,d=Math.max(d,h.height)}let u=Math.max(c-n,ee+A*2),s=d+A*2+20;return{node:{id:e.id,name:o,type:"decision",state:e.state,x:n,y:t,width:u,height:s,durationMs:e.durationMs,children:r,containerType:"decision",containerLabel:"DECISION"},width:u,height:s}}return{node:{id:e.id,name:e.name??"unknown",type:e.type,state:e.state,x:n,y:t,width:ee,height:pe},width:ee,height:pe}}function Pe(e,n){return e.containerType?Wt(e,n):Ot(e,n)}function Ot(e,n){let a=n&&e.durationMs!==void 0?H(e.durationMs):"";return`
+    <g class="wv-node wv-node--${e.state}" data-node-id="${ze(e.id)}" transform="translate(${e.x}, ${e.y})">
+      <rect width="${e.width}" height="${e.height}" rx="8" ry="8" />
+      <text x="${e.width/2}" y="${e.height/2-(a?4:0)}">${Ee(Pt(e.name,20))}</text>
+      ${a?`<text class="wv-node-timing" x="${e.width/2}" y="${e.height/2+12}">${a}</text>`:""}
+    </g>
+  `}function Wt(e,n){let a=e.children?.map(o=>Pe(o,n)).join(`
+`)??"";return`
+    <g class="wv-container wv-container--${e.containerType}" data-node-id="${ze(e.id)}" transform="translate(${e.x}, ${e.y})">
+      <rect width="${e.width}" height="${e.height}" rx="12" ry="12" />
+      <text class="wv-container-label" x="${A}" y="16">${e.containerLabel}</text>
+      <g transform="translate(${-e.x}, ${-e.y})">
+        ${a}
+      </g>
+    </g>
+  `}function Lt(e){let n=[];for(let t=0;t<e.length-1;t++){let a=e[t],o=e[t+1],r=a.x+a.width/2,c=a.y+a.height,p=o.x+o.width/2,d=o.y;n.push(`
+      <path class="wv-edge" d="M ${r} ${c} L ${p} ${d-8}" />
+      <polygon class="wv-edge-arrow" points="${p-4},${d-8} ${p+4},${d-8} ${p},${d}" />
+    `)}return n.join(`
+`)}function Ae(e,n){let t=Ct(e.root.children,n.layout),a=Math.max(t.width,400),o=Math.max(t.height,300),r=t.nodes.map(s=>Pe(s,n.showTimings)).join(`
+`),c=Lt(t.nodes),p=e.root.name??"Workflow",d=Be(n.theme),u=He({wsUrl:n.wsUrl,interactive:n.interactive,timeTravel:n.timeTravel,heatmap:n.heatmap});return`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${Ee(p)} - Workflow Visualizer</title>
+  <style>${d}</style>
+</head>
+<body>
+  <div class="workflow-visualizer">
+    <header class="wv-header">
+      <h1>${Ee(p)}</h1>
+      <div class="wv-controls">
+        ${n.wsUrl?'<div id="live-indicator" class="wv-live" style="display:none"><span class="wv-live-dot"></span>LIVE</div>':""}
+        ${n.heatmap?`
+          <button id="heatmap-toggle" class="wv-btn">Heatmap</button>
+          <select id="heatmap-metric" class="wv-btn">
+            <option value="duration">Duration</option>
+            <option value="retryRate">Retry Rate</option>
+            <option value="errorRate">Error Rate</option>
+          </select>
+        `:""}
+        ${n.interactive?`
+          <button id="zoom-out" class="wv-btn wv-btn--icon" title="Zoom out (-)">\u2212</button>
+          <button id="zoom-reset" class="wv-btn wv-btn--icon" title="Reset zoom (0)">\u27F2</button>
+          <button id="zoom-in" class="wv-btn wv-btn--icon" title="Zoom in (+)">+</button>
+        `:""}
+      </div>
+    </header>
+
+    <div class="wv-main">
+      <div id="diagram" class="wv-diagram">
+        <svg viewBox="0 0 ${a} ${o}" preserveAspectRatio="xMidYMid meet">
+          <g class="wv-root">
+            ${c}
+            ${r}
+          </g>
+        </svg>
+      </div>
+
+      ${n.interactive?`
+        <aside id="inspector" class="wv-inspector">
+          <div class="wv-inspector-header">
+            <h2>Inspector</h2>
+          </div>
+          <div id="inspector-content" class="wv-inspector-content">
+            <p class="wv-empty">Select a node to inspect</p>
+          </div>
+        </aside>
+      `:""}
+    </div>
+
+    ${n.timeTravel?`
+      <div id="timeline" class="wv-timeline">
+        <div class="wv-timeline-track">
+          <input type="range" id="tt-slider" min="0" max="0" value="0" style="width:100%">
+        </div>
+        <div class="wv-timeline-controls">
+          <button id="tt-prev" class="wv-btn wv-btn--icon" title="Step backward (\u2190)">\u23EE</button>
+          <button id="tt-play" class="wv-btn wv-btn--icon" title="Play (Space)">\u25B6</button>
+          <button id="tt-pause" class="wv-btn wv-btn--icon" style="display:none" title="Pause (Space)">\u23F8</button>
+          <button id="tt-next" class="wv-btn wv-btn--icon" title="Step forward (\u2192)">\u23ED</button>
+          <select id="tt-speed" class="wv-btn">
+            <option value="0.5">0.5x</option>
+            <option value="1" selected>1x</option>
+            <option value="2">2x</option>
+            <option value="4">4x</option>
+            <option value="10">10x</option>
+          </select>
+          <span id="tt-time" class="wv-timeline-time">0 / 0</span>
+        </div>
+      </div>
+    `:""}
+  </div>
+
+  <script>
+    window.__WORKFLOW_DATA__ = ${Ht(e)};
+  </script>
+  <script>${u}</script>
+</body>
+</html>`}function Bt(e){let n={};function t(a){for(let o of a)if(n[o.id]={id:o.id,name:o.name,type:o.type,state:o.state,key:o.key,durationMs:o.durationMs,startTs:o.startTs,error:o.error?String(o.error):void 0,retryCount:o.retryCount},"children"in o&&Array.isArray(o.children)&&t(o.children),"branches"in o)for(let r of o.branches)t(r.children)}return t(e.root.children),{nodes:n}}function Ht(e){return JSON.stringify(Bt(e)).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}function Ee(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function ze(e){return e.replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function Pt(e,n){return e.length<=n?e:e.slice(0,n-1)+"\u2026"}var Fe={interactive:!0,timeTravel:!0,heatmap:!0,animationDuration:200,theme:"auto",layout:"TB"};function Ve(){return{name:"html",supportsLive:!0,render(e,n){let t={...n,...Fe,...n};return Ae(e,t)}}}function fe(e,n={}){let t={showTimings:!0,showKeys:!1,colors:{pending:"#6c757d",running:"#ffc107",success:"#198754",error:"#dc3545",aborted:"#6c757d",cached:"#0dcaf0",skipped:"#adb5bd"},...Fe,...n};return Ae(e,t)}var q={clearToEnd:"\x1B[J",cursorUp:e=>`\x1B[${e}A`,cursorToStart:"\x1B[G",hideCursor:"\x1B[?25l",showCursor:"\x1B[?25h",saveCursor:"\x1B[s",restoreCursor:"\x1B[u"};function Ue(e={}){let{workflowName:n,detectParallel:t=!0,showTimings:a=!0,showKeys:o=!1,colors:r,stream:c=process.stdout,updateInterval:p=100}=e,d=j({detectParallel:t}),u=Z(),s={showTimings:a,showKeys:o,terminalWidth:c.columns??80,colors:{...U,...r}},l=!1,f="",h=0,k=null,v=!1;function R(N){c.writable&&c.write(N)}function T(){if(!l)return;let N=w(),S=u.render(N,s);S!==f&&(h>0&&(R(q.cursorUp(h)),R(q.cursorToStart),R(q.clearToEnd)),R(S),R(`
+`),f=S,h=S.split(`
+`).length)}function B(){l&&(v=!0,k===null&&(k=setTimeout(()=>{k=null,v&&(v=!1,T())},p)))}function O(N){if(N.type==="scope_start"||N.type==="scope_end"){g(N);return}d.handleEvent(N),l&&(N.type==="workflow_start"||N.type==="workflow_success"||N.type==="workflow_error"?T():B())}function g(N){d.handleScopeEvent(N),l&&B()}function I(N){d.handleDecisionEvent(N),l&&B()}function w(){let N=d.getIR();return n&&!N.root.name&&(N.root.name=n),N}function $(){return u.render(w(),s)}function W(){l||(l=!0,f="",h=0,R(q.hideCursor),T())}function C(){if(!l)return;l=!1,k!==null&&(clearTimeout(k),k=null);let N=w(),S=u.render(N,s);h>0&&(R(q.cursorUp(h)),R(q.cursorToStart),R(q.clearToEnd)),R(S),R(`
+`),R(q.showCursor)}function D(){k!==null&&(clearTimeout(k),k=null),v=!1,T()}function M(){d.reset(),f="",h=0}return{handleEvent:O,handleScopeEvent:g,handleDecisionEvent:I,getIR:w,render:$,start:W,stop:C,refresh:D,reset:M}}function me(e,n={}){let{condition:t,value:a,name:o,workflowId:r=crypto.randomUUID(),emit:c}=n,p=Date.now(),d,u=[];function s(f,h,k){u.push({label:f,condition:k,taken:h}),h&&(d=f),c?.({type:"decision_branch",workflowId:r,decisionId:e,branchLabel:f,condition:k,taken:h,ts:Date.now()})}function l(){let f=Date.now()-p;c?.({type:"decision_end",workflowId:r,decisionId:e,branchTaken:d,ts:Date.now(),durationMs:f})}return c?.({type:"decision_start",workflowId:r,decisionId:e,condition:t,decisionValue:a,name:o,ts:p}),{takeBranch:s,end:l,getBranchTaken:()=>d,getBranches:()=>[...u]}}function je(e,n,t={}){let a=me(e,{...t,condition:t.condition??String(n),value:t.value??n});return{...a,condition:n,then:()=>{a.takeBranch("if",!0)},else:()=>{a.takeBranch("else",!0)}}}function Ke(e,n,t={}){let a=me(e,{...t,condition:t.condition??`switch(${String(n)})`,value:n});return{...a,value:n,case:(o,r)=>{a.takeBranch(`case '${o}'`,r,`value === '${o}'`)},default:o=>{a.takeBranch("default",o)}}}function he(e={}){let{maxSnapshots:n=1e3,autoRecord:t=!0,builderOptions:a={}}=e,o=j({...a,enableSnapshots:!0,maxSnapshots:n}),r={snapshots:[],currentIndex:-1,isPlaying:!1,playbackSpeed:1,isRecording:t},c=new Set,p=null;function d(){let D=g();for(let M of c)M(D)}function u(){r.snapshots=o.getSnapshots(),r.isRecording&&r.snapshots.length>0&&(r.currentIndex=r.snapshots.length-1)}function s(D){o.handleEvent(D),r.isRecording&&(u(),d())}function l(D){let M=o.getSnapshots();if(!(D<0||D>=M.length))return r.currentIndex=D,r.snapshots=M,d(),M[D].ir}function f(){return l(r.currentIndex+1)}function h(){return l(r.currentIndex-1)}function k(D=1){r.playbackSpeed=D,r.isPlaying=!0,d();let M=()=>{if(!r.isPlaying)return;let N=o.getSnapshots();if(r.currentIndex<N.length-1){let S=N[r.currentIndex],L=(N[r.currentIndex+1].timestamp-S.timestamp)/r.playbackSpeed;p=setTimeout(()=>{f(),M()},Math.max(16,L))}else v()};M()}function v(){r.isPlaying=!1,p&&(clearTimeout(p),p=null),d()}function R(){let D=o.getSnapshots();return r.currentIndex>=0&&r.currentIndex<D.length?D[r.currentIndex].ir:o.getIR()}function T(D){return o.getIRAt(D)}function B(){return o.getSnapshots()}function O(D){return o.getSnapshotAt(D)}function g(){return{snapshots:o.getSnapshots(),currentIndex:r.currentIndex,isPlaying:r.isPlaying,playbackSpeed:r.playbackSpeed,isRecording:r.isRecording}}function I(D){return c.add(D),()=>c.delete(D)}function w(){r.isRecording=!0,d()}function $(){r.isRecording=!1,d()}function W(){v(),o.reset(),r={snapshots:[],currentIndex:-1,isPlaying:!1,playbackSpeed:1,isRecording:t},d()}function C(){return o}return{handleEvent:s,seek:l,stepForward:f,stepBackward:h,play:k,pause:v,getCurrentIR:R,getIRAt:T,getSnapshots:B,getSnapshotAt:O,getState:g,onStateChange:I,startRecording:w,stopRecording:$,reset:W,getBuilder:C}}var Ge=require("http"),ge=require("child_process");async function qe(e={}){let{port:n=3377,host:t="localhost",autoOpen:a=!0,workflowName:o="Workflow",timeTravel:r=!0,heatmap:c=!0,maxSnapshots:p=1e3}=e,d=he({maxSnapshots:p}),u=le(),s=null,l=null,f=n,h=!1;function k(S){if(!l)return;let x=JSON.stringify(S);for(let E of l.clients)E.readyState===E.OPEN&&E.send(x)}function v(S,x){try{let E=JSON.parse(typeof x=="string"?x:x.toString());switch(E.type){case"time_travel_seek":{let L=E.payload,i=d.seek(L.index);i&&S.send(JSON.stringify({type:"ir_update",payload:i}));break}case"time_travel_play":{let L=E.payload;d.play(L?.speed);break}case"time_travel_pause":d.pause();break;case"time_travel_step_forward":{let L=d.stepForward();L&&S.send(JSON.stringify({type:"ir_update",payload:L}));break}case"time_travel_step_backward":{let L=d.stepBackward();L&&S.send(JSON.stringify({type:"ir_update",payload:L}));break}case"request_snapshots":{let L=d.getSnapshots().map(i=>({id:i.id,eventIndex:i.eventIndex,timestamp:i.timestamp}));S.send(JSON.stringify({type:"snapshots_list",payload:L}));break}case"toggle_heatmap":case"set_heatmap_metric":break}}catch(E){console.error("[DevServer] Failed to handle message:",E)}}function R(){let S=d.getCurrentIR(),x=`ws://${t}:${f}`;return fe(S,{interactive:!0,timeTravel:r,heatmap:c,theme:"auto",layout:"TB",wsUrl:x})}function T(S,x){let E=S.url??"/";if(E==="/"||E==="/index.html"){x.writeHead(200,{"Content-Type":"text/html; charset=utf-8"}),x.end(R());return}if(E==="/api/snapshots"){let L=d.getSnapshots().map(i=>({id:i.id,eventIndex:i.eventIndex,timestamp:i.timestamp}));x.writeHead(200,{"Content-Type":"application/json"}),x.end(JSON.stringify(L));return}if(E==="/api/performance"){x.writeHead(200,{"Content-Type":"application/json"}),x.end(u.exportData());return}if(E==="/api/ir"){x.writeHead(200,{"Content-Type":"application/json"}),x.end(JSON.stringify(d.getCurrentIR()));return}x.writeHead(404,{"Content-Type":"text/plain"}),x.end("Not Found")}async function B(){try{let x=await import("ws"),E=x.WebSocketServer??x.default?.WebSocketServer;return E?new E({noServer:!0}):(console.warn("[DevServer] WebSocket server class not found in ws module"),null)}catch{return console.warn(`[DevServer] ws package not installed. Live updates disabled.
+Install with: npm install ws`),null}}function O(S){let x=process.platform;if(!S.startsWith("http://localhost:")&&!S.startsWith("http://127.0.0.1:")){console.warn("[DevServer] Refusing to open non-localhost URL");return}x==="darwin"?(0,ge.execFile)("open",[S],E=>{E&&console.warn("[DevServer] Failed to open browser:",E.message)}):x==="win32"?(0,ge.execFile)("cmd.exe",["/c","start","",S],E=>{E&&console.warn("[DevServer] Failed to open browser:",E.message)}):(0,ge.execFile)("xdg-open",[S],E=>{E&&console.warn("[DevServer] Failed to open browser:",E.message)})}async function g(){return h?{port:f,url:`http://${t}:${f}`}:(s=(0,Ge.createServer)(T),l=await B(),l&&(s.on("upgrade",(S,x,E)=>{if(!l)return;l.handleUpgrade(S,x,E,i=>{i.send(JSON.stringify({type:"ir_update",payload:d.getCurrentIR()})),i.on("message",m=>v(i,m)),i.on("error",m=>console.error("[DevServer] WS error:",m))})}),d.onStateChange(S=>{k({type:"time_travel_state",payload:S})})),new Promise((S,x)=>{if(!s){x(new Error("HTTP server not initialized"));return}s.on("error",E=>{E.code==="EADDRINUSE"?(f++,s?.listen(f,t)):x(E)}),s.on("listening",()=>{h=!0;let E=`http://${t}:${f}`;console.log(`[DevServer] Visualizer running at ${E}`),a&&O(E),S({port:f,url:E})}),s.listen(f,t)}))}async function I(){if(h)return new Promise(S=>{l&&(l.close(),l=null),s?s.close(()=>{s=null,h=!1,S()}):S()})}function w(S){d.handleEvent(S),u.addEvent(S),k({type:"ir_update",payload:d.getCurrentIR()})}function $(S){k({type:"ir_update",payload:S})}function W(S){let x={};for(let[E,L]of S.heat)x[E]=L;k({type:"performance_data",payload:{...S,heat:x}})}function C(){u.finalizeRun("current"),k({type:"workflow_complete",payload:null})}function D(){return d}function M(){return u}function N(){return d.getCurrentIR()}return{start:g,stop:I,handleEvent:w,pushUpdate:$,pushHeatmap:W,complete:C,getTimeTravel:D,getAnalyzer:M,getCurrentIR:N}}function ve(e={}){let{workflowName:n,detectParallel:t=!0,showTimings:a=!0,showKeys:o=!1,colors:r}=e,c=j({detectParallel:t}),p=new Set,d=Z(),u=ie(),s={showTimings:a,showKeys:o,terminalWidth:process.stdout?.columns??80,colors:{...U,...r}};function l(){if(p.size>0){let g=c.getIR();for(let I of p)I(g)}}function f(g){if(g.type==="scope_start"||g.type==="scope_end"){h(g);return}c.handleEvent(g),g.type,l()}function h(g){c.handleScopeEvent(g),l()}function k(g){c.handleDecisionEvent(g),l()}function v(){let g=c.getIR();return n&&!g.root.name&&(g.root.name=n),g}function R(){let g=v();return d.render(g,s)}function T(g){let I=v();switch(g){case"ascii":return d.render(I,s);case"mermaid":return u.render(I,s);case"json":return JSON.stringify(I,null,2);default:throw new Error(`Unknown format: ${g}`)}}function B(){c.reset(),l()}function O(g){return p.add(g),()=>p.delete(g)}return{handleEvent:f,handleScopeEvent:h,handleDecisionEvent:k,getIR:v,render:R,renderAs:T,reset:B,onUpdate:O}}function At(e,n={}){let t=ve(n);for(let a of e)a.type.startsWith("decision_")?t.handleDecisionEvent(a):t.handleEvent(a);return t.render()}function zt(e={}){let n=[];return{handleEvent:t=>{n.push(t)},handleDecisionEvent:t=>{n.push(t)},getEvents:()=>[...n],getWorkflowEvents:()=>n.filter(t=>!t.type.startsWith("decision_")),getDecisionEvents:()=>n.filter(t=>t.type.startsWith("decision_")),clear:()=>{n.length=0},visualize:()=>{let t=ve(e);for(let a of n)a.type.startsWith("decision_")?t.handleDecisionEvent(a):t.handleEvent(a);return t.render()},visualizeAs:t=>{let a=ve(e);for(let o of n)o.type.startsWith("decision_")?a.handleDecisionEvent(o):a.handleEvent(o);return a.renderAs(t)}}}0&&(module.exports={asciiRenderer,createDevServer,createEventCollector,createIRBuilder,createLiveVisualizer,createParallelDetector,createPerformanceAnalyzer,createTimeTravelController,createVisualizer,defaultColorScheme,detectParallelGroups,getHeatLevel,hasChildren,htmlRenderer,isDecisionNode,isParallelNode,isRaceNode,isSequenceNode,isStepNode,mermaidRenderer,renderToHTML,trackDecision,trackIf,trackSwitch,visualizeEvents});
 //# sourceMappingURL=visualize.cjs.map