@anvia/studio 1.1.0 → 1.1.2

package/dist/ui/assets/{pipelines-page-BPCS5mwc.js → pipelines-page-DAqa699J.js}

@@ -1,2 +1,2 @@
-import{i as e,r as t,s as n,t as r}from"./utils-DzstcfqT.js";import{t as i}from"./button-B_AoswCu.js";import{t as a}from"./ArrowClockwise.es-5vr4h4OH.js";import{n as o,t as s}from"./icon-DyadsXLr.js";import{a as c,i as l,n as ee,r as u,t as d}from"./select-BdCBnmXx.js";import{a as f,c as te,s as ne,t as p}from"./studio-DzEdCFsX.js";import{t as m}from"./textarea-fAtCF2cf.js";import{a as h,i as g,n as _,o as v,r as y,s as b,t as re}from"./style-BstB0PNS.js";import{t as ie}from"./renderers-CfrpUrJr.js";var x=n(e(),1),ae=new Map([[`bold`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M234.49,111.07,90.41,22.94A20,20,0,0,0,60,39.87V216.13a20,20,0,0,0,30.41,16.93l144.08-88.13a19.82,19.82,0,0,0,0-33.86ZM84,208.85V47.15L216.16,128Z`}))],[`duotone`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M228.23,134.69,84.15,222.81A8,8,0,0,1,72,216.12V39.88a8,8,0,0,1,12.15-6.69l144.08,88.12A7.82,7.82,0,0,1,228.23,134.69Z`,opacity:`0.2`}),x.createElement(`path`,{d:`M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z`}))],[`fill`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z`}))],[`light`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M231.36,116.19,87.28,28.06a14,14,0,0,0-14.18-.27A13.69,13.69,0,0,0,66,39.87V216.13a13.69,13.69,0,0,0,7.1,12.08,14,14,0,0,0,14.18-.27l144.08-88.13a13.82,13.82,0,0,0,0-23.62Zm-6.26,13.38L81,217.7a2,2,0,0,1-2.06,0,1.78,1.78,0,0,1-1-1.61V39.87a1.78,1.78,0,0,1,1-1.61A2.06,2.06,0,0,1,80,38a2,2,0,0,1,1,.31L225.1,126.43a1.82,1.82,0,0,1,0,3.14Z`}))],[`regular`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z`}))],[`thin`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M230.32,117.9,86.24,29.79a11.91,11.91,0,0,0-12.17-.23A11.71,11.71,0,0,0,68,39.89V216.11a11.71,11.71,0,0,0,6.07,10.33,11.91,11.91,0,0,0,12.17-.23L230.32,138.1a11.82,11.82,0,0,0,0-20.2Zm-4.18,13.37L82.06,219.39a4,4,0,0,1-4.07.07,3.77,3.77,0,0,1-2-3.35V39.89a3.77,3.77,0,0,1,2-3.35,4,4,0,0,1,4.07.07l144.08,88.12a3.8,3.8,0,0,1,0,6.54Z`}))]]),S=x.forwardRef((e,t)=>x.createElement(o,{ref:t,...e,weights:ae}));S.displayName=`PlayIcon`;var oe=S,C=t();function w(e){let t=E(e.metadata,e.limit),n=k(e.metadata);return t.length===0&&!n?null:(0,C.jsxs)(`div`,{className:`grid min-w-0 gap-1 text-xs leading-5 text-muted-foreground`,children:[t.length===0?null:(0,C.jsx)(`div`,{className:`flex min-w-0 flex-wrap gap-x-2 gap-y-1`,children:t.map(e=>(0,C.jsxs)(`span`,{className:r(`min-w-0 break-words`,e.tone===`error`?`text-destructive`:`text-muted-foreground`),children:[(0,C.jsxs)(`span`,{className:`text-muted-foreground`,children:[e.key,`=`]}),e.value]},e.key))}),n?(0,C.jsxs)(`details`,{className:`group min-w-0 rounded-lg border border-border bg-muted px-2 py-1`,children:[(0,C.jsx)(`summary`,{className:`cursor-pointer select-none text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground transition group-open:text-foreground`,children:`Details`}),(0,C.jsx)(`pre`,{className:`m-0 mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words text-xs leading-4 text-muted-foreground`,children:A(e.metadata)})]}):null]})}function T(e,t){return E(e,t).map(e=>`${e.key}=${e.value}`).join(` `)}function E(e,t=6){return Object.entries(e??{}).map(([e,t])=>{let n=e===`error`?`error`:`default`;return{key:e,value:D(e,t),tone:n}}).filter(e=>e.value.length>0).slice(0,t)}function D(e,t){return t===null?`null`:typeof t==`string`||typeof t==`number`||typeof t==`boolean`?String(t):Array.isArray(t)?`[${t.length}]`:M(t)?e===`error`?O(t):j(t):``}function O(e){let t=typeof e.name==`string`&&e.name.length>0?e.name:void 0,n=typeof e.message==`string`&&e.message.length>0?e.message:void 0;return t!==void 0&&n!==void 0?`${t}: ${n}`:n===void 0?j(e):n}function k(e){return Object.values(e??{}).some(e=>Array.isArray(e)||M(e))}function A(e){if(e===void 0)return``;try{return JSON.stringify(e,null,2)}catch{return String(e)}}function j(e){try{return JSON.stringify(e)}catch{return String(e)}}function M(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var N={pipelineStage:B},P=`var(--muted-foreground)`,F=`var(--foreground)`,I=`var(--background)`,L=`var(--muted-foreground)`,R=`var(--destructive)`,z=`var(--foreground)`;function B(e){let t=e.data.status;return(0,C.jsxs)(`article`,{className:[`group relative min-h-[74px] w-[210px] rounded-none border bg-card px-4 py-3 text-left shadow-[inset_0_1px_0_var(--sb-inset-highlight)] transition duration-200`,e.selected?`border-foreground`:`border-hair`,t===`running`?`translate-y-[-1px] border-foreground`:``,t===`completed`?`border-muted-foreground`:``,t===`failed`?`border-destructive`:``].join(` `),children:[(0,C.jsx)(g,{type:`target`,position:b.Top,className:`!h-0 !w-0 !border-0 !bg-transparent !opacity-0`}),(0,C.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(`div`,{className:`truncate text-sm font-semibold leading-5 tracking-tight text-foreground`,children:e.data.label}),(0,C.jsxs)(`div`,{className:`mt-1 flex items-center gap-1.5`,children:[(0,C.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-lg`,style:{backgroundColor:e.data.statusColor}}),(0,C.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground`,children:e.data.kind})]})]}),t===void 0?null:(0,C.jsx)(`span`,{className:`rounded-lg border border-hair bg-background px-1.5 py-0.5 text-xs font-semibold uppercase tracking-[0.08em]`,style:{color:e.data.statusColor},children:t})]}),e.data.branchKey===void 0?null:(0,C.jsxs)(`div`,{className:`mt-2 truncate text-xs text-muted-foreground`,children:[`branch: `,e.data.branchKey]}),(0,C.jsx)(g,{type:`source`,position:b.Bottom,className:`!h-0 !w-0 !border-0 !bg-transparent !opacity-0`})]})}function V(e,t){let n=new Map;if(t.length===0)return n;for(let r of e){if(r.runId!==t)continue;let e=G(r.metadata,`nodePath`);if(e===void 0)continue;let i=K(e);r.event.endsWith(`.started`)&&n.set(i,`running`),r.event.endsWith(`.completed`)&&n.set(i,`completed`),r.event.endsWith(`.failed`)&&n.set(i,`failed`)}return n}function H(e,t){let n=U(e),r=new Map,i=new Map;for(let e of n.values())i.set(e,(i.get(e)??0)+1);return{nodes:e.nodes.map(e=>{let a=K(e.path),o=n.get(a)??0,s=r.get(o)??0;r.set(o,s+1);let c=i.get(o)??1,l=t.get(a);return{id:a,type:`pipelineStage`,position:{x:(s-(c-1)/2)*280,y:o*170},sourcePosition:b.Bottom,targetPosition:b.Top,data:{label:e.label,kind:e.kind,status:l,statusColor:W(l),branchKey:e.branchKey}}}),edges:e.edges.map(e=>({id:e.id,source:K(e.source),target:K(e.target),type:`smoothstep`,className:`pipeline-flow-edge`,label:e.label,markerEnd:{type:v.ArrowClosed,width:10,height:10,color:P},style:{stroke:P,strokeWidth:1.6,opacity:.78},labelShowBg:!0,labelStyle:{fill:L,fontSize:11,fontWeight:700},labelBgStyle:{fill:I,fillOpacity:.92},labelBgPadding:[6,4],labelBgBorderRadius:2}))}}function U(e){let t=new Map;for(let n of e.nodes)t.set(K(n.path),0);for(let n=0;n<e.nodes.length;n+=1){let n=!1;for(let r of e.edges){let e=K(r.source),i=K(r.target),a=t.get(e);if(a===void 0||!t.has(i))continue;let o=a+1;o>(t.get(i)??0)&&(t.set(i,o),n=!0)}if(!n)break}return t}function W(e){switch(e){case`running`:return z;case`completed`:return P;case`failed`:return R;default:return F}}function G(e,t){let n=e?.[t];return Array.isArray(n)&&n.every(e=>typeof e==`string`)?n:void 0}function K(e){return JSON.stringify(e)}function se(e){let[t,n]=(0,x.useState)(),r=e.detail?.graph,i=r?.nodes.find(e=>K(e.path)===t)??r?.nodes[0]??void 0,a=(0,x.useMemo)(()=>V(e.logs,e.activeRunId),[e.logs,e.activeRunId]),o=(0,x.useMemo)(()=>r===void 0?{nodes:[],edges:[]}:H(r,a),[r,a]);return!e.enabled||!e.detailLoading&&e.pipelines.length===0?(0,C.jsx)(f,{"aria-label":`Pipelines`,children:(0,C.jsx)(p,{title:e.enabled?`No pipelines`:`Pipelines unavailable`,text:e.enabled?`No pipeline records are available in this Studio runtime.`:`This Studio runtime does not expose pipelines.`})}):(0,C.jsx)(f,{children:(0,C.jsx)(`div`,{className:`grid min-h-0 min-w-0 pb-6 pr-6`,children:(0,C.jsxs)(ne,{className:`grid grid-cols-[minmax(0,2fr)_minmax(0,1fr)] max-lg:grid-cols-1`,children:[(0,C.jsxs)(`div`,{className:`relative min-h-0 min-w-0 overflow-hidden border-r border-hair bg-card max-lg:border-b max-lg:border-r-0`,children:[e.detailLoading&&r===void 0?(0,C.jsx)(`div`,{className:`grid h-full min-h-96 place-items-center p-6`,children:(0,C.jsxs)(`div`,{className:`grid w-full max-w-lg gap-3`,children:[(0,C.jsx)(`div`,{className:`h-4 w-40 animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-16 animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-16 w-4/5 animate-pulse rounded-lg bg-muted`})]})}):null,!e.detailLoading&&r===void 0?(0,C.jsx)(p,{className:`h-full`,title:e.pipelines.length===0?`No pipelines`:`No pipeline selected`,text:e.pipelines.length===0?`No pipeline records are available in this Studio runtime.`:`Choose a registered pipeline to inspect its graph and runtime logs.`}):null,r===void 0?null:(0,C.jsxs)(h,{nodes:o.nodes,edges:o.edges,className:`pipeline-flow`,style:{"--xy-edge-stroke":`var(--muted-foreground)`,"--xy-edge-stroke-width":`1.6`,"--xy-edge-stroke-selected":`var(--foreground)`},fitView:!0,fitViewOptions:{padding:.18,maxZoom:.96},minZoom:.48,maxZoom:1.35,colorMode:e.theme,nodeTypes:N,proOptions:{hideAttribution:!0},defaultEdgeOptions:{type:`smoothstep`,focusable:!0},onNodeClick:(e,t)=>n(t.id),children:[(0,C.jsx)(re,{variant:_.Dots,gap:14,size:1.8,color:L,className:`opacity-35`}),(0,C.jsx)(y,{showInteractive:!1})]})]}),(0,C.jsx)(ce,{pipelines:e.pipelines,selectedPipelineId:e.selectedPipelineId,detail:e.detail,logs:e.logs,runs:e.runs,logsLoading:e.logsLoading,runsLoading:e.runsLoading,runState:e.runState,runInput:e.runInput,runOutput:e.runOutput,activeTab:e.activeTab,selectedNode:i,selectedNodeStatus:i?.id===void 0?void 0:a.get(i.id),onSelectPipeline:t=>{n(void 0),e.onSelectPipeline(t)},onRunInputChange:e.onRunInputChange,onRun:e.onRun,onTabChange:e.onTabChange,onReplayRun:e.onReplayRun})]})})})}function ce(e){let t=e.detail?.graph,n=t===void 0?void 0:{nodes:t.nodes.length,edges:t.edges.length,agents:t.nodes.filter(e=>e.kind===`agent`).length,extractors:t.nodes.filter(e=>e.kind===`extractor`).length,parallel:t.nodes.some(e=>e.kind===`parallel`)?`yes`:`no`};return(0,C.jsxs)(`aside`,{className:`grid min-h-0 min-w-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background`,children:[(0,C.jsxs)(`header`,{className:`grid gap-3 bg-card px-4 py-4`,children:[(0,C.jsxs)(`div`,{className:`grid gap-3`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-4`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(`h1`,{className:`m-0 truncate text-base font-semibold tracking-tight text-foreground`,children:e.detail?.name??`Pipeline`}),e.detail?.description===void 0?null:(0,C.jsx)(`p`,{className:`m-0 mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground`,children:e.detail.description})]}),(0,C.jsx)(`span`,{className:`shrink-0 text-xs font-semibold tabular-nums text-muted-foreground`,children:e.logs.length})]}),(0,C.jsxs)(d,{value:e.selectedPipelineId,onValueChange:e.onSelectPipeline,children:[(0,C.jsx)(l,{className:`h-8 w-full rounded-lg border-hair bg-background text-xs hover:border-foreground focus:border-foreground focus:ring-ring`,children:(0,C.jsx)(c,{placeholder:`Select pipeline`})}),(0,C.jsx)(ee,{children:e.pipelines.map(e=>(0,C.jsx)(u,{value:e.id,children:e.name??e.id},e.id))})]})]}),(0,C.jsx)(ue,{activeTab:e.activeTab,onChange:e.onTabChange})]}),(0,C.jsxs)(`div`,{className:[`min-h-0 min-w-0 px-5 py-5`,e.activeTab===`logs`?`grid overflow-hidden`:`overflow-auto`].join(` `),children:[e.activeTab===`input`?(0,C.jsx)(`div`,{"aria-labelledby":q(`input`),id:J(`input`),role:`tabpanel`,children:(0,C.jsx)(de,{runInput:e.runInput,runState:e.runState,disabled:e.detail===void 0,onRunInputChange:e.onRunInputChange,onRun:e.onRun})}):null,e.activeTab===`metadata`?(0,C.jsx)(`div`,{"aria-labelledby":q(`metadata`),id:J(`metadata`),role:`tabpanel`,children:(0,C.jsx)(fe,{graphStats:n,selectedNode:e.selectedNode,selectedNodeStatus:e.selectedNodeStatus})}):null,e.activeTab===`runs`?(0,C.jsx)(`div`,{"aria-labelledby":q(`runs`),id:J(`runs`),role:`tabpanel`,children:(0,C.jsx)(pe,{runs:e.runs,runOutput:e.runOutput,runState:e.runState,loading:e.runsLoading,onReplayRun:e.onReplayRun})}):null,e.activeTab===`logs`?(0,C.jsx)(`div`,{"aria-labelledby":q(`logs`),id:J(`logs`),role:`tabpanel`,children:(0,C.jsx)(ye,{logs:e.logs,selectedPipelineId:e.selectedPipelineId,loading:e.logsLoading})}):null]})]})}var le=[{id:`input`,label:`Input`},{id:`metadata`,label:`Metadata`},{id:`runs`,label:`Runs`},{id:`logs`,label:`Logs`}];function ue(e){return(0,C.jsx)(te,{className:`grid-cols-4`,role:`tablist`,"aria-label":`Pipeline sidebar`,children:le.map(t=>(0,C.jsx)(`button`,{"aria-controls":J(t.id),"aria-selected":e.activeTab===t.id,className:[`h-8 rounded-lg px-2 text-xs font-semibold uppercase tracking-[0.1em] transition duration-200`,e.activeTab===t.id?`bg-foreground text-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`].join(` `),id:q(t.id),onClick:()=>e.onChange(t.id),role:`tab`,type:`button`,children:t.label},t.id))})}function q(e){return`pipeline-tab-${e}`}function J(e){return`pipeline-panel-${e}`}function Y(e){return(0,C.jsxs)(`div`,{className:`min-w-0 rounded-lg bg-background px-2.5 py-2.5`,children:[(0,C.jsx)(`div`,{className:`truncate text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground`,children:e.label}),(0,C.jsx)(`div`,{className:`mt-1 truncate text-base font-semibold tabular-nums text-foreground`,children:e.value})]})}function de(e){return(0,C.jsxs)(`section`,{className:`grid gap-4`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Pipeline input`}),(0,C.jsx)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:`Provide JSON-compatible input for this pipeline run.`})]}),(0,C.jsxs)(i,{className:`h-8 shrink-0 gap-1.5 rounded-lg border border-primary bg-primary px-3 text-xs font-semibold text-primary-foreground shadow-none hover:border-action-hover hover:bg-action-hover hover:text-primary-foreground disabled:border-border disabled:bg-muted disabled:text-muted-foreground [&_svg]:!size-3`,disabled:e.runState===`running`||e.disabled,onClick:e.onRun,variant:`ghost`,children:[(0,C.jsx)(s,{icon:oe,"aria-hidden":`true`}),e.runState===`running`?`Running`:`Run`]})]}),(0,C.jsxs)(`label`,{className:`grid gap-2`,htmlFor:`pipeline-run-input`,children:[(0,C.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:`JSON`}),(0,C.jsx)(m,{id:`pipeline-run-input`,value:e.runInput,onChange:t=>e.onRunInputChange(t.target.value),className:`min-h-44 resize-y rounded-lg border-border bg-card text-xs leading-5 text-foreground`,spellCheck:!1})]})]})}function fe(e){return(0,C.jsxs)(`section`,{className:`grid gap-5`,children:[e.graphStats===void 0?null:(0,C.jsxs)(`div`,{className:`grid grid-cols-5 gap-2`,children:[(0,C.jsx)(Y,{label:`Nodes`,value:String(e.graphStats.nodes)}),(0,C.jsx)(Y,{label:`Edges`,value:String(e.graphStats.edges)}),(0,C.jsx)(Y,{label:`Agents`,value:String(e.graphStats.agents)}),(0,C.jsx)(Y,{label:`Extractors`,value:String(e.graphStats.extractors)}),(0,C.jsx)(Y,{label:`Parallel`,value:e.graphStats.parallel})]}),(0,C.jsx)(ve,{node:e.selectedNode,status:e.selectedNodeStatus})]})}function pe(e){return(0,C.jsxs)(`section`,{className:`grid gap-3`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Runs`}),(0,C.jsx)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:`Persisted pipeline executions.`})]}),(0,C.jsx)(Q,{children:e.runState})]}),e.runOutput.length>0&&e.runs.length===0?(0,C.jsx)(X,{title:`Latest output`,output:e.runOutput}):null,(0,C.jsxs)(`div`,{className:`grid gap-2`,children:[e.loading&&e.runs.length===0?(0,C.jsxs)(`div`,{className:`grid gap-2 py-3`,children:[(0,C.jsx)(`div`,{className:`h-4 w-32 animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-4 w-56 max-w-full animate-pulse rounded-lg bg-muted`})]}):null,!e.loading&&e.runs.length===0?(0,C.jsx)(p,{size:`compact`,title:`No saved pipeline runs`,text:`Run this pipeline to create its first persisted execution.`}):null,e.runs.map(t=>(0,C.jsx)(me,{disabled:e.runState===`running`,run:t,onReplayRun:e.onReplayRun},t.runId))]})]})}function me(e){let t=he(e.run);return(0,C.jsxs)(`article`,{className:`rounded-none border border-hair bg-background px-4 py-4`,children:[(0,C.jsxs)(`div`,{className:`grid min-w-0 gap-3 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,C.jsx)(`span`,{className:[`rounded-md border border-hair bg-card px-2 py-1 text-xs font-semibold uppercase tracking-[0.08em]`,_e(e.run.status)].join(` `),children:e.run.status}),(0,C.jsx)(`span`,{className:`min-w-0 truncate text-xs font-semibold text-foreground`,children:e.run.runId})]}),(0,C.jsxs)(`div`,{className:`mt-2 flex min-w-0 flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground`,children:[(0,C.jsx)(`time`,{children:$(e.run.startedAt)}),e.run.durationMs===void 0?null:(0,C.jsxs)(`span`,{className:`tabular-nums`,children:[e.run.durationMs,`ms`]})]})]}),(0,C.jsxs)(i,{className:`h-8 gap-1.5 rounded-lg border border-hair bg-muted px-2.5 text-xs font-semibold text-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground [&_svg]:!size-3`,disabled:e.disabled||e.run.status===`running`,onClick:()=>e.onReplayRun(e.run.runId),title:`Rerun this pipeline with its saved input`,variant:`ghost`,children:[(0,C.jsx)(s,{icon:a,"aria-hidden":`true`}),`Rerun`]})]}),(0,C.jsx)(X,{title:`Output`,output:t})]})}function X(e){return(0,C.jsxs)(`div`,{className:`mt-4 border-t border-hair pt-3`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,C.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:e.title}),(0,C.jsxs)(`span`,{className:` text-xs font-medium tabular-nums text-muted-foreground`,children:[e.output.length,` chars`]})]}),(0,C.jsx)(`pre`,{className:`mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-lg bg-card p-3 text-sm leading-6 text-foreground`,children:e.output.length>0?(0,C.jsx)(Z,{text:e.output}):`No output saved.`})]})}function he(e){return e.output===void 0?e.error===void 0?``:JSON.stringify(e.error,null,2):typeof e.output==`string`?e.output:JSON.stringify(e.output,null,2)}function Z(e){return ge(e.text)?(0,C.jsx)(ie,{text:e.text}):e.text}function ge(e){let t=e.trim();return t.startsWith(`{`)&&t.endsWith(`}`)||t.startsWith(`[`)&&t.endsWith(`]`)}function _e(e){switch(e){case`success`:return`text-foreground`;case`error`:return`text-destructive`;case`running`:return`text-muted-foreground`}}function ve(e){if(e.node===void 0)return(0,C.jsx)(`section`,{className:`text-sm font-medium text-muted-foreground`,children:`Select a node for details.`});let t=Object.entries(e.node.metadata??{});return(0,C.jsxs)(`section`,{className:`grid content-start gap-5`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Selected node`}),(0,C.jsx)(`h2`,{className:`m-0 mt-2 text-lg font-semibold tracking-tight text-foreground`,children:e.node.label}),(0,C.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:[(0,C.jsx)(Q,{children:e.node.kind}),e.status===void 0?null:(0,C.jsx)(Q,{children:e.status}),e.node.branchKey===void 0?null:(0,C.jsx)(Q,{children:e.node.branchKey})]})]}),e.node.description===void 0?null:(0,C.jsx)(`p`,{className:`m-0 rounded-lg bg-muted px-3 py-2 text-sm leading-6 text-muted-foreground`,children:e.node.description}),(0,C.jsx)(xe,{items:[[`ID`,e.node.id],[`Agent`,e.node.agentId],[`Pipeline`,e.node.pipelineId]]}),t.length>0?(0,C.jsxs)(`div`,{className:`grid gap-2`,children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Metadata`}),(0,C.jsx)(`div`,{className:`grid gap-1`,children:t.map(([e,t])=>(0,C.jsxs)(`div`,{className:`grid grid-cols-[82px_minmax(0,1fr)] gap-2 text-xs`,children:[(0,C.jsx)(`span`,{className:`truncate  text-muted-foreground`,children:e}),(0,C.jsx)(`span`,{className:`truncate font-medium text-foreground`,children:Se(t)})]},e))})]}):null]})}function ye(e){let t=(0,x.useRef)(null),n=(0,x.useRef)(!0);(0,x.useEffect)(()=>{let e=t.current;e===null||!n.current||(e.scrollTop=e.scrollHeight)});function r(){let e=t.current;e!==null&&(n.current=e.scrollHeight-e.scrollTop-e.clientHeight<24)}return(0,C.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3`,children:[(0,C.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Pipeline logs`}),(0,C.jsx)(`div`,{className:`mt-1 truncate text-xs font-medium text-muted-foreground`,children:e.selectedPipelineId.length===0?`No active pipeline`:e.selectedPipelineId})]}),(0,C.jsx)(`span`,{className:` text-xs font-semibold tabular-nums text-muted-foreground`,children:e.logs.length})]}),(0,C.jsxs)(`div`,{className:`min-h-0 overflow-auto border-t bg-background p-2`,ref:t,onScroll:r,children:[e.selectedPipelineId.length===0?(0,C.jsx)(p,{size:`compact`,title:`No pipeline selected`,text:`Choose a pipeline to view its runtime logs.`}):null,e.selectedPipelineId.length>0&&e.loading&&e.logs.length===0?(0,C.jsxs)(`div`,{className:`grid gap-2 py-4`,children:[(0,C.jsx)(`div`,{className:`h-4 w-32 animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-4 w-64 max-w-full animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-4 w-52 max-w-full animate-pulse rounded-lg bg-muted`})]}):null,e.selectedPipelineId.length>0&&!e.loading&&e.logs.length===0?(0,C.jsx)(p,{size:`compact`,title:`No logs yet`,text:`Run the pipeline to populate this console.`}):null,e.logs.map(e=>(0,C.jsx)(be,{log:e},e.id))]})]})}function be(e){let t=T(e.log.metadata,4),n=[$(e.log.timestamp),e.log.level.toUpperCase().padEnd(5,` `),e.log.message,`${e.log.category}/${e.log.event}`,t].filter(e=>e.trim().length>0).join(`  `);return(0,C.jsxs)(`article`,{className:[`min-w-full rounded-lg px-3 py-1.5 text-xs leading-5 transition duration-200 hover:bg-transparent hover:text-foreground`].join(` `),title:n,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-baseline gap-x-3 gap-y-1`,children:[(0,C.jsx)(`time`,{className:`shrink-0 text-muted-foreground`,children:$(e.log.timestamp)}),(0,C.jsx)(`span`,{className:[`shrink-0 font-semibold`,Ce(e.log.level)].join(` `),children:e.log.level.toUpperCase().padEnd(5,` `)}),(0,C.jsx)(`span`,{className:`min-w-0 break-words font-medium text-foreground`,children:e.log.message})]}),(0,C.jsxs)(`div`,{className:`mt-1 min-w-0 break-words text-muted-foreground`,children:[e.log.category,`/`,e.log.event]}),(0,C.jsx)(w,{metadata:e.log.metadata,limit:4})]})}function xe(e){let t=e.items.filter(([,e])=>e!==void 0&&e.length>0);return t.length===0?null:(0,C.jsx)(`div`,{className:`grid gap-2 rounded-none bg-background p-3`,children:t.map(([e,t])=>(0,C.jsxs)(`div`,{className:`grid grid-cols-[82px_minmax(0,1fr)] gap-2 text-xs`,children:[(0,C.jsx)(`span`,{className:`truncate  text-muted-foreground`,children:e}),(0,C.jsx)(`span`,{className:`truncate font-medium text-foreground`,children:t})]},e))})}function Q(e){return(0,C.jsx)(`span`,{className:`rounded-lg border border-hair bg-background px-2 py-1 text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground`,children:e.children})}function $(e){let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}function Se(e){return e===null?`null`:typeof e==`string`||typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?`[${e.length}]`:typeof e==`object`&&e?`{...}`:``}function Ce(e){switch(e){case`error`:return`text-destructive`;case`warn`:return`text-muted-foreground`;case`debug`:return`text-muted-foreground`;case`info`:return`text-foreground`}}export{se as PipelinesPage};
-//# sourceMappingURL=pipelines-page-BPCS5mwc.js.map
+import{i as e,r as t,s as n,t as r}from"./utils-DzstcfqT.js";import{t as i}from"./button-B_AoswCu.js";import{t as a}from"./ArrowClockwise.es-5vr4h4OH.js";import{n as o,t as s}from"./icon-DyadsXLr.js";import{a as c,i as l,n as ee,r as u,t as d}from"./select-BdCBnmXx.js";import{a as f,c as te,s as ne,t as p}from"./studio-DzEdCFsX.js";import{t as m}from"./textarea-fAtCF2cf.js";import{a as h,i as g,n as _,o as v,r as y,s as b,t as re}from"./style-FGiH1LIC.js";import{t as ie}from"./renderers-DRD34eUr.js";var x=n(e(),1),ae=new Map([[`bold`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M234.49,111.07,90.41,22.94A20,20,0,0,0,60,39.87V216.13a20,20,0,0,0,30.41,16.93l144.08-88.13a19.82,19.82,0,0,0,0-33.86ZM84,208.85V47.15L216.16,128Z`}))],[`duotone`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M228.23,134.69,84.15,222.81A8,8,0,0,1,72,216.12V39.88a8,8,0,0,1,12.15-6.69l144.08,88.12A7.82,7.82,0,0,1,228.23,134.69Z`,opacity:`0.2`}),x.createElement(`path`,{d:`M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z`}))],[`fill`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z`}))],[`light`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M231.36,116.19,87.28,28.06a14,14,0,0,0-14.18-.27A13.69,13.69,0,0,0,66,39.87V216.13a13.69,13.69,0,0,0,7.1,12.08,14,14,0,0,0,14.18-.27l144.08-88.13a13.82,13.82,0,0,0,0-23.62Zm-6.26,13.38L81,217.7a2,2,0,0,1-2.06,0,1.78,1.78,0,0,1-1-1.61V39.87a1.78,1.78,0,0,1,1-1.61A2.06,2.06,0,0,1,80,38a2,2,0,0,1,1,.31L225.1,126.43a1.82,1.82,0,0,1,0,3.14Z`}))],[`regular`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z`}))],[`thin`,x.createElement(x.Fragment,null,x.createElement(`path`,{d:`M230.32,117.9,86.24,29.79a11.91,11.91,0,0,0-12.17-.23A11.71,11.71,0,0,0,68,39.89V216.11a11.71,11.71,0,0,0,6.07,10.33,11.91,11.91,0,0,0,12.17-.23L230.32,138.1a11.82,11.82,0,0,0,0-20.2Zm-4.18,13.37L82.06,219.39a4,4,0,0,1-4.07.07,3.77,3.77,0,0,1-2-3.35V39.89a3.77,3.77,0,0,1,2-3.35,4,4,0,0,1,4.07.07l144.08,88.12a3.8,3.8,0,0,1,0,6.54Z`}))]]),S=x.forwardRef((e,t)=>x.createElement(o,{ref:t,...e,weights:ae}));S.displayName=`PlayIcon`;var oe=S,C=t();function w(e){let t=E(e.metadata,e.limit),n=k(e.metadata);return t.length===0&&!n?null:(0,C.jsxs)(`div`,{className:`grid min-w-0 gap-1 text-xs leading-5 text-muted-foreground`,children:[t.length===0?null:(0,C.jsx)(`div`,{className:`flex min-w-0 flex-wrap gap-x-2 gap-y-1`,children:t.map(e=>(0,C.jsxs)(`span`,{className:r(`min-w-0 break-words`,e.tone===`error`?`text-destructive`:`text-muted-foreground`),children:[(0,C.jsxs)(`span`,{className:`text-muted-foreground`,children:[e.key,`=`]}),e.value]},e.key))}),n?(0,C.jsxs)(`details`,{className:`group min-w-0 rounded-lg border border-border bg-muted px-2 py-1`,children:[(0,C.jsx)(`summary`,{className:`cursor-pointer select-none text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground transition group-open:text-foreground`,children:`Details`}),(0,C.jsx)(`pre`,{className:`m-0 mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words text-xs leading-4 text-muted-foreground`,children:A(e.metadata)})]}):null]})}function T(e,t){return E(e,t).map(e=>`${e.key}=${e.value}`).join(` `)}function E(e,t=6){return Object.entries(e??{}).map(([e,t])=>{let n=e===`error`?`error`:`default`;return{key:e,value:D(e,t),tone:n}}).filter(e=>e.value.length>0).slice(0,t)}function D(e,t){return t===null?`null`:typeof t==`string`||typeof t==`number`||typeof t==`boolean`?String(t):Array.isArray(t)?`[${t.length}]`:M(t)?e===`error`?O(t):j(t):``}function O(e){let t=typeof e.name==`string`&&e.name.length>0?e.name:void 0,n=typeof e.message==`string`&&e.message.length>0?e.message:void 0;return t!==void 0&&n!==void 0?`${t}: ${n}`:n===void 0?j(e):n}function k(e){return Object.values(e??{}).some(e=>Array.isArray(e)||M(e))}function A(e){if(e===void 0)return``;try{return JSON.stringify(e,null,2)}catch{return String(e)}}function j(e){try{return JSON.stringify(e)}catch{return String(e)}}function M(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var N={pipelineStage:B},P=`var(--muted-foreground)`,F=`var(--foreground)`,I=`var(--background)`,L=`var(--muted-foreground)`,R=`var(--destructive)`,z=`var(--foreground)`;function B(e){let t=e.data.status;return(0,C.jsxs)(`article`,{className:[`group relative min-h-[74px] w-[210px] rounded-none border bg-card px-4 py-3 text-left shadow-[inset_0_1px_0_var(--sb-inset-highlight)] transition duration-200`,e.selected?`border-foreground`:`border-hair`,t===`running`?`translate-y-[-1px] border-foreground`:``,t===`completed`?`border-muted-foreground`:``,t===`failed`?`border-destructive`:``].join(` `),children:[(0,C.jsx)(g,{type:`target`,position:b.Top,className:`!h-0 !w-0 !border-0 !bg-transparent !opacity-0`}),(0,C.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(`div`,{className:`truncate text-sm font-semibold leading-5 tracking-tight text-foreground`,children:e.data.label}),(0,C.jsxs)(`div`,{className:`mt-1 flex items-center gap-1.5`,children:[(0,C.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-lg`,style:{backgroundColor:e.data.statusColor}}),(0,C.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground`,children:e.data.kind})]})]}),t===void 0?null:(0,C.jsx)(`span`,{className:`rounded-lg border border-hair bg-background px-1.5 py-0.5 text-xs font-semibold uppercase tracking-[0.08em]`,style:{color:e.data.statusColor},children:t})]}),e.data.branchKey===void 0?null:(0,C.jsxs)(`div`,{className:`mt-2 truncate text-xs text-muted-foreground`,children:[`branch: `,e.data.branchKey]}),(0,C.jsx)(g,{type:`source`,position:b.Bottom,className:`!h-0 !w-0 !border-0 !bg-transparent !opacity-0`})]})}function V(e,t){let n=new Map;if(t.length===0)return n;for(let r of e){if(r.runId!==t)continue;let e=G(r.metadata,`nodePath`);if(e===void 0)continue;let i=K(e);r.event.endsWith(`.started`)&&n.set(i,`running`),r.event.endsWith(`.completed`)&&n.set(i,`completed`),r.event.endsWith(`.failed`)&&n.set(i,`failed`)}return n}function H(e,t){let n=U(e),r=new Map,i=new Map;for(let e of n.values())i.set(e,(i.get(e)??0)+1);return{nodes:e.nodes.map(e=>{let a=K(e.path),o=n.get(a)??0,s=r.get(o)??0;r.set(o,s+1);let c=i.get(o)??1,l=t.get(a);return{id:a,type:`pipelineStage`,position:{x:(s-(c-1)/2)*280,y:o*170},sourcePosition:b.Bottom,targetPosition:b.Top,data:{label:e.label,kind:e.kind,status:l,statusColor:W(l),branchKey:e.branchKey}}}),edges:e.edges.map(e=>({id:e.id,source:K(e.source),target:K(e.target),type:`smoothstep`,className:`pipeline-flow-edge`,label:e.label,markerEnd:{type:v.ArrowClosed,width:10,height:10,color:P},style:{stroke:P,strokeWidth:1.6,opacity:.78},labelShowBg:!0,labelStyle:{fill:L,fontSize:11,fontWeight:700},labelBgStyle:{fill:I,fillOpacity:.92},labelBgPadding:[6,4],labelBgBorderRadius:2}))}}function U(e){let t=new Map;for(let n of e.nodes)t.set(K(n.path),0);for(let n=0;n<e.nodes.length;n+=1){let n=!1;for(let r of e.edges){let e=K(r.source),i=K(r.target),a=t.get(e);if(a===void 0||!t.has(i))continue;let o=a+1;o>(t.get(i)??0)&&(t.set(i,o),n=!0)}if(!n)break}return t}function W(e){switch(e){case`running`:return z;case`completed`:return P;case`failed`:return R;default:return F}}function G(e,t){let n=e?.[t];return Array.isArray(n)&&n.every(e=>typeof e==`string`)?n:void 0}function K(e){return JSON.stringify(e)}function se(e){let[t,n]=(0,x.useState)(),r=e.detail?.graph,i=r?.nodes.find(e=>K(e.path)===t)??r?.nodes[0]??void 0,a=(0,x.useMemo)(()=>V(e.logs,e.activeRunId),[e.logs,e.activeRunId]),o=(0,x.useMemo)(()=>r===void 0?{nodes:[],edges:[]}:H(r,a),[r,a]);return!e.enabled||!e.detailLoading&&e.pipelines.length===0?(0,C.jsx)(f,{"aria-label":`Pipelines`,children:(0,C.jsx)(p,{title:e.enabled?`No pipelines`:`Pipelines unavailable`,text:e.enabled?`No pipeline records are available in this Studio runtime.`:`This Studio runtime does not expose pipelines.`})}):(0,C.jsx)(f,{children:(0,C.jsx)(`div`,{className:`grid min-h-0 min-w-0 pb-6 pr-6`,children:(0,C.jsxs)(ne,{className:`grid grid-cols-[minmax(0,2fr)_minmax(0,1fr)] max-lg:grid-cols-1`,children:[(0,C.jsxs)(`div`,{className:`relative min-h-0 min-w-0 overflow-hidden border-r border-hair bg-card max-lg:border-b max-lg:border-r-0`,children:[e.detailLoading&&r===void 0?(0,C.jsx)(`div`,{className:`grid h-full min-h-96 place-items-center p-6`,children:(0,C.jsxs)(`div`,{className:`grid w-full max-w-lg gap-3`,children:[(0,C.jsx)(`div`,{className:`h-4 w-40 animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-16 animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-16 w-4/5 animate-pulse rounded-lg bg-muted`})]})}):null,!e.detailLoading&&r===void 0?(0,C.jsx)(p,{className:`h-full`,title:e.pipelines.length===0?`No pipelines`:`No pipeline selected`,text:e.pipelines.length===0?`No pipeline records are available in this Studio runtime.`:`Choose a registered pipeline to inspect its graph and runtime logs.`}):null,r===void 0?null:(0,C.jsxs)(h,{nodes:o.nodes,edges:o.edges,className:`pipeline-flow`,style:{"--xy-edge-stroke":`var(--muted-foreground)`,"--xy-edge-stroke-width":`1.6`,"--xy-edge-stroke-selected":`var(--foreground)`},fitView:!0,fitViewOptions:{padding:.18,maxZoom:.96},minZoom:.48,maxZoom:1.35,colorMode:e.theme,nodeTypes:N,proOptions:{hideAttribution:!0},defaultEdgeOptions:{type:`smoothstep`,focusable:!0},onNodeClick:(e,t)=>n(t.id),children:[(0,C.jsx)(re,{variant:_.Dots,gap:14,size:1.8,color:L,className:`opacity-35`}),(0,C.jsx)(y,{showInteractive:!1})]})]}),(0,C.jsx)(ce,{pipelines:e.pipelines,selectedPipelineId:e.selectedPipelineId,detail:e.detail,logs:e.logs,runs:e.runs,logsLoading:e.logsLoading,runsLoading:e.runsLoading,runState:e.runState,runInput:e.runInput,runOutput:e.runOutput,activeTab:e.activeTab,selectedNode:i,selectedNodeStatus:i?.id===void 0?void 0:a.get(i.id),onSelectPipeline:t=>{n(void 0),e.onSelectPipeline(t)},onRunInputChange:e.onRunInputChange,onRun:e.onRun,onTabChange:e.onTabChange,onReplayRun:e.onReplayRun})]})})})}function ce(e){let t=e.detail?.graph,n=t===void 0?void 0:{nodes:t.nodes.length,edges:t.edges.length,agents:t.nodes.filter(e=>e.kind===`agent`).length,extractors:t.nodes.filter(e=>e.kind===`extractor`).length,parallel:t.nodes.some(e=>e.kind===`parallel`)?`yes`:`no`};return(0,C.jsxs)(`aside`,{className:`grid min-h-0 min-w-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background`,children:[(0,C.jsxs)(`header`,{className:`grid gap-3 bg-card px-4 py-4`,children:[(0,C.jsxs)(`div`,{className:`grid gap-3`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-4`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(`h1`,{className:`m-0 truncate text-base font-semibold tracking-tight text-foreground`,children:e.detail?.name??`Pipeline`}),e.detail?.description===void 0?null:(0,C.jsx)(`p`,{className:`m-0 mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground`,children:e.detail.description})]}),(0,C.jsx)(`span`,{className:`shrink-0 text-xs font-semibold tabular-nums text-muted-foreground`,children:e.logs.length})]}),(0,C.jsxs)(d,{value:e.selectedPipelineId,onValueChange:e.onSelectPipeline,children:[(0,C.jsx)(l,{className:`h-8 w-full rounded-lg border-hair bg-background text-xs hover:border-foreground focus:border-foreground focus:ring-ring`,children:(0,C.jsx)(c,{placeholder:`Select pipeline`})}),(0,C.jsx)(ee,{children:e.pipelines.map(e=>(0,C.jsx)(u,{value:e.id,children:e.name??e.id},e.id))})]})]}),(0,C.jsx)(ue,{activeTab:e.activeTab,onChange:e.onTabChange})]}),(0,C.jsxs)(`div`,{className:[`min-h-0 min-w-0 px-5 py-5`,e.activeTab===`logs`?`grid overflow-hidden`:`overflow-auto`].join(` `),children:[e.activeTab===`input`?(0,C.jsx)(`div`,{"aria-labelledby":q(`input`),id:J(`input`),role:`tabpanel`,children:(0,C.jsx)(de,{runInput:e.runInput,runState:e.runState,disabled:e.detail===void 0,onRunInputChange:e.onRunInputChange,onRun:e.onRun})}):null,e.activeTab===`metadata`?(0,C.jsx)(`div`,{"aria-labelledby":q(`metadata`),id:J(`metadata`),role:`tabpanel`,children:(0,C.jsx)(fe,{graphStats:n,selectedNode:e.selectedNode,selectedNodeStatus:e.selectedNodeStatus})}):null,e.activeTab===`runs`?(0,C.jsx)(`div`,{"aria-labelledby":q(`runs`),id:J(`runs`),role:`tabpanel`,children:(0,C.jsx)(pe,{runs:e.runs,runOutput:e.runOutput,runState:e.runState,loading:e.runsLoading,onReplayRun:e.onReplayRun})}):null,e.activeTab===`logs`?(0,C.jsx)(`div`,{"aria-labelledby":q(`logs`),id:J(`logs`),role:`tabpanel`,children:(0,C.jsx)(ye,{logs:e.logs,selectedPipelineId:e.selectedPipelineId,loading:e.logsLoading})}):null]})]})}var le=[{id:`input`,label:`Input`},{id:`metadata`,label:`Metadata`},{id:`runs`,label:`Runs`},{id:`logs`,label:`Logs`}];function ue(e){return(0,C.jsx)(te,{className:`grid-cols-4`,role:`tablist`,"aria-label":`Pipeline sidebar`,children:le.map(t=>(0,C.jsx)(`button`,{"aria-controls":J(t.id),"aria-selected":e.activeTab===t.id,className:[`h-8 rounded-lg px-2 text-xs font-semibold uppercase tracking-[0.1em] transition duration-200`,e.activeTab===t.id?`bg-foreground text-background`:`text-muted-foreground hover:bg-transparent hover:text-foreground`].join(` `),id:q(t.id),onClick:()=>e.onChange(t.id),role:`tab`,type:`button`,children:t.label},t.id))})}function q(e){return`pipeline-tab-${e}`}function J(e){return`pipeline-panel-${e}`}function Y(e){return(0,C.jsxs)(`div`,{className:`min-w-0 rounded-lg bg-background px-2.5 py-2.5`,children:[(0,C.jsx)(`div`,{className:`truncate text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground`,children:e.label}),(0,C.jsx)(`div`,{className:`mt-1 truncate text-base font-semibold tabular-nums text-foreground`,children:e.value})]})}function de(e){return(0,C.jsxs)(`section`,{className:`grid gap-4`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Pipeline input`}),(0,C.jsx)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:`Provide JSON-compatible input for this pipeline run.`})]}),(0,C.jsxs)(i,{className:`h-8 shrink-0 gap-1.5 rounded-lg border border-primary bg-primary px-3 text-xs font-semibold text-primary-foreground shadow-none hover:border-action-hover hover:bg-action-hover hover:text-primary-foreground disabled:border-border disabled:bg-muted disabled:text-muted-foreground [&_svg]:!size-3`,disabled:e.runState===`running`||e.disabled,onClick:e.onRun,variant:`ghost`,children:[(0,C.jsx)(s,{icon:oe,"aria-hidden":`true`}),e.runState===`running`?`Running`:`Run`]})]}),(0,C.jsxs)(`label`,{className:`grid gap-2`,htmlFor:`pipeline-run-input`,children:[(0,C.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:`JSON`}),(0,C.jsx)(m,{id:`pipeline-run-input`,value:e.runInput,onChange:t=>e.onRunInputChange(t.target.value),className:`min-h-44 resize-y rounded-lg border-border bg-card text-xs leading-5 text-foreground`,spellCheck:!1})]})]})}function fe(e){return(0,C.jsxs)(`section`,{className:`grid gap-5`,children:[e.graphStats===void 0?null:(0,C.jsxs)(`div`,{className:`grid grid-cols-5 gap-2`,children:[(0,C.jsx)(Y,{label:`Nodes`,value:String(e.graphStats.nodes)}),(0,C.jsx)(Y,{label:`Edges`,value:String(e.graphStats.edges)}),(0,C.jsx)(Y,{label:`Agents`,value:String(e.graphStats.agents)}),(0,C.jsx)(Y,{label:`Extractors`,value:String(e.graphStats.extractors)}),(0,C.jsx)(Y,{label:`Parallel`,value:e.graphStats.parallel})]}),(0,C.jsx)(ve,{node:e.selectedNode,status:e.selectedNodeStatus})]})}function pe(e){return(0,C.jsxs)(`section`,{className:`grid gap-3`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Runs`}),(0,C.jsx)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:`Persisted pipeline executions.`})]}),(0,C.jsx)(Q,{children:e.runState})]}),e.runOutput.length>0&&e.runs.length===0?(0,C.jsx)(X,{title:`Latest output`,output:e.runOutput}):null,(0,C.jsxs)(`div`,{className:`grid gap-2`,children:[e.loading&&e.runs.length===0?(0,C.jsxs)(`div`,{className:`grid gap-2 py-3`,children:[(0,C.jsx)(`div`,{className:`h-4 w-32 animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-4 w-56 max-w-full animate-pulse rounded-lg bg-muted`})]}):null,!e.loading&&e.runs.length===0?(0,C.jsx)(p,{size:`compact`,title:`No saved pipeline runs`,text:`Run this pipeline to create its first persisted execution.`}):null,e.runs.map(t=>(0,C.jsx)(me,{disabled:e.runState===`running`,run:t,onReplayRun:e.onReplayRun},t.runId))]})]})}function me(e){let t=he(e.run);return(0,C.jsxs)(`article`,{className:`rounded-none border border-hair bg-background px-4 py-4`,children:[(0,C.jsxs)(`div`,{className:`grid min-w-0 gap-3 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start`,children:[(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,C.jsx)(`span`,{className:[`rounded-md border border-hair bg-card px-2 py-1 text-xs font-semibold uppercase tracking-[0.08em]`,_e(e.run.status)].join(` `),children:e.run.status}),(0,C.jsx)(`span`,{className:`min-w-0 truncate text-xs font-semibold text-foreground`,children:e.run.runId})]}),(0,C.jsxs)(`div`,{className:`mt-2 flex min-w-0 flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground`,children:[(0,C.jsx)(`time`,{children:$(e.run.startedAt)}),e.run.durationMs===void 0?null:(0,C.jsxs)(`span`,{className:`tabular-nums`,children:[e.run.durationMs,`ms`]})]})]}),(0,C.jsxs)(i,{className:`h-8 gap-1.5 rounded-lg border border-hair bg-muted px-2.5 text-xs font-semibold text-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground [&_svg]:!size-3`,disabled:e.disabled||e.run.status===`running`,onClick:()=>e.onReplayRun(e.run.runId),title:`Rerun this pipeline with its saved input`,variant:`ghost`,children:[(0,C.jsx)(s,{icon:a,"aria-hidden":`true`}),`Rerun`]})]}),(0,C.jsx)(X,{title:`Output`,output:t})]})}function X(e){return(0,C.jsxs)(`div`,{className:`mt-4 border-t border-hair pt-3`,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,C.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:e.title}),(0,C.jsxs)(`span`,{className:` text-xs font-medium tabular-nums text-muted-foreground`,children:[e.output.length,` chars`]})]}),(0,C.jsx)(`pre`,{className:`mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-lg bg-card p-3 text-sm leading-6 text-foreground`,children:e.output.length>0?(0,C.jsx)(Z,{text:e.output}):`No output saved.`})]})}function he(e){return e.output===void 0?e.error===void 0?``:JSON.stringify(e.error,null,2):typeof e.output==`string`?e.output:JSON.stringify(e.output,null,2)}function Z(e){return ge(e.text)?(0,C.jsx)(ie,{text:e.text}):e.text}function ge(e){let t=e.trim();return t.startsWith(`{`)&&t.endsWith(`}`)||t.startsWith(`[`)&&t.endsWith(`]`)}function _e(e){switch(e){case`success`:return`text-foreground`;case`error`:return`text-destructive`;case`running`:return`text-muted-foreground`}}function ve(e){if(e.node===void 0)return(0,C.jsx)(`section`,{className:`text-sm font-medium text-muted-foreground`,children:`Select a node for details.`});let t=Object.entries(e.node.metadata??{});return(0,C.jsxs)(`section`,{className:`grid content-start gap-5`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Selected node`}),(0,C.jsx)(`h2`,{className:`m-0 mt-2 text-lg font-semibold tracking-tight text-foreground`,children:e.node.label}),(0,C.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:[(0,C.jsx)(Q,{children:e.node.kind}),e.status===void 0?null:(0,C.jsx)(Q,{children:e.status}),e.node.branchKey===void 0?null:(0,C.jsx)(Q,{children:e.node.branchKey})]})]}),e.node.description===void 0?null:(0,C.jsx)(`p`,{className:`m-0 rounded-lg bg-muted px-3 py-2 text-sm leading-6 text-muted-foreground`,children:e.node.description}),(0,C.jsx)(xe,{items:[[`ID`,e.node.id],[`Agent`,e.node.agentId],[`Pipeline`,e.node.pipelineId]]}),t.length>0?(0,C.jsxs)(`div`,{className:`grid gap-2`,children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Metadata`}),(0,C.jsx)(`div`,{className:`grid gap-1`,children:t.map(([e,t])=>(0,C.jsxs)(`div`,{className:`grid grid-cols-[82px_minmax(0,1fr)] gap-2 text-xs`,children:[(0,C.jsx)(`span`,{className:`truncate  text-muted-foreground`,children:e}),(0,C.jsx)(`span`,{className:`truncate font-medium text-foreground`,children:Se(t)})]},e))})]}):null]})}function ye(e){let t=(0,x.useRef)(null),n=(0,x.useRef)(!0);(0,x.useEffect)(()=>{let e=t.current;e===null||!n.current||(e.scrollTop=e.scrollHeight)});function r(){let e=t.current;e!==null&&(n.current=e.scrollHeight-e.scrollTop-e.clientHeight<24)}return(0,C.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3`,children:[(0,C.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Pipeline logs`}),(0,C.jsx)(`div`,{className:`mt-1 truncate text-xs font-medium text-muted-foreground`,children:e.selectedPipelineId.length===0?`No active pipeline`:e.selectedPipelineId})]}),(0,C.jsx)(`span`,{className:` text-xs font-semibold tabular-nums text-muted-foreground`,children:e.logs.length})]}),(0,C.jsxs)(`div`,{className:`min-h-0 overflow-auto border-t bg-background p-2`,ref:t,onScroll:r,children:[e.selectedPipelineId.length===0?(0,C.jsx)(p,{size:`compact`,title:`No pipeline selected`,text:`Choose a pipeline to view its runtime logs.`}):null,e.selectedPipelineId.length>0&&e.loading&&e.logs.length===0?(0,C.jsxs)(`div`,{className:`grid gap-2 py-4`,children:[(0,C.jsx)(`div`,{className:`h-4 w-32 animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-4 w-64 max-w-full animate-pulse rounded-lg bg-muted`}),(0,C.jsx)(`div`,{className:`h-4 w-52 max-w-full animate-pulse rounded-lg bg-muted`})]}):null,e.selectedPipelineId.length>0&&!e.loading&&e.logs.length===0?(0,C.jsx)(p,{size:`compact`,title:`No logs yet`,text:`Run the pipeline to populate this console.`}):null,e.logs.map(e=>(0,C.jsx)(be,{log:e},e.id))]})]})}function be(e){let t=T(e.log.metadata,4),n=[$(e.log.timestamp),e.log.level.toUpperCase().padEnd(5,` `),e.log.message,`${e.log.category}/${e.log.event}`,t].filter(e=>e.trim().length>0).join(`  `);return(0,C.jsxs)(`article`,{className:[`min-w-full rounded-lg px-3 py-1.5 text-xs leading-5 transition duration-200 hover:bg-transparent hover:text-foreground`].join(` `),title:n,children:[(0,C.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-baseline gap-x-3 gap-y-1`,children:[(0,C.jsx)(`time`,{className:`shrink-0 text-muted-foreground`,children:$(e.log.timestamp)}),(0,C.jsx)(`span`,{className:[`shrink-0 font-semibold`,Ce(e.log.level)].join(` `),children:e.log.level.toUpperCase().padEnd(5,` `)}),(0,C.jsx)(`span`,{className:`min-w-0 break-words font-medium text-foreground`,children:e.log.message})]}),(0,C.jsxs)(`div`,{className:`mt-1 min-w-0 break-words text-muted-foreground`,children:[e.log.category,`/`,e.log.event]}),(0,C.jsx)(w,{metadata:e.log.metadata,limit:4})]})}function xe(e){let t=e.items.filter(([,e])=>e!==void 0&&e.length>0);return t.length===0?null:(0,C.jsx)(`div`,{className:`grid gap-2 rounded-none bg-background p-3`,children:t.map(([e,t])=>(0,C.jsxs)(`div`,{className:`grid grid-cols-[82px_minmax(0,1fr)] gap-2 text-xs`,children:[(0,C.jsx)(`span`,{className:`truncate  text-muted-foreground`,children:e}),(0,C.jsx)(`span`,{className:`truncate font-medium text-foreground`,children:t})]},e))})}function Q(e){return(0,C.jsx)(`span`,{className:`rounded-lg border border-hair bg-background px-2 py-1 text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground`,children:e.children})}function $(e){let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}function Se(e){return e===null?`null`:typeof e==`string`||typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?`[${e.length}]`:typeof e==`object`&&e?`{...}`:``}function Ce(e){switch(e){case`error`:return`text-destructive`;case`warn`:return`text-muted-foreground`;case`debug`:return`text-muted-foreground`;case`info`:return`text-foreground`}}export{se as PipelinesPage};
+//# sourceMappingURL=pipelines-page-DAqa699J.js.map

package/dist/ui/assets/{pipelines-page-BPCS5mwc.js.map → pipelines-page-DAqa699J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pipelines-page-BPCS5mwc.js","names":["a","t","m"],"sources":["../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/Play.es.js","../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/Play.es.js","../../../src/ui/app/modules/shared/log-metadata.tsx","../../../src/ui/app/modules/pipelines/pipeline-flow.tsx","../../../src/ui/app/modules/pipelines/pipelines-page.tsx"],"sourcesContent":["import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M234.49,111.07,90.41,22.94A20,20,0,0,0,60,39.87V216.13a20,20,0,0,0,30.41,16.93l144.08-88.13a19.82,19.82,0,0,0,0-33.86ZM84,208.85V47.15L216.16,128Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\n      \"path\",\n      {\n        d: \"M228.23,134.69,84.15,222.81A8,8,0,0,1,72,216.12V39.88a8,8,0,0,1,12.15-6.69l144.08,88.12A7.82,7.82,0,0,1,228.23,134.69Z\",\n        opacity: \"0.2\"\n      }\n    ), /* @__PURE__ */ e.createElement(\"path\", { d: \"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M231.36,116.19,87.28,28.06a14,14,0,0,0-14.18-.27A13.69,13.69,0,0,0,66,39.87V216.13a13.69,13.69,0,0,0,7.1,12.08,14,14,0,0,0,14.18-.27l144.08-88.13a13.82,13.82,0,0,0,0-23.62Zm-6.26,13.38L81,217.7a2,2,0,0,1-2.06,0,1.78,1.78,0,0,1-1-1.61V39.87a1.78,1.78,0,0,1,1-1.61A2.06,2.06,0,0,1,80,38a2,2,0,0,1,1,.31L225.1,126.43a1.82,1.82,0,0,1,0,3.14Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M230.32,117.9,86.24,29.79a11.91,11.91,0,0,0-12.17-.23A11.71,11.71,0,0,0,68,39.89V216.11a11.71,11.71,0,0,0,6.07,10.33,11.91,11.91,0,0,0,12.17-.23L230.32,138.1a11.82,11.82,0,0,0,0-20.2Zm-4.18,13.37L82.06,219.39a4,4,0,0,1-4.07.07,3.77,3.77,0,0,1-2-3.35V39.89a3.77,3.77,0,0,1,2-3.35,4,4,0,0,1,4.07.07l144.08,88.12a3.8,3.8,0,0,1,0,6.54Z\" }))\n  ]\n]);\nexport {\n  a as default\n};\n","import * as o from \"react\";\nimport t from \"../lib/IconBase.es.js\";\nimport m from \"../defs/Play.es.js\";\nconst a = o.forwardRef((e, r) => /* @__PURE__ */ o.createElement(t, { ref: r, ...e, weights: m }));\na.displayName = \"PlayIcon\";\nconst n = a;\nexport {\n  n as Play,\n  a as PlayIcon\n};\n","import { cn } from \"../../lib/utils\";\n\ntype MetadataValue = unknown;\n\ntype InlineMetadataItem = {\n  key: string;\n  value: string;\n  tone: \"default\" | \"error\";\n};\n\nexport function LogMetadata(props: {\n  metadata?: Record<string, MetadataValue> | undefined;\n  limit?: number;\n}) {\n  const items = inlineMetadataItems(props.metadata, props.limit);\n  const hasStructuredDetails = hasStructuredMetadata(props.metadata);\n  if (items.length === 0 && !hasStructuredDetails) {\n    return null;\n  }\n  return (\n    <div className=\"grid min-w-0 gap-1 text-xs leading-5 text-muted-foreground\">\n      {items.length === 0 ? null : (\n        <div className=\"flex min-w-0 flex-wrap gap-x-2 gap-y-1\">\n          {items.map((item) => (\n            <span\n              className={cn(\n                \"min-w-0 break-words\",\n                item.tone === \"error\" ? \"text-destructive\" : \"text-muted-foreground\",\n              )}\n              key={item.key}\n            >\n              <span className=\"text-muted-foreground\">{item.key}=</span>\n              {item.value}\n            </span>\n          ))}\n        </div>\n      )}\n      {hasStructuredDetails ? (\n        <details className=\"group min-w-0 rounded-lg border border-border bg-muted px-2 py-1\">\n          <summary className=\"cursor-pointer select-none text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground transition group-open:text-foreground\">\n            Details\n          </summary>\n          <pre className=\"m-0 mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words text-xs leading-4 text-muted-foreground\">\n            {formatStructuredDetails(props.metadata)}\n          </pre>\n        </details>\n      ) : null}\n    </div>\n  );\n}\n\nexport function formatLogMetadataText(\n  metadata?: Record<string, MetadataValue>,\n  limit?: number,\n): string {\n  return inlineMetadataItems(metadata, limit)\n    .map((item) => `${item.key}=${item.value}`)\n    .join(\" \");\n}\n\nfunction inlineMetadataItems(\n  metadata?: Record<string, MetadataValue>,\n  limit = 6,\n): InlineMetadataItem[] {\n  return Object.entries(metadata ?? {})\n    .map(([key, value]): InlineMetadataItem => {\n      const tone: InlineMetadataItem[\"tone\"] = key === \"error\" ? \"error\" : \"default\";\n      return {\n        key,\n        value: formatInlineMetadataValue(key, value),\n        tone,\n      };\n    })\n    .filter((item) => item.value.length > 0)\n    .slice(0, limit);\n}\n\nfunction formatInlineMetadataValue(key: string, value: MetadataValue): string {\n  if (value === null) {\n    return \"null\";\n  }\n  if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if (Array.isArray(value)) {\n    return `[${value.length}]`;\n  }\n  if (isRecord(value)) {\n    if (key === \"error\") {\n      return formatErrorMetadata(value);\n    }\n    return compactJson(value);\n  }\n  return \"\";\n}\n\nfunction formatErrorMetadata(value: Record<string, MetadataValue>): string {\n  const name = typeof value.name === \"string\" && value.name.length > 0 ? value.name : undefined;\n  const message =\n    typeof value.message === \"string\" && value.message.length > 0 ? value.message : undefined;\n  if (name !== undefined && message !== undefined) {\n    return `${name}: ${message}`;\n  }\n  if (message !== undefined) {\n    return message;\n  }\n  return compactJson(value);\n}\n\nfunction hasStructuredMetadata(metadata?: Record<string, MetadataValue>): boolean {\n  return Object.values(metadata ?? {}).some((value) => Array.isArray(value) || isRecord(value));\n}\n\nfunction formatStructuredDetails(metadata?: Record<string, MetadataValue>): string {\n  if (metadata === undefined) {\n    return \"\";\n  }\n  try {\n    return JSON.stringify(metadata, null, 2);\n  } catch {\n    return String(metadata);\n  }\n}\n\nfunction compactJson(value: MetadataValue): string {\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction isRecord(value: MetadataValue): value is Record<string, MetadataValue> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n","import { type Edge, Handle, MarkerType, type Node, type NodeProps, Position } from \"@xyflow/react\";\nimport type { StudioPipelineDetail, StudioPipelineLogEntry } from \"../../../../types\";\n\nexport const nodeTypes = {\n  pipelineStage: PipelineStageNode,\n};\n\nexport type PipelineFlow = { nodes: Node[]; edges: Edge[] };\n\nconst flowEdgeColor = \"var(--muted-foreground)\";\nconst flowSelectedColor = \"var(--foreground)\";\nconst flowBackgroundColor = \"var(--background)\";\nexport const flowMutedForegroundColor = \"var(--muted-foreground)\";\nconst flowDestructiveColor = \"var(--destructive)\";\nconst flowRunningColor = \"var(--foreground)\";\n\ntype PipelineNodeData = {\n  label: string;\n  kind: StudioPipelineDetail[\"graph\"][\"nodes\"][number][\"kind\"];\n  status: NodeStatus | undefined;\n  statusColor: string;\n  branchKey: string | undefined;\n};\n\nfunction PipelineStageNode(props: NodeProps<Node<PipelineNodeData>>) {\n  const status = props.data.status;\n  return (\n    <article\n      className={[\n        \"group relative min-h-[74px] w-[210px] rounded-none border bg-card px-4 py-3 text-left shadow-[inset_0_1px_0_var(--sb-inset-highlight)] transition duration-200\",\n        props.selected ? \"border-foreground\" : \"border-hair\",\n        status === \"running\" ? \"translate-y-[-1px] border-foreground\" : \"\",\n        status === \"completed\" ? \"border-muted-foreground\" : \"\",\n        status === \"failed\" ? \"border-destructive\" : \"\",\n      ].join(\" \")}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        className=\"!h-0 !w-0 !border-0 !bg-transparent !opacity-0\"\n      />\n      <div className=\"flex min-w-0 items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold leading-5 tracking-tight text-foreground\">\n            {props.data.label}\n          </div>\n          <div className=\"mt-1 flex items-center gap-1.5\">\n            <span\n              className=\"h-1.5 w-1.5 rounded-lg\"\n              style={{ backgroundColor: props.data.statusColor }}\n            />\n            <span className=\" text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n              {props.data.kind}\n            </span>\n          </div>\n        </div>\n        {status === undefined ? null : (\n          <span\n            className=\"rounded-lg border border-hair bg-background px-1.5 py-0.5 text-xs font-semibold uppercase tracking-[0.08em]\"\n            style={{ color: props.data.statusColor }}\n          >\n            {status}\n          </span>\n        )}\n      </div>\n      {props.data.branchKey === undefined ? null : (\n        <div className=\"mt-2 truncate text-xs text-muted-foreground\">\n          branch: {props.data.branchKey}\n        </div>\n      )}\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        className=\"!h-0 !w-0 !border-0 !bg-transparent !opacity-0\"\n      />\n    </article>\n  );\n}\n\nexport type NodeStatus = \"running\" | \"completed\" | \"failed\";\n\nexport function nodeStatusFromLogs(\n  logs: StudioPipelineLogEntry[],\n  activeRunId: string,\n): Map<string, NodeStatus> {\n  const statuses = new Map<string, NodeStatus>();\n  if (activeRunId.length === 0) {\n    return statuses;\n  }\n  for (const log of logs) {\n    if (log.runId !== activeRunId) {\n      continue;\n    }\n    const nodePath = metadataPath(log.metadata, \"nodePath\");\n    if (nodePath === undefined) {\n      continue;\n    }\n    const nodeId = pipelineNodeKey(nodePath);\n    if (log.event.endsWith(\".started\")) {\n      statuses.set(nodeId, \"running\");\n    }\n    if (log.event.endsWith(\".completed\")) {\n      statuses.set(nodeId, \"completed\");\n    }\n    if (log.event.endsWith(\".failed\")) {\n      statuses.set(nodeId, \"failed\");\n    }\n  }\n  return statuses;\n}\n\nexport function toFlow(\n  graph: StudioPipelineDetail[\"graph\"],\n  statuses: Map<string, NodeStatus>,\n): PipelineFlow {\n  const depths = nodeDepths(graph);\n  const depthSlots = new Map<number, number>();\n  const depthCounts = new Map<number, number>();\n  for (const depth of depths.values()) {\n    depthCounts.set(depth, (depthCounts.get(depth) ?? 0) + 1);\n  }\n\n  const nodes: Node[] = graph.nodes.map((node) => {\n    const nodeId = pipelineNodeKey(node.path);\n    const depth = depths.get(nodeId) ?? 0;\n    const slot = depthSlots.get(depth) ?? 0;\n    depthSlots.set(depth, slot + 1);\n    const count = depthCounts.get(depth) ?? 1;\n    const status = statuses.get(nodeId);\n    return {\n      id: nodeId,\n      type: \"pipelineStage\",\n      position: {\n        x: (slot - (count - 1) / 2) * 280,\n        y: depth * 170,\n      },\n      sourcePosition: Position.Bottom,\n      targetPosition: Position.Top,\n      data: {\n        label: node.label,\n        kind: node.kind,\n        status,\n        statusColor: statusColor(status),\n        branchKey: node.branchKey,\n      },\n    };\n  });\n\n  const edges: Edge[] = graph.edges.map((edge) => ({\n    id: edge.id,\n    source: pipelineNodeKey(edge.source),\n    target: pipelineNodeKey(edge.target),\n    type: \"smoothstep\",\n    className: \"pipeline-flow-edge\",\n    label: edge.label,\n    markerEnd: {\n      type: MarkerType.ArrowClosed,\n      width: 10,\n      height: 10,\n      color: flowEdgeColor,\n    },\n    style: {\n      stroke: flowEdgeColor,\n      strokeWidth: 1.6,\n      opacity: 0.78,\n    },\n    labelShowBg: true,\n    labelStyle: {\n      fill: flowMutedForegroundColor,\n      fontSize: 11,\n      fontWeight: 700,\n    },\n    labelBgStyle: {\n      fill: flowBackgroundColor,\n      fillOpacity: 0.92,\n    },\n    labelBgPadding: [6, 4],\n    labelBgBorderRadius: 2,\n  }));\n\n  return { nodes, edges };\n}\n\nfunction nodeDepths(graph: StudioPipelineDetail[\"graph\"]): Map<string, number> {\n  const depths = new Map<string, number>();\n  for (const node of graph.nodes) {\n    depths.set(pipelineNodeKey(node.path), 0);\n  }\n\n  for (let index = 0; index < graph.nodes.length; index += 1) {\n    let changed = false;\n    for (const edge of graph.edges) {\n      const source = pipelineNodeKey(edge.source);\n      const target = pipelineNodeKey(edge.target);\n      const sourceDepth = depths.get(source);\n      if (sourceDepth === undefined || !depths.has(target)) {\n        continue;\n      }\n      const nextDepth = sourceDepth + 1;\n      if (nextDepth > (depths.get(target) ?? 0)) {\n        depths.set(target, nextDepth);\n        changed = true;\n      }\n    }\n    if (!changed) {\n      break;\n    }\n  }\n  return depths;\n}\n\nfunction statusColor(status: NodeStatus | undefined): string {\n  switch (status) {\n    case \"running\":\n      return flowRunningColor;\n    case \"completed\":\n      return flowEdgeColor;\n    case \"failed\":\n      return flowDestructiveColor;\n    default:\n      return flowSelectedColor;\n  }\n}\n\nfunction metadataPath(\n  metadata: StudioPipelineLogEntry[\"metadata\"],\n  key: string,\n): string[] | undefined {\n  const value = metadata?.[key];\n  return Array.isArray(value) && value.every((segment) => typeof segment === \"string\")\n    ? value\n    : undefined;\n}\n\nexport function pipelineNodeKey(path: readonly string[]): string {\n  return JSON.stringify(path);\n}\n","import { Background, BackgroundVariant, Controls, ReactFlow } from \"@xyflow/react\";\nimport \"@xyflow/react/dist/style.css\";\nimport { ArrowClockwise, Play } from \"@phosphor-icons/react\";\nimport { type CSSProperties, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  StudioConfig,\n  StudioPipelineDetail,\n  StudioPipelineLogEntry,\n  StudioPipelineRunRecord,\n} from \"../../../../types\";\nimport { Button } from \"../../components/ui/button\";\nimport { StudioIcon } from \"../../components/ui/icon\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport {\n  StudioEmptyState,\n  StudioPageShell,\n  StudioSurface,\n  StudioTabs,\n} from \"../../components/ui/studio\";\nimport { Textarea } from \"../../components/ui/textarea\";\nimport { formatLogMetadataText, LogMetadata } from \"../shared/log-metadata\";\nimport { JsonSyntax } from \"../shared/renderers\";\nimport {\n  flowMutedForegroundColor,\n  type NodeStatus,\n  nodeStatusFromLogs,\n  nodeTypes,\n  type PipelineFlow,\n  pipelineNodeKey,\n  toFlow,\n} from \"./pipeline-flow\";\n\nexport function PipelinesPage(props: {\n  pipelines: StudioConfig[\"pipelines\"];\n  selectedPipelineId: string;\n  detail: StudioPipelineDetail | undefined;\n  logs: StudioPipelineLogEntry[];\n  activeRunId: string;\n  runs: StudioPipelineRunRecord[];\n  enabled: boolean;\n  detailLoading: boolean;\n  logsLoading: boolean;\n  runsLoading: boolean;\n  runState: \"idle\" | \"running\";\n  runInput: string;\n  runOutput: string;\n  theme: \"light\" | \"dark\";\n  activeTab: PipelineSidebarTab;\n  onSelectPipeline: (pipelineId: string) => void;\n  onRunInputChange: (value: string) => void;\n  onRun: () => void;\n  onTabChange: (tab: PipelineSidebarTab) => void;\n  onReplayRun: (runId: string) => void;\n}) {\n  const [selectedNodeId, setSelectedNodeId] = useState<string | undefined>();\n  const graph = props.detail?.graph;\n  const selectedNode =\n    graph?.nodes.find((node) => pipelineNodeKey(node.path) === selectedNodeId) ??\n    graph?.nodes[0] ??\n    undefined;\n  const nodeStatuses = useMemo(\n    () => nodeStatusFromLogs(props.logs, props.activeRunId),\n    [props.logs, props.activeRunId],\n  );\n  const flow = useMemo(() => {\n    if (graph === undefined) {\n      return { nodes: [], edges: [] } satisfies PipelineFlow;\n    }\n    return toFlow(graph, nodeStatuses);\n  }, [graph, nodeStatuses]);\n\n  if (!props.enabled || (!props.detailLoading && props.pipelines.length === 0)) {\n    return (\n      <StudioPageShell aria-label=\"Pipelines\">\n        <StudioEmptyState\n          title={props.enabled ? \"No pipelines\" : \"Pipelines unavailable\"}\n          text={\n            props.enabled\n              ? \"No pipeline records are available in this Studio runtime.\"\n              : \"This Studio runtime does not expose pipelines.\"\n          }\n        />\n      </StudioPageShell>\n    );\n  }\n\n  return (\n    <StudioPageShell>\n      <div className=\"grid min-h-0 min-w-0 pb-6 pr-6\">\n        <StudioSurface className=\"grid grid-cols-[minmax(0,2fr)_minmax(0,1fr)] max-lg:grid-cols-1\">\n          <div className=\"relative min-h-0 min-w-0 overflow-hidden border-r border-hair bg-card max-lg:border-b max-lg:border-r-0\">\n            {props.detailLoading && graph === undefined ? (\n              <div className=\"grid h-full min-h-96 place-items-center p-6\">\n                <div className=\"grid w-full max-w-lg gap-3\">\n                  <div className=\"h-4 w-40 animate-pulse rounded-lg bg-muted\" />\n                  <div className=\"h-16 animate-pulse rounded-lg bg-muted\" />\n                  <div className=\"h-16 w-4/5 animate-pulse rounded-lg bg-muted\" />\n                </div>\n              </div>\n            ) : null}\n            {!props.detailLoading && graph === undefined ? (\n              <StudioEmptyState\n                className=\"h-full\"\n                title={props.pipelines.length === 0 ? \"No pipelines\" : \"No pipeline selected\"}\n                text={\n                  props.pipelines.length === 0\n                    ? \"No pipeline records are available in this Studio runtime.\"\n                    : \"Choose a registered pipeline to inspect its graph and runtime logs.\"\n                }\n              />\n            ) : null}\n            {graph !== undefined ? (\n              <ReactFlow\n                nodes={flow.nodes}\n                edges={flow.edges}\n                className=\"pipeline-flow\"\n                style={\n                  {\n                    \"--xy-edge-stroke\": \"var(--muted-foreground)\",\n                    \"--xy-edge-stroke-width\": \"1.6\",\n                    \"--xy-edge-stroke-selected\": \"var(--foreground)\",\n                  } as CSSProperties\n                }\n                fitView\n                fitViewOptions={{ padding: 0.18, maxZoom: 0.96 }}\n                minZoom={0.48}\n                maxZoom={1.35}\n                colorMode={props.theme}\n                nodeTypes={nodeTypes}\n                proOptions={{ hideAttribution: true }}\n                defaultEdgeOptions={{\n                  type: \"smoothstep\",\n                  focusable: true,\n                }}\n                onNodeClick={(_, node) => setSelectedNodeId(node.id)}\n              >\n                <Background\n                  variant={BackgroundVariant.Dots}\n                  gap={14}\n                  size={1.8}\n                  color={flowMutedForegroundColor}\n                  className=\"opacity-35\"\n                />\n                <Controls showInteractive={false} />\n              </ReactFlow>\n            ) : null}\n          </div>\n          <PipelineInspectorSidebar\n            pipelines={props.pipelines}\n            selectedPipelineId={props.selectedPipelineId}\n            detail={props.detail}\n            logs={props.logs}\n            runs={props.runs}\n            logsLoading={props.logsLoading}\n            runsLoading={props.runsLoading}\n            runState={props.runState}\n            runInput={props.runInput}\n            runOutput={props.runOutput}\n            activeTab={props.activeTab}\n            selectedNode={selectedNode}\n            selectedNodeStatus={\n              selectedNode?.id === undefined ? undefined : nodeStatuses.get(selectedNode.id)\n            }\n            onSelectPipeline={(pipelineId) => {\n              setSelectedNodeId(undefined);\n              props.onSelectPipeline(pipelineId);\n            }}\n            onRunInputChange={props.onRunInputChange}\n            onRun={props.onRun}\n            onTabChange={props.onTabChange}\n            onReplayRun={props.onReplayRun}\n          />\n        </StudioSurface>\n      </div>\n    </StudioPageShell>\n  );\n}\n\nfunction PipelineInspectorSidebar(props: {\n  pipelines: StudioConfig[\"pipelines\"];\n  selectedPipelineId: string;\n  detail: StudioPipelineDetail | undefined;\n  logs: StudioPipelineLogEntry[];\n  runs: StudioPipelineRunRecord[];\n  logsLoading: boolean;\n  runsLoading: boolean;\n  runState: \"idle\" | \"running\";\n  runInput: string;\n  runOutput: string;\n  activeTab: PipelineSidebarTab;\n  selectedNode: NonNullable<StudioPipelineDetail[\"graph\"][\"nodes\"][number]> | undefined;\n  selectedNodeStatus: NodeStatus | undefined;\n  onSelectPipeline: (pipelineId: string) => void;\n  onRunInputChange: (value: string) => void;\n  onRun: () => void;\n  onTabChange: (tab: PipelineSidebarTab) => void;\n  onReplayRun: (runId: string) => void;\n}) {\n  const graph = props.detail?.graph;\n  const graphStats =\n    graph === undefined\n      ? undefined\n      : {\n          nodes: graph.nodes.length,\n          edges: graph.edges.length,\n          agents: graph.nodes.filter((node) => node.kind === \"agent\").length,\n          extractors: graph.nodes.filter((node) => node.kind === \"extractor\").length,\n          parallel: graph.nodes.some((node) => node.kind === \"parallel\") ? \"yes\" : \"no\",\n        };\n\n  return (\n    <aside className=\"grid min-h-0 min-w-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background\">\n      <header className=\"grid gap-3 bg-card px-4 py-4\">\n        <div className=\"grid gap-3\">\n          <div className=\"flex min-w-0 items-start justify-between gap-4\">\n            <div className=\"min-w-0\">\n              <h1 className=\"m-0 truncate text-base font-semibold tracking-tight text-foreground\">\n                {props.detail?.name ?? \"Pipeline\"}\n              </h1>\n              {props.detail?.description === undefined ? null : (\n                <p className=\"m-0 mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground\">\n                  {props.detail.description}\n                </p>\n              )}\n            </div>\n            <span className=\"shrink-0 text-xs font-semibold tabular-nums text-muted-foreground\">\n              {props.logs.length}\n            </span>\n          </div>\n          <Select value={props.selectedPipelineId} onValueChange={props.onSelectPipeline}>\n            <SelectTrigger className=\"h-8 w-full rounded-lg border-hair bg-background text-xs hover:border-foreground focus:border-foreground focus:ring-ring\">\n              <SelectValue placeholder=\"Select pipeline\" />\n            </SelectTrigger>\n            <SelectContent>\n              {props.pipelines.map((pipeline) => (\n                <SelectItem key={pipeline.id} value={pipeline.id}>\n                  {pipeline.name ?? pipeline.id}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <PipelineSidebarTabs activeTab={props.activeTab} onChange={props.onTabChange} />\n      </header>\n      <div\n        className={[\n          \"min-h-0 min-w-0 px-5 py-5\",\n          props.activeTab === \"logs\" ? \"grid overflow-hidden\" : \"overflow-auto\",\n        ].join(\" \")}\n      >\n        {props.activeTab === \"input\" ? (\n          <div\n            aria-labelledby={pipelineTabId(\"input\")}\n            id={pipelinePanelId(\"input\")}\n            role=\"tabpanel\"\n          >\n            <PipelineInputPanel\n              runInput={props.runInput}\n              runState={props.runState}\n              disabled={props.detail === undefined}\n              onRunInputChange={props.onRunInputChange}\n              onRun={props.onRun}\n            />\n          </div>\n        ) : null}\n        {props.activeTab === \"metadata\" ? (\n          <div\n            aria-labelledby={pipelineTabId(\"metadata\")}\n            id={pipelinePanelId(\"metadata\")}\n            role=\"tabpanel\"\n          >\n            <PipelineMetadataPanel\n              graphStats={graphStats}\n              selectedNode={props.selectedNode}\n              selectedNodeStatus={props.selectedNodeStatus}\n            />\n          </div>\n        ) : null}\n        {props.activeTab === \"runs\" ? (\n          <div aria-labelledby={pipelineTabId(\"runs\")} id={pipelinePanelId(\"runs\")} role=\"tabpanel\">\n            <PipelineRunsPanel\n              runs={props.runs}\n              runOutput={props.runOutput}\n              runState={props.runState}\n              loading={props.runsLoading}\n              onReplayRun={props.onReplayRun}\n            />\n          </div>\n        ) : null}\n        {props.activeTab === \"logs\" ? (\n          <div aria-labelledby={pipelineTabId(\"logs\")} id={pipelinePanelId(\"logs\")} role=\"tabpanel\">\n            <PipelineLogsSection\n              logs={props.logs}\n              selectedPipelineId={props.selectedPipelineId}\n              loading={props.logsLoading}\n            />\n          </div>\n        ) : null}\n      </div>\n    </aside>\n  );\n}\n\nexport type PipelineSidebarTab = \"input\" | \"metadata\" | \"runs\" | \"logs\";\n\nconst pipelineSidebarTabs: Array<{ id: PipelineSidebarTab; label: string }> = [\n  { id: \"input\", label: \"Input\" },\n  { id: \"metadata\", label: \"Metadata\" },\n  { id: \"runs\", label: \"Runs\" },\n  { id: \"logs\", label: \"Logs\" },\n];\n\nfunction PipelineSidebarTabs(props: {\n  activeTab: PipelineSidebarTab;\n  onChange: (tab: PipelineSidebarTab) => void;\n}) {\n  return (\n    <StudioTabs className=\"grid-cols-4\" role=\"tablist\" aria-label=\"Pipeline sidebar\">\n      {pipelineSidebarTabs.map((tab) => (\n        <button\n          aria-controls={pipelinePanelId(tab.id)}\n          aria-selected={props.activeTab === tab.id}\n          className={[\n            \"h-8 rounded-lg px-2 text-xs font-semibold uppercase tracking-[0.1em] transition duration-200\",\n            props.activeTab === tab.id\n              ? \"bg-foreground text-background\"\n              : \"text-muted-foreground hover:bg-transparent hover:text-foreground\",\n          ].join(\" \")}\n          key={tab.id}\n          id={pipelineTabId(tab.id)}\n          onClick={() => props.onChange(tab.id)}\n          role=\"tab\"\n          type=\"button\"\n        >\n          {tab.label}\n        </button>\n      ))}\n    </StudioTabs>\n  );\n}\n\nfunction pipelineTabId(tab: PipelineSidebarTab): string {\n  return `pipeline-tab-${tab}`;\n}\n\nfunction pipelinePanelId(tab: PipelineSidebarTab): string {\n  return `pipeline-panel-${tab}`;\n}\n\nfunction Metric(props: { label: string; value: string }) {\n  return (\n    <div className=\"min-w-0 rounded-lg bg-background px-2.5 py-2.5\">\n      <div className=\"truncate text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n        {props.label}\n      </div>\n      <div className=\"mt-1 truncate text-base font-semibold tabular-nums text-foreground\">\n        {props.value}\n      </div>\n    </div>\n  );\n}\n\nfunction PipelineInputPanel(props: {\n  runInput: string;\n  runState: \"idle\" | \"running\";\n  disabled: boolean;\n  onRunInputChange: (value: string) => void;\n  onRun: () => void;\n}) {\n  return (\n    <section className=\"grid gap-4\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            Pipeline input\n          </div>\n          <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n            Provide JSON-compatible input for this pipeline run.\n          </p>\n        </div>\n        <Button\n          className=\"h-8 shrink-0 gap-1.5 rounded-lg border border-primary bg-primary px-3 text-xs font-semibold text-primary-foreground shadow-none hover:border-action-hover hover:bg-action-hover hover:text-primary-foreground disabled:border-border disabled:bg-muted disabled:text-muted-foreground [&_svg]:!size-3\"\n          disabled={props.runState === \"running\" || props.disabled}\n          onClick={props.onRun}\n          variant=\"ghost\"\n        >\n          <StudioIcon icon={Play} aria-hidden=\"true\" />\n          {props.runState === \"running\" ? \"Running\" : \"Run\"}\n        </Button>\n      </div>\n      <label className=\"grid gap-2\" htmlFor=\"pipeline-run-input\">\n        <span className=\" text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n          JSON\n        </span>\n        <Textarea\n          id=\"pipeline-run-input\"\n          value={props.runInput}\n          onChange={(event) => props.onRunInputChange(event.target.value)}\n          className=\"min-h-44 resize-y rounded-lg border-border bg-card text-xs leading-5 text-foreground\"\n          spellCheck={false}\n        />\n      </label>\n    </section>\n  );\n}\n\nfunction PipelineMetadataPanel(props: {\n  graphStats:\n    | {\n        nodes: number;\n        edges: number;\n        agents: number;\n        extractors: number;\n        parallel: string;\n      }\n    | undefined;\n  selectedNode: NonNullable<StudioPipelineDetail[\"graph\"][\"nodes\"][number]> | undefined;\n  selectedNodeStatus: NodeStatus | undefined;\n}) {\n  return (\n    <section className=\"grid gap-5\">\n      {props.graphStats === undefined ? null : (\n        <div className=\"grid grid-cols-5 gap-2\">\n          <Metric label=\"Nodes\" value={String(props.graphStats.nodes)} />\n          <Metric label=\"Edges\" value={String(props.graphStats.edges)} />\n          <Metric label=\"Agents\" value={String(props.graphStats.agents)} />\n          <Metric label=\"Extractors\" value={String(props.graphStats.extractors)} />\n          <Metric label=\"Parallel\" value={props.graphStats.parallel} />\n        </div>\n      )}\n      <NodeInspector node={props.selectedNode} status={props.selectedNodeStatus} />\n    </section>\n  );\n}\n\nfunction PipelineRunsPanel(props: {\n  runs: StudioPipelineRunRecord[];\n  runOutput: string;\n  runState: \"idle\" | \"running\";\n  loading: boolean;\n  onReplayRun: (runId: string) => void;\n}) {\n  return (\n    <section className=\"grid gap-3\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            Runs\n          </div>\n          <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n            Persisted pipeline executions.\n          </p>\n        </div>\n        <Badge>{props.runState}</Badge>\n      </div>\n      {props.runOutput.length > 0 && props.runs.length === 0 ? (\n        <PipelineRunOutputBlock title=\"Latest output\" output={props.runOutput} />\n      ) : null}\n      <div className=\"grid gap-2\">\n        {props.loading && props.runs.length === 0 ? (\n          <div className=\"grid gap-2 py-3\">\n            <div className=\"h-4 w-32 animate-pulse rounded-lg bg-muted\" />\n            <div className=\"h-4 w-56 max-w-full animate-pulse rounded-lg bg-muted\" />\n          </div>\n        ) : null}\n        {!props.loading && props.runs.length === 0 ? (\n          <StudioEmptyState\n            size=\"compact\"\n            title=\"No saved pipeline runs\"\n            text=\"Run this pipeline to create its first persisted execution.\"\n          />\n        ) : null}\n        {props.runs.map((run) => (\n          <PipelineRunRow\n            disabled={props.runState === \"running\"}\n            run={run}\n            key={run.runId}\n            onReplayRun={props.onReplayRun}\n          />\n        ))}\n      </div>\n    </section>\n  );\n}\n\nfunction PipelineRunRow(props: {\n  run: StudioPipelineRunRecord;\n  disabled: boolean;\n  onReplayRun: (runId: string) => void;\n}) {\n  const output = pipelineRunOutputText(props.run);\n  return (\n    <article className=\"rounded-none border border-hair bg-background px-4 py-4\">\n      <div className=\"grid min-w-0 gap-3 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start\">\n        <div className=\"min-w-0\">\n          <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n            <span\n              className={[\n                \"rounded-md border border-hair bg-card px-2 py-1 text-xs font-semibold uppercase tracking-[0.08em]\",\n                pipelineRunStatusClass(props.run.status),\n              ].join(\" \")}\n            >\n              {props.run.status}\n            </span>\n            <span className=\"min-w-0 truncate text-xs font-semibold text-foreground\">\n              {props.run.runId}\n            </span>\n          </div>\n          <div className=\"mt-2 flex min-w-0 flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n            <time>{formatLogTime(props.run.startedAt)}</time>\n            {props.run.durationMs === undefined ? null : (\n              <span className=\"tabular-nums\">{props.run.durationMs}ms</span>\n            )}\n          </div>\n        </div>\n        <Button\n          className=\"h-8 gap-1.5 rounded-lg border border-hair bg-muted px-2.5 text-xs font-semibold text-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground [&_svg]:!size-3\"\n          disabled={props.disabled || props.run.status === \"running\"}\n          onClick={() => props.onReplayRun(props.run.runId)}\n          title=\"Rerun this pipeline with its saved input\"\n          variant=\"ghost\"\n        >\n          <StudioIcon icon={ArrowClockwise} aria-hidden=\"true\" />\n          Rerun\n        </Button>\n      </div>\n      <PipelineRunOutputBlock title=\"Output\" output={output} />\n    </article>\n  );\n}\n\nfunction PipelineRunOutputBlock(props: { title: string; output: string }) {\n  return (\n    <div className=\"mt-4 border-t border-hair pt-3\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\" text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n          {props.title}\n        </span>\n        <span className=\" text-xs font-medium tabular-nums text-muted-foreground\">\n          {props.output.length} chars\n        </span>\n      </div>\n      <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-lg bg-card p-3 text-sm leading-6 text-foreground\">\n        {props.output.length > 0 ? <PipelineOutputText text={props.output} /> : \"No output saved.\"}\n      </pre>\n    </div>\n  );\n}\n\nfunction pipelineRunOutputText(run: StudioPipelineRunRecord): string {\n  if (run.output !== undefined) {\n    return typeof run.output === \"string\" ? run.output : JSON.stringify(run.output, null, 2);\n  }\n  if (run.error !== undefined) {\n    return JSON.stringify(run.error, null, 2);\n  }\n  return \"\";\n}\n\nfunction PipelineOutputText(props: { text: string }) {\n  return isStructuredOutput(props.text) ? <JsonSyntax text={props.text} /> : props.text;\n}\n\nfunction isStructuredOutput(text: string): boolean {\n  const trimmed = text.trim();\n  return (\n    (trimmed.startsWith(\"{\") && trimmed.endsWith(\"}\")) ||\n    (trimmed.startsWith(\"[\") && trimmed.endsWith(\"]\"))\n  );\n}\n\nfunction pipelineRunStatusClass(status: StudioPipelineRunRecord[\"status\"]): string {\n  switch (status) {\n    case \"success\":\n      return \"text-foreground\";\n    case \"error\":\n      return \"text-destructive\";\n    case \"running\":\n      return \"text-muted-foreground\";\n  }\n}\n\nfunction NodeInspector(props: {\n  node: NonNullable<StudioPipelineDetail[\"graph\"][\"nodes\"][number]> | undefined;\n  status: NodeStatus | undefined;\n}) {\n  if (props.node === undefined) {\n    return (\n      <section className=\"text-sm font-medium text-muted-foreground\">\n        Select a node for details.\n      </section>\n    );\n  }\n\n  const metadata = Object.entries(props.node.metadata ?? {});\n  return (\n    <section className=\"grid content-start gap-5\">\n      <div>\n        <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n          Selected node\n        </div>\n        <h2 className=\"m-0 mt-2 text-lg font-semibold tracking-tight text-foreground\">\n          {props.node.label}\n        </h2>\n        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n          <Badge>{props.node.kind}</Badge>\n          {props.status === undefined ? null : <Badge>{props.status}</Badge>}\n          {props.node.branchKey === undefined ? null : <Badge>{props.node.branchKey}</Badge>}\n        </div>\n      </div>\n      {props.node.description === undefined ? null : (\n        <p className=\"m-0 rounded-lg bg-muted px-3 py-2 text-sm leading-6 text-muted-foreground\">\n          {props.node.description}\n        </p>\n      )}\n      <DetailList\n        items={[\n          [\"ID\", props.node.id],\n          [\"Agent\", props.node.agentId],\n          [\"Pipeline\", props.node.pipelineId],\n        ]}\n      />\n      {metadata.length > 0 ? (\n        <div className=\"grid gap-2\">\n          <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            Metadata\n          </div>\n          <div className=\"grid gap-1\">\n            {metadata.map(([key, value]) => (\n              <div className=\"grid grid-cols-[82px_minmax(0,1fr)] gap-2 text-xs\" key={key}>\n                <span className=\"truncate  text-muted-foreground\">{key}</span>\n                <span className=\"truncate font-medium text-foreground\">\n                  {formatMetadataValue(value)}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </section>\n  );\n}\n\nfunction PipelineLogsSection(props: {\n  logs: StudioPipelineLogEntry[];\n  selectedPipelineId: string;\n  loading: boolean;\n}) {\n  const scrollerRef = useRef<HTMLDivElement | null>(null);\n  const stickToBottomRef = useRef(true);\n\n  useEffect(() => {\n    const node = scrollerRef.current;\n    if (node === null || !stickToBottomRef.current) {\n      return;\n    }\n    node.scrollTop = node.scrollHeight;\n  });\n\n  function updateStickiness() {\n    const node = scrollerRef.current;\n    if (node === null) {\n      return;\n    }\n    stickToBottomRef.current = node.scrollHeight - node.scrollTop - node.clientHeight < 24;\n  }\n\n  return (\n    <section className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <div>\n          <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            Pipeline logs\n          </div>\n          <div className=\"mt-1 truncate text-xs font-medium text-muted-foreground\">\n            {props.selectedPipelineId.length === 0\n              ? \"No active pipeline\"\n              : props.selectedPipelineId}\n          </div>\n        </div>\n        <span className=\" text-xs font-semibold tabular-nums text-muted-foreground\">\n          {props.logs.length}\n        </span>\n      </div>\n      <div\n        className=\"min-h-0 overflow-auto border-t bg-background p-2\"\n        ref={scrollerRef}\n        onScroll={updateStickiness}\n      >\n        {props.selectedPipelineId.length === 0 ? (\n          <StudioEmptyState\n            size=\"compact\"\n            title=\"No pipeline selected\"\n            text=\"Choose a pipeline to view its runtime logs.\"\n          />\n        ) : null}\n        {props.selectedPipelineId.length > 0 && props.loading && props.logs.length === 0 ? (\n          <div className=\"grid gap-2 py-4\">\n            <div className=\"h-4 w-32 animate-pulse rounded-lg bg-muted\" />\n            <div className=\"h-4 w-64 max-w-full animate-pulse rounded-lg bg-muted\" />\n            <div className=\"h-4 w-52 max-w-full animate-pulse rounded-lg bg-muted\" />\n          </div>\n        ) : null}\n        {props.selectedPipelineId.length > 0 && !props.loading && props.logs.length === 0 ? (\n          <StudioEmptyState\n            size=\"compact\"\n            title=\"No logs yet\"\n            text=\"Run the pipeline to populate this console.\"\n          />\n        ) : null}\n        {props.logs.map((log) => (\n          <PipelineLogRow log={log} key={log.id} />\n        ))}\n      </div>\n    </section>\n  );\n}\n\nfunction PipelineLogRow(props: { log: StudioPipelineLogEntry }) {\n  const metadataText = formatLogMetadataText(props.log.metadata, 4);\n  const line = [\n    formatLogTime(props.log.timestamp),\n    props.log.level.toUpperCase().padEnd(5, \" \"),\n    props.log.message,\n    `${props.log.category}/${props.log.event}`,\n    metadataText,\n  ]\n    .filter((item) => item.trim().length > 0)\n    .join(\"  \");\n  return (\n    <article\n      className={[\n        \"min-w-full rounded-lg px-3 py-1.5 text-xs leading-5 transition duration-200 hover:bg-transparent hover:text-foreground\",\n      ].join(\" \")}\n      title={line}\n    >\n      <div className=\"flex min-w-0 flex-wrap items-baseline gap-x-3 gap-y-1\">\n        <time className=\"shrink-0 text-muted-foreground\">{formatLogTime(props.log.timestamp)}</time>\n        <span className={[\"shrink-0 font-semibold\", logLevelTextClass(props.log.level)].join(\" \")}>\n          {props.log.level.toUpperCase().padEnd(5, \" \")}\n        </span>\n        <span className=\"min-w-0 break-words font-medium text-foreground\">{props.log.message}</span>\n      </div>\n      <div className=\"mt-1 min-w-0 break-words text-muted-foreground\">\n        {props.log.category}/{props.log.event}\n      </div>\n      <LogMetadata metadata={props.log.metadata} limit={4} />\n    </article>\n  );\n}\n\nfunction DetailList(props: { items: Array<[string, string | undefined]> }) {\n  const items = props.items.filter(([, value]) => value !== undefined && value.length > 0);\n  if (items.length === 0) {\n    return null;\n  }\n  return (\n    <div className=\"grid gap-2 rounded-none bg-background p-3\">\n      {items.map(([label, value]) => (\n        <div className=\"grid grid-cols-[82px_minmax(0,1fr)] gap-2 text-xs\" key={label}>\n          <span className=\"truncate  text-muted-foreground\">{label}</span>\n          <span className=\"truncate font-medium text-foreground\">{value}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction Badge(props: { children: string }) {\n  return (\n    <span className=\"rounded-lg border border-hair bg-background px-2 py-1 text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground\">\n      {props.children}\n    </span>\n  );\n}\n\nfunction formatLogTime(value: string): string {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return \"\";\n  }\n  return date.toLocaleTimeString([], {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: \"2-digit\",\n  });\n}\n\nfunction formatMetadataValue(value: unknown): string {\n  if (value === null) {\n    return \"null\";\n  }\n  if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if (Array.isArray(value)) {\n    return `[${value.length}]`;\n  }\n  if (typeof value === \"object\" && value !== null) {\n    return \"{...}\";\n  }\n  return \"\";\n}\n\nfunction logLevelTextClass(level: StudioPipelineLogEntry[\"level\"]): string {\n  switch (level) {\n    case \"error\":\n      return \"text-destructive\";\n    case \"warn\":\n      return \"text-muted-foreground\";\n    case \"debug\":\n      return \"text-muted-foreground\";\n    case \"info\":\n      return \"text-foreground\";\n  }\n}\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"pipelines-page-DAqa699J.js","names":["a","t","m"],"sources":["../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/Play.es.js","../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/Play.es.js","../../../src/ui/app/modules/shared/log-metadata.tsx","../../../src/ui/app/modules/pipelines/pipeline-flow.tsx","../../../src/ui/app/modules/pipelines/pipelines-page.tsx"],"sourcesContent":["import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M234.49,111.07,90.41,22.94A20,20,0,0,0,60,39.87V216.13a20,20,0,0,0,30.41,16.93l144.08-88.13a19.82,19.82,0,0,0,0-33.86ZM84,208.85V47.15L216.16,128Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\n      \"path\",\n      {\n        d: \"M228.23,134.69,84.15,222.81A8,8,0,0,1,72,216.12V39.88a8,8,0,0,1,12.15-6.69l144.08,88.12A7.82,7.82,0,0,1,228.23,134.69Z\",\n        opacity: \"0.2\"\n      }\n    ), /* @__PURE__ */ e.createElement(\"path\", { d: \"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M231.36,116.19,87.28,28.06a14,14,0,0,0-14.18-.27A13.69,13.69,0,0,0,66,39.87V216.13a13.69,13.69,0,0,0,7.1,12.08,14,14,0,0,0,14.18-.27l144.08-88.13a13.82,13.82,0,0,0,0-23.62Zm-6.26,13.38L81,217.7a2,2,0,0,1-2.06,0,1.78,1.78,0,0,1-1-1.61V39.87a1.78,1.78,0,0,1,1-1.61A2.06,2.06,0,0,1,80,38a2,2,0,0,1,1,.31L225.1,126.43a1.82,1.82,0,0,1,0,3.14Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M230.32,117.9,86.24,29.79a11.91,11.91,0,0,0-12.17-.23A11.71,11.71,0,0,0,68,39.89V216.11a11.71,11.71,0,0,0,6.07,10.33,11.91,11.91,0,0,0,12.17-.23L230.32,138.1a11.82,11.82,0,0,0,0-20.2Zm-4.18,13.37L82.06,219.39a4,4,0,0,1-4.07.07,3.77,3.77,0,0,1-2-3.35V39.89a3.77,3.77,0,0,1,2-3.35,4,4,0,0,1,4.07.07l144.08,88.12a3.8,3.8,0,0,1,0,6.54Z\" }))\n  ]\n]);\nexport {\n  a as default\n};\n","import * as o from \"react\";\nimport t from \"../lib/IconBase.es.js\";\nimport m from \"../defs/Play.es.js\";\nconst a = o.forwardRef((e, r) => /* @__PURE__ */ o.createElement(t, { ref: r, ...e, weights: m }));\na.displayName = \"PlayIcon\";\nconst n = a;\nexport {\n  n as Play,\n  a as PlayIcon\n};\n","import { cn } from \"../../lib/utils\";\n\ntype MetadataValue = unknown;\n\ntype InlineMetadataItem = {\n  key: string;\n  value: string;\n  tone: \"default\" | \"error\";\n};\n\nexport function LogMetadata(props: {\n  metadata?: Record<string, MetadataValue> | undefined;\n  limit?: number;\n}) {\n  const items = inlineMetadataItems(props.metadata, props.limit);\n  const hasStructuredDetails = hasStructuredMetadata(props.metadata);\n  if (items.length === 0 && !hasStructuredDetails) {\n    return null;\n  }\n  return (\n    <div className=\"grid min-w-0 gap-1 text-xs leading-5 text-muted-foreground\">\n      {items.length === 0 ? null : (\n        <div className=\"flex min-w-0 flex-wrap gap-x-2 gap-y-1\">\n          {items.map((item) => (\n            <span\n              className={cn(\n                \"min-w-0 break-words\",\n                item.tone === \"error\" ? \"text-destructive\" : \"text-muted-foreground\",\n              )}\n              key={item.key}\n            >\n              <span className=\"text-muted-foreground\">{item.key}=</span>\n              {item.value}\n            </span>\n          ))}\n        </div>\n      )}\n      {hasStructuredDetails ? (\n        <details className=\"group min-w-0 rounded-lg border border-border bg-muted px-2 py-1\">\n          <summary className=\"cursor-pointer select-none text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground transition group-open:text-foreground\">\n            Details\n          </summary>\n          <pre className=\"m-0 mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words text-xs leading-4 text-muted-foreground\">\n            {formatStructuredDetails(props.metadata)}\n          </pre>\n        </details>\n      ) : null}\n    </div>\n  );\n}\n\nexport function formatLogMetadataText(\n  metadata?: Record<string, MetadataValue>,\n  limit?: number,\n): string {\n  return inlineMetadataItems(metadata, limit)\n    .map((item) => `${item.key}=${item.value}`)\n    .join(\" \");\n}\n\nfunction inlineMetadataItems(\n  metadata?: Record<string, MetadataValue>,\n  limit = 6,\n): InlineMetadataItem[] {\n  return Object.entries(metadata ?? {})\n    .map(([key, value]): InlineMetadataItem => {\n      const tone: InlineMetadataItem[\"tone\"] = key === \"error\" ? \"error\" : \"default\";\n      return {\n        key,\n        value: formatInlineMetadataValue(key, value),\n        tone,\n      };\n    })\n    .filter((item) => item.value.length > 0)\n    .slice(0, limit);\n}\n\nfunction formatInlineMetadataValue(key: string, value: MetadataValue): string {\n  if (value === null) {\n    return \"null\";\n  }\n  if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if (Array.isArray(value)) {\n    return `[${value.length}]`;\n  }\n  if (isRecord(value)) {\n    if (key === \"error\") {\n      return formatErrorMetadata(value);\n    }\n    return compactJson(value);\n  }\n  return \"\";\n}\n\nfunction formatErrorMetadata(value: Record<string, MetadataValue>): string {\n  const name = typeof value.name === \"string\" && value.name.length > 0 ? value.name : undefined;\n  const message =\n    typeof value.message === \"string\" && value.message.length > 0 ? value.message : undefined;\n  if (name !== undefined && message !== undefined) {\n    return `${name}: ${message}`;\n  }\n  if (message !== undefined) {\n    return message;\n  }\n  return compactJson(value);\n}\n\nfunction hasStructuredMetadata(metadata?: Record<string, MetadataValue>): boolean {\n  return Object.values(metadata ?? {}).some((value) => Array.isArray(value) || isRecord(value));\n}\n\nfunction formatStructuredDetails(metadata?: Record<string, MetadataValue>): string {\n  if (metadata === undefined) {\n    return \"\";\n  }\n  try {\n    return JSON.stringify(metadata, null, 2);\n  } catch {\n    return String(metadata);\n  }\n}\n\nfunction compactJson(value: MetadataValue): string {\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction isRecord(value: MetadataValue): value is Record<string, MetadataValue> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n","import { type Edge, Handle, MarkerType, type Node, type NodeProps, Position } from \"@xyflow/react\";\nimport type { StudioPipelineDetail, StudioPipelineLogEntry } from \"../../../../types\";\n\nexport const nodeTypes = {\n  pipelineStage: PipelineStageNode,\n};\n\nexport type PipelineFlow = { nodes: Node[]; edges: Edge[] };\n\nconst flowEdgeColor = \"var(--muted-foreground)\";\nconst flowSelectedColor = \"var(--foreground)\";\nconst flowBackgroundColor = \"var(--background)\";\nexport const flowMutedForegroundColor = \"var(--muted-foreground)\";\nconst flowDestructiveColor = \"var(--destructive)\";\nconst flowRunningColor = \"var(--foreground)\";\n\ntype PipelineNodeData = {\n  label: string;\n  kind: StudioPipelineDetail[\"graph\"][\"nodes\"][number][\"kind\"];\n  status: NodeStatus | undefined;\n  statusColor: string;\n  branchKey: string | undefined;\n};\n\nfunction PipelineStageNode(props: NodeProps<Node<PipelineNodeData>>) {\n  const status = props.data.status;\n  return (\n    <article\n      className={[\n        \"group relative min-h-[74px] w-[210px] rounded-none border bg-card px-4 py-3 text-left shadow-[inset_0_1px_0_var(--sb-inset-highlight)] transition duration-200\",\n        props.selected ? \"border-foreground\" : \"border-hair\",\n        status === \"running\" ? \"translate-y-[-1px] border-foreground\" : \"\",\n        status === \"completed\" ? \"border-muted-foreground\" : \"\",\n        status === \"failed\" ? \"border-destructive\" : \"\",\n      ].join(\" \")}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        className=\"!h-0 !w-0 !border-0 !bg-transparent !opacity-0\"\n      />\n      <div className=\"flex min-w-0 items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold leading-5 tracking-tight text-foreground\">\n            {props.data.label}\n          </div>\n          <div className=\"mt-1 flex items-center gap-1.5\">\n            <span\n              className=\"h-1.5 w-1.5 rounded-lg\"\n              style={{ backgroundColor: props.data.statusColor }}\n            />\n            <span className=\" text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n              {props.data.kind}\n            </span>\n          </div>\n        </div>\n        {status === undefined ? null : (\n          <span\n            className=\"rounded-lg border border-hair bg-background px-1.5 py-0.5 text-xs font-semibold uppercase tracking-[0.08em]\"\n            style={{ color: props.data.statusColor }}\n          >\n            {status}\n          </span>\n        )}\n      </div>\n      {props.data.branchKey === undefined ? null : (\n        <div className=\"mt-2 truncate text-xs text-muted-foreground\">\n          branch: {props.data.branchKey}\n        </div>\n      )}\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        className=\"!h-0 !w-0 !border-0 !bg-transparent !opacity-0\"\n      />\n    </article>\n  );\n}\n\nexport type NodeStatus = \"running\" | \"completed\" | \"failed\";\n\nexport function nodeStatusFromLogs(\n  logs: StudioPipelineLogEntry[],\n  activeRunId: string,\n): Map<string, NodeStatus> {\n  const statuses = new Map<string, NodeStatus>();\n  if (activeRunId.length === 0) {\n    return statuses;\n  }\n  for (const log of logs) {\n    if (log.runId !== activeRunId) {\n      continue;\n    }\n    const nodePath = metadataPath(log.metadata, \"nodePath\");\n    if (nodePath === undefined) {\n      continue;\n    }\n    const nodeId = pipelineNodeKey(nodePath);\n    if (log.event.endsWith(\".started\")) {\n      statuses.set(nodeId, \"running\");\n    }\n    if (log.event.endsWith(\".completed\")) {\n      statuses.set(nodeId, \"completed\");\n    }\n    if (log.event.endsWith(\".failed\")) {\n      statuses.set(nodeId, \"failed\");\n    }\n  }\n  return statuses;\n}\n\nexport function toFlow(\n  graph: StudioPipelineDetail[\"graph\"],\n  statuses: Map<string, NodeStatus>,\n): PipelineFlow {\n  const depths = nodeDepths(graph);\n  const depthSlots = new Map<number, number>();\n  const depthCounts = new Map<number, number>();\n  for (const depth of depths.values()) {\n    depthCounts.set(depth, (depthCounts.get(depth) ?? 0) + 1);\n  }\n\n  const nodes: Node[] = graph.nodes.map((node) => {\n    const nodeId = pipelineNodeKey(node.path);\n    const depth = depths.get(nodeId) ?? 0;\n    const slot = depthSlots.get(depth) ?? 0;\n    depthSlots.set(depth, slot + 1);\n    const count = depthCounts.get(depth) ?? 1;\n    const status = statuses.get(nodeId);\n    return {\n      id: nodeId,\n      type: \"pipelineStage\",\n      position: {\n        x: (slot - (count - 1) / 2) * 280,\n        y: depth * 170,\n      },\n      sourcePosition: Position.Bottom,\n      targetPosition: Position.Top,\n      data: {\n        label: node.label,\n        kind: node.kind,\n        status,\n        statusColor: statusColor(status),\n        branchKey: node.branchKey,\n      },\n    };\n  });\n\n  const edges: Edge[] = graph.edges.map((edge) => ({\n    id: edge.id,\n    source: pipelineNodeKey(edge.source),\n    target: pipelineNodeKey(edge.target),\n    type: \"smoothstep\",\n    className: \"pipeline-flow-edge\",\n    label: edge.label,\n    markerEnd: {\n      type: MarkerType.ArrowClosed,\n      width: 10,\n      height: 10,\n      color: flowEdgeColor,\n    },\n    style: {\n      stroke: flowEdgeColor,\n      strokeWidth: 1.6,\n      opacity: 0.78,\n    },\n    labelShowBg: true,\n    labelStyle: {\n      fill: flowMutedForegroundColor,\n      fontSize: 11,\n      fontWeight: 700,\n    },\n    labelBgStyle: {\n      fill: flowBackgroundColor,\n      fillOpacity: 0.92,\n    },\n    labelBgPadding: [6, 4],\n    labelBgBorderRadius: 2,\n  }));\n\n  return { nodes, edges };\n}\n\nfunction nodeDepths(graph: StudioPipelineDetail[\"graph\"]): Map<string, number> {\n  const depths = new Map<string, number>();\n  for (const node of graph.nodes) {\n    depths.set(pipelineNodeKey(node.path), 0);\n  }\n\n  for (let index = 0; index < graph.nodes.length; index += 1) {\n    let changed = false;\n    for (const edge of graph.edges) {\n      const source = pipelineNodeKey(edge.source);\n      const target = pipelineNodeKey(edge.target);\n      const sourceDepth = depths.get(source);\n      if (sourceDepth === undefined || !depths.has(target)) {\n        continue;\n      }\n      const nextDepth = sourceDepth + 1;\n      if (nextDepth > (depths.get(target) ?? 0)) {\n        depths.set(target, nextDepth);\n        changed = true;\n      }\n    }\n    if (!changed) {\n      break;\n    }\n  }\n  return depths;\n}\n\nfunction statusColor(status: NodeStatus | undefined): string {\n  switch (status) {\n    case \"running\":\n      return flowRunningColor;\n    case \"completed\":\n      return flowEdgeColor;\n    case \"failed\":\n      return flowDestructiveColor;\n    default:\n      return flowSelectedColor;\n  }\n}\n\nfunction metadataPath(\n  metadata: StudioPipelineLogEntry[\"metadata\"],\n  key: string,\n): string[] | undefined {\n  const value = metadata?.[key];\n  return Array.isArray(value) && value.every((segment) => typeof segment === \"string\")\n    ? value\n    : undefined;\n}\n\nexport function pipelineNodeKey(path: readonly string[]): string {\n  return JSON.stringify(path);\n}\n","import { Background, BackgroundVariant, Controls, ReactFlow } from \"@xyflow/react\";\nimport \"@xyflow/react/dist/style.css\";\nimport { ArrowClockwise, Play } from \"@phosphor-icons/react\";\nimport { type CSSProperties, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  StudioConfig,\n  StudioPipelineDetail,\n  StudioPipelineLogEntry,\n  StudioPipelineRunRecord,\n} from \"../../../../types\";\nimport { Button } from \"../../components/ui/button\";\nimport { StudioIcon } from \"../../components/ui/icon\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport {\n  StudioEmptyState,\n  StudioPageShell,\n  StudioSurface,\n  StudioTabs,\n} from \"../../components/ui/studio\";\nimport { Textarea } from \"../../components/ui/textarea\";\nimport { formatLogMetadataText, LogMetadata } from \"../shared/log-metadata\";\nimport { JsonSyntax } from \"../shared/renderers\";\nimport {\n  flowMutedForegroundColor,\n  type NodeStatus,\n  nodeStatusFromLogs,\n  nodeTypes,\n  type PipelineFlow,\n  pipelineNodeKey,\n  toFlow,\n} from \"./pipeline-flow\";\n\nexport function PipelinesPage(props: {\n  pipelines: StudioConfig[\"pipelines\"];\n  selectedPipelineId: string;\n  detail: StudioPipelineDetail | undefined;\n  logs: StudioPipelineLogEntry[];\n  activeRunId: string;\n  runs: StudioPipelineRunRecord[];\n  enabled: boolean;\n  detailLoading: boolean;\n  logsLoading: boolean;\n  runsLoading: boolean;\n  runState: \"idle\" | \"running\";\n  runInput: string;\n  runOutput: string;\n  theme: \"light\" | \"dark\";\n  activeTab: PipelineSidebarTab;\n  onSelectPipeline: (pipelineId: string) => void;\n  onRunInputChange: (value: string) => void;\n  onRun: () => void;\n  onTabChange: (tab: PipelineSidebarTab) => void;\n  onReplayRun: (runId: string) => void;\n}) {\n  const [selectedNodeId, setSelectedNodeId] = useState<string | undefined>();\n  const graph = props.detail?.graph;\n  const selectedNode =\n    graph?.nodes.find((node) => pipelineNodeKey(node.path) === selectedNodeId) ??\n    graph?.nodes[0] ??\n    undefined;\n  const nodeStatuses = useMemo(\n    () => nodeStatusFromLogs(props.logs, props.activeRunId),\n    [props.logs, props.activeRunId],\n  );\n  const flow = useMemo(() => {\n    if (graph === undefined) {\n      return { nodes: [], edges: [] } satisfies PipelineFlow;\n    }\n    return toFlow(graph, nodeStatuses);\n  }, [graph, nodeStatuses]);\n\n  if (!props.enabled || (!props.detailLoading && props.pipelines.length === 0)) {\n    return (\n      <StudioPageShell aria-label=\"Pipelines\">\n        <StudioEmptyState\n          title={props.enabled ? \"No pipelines\" : \"Pipelines unavailable\"}\n          text={\n            props.enabled\n              ? \"No pipeline records are available in this Studio runtime.\"\n              : \"This Studio runtime does not expose pipelines.\"\n          }\n        />\n      </StudioPageShell>\n    );\n  }\n\n  return (\n    <StudioPageShell>\n      <div className=\"grid min-h-0 min-w-0 pb-6 pr-6\">\n        <StudioSurface className=\"grid grid-cols-[minmax(0,2fr)_minmax(0,1fr)] max-lg:grid-cols-1\">\n          <div className=\"relative min-h-0 min-w-0 overflow-hidden border-r border-hair bg-card max-lg:border-b max-lg:border-r-0\">\n            {props.detailLoading && graph === undefined ? (\n              <div className=\"grid h-full min-h-96 place-items-center p-6\">\n                <div className=\"grid w-full max-w-lg gap-3\">\n                  <div className=\"h-4 w-40 animate-pulse rounded-lg bg-muted\" />\n                  <div className=\"h-16 animate-pulse rounded-lg bg-muted\" />\n                  <div className=\"h-16 w-4/5 animate-pulse rounded-lg bg-muted\" />\n                </div>\n              </div>\n            ) : null}\n            {!props.detailLoading && graph === undefined ? (\n              <StudioEmptyState\n                className=\"h-full\"\n                title={props.pipelines.length === 0 ? \"No pipelines\" : \"No pipeline selected\"}\n                text={\n                  props.pipelines.length === 0\n                    ? \"No pipeline records are available in this Studio runtime.\"\n                    : \"Choose a registered pipeline to inspect its graph and runtime logs.\"\n                }\n              />\n            ) : null}\n            {graph !== undefined ? (\n              <ReactFlow\n                nodes={flow.nodes}\n                edges={flow.edges}\n                className=\"pipeline-flow\"\n                style={\n                  {\n                    \"--xy-edge-stroke\": \"var(--muted-foreground)\",\n                    \"--xy-edge-stroke-width\": \"1.6\",\n                    \"--xy-edge-stroke-selected\": \"var(--foreground)\",\n                  } as CSSProperties\n                }\n                fitView\n                fitViewOptions={{ padding: 0.18, maxZoom: 0.96 }}\n                minZoom={0.48}\n                maxZoom={1.35}\n                colorMode={props.theme}\n                nodeTypes={nodeTypes}\n                proOptions={{ hideAttribution: true }}\n                defaultEdgeOptions={{\n                  type: \"smoothstep\",\n                  focusable: true,\n                }}\n                onNodeClick={(_, node) => setSelectedNodeId(node.id)}\n              >\n                <Background\n                  variant={BackgroundVariant.Dots}\n                  gap={14}\n                  size={1.8}\n                  color={flowMutedForegroundColor}\n                  className=\"opacity-35\"\n                />\n                <Controls showInteractive={false} />\n              </ReactFlow>\n            ) : null}\n          </div>\n          <PipelineInspectorSidebar\n            pipelines={props.pipelines}\n            selectedPipelineId={props.selectedPipelineId}\n            detail={props.detail}\n            logs={props.logs}\n            runs={props.runs}\n            logsLoading={props.logsLoading}\n            runsLoading={props.runsLoading}\n            runState={props.runState}\n            runInput={props.runInput}\n            runOutput={props.runOutput}\n            activeTab={props.activeTab}\n            selectedNode={selectedNode}\n            selectedNodeStatus={\n              selectedNode?.id === undefined ? undefined : nodeStatuses.get(selectedNode.id)\n            }\n            onSelectPipeline={(pipelineId) => {\n              setSelectedNodeId(undefined);\n              props.onSelectPipeline(pipelineId);\n            }}\n            onRunInputChange={props.onRunInputChange}\n            onRun={props.onRun}\n            onTabChange={props.onTabChange}\n            onReplayRun={props.onReplayRun}\n          />\n        </StudioSurface>\n      </div>\n    </StudioPageShell>\n  );\n}\n\nfunction PipelineInspectorSidebar(props: {\n  pipelines: StudioConfig[\"pipelines\"];\n  selectedPipelineId: string;\n  detail: StudioPipelineDetail | undefined;\n  logs: StudioPipelineLogEntry[];\n  runs: StudioPipelineRunRecord[];\n  logsLoading: boolean;\n  runsLoading: boolean;\n  runState: \"idle\" | \"running\";\n  runInput: string;\n  runOutput: string;\n  activeTab: PipelineSidebarTab;\n  selectedNode: NonNullable<StudioPipelineDetail[\"graph\"][\"nodes\"][number]> | undefined;\n  selectedNodeStatus: NodeStatus | undefined;\n  onSelectPipeline: (pipelineId: string) => void;\n  onRunInputChange: (value: string) => void;\n  onRun: () => void;\n  onTabChange: (tab: PipelineSidebarTab) => void;\n  onReplayRun: (runId: string) => void;\n}) {\n  const graph = props.detail?.graph;\n  const graphStats =\n    graph === undefined\n      ? undefined\n      : {\n          nodes: graph.nodes.length,\n          edges: graph.edges.length,\n          agents: graph.nodes.filter((node) => node.kind === \"agent\").length,\n          extractors: graph.nodes.filter((node) => node.kind === \"extractor\").length,\n          parallel: graph.nodes.some((node) => node.kind === \"parallel\") ? \"yes\" : \"no\",\n        };\n\n  return (\n    <aside className=\"grid min-h-0 min-w-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background\">\n      <header className=\"grid gap-3 bg-card px-4 py-4\">\n        <div className=\"grid gap-3\">\n          <div className=\"flex min-w-0 items-start justify-between gap-4\">\n            <div className=\"min-w-0\">\n              <h1 className=\"m-0 truncate text-base font-semibold tracking-tight text-foreground\">\n                {props.detail?.name ?? \"Pipeline\"}\n              </h1>\n              {props.detail?.description === undefined ? null : (\n                <p className=\"m-0 mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground\">\n                  {props.detail.description}\n                </p>\n              )}\n            </div>\n            <span className=\"shrink-0 text-xs font-semibold tabular-nums text-muted-foreground\">\n              {props.logs.length}\n            </span>\n          </div>\n          <Select value={props.selectedPipelineId} onValueChange={props.onSelectPipeline}>\n            <SelectTrigger className=\"h-8 w-full rounded-lg border-hair bg-background text-xs hover:border-foreground focus:border-foreground focus:ring-ring\">\n              <SelectValue placeholder=\"Select pipeline\" />\n            </SelectTrigger>\n            <SelectContent>\n              {props.pipelines.map((pipeline) => (\n                <SelectItem key={pipeline.id} value={pipeline.id}>\n                  {pipeline.name ?? pipeline.id}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <PipelineSidebarTabs activeTab={props.activeTab} onChange={props.onTabChange} />\n      </header>\n      <div\n        className={[\n          \"min-h-0 min-w-0 px-5 py-5\",\n          props.activeTab === \"logs\" ? \"grid overflow-hidden\" : \"overflow-auto\",\n        ].join(\" \")}\n      >\n        {props.activeTab === \"input\" ? (\n          <div\n            aria-labelledby={pipelineTabId(\"input\")}\n            id={pipelinePanelId(\"input\")}\n            role=\"tabpanel\"\n          >\n            <PipelineInputPanel\n              runInput={props.runInput}\n              runState={props.runState}\n              disabled={props.detail === undefined}\n              onRunInputChange={props.onRunInputChange}\n              onRun={props.onRun}\n            />\n          </div>\n        ) : null}\n        {props.activeTab === \"metadata\" ? (\n          <div\n            aria-labelledby={pipelineTabId(\"metadata\")}\n            id={pipelinePanelId(\"metadata\")}\n            role=\"tabpanel\"\n          >\n            <PipelineMetadataPanel\n              graphStats={graphStats}\n              selectedNode={props.selectedNode}\n              selectedNodeStatus={props.selectedNodeStatus}\n            />\n          </div>\n        ) : null}\n        {props.activeTab === \"runs\" ? (\n          <div aria-labelledby={pipelineTabId(\"runs\")} id={pipelinePanelId(\"runs\")} role=\"tabpanel\">\n            <PipelineRunsPanel\n              runs={props.runs}\n              runOutput={props.runOutput}\n              runState={props.runState}\n              loading={props.runsLoading}\n              onReplayRun={props.onReplayRun}\n            />\n          </div>\n        ) : null}\n        {props.activeTab === \"logs\" ? (\n          <div aria-labelledby={pipelineTabId(\"logs\")} id={pipelinePanelId(\"logs\")} role=\"tabpanel\">\n            <PipelineLogsSection\n              logs={props.logs}\n              selectedPipelineId={props.selectedPipelineId}\n              loading={props.logsLoading}\n            />\n          </div>\n        ) : null}\n      </div>\n    </aside>\n  );\n}\n\nexport type PipelineSidebarTab = \"input\" | \"metadata\" | \"runs\" | \"logs\";\n\nconst pipelineSidebarTabs: Array<{ id: PipelineSidebarTab; label: string }> = [\n  { id: \"input\", label: \"Input\" },\n  { id: \"metadata\", label: \"Metadata\" },\n  { id: \"runs\", label: \"Runs\" },\n  { id: \"logs\", label: \"Logs\" },\n];\n\nfunction PipelineSidebarTabs(props: {\n  activeTab: PipelineSidebarTab;\n  onChange: (tab: PipelineSidebarTab) => void;\n}) {\n  return (\n    <StudioTabs className=\"grid-cols-4\" role=\"tablist\" aria-label=\"Pipeline sidebar\">\n      {pipelineSidebarTabs.map((tab) => (\n        <button\n          aria-controls={pipelinePanelId(tab.id)}\n          aria-selected={props.activeTab === tab.id}\n          className={[\n            \"h-8 rounded-lg px-2 text-xs font-semibold uppercase tracking-[0.1em] transition duration-200\",\n            props.activeTab === tab.id\n              ? \"bg-foreground text-background\"\n              : \"text-muted-foreground hover:bg-transparent hover:text-foreground\",\n          ].join(\" \")}\n          key={tab.id}\n          id={pipelineTabId(tab.id)}\n          onClick={() => props.onChange(tab.id)}\n          role=\"tab\"\n          type=\"button\"\n        >\n          {tab.label}\n        </button>\n      ))}\n    </StudioTabs>\n  );\n}\n\nfunction pipelineTabId(tab: PipelineSidebarTab): string {\n  return `pipeline-tab-${tab}`;\n}\n\nfunction pipelinePanelId(tab: PipelineSidebarTab): string {\n  return `pipeline-panel-${tab}`;\n}\n\nfunction Metric(props: { label: string; value: string }) {\n  return (\n    <div className=\"min-w-0 rounded-lg bg-background px-2.5 py-2.5\">\n      <div className=\"truncate text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n        {props.label}\n      </div>\n      <div className=\"mt-1 truncate text-base font-semibold tabular-nums text-foreground\">\n        {props.value}\n      </div>\n    </div>\n  );\n}\n\nfunction PipelineInputPanel(props: {\n  runInput: string;\n  runState: \"idle\" | \"running\";\n  disabled: boolean;\n  onRunInputChange: (value: string) => void;\n  onRun: () => void;\n}) {\n  return (\n    <section className=\"grid gap-4\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            Pipeline input\n          </div>\n          <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n            Provide JSON-compatible input for this pipeline run.\n          </p>\n        </div>\n        <Button\n          className=\"h-8 shrink-0 gap-1.5 rounded-lg border border-primary bg-primary px-3 text-xs font-semibold text-primary-foreground shadow-none hover:border-action-hover hover:bg-action-hover hover:text-primary-foreground disabled:border-border disabled:bg-muted disabled:text-muted-foreground [&_svg]:!size-3\"\n          disabled={props.runState === \"running\" || props.disabled}\n          onClick={props.onRun}\n          variant=\"ghost\"\n        >\n          <StudioIcon icon={Play} aria-hidden=\"true\" />\n          {props.runState === \"running\" ? \"Running\" : \"Run\"}\n        </Button>\n      </div>\n      <label className=\"grid gap-2\" htmlFor=\"pipeline-run-input\">\n        <span className=\" text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n          JSON\n        </span>\n        <Textarea\n          id=\"pipeline-run-input\"\n          value={props.runInput}\n          onChange={(event) => props.onRunInputChange(event.target.value)}\n          className=\"min-h-44 resize-y rounded-lg border-border bg-card text-xs leading-5 text-foreground\"\n          spellCheck={false}\n        />\n      </label>\n    </section>\n  );\n}\n\nfunction PipelineMetadataPanel(props: {\n  graphStats:\n    | {\n        nodes: number;\n        edges: number;\n        agents: number;\n        extractors: number;\n        parallel: string;\n      }\n    | undefined;\n  selectedNode: NonNullable<StudioPipelineDetail[\"graph\"][\"nodes\"][number]> | undefined;\n  selectedNodeStatus: NodeStatus | undefined;\n}) {\n  return (\n    <section className=\"grid gap-5\">\n      {props.graphStats === undefined ? null : (\n        <div className=\"grid grid-cols-5 gap-2\">\n          <Metric label=\"Nodes\" value={String(props.graphStats.nodes)} />\n          <Metric label=\"Edges\" value={String(props.graphStats.edges)} />\n          <Metric label=\"Agents\" value={String(props.graphStats.agents)} />\n          <Metric label=\"Extractors\" value={String(props.graphStats.extractors)} />\n          <Metric label=\"Parallel\" value={props.graphStats.parallel} />\n        </div>\n      )}\n      <NodeInspector node={props.selectedNode} status={props.selectedNodeStatus} />\n    </section>\n  );\n}\n\nfunction PipelineRunsPanel(props: {\n  runs: StudioPipelineRunRecord[];\n  runOutput: string;\n  runState: \"idle\" | \"running\";\n  loading: boolean;\n  onReplayRun: (runId: string) => void;\n}) {\n  return (\n    <section className=\"grid gap-3\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            Runs\n          </div>\n          <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n            Persisted pipeline executions.\n          </p>\n        </div>\n        <Badge>{props.runState}</Badge>\n      </div>\n      {props.runOutput.length > 0 && props.runs.length === 0 ? (\n        <PipelineRunOutputBlock title=\"Latest output\" output={props.runOutput} />\n      ) : null}\n      <div className=\"grid gap-2\">\n        {props.loading && props.runs.length === 0 ? (\n          <div className=\"grid gap-2 py-3\">\n            <div className=\"h-4 w-32 animate-pulse rounded-lg bg-muted\" />\n            <div className=\"h-4 w-56 max-w-full animate-pulse rounded-lg bg-muted\" />\n          </div>\n        ) : null}\n        {!props.loading && props.runs.length === 0 ? (\n          <StudioEmptyState\n            size=\"compact\"\n            title=\"No saved pipeline runs\"\n            text=\"Run this pipeline to create its first persisted execution.\"\n          />\n        ) : null}\n        {props.runs.map((run) => (\n          <PipelineRunRow\n            disabled={props.runState === \"running\"}\n            run={run}\n            key={run.runId}\n            onReplayRun={props.onReplayRun}\n          />\n        ))}\n      </div>\n    </section>\n  );\n}\n\nfunction PipelineRunRow(props: {\n  run: StudioPipelineRunRecord;\n  disabled: boolean;\n  onReplayRun: (runId: string) => void;\n}) {\n  const output = pipelineRunOutputText(props.run);\n  return (\n    <article className=\"rounded-none border border-hair bg-background px-4 py-4\">\n      <div className=\"grid min-w-0 gap-3 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start\">\n        <div className=\"min-w-0\">\n          <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n            <span\n              className={[\n                \"rounded-md border border-hair bg-card px-2 py-1 text-xs font-semibold uppercase tracking-[0.08em]\",\n                pipelineRunStatusClass(props.run.status),\n              ].join(\" \")}\n            >\n              {props.run.status}\n            </span>\n            <span className=\"min-w-0 truncate text-xs font-semibold text-foreground\">\n              {props.run.runId}\n            </span>\n          </div>\n          <div className=\"mt-2 flex min-w-0 flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n            <time>{formatLogTime(props.run.startedAt)}</time>\n            {props.run.durationMs === undefined ? null : (\n              <span className=\"tabular-nums\">{props.run.durationMs}ms</span>\n            )}\n          </div>\n        </div>\n        <Button\n          className=\"h-8 gap-1.5 rounded-lg border border-hair bg-muted px-2.5 text-xs font-semibold text-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground [&_svg]:!size-3\"\n          disabled={props.disabled || props.run.status === \"running\"}\n          onClick={() => props.onReplayRun(props.run.runId)}\n          title=\"Rerun this pipeline with its saved input\"\n          variant=\"ghost\"\n        >\n          <StudioIcon icon={ArrowClockwise} aria-hidden=\"true\" />\n          Rerun\n        </Button>\n      </div>\n      <PipelineRunOutputBlock title=\"Output\" output={output} />\n    </article>\n  );\n}\n\nfunction PipelineRunOutputBlock(props: { title: string; output: string }) {\n  return (\n    <div className=\"mt-4 border-t border-hair pt-3\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\" text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n          {props.title}\n        </span>\n        <span className=\" text-xs font-medium tabular-nums text-muted-foreground\">\n          {props.output.length} chars\n        </span>\n      </div>\n      <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-lg bg-card p-3 text-sm leading-6 text-foreground\">\n        {props.output.length > 0 ? <PipelineOutputText text={props.output} /> : \"No output saved.\"}\n      </pre>\n    </div>\n  );\n}\n\nfunction pipelineRunOutputText(run: StudioPipelineRunRecord): string {\n  if (run.output !== undefined) {\n    return typeof run.output === \"string\" ? run.output : JSON.stringify(run.output, null, 2);\n  }\n  if (run.error !== undefined) {\n    return JSON.stringify(run.error, null, 2);\n  }\n  return \"\";\n}\n\nfunction PipelineOutputText(props: { text: string }) {\n  return isStructuredOutput(props.text) ? <JsonSyntax text={props.text} /> : props.text;\n}\n\nfunction isStructuredOutput(text: string): boolean {\n  const trimmed = text.trim();\n  return (\n    (trimmed.startsWith(\"{\") && trimmed.endsWith(\"}\")) ||\n    (trimmed.startsWith(\"[\") && trimmed.endsWith(\"]\"))\n  );\n}\n\nfunction pipelineRunStatusClass(status: StudioPipelineRunRecord[\"status\"]): string {\n  switch (status) {\n    case \"success\":\n      return \"text-foreground\";\n    case \"error\":\n      return \"text-destructive\";\n    case \"running\":\n      return \"text-muted-foreground\";\n  }\n}\n\nfunction NodeInspector(props: {\n  node: NonNullable<StudioPipelineDetail[\"graph\"][\"nodes\"][number]> | undefined;\n  status: NodeStatus | undefined;\n}) {\n  if (props.node === undefined) {\n    return (\n      <section className=\"text-sm font-medium text-muted-foreground\">\n        Select a node for details.\n      </section>\n    );\n  }\n\n  const metadata = Object.entries(props.node.metadata ?? {});\n  return (\n    <section className=\"grid content-start gap-5\">\n      <div>\n        <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n          Selected node\n        </div>\n        <h2 className=\"m-0 mt-2 text-lg font-semibold tracking-tight text-foreground\">\n          {props.node.label}\n        </h2>\n        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n          <Badge>{props.node.kind}</Badge>\n          {props.status === undefined ? null : <Badge>{props.status}</Badge>}\n          {props.node.branchKey === undefined ? null : <Badge>{props.node.branchKey}</Badge>}\n        </div>\n      </div>\n      {props.node.description === undefined ? null : (\n        <p className=\"m-0 rounded-lg bg-muted px-3 py-2 text-sm leading-6 text-muted-foreground\">\n          {props.node.description}\n        </p>\n      )}\n      <DetailList\n        items={[\n          [\"ID\", props.node.id],\n          [\"Agent\", props.node.agentId],\n          [\"Pipeline\", props.node.pipelineId],\n        ]}\n      />\n      {metadata.length > 0 ? (\n        <div className=\"grid gap-2\">\n          <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            Metadata\n          </div>\n          <div className=\"grid gap-1\">\n            {metadata.map(([key, value]) => (\n              <div className=\"grid grid-cols-[82px_minmax(0,1fr)] gap-2 text-xs\" key={key}>\n                <span className=\"truncate  text-muted-foreground\">{key}</span>\n                <span className=\"truncate font-medium text-foreground\">\n                  {formatMetadataValue(value)}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </section>\n  );\n}\n\nfunction PipelineLogsSection(props: {\n  logs: StudioPipelineLogEntry[];\n  selectedPipelineId: string;\n  loading: boolean;\n}) {\n  const scrollerRef = useRef<HTMLDivElement | null>(null);\n  const stickToBottomRef = useRef(true);\n\n  useEffect(() => {\n    const node = scrollerRef.current;\n    if (node === null || !stickToBottomRef.current) {\n      return;\n    }\n    node.scrollTop = node.scrollHeight;\n  });\n\n  function updateStickiness() {\n    const node = scrollerRef.current;\n    if (node === null) {\n      return;\n    }\n    stickToBottomRef.current = node.scrollHeight - node.scrollTop - node.clientHeight < 24;\n  }\n\n  return (\n    <section className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <div>\n          <div className=\" text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            Pipeline logs\n          </div>\n          <div className=\"mt-1 truncate text-xs font-medium text-muted-foreground\">\n            {props.selectedPipelineId.length === 0\n              ? \"No active pipeline\"\n              : props.selectedPipelineId}\n          </div>\n        </div>\n        <span className=\" text-xs font-semibold tabular-nums text-muted-foreground\">\n          {props.logs.length}\n        </span>\n      </div>\n      <div\n        className=\"min-h-0 overflow-auto border-t bg-background p-2\"\n        ref={scrollerRef}\n        onScroll={updateStickiness}\n      >\n        {props.selectedPipelineId.length === 0 ? (\n          <StudioEmptyState\n            size=\"compact\"\n            title=\"No pipeline selected\"\n            text=\"Choose a pipeline to view its runtime logs.\"\n          />\n        ) : null}\n        {props.selectedPipelineId.length > 0 && props.loading && props.logs.length === 0 ? (\n          <div className=\"grid gap-2 py-4\">\n            <div className=\"h-4 w-32 animate-pulse rounded-lg bg-muted\" />\n            <div className=\"h-4 w-64 max-w-full animate-pulse rounded-lg bg-muted\" />\n            <div className=\"h-4 w-52 max-w-full animate-pulse rounded-lg bg-muted\" />\n          </div>\n        ) : null}\n        {props.selectedPipelineId.length > 0 && !props.loading && props.logs.length === 0 ? (\n          <StudioEmptyState\n            size=\"compact\"\n            title=\"No logs yet\"\n            text=\"Run the pipeline to populate this console.\"\n          />\n        ) : null}\n        {props.logs.map((log) => (\n          <PipelineLogRow log={log} key={log.id} />\n        ))}\n      </div>\n    </section>\n  );\n}\n\nfunction PipelineLogRow(props: { log: StudioPipelineLogEntry }) {\n  const metadataText = formatLogMetadataText(props.log.metadata, 4);\n  const line = [\n    formatLogTime(props.log.timestamp),\n    props.log.level.toUpperCase().padEnd(5, \" \"),\n    props.log.message,\n    `${props.log.category}/${props.log.event}`,\n    metadataText,\n  ]\n    .filter((item) => item.trim().length > 0)\n    .join(\"  \");\n  return (\n    <article\n      className={[\n        \"min-w-full rounded-lg px-3 py-1.5 text-xs leading-5 transition duration-200 hover:bg-transparent hover:text-foreground\",\n      ].join(\" \")}\n      title={line}\n    >\n      <div className=\"flex min-w-0 flex-wrap items-baseline gap-x-3 gap-y-1\">\n        <time className=\"shrink-0 text-muted-foreground\">{formatLogTime(props.log.timestamp)}</time>\n        <span className={[\"shrink-0 font-semibold\", logLevelTextClass(props.log.level)].join(\" \")}>\n          {props.log.level.toUpperCase().padEnd(5, \" \")}\n        </span>\n        <span className=\"min-w-0 break-words font-medium text-foreground\">{props.log.message}</span>\n      </div>\n      <div className=\"mt-1 min-w-0 break-words text-muted-foreground\">\n        {props.log.category}/{props.log.event}\n      </div>\n      <LogMetadata metadata={props.log.metadata} limit={4} />\n    </article>\n  );\n}\n\nfunction DetailList(props: { items: Array<[string, string | undefined]> }) {\n  const items = props.items.filter(([, value]) => value !== undefined && value.length > 0);\n  if (items.length === 0) {\n    return null;\n  }\n  return (\n    <div className=\"grid gap-2 rounded-none bg-background p-3\">\n      {items.map(([label, value]) => (\n        <div className=\"grid grid-cols-[82px_minmax(0,1fr)] gap-2 text-xs\" key={label}>\n          <span className=\"truncate  text-muted-foreground\">{label}</span>\n          <span className=\"truncate font-medium text-foreground\">{value}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction Badge(props: { children: string }) {\n  return (\n    <span className=\"rounded-lg border border-hair bg-background px-2 py-1 text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground\">\n      {props.children}\n    </span>\n  );\n}\n\nfunction formatLogTime(value: string): string {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return \"\";\n  }\n  return date.toLocaleTimeString([], {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: \"2-digit\",\n  });\n}\n\nfunction formatMetadataValue(value: unknown): string {\n  if (value === null) {\n    return \"null\";\n  }\n  if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if (Array.isArray(value)) {\n    return `[${value.length}]`;\n  }\n  if (typeof value === \"object\" && value !== null) {\n    return \"{...}\";\n  }\n  return \"\";\n}\n\nfunction logLevelTextClass(level: StudioPipelineLogEntry[\"level\"]): string {\n  switch (level) {\n    case \"error\":\n      return \"text-destructive\";\n    case \"warn\":\n      return \"text-muted-foreground\";\n    case \"debug\":\n      return \"text-muted-foreground\";\n    case \"info\":\n      return \"text-foreground\";\n  }\n}\n"],"x_google_ignoreList":[0,1],"mappings":"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"}