awaitly-visualizer 1.0.0

package/dist/index.cjs

@@ -0,0 +1,1680 @@
+"use strict";var Xt=Object.create;var $e=Object.defineProperty;var qt=Object.getOwnPropertyDescriptor;var Zt=Object.getOwnPropertyNames;var Qt=Object.getPrototypeOf,er=Object.prototype.hasOwnProperty;var tr=(e,t)=>{for(var r in t)$e(e,r,{get:t[r],enumerable:!0})},ot=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Zt(t))!er.call(e,i)&&i!==r&&$e(e,i,{get:()=>t[i],enumerable:!(o=qt(t,i))||o.enumerable});return e};var rr=(e,t,r)=>(r=e!=null?Xt(Qt(e)):{},ot(t||!e||!e.__esModule?$e(r,"default",{value:e,enumerable:!0}):r,e)),nr=e=>ot($e({},"__esModule",{value:!0}),e);var kn={};tr(kn,{asciiRenderer:()=>ie,buildMermaidInkUrl:()=>Ie,combineEventHandlers:()=>wn,createEventCollector:()=>yn,createIRBuilder:()=>ce,createLiveVisualizer:()=>Ft,createMermaidInkGenerator:()=>Ot,createParallelDetector:()=>it,createPerformanceAnalyzer:()=>pt,createTimeTravelController:()=>jt,createUrlGenerator:()=>Rt,createVisualizer:()=>ze,defaultColorScheme:()=>F,detectParallelGroups:()=>ve,encodeForMermaidInk:()=>Qe,flowchartRenderer:()=>fe,getHeatLevel:()=>he,hasChildren:()=>sr,htmlRenderer:()=>Ut,isDecisionNode:()=>Y,isParallelNode:()=>V,isRaceNode:()=>H,isSequenceNode:()=>Ke,isStepNode:()=>K,isStreamNode:()=>te,loggerRenderer:()=>Re,mermaidRenderer:()=>se,renderToHTML:()=>Ht,toExportUrl:()=>be,toKrokiPngUrl:()=>St,toKrokiSvgUrl:()=>xt,toKrokiUrl:()=>de,toMermaidInkJpegUrl:()=>Nt,toMermaidInkPdfUrl:()=>Mt,toMermaidInkPngUrl:()=>$t,toMermaidInkSvgUrl:()=>Et,toMermaidInkUrl:()=>G,toMermaidInkWebpUrl:()=>Tt,trackDecision:()=>Fe,trackIf:()=>zt,trackSwitch:()=>Kt,visualizeEvents:()=>bn});module.exports=nr(kn);function A(e){if(e<1e3)return`${Math.round(e)}ms`;if(e<6e4)return`${(e/1e3).toFixed(1).replace(/\.0$/,"")}s`;let t=Math.floor(e/6e4),r=Math.round(e%6e4/1e3);return r>=60&&(t+=1,r=0),r===0?`${t}m`:`${t}m ${r}s`}function Ne(){return`node_${Date.now()}_${Math.random().toString(36).slice(2,8)}`}function or(e){for(let t of e)if((t.type==="parallel"||t.type==="race"||t.type==="sequence")&&!t.id.startsWith("detected_")||t.type==="decision")return!0;return!1}function ve(e,t={}){if(or(e))return e;let{minOverlapMs:r=0,maxGapMs:o=5}=t,i=[],n=[];for(let c=0;c<e.length;c++){let l=e[c];l.type==="step"&&l.startTs!==void 0?i.push({node:l,startTs:l.startTs,endTs:l.endTs??l.startTs+(l.durationMs??0),originalIndex:c}):n.push({node:l,originalIndex:c})}if(i.length<=1)return e;i.sort((c,l)=>c.startTs-l.startTs);let s=[],a=[i[0]];for(let c=1;c<i.length;c++){let l=i[c],p=Math.min(...a.map(E=>E.startTs)),h=Math.max(...a.map(E=>E.endTs)),f=l.startTs<=p+o,b=l.startTs<h;if(!f&&!b){s.push(a),a=[l];continue}let k=b?Math.min(l.endTs,h)-l.startTs:0;f||k>=r?a.push(l):(s.push(a),a=[l])}s.push(a);let u=[];for(let c of s){let l=Math.min(...c.map(p=>p.originalIndex));if(c.length===1)u.push({node:c[0].node,position:l});else{let p=c.map(k=>k.node),h=Math.min(...c.map(k=>k.startTs)),f=Math.max(...c.map(k=>k.endTs)),b={type:"parallel",id:`detected_parallel_${h}`,name:`${p.length} parallel steps`,state:ir(p),mode:"all",children:p,startTs:h,endTs:f,durationMs:f-h};u.push({node:b,position:l})}}for(let{node:c,originalIndex:l}of n)u.push({node:c,position:l});return u.sort((c,l)=>c.position-l.position),u.map(c=>c.node)}function ir(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 it(e={}){return{detect:t=>ve(t,e)}}function ce(e={}){let{detectParallel:t=!0,parallelDetection:r,enableSnapshots:o=!1,maxSnapshots:i=1e3}=e,n=o,s=Ne(),a,u,c,l="pending",p,h,f=new Map,b=[],k=[],E=new Map,D=[],T=Date.now(),N=T,v={onAfterStep:new Map},x,g=[],y=0;function $(d){return d.stepId??d.stepKey??d.name??Ne()}function C(d){if(b.length>0){b[b.length-1].children.push(d),N=Date.now();return}if(k.length>0){let w=k[k.length-1];for(let m of w.branches.values())if(m.taken){m.children.push(d),N=Date.now();return}w.pendingChildren.push(d),N=Date.now();return}D.push(d),N=Date.now()}function M(d){if(!n)return;let w=ne(),m=new Map;for(let[W,X]of f)m.set(W,{id:X.id,name:X.name,key:X.key,startTs:X.startTs,retryCount:X.retryCount,timedOut:X.timedOut,timeoutMs:X.timeoutMs});let U={id:`snapshot_${y}`,eventIndex:y,event:structuredClone(d),ir:structuredClone(w),timestamp:Date.now(),activeSteps:m};g.push(U),g.length>i&&g.shift(),y++}function L(d){switch(d.type){case"workflow_start":{D=[],c=void 0,h=void 0,p=void 0,f.clear(),b.length=0,k.length=0,E.clear(),a=d.workflowId,u=d.ts,l="running",T=Date.now(),N=T,x!==void 0&&x!==d.workflowId&&(v.shouldRun=void 0,v.onBeforeStart=void 0),x=d.workflowId,v.onAfterStep=new Map;break}case"workflow_success":l="success",c=d.ts,h=d.durationMs,N=Date.now();break;case"workflow_error":l="error",c=d.ts,p=d.error,h=d.durationMs,N=Date.now();break;case"workflow_cancelled":l="aborted",c=d.ts,h=d.durationMs,N=Date.now();break;case"step_start":{let w=$(d);f.set(w,{id:w,name:d.name,key:d.stepKey,startTs:d.ts,retryCount:0,timedOut:!1}),N=Date.now();break}case"step_success":{let w=$(d),m=f.get(w);if(m){let U={type:"step",id:m.id,name:m.name,key:m.key,state:"success",startTs:m.startTs,endTs:d.ts,durationMs:d.durationMs,...m.retryCount>0&&{retryCount:m.retryCount},...m.timedOut&&{timedOut:!0,timeoutMs:m.timeoutMs}};C(U),f.delete(w)}break}case"step_error":{let w=$(d),m=f.get(w);if(m){let U={type:"step",id:m.id,name:m.name,key:m.key,state:"error",startTs:m.startTs,endTs:d.ts,durationMs:d.durationMs,error:d.error,...m.retryCount>0&&{retryCount:m.retryCount},...m.timedOut&&{timedOut:!0,timeoutMs:m.timeoutMs}};C(U),f.delete(w)}break}case"step_aborted":{let w=$(d),m=f.get(w);if(m){let U={type:"step",id:m.id,name:m.name,key:m.key,state:"aborted",startTs:m.startTs,endTs:d.ts,durationMs:d.durationMs,...m.retryCount>0&&{retryCount:m.retryCount},...m.timedOut&&{timedOut:!0,timeoutMs:m.timeoutMs}};C(U),f.delete(w)}break}case"step_cache_hit":{let m={type:"step",id:$(d),name:d.name,key:d.stepKey,state:"cached",startTs:d.ts,endTs:d.ts,durationMs:0};C(m);break}case"step_cache_miss":break;case"step_complete":break;case"step_timeout":{let w=$(d),m=f.get(w);m&&(m.timedOut=!0,m.timeoutMs=d.timeoutMs),N=Date.now();break}case"step_retry":{let w=$(d),m=f.get(w);m&&(m.retryCount=(d.attempt??1)-1),N=Date.now();break}case"step_retries_exhausted":N=Date.now();break;case"step_skipped":{let m={type:"step",id:$(d),name:d.name,key:d.stepKey,state:"skipped",startTs:d.ts,endTs:d.ts,durationMs:0};C(m);break}case"hook_should_run":{let w={type:"shouldRun",state:"success",ts:d.ts,durationMs:d.durationMs,context:{result:d.result,skipped:d.skipped}};v.shouldRun=w,x=d.workflowId,N=Date.now();break}case"hook_should_run_error":{let w={type:"shouldRun",state:"error",ts:d.ts,durationMs:d.durationMs,error:d.error};v.shouldRun=w,x=d.workflowId,N=Date.now();break}case"hook_before_start":{let w={type:"onBeforeStart",state:"success",ts:d.ts,durationMs:d.durationMs,context:{result:d.result,skipped:d.skipped}};v.onBeforeStart=w,x=d.workflowId,N=Date.now();break}case"hook_before_start_error":{let w={type:"onBeforeStart",state:"error",ts:d.ts,durationMs:d.durationMs,error:d.error};v.onBeforeStart=w,x=d.workflowId,N=Date.now();break}case"hook_after_step":{let w={type:"onAfterStep",state:"success",ts:d.ts,durationMs:d.durationMs,context:{stepKey:d.stepKey}};v.onAfterStep.set(d.stepKey,w),N=Date.now();break}case"hook_after_step_error":{let w={type:"onAfterStep",state:"error",ts:d.ts,durationMs:d.durationMs,error:d.error,context:{stepKey:d.stepKey}};v.onAfterStep.set(d.stepKey,w),N=Date.now();break}case"stream_created":{let w=`${d.workflowId}:${d.namespace}`;E.set(w,{id:Ne(),namespace:d.namespace,startTs:d.ts,writeCount:0,readCount:0,streamState:"active",backpressureOccurred:!1,finalPosition:0}),N=Date.now();break}case"stream_write":{let w=`${d.workflowId}:${d.namespace}`,m=E.get(w);m&&(m.writeCount++,m.finalPosition=Math.max(m.finalPosition,d.position)),N=Date.now();break}case"stream_read":{let w=`${d.workflowId}:${d.namespace}`,m=E.get(w);m&&m.readCount++,N=Date.now();break}case"stream_close":{let w=`${d.workflowId}:${d.namespace}`,m=E.get(w);if(m){m.streamState="closed",m.finalPosition=d.finalPosition;let U={type:"stream",id:m.id,namespace:m.namespace,state:"success",startTs:m.startTs,endTs:d.ts,durationMs:d.ts-m.startTs,writeCount:m.writeCount,readCount:m.readCount,finalPosition:d.finalPosition,streamState:"closed",backpressureOccurred:m.backpressureOccurred};C(U),E.delete(w)}N=Date.now();break}case"stream_error":{let w=`${d.workflowId}:${d.namespace}`,m=E.get(w);if(m){m.streamState="error";let U={type:"stream",id:m.id,namespace:m.namespace,state:"error",error:d.error,startTs:m.startTs,endTs:d.ts,durationMs:d.ts-m.startTs,writeCount:m.writeCount,readCount:m.readCount,finalPosition:d.position,streamState:"error",backpressureOccurred:m.backpressureOccurred};C(U),E.delete(w)}N=Date.now();break}case"stream_backpressure":{let w=`${d.workflowId}:${d.namespace}`,m=E.get(w);m&&(m.backpressureOccurred=!0),N=Date.now();break}}M(d)}function O(d){if(d.type==="scope_start")b.push({id:d.scopeId,name:d.name,type:d.scopeType,startTs:d.ts,children:[]}),N=Date.now();else if(d.type==="scope_end"){let w=b.findIndex(W=>W.id===d.scopeId);if(w===-1)return;for(;b.length>w+1;){let W=b.pop(),X=W.type==="race"?{type:"race",id:W.id,name:W.name,state:R(W.children),startTs:W.startTs,endTs:d.ts,children:W.children}:{type:"parallel",id:W.id,name:W.name,state:R(W.children),startTs:W.startTs,endTs:d.ts,children:W.children,mode:W.type==="allSettled"?"allSettled":"all"};b[b.length-1].children.push(X)}let[m]=b.splice(w,1),U=m.type==="race"?{type:"race",id:m.id,name:m.name,state:R(m.children),startTs:m.startTs,endTs:d.ts,durationMs:d.durationMs,children:m.children,winnerId:d.winnerId}:{type:"parallel",id:m.id,name:m.name,state:R(m.children),startTs:m.startTs,endTs:d.ts,durationMs:d.durationMs,children:m.children,mode:m.type==="allSettled"?"allSettled":"all"};C(U)}}function S(d){if(d.type==="decision_start")k.push({id:d.decisionId,name:d.name,condition:d.condition,decisionValue:d.decisionValue,startTs:d.ts,branches:new Map,pendingChildren:[]}),N=Date.now();else if(d.type==="decision_branch"){let w=k.find(m=>m.id===d.decisionId);if(w){let m=d.branchLabel,U=w.branches.get(m);if(U)U.taken=d.taken,d.taken&&w.pendingChildren.length>0&&(U.children.unshift(...w.pendingChildren),w.pendingChildren=[]);else{let W=d.taken?[...w.pendingChildren]:[];d.taken&&(w.pendingChildren=[]),w.branches.set(m,{label:d.branchLabel,condition:d.condition,taken:d.taken,children:W})}N=Date.now()}}else if(d.type==="decision_end"){let w=k.findIndex(m=>m.id===d.decisionId);if(w!==-1){let[m]=k.splice(w,1),U=k.splice(w),W=Array.from(m.branches.values());W.length===0&&m.pendingChildren.length>0&&(W=[{label:"default",taken:!0,children:[...m.pendingChildren]}]);let X=W.find(Ee=>Ee.taken)?.label,Jt={type:"decision",id:m.id,name:m.name,state:R(W.flatMap(Ee=>Ee.taken?Ee.children:[])),startTs:m.startTs,endTs:d.ts,durationMs:d.durationMs,condition:m.condition,decisionValue:m.decisionValue,branchTaken:d.branchTaken??X,branches:W};C(Jt),k.push(...U),N=Date.now()}}}function R(d){return d.length===0?"success":d.some(W=>W.state==="error")?"error":d.every(W=>W.state==="success"||W.state==="cached")?"success":d.some(W=>W.state==="running")?"running":"pending"}function J(){let d=[...D];for(let[,w]of f)d.push({type:"step",id:w.id,name:w.name,key:w.key,state:"running",startTs:w.startTs,...w.retryCount>0&&{retryCount:w.retryCount},...w.timedOut&&{timedOut:!0,timeoutMs:w.timeoutMs}});for(let[,w]of E)d.push({type:"stream",id:w.id,namespace:w.namespace,state:"running",startTs:w.startTs,writeCount:w.writeCount,readCount:w.readCount,finalPosition:w.finalPosition,streamState:w.streamState,backpressureOccurred:w.backpressureOccurred});return d}function ne(){let d=J();t&&(d=ve(d,r));let w={type:"workflow",id:a??s,workflowId:a??s,state:l,startTs:u,endTs:c,durationMs:h,children:d,error:p},m=v.shouldRun!==void 0||v.onBeforeStart!==void 0||v.onAfterStep.size>0;return{root:w,metadata:{createdAt:T,lastUpdatedAt:N},...m&&{hooks:v}}}function oe(){a=void 0,u=void 0,c=void 0,l="pending",p=void 0,h=void 0,f.clear(),b.length=0,k.length=0,E.clear(),D=[],T=Date.now(),N=T,v={onAfterStep:new Map},x=void 0,g.length=0,y=0}function ke(){return[...g]}function Vt(d){return g[d]}function Gt(d){return g[d]?.ir}function Yt(){g.length=0,y=0}return{handleEvent:L,handleScopeEvent:O,handleDecisionEvent:S,getIR:ne,reset:oe,getSnapshots:ke,getSnapshotAt:Vt,getIRAt:Gt,clearSnapshots:Yt,get hasActiveSteps(){return f.size>0},get state(){return l},get snapshotCount(){return g.length},get snapshotsEnabled(){return n},setSnapshotsEnabled(d){n=d}}}var Me=require("awaitly");function K(e){return e.type==="step"}function Ke(e){return e.type==="sequence"}function V(e){return e.type==="parallel"}function H(e){return e.type==="race"}function Y(e){return e.type==="decision"}function te(e){return e.type==="stream"}function sr(e){return"children"in e||e.type==="decision"&&"branches"in e}var je="\x1B[0m",ar="\x1B[1m",at="\x1B[2m",cr="\x1B[31m",dr="\x1B[32m",lr="\x1B[33m",ur="\x1B[34m",st="\x1B[90m",pr="\x1B[37m";function q(e,t){return t?`${t}${e}${je}`:e}function xe(e){return`${ar}${e}${je}`}function _(e){return`${at}${e}${je}`}var F={pending:pr,running:lr,success:dr,error:cr,aborted:st,cached:ur,skipped:at+st};function fr(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 Se(e,t){let r=fr(e);return q(r,t[e])}function Te(e,t,r){return q(e,r[t])}function re(e){return e.replace(/\x1b\[[0-9;]*m/g,"")}var I={topLeft:"\u250C",topRight:"\u2510",bottomLeft:"\u2514",bottomRight:"\u2518",horizontal:"\u2500",vertical:"\u2502",teeRight:"\u251C",teeLeft:"\u2524",teeDown:"\u252C",teeUp:"\u2534",cross:"\u253C"},me={cold:"\x1B[34m",cool:"\x1B[36m",neutral:"",warm:"\x1B[33m",hot:"\x1B[31m",critical:"\x1B[41m"},mr="\x1B[0m";function hr(e){return e<.2?me.cold:e<.4?me.cool:e<.6?me.neutral:e<.8?me.warm:e<.95?me.hot:me.critical}function ct(e,t){let r=hr(t);return r?`${r}${e}${mr}`:e}function gr(e){try{return(0,Me.ok)(JSON.stringify(e,(r,o)=>{if(typeof o!="bigint")return o;let i=Number(o);return Number.isSafeInteger(i)?i:o.toString()}))}catch{return(0,Me.err)("STRINGIFY_ERROR")}}function dt(e){let t=gr(e);return t.ok?t.value:"[unserializable]"}var lt="\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";function Ge(e,t=10){if(e.length===0)return"";let r=e.slice(-t),o=Math.min(...r),n=Math.max(...r)-o||1;return r.map(s=>{let a=(s-o)/n,u=Math.floor(a*(lt.length-1));return lt[u]}).join("")}function Ve(e,t){let r=re(e).length,o=Math.max(0,t-r);return e+" ".repeat(o)}function wr(e,t){if(!t)return I.horizontal.repeat(e);let r=` ${t} `,o=re(r).length,i=e-o;if(i<4)return I.horizontal.repeat(e);let n=2,s=i-n;return I.horizontal.repeat(n)+r+I.horizontal.repeat(s)}function ut(e,t,r){let o=e.state==="success"?q("\u2699",r.success):q("\u26A0",r.error),i=e.durationMs!==void 0?_(` [${A(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 s=e.state==="error"&&e.error?_(` error: ${String(e.error)}`):"";return`${o} ${_(t)}${n}${i}${s}`}function br(e,t){let r=[];return e.shouldRun&&r.push(ut(e.shouldRun,"shouldRun",t)),e.onBeforeStart&&r.push(ut(e.onBeforeStart,"onBeforeStart",t)),r.length>0&&r.push(_("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")),r}function ie(){return{name:"ascii",supportsLive:!0,render(e,t){let r={...F,...t.colors},o=Math.max(t.terminalWidth??60,5),i=o-4,n=[],s=e.root.name??"workflow",a=xe(s);if(n.push(`${I.topLeft}${wr(o-2,a)}${I.topRight}`),n.push(`${I.vertical}${" ".repeat(o-2)}${I.vertical}`),e.hooks){let c=br(e.hooks,r);for(let l of c)n.push(`${I.vertical}  ${Ve(l,i)}${I.vertical}`)}let u=Oe(e.root.children,t,r,0,e.hooks);for(let c of u)n.push(`${I.vertical}  ${Ve(c,i)}${I.vertical}`);if(n.push(`${I.vertical}${" ".repeat(o-2)}${I.vertical}`),e.root.durationMs!==void 0&&t.showTimings){let c=e.root.state==="success"?"Completed":e.root.state==="aborted"?"Cancelled":"Failed",p=`${Te(c,e.root.state,r)} in ${A(e.root.durationMs)}`;n.push(`${I.vertical}  ${Ve(p,i)}${I.vertical}`),n.push(`${I.vertical}${" ".repeat(o-2)}${I.vertical}`)}return n.push(`${I.bottomLeft}${I.horizontal.repeat(o-2)}${I.bottomRight}`),n.join(`
+`)}}}function Oe(e,t,r,o,i){let n=[];for(let s of e)K(s)?n.push(Ye(s,t,r,i)):V(s)?n.push(...kr(s,t,r,o,i)):H(s)?n.push(...vr(s,t,r,o,i)):Y(s)?n.push(...xr(s,t,r,o,i)):te(s)&&n.push(yr(s,t,r));return n}function Ye(e,t,r,o){let i=Se(e.state,r),n=e.name??e.key??"step",s=t,a=s.showHeatmap&&s.heatmapData?s.heatmapData.heat.get(e.key??"")??s.heatmapData.heat.get(e.name??"")??s.heatmapData.heat.get(e.id):void 0,u;a!==void 0?u=ct(n,a):u=Te(n,e.state,r);let c=`${i} ${u}`;if(t.showKeys&&e.key&&e.name&&(c+=_(` [key: ${e.key}]`)),e.input!==void 0){let p=typeof e.input=="string"?e.input:dt(e.input).slice(0,30);c+=_(` [in: ${p}${p.length>=30?"...":""}]`)}if(e.output!==void 0&&e.state==="success"){let p=typeof e.output=="string"?e.output:dt(e.output).slice(0,30);c+=_(` [out: ${p}${p.length>=30?"...":""}]`)}if(t.showTimings&&e.durationMs!==void 0){let p=A(e.durationMs),h=a!==void 0?ct(`[${p}]`,a):_(`[${p}]`);c+=` ${h}`}if(s.showSparklines&&s.timingHistory){let p=s.timingHistory.get(e.key??"")??s.timingHistory.get(e.name??"")??s.timingHistory.get(e.id);p&&p.length>1&&(c+=` ${_(Ge(p))}`)}if(e.retryCount!==void 0&&e.retryCount>0&&(c+=_(` [${e.retryCount} ${e.retryCount===1?"retry":"retries"}]`)),e.timedOut){let p=e.timeoutMs!==void 0?` ${e.timeoutMs}ms`:"";c+=_(` [timeout${p}]`)}let l=e.key??e.id;if(o&&l&&o.onAfterStep.has(l)){let p=o.onAfterStep.get(l),h=p.state==="success"?q("\u2699",r.success):q("\u26A0",r.error),f=p.durationMs!==void 0?_(` ${A(p.durationMs)}`):"";c+=` ${h}${f}`}return c}function yr(e,t,r){let o=e.streamState==="active"?q("\u27F3",r.running):e.streamState==="closed"?q("\u2713",r.success):q("\u2717",r.error),i=`stream:${e.namespace}`,n=Te(i,e.state,r),s=_(`[W:${e.writeCount} R:${e.readCount}]`),a=`${o} ${n} ${s}`;return t.showTimings&&e.durationMs!==void 0&&(a+=` ${_(`[${A(e.durationMs)}]`)}`),e.backpressureOccurred&&(a+=_(" [backpressure]")),e.streamState==="closed"&&(a+=_(` pos:${e.finalPosition}`)),a}function kr(e,t,r,o,i){let n=[],s="  ".repeat(o),a=Se(e.state,r),u=e.name??"parallel",c=e.mode==="allSettled"?" (allSettled)":"";if(n.push(`${s}${I.teeRight}${I.teeDown}${I.horizontal} ${a} ${xe(u)}${c}`),e.children.length===0)n.push(`${s}${I.vertical} ${_("(operations not individually tracked)")}`),n.push(`${s}${I.vertical} ${_("(wrap each operation with step() to see individual steps)")}`);else for(let l=0;l<e.children.length;l++){let p=e.children[l],f=l===e.children.length-1?`${s}${I.vertical} ${I.bottomLeft}`:`${s}${I.vertical} ${I.teeRight}`;if(K(p))n.push(`${f} ${Ye(p,t,r,i)}`);else{let b=Oe([p],t,r,o+1,i);for(let k of b)n.push(`${s}${I.vertical}   ${k}`)}}return t.showTimings&&e.durationMs!==void 0&&n.push(`${s}${I.bottomLeft}${I.horizontal}${I.horizontal} ${_(`[${A(e.durationMs)}]`)}`),n}function vr(e,t,r,o,i){let n=[],s="  ".repeat(o),a=Se(e.state,r),u=e.name??"race";if(n.push(`${s}${I.teeRight}\u26A1 ${a} ${xe(u)}`),e.children.length===0)n.push(`${s}${I.vertical} ${_("(operations not individually tracked)")}`),n.push(`${s}${I.vertical} ${_("(wrap each operation with step() to see individual steps)")}`);else for(let c=0;c<e.children.length;c++){let l=e.children[c],h=c===e.children.length-1?`${s}${I.vertical} ${I.bottomLeft}`:`${s}${I.vertical} ${I.teeRight}`,b=e.winnerId&&l.id===e.winnerId?_(" (winner)"):"";if(K(l))n.push(`${h} ${Ye(l,t,r,i)}${b}`);else{let k=Oe([l],t,r,o+1,i);for(let E of k)n.push(`${s}${I.vertical}   ${E}`)}}return t.showTimings&&e.durationMs!==void 0&&n.push(`${s}${I.bottomLeft}${I.horizontal}${I.horizontal} ${_(`[${A(e.durationMs)}]`)}`),n}function xr(e,t,r,o,i){let n=[],s="  ".repeat(o),a=Se(e.state,r),u=e.name??"decision",c=e.condition?_(` (${e.condition})`):"",l=e.decisionValue!==void 0?_(` = ${String(e.decisionValue)}`):"",p=e.branchTaken!==void 0?_(` \u2192 ${String(e.branchTaken)}`):"";n.push(`${s}${I.teeRight}${I.teeDown}${I.horizontal} ${a} ${xe(u)}${c}${l}${p}`);for(let h=0;h<e.branches.length;h++){let f=e.branches[h],k=h===e.branches.length-1?`${s}${I.vertical} ${I.bottomLeft}`:`${s}${I.vertical} ${I.teeRight}`,E=f.taken?"\u2713":"\u2298",D=f.taken?r.success:r.skipped,T=q(`${E} ${f.label}`,D),N=f.condition?_(` (${f.condition})`):"";if(n.push(`${k} ${T}${N}`),f.children.length>0){let v=Oe(f.children,t,r,o+1,i);for(let x of v)n.push(`${s}${I.vertical}   ${x}`)}else f.taken||n.push(`${s}${I.vertical}   ${_("(skipped)")}`)}return t.showTimings&&e.durationMs!==void 0&&n.push(`${s}${I.bottomLeft}${I.horizontal}${I.horizontal} ${_(`[${A(e.durationMs)}]`)}`),n}var _e=require("awaitly");function Je(e){let t=[];for(let r of e)if(t.push(r),"children"in r&&Array.isArray(r.children)&&t.push(...Je(r.children)),"branches"in r)for(let o of r.branches)t.push(...Je(o.children));return t}function De(e,t){if(e.length===0)return 0;let r=Math.floor(e.length*t);return e[Math.min(r,e.length-1)]}function he(e){return e<.2?"cold":e<.4?"cool":e<.6?"neutral":e<.8?"warm":e<.95?"hot":"critical"}function pt(){let e=new Map,t=new Map,r=new Map,o=new Map,i=[];function n(v){return v.stepKey??v.stepId??v.name??"unknown"}function s(v){let x=new Map;for(let g of v)switch(g.type){case"step_start":{let y=n(g);x.set(y,{retried:!1,timedOut:!1});break}case"step_retry":{let y=n(g),$=x.get(y);$&&($.retried=!0);break}case"step_timeout":{let y=n(g),$=x.get(y);$&&($.timedOut=!0);break}case"step_success":{let y=n(g),$=x.get(y),C=e.get(y)??[];C.push(g.durationMs),e.set(y,C);let M=t.get(y)??{retried:0,total:0};M.total++,$?.retried&&M.retried++,t.set(y,M);let L=o.get(y)??{timedOut:0,total:0};L.total++,$?.timedOut&&L.timedOut++,o.set(y,L);let O=r.get(y)??{errors:0,total:0};O.total++,r.set(y,O),x.delete(y);break}case"step_error":{let y=n(g),$=x.get(y),C=e.get(y)??[];C.push(g.durationMs),e.set(y,C);let M=t.get(y)??{retried:0,total:0};M.total++,$?.retried&&M.retried++,t.set(y,M);let L=o.get(y)??{timedOut:0,total:0};L.total++,$?.timedOut&&L.timedOut++,o.set(y,L);let O=r.get(y)??{errors:0,total:0};O.total++,O.errors++,r.set(y,O),x.delete(y);break}}}function a(v){s(v.events)}function u(v){i.push(v)}function c(v){i.length>0&&(s(i),i=[])}function l(v){let x=e.get(v);if(!x||x.length===0)return;let g=[...x].sort((S,R)=>S-R),$=g.reduce((S,R)=>S+R,0)/g.length,C=g.reduce((S,R)=>S+(R-$)**2,0)/g.length,M=t.get(v)??{retried:0,total:1},L=r.get(v)??{errors:0,total:1},O=o.get(v)??{timedOut:0,total:1};return{nodeId:v,avgDurationMs:$,minDurationMs:g[0],maxDurationMs:g[g.length-1],stdDevMs:Math.sqrt(C),samples:g.length,retryRate:M.total>0?M.retried/M.total:0,timeoutRate:O.total>0?O.timedOut/O.total:0,errorRate:L.total>0?L.errors/L.total:0,percentiles:{p50:De(g,.5),p90:De(g,.9),p95:De(g,.95),p99:De(g,.99)}}}function p(v){return l(v)}function h(v,x="duration"){let g=new Map,y=Je(v.root.children),$=[];for(let R of y){let J=("key"in R?R.key:void 0)??R.id??R.name,ne=l(J);if(ne){let oe;switch(x){case"duration":oe=ne.avgDurationMs;break;case"retryRate":oe=ne.retryRate;break;case"errorRate":oe=ne.errorRate;break}$.push({id:R.id,value:oe})}}if($.length===0)return{heat:g,metric:x,stats:{min:0,max:0,mean:0,threshold:0}};let C=$.map(R=>R.value),M=Math.min(...C),L=Math.max(...C),O=C.reduce((R,J)=>R+J,0)/C.length,S=L-M||1;for(let{id:R,value:J}of $)g.set(R,(J-M)/S);return{heat:g,metric:x,stats:{min:M,max:L,mean:O,threshold:O+(L-O)*.5}}}function f(){let v=new Map;for(let x of e.keys()){let g=l(x);g&&v.set(x,g)}return v}function b(v=10){return[...f().values()].sort((g,y)=>y.avgDurationMs-g.avgDurationMs).slice(0,v)}function k(v=10){return[...f().values()].filter(g=>g.errorRate>0).sort((g,y)=>y.errorRate-g.errorRate).slice(0,v)}function E(v=10){return[...f().values()].filter(g=>g.retryRate>0).sort((g,y)=>y.retryRate-g.retryRate).slice(0,v)}function D(){return JSON.stringify({timingData:Object.fromEntries(e),retryData:Object.fromEntries(t),errorData:Object.fromEntries(r),timeoutData:Object.fromEntries(o)})}function T(v){let x=JSON.parse(v);e.clear(),t.clear(),r.clear(),o.clear();for(let[g,y]of Object.entries(x.timingData??{}))e.set(g,y);for(let[g,y]of Object.entries(x.retryData??{}))t.set(g,y);for(let[g,y]of Object.entries(x.errorData??{}))r.set(g,y);for(let[g,y]of Object.entries(x.timeoutData??{}))o.set(g,y)}function N(){e.clear(),t.clear(),r.clear(),o.clear(),i=[]}return{addRun:a,addEvent:u,finalizeRun:c,getNodePerformance:p,getHeatmap:h,getSlowestNodes:b,getErrorProneNodes:k,getRetryProneNodes:E,getAllPerformance:f,exportData:D,importData:T,clear:N}}function Sr(){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","    classDef stream fill:#ede9fe,stroke:#8b5cf6,stroke-width:3px,color:#5b21b6","    classDef streamActive fill:#ddd6fe,stroke:#7c3aed,stroke-width:3px,color:#4c1d95","    classDef streamError fill:#fce7f3,stroke:#db2777,stroke-width:3px,color:#9d174d"]}function Rr(){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 Ir(e){return`heat_${e}`}function Er(){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 $r(e){try{return(0,_e.ok)(JSON.stringify(e,(r,o)=>{if(typeof o!="bigint")return o;let i=Number(o);return Number.isSafeInteger(i)?i:o.toString()}))}catch{return(0,_e.err)("STRINGIFY_ERROR")}}function ft(e){let t=$r(e);return t.ok?t.value:"[unserializable]"}function Nr(e,t,r){let o;if(e.shouldRun){let i="hook_shouldRun",n=e.shouldRun.state==="success"?"hook_success":"hook_error",s=e.shouldRun.state==="success"?"\u2699":"\u26A0",a=r.showTimings&&e.shouldRun.durationMs!==void 0?` ${A(e.shouldRun.durationMs)}`:"",u=e.shouldRun.context?.skipped?"\\nskipped workflow":e.shouldRun.context?.result===!0?"\\nproceed":"";t.push(`    ${i}[["${s} shouldRun${u}${a}"]]:::${n}`),o=i}if(e.onBeforeStart){let i="hook_beforeStart",n=e.onBeforeStart.state==="success"?"hook_success":"hook_error",s=e.onBeforeStart.state==="success"?"\u2699":"\u26A0",a=r.showTimings&&e.onBeforeStart.durationMs!==void 0?` ${A(e.onBeforeStart.durationMs)}`:"",u=e.onBeforeStart.context?.skipped?"\\nskipped workflow":"";t.push(`    ${i}[["${s} onBeforeStart${u}${a}"]]:::${n}`),o&&t.push(`    ${o} --> ${i}`),o=i}return{lastHookId:o}}var mt=0,Ce=new Set,Le=new Set;function ge(e="node"){return`${e}_${++mt}`}function Tr(){mt=0,Ce.clear(),Le.clear()}function j(e){return e.replace(/"/g,"#quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;").trim()}function ht(e){return j(e).replace(/[{}[\]()]/g,"")}function se(){return{name:"mermaid",supportsLive:!1,render(e,t){Tr();let r=[],o=t;r.push("flowchart TD");let i;e.hooks&&(i=Nr(e.hooks,r,t).lastHookId);let n="start";r.push(`    ${n}(("\u25B6 Start"))`),i&&r.push(`    ${i} --> ${n}`);let s=n;for(let u of e.root.children){let c=We(u,t,r,o,e.hooks);r.push(`    ${s} --> ${c.entryId}`),s=c.exitId}if(["success","error","aborted"].includes(e.root.state)){let u="finish",c=e.root.state==="success"?"\u2713":e.root.state==="error"?"\u2717":"\u2298",l=e.root.state==="success"?"Done":e.root.state==="error"?"Failed":"Cancelled",p=`(("${c} ${l}"))`,h=e.root.state==="success"?":::success":e.root.state==="error"?":::error":":::aborted";r.push(`    ${u}${p}${h}`),r.push(`    ${s} --> ${u}`)}return r.push(""),r.push(...Sr()),o.showHeatmap&&r.push(...Rr()),e.hooks&&r.push(...Er()),r.join(`
+`)}}}function We(e,t,r,o,i){if(K(e))return Mr(e,t,r,o,i);if(V(e))return Or(e,t,r,o,i);if(H(e))return Dr(e,t,r,o,i);if(Y(e))return Cr(e,t,r,o,i);if(te(e))return Lr(e,t,r);let n=ge("unknown");return r.push(`    ${n}["Unknown Node"]`),{entryId:n,exitId:n}}function Mr(e,t,r,o,i){let n=t,s=n.showRetryEdges??!0,a=n.showErrorEdges??!0,u=n.showTimeoutEdges??!0,c=e.key?`step_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:ge("step");if(Le.has(c)){let g=2;for(;Le.has(`${c}_${g}`);)g++;c=`${c}_${g}`}Le.add(c);let l=e.name??e.key??"Step",p=t.showKeys&&e.key&&e.name?`${l} [${e.key}]`:l,h=j(p),f=t.showTimings&&e.durationMs!==void 0?` ${A(e.durationMs)}`:"",b="";switch(e.state){case"success":b="\u2713 ";break;case"error":b="\u2717 ";break;case"cached":b="\u{1F4BE} ";break;case"running":b="\u23F3 ";break;case"skipped":b="\u2298 ";break}let k="";if(e.input!==void 0){let g=typeof e.input=="string"?j(e.input):j(ft(e.input).slice(0,20));k+=`\\nin: ${g}`}if(e.output!==void 0&&e.state==="success"){let g=typeof e.output=="string"?j(e.output):j(ft(e.output).slice(0,20));k+=`\\nout: ${g}`}let E="",D=e.key??e.id;if(i&&D&&i.onAfterStep.has(D)){let g=i.onAfterStep.get(D),y=g.state==="success"?"\u2699":"\u26A0",$=t.showTimings&&g.durationMs!==void 0?` ${A(g.durationMs)}`:"";E=`\\n${y} hook${$}`}let T=(b+h+k+E+f).trim(),N,v=o?.showHeatmap&&o.heatmapData?o.heatmapData.heat.get(e.key??"")??o.heatmapData.heat.get(e.name??"")??o.heatmapData.heat.get(e.id):void 0;if(v!==void 0){let g=he(v);N=Ir(g)}else N=e.state;let x;switch(e.state){case"error":x=`{{"${T}"}}`;break;case"cached":x=`[("${T}")]`;break;case"skipped":x=`["${T}"]`;break;default:x=`["${T}"]`}if(r.push(`    ${c}${x}:::${N}`),s&&e.retryCount!==void 0&&e.retryCount>0){let g=`\u21BB ${e.retryCount} retr${e.retryCount===1?"y":"ies"}`;r.push(`    ${c} -.->|"${g}"| ${c}`)}if(a&&e.state==="error"&&e.error!==void 0){let g=`ERR_${c}`,y=j(String(e.error)).slice(0,30);r.push(`    ${g}{{"${y}"}}`),r.push(`    ${c} -->|error| ${g}`),r.push(`    style ${g} fill:#fee2e2,stroke:#dc2626`)}if(u&&e.timedOut){let g=`TO_${c}`,y=e.timeoutMs!==void 0?`${e.timeoutMs}ms`:"";r.push(`    ${g}{{"\u23F1 Timeout ${y}"}}`),r.push(`    ${c} -.->|timeout| ${g}`),r.push(`    style ${g} fill:#fef3c7,stroke:#f59e0b`)}return{entryId:c,exitId:c}}function Or(e,t,r,o,i){let n=ge("parallel"),s=`${n}_fork`,a=`${n}_join`,u=ht(e.name??"Parallel"),c=e.mode==="allSettled"?" (allSettled)":"";if(e.children.length===0){let h=n,f=j(`${u}${c}`),b="operations not individually tracked",k=t.showTimings&&e.durationMs!==void 0?` ${A(e.durationMs)}`:"";return r.push(`    ${h}["${f}${k}\\n${b}"]:::${e.state}`),{entryId:h,exitId:h}}r.push(`    subgraph ${n}["${u}${c}"]`),r.push("    direction TB"),r.push(`    ${s}{"\u26A1 Fork"}`);let l=[];for(let h of e.children){let f=We(h,t,r,o,i);r.push(`    ${s} --> ${f.entryId}`),l.push(f.exitId)}r.push(`    ${a}{"\u2713 Join"}`);for(let h of l)r.push(`    ${h} --> ${a}`);r.push("    end");let p=e.state;return r.push(`    class ${n} ${p}`),{entryId:s,exitId:a}}function Dr(e,t,r,o,i){let n=ge("race"),s=`${n}_start`,a=`${n}_end`,u=ht(e.name??"Race");if(e.children.length===0){let h=n,f=j(u),b="operations not individually tracked",k=t.showTimings&&e.durationMs!==void 0?` ${A(e.durationMs)}`:"";return r.push(`    ${h}["\u26A1 ${f}${k}\\n${b}"]:::${e.state}`),{entryId:h,exitId:h}}r.push(`    subgraph ${n}["\u26A1 ${u}"]`),r.push("    direction TB"),r.push(`    ${s}(("\u{1F3C1} Start"))`);let c=[],l;for(let h of e.children){let f=We(h,t,r,o,i),b=e.winnerId===h.id;r.push(`    ${s} --> ${f.entryId}`),b&&(l=f.exitId),c.push({exitId:f.exitId,isWinner:b})}r.push(`    ${a}(("\u2713 First"))`);for(let{exitId:h,isWinner:f}of c)f&&l?r.push(`    ${h} ==>|\u{1F3C6} Winner| ${a}`):e.winnerId?r.push(`    ${h} -. cancelled .-> ${a}`):r.push(`    ${h} --> ${a}`);r.push("    end");let p=e.state;return r.push(`    class ${n} ${p}`),{entryId:s,exitId:a}}function Cr(e,t,r,o,i){let n=e.key?`decision_${e.key.replace(/[^a-zA-Z0-9]/g,"_")}`:ge("decision");if(Ce.has(n)){let h=2;for(;Ce.has(`${n}_${h}`);)h++;n=`${n}_${h}`}Ce.add(n);let s=j(e.condition??"condition"),a=e.decisionValue!==void 0?` = ${j(String(e.decisionValue)).slice(0,30)}`:"",u=`${s}${a}`.trim();r.push(`    ${n}{"${u}"}`);let c=[],l,p=new Set;for(let h of e.branches){let f=`${n}_${h.label.replace(/[^a-zA-Z0-9]/g,"_")}`;if(p.has(f)){let T=2;for(;p.has(`${f}_${T}`);)T++;f=`${f}_${T}`}p.add(f);let b=j(h.label),k=h.taken?`${b} \u2713`:`${b} skipped`,E=h.taken?":::success":":::skipped";r.push(`    ${f}["${k}"]${E}`);let D=h.condition?`|${j(h.condition).replace(/\|/g,"")}|`:"";if(r.push(`    ${n} -->${D} ${f}`),h.children.length>0){let T=f;for(let N of h.children){let v=We(N,t,r,o,i);r.push(`    ${T} --> ${v.entryId}`),T=v.exitId}c.push(T),h.taken&&(l=T)}else c.push(f),h.taken&&(l=f)}return l?{entryId:n,exitId:l}:{entryId:n,exitId:n}}function Lr(e,t,r){let o=`stream_${e.namespace.replace(/[^a-zA-Z0-9]/g,"_")}_${ge("")}`,i=`W:${e.writeCount} R:${e.readCount}`,n="";switch(e.streamState){case"active":n="\u27F3 ";break;case"closed":n="\u2713 ";break;case"error":n="\u2717 ";break}let s=t.showTimings&&e.durationMs!==void 0?` ${A(e.durationMs)}`:"",a=e.backpressureOccurred?"\\nbackpressure":"",u=`${n}stream:${j(e.namespace)}\\n${i}${a}${s}`,c;return e.streamState==="error"?c="streamError":e.streamState==="active"?c="streamActive":c="stream",r.push(`    ${o}{{"${u}"}}:::${c}`),{entryId:o,exitId:o}}var B={topLeft:"\u250C",topRight:"\u2510",bottomLeft:"\u2514",bottomRight:"\u2518",horizontal:"\u2500",vertical:"\u2502",teeDown:"\u252C",teeUp:"\u2534",teeRight:"\u251C",teeLeft:"\u2524",cross:"\u253C",arrowDown:"\u25BC",arrowUp:"\u25B2"},_r={cold:"\x1B[34m",cool:"\x1B[36m",neutral:"",warm:"\x1B[33m",hot:"\x1B[31m",critical:"\x1B[41m"},Wr="\x1B[0m";function Br(e,t){let r=[],o=[];for(let i=0;i<t;i++)r.push(Array(e).fill(" ")),o.push(Array(e).fill(void 0));return{cells:r,colors:o,width:e,height:t}}function P(e,t,r,o,i){t>=0&&t<e.width&&r>=0&&r<e.height&&(e.cells[r][t]=o,i&&(e.colors[r][t]=i))}function bt(e,t,r){return t>=0&&t<e.width&&r>=0&&r<e.height?e.cells[r][t]:" "}function Pr(e,t,r,o,i){P(e,t,r,B.topLeft);for(let n=1;n<o-1;n++)P(e,t+n,r,B.horizontal);P(e,t+o-1,r,B.topRight);for(let n=1;n<i-1;n++)P(e,t,r+n,B.vertical),P(e,t+o-1,r+n,B.vertical);P(e,t,r+i-1,B.bottomLeft);for(let n=1;n<o-1;n++)P(e,t+n,r+i-1,B.horizontal);P(e,t+o-1,r+i-1,B.bottomRight)}function gt(e,t,r,o,i){let n=re(o).split("");for(let s=0;s<n.length;s++)P(e,t+s,r,n[s],i)}function ae(e,t,r,o){let i=Math.min(r,o),n=Math.max(r,o);for(let s=i;s<=n;s++){let a=bt(e,t,s);a===B.horizontal?P(e,t,s,B.cross):(a===" "||a===B.vertical)&&P(e,t,s,B.vertical)}}function wt(e,t,r,o){let i=Math.min(r,o),n=Math.max(r,o);for(let s=i;s<=n;s++){let a=bt(e,s,t);a===B.vertical?P(e,s,t,B.cross):(a===" "||a===B.horizontal)&&P(e,s,t,B.horizontal)}}function pe(e,t,r){P(e,t,r,B.arrowDown)}function Ar(e){let t=[];for(let r=0;r<e.height;r++){let o="";for(let i=0;i<e.width;i++){let n=e.colors[r][i],s=e.cells[r][i];n?o+=n+s+Wr:o+=s}t.push(o.trimEnd())}for(;t.length>0&&t[t.length-1]==="";)t.pop();return t.join(`
+`)}var Z=11,Q=2,we=2,Be=3;function qe(e,t){if(e.length<=t)return[e];let r=e.split(" "),o=[],i="";for(let n of r)i?i.length+1+n.length<=t?i+=" "+n:(o.push(i),i=n):i=n;if(i&&o.push(i),o.length===0)for(let n=0;n<e.length;n+=t)o.push(e.slice(n,n+t));return o}function yt(e){switch(e){case"success":return"\u2713";case"error":return"\u2717";case"running":return"\u27F3";case"pending":return"\u25CB";case"aborted":case"skipped":return"\u2298";case"cached":return"\u21BA";default:return"\u25CB"}}function Ur(e,t,r){let o=t.showStartEnd??!0,i=t,n=Math.floor(r/2),s=[],a=0;if(o){let c=Pe("start","start",["\u25B6 Start"],"success",n,a);s.push(c),a=c.bottomY+we}for(let c of e.root.children){let l=Ae(c,n,a,r-4,t,i);s.push(l.node),a=l.bottomY+we}if(o&&["success","error","aborted"].includes(e.root.state)){let c=e.root.state==="success"?"\u2713 Done":e.root.state==="error"?"\u2717 Failed":"\u2298 Cancelled",l=Pe("end","end",[c],e.root.state,n,a);s.push(l),a=l.bottomY}return{nodes:s,totalHeight:a+2}}function Pe(e,t,r,o,i,n){let s=Math.max(...r.map(l=>re(l).length)),a=Math.max(Z,s+Q*2),u=r.length+2,c=i-Math.floor(a/2);return{id:e,type:t,label:r,state:o,x:c,y:n,width:a,height:u,centerX:i,bottomY:n+u-1}}function Ae(e,t,r,o,i,n){if(K(e))return Hr(e,t,r,o,i,n);if(V(e)||H(e))return zr(e,t,r,o,i,n);if(Y(e))return Kr(e,t,r,o,i,n);if(te(e))return Fr(e,t,r,o,i,n);let s=Pe(e.id,"step",["?"],e.state,t,r);return{node:s,bottomY:s.bottomY}}function Hr(e,t,r,o,i,n){let s=e.name??e.key??"step",a=yt(e.state),u=[],c=`${a} ${s}`;i.showKeys&&e.key&&e.name&&(c+=` [${e.key}]`);let l=Math.min(o-Q*2,40);if(u.push(...qe(c,l)),i.showTimings&&e.durationMs!==void 0&&u.push(`[${A(e.durationMs)}]`),e.retryCount&&e.retryCount>0&&u.push(`${e.retryCount}x retry`),e.timedOut&&u.push("timeout"),n?.showSparklines&&n.timingHistory){let D=n.timingHistory.get(e.key??"")??n.timingHistory.get(e.name??"")??n.timingHistory.get(e.id);D&&D.length>1&&u.push(Ge(D,8))}let p=Math.max(...u.map(D=>re(D).length)),h=Math.max(Z,p+Q*2),f=u.length+2,b=t-Math.floor(h/2),k;if(n?.showHeatmap&&n.heatmapData){let D=e.key??e.name??e.id;k=n.heatmapData.heat.get(e.id)??n.heatmapData.heat.get(D)}let E={id:e.id,type:"step",label:u,state:e.state,x:b,y:r,width:h,height:f,centerX:t,bottomY:r+f-1,metadata:k!==void 0?{heat:k}:void 0};return{node:E,bottomY:E.bottomY}}function Fr(e,t,r,o,i,n){let s=`stream:${e.namespace}`,a=e.streamState==="active"?"\u27F3":e.streamState==="closed"?"\u2713":"\u2717",u=[],c=`${a} ${s}`,l=Math.min(o-Q*2,40);u.push(...qe(c,l)),u.push(`W:${e.writeCount} R:${e.readCount}`),i.showTimings&&e.durationMs!==void 0&&u.push(`[${A(e.durationMs)}]`),e.backpressureOccurred&&u.push("backpressure");let p=Math.max(...u.map(E=>re(E).length)),h=Math.max(Z,p+Q*2),f=u.length+2,b=t-Math.floor(h/2),k={id:e.id,type:"stream",label:u,state:e.state,x:b,y:r,width:h,height:f,centerX:t,bottomY:r+f-1,metadata:{streamState:e.streamState,backpressureOccurred:e.backpressureOccurred}};return{node:k,bottomY:k.bottomY}}function zr(e,t,r,o,i,n){let s=H(e),a=e.name??(s?"race":"parallel"),c=`${s?"\u26A1":"\u2AD8"} ${a}`;if(e.children.length===0){let y=[c,"(not tracked)"],$=Pe(e.id,s?"race":"parallel",y,e.state,t,r);return{node:$,bottomY:$.bottomY}}let l=Math.floor((o-Be*(e.children.length-1))/e.children.length),p=[];for(let y of e.children){let $=Xe(y,Math.max(l,Z),i,n);p.push($.width)}let h=p.reduce((y,$)=>y+$,0)+Be*(e.children.length-1),f=h>o&&e.children.length>1,b=Math.max(Z,c.length+Q*2),k=3,E=t-Math.floor(b/2),D=r;D+=k,D+=1,D+=1;let T=[];if(f)for(let y=0;y<e.children.length;y++){let $=e.children[y],C=Ae($,t,D,o,i,n);s&&H(e)&&e.winnerId===$.id&&(C.node.metadata={...C.node.metadata,isWinner:!0}),T.push(C.node),D=C.bottomY+we}else{let y=t-Math.floor(h/2);for(let $=0;$<e.children.length;$++){let C=e.children[$],M=y+Math.floor(p[$]/2),L=Ae(C,M,D,p[$],i,n);s&&H(e)&&e.winnerId===C.id&&(L.node.metadata={...L.node.metadata,isWinner:!0}),T.push(L.node),y+=p[$]+Be}}let N=Math.max(...T.map(y=>y.bottomY)),x=!f&&T.length>1?N+2:N;return{node:{id:e.id,type:s?"race":"parallel",label:[c],state:e.state,x:E,y:r,width:b,height:k,centerX:t,bottomY:x,children:T,metadata:{verticalLayout:f}},bottomY:x}}function Kr(e,t,r,o,i,n){let s=e.name??"decision",a=e.condition?` (${e.condition.slice(0,20)})`:"",u=`\u25C7 ${s}${a}`,c=Math.min(o-Q*2,40),l=qe(u,c),p=Math.max(...l.map(x=>re(x).length)),h=Math.max(Z,p+Q*2),f=l.length+2,b=t-Math.floor(h/2),k=e.branches.find(x=>x.taken),E=k&&k.children.length>0?k:e.branches.find(x=>x.children.length>0);if(!E||E.children.length===0){let x={id:e.id,type:"decision",label:l,state:e.state,x:b,y:r,width:h,height:f,centerX:t,bottomY:r+f-1};return{node:x,bottomY:x.bottomY}}let D=r+f+we,T=[];for(let x of E.children){let g=Ae(x,t,D,o,i,n);T.push(g.node),D=g.bottomY+we}let N=T.length>0?T[T.length-1].bottomY:r+f-1;return{node:{id:e.id,type:"decision",label:l,state:e.state,x:b,y:r,width:h,height:f,centerX:t,bottomY:N,children:T},bottomY:N}}function Xe(e,t,r,o){if(K(e)){let i=e.name??e.key??"step",n=yt(e.state),s=1;r.showTimings&&e.durationMs!==void 0&&s++,e.retryCount&&e.retryCount>0&&s++,e.timedOut&&s++,o?.showSparklines&&(o.timingHistory?.has(e.key??"")||o.timingHistory?.has(e.name??"")||o.timingHistory?.has(e.id))&&s++;let a=`${n} ${i}`;r.showKeys&&e.key&&e.name&&(a+=` [${e.key}]`);let u=Math.min(t,Math.max(Z,a.length+Q*2)),c=s+2;return{width:u,height:c}}if(V(e)||H(e)){if(e.children.length===0)return{width:Z+4,height:4};let i=Math.floor(t/e.children.length),n=0,s=0;for(let a of e.children){let u=Xe(a,i,r,o);n+=u.width,s=Math.max(s,u.height)}return n+=Be*(e.children.length-1),{width:Math.max(n,Z),height:5+s+2}}if(Y(e)){let i=e.branches.find(s=>s.taken),n=0;if(i)for(let s of i.children){let a=Xe(s,t,r,o);n+=a.height+we}return{width:Math.min(t,30),height:3+n}}if(te(e)){let i=`stream:${e.namespace}`,n=2;r.showTimings&&e.durationMs!==void 0&&n++,e.backpressureOccurred&&n++;let s=Math.min(t,Math.max(Z,i.length+Q*2+4)),a=n+2;return{width:s,height:a}}return{width:Z,height:3}}function jr(e,t,r){let o={...F,...r.colors};for(let i=0;i<t.length;i++){let n=t[i],s=i===t.length-1;if(Ue(e,n,o),!s){let a=t[i+1],u=n.centerX,c=n.bottomY+1,l=a.centerX,p=a.y-1;ae(e,u,c,p-1),pe(e,l,p)}}}function Ue(e,t,r){let o=t.type!=="start",i=t.type!=="end"&&(!t.children||t.children.length===0);Pr(e,t.x,t.y,t.width,t.height),o&&P(e,t.centerX,t.y,B.teeUp),(i||t.children&&t.children.length>0)&&P(e,t.centerX,t.y+t.height-1,B.teeDown);let n=t.width-Q*2,s=Jr(t,r);for(let a=0;a<t.label.length;a++){let u=t.label[a],c=t.x+1+Math.floor((n-re(u).length)/2),l=t.y+1+a;gt(e,c,l,u,s)}t.metadata?.isWinner&&gt(e,t.x+t.width-2,t.y,"\u{1F3C6}"),t.children&&t.children.length>0&&(t.type==="parallel"||t.type==="race"?Vr(e,t,r):Gr(e,t,r))}function Vr(e,t,r){let o=t.children;if(o.length===0)return;let i=t.y+t.height,n=t.centerX;if(t.metadata?.verticalLayout===!0){let a=o[0];ae(e,n,i,a.y-2),pe(e,a.centerX,a.y-1);for(let u=0;u<o.length;u++){let c=o[u];if(Ue(e,c,r),u<o.length-1){let l=o[u+1];ae(e,c.centerX,c.bottomY+1,l.y-2),pe(e,l.centerX,l.y-1)}}return}if(o.length===1)ae(e,n,i,o[0].y-2),pe(e,o[0].centerX,o[0].y-1);else{let a=o.map(l=>l.centerX),u=Math.min(...a),c=Math.max(...a);ae(e,n,i,i+1),wt(e,i+1,u,c),P(e,n,i+1,B.teeUp);for(let l of o){let p=l.centerX;p===u?P(e,p,i+1,B.topLeft):p===c?P(e,p,i+1,B.topRight):p!==n&&P(e,p,i+1,B.teeDown),ae(e,p,i+2,l.y-2),pe(e,p,l.y-1)}}for(let a of o)Ue(e,a,r);if(o.length>1){let a=o.map(f=>f.bottomY),u=Math.max(...a),c=u+1,l=o.map(f=>f.centerX),p=Math.min(...l),h=Math.max(...l);for(let f of o)f.bottomY<u&&ae(e,f.centerX,f.bottomY+1,c-1);wt(e,c,p,h);for(let f of o){let b=f.centerX;b===p?P(e,b,c,B.bottomLeft):b===h?P(e,b,c,B.bottomRight):P(e,b,c,B.teeUp)}P(e,t.centerX,c,B.teeDown),P(e,t.centerX,c+1,B.vertical)}}function Gr(e,t,r){let o=t.children;if(o.length===0)return;let i=t.y+t.height,n=o[0];ae(e,t.centerX,i,n.y-2),pe(e,n.centerX,n.y-1);for(let s=0;s<o.length;s++){let a=o[s];if(Ue(e,a,r),s<o.length-1){let u=o[s+1];ae(e,a.centerX,a.bottomY+1,u.y-2),pe(e,u.centerX,u.y-1)}}}var Yr={active:"\x1B[36m",closed:"\x1B[32m",error:"\x1B[31m"};function Jr(e,t){if(e.metadata?.heat!==void 0){let r=he(e.metadata.heat);return _r[r]||void 0}return e.type==="stream"&&e.metadata?.streamState?Yr[e.metadata.streamState]||void 0:t[e.state]||void 0}function fe(){return{name:"flowchart",supportsLive:!1,render(e,t){let r=t.terminalWidth??80,{nodes:o,totalHeight:i}=Ur(e,t,r),n=Br(r,i);return jr(n,o,t),Ar(n)}}}function Xr(e){return e.replace(/\x1b\[[0-9;]*m/g,"")}function qr(e){let t=[];function r(o){for(let i of o)if(K(i))t.push(i);else if(Ke(i))r(i.children);else if(V(i)||H(i))r(i.children);else if(Y(i))for(let n of i.branches)n.taken&&r(n.children)}return r(e),t}function Zr(e){let t={id:e.id,name:e.name??e.key??e.id,state:e.state};return e.key&&(t.key=e.key),e.durationMs!==void 0&&(t.durationMs=e.durationMs),e.startTs!==void 0&&(t.startTs=e.startTs),e.endTs!==void 0&&(t.endTs=e.endTs),e.retryCount!==void 0&&e.retryCount>0&&(t.retryCount=e.retryCount),e.timedOut&&(t.timedOut=!0,e.timeoutMs!==void 0&&(t.timeoutMs=e.timeoutMs)),e.error!==void 0&&(t.error=typeof e.error=="string"?e.error:String(e.error)),t}function Qr(e){let t=0,r=0,o=0,i=0,n=0,s;for(let a of e)a.state==="success"&&t++,a.state==="error"&&r++,a.state==="cached"&&o++,a.state==="skipped"&&i++,a.retryCount!==void 0&&(n+=a.retryCount),a.durationMs!==void 0&&(!s||a.durationMs>s.durationMs)&&(s={name:a.name??a.key??a.id,durationMs:a.durationMs});return{totalSteps:e.length,successCount:t,errorCount:r,cacheHits:o,skippedCount:i,totalRetries:n,slowestStep:s}}function en(e){let t={};if(e.shouldRun&&(t.shouldRun={result:e.shouldRun.context?.result,durationMs:e.shouldRun.durationMs},e.shouldRun.error!==void 0&&e.shouldRun.error!==null&&(t.shouldRun.error=String(e.shouldRun.error))),e.onBeforeStart&&(t.onBeforeStart={durationMs:e.onBeforeStart.durationMs},e.onBeforeStart.error!==void 0&&e.onBeforeStart.error!==null&&(t.onBeforeStart.error=String(e.onBeforeStart.error))),e.onAfterStep.size>0){t.onAfterStep=[];for(let[r,o]of e.onAfterStep){let i={stepKey:r};o.durationMs!==void 0&&(i.durationMs=o.durationMs),o.error!==void 0&&o.error!==null&&(i.error=String(o.error)),t.onAfterStep.push(i)}}return t}function tn(e,t){let r=e.root,o=qr(r.children),i=t.includeDiagram??!0,n=t.stripAnsiColors??!0,s={workflow:{id:r.workflowId,name:r.name,state:r.state,durationMs:r.durationMs,startedAt:r.startTs,completedAt:r.endTs},steps:o.map(Zr),summary:Qr(o)};if(e.hooks){let a=en(e.hooks);Object.keys(a).length>0&&(s.hooks=a)}if(i){let c=((t.diagramFormat??"ascii")==="flowchart"?fe():ie()).render(e,t);n&&(c=Xr(c)),s.diagram=c}return s}function Re(){return{name:"logger",supportsLive:!1,render(e,t){let o=tn(e,t);return JSON.stringify(o)}}}var ee=require("awaitly");var kt=rr(require("pako"),1),rn=typeof globalThis<"u"&&"Buffer"in globalThis&&typeof globalThis.Buffer=="function";function nn(e){let t;if(rn)t=globalThis.Buffer.from(e).toString("base64");else{let r="";for(let o=0;o<e.length;o++)r+=String.fromCharCode(e[o]);t=btoa(r)}return t.replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function He(e){let r=new TextEncoder().encode(e),o=kt.default.deflate(r);return nn(o)}var vt="https://kroki.io";function Ze(e,t,r,o={}){let i=o.baseUrl??vt,n=He(r);return`${i}/${e}/${t}/${n}`}function de(e,t="svg",r={}){let o=se(),i={showTimings:!0,showKeys:!1,terminalWidth:80,colors:F},n=o.render(e,i);return Ze("mermaid",t,n,r)}function xt(e,t={}){return de(e,"svg",t)}function St(e,t={}){return de(e,"png",t)}function Rt(e={}){let t=e.baseUrl??vt;return{toUrl(r,o){return de(r,o,{baseUrl:t})},toSvgUrl(r){return de(r,"svg",{baseUrl:t})},toPngUrl(r){return de(r,"png",{baseUrl:t})},toPdfUrl(r){return de(r,"pdf",{baseUrl:t})},getBaseUrl(){return t}}}var It="https://mermaid.ink";function Qe(e){return`pako:${He(e)}`}function on(e){if("provider"in e){let t=e;return{theme:t.mermaidTheme,bgColor:t.background,scale:t.scale,fit:t.fit,width:t.width,height:t.height,paper:t.paper,imageType:"png"}}return e}function sn(e,t){let r=[];return t.bgColor&&r.push(`bgColor=${encodeURIComponent(t.bgColor)}`),t.theme&&r.push(`theme=${t.theme}`),t.width!==void 0&&r.push(`width=${t.width}`),t.height!==void 0&&r.push(`height=${t.height}`),t.scale!==void 0&&(t.width!==void 0||t.height!==void 0)&&r.push(`scale=${t.scale}`),e==="img"&&t.imageType&&t.imageType!=="jpeg"&&r.push(`type=${t.imageType}`),e==="pdf"&&(t.fit&&r.push("fit"),t.paper&&!t.fit&&r.push(`paper=${t.paper}`),t.landscape&&!t.fit&&r.push("landscape")),r.length>0?`?${r.join("&")}`:""}function Ie(e,t,r={}){let o=on(r),i=o.baseUrl??It,n=Qe(t),s=sn(e,o);return`${i}/${e}/${n}${s}`}function G(e,t="svg",r={}){let o=se(),i={showTimings:!0,showKeys:!1,terminalWidth:80,colors:F},n=o.render(e,i);return Ie(t,n,r)}function Et(e,t={}){return G(e,"svg",t)}function $t(e,t={}){return G(e,"img",{...t,imageType:"png"})}function Nt(e,t={}){return G(e,"img",{...t,imageType:"jpeg"})}function Tt(e,t={}){return G(e,"img",{...t,imageType:"webp"})}function Mt(e,t={}){return G(e,"pdf",t)}function Ot(e={}){let t=e.baseUrl??It;return{toUrl(r,o){return G(r,o,e)},toSvgUrl(r){return G(r,"svg",e)},toPngUrl(r){return G(r,"img",{...e,imageType:"png"})},toJpegUrl(r){return G(r,"img",{...e,imageType:"jpeg"})},toWebpUrl(r){return G(r,"img",{...e,imageType:"webp"})},toPdfUrl(r){return G(r,"pdf",e)},getBaseUrl(){return t},getOptions(){return{...e}}}}function an(e,t,r){return e==="mermaid-ink"&&t==="mermaid"?(0,ee.ok)(void 0):e==="kroki"&&t==="mermaid"?r==="pdf"?(0,ee.err)("UNSUPPORTED_FORMAT"):(0,ee.ok)(void 0):(0,ee.err)("UNSUPPORTED_FORMAT")}function cn(e){switch(e){case"mermaid":return"mermaid";case"graphviz":return"graphviz";case"plantuml":return"plantuml"}}function dn(e){switch(e){case"svg":return"svg";case"png":return"img";case"pdf":return"pdf"}}function be(e,t,r,o={}){switch(e.kind){case"mermaid":break;case"graphviz":case"plantuml":return(0,ee.err)("UNSUPPORTED_DIAGRAM_KIND");default:{let n=e;return(0,ee.err)("UNSUPPORTED_DIAGRAM_KIND")}}let i=an(r.provider,e.kind,t);if(!i.ok)return i;switch(r.provider){case"kroki":return(0,ee.ok)(Ze(cn(e.kind),t,e.source,r));case"mermaid-ink":return(0,ee.ok)(Ie(dn(t),e.source,r));default:{let n=r;return(0,ee.err)("UNKNOWN_PROVIDER")}}}function Dt(e){let t={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"},r={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"},o=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};
+  `,i;return e==="auto"?i=`
+      :root {
+        ${o(t)}
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          ${o(r)}
+        }
+      }
+    `:e==="dark"?i=`
+      :root {
+        ${o(r)}
+      }
+    `:i=`
+      :root {
+        ${o(t)}
+      }
+    `,`
+${i}
+
+* {
+  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;
+  background-color: var(--bg-secondary);
+  color: var(--text-muted);
+}
+
+.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: filter 0.15s ease;
+}
+
+.wv-node:hover {
+  filter: brightness(1.1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
+}
+
+.wv-node rect,
+.wv-node circle {
+  stroke: var(--border);
+  stroke-width: 2;
+  transition: all 0.2s ease;
+}
+
+.wv-node:hover rect,
+.wv-node:hover circle {
+  stroke-width: 3;
+}
+
+.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;
+}
+
+/* Modal */
+.wv-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.wv-modal-content {
+  background-color: var(--bg);
+  border-radius: 8px;
+  width: 90%;
+  max-width: 600px;
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+}
+
+.wv-modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--border);
+}
+
+.wv-modal-header h2 {
+  font-size: 1.125rem;
+  font-weight: 600;
+  margin: 0;
+}
+
+.wv-modal-body {
+  padding: 20px;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.wv-modal-body p {
+  margin: 0 0 12px 0;
+  font-size: 0.875rem;
+  color: var(--text-muted);
+}
+
+.wv-modal-body code {
+  background-color: var(--bg-secondary);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 0.875rem;
+  font-family: monospace;
+}
+
+.wv-textarea {
+  width: 100%;
+  padding: 12px;
+  font-family: monospace;
+  font-size: 0.875rem;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background-color: var(--bg);
+  color: var(--text);
+  resize: vertical;
+  box-sizing: border-box;
+}
+
+.wv-textarea:focus {
+  outline: none;
+  border-color: var(--primary);
+}
+
+.wv-error {
+  margin-top: 12px;
+  padding: 12px;
+  background-color: var(--node-error);
+  color: #842029;
+  border-radius: 6px;
+  font-size: 0.875rem;
+}
+
+.wv-modal-footer {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  padding: 16px 20px;
+  border-top: 1px solid var(--border);
+}
+
+/* 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;
+  }
+
+  .wv-modal-content {
+    width: 95%;
+    max-height: 95vh;
+  }
+}
+`}function Ct(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(); setupLoadJSON();":""}
+    // WebSocket must be initialized before time-travel and heatmap checks
+    ${e.wsUrl?`setupWebSocket('${e.wsUrl}');`:""}
+    ${e.timeTravel?"setupTimeTravel(); initializeTimeTravelFromData();":""}
+    ${e.heatmap?"setupHeatmap();":""}
+    setupKeyboardShortcuts();
+  }
+
+  // Load JSON functionality
+  function setupLoadJSON() {
+    const loadBtn = document.getElementById('load-json-btn');
+    const modal = document.getElementById('load-json-modal');
+    const closeBtn = document.getElementById('load-json-close');
+    const cancelBtn = document.getElementById('load-json-cancel');
+    const submitBtn = document.getElementById('load-json-submit');
+    const input = document.getElementById('load-json-input');
+    const errorDiv = document.getElementById('load-json-error');
+
+    if (!loadBtn || !modal) return;
+
+    loadBtn.addEventListener('click', () => {
+      modal.style.display = 'flex';
+      if (input) {
+        input.value = '';
+        input.focus();
+      }
+      if (errorDiv) errorDiv.style.display = 'none';
+    });
+
+    const closeModal = () => {
+      modal.style.display = 'none';
+      if (errorDiv) errorDiv.style.display = 'none';
+    };
+
+    closeBtn?.addEventListener('click', closeModal);
+    cancelBtn?.addEventListener('click', closeModal);
+    modal.addEventListener('click', (e) => {
+      if (e.target === modal) closeModal();
+    });
+
+    submitBtn?.addEventListener('click', () => {
+      if (!input) return;
+
+      try {
+        const jsonText = input.value.trim();
+        if (!jsonText) {
+          showError('Please paste JSON data');
+          return;
+        }
+
+        const ir = JSON.parse(jsonText);
+
+        // Validate IR structure
+        if (!ir || !ir.root || !ir.root.type || ir.root.type !== 'workflow') {
+          showError('Invalid workflow IR. Expected object with root.type === "workflow"');
+          return;
+        }
+
+        // Update global data
+        window.__WORKFLOW_IR__ = ir;
+        const newData = buildWorkflowDataFromIR(ir);
+        window.__WORKFLOW_DATA__ = newData;
+
+        // Save to sessionStorage for full rebuild on reload
+        try {
+          sessionStorage.setItem('workflow_ir', JSON.stringify(ir));
+        } catch (storageErr) {
+          console.warn('Failed to save IR to sessionStorage:', storageErr);
+        }
+
+        // Rebuild the diagram (updates node states in-place)
+        rebuildDiagram(ir);
+
+        // Update inspector if node is selected
+        if (selectedNodeId) {
+          updateInspector(selectedNodeId);
+        }
+
+        closeModal();
+
+        // Offer full rebuild via reload if structure changed significantly
+        console.log('IR loaded. Node states updated. Reload page for full layout rebuild with new structure.');
+      } catch (e) {
+        showError('Invalid JSON: ' + e.message);
+      }
+    });
+
+    function showError(message) {
+      if (errorDiv) {
+        errorDiv.textContent = message;
+        errorDiv.style.display = 'block';
+      }
+    }
+  }
+
+  function buildWorkflowDataFromIR(ir) {
+    const nodes = {};
+
+    function collectNodes(flowNodes) {
+      for (const node of flowNodes || []) {
+        nodes[node.id] = {
+          id: node.id,
+          name: node.name,
+          type: node.type,
+          state: node.state,
+          key: node.key,
+          durationMs: node.durationMs,
+          startTs: node.startTs,
+          error: node.error !== undefined && node.error !== null ? String(node.error) : undefined,
+          retryCount: node.retryCount,
+          input: node.input,
+          output: node.output,
+          ...(node.type === 'stream' && {
+            namespace: node.namespace,
+            writeCount: node.writeCount,
+            readCount: node.readCount,
+            finalPosition: node.finalPosition,
+            streamState: node.streamState,
+            backpressureOccurred: node.backpressureOccurred,
+          }),
+          ...(node.type === 'decision' && {
+            condition: node.condition,
+            decisionValue: node.decisionValue,
+            branchTaken: node.branchTaken,
+            branches: node.branches,
+          }),
+        };
+
+        if (node.children) {
+          collectNodes(node.children);
+        }
+        if (node.branches) {
+          for (const branch of node.branches) {
+            collectNodes(branch.children);
+          }
+        }
+      }
+    }
+
+    collectNodes(ir.root.children);
+    const hooks = ir.hooks
+      ? {
+          ...ir.hooks,
+          onAfterStep:
+            ir.hooks.onAfterStep instanceof Map
+              ? Object.fromEntries(ir.hooks.onAfterStep)
+              : ir.hooks.onAfterStep,
+        }
+      : undefined;
+    return { nodes, hooks };
+  }
+
+  function rebuildDiagram(ir) {
+    // Update workflow data and node states
+    const newData = buildWorkflowDataFromIR(ir);
+    window.__WORKFLOW_DATA__ = newData;
+    window.__WORKFLOW_IR__ = ir;
+
+    // Update existing node states in SVG
+    renderIR(ir);
+
+    // Note: Full diagram rebuild (new nodes, layout changes) requires regenerating the HTML
+    // For now, we update node states. Users can save the IR and regenerate HTML for full rebuild.
+    console.log('Workflow IR loaded. Node states updated. For full diagram rebuild, regenerate HTML with the new IR.');
+  }
+
+  function initializeTimeTravelFromData() {
+    // For static HTML (no WebSocket), time travel doesn't work since we only have one state
+    // Initialize with empty snapshots and disable controls
+    if (!ws) {
+      snapshots = [];
+      currentSnapshotIndex = -1;
+      updateTimelineUI();
+
+      // Disable time travel controls for static HTML
+      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 slider = document.getElementById('tt-slider');
+
+      [playBtn, pauseBtn, prevBtn, nextBtn, slider].forEach(btn => {
+        if (btn) {
+          btn.disabled = true;
+          btn.title = 'Time travel requires a live WebSocket connection';
+        }
+      });
+    }
+  }
+
+  // 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 - handle clicks on nodes and their children (rect, text, etc.)
+    document.querySelectorAll('.wv-node').forEach((node) => {
+      node.addEventListener('click', (e) => {
+        e.stopPropagation();
+        const nodeId = node.dataset.nodeId;
+        if (nodeId) {
+          selectNode(nodeId);
+        }
+      });
+    });
+
+    // Also handle clicks directly on child elements (rect, text) that bubble up
+    if (svg) {
+      svg.addEventListener('click', (e) => {
+        // Find the closest .wv-node parent
+        let target = e.target;
+        while (target && target !== svg) {
+          if (target.classList && target.classList.contains('wv-node')) {
+            const nodeId = target.dataset?.nodeId;
+            if (nodeId) {
+              e.stopPropagation();
+              selectNode(nodeId);
+              return;
+            }
+          }
+          target = target.parentElement;
+        }
+      });
+    }
+
+    // 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 !== undefined) {
+        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);
+    }
+
+    // Input/Output section
+    if (node.input !== undefined || node.output !== undefined) {
+      const ioSection = createSection('Input / Output');
+      if (node.input !== undefined) {
+        const inputPre = document.createElement('pre');
+        inputPre.style.cssText = 'font-size:11px;overflow:auto;max-height:120px;background:var(--bg);padding:8px;border-radius:4px;';
+        inputPre.textContent = typeof node.input === 'string' ? node.input : safeStringify(node.input);
+        ioSection.appendChild(createRow('Input', ''));
+        ioSection.appendChild(inputPre);
+      }
+      if (node.output !== undefined) {
+        const outputPre = document.createElement('pre');
+        outputPre.style.cssText = 'font-size:11px;overflow:auto;max-height:120px;background:var(--bg);padding:8px;border-radius:4px;';
+        outputPre.textContent = typeof node.output === 'string' ? node.output : safeStringify(node.output);
+        ioSection.appendChild(createRow('Output', ''));
+        ioSection.appendChild(outputPre);
+      }
+      container.appendChild(ioSection);
+    }
+
+    // Hook timing (onAfterStep)
+    const hookKey = node.key || node.id;
+    const hookExec = window.__WORKFLOW_DATA__?.hooks?.onAfterStep?.[hookKey];
+    if (hookExec && (hookExec.durationMs !== undefined || hookExec.ts !== undefined)) {
+      const hookSection = createSection('Hook (onAfterStep)');
+      if (hookExec.durationMs !== undefined) {
+        hookSection.appendChild(createRow('Duration', formatDuration(hookExec.durationMs)));
+      }
+      if (hookExec.ts !== undefined) {
+        hookSection.appendChild(createRow('At', new Date(hookExec.ts).toLocaleTimeString()));
+      }
+      container.appendChild(hookSection);
+    }
+
+    // Error section (preserve falsy errors: 0, "", false)
+    if (node.error !== undefined && node.error !== null) {
+      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) {
+      console.warn('[Visualizer] No snapshots available for time travel. Time travel requires a live WebSocket connection.');
+      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 (snapshots.length === 0) {
+      console.warn('[Visualizer] No snapshots available for time travel.');
+      return;
+    }
+    if (currentSnapshotIndex < snapshots.length - 1) {
+      seek(currentSnapshotIndex + 1);
+    }
+  }
+
+  function stepBackward() {
+    if (snapshots.length === 0) {
+      console.warn('[Visualizer] No snapshots available for time travel.');
+      return;
+    }
+    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(Math.max(0, 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);
+      ${e.timeTravel?"if (ws && ws.readyState === 1) ws.send(JSON.stringify({ type: 'request_snapshots' }));":""}
+    };
+
+    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');
+
+    // For static HTML (no WebSocket), disable heatmap controls
+    if (!ws) {
+      if (toggle) {
+        toggle.disabled = true;
+        toggle.title = 'Heatmap requires a live WebSocket connection with performance data';
+      }
+      if (metricSelect) {
+        metricSelect.disabled = true;
+        metricSelect.title = 'Heatmap requires a live WebSocket connection with performance data';
+      }
+      return;
+    }
+
+    toggle?.addEventListener('click', () => {
+      heatmapEnabled = !heatmapEnabled;
+      toggle.classList.toggle('wv-btn--primary', heatmapEnabled);
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: 'toggle_heatmap', payload: { enabled: heatmapEnabled } }));
+      }
+      if (heatmapEnabled) {
+        applyHeatmap();
+      } else {
+        removeHeatmap();
+      }
+    });
+
+    metricSelect?.addEventListener('change', (e) => {
+      heatmapMetric = e.target.value;
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: 'set_heatmap_metric', payload: { metric: heatmapMetric } }));
+      }
+      if (heatmapEnabled) applyHeatmap();
+    });
+  }
+
+  function applyHeatmap() {
+    const perfData = window.__PERFORMANCE_DATA__;
+    if (!perfData) return;
+
+    const heat = perfData.heat;
+    document.querySelectorAll('.wv-node').forEach((node) => {
+      const nodeId = node.dataset.nodeId;
+      const value = heat && (typeof heat.get === 'function' ? heat.get(nodeId) : 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 (value !== undefined) {
+        const level = getHeatLevel(value);
+        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) {
+    window.__WORKFLOW_DATA__ = buildWorkflowDataFromIR(ir);
+
+    // 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 only state class so heatmap (wv-node--heat-*) and other classes are preserved
+        node.className = node.className.replace(/wv-node--(success|error|running|cached|skipped|pending|aborted)/g, '').replace(/\\s+/g, ' ').trim();
+        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);
+        }
+      }
+    });
+
+    // Re-apply selection so wv-node--selected is not lost after class updates
+    if (selectedNodeId) {
+      selectNode(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 safeStringify(val) {
+    const seen = new WeakSet();
+    try {
+      return JSON.stringify(val, function(key, value) {
+        if (typeof value === 'bigint') return value.toString();
+        if (typeof value === 'object' && value !== null) {
+          if (seen.has(value)) return '[Circular]';
+          seen.add(value);
+        }
+        return value;
+      }, 2);
+    } catch (e) {
+      return String(val);
+    }
+  }
+
+  function formatDuration(ms) {
+    if (ms < 1000) return Math.round(ms) + 'ms';
+    if (ms < 60000) {
+      const s = (ms / 1000).toFixed(1).replace(/\\.0$/, '');
+      return s + 's';
+    }
+    let min = Math.floor(ms / 60000);
+    let sec = Math.round((ms % 60000) / 1000);
+    if (sec >= 60) { min += 1; sec = 0; }
+    if (sec === 0) return min + 'm';
+    return min + 'm ' + sec + 's';
+  }
+})();
+`}var le=160,ye=50,et=40,ln=30,z=20;function un(e,t="TB",r){let o=t==="TB"||t==="BT",i=t==="RL"||t==="BT",n=[],s=z,a=z,u=0,c=0;for(let h of e){let f=tt(h,s,a,o,r);n.push(f.node),o?(a+=f.height+ln,u=Math.max(u,f.width),c=a):(s+=f.width+et,c=Math.max(c,f.height),u=s)}let l=u+z,p=c+z;if(i)for(let h of n)_t(h,l,p,o);return{nodes:n,width:l,height:p}}function _t(e,t,r,o){if(o?e.y=r-e.y-e.height:e.x=t-e.x-e.width,e.children)for(let i of e.children)_t(i,t,r,o)}function tt(e,t,r,o,i){if(K(e)){let n=e.name??e.key??"step",s=i?.showKeys&&e.key&&e.name?`${n} [key: ${e.key}]`:n;return{node:{id:e.id,name:s,type:"step",state:e.state,x:t,y:r,width:le,height:ye,durationMs:e.durationMs},width:le,height:ye}}if(te(e)){let n=e.streamState==="active"?`stream:${e.namespace} \u27F3`:e.streamState==="error"?`stream:${e.namespace} \u2717`:`stream:${e.namespace} \u2713`;return{node:{id:e.id,name:n,type:"stream",state:e.state,x:t,y:r,width:le,height:ye,durationMs:e.durationMs},width:le,height:ye}}if(V(e)||H(e)){let n=V(e)?"parallel":"race",s=e.name??n,a=[],u=t+z,c=r+z+20,l=0,p=0;for(let b of e.children){let k=tt(b,u,c,!0,i);a.push(k.node),u+=k.width+et,p=Math.max(p,k.height)}l=u-t-z;let h=Math.max(l+z,le+z*2),f=p+z*2+20;return{node:{id:e.id,name:s,type:n,state:e.state,x:t,y:r,width:h,height:f,durationMs:e.durationMs,children:a,containerType:n,containerLabel:n==="parallel"?"PARALLEL":"RACE"},width:h,height:f}}if(Y(e)){let n=e.name??"decision",s=[],a=t+z,u=r+z+20,c=0;for(let h of e.branches)for(let f of h.children){let b=tt(f,a,u,!0,i);s.push(b.node),a+=b.width+et,c=Math.max(c,b.height)}let l=Math.max(a-t,le+z*2),p=c+z*2+20;return{node:{id:e.id,name:n,type:"decision",state:e.state,x:t,y:r,width:l,height:p,durationMs:e.durationMs,children:s,containerType:"decision",containerLabel:"DECISION"},width:l,height:p}}return{node:{id:e.id,name:e.name??"unknown",type:e.type,state:e.state,x:t,y:r,width:le,height:ye},width:le,height:ye}}function Wt(e,t){return e.containerType?fn(e,t):pn(e,t)}function pn(e,t){let o=t&&e.durationMs!==void 0?A(e.durationMs):"";return`
+    <g class="wv-node wv-node--${e.state}" data-node-id="${Pt(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-(o?4:0)}">${nt(hn(e.name,e.name.includes("[key:")?40:20))}</text>
+      ${o?`<text class="wv-node-timing" x="${e.width/2}" y="${e.height/2+12}">${o}</text>`:""}
+    </g>
+  `}function fn(e,t){let o=e.children?.map(i=>Wt(i,t)).join(`
+`)??"";return`
+    <g class="wv-container wv-container--${e.containerType}" data-node-id="${Pt(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="${z}" y="16">${e.containerLabel}</text>
+      <g transform="translate(${-e.x}, ${-e.y})">
+        ${o}
+      </g>
+    </g>
+  `}function rt(e,t){for(let r of e){if(r.id===t)return r;if("children"in r&&r.children){let o=rt(r.children,t);if(o)return o}if("branches"in r&&r.branches)for(let o of r.branches){let i=rt(o.children,t);if(i)return i}}}function mn(e,t){let r=[];function o(n,s){if(Math.abs(n.y-s.y)<n.height){let u=n.x+n.width,c=n.y+n.height/2,l=s.x,p=s.y+s.height/2;r.push(`
+        <path class="wv-edge" d="M ${u} ${c} L ${l-8} ${p}" />
+        <polygon class="wv-edge-arrow" points="${l-8},${p-4} ${l-8},${p+4} ${l},${p}" />
+      `)}else{let u=n.x+n.width/2,c=n.y+n.height,l=s.x+s.width/2,p=s.y;r.push(`
+        <path class="wv-edge" d="M ${u} ${c} L ${l} ${p-8}" />
+        <polygon class="wv-edge-arrow" points="${l-4},${p-8} ${l+4},${p-8} ${l},${p}" />
+      `)}}function i(n){for(let s=0;s<n.length-1;s++)o(n[s],n[s+1]);for(let s of n)if(s.children&&s.children.length>0)if(s.containerType==="decision"){let a=rt(t.root.children,s.id);if(a&&a.type==="decision"&&a.branches){let u=0;for(let c of a.branches){let l=c.children.length;l>0&&o(s,s.children[u]);for(let p=0;p<l-1;p++)o(s.children[u+p],s.children[u+p+1]);u+=l}}}else if(s.containerType==="parallel"||s.containerType==="race")for(let a of s.children)a.children&&a.children.length>0&&i([a]);else i(s.children)}return i(e),r.join(`
+`)}function Bt(e,t){let r=un(e.root.children,t.layout,t),o=Math.max(r.width,400),i=Math.max(r.height,300),n=r.nodes.map(l=>Wt(l,t.showTimings)).join(`
+`),s=mn(r.nodes,e),a=e.root.name??"Workflow",u=Dt(t.theme),c=Ct({wsUrl:t.wsUrl,interactive:t.interactive,timeTravel:t.timeTravel,heatmap:t.heatmap});return`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${nt(a)} - Workflow Visualizer</title>
+  <style>${u}</style>
+</head>
+<body>
+  <div class="workflow-visualizer">
+    <header class="wv-header">
+      <h1>${nt(a)}</h1>
+      <div class="wv-controls">
+        ${t.interactive?`
+          <button id="load-json-btn" class="wv-btn" title="Load workflow state from JSON">Load JSON</button>
+        `:""}
+        ${t.wsUrl?'<div id="live-indicator" class="wv-live" style="display:none"><span class="wv-live-dot"></span>LIVE</div>':""}
+        ${t.heatmap&&t.wsUrl?`
+          <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>
+        `:""}
+        ${t.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 ${o} ${i}" preserveAspectRatio="xMidYMid meet">
+          <g class="wv-root">
+            ${s}
+            ${n}
+          </g>
+        </svg>
+      </div>
+
+      ${t.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>
+
+    ${t.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>
+
+  ${t.interactive?`
+    <div id="load-json-modal" class="wv-modal" style="display:none">
+      <div class="wv-modal-content">
+        <div class="wv-modal-header">
+          <h2>Load Workflow State</h2>
+          <button id="load-json-close" class="wv-btn wv-btn--icon" title="Close">\xD7</button>
+        </div>
+        <div class="wv-modal-body">
+          <p>Paste the workflow IR JSON (from <code>viz.getIR()</code> or <code>viz.renderAs('json')</code>):</p>
+          <textarea id="load-json-input" class="wv-textarea" rows="15" placeholder='{"root":{"type":"workflow","id":"...","children":[...]}}'></textarea>
+          <div id="load-json-error" class="wv-error" style="display:none"></div>
+        </div>
+        <div class="wv-modal-footer">
+          <button id="load-json-submit" class="wv-btn wv-btn--primary">Load</button>
+          <button id="load-json-cancel" class="wv-btn">Cancel</button>
+        </div>
+      </div>
+    </div>
+  `:""}
+
+  <script>
+    // Check if we have a saved IR in sessionStorage (from Load JSON)
+    (function() {
+      let initialIR = ${Lt(gn(e))};
+      try {
+        const savedIR = sessionStorage.getItem('workflow_ir');
+        if (savedIR) {
+          initialIR = JSON.parse(savedIR);
+          sessionStorage.removeItem('workflow_ir'); // Clear after use
+        }
+      } catch (e) {
+        console.warn('Failed to load saved IR:', e);
+      }
+
+      const irObj = typeof initialIR === 'string' ? JSON.parse(initialIR) : initialIR;
+      window.__WORKFLOW_IR__ = irObj;
+
+      // Build workflow data from IR (nodes include input/output; hooks serialized for inspector)
+      function buildWorkflowDataFromIR(ir) {
+        const nodes = {};
+        function collectNodes(flowNodes) {
+          for (const node of flowNodes || []) {
+            nodes[node.id] = {
+              id: node.id,
+              name: node.name,
+              type: node.type,
+              state: node.state,
+              key: node.key,
+              durationMs: node.durationMs,
+              startTs: node.startTs,
+              error: node.error !== undefined && node.error !== null ? String(node.error) : undefined,
+              retryCount: node.retryCount,
+              input: node.input,
+              output: node.output,
+              ...(node.type === "stream" && {
+                namespace: node.namespace,
+                writeCount: node.writeCount,
+                readCount: node.readCount,
+                finalPosition: node.finalPosition,
+                streamState: node.streamState,
+                backpressureOccurred: node.backpressureOccurred,
+              }),
+              ...(node.type === "decision" && {
+                condition: node.condition,
+                decisionValue: node.decisionValue,
+                branchTaken: node.branchTaken,
+                branches: node.branches,
+              }),
+            };
+            if (node.children) collectNodes(node.children);
+            if (node.branches) {
+              for (const branch of node.branches) {
+                collectNodes(branch.children);
+              }
+            }
+          }
+        }
+        collectNodes(ir.root.children);
+        const hooks = ir.hooks
+          ? {
+              ...ir.hooks,
+              onAfterStep:
+                ir.hooks.onAfterStep instanceof Map
+                  ? Object.fromEntries(ir.hooks.onAfterStep)
+                  : ir.hooks.onAfterStep,
+            }
+          : undefined;
+        return { nodes, hooks };
+      }
+
+      window.__WORKFLOW_DATA__ = buildWorkflowDataFromIR(irObj);
+
+      ${t.heatmapData?`window.__PERFORMANCE_DATA__ = ${Lt({heat:Object.fromEntries(t.heatmapData.heat),metric:t.heatmapData.metric,stats:t.heatmapData.stats})};`:""}
+    })();
+  </script>
+  <script>${c}</script>
+</body>
+</html>`}function nt(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function Pt(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function hn(e,t){return e.length<=t?e:e.slice(0,t-1)+"\u2026"}function gn(e){if(!e.hooks)return e;let t=e.hooks.onAfterStep instanceof Map?Object.fromEntries(e.hooks.onAfterStep):e.hooks.onAfterStep;return{...e,hooks:{...e.hooks,onAfterStep:t}}}function Lt(e){let t=new WeakSet;return JSON.stringify(e,(o,i)=>{if(typeof i=="bigint")return i.toString();if(o==="error"&&i!==void 0&&i!==null)return String(i);if(typeof i=="object"&&i!==null){if(t.has(i))return"[Circular]";t.add(i)}return i}).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}var At={interactive:!0,timeTravel:!0,heatmap:!0,animationDuration:200,theme:"auto",layout:"TB"};function Ut(){return{name:"html",supportsLive:!0,render(e,t){let r={...t,...At,...t};return Bt(e,r)}}}function Ht(e,t={}){let r={showTimings:!0,showKeys:!1,colors:{pending:"#6c757d",running:"#ffc107",success:"#198754",error:"#dc3545",aborted:"#6c757d",cached:"#0dcaf0",skipped:"#adb5bd"},...At,...t};return Bt(e,r)}var ue={clearToEnd:"\x1B[J",cursorUp:e=>`\x1B[${e}A`,cursorToStart:"\x1B[G",hideCursor:"\x1B[?25l",showCursor:"\x1B[?25h",saveCursor:"\x1B[s",restoreCursor:"\x1B[u"};function Ft(e={}){let{workflowName:t,detectParallel:r=!0,showTimings:o=!0,showKeys:i=!1,colors:n,stream:s=process.stdout,updateInterval:a=100}=e,u=ce({detectParallel:r}),c=ie(),l={showTimings:o,showKeys:i,terminalWidth:s.columns??80,colors:{...F,...n}},p=!1,h="",f=0,b=null,k=!1;function E(O){s.writable&&s.write(O)}function D(){if(!p)return;let O=g(),S=c.render(O,l);S!==h&&(f>0&&(E(ue.cursorUp(f)),E(ue.cursorToStart),E(ue.clearToEnd)),E(S),E(`
+`),h=S,f=S.split(`
+`).length)}function T(){p&&(k=!0,b===null&&(b=setTimeout(()=>{b=null,k&&(k=!1,D())},a)))}function N(O){if(O.type==="scope_start"||O.type==="scope_end"){v(O);return}u.handleEvent(O),p&&(O.type==="workflow_start"||O.type==="workflow_success"||O.type==="workflow_error"?D():T())}function v(O){u.handleScopeEvent(O),p&&T()}function x(O){u.handleDecisionEvent(O),p&&T()}function g(){let O=u.getIR();return t&&!O.root.name&&(O.root.name=t),O}function y(){return c.render(g(),l)}function $(){p||(p=!0,h="",f=0,E(ue.hideCursor),D())}function C(){if(!p)return;p=!1,b!==null&&(clearTimeout(b),b=null);let O=g(),S=c.render(O,l);f>0&&(E(ue.cursorUp(f)),E(ue.cursorToStart),E(ue.clearToEnd)),E(S),E(`
+`),E(ue.showCursor)}function M(){b!==null&&(clearTimeout(b),b=null),k=!1,D()}function L(){u.reset(),h="",f=0}return{handleEvent:N,handleScopeEvent:v,handleDecisionEvent:x,getIR:g,render:y,start:$,stop:C,refresh:M,reset:L}}function Fe(e,t={}){let{condition:r,value:o,name:i,workflowId:n=crypto.randomUUID(),emit:s}=t,a=Date.now(),u,c=[];function l(h,f,b){c.push({label:h,condition:b,taken:f}),f&&(u=h),s?.({type:"decision_branch",workflowId:n,decisionId:e,branchLabel:h,condition:b,taken:f,ts:Date.now()})}function p(){let h=Date.now()-a;s?.({type:"decision_end",workflowId:n,decisionId:e,branchTaken:u,ts:Date.now(),durationMs:h})}return s?.({type:"decision_start",workflowId:n,decisionId:e,condition:r,decisionValue:o,name:i,ts:a}),{takeBranch:l,end:p,getBranchTaken:()=>u,getBranches:()=>[...c]}}function zt(e,t,r={}){let o=Fe(e,{...r,condition:r.condition??String(t),value:r.value??t}),i=!1;return{...o,condition:t,then:()=>{i||(i=!0,o.takeBranch("if",!0),o.takeBranch("else",!1))},else:()=>{i||(i=!0,o.takeBranch("if",!1),o.takeBranch("else",!0))}}}function Kt(e,t,r={}){let o=Fe(e,{...r,condition:r.condition??`switch(${String(t)})`,value:t});return{...o,value:t,case:(i,n)=>{o.takeBranch(`case '${i}'`,n,`value === '${i}'`)},default:i=>{o.takeBranch("default",i)}}}function jt(e={}){let{maxSnapshots:t=1e3,autoRecord:r=!0,builderOptions:o={}}=e,i=ce({...o,enableSnapshots:!0,maxSnapshots:t}),n={snapshots:[],currentIndex:-1,isPlaying:!1,playbackSpeed:1,isRecording:r},s=new Set,a=null;function u(){let M=v();for(let L of s)L(M)}function c(){n.snapshots=i.getSnapshots(),n.isRecording&&n.snapshots.length>0&&(n.currentIndex=n.snapshots.length-1)}function l(M){i.handleEvent(M),n.isRecording&&(c(),u())}function p(M){let L=i.getSnapshots();if(!(M<0||M>=L.length))return n.currentIndex=M,n.snapshots=L,u(),L[M].ir}function h(){return p(n.currentIndex+1)}function f(){return p(n.currentIndex-1)}function b(M=1){let L=i.getSnapshots();if(L.length===0)return;n.currentIndex===-1&&(n.currentIndex=0,n.snapshots=L),n.playbackSpeed=M,n.isPlaying=!0,u();let O=()=>{if(!n.isPlaying)return;let S=i.getSnapshots();if(n.currentIndex<S.length-1){let R=S[n.currentIndex],oe=(S[n.currentIndex+1].timestamp-R.timestamp)/n.playbackSpeed;a=setTimeout(()=>{h(),O()},Math.max(16,oe))}else k()};O()}function k(){n.isPlaying=!1,a&&(clearTimeout(a),a=null),u()}function E(){let M=i.getSnapshots();return n.currentIndex>=0&&n.currentIndex<M.length?M[n.currentIndex].ir:i.getIR()}function D(M){return i.getIRAt(M)}function T(){return i.getSnapshots()}function N(M){return i.getSnapshotAt(M)}function v(){return{snapshots:i.getSnapshots(),currentIndex:n.currentIndex,isPlaying:n.isPlaying,playbackSpeed:n.playbackSpeed,isRecording:n.isRecording}}function x(M){return s.add(M),()=>s.delete(M)}function g(){n.isRecording=!0,i.setSnapshotsEnabled(!0),c(),u()}function y(){n.isRecording=!1,i.setSnapshotsEnabled(!1),u()}function $(){k(),i.reset(),i.setSnapshotsEnabled(r),n={snapshots:[],currentIndex:-1,isPlaying:!1,playbackSpeed:1,isRecording:r},u()}function C(){return i}return{handleEvent:l,seek:p,stepForward:h,stepBackward:f,play:b,pause:k,getCurrentIR:E,getIRAt:D,getSnapshots:T,getSnapshotAt:N,getState:v,onStateChange:x,startRecording:g,stopRecording:y,reset:$,getBuilder:C}}function ze(e={}){let{workflowName:t,detectParallel:r=!0,showTimings:o=!0,showKeys:i=!1,colors:n,export:s}=e,a=ce({detectParallel:r}),u=new Set,c=ie(),l=se(),p=Re(),h=fe(),f={showTimings:o,showKeys:i,terminalWidth:process.stdout?.columns??80,colors:{...F,...n}};function b(){if(u.size>0){let S=T();for(let R of u)R(S)}}function k(S){if(S.type==="scope_start"||S.type==="scope_end"){E(S);return}a.handleEvent(S),S.type,b()}function E(S){a.handleScopeEvent(S),b()}function D(S){a.handleDecisionEvent(S),b()}function T(){let S=a.getIR();return t&&!S.root.name&&(S.root.name=t),S}function N(){let S=T();return c.render(S,f)}function v(S){let R=T();switch(S){case"ascii":return c.render(R,f);case"mermaid":return l.render(R,f);case"json":{let J=R.hooks?{...R,hooks:{...R.hooks,onAfterStep:R.hooks.onAfterStep instanceof Map?Object.fromEntries(R.hooks.onAfterStep):R.hooks.onAfterStep??{}}}:R;return JSON.stringify(J,(oe,ke)=>typeof ke=="bigint"?ke.toString():ke,2)}case"logger":return p.render(R,f);case"flowchart":return h.render(R,f);default:throw new Error(`Unknown format: ${S}`)}}function x(){a.reset(),b()}function g(S){return u.add(S),()=>u.delete(S)}function y(S,R){if(S)return S;if(s?.default)return s.default;throw new Error(`${R}(): No export provider configured. Pass { provider: 'kroki' } or { provider: 'mermaid-ink' }, or set export.default in createVisualizer().`)}function $(){let S=T();return{kind:"mermaid",source:l.render(S,f)}}function C(S){let R=be($(),"svg",y(S,"toSvgUrl"),{caller:"toSvgUrl"});if(!R.ok)throw new Error(`toSvgUrl: Export failed - ${R.error}`);return R.value}function M(S){let R=be($(),"png",y(S,"toPngUrl"),{caller:"toPngUrl"});if(!R.ok)throw new Error(`toPngUrl: Export failed - ${R.error}`);return R.value}function L(S){let R=be($(),"pdf",y(S,"toPdfUrl"),{caller:"toPdfUrl"});if(!R.ok)throw new Error(`toPdfUrl: Export failed - ${R.error}`);return R.value}function O(S,R){switch(S){case"svg":return C(R);case"png":return M(R);case"pdf":return L(R);default:return S}}return{handleEvent:k,handleScopeEvent:E,handleDecisionEvent:D,getIR:T,render:N,renderAs:v,reset:x,onUpdate:g,toUrl:O,toSvgUrl:C,toPngUrl:M,toPdfUrl:L}}function wn(...e){return(t,r)=>{for(let o of e)o(t,r)}}function bn(e,t={}){let r=ze(t);for(let o of e)o.type.startsWith("decision_")?r.handleDecisionEvent(o):r.handleEvent(o);return r.render()}function yn(e={}){let t=[];return{handleEvent:r=>{t.push(r)},handleDecisionEvent:r=>{t.push(r)},getEvents:()=>[...t],getWorkflowEvents:()=>t.filter(r=>!r.type.startsWith("decision_")),getDecisionEvents:()=>t.filter(r=>r.type.startsWith("decision_")),clear:()=>{t.length=0},visualize:()=>{let r=ze(e);for(let o of t)o.type.startsWith("decision_")?r.handleDecisionEvent(o):r.handleEvent(o);return r.render()},visualizeAs:r=>{let o=ze(e);for(let i of t)i.type.startsWith("decision_")?o.handleDecisionEvent(i):o.handleEvent(i);return o.renderAs(r)}}}0&&(module.exports={asciiRenderer,buildMermaidInkUrl,combineEventHandlers,createEventCollector,createIRBuilder,createLiveVisualizer,createMermaidInkGenerator,createParallelDetector,createPerformanceAnalyzer,createTimeTravelController,createUrlGenerator,createVisualizer,defaultColorScheme,detectParallelGroups,encodeForMermaidInk,flowchartRenderer,getHeatLevel,hasChildren,htmlRenderer,isDecisionNode,isParallelNode,isRaceNode,isSequenceNode,isStepNode,isStreamNode,loggerRenderer,mermaidRenderer,renderToHTML,toExportUrl,toKrokiPngUrl,toKrokiSvgUrl,toKrokiUrl,toMermaidInkJpegUrl,toMermaidInkPdfUrl,toMermaidInkPngUrl,toMermaidInkSvgUrl,toMermaidInkUrl,toMermaidInkWebpUrl,trackDecision,trackIf,trackSwitch,visualizeEvents});
+//# sourceMappingURL=index.cjs.map