@jagreehal/workflow 1.6.0 → 1.7.0

package/dist/visualize.js

@@ -1,7 +1,1189 @@
-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 Y(){return`node_${Date.now()}_${Math.random().toString(36).slice(2,8)}`}function ce(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 A(e,n={}){if(ce(e))return e;let{minOverlapMs:t=0,maxGapMs:o=5}=n,a=[],r=[];for(let c=0;c<e.length;c++){let s=e[c];s.type==="step"&&s.startTs!==void 0?a.push({node:s,startTs:s.startTs,endTs:s.endTs??s.startTs+(s.durationMs??0),originalIndex:c}):r.push({node:s,originalIndex:c})}if(a.length<=1)return e;a.sort((c,s)=>c.startTs-s.startTs);let u=[],h=[a[0]];for(let c=1;c<a.length;c++){let s=a[c],l=Math.min(...h.map(y=>y.startTs)),g=Math.max(...h.map(y=>y.endTs)),$=s.startTs<=l+o,k=s.startTs<g;if(!$&&!k){u.push(h),h=[s];continue}let w=k?Math.min(s.endTs,g)-s.startTs:0;$||w>=t?h.push(s):(u.push(h),h=[s])}u.push(h);let p=[];for(let c of u){let s=Math.min(...c.map(l=>l.originalIndex));if(c.length===1)p.push({node:c[0].node,position:s});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:de(l),mode:"all",children:l,startTs:g,endTs:$,durationMs:$-g};p.push({node:k,position:s})}}for(let{node:c,originalIndex:s}of r)p.push({node:c,position:s});return p.sort((c,s)=>c.position-s.position),p.map(c=>c.node)}function de(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 le(e={}){return{detect:n=>A(n,e)}}function F(e={}){let{detectParallel:n=!0,parallelDetection:t}=e,o,a,r="pending",u,h,p=new Map,c=[],s=[],l=[],g=Date.now(),$=g;function k(i){return i.stepId??i.stepKey??i.name??Y()}function w(i){if(s.length>0){let d=s[s.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":o=i.workflowId,a=i.ts,r="running",g=Date.now(),$=g;break;case"workflow_success":r="success",h=i.durationMs,$=Date.now();break;case"workflow_error":r="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")s.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=s[s.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=s.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=A(i,t)),{root:{type:"workflow",id:o??Y(),workflowId:o??"unknown",state:r,startTs:a,durationMs:h,children:i,error:u},metadata:{createdAt:g,lastUpdatedAt:$}}}function W(){o=void 0,a=void 0,r="pending",u=void 0,h=void 0,p.clear(),c.length=0,s.length=0,l=[],g=Date.now(),$=g}return{handleEvent:y,handleScopeEvent:x,handleDecisionEvent:T,getIR:O,reset:W,get hasActiveSteps(){return p.size>0},get state(){return r}}}function _(e){return e.type==="step"}function Be(e){return e.type==="sequence"}function G(e){return e.type==="parallel"}function U(e){return e.type==="race"}function K(e){return e.type==="decision"}function Le(e){return"children"in e||e.type==="decision"&&"branches"in e}var H="\x1B[0m",ue="\x1B[1m",re="\x1B[2m",pe="\x1B[31m",fe="\x1B[32m",he="\x1B[33m",me="\x1B[34m",ne="\x1B[90m",ge="\x1B[37m";function j(e,n){return n?`${n}${e}${H}`:e}function z(e){return`${ue}${e}${H}`}function v(e){return`${re}${e}${H}`}var M={pending:ge,running:he,success:fe,error:pe,aborted:ne,cached:me,skipped:re+ne};function $e(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 P(e,n){let t=$e(e);return j(t,n[e])}function X(e,n,t){return j(e,t[n])}function oe(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 ie(e,n){let t=oe(e).length,o=Math.max(0,n-t);return e+" ".repeat(o)}function ke(e,n){if(!n)return f.horizontal.repeat(e);let t=` ${n} `,o=e-t.length;if(o<4)return f.horizontal.repeat(e);let a=2,r=o-a;return f.horizontal.repeat(a)+t+f.horizontal.repeat(r)}function L(){return{name:"ascii",supportsLive:!0,render(e,n){let t={...M,...n.colors},o=n.terminalWidth??60,a=o-4,r=[],u=e.root.name??"workflow",h=z(u);r.push(`${f.topLeft}${ke(o-2,h)}${f.topRight}`),r.push(`${f.vertical}${" ".repeat(o-2)}${f.vertical}`);let p=q(e.root.children,n,t,0);for(let c of p)r.push(`${f.vertical}  ${ie(c,a)}${f.vertical}`);if(r.push(`${f.vertical}${" ".repeat(o-2)}${f.vertical}`),e.root.durationMs!==void 0&&n.showTimings){let c=e.root.state==="success"?"Completed":"Failed",l=`${X(c,e.root.state,t)} in ${N(e.root.durationMs)}`;r.push(`${f.vertical}  ${ie(l,a)}${f.vertical}`),r.push(`${f.vertical}${" ".repeat(o-2)}${f.vertical}`)}return r.push(`${f.bottomLeft}${f.horizontal.repeat(o-2)}${f.bottomRight}`),r.join(`
-`)}}}function q(e,n,t,o){let a=[];for(let r of e)_(r)?a.push(Q(r,n,t)):G(r)?a.push(...we(r,n,t,o)):U(r)?a.push(...be(r,n,t,o)):K(r)&&a.push(...ye(r,n,t,o));return a}function Q(e,n,t){let o=P(e.state,t),a=e.name??e.key??"step",r=X(a,e.state,t),u=`${o} ${r}`;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 we(e,n,t,o){let a=[],r="  ".repeat(o),u=P(e.state,t),h=e.name??"parallel",p=e.mode==="allSettled"?" (allSettled)":"";if(a.push(`${r}${f.teeRight}${f.teeDown}${f.horizontal} ${u} ${z(h)}${p}`),e.children.length===0)a.push(`${r}${f.vertical} ${v("(operations not individually tracked)")}`),a.push(`${r}${f.vertical} ${v("(wrap each operation with step() to see individual steps)")}`);else for(let c=0;c<e.children.length;c++){let s=e.children[c],g=c===e.children.length-1?`${r}${f.vertical} ${f.bottomLeft}`:`${r}${f.vertical} ${f.teeRight}`;if(_(s))a.push(`${g} ${Q(s,n,t)}`);else{let $=q([s],n,t,o+1);for(let k of $)a.push(`${r}${f.vertical}   ${k}`)}}return n.showTimings&&e.durationMs!==void 0&&a.push(`${r}${f.bottomLeft}${f.horizontal}${f.horizontal} ${v(`[${N(e.durationMs)}]`)}`),a}function be(e,n,t,o){let a=[],r="  ".repeat(o),u=P(e.state,t),h=e.name??"race";if(a.push(`${r}${f.teeRight}\u26A1 ${u} ${z(h)}`),e.children.length===0)a.push(`${r}${f.vertical} ${v("(operations not individually tracked)")}`),a.push(`${r}${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?`${r}${f.vertical} ${f.bottomLeft}`:`${r}${f.vertical} ${f.teeRight}`,$=e.winnerId&&c.id===e.winnerId?v(" (winner)"):"";if(_(c))a.push(`${l} ${Q(c,n,t)}${$}`);else{let k=q([c],n,t,o+1);for(let w of k)a.push(`${r}${f.vertical}   ${w}`)}}return n.showTimings&&e.durationMs!==void 0&&a.push(`${r}${f.bottomLeft}${f.horizontal}${f.horizontal} ${v(`[${N(e.durationMs)}]`)}`),a}function ye(e,n,t,o){let a=[],r="  ".repeat(o),u=P(e.state,t),h=e.name??"decision",p=e.condition?v(` (${e.condition})`):"",c=e.decisionValue!==void 0?v(` = ${String(e.decisionValue)}`):"",s=e.branchTaken!==void 0?v(` \u2192 ${String(e.branchTaken)}`):"";a.push(`${r}${f.teeRight}${f.teeDown}${f.horizontal} ${u} ${z(h)}${p}${c}${s}`);for(let l=0;l<e.branches.length;l++){let g=e.branches[l],k=l===e.branches.length-1?`${r}${f.vertical} ${f.bottomLeft}`:`${r}${f.vertical} ${f.teeRight}`,w=g.taken?"\u2713":"\u2298",y=g.taken?t.success:t.skipped,x=j(`${w} ${g.label}`,y),T=g.condition?v(` (${g.condition})`):"";if(a.push(`${k} ${x}${T}`),g.children.length>0){let R=q(g.children,n,t,o+1);for(let b of R)a.push(`${r}${f.vertical}   ${b}`)}else g.taken||a.push(`${r}${f.vertical}   ${v("(skipped)")}`)}return n.showTimings&&e.durationMs!==void 0&&a.push(`${r}${f.bottomLeft}${f.horizontal}${f.horizontal} ${v(`[${N(e.durationMs)}]`)}`),a}function Se(){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 se=0;function V(e="node"){return`${e}_${++se}`}function ve(){se=0}function D(e){return e.replace(/[{}[\]()]/g,"").replace(/[<>]/g,"").replace(/"/g,"'").trim()}function ae(e){return D(e).replace(/[[\]]/g,"")}function J(){return{name:"mermaid",supportsLive:!1,render(e,n){ve();let t=[];t.push("flowchart TD");let o="start";t.push(`    ${o}(("\u25B6 Start"))`);let a=o;for(let r of e.root.children){let u=Z(r,n,t);t.push(`    ${a} --> ${u.entryId}`),a=u.exitId}if(e.root.state==="success"||e.root.state==="error"){let r="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(`    ${r}${p}${c}`),t.push(`    ${a} --> ${r}`)}return t.push(""),t.push(...Se()),t.join(`
-`)}}}function Z(e,n,t){if(_(e))return Ee(e,n,t);if(G(e))return xe(e,n,t);if(U(e))return De(e,n,t);if(K(e))return Ie(e,n,t);let o=V("unknown");return t.push(`    ${o}[Unknown Node]`),{entryId:o,exitId:o}}function Ee(e,n,t){let o=e.key?`step_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:V("step"),a=D(e.name??e.key??"Step"),r=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+a+h+p+r).trim(),s=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(`    ${o}${l}:::${s}`),{entryId:o,exitId:o}}function xe(e,n,t){let o=V("parallel"),a=`${o}_fork`,r=`${o}_join`,u=ae(e.name??"Parallel"),h=e.mode==="allSettled"?" (allSettled)":"";if(e.children.length===0){let s=o,l=D(`${u}${h}`),g="operations not individually tracked",$=n.showTimings&&e.durationMs!==void 0?` ${N(e.durationMs)}`:"";return t.push(`    ${s}[${l}${$}\\n${g}]:::${e.state}`),{entryId:s,exitId:s}}t.push(`    subgraph ${o}["${u}${h}"]`),t.push("    direction TB"),t.push(`    ${a}{"\u26A1 Fork"}`);let p=[];for(let s of e.children){let l=Z(s,n,t);t.push(`    ${a} --> ${l.entryId}`),p.push(l.exitId)}t.push(`    ${r}{"\u2713 Join"}`);for(let s of p)t.push(`    ${s} --> ${r}`);t.push("    end");let c=e.state;return t.push(`    class ${o} ${c}`),{entryId:a,exitId:r}}function De(e,n,t){let o=V("race"),a=`${o}_start`,r=`${o}_end`,u=ae(e.name??"Race");if(e.children.length===0){let s=o,l=D(u),g="operations not individually tracked",$=n.showTimings&&e.durationMs!==void 0?` ${N(e.durationMs)}`:"";return t.push(`    ${s}[\u26A1 ${l}${$}\\n${g}]:::${e.state}`),{entryId:s,exitId:s}}t.push(`    subgraph ${o}["\u26A1 ${u}"]`),t.push("    direction TB"),t.push(`    ${a}(("\u{1F3C1} Start"))`);let h=[],p;for(let s of e.children){let l=Z(s,n,t),g=_(s)&&e.winnerId===s.id;t.push(`    ${a} --> ${l.entryId}`),g&&(p=l.exitId),h.push({exitId:l.exitId,isWinner:g})}t.push(`    ${r}(("\u2713 First"))`);for(let{exitId:s,isWinner:l}of h)l&&p?t.push(`    ${s} ==>|\u{1F3C6} Winner| ${r}`):e.winnerId?t.push(`    ${s} -. cancelled .-> ${r}`):t.push(`    ${s} --> ${r}`);t.push("    end");let c=e.state;return t.push(`    class ${o} ${c}`),{entryId:a,exitId:r}}function Ie(e,n,t){let o=e.key?`decision_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:V("decision"),a=D(e.condition??"condition"),r=e.decisionValue!==void 0?` = ${D(String(e.decisionValue)).slice(0,30)}`:"",u=`${a}${r}`.trim();t.push(`    ${o}{${u}}`);let h=[],p;for(let c of e.branches){let s=`${o}_${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(`    ${s}[${g}]${$}`);let k=c.condition?`|${D(c.condition).replace(/\|/g,"")}|`:"";if(t.push(`    ${o} -->${k} ${s}`),c.children.length>0){let w=s;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(s),c.taken&&(p=s)}return p?{entryId:o,exitId:p}:{entryId:o,exitId:o}}var C={clearToEnd:"\x1B[J",cursorUp:e=>`\x1B[${e}A`,cursorToStart:"\x1B[G",hideCursor:"\x1B[?25l",showCursor:"\x1B[?25h",saveCursor:"\x1B[s",restoreCursor:"\x1B[u"};function Ne(e={}){let{workflowName:n,detectParallel:t=!0,showTimings:o=!0,showKeys:a=!1,colors:r,stream:u=process.stdout,updateInterval:h=100}=e,p=F({detectParallel:t}),c=L(),s={showTimings:o,showKeys:a,terminalWidth:u.columns??80,colors:{...M,...r}},l=!1,g="",$=0,k=null,w=!1;function y(S){u.writable&&u.write(S)}function x(){if(!l)return;let S=W(),B=c.render(S,s);B!==g&&($>0&&(y(C.cursorUp($)),y(C.cursorToStart),y(C.clearToEnd)),y(B),y(`
-`),g=B,$=B.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 W(){let S=p.getIR();return n&&!S.root.name&&(S.root.name=n),S}function i(){return c.render(W(),s)}function d(){l||(l=!0,g="",$=0,y(C.hideCursor),x())}function m(){if(!l)return;l=!1,k!==null&&(clearTimeout(k),k=null);let S=W(),B=c.render(S,s);$>0&&(y(C.cursorUp($)),y(C.cursorToStart),y(C.clearToEnd)),y(B),y(`
-`),y(C.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:W,render:i,start:d,stop:m,refresh:E,reset:I}}function ee(e,n={}){let{condition:t,value:o,name:a,workflowId:r=crypto.randomUUID(),emit:u}=n,h=Date.now(),p,c=[];function s(g,$,k){c.push({label:g,condition:k,taken:$}),$&&(p=g),u?.({type:"decision_branch",workflowId:r,decisionId:e,branchLabel:g,condition:k,taken:$,ts:Date.now()})}function l(){let g=Date.now()-h;u?.({type:"decision_end",workflowId:r,decisionId:e,branchTaken:p,ts:Date.now(),durationMs:g})}return u?.({type:"decision_start",workflowId:r,decisionId:e,condition:t,decisionValue:o,name:a,ts:h}),{takeBranch:s,end:l,getBranchTaken:()=>p,getBranches:()=>[...c]}}function Te(e,n,t={}){let o=ee(e,{...t,condition:t.condition??String(n),value:t.value??n});return{...o,condition:n,then:()=>{o.takeBranch("if",!0)},else:()=>{o.takeBranch("else",!0)}}}function Re(e,n,t={}){let o=ee(e,{...t,condition:t.condition??`switch(${String(n)})`,value:n});return{...o,value:n,case:(a,r)=>{o.takeBranch(`case '${a}'`,r,`value === '${a}'`)},default:a=>{o.takeBranch("default",a)}}}function te(e={}){let{workflowName:n,detectParallel:t=!0,showTimings:o=!0,showKeys:a=!1,colors:r}=e,u=F({detectParallel:t}),h=new Set,p=L(),c=J(),s={showTimings:o,showKeys:a,terminalWidth:process.stdout?.columns??80,colors:{...M,...r}};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,s)}function x(b){let O=w();switch(b){case"ascii":return p.render(O,s);case"mermaid":return c.render(O,s);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 rt(e,n={}){let t=te(n);for(let o of e)o.type.startsWith("decision_")?t.handleDecisionEvent(o):t.handleEvent(o);return t.render()}function ot(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=te(e);for(let o of n)o.type.startsWith("decision_")?t.handleDecisionEvent(o):t.handleEvent(o);return t.render()},visualizeAs:t=>{let o=te(e);for(let a of n)a.type.startsWith("decision_")?o.handleDecisionEvent(a):o.handleEvent(a);return o.renderAs(t)}}}export{L as asciiRenderer,ot as createEventCollector,F as createIRBuilder,Ne as createLiveVisualizer,le as createParallelDetector,te as createVisualizer,M as defaultColorScheme,A as detectParallelGroups,Le as hasChildren,K as isDecisionNode,G as isParallelNode,U as isRaceNode,Be as isSequenceNode,_ as isStepNode,J as mermaidRenderer,ee as trackDecision,Te as trackIf,Re as trackSwitch,rt as visualizeEvents};
+function H(e){if(e<1e3)return`${Math.round(e)}ms`;if(e<6e4)return`${(e/1e3).toFixed(1).replace(/\.0$/,"")}s`;let r=Math.floor(e/6e4),t=Math.round(e%6e4/1e3);return t===0?`${r}m`:`${r}m ${t}s`}function le(){return`node_${Date.now()}_${Math.random().toString(36).slice(2,8)}`}function Ae(e){for(let r of e)if((r.type==="parallel"||r.type==="race"||r.type==="sequence")&&!r.id.startsWith("detected_")||"decisionId"in r)return!0;return!1}function oe(e,r={}){if(Ae(e))return e;let{minOverlapMs:t=0,maxGapMs:a=5}=r,o=[],n=[];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}):n.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:ze(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 n)d.push({node:u,position:s});return d.sort((u,s)=>u.position-s.position),d.map(u=>u.node)}function ze(e){return e.some(n=>n.state==="error")?"error":e.some(n=>n.state==="running")?"running":e.some(n=>n.state==="pending")?"pending":(e.every(n=>n.state==="success"||n.state==="cached"),"success")}function Fe(e={}){return{detect:r=>oe(r,e)}}function q(e={}){let{detectParallel:r=!0,parallelDetection:t,enableSnapshots:a=!1,maxSnapshots:o=1e3}=e,n,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??le()}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,G]of s)b.set(F,{id:G.id,name:G.name,key:G.key,startTs:G.startTs,retryCount:G.retryCount,timedOut:G.timedOut,timeoutMs:G.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":n=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();r&&(i=oe(i,t));let m={type:"workflow",id:n??le(),workflowId:n??"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(){n=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 Ct(e){return e.type==="sequence"}function J(e){return e.type==="parallel"}function Y(e){return e.type==="race"}function X(e){return e.type==="decision"}function Ot(e){return"children"in e||e.type==="decision"&&"branches"in e}var ue="\x1B[0m",Ve="\x1B[1m",Ie="\x1B[2m",Ue="\x1B[31m",je="\x1B[32m",Ke="\x1B[33m",Ge="\x1B[34m",Ee="\x1B[90m",qe="\x1B[37m";function U(e,r){return r?`${r}${e}${ue}`:e}function te(e){return`${Ve}${e}${ue}`}function _(e){return`${Ie}${e}${ue}`}var j={pending:qe,running:Ke,success:je,error:Ue,aborted:Ee,cached:Ge,skipped:Ie+Ee};function Je(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 ne(e,r){let t=Je(e);return U(t,r[e])}function pe(e,r,t){return U(e,t[r])}function De(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"},Z={cold:"\x1B[34m",cool:"\x1B[36m",neutral:"",warm:"\x1B[33m",hot:"\x1B[31m",critical:"\x1B[41m"},Ye="\x1B[0m";function Xe(e){return e<.2?Z.cold:e<.4?Z.cool:e<.6?Z.neutral:e<.8?Z.warm:e<.95?Z.hot:Z.critical}function Te(e,r){let t=Xe(r);return t?`${t}${e}${Ye}`:e}var Ne="\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";function Ze(e,r=10){if(e.length===0)return"";let t=e.slice(-r),a=Math.min(...t),n=Math.max(...t)-a||1;return t.map(c=>{let p=(c-a)/n,d=Math.floor(p*(Ne.length-1));return Ne[d]}).join("")}function fe(e,r){let t=De(e).length,a=Math.max(0,r-t);return e+" ".repeat(a)}function Qe(e,r){if(!r)return y.horizontal.repeat(e);let t=` ${r} `,a=e-t.length;if(a<4)return y.horizontal.repeat(e);let o=2,n=a-o;return y.horizontal.repeat(o)+t+y.horizontal.repeat(n)}function Me(e,r,t){let a=e.state==="success"?U("\u2699",t.success):U("\u26A0",t.error),o=e.durationMs!==void 0?_(` [${H(e.durationMs)}]`):"",n="";e.type==="shouldRun"&&e.context?.skipped?n=_(" \u2192 workflow skipped"):e.type==="shouldRun"&&e.context?.result===!0?n=_(" \u2192 proceed"):e.type==="onBeforeStart"&&e.context?.skipped?n=_(" \u2192 workflow skipped"):e.type==="onAfterStep"&&e.context?.stepKey&&(n=_(` (${e.context.stepKey})`));let c=e.state==="error"&&e.error?_(` error: ${String(e.error)}`):"";return`${a} ${_(r)}${n}${o}${c}`}function et(e,r){let t=[];return e.shouldRun&&t.push(Me(e.shouldRun,"shouldRun",r)),e.onBeforeStart&&t.push(Me(e.onBeforeStart,"onBeforeStart",r)),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 Q(){return{name:"ascii",supportsLive:!0,render(e,r){let t={...j,...r.colors},a=r.terminalWidth??60,o=a-4,n=[],c=e.root.name??"workflow",p=te(c);if(n.push(`${y.topLeft}${Qe(a-2,p)}${y.topRight}`),n.push(`${y.vertical}${" ".repeat(a-2)}${y.vertical}`),e.hooks){let u=et(e.hooks,t);for(let s of u)n.push(`${y.vertical}  ${fe(s,o)}${y.vertical}`)}let d=ie(e.root.children,r,t,0,e.hooks);for(let u of d)n.push(`${y.vertical}  ${fe(u,o)}${y.vertical}`);if(n.push(`${y.vertical}${" ".repeat(a-2)}${y.vertical}`),e.root.durationMs!==void 0&&r.showTimings){let u=e.root.state==="success"?"Completed":"Failed",l=`${pe(u,e.root.state,t)} in ${H(e.root.durationMs)}`;n.push(`${y.vertical}  ${fe(l,o)}${y.vertical}`),n.push(`${y.vertical}${" ".repeat(a-2)}${y.vertical}`)}return n.push(`${y.bottomLeft}${y.horizontal.repeat(a-2)}${y.bottomRight}`),n.join(`
+`)}}}function ie(e,r,t,a,o){let n=[];for(let c of e)V(c)?n.push(me(c,r,t,o)):J(c)?n.push(...tt(c,r,t,a,o)):Y(c)?n.push(...nt(c,r,t,a,o)):X(c)&&n.push(...rt(c,r,t,a,o));return n}function me(e,r,t,a){let o=ne(e.state,t),n=e.name??e.key??"step",c=r,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=Te(n,d):u=pe(n,e.state,t);let s=`${o} ${u}`;if(r.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(r.showTimings&&e.durationMs!==void 0){let l=H(e.durationMs),f=d!==void 0?Te(`[${l}]`,d):_(`[${l}]`);s+=` ${f}`}if(c.showSparklines&&c.timingHistory){let l=c.timingHistory.get(p);l&&l.length>1&&(s+=` ${_(Ze(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"?U("\u2699",t.success):U("\u26A0",t.error),h=l.durationMs!==void 0?_(` ${H(l.durationMs)}`):"";s+=` ${f}${h}`}return s}function tt(e,r,t,a,o){let n=[],c="  ".repeat(a),p=ne(e.state,t),d=e.name??"parallel",u=e.mode==="allSettled"?" (allSettled)":"";if(n.push(`${c}${y.teeRight}${y.teeDown}${y.horizontal} ${p} ${te(d)}${u}`),e.children.length===0)n.push(`${c}${y.vertical} ${_("(operations not individually tracked)")}`),n.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))n.push(`${h} ${me(l,r,t,o)}`);else{let k=ie([l],r,t,a+1,o);for(let v of k)n.push(`${c}${y.vertical}   ${v}`)}}return r.showTimings&&e.durationMs!==void 0&&n.push(`${c}${y.bottomLeft}${y.horizontal}${y.horizontal} ${_(`[${H(e.durationMs)}]`)}`),n}function nt(e,r,t,a,o){let n=[],c="  ".repeat(a),p=ne(e.state,t),d=e.name??"race";if(n.push(`${c}${y.teeRight}\u26A1 ${p} ${te(d)}`),e.children.length===0)n.push(`${c}${y.vertical} ${_("(operations not individually tracked)")}`),n.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))n.push(`${f} ${me(s,r,t,o)}${k}`);else{let v=ie([s],r,t,a+1,o);for(let R of v)n.push(`${c}${y.vertical}   ${R}`)}}return r.showTimings&&e.durationMs!==void 0&&n.push(`${c}${y.bottomLeft}${y.horizontal}${y.horizontal} ${_(`[${H(e.durationMs)}]`)}`),n}function rt(e,r,t,a,o){let n=[],c="  ".repeat(a),p=ne(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)}`):"";n.push(`${c}${y.teeRight}${y.teeDown}${y.horizontal} ${p} ${te(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=U(`${R} ${h.label}`,T),O=h.condition?_(` (${h.condition})`):"";if(n.push(`${v} ${B}${O}`),h.children.length>0){let g=ie(h.children,r,t,a+1,o);for(let I of g)n.push(`${c}${y.vertical}   ${I}`)}else h.taken||n.push(`${c}${y.vertical}   ${_("(skipped)")}`)}return r.showTimings&&e.durationMs!==void 0&&n.push(`${c}${y.bottomLeft}${y.horizontal}${y.horizontal} ${_(`[${H(e.durationMs)}]`)}`),n}function he(e){let r=[];for(let t of e)if(r.push(t),"children"in t&&Array.isArray(t.children)&&r.push(...he(t.children)),"branches"in t)for(let a of t.branches)r.push(...he(a.children));return r}function ae(e,r){if(e.length===0)return 0;let t=Math.floor(e.length*r);return e[Math.min(t,e.length-1)]}function ge(e){return e<.2?"cold":e<.4?"cool":e<.6?"neutral":e<.8?"warm":e<.95?"hot":"critical"}function ve(){let e=new Map,r=new Map,t=new Map,a=new Map,o=[];function n(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 $=n(w);I.set($,{retried:!1,timedOut:!1});break}case"step_retry":{let $=n(w),W=I.get($);W&&(W.retried=!0);break}case"step_timeout":{let $=n(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 $=n(w),W=I.get($),C=e.get($)??[];C.push(w.durationMs),e.set($,C);let D=r.get($)??{retried:0,total:0};D.total++,W?.retried&&D.retried++,r.set($,D);let M=t.get($)??{errors:0,total:0};M.total++,t.set($,M),I.delete($);break}case"step_error":{let $=n(w),W=I.get($),C=e.get($)??[];C.push(w.durationMs),e.set($,C);let D=r.get($)??{retried:0,total:0};D.total++,W?.retried&&D.retried++,r.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=r.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:ae(w,.5),p90:ae(w,.9),p95:ae(w,.95),p99:ae(w,.99)}}}function l(g){return s(g)}function f(g,I="duration"){let w=new Map,$=he(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(r),errorData:Object.fromEntries(t),timeoutData:Object.fromEntries(a)})}function B(g){let I=JSON.parse(g);e.clear(),r.clear(),t.clear(),a.clear();for(let[w,$]of Object.entries(I.timingData??{}))e.set(w,$);for(let[w,$]of Object.entries(I.retryData??{}))r.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(),r.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 ot(){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 it(){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 at(e){return`heat_${e}`}function st(){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 ct(e,r,t){let a;if(e.shouldRun){let o="hook_shouldRun",n=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":"";r.push(`    ${o}[["${c} shouldRun${d}${p}"]]:::${n}`),a=o}if(e.onBeforeStart){let o="hook_beforeStart",n=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":"";r.push(`    ${o}[["${c} onBeforeStart${d}${p}"]]:::${n}`),a&&r.push(`    ${a} --> ${o}`),a=o}return{lastHookId:a}}var _e=0;function re(e="node"){return`${e}_${++_e}`}function dt(){_e=0}function z(e){return e.replace(/[{}[\]()]/g,"").replace(/[<>]/g,"").replace(/"/g,"'").trim()}function Ce(e){return z(e).replace(/[[\]]/g,"")}function se(){return{name:"mermaid",supportsLive:!1,render(e,r){dt();let t=[],a=r;t.push("flowchart TD");let o;e.hooks&&(o=ct(e.hooks,t,r).lastHookId);let n="start";t.push(`    ${n}(("\u25B6 Start"))`),o&&t.push(`    ${o} --> ${n}`);let c=n;for(let p of e.root.children){let d=ce(p,r,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(...ot()),a.showHeatmap&&t.push(...it()),e.hooks&&t.push(...st()),t.join(`
+`)}}}function ce(e,r,t,a,o){if(V(e))return lt(e,r,t,a,o);if(J(e))return ut(e,r,t,a,o);if(Y(e))return pt(e,r,t,a,o);if(X(e))return ft(e,r,t,a,o);let n=re("unknown");return t.push(`    ${n}[Unknown Node]`),{entryId:n,exitId:n}}function lt(e,r,t,a,o){let n=e.key?`step_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:re("step"),c=z(e.name??e.key??"Step"),p=r.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=r.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=ge(v);h=at(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(`    ${n}${R}:::${h}`),{entryId:n,exitId:n}}function ut(e,r,t,a,o){let n=re("parallel"),c=`${n}_fork`,p=`${n}_join`,d=Ce(e.name??"Parallel"),u=e.mode==="allSettled"?" (allSettled)":"";if(e.children.length===0){let f=n,h=z(`${d}${u}`),k="operations not individually tracked",v=r.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 ${n}["${d}${u}"]`),t.push("    direction TB"),t.push(`    ${c}{"\u26A1 Fork"}`);let s=[];for(let f of e.children){let h=ce(f,r,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 ${n} ${l}`),{entryId:c,exitId:p}}function pt(e,r,t,a,o){let n=re("race"),c=`${n}_start`,p=`${n}_end`,d=Ce(e.name??"Race");if(e.children.length===0){let f=n,h=z(d),k="operations not individually tracked",v=r.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 ${n}["\u26A1 ${d}"]`),t.push("    direction TB"),t.push(`    ${c}(("\u{1F3C1} Start"))`);let u=[],s;for(let f of e.children){let h=ce(f,r,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 ${n} ${l}`),{entryId:c,exitId:p}}function ft(e,r,t,a,o){let n=e.key?`decision_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:re("decision"),c=z(e.condition??"condition"),p=e.decisionValue!==void 0?` = ${z(String(e.decisionValue)).slice(0,30)}`:"",d=`${c}${p}`.trim();t.push(`    ${n}{${d}}`);let u=[],s;for(let l of e.branches){let f=`${n}_${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(`    ${n} -->${R} ${f}`),l.children.length>0){let T=f;for(let B of l.children){let O=ce(B,r,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:n,exitId:s}:{entryId:n,exitId:n}}function Oe(e){let r={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=n=>`
+    --bg: ${n.bg};
+    --bg-secondary: ${n.bgSecondary};
+    --text: ${n.text};
+    --text-muted: ${n.textMuted};
+    --border: ${n.border};
+    --primary: ${n.primary};
+    --success: ${n.success};
+    --error: ${n.error};
+    --warning: ${n.warning};
+    --info: ${n.info};
+    --muted: ${n.muted};
+    --node-pending: ${n.nodePending};
+    --node-running: ${n.nodeRunning};
+    --node-success: ${n.nodeSuccess};
+    --node-error: ${n.nodeError};
+    --node-aborted: ${n.nodeAborted};
+    --node-cached: ${n.nodeCached};
+    --node-skipped: ${n.nodeSkipped};
+    --heat-cold: ${n.heatCold};
+    --heat-cool: ${n.heatCool};
+    --heat-neutral: ${n.heatNeutral};
+    --heat-warm: ${n.heatWarm};
+    --heat-hot: ${n.heatHot};
+    --heat-critical: ${n.heatCritical};
+  `,o;return e==="auto"?o=`
+      :root {
+        ${a(r)}
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          ${a(t)}
+        }
+      }
+    `:e==="dark"?o=`
+      :root {
+        ${a(t)}
+      }
+    `:o=`
+      :root {
+        ${a(r)}
+      }
+    `,`
+${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 We(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,de=50,we=40,mt=30,A=20;function ht(e,r="TB"){let t=r==="TB"||r==="BT",a=[],o=A,n=A,c=0,p=0;for(let d of e){let u=be(d,o,n,t);a.push(u.node),t?(n+=u.height+mt,c=Math.max(c,u.width),p=n):(o+=u.width+we,p=Math.max(p,u.height),c=o)}return{nodes:a,width:c+A,height:p+A}}function be(e,r,t,a){if(V(e))return{node:{id:e.id,name:e.name??e.key??"step",type:"step",state:e.state,x:r,y:t,width:ee,height:de,durationMs:e.durationMs},width:ee,height:de};if(J(e)||Y(e)){let o=J(e)?"parallel":"race",n=e.name??o,c=[],p=r+A,d=t+A+20,u=0,s=0;for(let h of e.children){let k=be(h,p,d,!0);c.push(k.node),p+=k.width+we,s=Math.max(s,k.height)}u=p-r-A;let l=Math.max(u+A,ee+A*2),f=s+A*2+20;return{node:{id:e.id,name:n,type:o,state:e.state,x:r,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",n=[],c=r+A,p=t+A+20,d=0;for(let l of e.branches)for(let f of l.children){let h=be(f,c,p,!0);n.push(h.node),c+=h.width+we,d=Math.max(d,h.height)}let u=Math.max(c-r,ee+A*2),s=d+A*2+20;return{node:{id:e.id,name:o,type:"decision",state:e.state,x:r,y:t,width:u,height:s,durationMs:e.durationMs,children:n,containerType:"decision",containerLabel:"DECISION"},width:u,height:s}}return{node:{id:e.id,name:e.name??"unknown",type:e.type,state:e.state,x:r,y:t,width:ee,height:de},width:ee,height:de}}function Le(e,r){return e.containerType?vt(e,r):gt(e,r)}function gt(e,r){let a=r&&e.durationMs!==void 0?H(e.durationMs):"";return`
+    <g class="wv-node wv-node--${e.state}" data-node-id="${He(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)}">${ye(kt(e.name,20))}</text>
+      ${a?`<text class="wv-node-timing" x="${e.width/2}" y="${e.height/2+12}">${a}</text>`:""}
+    </g>
+  `}function vt(e,r){let a=e.children?.map(o=>Le(o,r)).join(`
+`)??"";return`
+    <g class="wv-container wv-container--${e.containerType}" data-node-id="${He(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 wt(e){let r=[];for(let t=0;t<e.length-1;t++){let a=e[t],o=e[t+1],n=a.x+a.width/2,c=a.y+a.height,p=o.x+o.width/2,d=o.y;r.push(`
+      <path class="wv-edge" d="M ${n} ${c} L ${p} ${d-8}" />
+      <polygon class="wv-edge-arrow" points="${p-4},${d-8} ${p+4},${d-8} ${p},${d}" />
+    `)}return r.join(`
+`)}function Be(e,r){let t=ht(e.root.children,r.layout),a=Math.max(t.width,400),o=Math.max(t.height,300),n=t.nodes.map(s=>Le(s,r.showTimings)).join(`
+`),c=wt(t.nodes),p=e.root.name??"Workflow",d=Oe(r.theme),u=We({wsUrl:r.wsUrl,interactive:r.interactive,timeTravel:r.timeTravel,heatmap:r.heatmap});return`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${ye(p)} - Workflow Visualizer</title>
+  <style>${d}</style>
+</head>
+<body>
+  <div class="workflow-visualizer">
+    <header class="wv-header">
+      <h1>${ye(p)}</h1>
+      <div class="wv-controls">
+        ${r.wsUrl?'<div id="live-indicator" class="wv-live" style="display:none"><span class="wv-live-dot"></span>LIVE</div>':""}
+        ${r.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>
+        `:""}
+        ${r.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}
+            ${n}
+          </g>
+        </svg>
+      </div>
+
+      ${r.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>
+
+    ${r.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__ = ${yt(e)};
+  </script>
+  <script>${u}</script>
+</body>
+</html>`}function bt(e){let r={};function t(a){for(let o of a)if(r[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 n of o.branches)t(n.children)}return t(e.root.children),{nodes:r}}function yt(e){return JSON.stringify(bt(e)).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}function ye(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function He(e){return e.replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function kt(e,r){return e.length<=r?e:e.slice(0,r-1)+"\u2026"}var Pe={interactive:!0,timeTravel:!0,heatmap:!0,animationDuration:200,theme:"auto",layout:"TB"};function St(){return{name:"html",supportsLive:!0,render(e,r){let t={...r,...Pe,...r};return Be(e,t)}}}function ke(e,r={}){let t={showTimings:!0,showKeys:!1,colors:{pending:"#6c757d",running:"#ffc107",success:"#198754",error:"#dc3545",aborted:"#6c757d",cached:"#0dcaf0",skipped:"#adb5bd"},...Pe,...r};return Be(e,t)}var K={clearToEnd:"\x1B[J",cursorUp:e=>`\x1B[${e}A`,cursorToStart:"\x1B[G",hideCursor:"\x1B[?25l",showCursor:"\x1B[?25h",saveCursor:"\x1B[s",restoreCursor:"\x1B[u"};function xt(e={}){let{workflowName:r,detectParallel:t=!0,showTimings:a=!0,showKeys:o=!1,colors:n,stream:c=process.stdout,updateInterval:p=100}=e,d=q({detectParallel:t}),u=Q(),s={showTimings:a,showKeys:o,terminalWidth:c.columns??80,colors:{...j,...n}},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(K.cursorUp(h)),R(K.cursorToStart),R(K.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 r&&!N.root.name&&(N.root.name=r),N}function $(){return u.render(w(),s)}function W(){l||(l=!0,f="",h=0,R(K.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(K.cursorUp(h)),R(K.cursorToStart),R(K.clearToEnd)),R(S),R(`
+`),R(K.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 Se(e,r={}){let{condition:t,value:a,name:o,workflowId:n=crypto.randomUUID(),emit:c}=r,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:n,decisionId:e,branchLabel:f,condition:k,taken:h,ts:Date.now()})}function l(){let f=Date.now()-p;c?.({type:"decision_end",workflowId:n,decisionId:e,branchTaken:d,ts:Date.now(),durationMs:f})}return c?.({type:"decision_start",workflowId:n,decisionId:e,condition:t,decisionValue:a,name:o,ts:p}),{takeBranch:s,end:l,getBranchTaken:()=>d,getBranches:()=>[...u]}}function $t(e,r,t={}){let a=Se(e,{...t,condition:t.condition??String(r),value:t.value??r});return{...a,condition:r,then:()=>{a.takeBranch("if",!0)},else:()=>{a.takeBranch("else",!0)}}}function Rt(e,r,t={}){let a=Se(e,{...t,condition:t.condition??`switch(${String(r)})`,value:r});return{...a,value:r,case:(o,n)=>{a.takeBranch(`case '${o}'`,n,`value === '${o}'`)},default:o=>{a.takeBranch("default",o)}}}function xe(e={}){let{maxSnapshots:r=1e3,autoRecord:t=!0,builderOptions:a={}}=e,o=q({...a,enableSnapshots:!0,maxSnapshots:r}),n={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(){n.snapshots=o.getSnapshots(),n.isRecording&&n.snapshots.length>0&&(n.currentIndex=n.snapshots.length-1)}function s(D){o.handleEvent(D),n.isRecording&&(u(),d())}function l(D){let M=o.getSnapshots();if(!(D<0||D>=M.length))return n.currentIndex=D,n.snapshots=M,d(),M[D].ir}function f(){return l(n.currentIndex+1)}function h(){return l(n.currentIndex-1)}function k(D=1){n.playbackSpeed=D,n.isPlaying=!0,d();let M=()=>{if(!n.isPlaying)return;let N=o.getSnapshots();if(n.currentIndex<N.length-1){let S=N[n.currentIndex],L=(N[n.currentIndex+1].timestamp-S.timestamp)/n.playbackSpeed;p=setTimeout(()=>{f(),M()},Math.max(16,L))}else v()};M()}function v(){n.isPlaying=!1,p&&(clearTimeout(p),p=null),d()}function R(){let D=o.getSnapshots();return n.currentIndex>=0&&n.currentIndex<D.length?D[n.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:n.currentIndex,isPlaying:n.isPlaying,playbackSpeed:n.playbackSpeed,isRecording:n.isRecording}}function I(D){return c.add(D),()=>c.delete(D)}function w(){n.isRecording=!0,d()}function $(){n.isRecording=!1,d()}function W(){v(),o.reset(),n={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}}import{createServer as Et}from"http";import{execFile as $e}from"child_process";async function It(e={}){let{port:r=3377,host:t="localhost",autoOpen:a=!0,workflowName:o="Workflow",timeTravel:n=!0,heatmap:c=!0,maxSnapshots:p=1e3}=e,d=xe({maxSnapshots:p}),u=ve(),s=null,l=null,f=r,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 ke(S,{interactive:!0,timeTravel:n,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"?$e("open",[S],E=>{E&&console.warn("[DevServer] Failed to open browser:",E.message)}):x==="win32"?$e("cmd.exe",["/c","start","",S],E=>{E&&console.warn("[DevServer] Failed to open browser:",E.message)}):$e("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=Et(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 Re(e={}){let{workflowName:r,detectParallel:t=!0,showTimings:a=!0,showKeys:o=!1,colors:n}=e,c=q({detectParallel:t}),p=new Set,d=Q(),u=se(),s={showTimings:a,showKeys:o,terminalWidth:process.stdout?.columns??80,colors:{...j,...n}};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 r&&!g.root.name&&(g.root.name=r),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 wn(e,r={}){let t=Re(r);for(let a of e)a.type.startsWith("decision_")?t.handleDecisionEvent(a):t.handleEvent(a);return t.render()}function bn(e={}){let r=[];return{handleEvent:t=>{r.push(t)},handleDecisionEvent:t=>{r.push(t)},getEvents:()=>[...r],getWorkflowEvents:()=>r.filter(t=>!t.type.startsWith("decision_")),getDecisionEvents:()=>r.filter(t=>t.type.startsWith("decision_")),clear:()=>{r.length=0},visualize:()=>{let t=Re(e);for(let a of r)a.type.startsWith("decision_")?t.handleDecisionEvent(a):t.handleEvent(a);return t.render()},visualizeAs:t=>{let a=Re(e);for(let o of r)o.type.startsWith("decision_")?a.handleDecisionEvent(o):a.handleEvent(o);return a.renderAs(t)}}}export{Q as asciiRenderer,It as createDevServer,bn as createEventCollector,q as createIRBuilder,xt as createLiveVisualizer,Fe as createParallelDetector,ve as createPerformanceAnalyzer,xe as createTimeTravelController,Re as createVisualizer,j as defaultColorScheme,oe as detectParallelGroups,ge as getHeatLevel,Ot as hasChildren,St as htmlRenderer,X as isDecisionNode,J as isParallelNode,Y as isRaceNode,Ct as isSequenceNode,V as isStepNode,se as mermaidRenderer,ke as renderToHTML,Se as trackDecision,$t as trackIf,Rt as trackSwitch,wn as visualizeEvents};
 //# sourceMappingURL=visualize.js.map