@hotmeshio/long-tail 0.4.2 → 0.4.4

package/dashboard/dist/assets/McpRunDetailPage-SoXudCbq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"McpRunDetailPage-SoXudCbq.js","sources":["../../src/pages/mcp/McpRunDetailPage.tsx"],"sourcesContent":["import { useParams, useSearchParams } from 'react-router-dom';\nimport { useCallback } from 'react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useMcpRunExecution } from '../../api/mcp-runs';\nimport { useSettings } from '../../api/settings';\nimport { StatusBadge } from '../../components/common/display/StatusBadge';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { CopyableId } from '../../components/common/display/CopyableId';\nimport { CollapsibleSection } from '../../components/common/layout/CollapsibleSection';\nimport { useCollapsedSections } from '../../hooks/useCollapsedSections';\nimport { useEventSubscription } from '../../hooks/useEventContext';\nimport { NATS_SUBJECT_PREFIX } from '../../lib/nats/config';\nimport { DateValue } from '../../components/common/display/DateValue';\nimport { DurationValue } from '../../components/common/display/DurationValue';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\n\nimport { SwimlaneTimeline } from '../workflows/workflow-execution/SwimlaneTimeline';\nimport { EventTable } from '../workflows/workflow-execution/EventTable';\n\n// ── Helpers ──────────────────────────────────────────────────────────────────\n\nconst statusMap: Record<string, string> = {\n  running: 'in_progress',\n  completed: 'completed',\n  failed: 'failed',\n};\n\n// ── Main page ────────────────────────────────────────────────────────────────\n\nexport function McpRunDetailPage() {\n  const { jobId } = useParams<{ jobId: string }>();\n  const [searchParams] = useSearchParams();\n  const namespace = searchParams.get('namespace') || 'longtail';\n  const queryClient = useQueryClient();\n  const { data: execution, isLoading, error, refetch, isFetching } = useMcpRunExecution(jobId!, namespace);\n  const { data: settings } = useSettings();\n  const { isCollapsed, toggle } = useCollapsedSections('mcp-run-detail');\n\n\n  const traceUrl = settings?.telemetry?.traceUrl ?? null;\n\n  // Subscribe to activity events for this job — refetch execution on each step\n  const activityHandler = useCallback((event: any) => {\n    if (!jobId || event.workflowId !== jobId) return;\n    queryClient.invalidateQueries({ queryKey: ['mcpRunExecution', jobId] });\n  }, [jobId, queryClient]);\n  useEventSubscription(`${NATS_SUBJECT_PREFIX}.activity.>`, activityHandler);\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-60 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (error || !execution) {\n    return (\n      <div>\n        <PageHeader title=\"Pipeline Execution\" />\n        <div className=\"mt-4 text-center py-8\">\n          <p className=\"text-sm text-text-primary mb-1\">\n            {(error as Error)?.message?.includes('expired')\n              ? 'Execution data is no longer available'\n              : 'Unable to load execution'}\n          </p>\n          <p className=\"text-xs text-text-tertiary\">\n            {(error as Error)?.message ?? 'The run could not be resolved.'}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const { events, summary } = execution;\n\n  // The trigger activity's result is the effective input to the flow —\n  // it accepts outside job input and provides it to descendant activities.\n  const triggerCompleted = events.find(\n    (e) => e.category === 'activity' && e.attributes.kind?.includes('completed'),\n  );\n  const triggerInput = triggerCompleted?.attributes.result ?? null;\n\n  // Unwrap result — the `data` field is what users care about\n  const rawResult = execution.result as Record<string, unknown> | null | undefined;\n  const result = rawResult?.data ?? rawResult ?? null;\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Pipeline Execution\"\n        actions={\n          <ListToolbar\n            onRefresh={() => refetch()}\n            isFetching={isFetching}\n            apiPath={`/mcp-runs/${jobId}/execution?app_id=${namespace}`}\n          />\n        }\n      />\n\n      {/* ── Header card ─────────────────────────────────── */}\n      <div className=\"bg-surface-raised border border-surface-border rounded-md p-5 mb-8\">\n        {/* Row 1: Job ID + stats + status */}\n        <div className=\"flex items-center gap-4 mb-4\">\n          <h2 className=\"text-sm font-mono text-text-primary truncate flex-1\">{execution.workflow_id}</h2>\n          <div className=\"flex items-center gap-4 shrink-0\">\n            <Stat label=\"Tools\" value={summary.activities.user} />\n            <Stat label=\"System\" value={summary.activities.system} muted />\n            {summary.child_workflows.total > 0 && (\n              <Stat label=\"Children\" value={summary.child_workflows.total} />\n            )}\n            {summary.timers > 0 && <Stat label=\"Timers\" value={summary.timers} />}\n            {summary.signals > 0 && <Stat label=\"Signals\" value={summary.signals} />}\n            <StatusBadge status={statusMap[execution.status] ?? execution.status} />\n          </div>\n        </div>\n\n        {/* Row 2: Namespace, Topic, Duration, Started, Trace */}\n        <div className=\"grid grid-cols-6 gap-x-6\">\n          <div>\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">Server</p>\n            <p className=\"text-xs font-mono text-text-primary truncate\">{namespace}</p>\n          </div>\n          <div>\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">Tool</p>\n            <p className=\"text-xs font-mono text-text-primary truncate\">{execution.workflow_type || '—'}</p>\n          </div>\n          <div>\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">Duration</p>\n            <DurationValue ms={execution.duration_ms} className=\"font-mono text-text-primary\" />\n          </div>\n          <div>\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">Started</p>\n            {execution.start_time\n              ? <DateValue date={execution.start_time} format=\"datetime\" className=\"font-mono text-text-primary\" />\n              : <span className=\"text-xs text-text-tertiary\">--</span>}\n          </div>\n          <div>\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">Completed</p>\n            {execution.close_time\n              ? <DateValue date={execution.close_time} format=\"datetime\" className=\"font-mono text-text-primary\" />\n              : <span className=\"text-xs text-text-tertiary\">--</span>}\n          </div>\n          <div>\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">Trace</p>\n            {execution.trace_id ? (\n              <CopyableId\n                label=\"\"\n                value={execution.trace_id}\n                href={traceUrl ? traceUrl.replace('{traceId}', execution.trace_id) : undefined}\n                external\n              />\n            ) : (\n              <span className=\"text-xs text-text-tertiary\">—</span>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* ── Sections ────────────────────────────────────── */}\n      <div className=\"space-y-6\">\n        {/* Details: Input + Result */}\n        <CollapsibleSection title=\"Details\" sectionKey=\"details\" isCollapsed={isCollapsed('details')} onToggle={toggle}>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6\">\n            <div>\n              <JsonViewer data={triggerInput ?? {}} label=\"Input\" />\n            </div>\n            {result !== null && (\n              <div>\n                <JsonViewer data={result} label=\"Result\" />\n              </div>\n            )}\n          </div>\n        </CollapsibleSection>\n\n        {/* Execution Timeline (swimlane) */}\n        <CollapsibleSection title=\"Execution Timeline\" sectionKey=\"timeline\" isCollapsed={isCollapsed('timeline')} onToggle={toggle}>\n          <SwimlaneTimeline events={events} outline />\n        </CollapsibleSection>\n\n        {/* Events (table) */}\n        <CollapsibleSection title=\"Events\" sectionKey=\"events\" isCollapsed={isCollapsed('events')} onToggle={toggle}>\n          <EventTable events={events} />\n        </CollapsibleSection>\n      </div>\n    </div>\n  );\n}\n\n// ── Stat pill ────────────────────────────────────────────────────────────────\n\nfunction Stat({ label, value, muted }: { label: string; value: number; muted?: boolean }) {\n  return (\n    <div className=\"flex items-center gap-1.5 text-xs\">\n      <span className=\"text-text-tertiary\">{label}</span>\n      <span className={`font-medium tabular-nums ${muted ? 'text-text-tertiary' : 'text-text-primary'}`}>{value}</span>\n    </div>\n  );\n}\n"],"names":["statusMap","McpRunDetailPage","jobId","useParams","searchParams","useSearchParams","namespace","queryClient","useQueryClient","execution","isLoading","error","refetch","isFetching","useMcpRunExecution","settings","useSettings","isCollapsed","toggle","useCollapsedSections","traceUrl","_a","activityHandler","useCallback","event","useEventSubscription","NATS_SUBJECT_PREFIX","jsxs","jsx","PageHeader","_b","events","summary","triggerCompleted","e","triggerInput","rawResult","result","ListToolbar","Stat","StatusBadge","DurationValue","DateValue","CopyableId","CollapsibleSection","JsonViewer","SwimlaneTimeline","EventTable","label","value","muted"],"mappings":"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"}

package/dashboard/dist/assets/ProcessDetailPage-DzGacZpO.js

@@ -1,2 +0,0 @@
-import{a as b,j as e}from"./vendor-query-B2UbickB.js";import{a as z}from"./tasks-C-QX245z.js";import{a as V}from"./useEventHooks-C689a4F7.js";import{u as J}from"./settings-wTRbazzw.js";import{P as q}from"./PageHeaderWithStats-7K5BdhOj.js";import{D as S,f as L,C as G,a as K,J as P,S as T}from"./index-CBS8FBcp.js";import{S as W}from"./StatusBadge-XQlNFwmH.js";import{W as Q}from"./WorkflowPill-pPuGH8v9.js";import{T as y}from"./TimestampCell-DZu9PtN2.js";import{L as D,e as X}from"./vendor-react-CX88sFS5.js";import{R as Y}from"./RolePill-BDzPFQUv.js";import{U as Z}from"./UserName-YUoNrFAq.js";import"./vendor-icons-BNtvBbnj.js";import"./users--D3LoFOD.js";const ee="bg-stripes animate-pulse opacity-70";function $(t){switch(t){case"completed":return"text-status-success";case"in_progress":case"pending":return"text-status-warning";case"needs_intervention":return"text-status-error";case"cancelled":return"text-text-tertiary";default:return"text-text-tertiary"}}function I(t){switch(t){case"resolved":return"text-status-success";case"pending":return"text-status-warning";case"cancelled":return"text-text-tertiary";default:return"text-text-tertiary"}}function te(t,a,l){return`${t==="task"?"Task":l?"Notification":"Escalation"} is ${a.replace(/_/g," ")}`}function se(t,a){if(a)return ee;switch(t){case"completed":case"resolved":return"bg-status-success";case"pending":case"in_progress":case"needs_intervention":return"bg-status-warning";case"cancelled":return"bg-status-error";default:return"bg-text-tertiary"}}function ae(t){return t.startsWith("mcp")||t.startsWith("Mcp")}function E(t){return!t.workflow_type}function A(t,a){if(t.length<=a)return t;const l=Math.floor((a-1)/2);return`${t.slice(0,l)}…${t.slice(t.length-l)}`}function ne(t,a){const l=Date.now(),c=new Map,x=[];for(const s of a)s.task_id?(c.has(s.task_id)||c.set(s.task_id,[]),c.get(s.task_id).push(s)):x.push(s);const r=[...t].sort((s,d)=>new Date(s.created_at).getTime()-new Date(d.created_at).getTime()),i=[];for(const s of t)i.push(new Date(s.created_at).getTime()),s.completed_at&&i.push(new Date(s.completed_at).getTime());for(const s of a)i.push(new Date(s.created_at).getTime()),s.resolved_at&&i.push(new Date(s.resolved_at).getTime()),s.claimed_at&&i.push(new Date(s.claimed_at).getTime());if(i.length===0)return{lanes:[],timeMin:0,timeMax:1};const o=Math.min(...i),f=t.some(s=>!s.completed_at)||a.some(s=>!s.resolved_at)?Math.max(l,Math.max(...i)):Math.max(...i),p=f-o||1,m=s=>(s-o)/p*100,h=[];for(const s of r){const d=new Date(s.created_at).getTime(),j=s.completed_at?new Date(s.completed_at).getTime():l,g=!s.completed_at;h.push({kind:"task",id:s.id,label:s.workflow_type,taskId:s.id,startMs:d,endMs:j,startPct:m(d),widthPct:Math.max((j-d)/p*100,.5),durationMs:j-d,isOpen:g,task:s});const v=(c.get(s.id)||[]).sort((n,u)=>new Date(n.created_at).getTime()-new Date(u.created_at).getTime());for(const n of v){const u=new Date(n.created_at).getTime(),N=n.resolved_at?new Date(n.resolved_at).getTime():l,M=!n.resolved_at;let w=null;if(n.claimed_at){const U=new Date(n.claimed_at).getTime(),H=N-u||1;w=(U-u)/H*100}h.push({kind:"escalation",id:n.id,label:n.role,taskId:s.id,startMs:u,endMs:N,startPct:m(u),widthPct:Math.max((N-u)/p*100,.5),durationMs:N-u,isOpen:M,escalation:n,claimPct:w})}}for(const s of x){const d=new Date(s.created_at).getTime(),j=s.resolved_at?new Date(s.resolved_at).getTime():l;let g=null;if(s.claimed_at){const v=new Date(s.claimed_at).getTime(),n=j-d||1;g=(v-d)/n*100}h.push({kind:"escalation",id:s.id,label:s.role,taskId:"",startMs:d,endMs:j,startPct:m(d),widthPct:Math.max((j-d)/p*100,.5),durationMs:j-d,isOpen:!s.resolved_at,escalation:s,claimPct:g})}return{lanes:h,timeMin:o,timeMax:f}}function re(t,a,l,c=500){const[x,r]=b.useState(0),i=b.useRef(null),o=l-a||1;b.useEffect(()=>{if(t===0)return;i.current=null,r(0);let f;const p=m=>{i.current===null&&(i.current=m);const h=m-i.current,s=Math.min(h/c,1),d=1-Math.pow(1-s,3);r(d),s<1&&(f=requestAnimationFrame(p))};return f=requestAnimationFrame(p),()=>cancelAnimationFrame(f)},[t,c]);const k=b.useCallback(f=>{const p=(f.startMs-a)/o,m=(f.endMs-a)/o;if(x<p)return{width:0,opacity:0};const h=m-p||.001,s=Math.min((x-p)/h,1),d=f.widthPct*s,j=Math.min(s/.1,1);return{width:d,opacity:j}},[x,a,o]);return{progress:x,animatedBar:k}}function R({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"})})}function B({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"})})}function O({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"})})}function F({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"})})}function ie({allExpanded:t,onToggleAll:a}){return e.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[e.jsx("button",{onClick:a,className:"text-[10px] text-accent hover:underline",children:t?"Collapse all":"Expand all"}),e.jsxs("div",{className:"flex items-center gap-4 ml-auto",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(R,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-[9px] text-text-tertiary",children:"Task"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(B,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-[9px] text-text-tertiary",children:"AI Task"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(F,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-[9px] text-text-tertiary",children:"Escalation"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(O,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-[9px] text-text-tertiary",children:"Notification"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-status-success"}),e.jsx("span",{className:"text-[9px] text-text-tertiary",children:"Done"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-status-warning"}),e.jsx("span",{className:"text-[9px] text-text-tertiary",children:"Active"})]})]})]})}function oe({ticks:t}){return e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"w-52 shrink-0"}),e.jsx("div",{className:"flex-1 relative h-6 border-b border-surface-border",children:t.map(a=>e.jsx("span",{className:"absolute text-[9px] font-mono text-text-tertiary -translate-x-1/2 bottom-1 whitespace-nowrap",style:{left:`${a.pct}%`},children:a.label},a.pct))})]})}function _({label:t,children:a}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:t}),e.jsx("div",{className:"text-xs text-text-primary",children:a})]})}function le({traceId:t,href:a}){const[l,c]=b.useState(!1),x=i=>{i.stopPropagation(),navigator.clipboard.writeText(t),c(!0),setTimeout(()=>c(!1),1500)},r=i=>{i.stopPropagation(),a&&window.open(a,"_blank","noopener,noreferrer")};return e.jsxs("span",{className:"group/trace inline-flex items-center gap-1.5",children:[a&&e.jsx("button",{onClick:r,title:"Open trace",className:"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5",children:e.jsx("svg",{className:"w-3 h-3 text-text-tertiary hover:text-accent",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-4.5-4.5h6m0 0v6m0-6L10.5 15"})})}),e.jsx("button",{onClick:x,title:"Copy trace ID",className:"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5",children:e.jsx("svg",{className:`w-3 h-3 transition-colors ${l?"text-status-success":"text-text-tertiary hover:text-accent"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:l?e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"}):e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3"})})}),e.jsx("span",{className:"text-[11px] text-accent",children:"Trace Details"})]})}function ce({task:t,traceUrl:a}){const l=t.completed_at?new Date(t.completed_at).getTime()-new Date(t.created_at).getTime():Date.now()-new Date(t.created_at).getTime();return e.jsxs("div",{className:"grid grid-cols-[3fr_1fr] gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(W,{status:t.status}),e.jsx(Q,{type:t.workflow_type})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(_,{label:"Started",children:e.jsx(y,{date:t.created_at})}),e.jsx(_,{label:"Completed",children:t.completed_at?e.jsx(y,{date:t.completed_at}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"In progress"})}),e.jsx(_,{label:"Duration",children:e.jsx(S,{ms:l,className:"font-mono text-sm"})})]}),t.milestones.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Milestones"}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.milestones.map((c,x)=>e.jsxs("span",{className:"px-2 py-0.5 text-[10px] font-mono bg-accent-faint/50 rounded text-text-secondary",children:[c.name,": ",String(c.value)]},x))})]})]}),e.jsxs("div",{className:"flex flex-col items-end gap-2",children:[e.jsx(D,{to:`/workflows/executions/${encodeURIComponent(t.workflow_id)}`,className:"block text-[11px] text-accent hover:underline",children:"Execution Details"}),e.jsx(D,{to:`/workflows/tasks/detail/${t.id}`,className:"block text-[11px] text-accent hover:underline",children:"Task Details"}),t.trace_id&&e.jsx(le,{traceId:t.trace_id,href:a?a.replace("{traceId}",t.trace_id):void 0})]})]})}function de({escalation:t}){const a=new Date(t.created_at).getTime(),l=t.claimed_at?new Date(t.claimed_at).getTime()-a:null,c=t.resolved_at?new Date(t.resolved_at).getTime()-a:null;return e.jsxs("div",{className:"grid grid-cols-[3fr_1fr] gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(W,{status:t.status}),e.jsx(Y,{role:t.role}),t.type&&e.jsxs("span",{className:"text-[10px] text-text-tertiary",children:[t.type,t.subtype?` / ${t.subtype}`:""]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(_,{label:"Created",children:e.jsx(y,{date:t.created_at})}),e.jsx(_,{label:"Claimed",children:t.claimed_at?e.jsxs(e.Fragment,{children:[e.jsx(y,{date:t.claimed_at}),e.jsxs("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:["after ",e.jsx(S,{ms:l}),t.assigned_to&&e.jsxs(e.Fragment,{children:[" ","by"," ",e.jsx("span",{className:"text-text-secondary font-medium",children:e.jsx(Z,{userId:t.assigned_to})})]})]})]}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"Unclaimed"})}),e.jsx(_,{label:"Resolved",children:t.resolved_at?e.jsxs(e.Fragment,{children:[e.jsx(y,{date:t.resolved_at}),e.jsxs("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:[e.jsx(S,{ms:c})," total"]})]}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"Pending"})})]}),t.description&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("p",{className:"text-[11px] text-text-secondary leading-relaxed",children:t.description})]})]}),e.jsxs("div",{className:"flex flex-col items-end gap-2",children:[t.workflow_id&&e.jsx(D,{to:`/workflows/executions/${encodeURIComponent(t.workflow_id)}`,className:"block text-[11px] text-accent hover:underline",children:"Execution Details"}),e.jsx(D,{to:`/escalations/detail/${t.id}`,className:"block text-[11px] text-accent hover:underline",children:"Escalation Details"})]})]})}function xe({lane:t,ticks:a,isExpanded:l,onToggle:c,anim:x,animDone:r,traceUrl:i}){var m,h;const o=t.kind==="task",k=o?t.task.status:t.escalation.status,f=se(k,t.isOpen),p=x.opacity>0;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center border-b border-surface-border cursor-pointer hover:bg-surface-sunken/40 transition-colors",onClick:c,children:[e.jsxs("div",{className:`w-52 shrink-0 py-3 pr-4 flex items-center gap-2 ${o?"":"pl-6"}`,style:{opacity:p?1:0,transition:"opacity 0.15s ease-out"},children:[o?ae(t.task.workflow_type)?e.jsx(B,{className:`w-4 h-4 shrink-0 ${$(t.task.status)}`}):e.jsx(R,{className:`w-4 h-4 shrink-0 ${$(t.task.status)}`}):E(t.escalation)?e.jsx(O,{className:`w-4 h-4 shrink-0 ${I(t.escalation.status)}`}):e.jsx(F,{className:`w-4 h-4 shrink-0 ${I(t.escalation.status)}`}),e.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:te(t.kind,o?t.task.status:t.escalation.status,!o&&E(t.escalation)),children:o?A(t.label,24):A(((m=t.escalation)==null?void 0:m.role)??t.label,20)})]}),e.jsxs("div",{className:"flex-1 relative h-10",children:[a.map(s=>e.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${s.pct}%`}},s.pct)),e.jsxs("div",{className:`absolute top-2 h-6 rounded-sm ${l?`${f} ring-2 ring-accent ring-offset-1`:`${f} hover:opacity-80`}`,style:{left:`${t.startPct}%`,width:p?`${Math.max(x.width,.3)}%`:"0%",minWidth:p?"4px":"0px",opacity:x.opacity},title:`${t.label} — ${L(t.durationMs)} — ${new Date(t.startMs).toLocaleTimeString()}`,children:[x.width>8&&r&&e.jsx("span",{className:"absolute inset-0 flex items-center px-1.5 text-[9px] font-mono text-white truncate",children:L(t.durationMs)}),t.claimPct!=null&&r&&e.jsx("div",{className:"absolute top-0 bottom-0 w-px border-l border-dashed border-white/70",style:{left:`${t.claimPct}%`},title:(h=t.escalation)!=null&&h.assigned_to?`Claimed by ${t.escalation.assigned_to}`:"Claimed",children:e.jsx("div",{className:"absolute -top-1 -left-[3px] w-[7px] h-[7px] rounded-full bg-white border border-amber-600"})})]})]})]}),e.jsx(G,{open:l,children:e.jsx("div",{className:"py-4 px-6 pl-52 border-b border-surface-border bg-surface-sunken/20",children:o&&t.task?e.jsx(ce,{task:t.task,traceUrl:i}):t.escalation?e.jsx(de,{escalation:t.escalation}):null})})]})}function me({tasks:t,escalations:a,traceUrl:l}){const[c,x]=b.useState(new Set),{lanes:r,timeMin:i,timeMax:o}=b.useMemo(()=>ne(t,a),[t,a]),k=o-i||1,{progress:f,animatedBar:p}=re(r.length,i,o);if(r.length===0)return e.jsx("p",{className:"text-sm text-text-tertiary py-8 text-center",children:"No events in this process."});const m=5,h=Array.from({length:m+1},(n,u)=>({pct:u/m*100,label:L(Math.round(u/m*k))})),s=n=>{x(u=>{const N=new Set(u);return N.has(n)?N.delete(n):N.add(n),N})},d=r.map(n=>n.id),j=d.length>0&&d.every(n=>c.has(n)),g=()=>{x(j?new Set:new Set(d))},v=f>=1;return e.jsxs("div",{className:"py-2",children:[e.jsx(ie,{allExpanded:j,onToggleAll:g}),e.jsx(oe,{ticks:h}),r.map(n=>e.jsx(xe,{lane:n,ticks:h,isExpanded:c.has(n.id),onToggle:()=>s(n.id),anim:p(n),animDone:v,traceUrl:l},`${n.kind}-${n.id}`))]})}function C(t){if(!t)return null;try{return JSON.parse(t)}catch{return null}}function ue(t){return t.length===0?null:[...t].sort((a,l)=>new Date(a.created_at).getTime()-new Date(l.created_at).getTime())[0]}function Te(){var j;const{originId:t}=X();V(t);const{data:a,isLoading:l}=z(t??""),{data:c}=J(),x=((j=c==null?void 0:c.telemetry)==null?void 0:j.traceUrl)??null,r=(a==null?void 0:a.tasks)??[],i=(a==null?void 0:a.escalations)??[],o=b.useMemo(()=>ue(r),[r]),k=b.useMemo(()=>C(o==null?void 0:o.envelope),[o]),f=b.useMemo(()=>{if(o!=null&&o.data)return C(o.data);const g=r.filter(v=>v.status==="completed"&&v.data).sort((v,n)=>new Date(n.completed_at).getTime()-new Date(v.completed_at).getTime());return g.length>0?C(g[0].data):null},[o,r]),p=b.useMemo(()=>r.length>0&&r.some(g=>g.status!=="completed"&&g.status!=="cancelled"),[r]),m=b.useMemo(()=>{const g=r.filter(u=>u.status==="completed").length,v=r.filter(u=>u.status==="needs_intervention").length,n=i.filter(u=>u.status==="resolved").length;return{tasks:r.length,completed:g,escalated:v,escalations:i.length,resolved:n}},[r,i]),h=b.useMemo(()=>{if(r.length===0&&i.length===0)return null;const v=[...r.map(w=>w.created_at),...i.map(w=>w.created_at)].sort()[0],n=r.every(w=>w.status==="completed"||w.status==="cancelled"),u=i.every(w=>w.status==="resolved"),N=r.length>0&&n&&u,M=N?[...r.map(w=>w.completed_at),...i.map(w=>w.resolved_at)].filter(Boolean).sort().pop()??null:null;return{startIso:v,endIso:M,isFinished:N,elapsed:K(v,M)}},[r,i]),s=b.useMemo(()=>{const g=[];return h&&g.push({label:h.isFinished?"Completed":"Running",value:h.elapsed,dotClass:h.isFinished?"bg-status-success":"bg-status-pending animate-pulse"}),g.push({label:"Tasks",value:`${m.completed}/${m.tasks}`},{label:"Escalations",value:`${m.resolved}/${m.escalations}`}),g},[h,m]);if(l&&r.length===0)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-40 bg-surface-sunken rounded"})]});const d=k||f||p;return e.jsxs("div",{children:[e.jsx(q,{title:"Process Detail",docsHash:"#docs:dashboard.md:process-detail",subtitle:t,stats:s}),d&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-10",children:[e.jsx("div",{children:k?e.jsx(P,{data:k,label:"Input",defaultMode:"json",defaultCollapsed:!0}):e.jsxs("div",{children:[e.jsx(T,{children:"Input"}),e.jsx("div",{className:"font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-tertiary italic mt-2",children:"Waiting for task..."})]})}),e.jsx("div",{children:f?e.jsx(P,{data:f,label:"Output",defaultMode:"json",defaultCollapsed:!0}):p?e.jsxs("div",{children:[e.jsx(T,{children:"Output"}),e.jsxs("div",{className:"flex items-center gap-2 font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-secondary mt-2",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-status-pending animate-pulse"}),"Processing..."]})]}):null})]}),e.jsx(T,{className:"mb-6",children:"Timeline"}),e.jsx(me,{tasks:r,escalations:i,traceUrl:x})]})}export{Te as ProcessDetailPage};
-//# sourceMappingURL=ProcessDetailPage-DzGacZpO.js.map

package/dashboard/dist/assets/SwimlaneTimeline-CU2ZD9cC.js

@@ -1,2 +0,0 @@
-import{j as t,a as D}from"./vendor-query-B2UbickB.js";import{D as K,c as L,J as j,f as I,C as Y}from"./index-CBS8FBcp.js";import{S as J}from"./StatusBadge-XQlNFwmH.js";import{L as A}from"./vendor-react-CX88sFS5.js";function O(s){if(!s)return null;try{return JSON.parse(s)}catch{return s}}function z({event:s}){return t.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[s.attributes.activity_type&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Activity"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:s.attributes.activity_type})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Kind"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:s.attributes.kind})]}),s.duration_ms!==null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Duration"}),t.jsx(K,{ms:s.duration_ms,className:"font-mono text-text-primary"})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Time"}),t.jsx(L,{date:s.event_time,format:"datetime",className:"font-mono text-text-primary"})]}),s.attributes.signal_name&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Signal"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:s.attributes.signal_name})]}),s.attributes.awaited!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Awaited"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:s.attributes.awaited?"Yes":"No (fire-and-forget)"})]}),s.attributes.timeline_key&&t.jsxs("div",{className:"col-span-2",children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Timeline Key"}),t.jsx("p",{className:"text-xs font-mono text-text-primary truncate",title:s.attributes.timeline_key,children:s.attributes.timeline_key})]}),s.attributes.execution_index!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Exec Index"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:s.attributes.execution_index})]}),s.attributes.scheduled_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Scheduled Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",s.attributes.scheduled_event_id]})]}),s.attributes.wait_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Wait Started"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["Event #",s.attributes.wait_event_id]})]}),s.attributes.initiated_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Initiated Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",s.attributes.initiated_event_id]})]})]})}function B({event:s,childTask:n}){const r=n?O(n.envelope):null,c=n?O(n.data):null;return!n&&s.attributes.child_workflow_id?t.jsx("div",{className:"border-t border-surface-border pt-3",children:t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(A,{to:`/workflows/executions/${s.attributes.child_workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:s.attributes.child_workflow_id})]})}):n?t.jsxs("div",{className:"space-y-3 border-t border-surface-border pt-3",children:[t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(A,{to:`/workflows/executions/${n.workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:n.workflow_id}),t.jsx(J,{status:n.status}),n.completed_at&&t.jsxs("span",{className:"text-[10px] text-text-tertiary",children:["Completed ",t.jsx(L,{date:n.completed_at,format:"relative"})]})]}),(r!=null||c!=null)&&t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[r!=null?t.jsx(j,{data:r,label:"Input (Envelope)",variant:"panel"}):t.jsx("div",{}),c!=null?t.jsx(j,{data:c,label:"Output (Result)",variant:"panel"}):t.jsx("div",{})]})]}):null}function G({event:s,childTask:n}){const r=s.attributes.input,c=s.attributes.result,d=s.category==="signal",x=s.category==="activity",o=s.category==="child_workflow",p=r!==void 0&&(x||o),m=!n&&c!==void 0&&(x||o),l=s.attributes.activity_type==="ltSignalParent"?"Signal Payload":"Result";return p||m?t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[p?t.jsx(j,{data:r,label:"Input",variant:"panel"}):t.jsx("div",{}),m?t.jsx(j,{data:c,label:l,variant:"panel"}):t.jsx("div",{})]}):d&&r!==void 0?t.jsx(j,{data:r,label:"Signal Payload",variant:"panel"}):null}function H({event:s,childTask:n,pending:r=!1,onClose:c}){return t.jsxs("div",{className:"p-4 bg-surface-sunken rounded-md space-y-4",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("p",{className:"font-mono font-medium text-sm text-text-primary",children:s.attributes.activity_type??s.attributes.signal_name??s.attributes.child_workflow_id??s.event_type}),r&&t.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-status-warning/15 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-status-warning animate-pulse"}),"Pending"]})]}),c&&t.jsx("button",{onClick:c,className:"text-text-tertiary hover:text-text-primary text-xs",children:"Close"})]}),t.jsx(z,{event:s}),t.jsx(B,{event:s,childTask:n}),t.jsx(G,{event:s,childTask:n}),s.attributes.failure!==void 0&&t.jsx(j,{data:s.attributes.failure,label:"Failure"}),(()=>{const{kind:d,activity_type:x,result:o,timeline_key:p,execution_index:m,signal_name:l,input:_,child_workflow_id:N,awaited:g,wait_event_id:k,scheduled_event_id:b,initiated_event_id:u,failure:y,trace_id:v,span_id:E,...M}=s.attributes;return Object.keys(M).length>0?t.jsx(j,{data:M,label:"Attributes"}):null})()]})}const w={activity:{bar:"bg-blue-500",outline:"border-blue-500 bg-transparent",text:"text-blue-500",label:"Activities"},signal:{bar:"bg-emerald-500",outline:"border-emerald-500 bg-transparent",text:"text-emerald-500",label:"Signals"},timer:{bar:"bg-status-warning",outline:"border-status-warning bg-transparent",text:"text-status-warning",label:"Timers"},child_workflow:{bar:"bg-violet-500",outline:"border-violet-500 bg-transparent",text:"text-violet-500",label:"Child Workflows"}},F="bg-stripes animate-pulse opacity-70",X=new Set(["callLLM","callDbTool","callVisionTool","callMcpTool","getDBTools","getVisionTools"]);function q(s,n){if(!s||typeof s!="string")return s??"";if(s.length<=n)return s;const r=Math.floor((n-1)/2);return`${s.slice(0,r)}…${s.slice(s.length-r)}`}function Q(s){const n=[],r=new Map,c=new Map;for(const x of s){const o=x.attributes.timeline_key;if(!o)continue;const p=x.event_type;p==="activity_task_scheduled"||p==="timer_started"||p==="child_workflow_execution_started"||p==="signal_wait_started"?r.set(o,x):c.set(o,x)}const d=new Set;for(const x of s){const o=x.attributes.timeline_key;if(o&&d.has(o))continue;o&&d.add(o);const p=o?r.get(o):void 0,m=o?c.get(o):void 0,l=m||p||x,_=l.category,N=String(l.attributes.activity_type||l.attributes.signal_name||l.attributes.child_workflow_id||l.event_type||"unknown"),g=p||l,k=m,b=new Date(g.event_time).getTime();let u=null,y=null,v=!1;k?(u=new Date(k.event_time).getTime(),y=k.duration_ms??u-b):l.duration_ms!==null?(y=l.duration_ms,u=b+y):v=!0,n.push({category:_,name:N||l.event_type,startTime:b,endTime:u,duration:y,eventId:l.event_id,pending:v})}return n}function st({events:s,childTasks:n,outline:r}){const[c,d]=D.useState(new Set),[x,o]=D.useState(null),m=s.filter(e=>e.category!=="workflow");if(m.length===0)return null;const l=Q(m);if(l.length===0)return null;const _=Date.now(),N=l.flatMap(e=>{const i=[e.startTime];return e.endTime?i.push(e.endTime):i.push(_),i}),g=Math.min(...N),b=Math.max(...N)-g||1,u=new Map;for(const e of l){const i=`${e.category}:${e.name}`,a=e.startTime-g,h=(e.endTime?e.endTime-g:_-g)-a,S={eventId:e.eventId,startPct:a/b*100,widthPct:Math.max(h/b*100,.5),duration:e.duration,label:`${e.name} — ${e.duration!==null?I(e.duration):"pending"} — ${new Date(e.startTime).toLocaleTimeString()}`,eventTime:new Date(e.startTime).toISOString(),pending:e.pending};u.has(i)||u.set(i,{name:e.name,category:e.category,segments:[]}),u.get(i).segments.push(S)}const y=Array.from(u.values()),v=5,E=Array.from({length:v+1},(e,i)=>({pct:i/v*100,label:I(Math.round(i/v*b))})),M=[...new Set(l.map(e=>e.category))],R=e=>{if(!(n!=null&&n.length))return;const i=e.attributes.activity_type;if(i)return n.find(a=>a.workflow_type===i)},$=e=>{d(i=>{const a=new Set(i);return a.has(e)?a.delete(e):a.add(e),a})},C=l.map(e=>e.eventId),P=C.length>0&&C.every(e=>c.has(e)),V=()=>{d(P?new Set:new Set(C))},T=(e,i)=>{var a,f;return i?F:r?((a=w[e])==null?void 0:a.outline)??"border-text-tertiary bg-transparent":((f=w[e])==null?void 0:f.bar)??"bg-text-tertiary"},W=e=>{var i;return r?((i=w[e])==null?void 0:i.text)??"text-text-tertiary":"text-white"};return t.jsxs("div",{className:"px-6 py-6 mb-6",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Execution Timeline"}),t.jsx("button",{onClick:V,className:"text-[10px] text-accent hover:underline",children:P?"Collapse all":"Expand all"}),t.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[M.map(e=>{var i,a,f;return t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full ${r?`border ${((i=w[e])==null?void 0:i.outline)??"border-text-tertiary"}`:((a=w[e])==null?void 0:a.bar)??"bg-text-tertiary"}`}),t.jsx("span",{className:"text-[9px] text-text-tertiary",children:((f=w[e])==null?void 0:f.label)??e})]},e)}),l.some(e=>e.pending)&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"w-2 h-2 rounded-full bg-status-warning animate-pulse"}),t.jsx("span",{className:"text-[9px] text-text-tertiary",children:"Pending"})]})]})]}),t.jsxs("div",{className:"flex",children:[t.jsx("div",{className:"w-56 shrink-0"}),t.jsx("div",{className:"flex-1 relative h-6 border-b border-surface-border",children:E.map(e=>t.jsx("span",{className:"absolute text-[9px] font-mono text-text-tertiary -translate-x-1/2 bottom-1",style:{left:`${e.pct}%`},children:e.label},e.pct))})]}),y.map(e=>{const i=w[e.category];return t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center border-b border-surface-border",children:[t.jsxs("div",{className:"w-56 shrink-0 py-3 pr-4 flex items-center gap-2",children:[t.jsx("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${(i==null?void 0:i.bar)??"bg-text-tertiary"}`}),t.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:e.name,children:q(e.name,28)}),X.has(e.name)&&t.jsx("span",{className:"shrink-0 text-accent/60",title:"MCP tool interaction",children:t.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})})]}),t.jsxs("div",{className:"flex-1 relative h-10",children:[E.map(a=>t.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${a.pct}%`}},a.pct)),e.segments.map(a=>{const f=x===a.eventId,h=c.has(a.eventId),S=a.widthPct<3;return t.jsx("div",{className:`absolute top-2 h-6 rounded-sm cursor-pointer transition-all duration-200 origin-center ${r?"border-2":""} ${h?`${T(e.category,a.pending)} ring-2 ring-accent ring-offset-1`:`${T(e.category,a.pending)} hover:opacity-80`}`,style:{left:`${a.startPct}%`,width:`${a.widthPct}%`,minWidth:"4px",...f&&S?{transform:"scaleX(4) scaleY(1.3) translateY(-2px)",zIndex:20,borderRadius:"4px"}:{zIndex:h?10:1}},title:a.label,onClick:()=>$(a.eventId),onMouseEnter:()=>o(a.eventId),onMouseLeave:()=>o(null),children:a.widthPct>8&&t.jsx("span",{className:`absolute inset-0 flex items-center px-1.5 text-[9px] font-mono ${W(e.category)} truncate`,children:a.duration!==null?I(a.duration):"pending"})},a.eventId)})]})]}),e.segments.map(a=>{const f=c.has(a.eventId),h=m.find(S=>S.event_id===a.eventId);return t.jsx(Y,{open:f,children:h&&t.jsx("div",{className:"py-3",children:t.jsx(H,{event:h,childTask:R(h),pending:a.pending,onClose:()=>$(h.event_id)})})},a.eventId)})]},`${e.category}:${e.name}`)})]})}export{H as E,st as S};
-//# sourceMappingURL=SwimlaneTimeline-CU2ZD9cC.js.map

package/dashboard/dist/assets/SwimlaneTimeline-CU2ZD9cC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwimlaneTimeline-CU2ZD9cC.js","sources":["../../src/pages/workflows/workflow-execution/EventMetadataGrid.tsx","../../src/pages/workflows/workflow-execution/EventDetailPanel.tsx","../../src/pages/workflows/workflow-execution/utils.ts","../../src/pages/workflows/workflow-execution/SwimlaneTimeline.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\n\nfunction safeParseJson(raw: string | null | undefined): unknown {\n  if (!raw) return null;\n  try {\n    return JSON.parse(raw);\n  } catch {\n    return raw;\n  }\n}\n\nexport function EventMetadataGrid({ event }: { event: WorkflowExecutionEvent }) {\n  return (\n    <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n      {event.attributes.activity_type && (\n        <div>\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Activity\n          </p>\n          <p className=\"text-xs font-mono text-text-primary\">\n            {event.attributes.activity_type}\n          </p>\n        </div>\n      )}\n      <div>\n        <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n          Kind\n        </p>\n        <p className=\"text-xs font-mono text-text-primary\">\n          {event.attributes.kind}\n        </p>\n      </div>\n      {event.duration_ms !== null && (\n        <div>\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Duration\n          </p>\n          <DurationValue ms={event.duration_ms} className=\"font-mono text-text-primary\" />\n        </div>\n      )}\n      <div>\n        <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n          Time\n        </p>\n        <DateValue date={event.event_time} format=\"datetime\" className=\"font-mono text-text-primary\" />\n      </div>\n\n      {event.attributes.signal_name && (\n        <div>\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Signal\n          </p>\n          <p className=\"text-xs font-mono text-text-primary\">\n            {event.attributes.signal_name}\n          </p>\n        </div>\n      )}\n\n      {event.attributes.awaited !== undefined && (\n        <div>\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Awaited\n          </p>\n          <p className=\"text-xs font-mono text-text-primary\">\n            {event.attributes.awaited ? 'Yes' : 'No (fire-and-forget)'}\n          </p>\n        </div>\n      )}\n\n      {event.attributes.timeline_key && (\n        <div className=\"col-span-2\">\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Timeline Key\n          </p>\n          <p className=\"text-xs font-mono text-text-primary truncate\" title={event.attributes.timeline_key}>\n            {event.attributes.timeline_key}\n          </p>\n        </div>\n      )}\n\n      {event.attributes.execution_index !== undefined && (\n        <div>\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Exec Index\n          </p>\n          <p className=\"text-xs font-mono text-text-primary\">\n            {event.attributes.execution_index}\n          </p>\n        </div>\n      )}\n\n      {event.attributes.scheduled_event_id != null && (\n        <div>\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Scheduled Event\n          </p>\n          <p className=\"text-xs font-mono text-text-primary\">\n            #{event.attributes.scheduled_event_id}\n          </p>\n        </div>\n      )}\n      {event.attributes.wait_event_id != null && (\n        <div>\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Wait Started\n          </p>\n          <p className=\"text-xs font-mono text-text-primary\">\n            Event #{event.attributes.wait_event_id}\n          </p>\n        </div>\n      )}\n      {event.attributes.initiated_event_id != null && (\n        <div>\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Initiated Event\n          </p>\n          <p className=\"text-xs font-mono text-text-primary\">\n            #{event.attributes.initiated_event_id}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function ChildWorkflowSection({ event, childTask }: {\n  event: WorkflowExecutionEvent;\n  childTask?: LTTaskRecord;\n}) {\n  const childInput = childTask ? safeParseJson(childTask.envelope) : null;\n  const childOutput = childTask ? safeParseJson(childTask.data) : null;\n\n  // Link-only (no matching task record)\n  if (!childTask && event.attributes.child_workflow_id) {\n    return (\n      <div className=\"border-t border-surface-border pt-3\">\n        <div className=\"flex items-center gap-3 flex-wrap\">\n          <span className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Child Workflow\n          </span>\n          <Link\n            to={`/workflows/executions/${event.attributes.child_workflow_id}`}\n            className=\"text-xs font-mono text-accent hover:underline\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {event.attributes.child_workflow_id}\n          </Link>\n        </div>\n      </div>\n    );\n  }\n\n  // Full child task section\n  if (childTask) {\n    return (\n      <div className=\"space-y-3 border-t border-surface-border pt-3\">\n        <div className=\"flex items-center gap-3 flex-wrap\">\n          <span className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Child Workflow\n          </span>\n          <Link\n            to={`/workflows/executions/${childTask.workflow_id}`}\n            className=\"text-xs font-mono text-accent hover:underline\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {childTask.workflow_id}\n          </Link>\n          <StatusBadge status={childTask.status} />\n          {childTask.completed_at && (\n            <span className=\"text-[10px] text-text-tertiary\">\n              Completed <DateValue date={childTask.completed_at} format=\"relative\" />\n            </span>\n          )}\n        </div>\n\n        {(childInput != null || childOutput != null) && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            {childInput != null ? (\n              <JsonViewer data={childInput} label=\"Input (Envelope)\" variant=\"panel\" />\n            ) : <div />}\n            {childOutput != null ? (\n              <JsonViewer data={childOutput} label=\"Output (Result)\" variant=\"panel\" />\n            ) : <div />}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport function EventPayloadSection({ event, childTask }: {\n  event: WorkflowExecutionEvent;\n  childTask?: LTTaskRecord;\n}) {\n  const input = event.attributes.input;\n  const result = event.attributes.result;\n  const isSignal = event.category === 'signal';\n  const isActivity = event.category === 'activity';\n  const isChild = event.category === 'child_workflow';\n  const hasInput = input !== undefined && (isActivity || isChild);\n  const hasResult = !childTask && result !== undefined && (isActivity || isChild);\n  const resultLabel = event.attributes.activity_type === 'ltSignalParent' ? 'Signal Payload' : 'Result';\n\n  if (hasInput || hasResult) {\n    return (\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {hasInput ? (\n          <JsonViewer data={input} label=\"Input\" variant=\"panel\" />\n        ) : <div />}\n        {hasResult ? (\n          <JsonViewer data={result} label={resultLabel} variant=\"panel\" />\n        ) : <div />}\n      </div>\n    );\n  }\n\n  if (isSignal && input !== undefined) {\n    return <JsonViewer data={input} label=\"Signal Payload\" variant=\"panel\" />;\n  }\n\n  return null;\n}\n","import { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventMetadataGrid, ChildWorkflowSection, EventPayloadSection } from './EventMetadataGrid';\n\ninterface EventDetailPanelProps {\n  event: WorkflowExecutionEvent;\n  childTask?: LTTaskRecord;\n  /** When true, show a \"Pending\" badge. Caller determines this from the full event list. */\n  pending?: boolean;\n  onClose?: () => void;\n}\n\n/**\n * Reusable detail panel for a workflow execution event.\n * Renders inline wherever placed — used by both SwimlaneTimeline\n * (below the lane row) and EventTable (below the event row).\n *\n * Shows rich detail for all event categories:\n * - Activities: activity_type, result, scheduled_event_id\n * - Signals: signal_name, payload, wait_event_id\n * - Timers: duration\n * - Child workflows: child_workflow_id link, awaited badge, result\n */\nexport function EventDetailPanel({ event, childTask, pending = false, onClose }: EventDetailPanelProps) {\n  return (\n    <div className=\"p-4 bg-surface-sunken rounded-md space-y-4\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"flex items-center gap-2\">\n          <p className=\"font-mono font-medium text-sm text-text-primary\">\n            {event.attributes.activity_type\n              ?? event.attributes.signal_name\n              ?? event.attributes.child_workflow_id\n              ?? event.event_type}\n          </p>\n          {pending && (\n            <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-status-warning/15 text-status-warning\">\n              <span className=\"w-1.5 h-1.5 rounded-full bg-status-warning animate-pulse\" />\n              Pending\n            </span>\n          )}\n        </div>\n        {onClose && (\n          <button\n            onClick={onClose}\n            className=\"text-text-tertiary hover:text-text-primary text-xs\"\n          >\n            Close\n          </button>\n        )}\n      </div>\n\n      {/* Metadata grid */}\n      <EventMetadataGrid event={event} />\n\n      {/* Child workflow sections */}\n      <ChildWorkflowSection event={event} childTask={childTask} />\n\n      {/* Input / Result payload */}\n      <EventPayloadSection event={event} childTask={childTask} />\n\n      {/* Failure detail */}\n      {event.attributes.failure !== undefined && (\n        <JsonViewer data={event.attributes.failure} label=\"Failure\" />\n      )}\n\n      {/* Remaining attributes (exclude the fields shown above) */}\n      {(() => {\n        const {\n          kind,\n          activity_type,\n          result,\n          timeline_key,\n          execution_index,\n          signal_name,\n          input,\n          child_workflow_id,\n          awaited,\n          wait_event_id,\n          scheduled_event_id,\n          initiated_event_id,\n          failure,\n          trace_id,\n          span_id,\n          ...rest\n        } = event.attributes;\n        return Object.keys(rest).length > 0 ? (\n          <JsonViewer data={rest} label=\"Attributes\" />\n        ) : null;\n      })()}\n    </div>\n  );\n}\n","export { formatDuration, formatDateTime } from '../../../lib/format';\n\nimport type { WorkflowExecutionEvent } from '../../../api/types';\n\n// ── Types ────────────────────────────────────────────────────────────────────\n\nexport interface Segment {\n  eventId: number;\n  startPct: number;\n  widthPct: number;\n  duration: number | null;\n  label: string;\n  eventTime: string;\n  pending: boolean;\n}\n\nexport interface Lane {\n  name: string;\n  category: string;\n  segments: Segment[];\n}\n\n// ── Constants ────────────────────────────────────────────────────────────────\n\nexport const CATEGORY_COLORS: Record<string, { bar: string; outline: string; text: string; label: string }> = {\n  activity:       { bar: 'bg-blue-500',       outline: 'border-blue-500 bg-transparent',      text: 'text-blue-500',      label: 'Activities' },\n  signal:         { bar: 'bg-emerald-500',    outline: 'border-emerald-500 bg-transparent',   text: 'text-emerald-500',   label: 'Signals' },\n  timer:          { bar: 'bg-status-warning', outline: 'border-status-warning bg-transparent', text: 'text-status-warning', label: 'Timers' },\n  child_workflow: { bar: 'bg-violet-500',     outline: 'border-violet-500 bg-transparent',    text: 'text-violet-500',    label: 'Child Workflows' },\n};\n\nexport const PENDING_CLASS = 'bg-stripes animate-pulse opacity-70';\n\n/** Activity names that indicate LLM/MCP tool interaction */\nexport const MCP_ACTIVITY_NAMES = new Set([\n  'callLLM', 'callDbTool', 'callVisionTool', 'callMcpTool', 'getDBTools', 'getVisionTools',\n]);\n\n// ── Helpers ──────────────────────────────────────────────────────────────────\n\n/** Truncate a string in the middle, keeping the start and end visible. */\nexport function middleTruncate(str: string, maxLen: number): string {\n  if (!str || typeof str !== 'string') return str ?? '';\n  if (str.length <= maxLen) return str;\n  const keep = Math.floor((maxLen - 1) / 2);\n  return `${str.slice(0, keep)}…${str.slice(str.length - keep)}`;\n}\n\nexport interface TimelineSpan {\n  category: string;\n  name: string;\n  startTime: number;\n  endTime: number | null;\n  duration: number | null;\n  eventId: number;\n  pending: boolean;\n}\n\n/**\n * Group paired events (scheduled→completed, started→fired, wait→signaled)\n * into a single span using timeline_key, or treat standalone events as points.\n */\nexport function buildTimelineSpans(events: WorkflowExecutionEvent[]): TimelineSpan[] {\n  const spans: TimelineSpan[] = [];\n\n  // Index scheduled/started events by timeline_key for pairing\n  const startedMap = new Map<string, WorkflowExecutionEvent>();\n  const completedMap = new Map<string, WorkflowExecutionEvent>();\n\n  for (const evt of events) {\n    const tlKey = evt.attributes.timeline_key;\n    if (!tlKey) continue;\n    const type = evt.event_type;\n\n    if (type === 'activity_task_scheduled'\n     || type === 'timer_started'\n     || type === 'child_workflow_execution_started'\n     || type === 'signal_wait_started') {\n      startedMap.set(tlKey, evt);\n    } else {\n      completedMap.set(tlKey, evt);\n    }\n  }\n\n  // Build spans from pairs\n  const seen = new Set<string>();\n\n  for (const evt of events) {\n    const tlKey = evt.attributes.timeline_key;\n\n    // Skip if no timeline_key or already processed\n    if (tlKey && seen.has(tlKey)) continue;\n    if (tlKey) seen.add(tlKey);\n\n    const started = tlKey ? startedMap.get(tlKey) : undefined;\n    const completed = tlKey ? completedMap.get(tlKey) : undefined;\n\n    // Determine the representative event for this span\n    const primary = completed || started || evt;\n    const cat = primary.category;\n    const name = String(primary.attributes.activity_type\n      || primary.attributes.signal_name\n      || primary.attributes.child_workflow_id\n      || primary.event_type\n      || 'unknown');\n\n    const startEvt = started || primary;\n    const endEvt = completed;\n\n    const startMs = new Date(startEvt.event_time).getTime();\n    let endMs: number | null = null;\n    let dur: number | null = null;\n    let pending = false;\n\n    if (endEvt) {\n      endMs = new Date(endEvt.event_time).getTime();\n      dur = endEvt.duration_ms ?? (endMs - startMs);\n    } else if (primary.duration_ms !== null) {\n      dur = primary.duration_ms;\n      endMs = startMs + dur;\n    } else {\n      // Pending — no completion event\n      pending = true;\n    }\n\n    spans.push({\n      category: cat,\n      name: name || primary.event_type,\n      startTime: startMs,\n      endTime: endMs,\n      duration: dur,\n      eventId: primary.event_id,\n      pending,\n    });\n  }\n\n  return spans;\n}\n","import { useState } from 'react';\nimport { Collapsible } from '../../../components/common/layout/Collapsible';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventDetailPanel } from './EventDetailPanel';\nimport {\n  formatDuration,\n  middleTruncate,\n  buildTimelineSpans,\n  CATEGORY_COLORS,\n  PENDING_CLASS,\n  MCP_ACTIVITY_NAMES,\n} from './utils';\nimport type { Segment, Lane } from './utils';\n\ninterface SwimlaneTimelineProps {\n  events: WorkflowExecutionEvent[];\n  childTasks?: LTTaskRecord[];\n  /** Use outline-style bars (border + transparent fill) instead of solid fills */\n  outline?: boolean;\n}\n\n// ── Component ────────────────────────────────────────────────────────────────\n\nexport function SwimlaneTimeline({ events, childTasks, outline }: SwimlaneTimelineProps) {\n  const [selectedEvents, setSelectedEvents] = useState<Set<number>>(new Set());\n  const [hoveredEvent, setHoveredEvent] = useState<number | null>(null);\n\n  // Filter out workflow-level events (started/completed) — they aren't operations\n  const timelineEvents = events.filter(\n    (e) => e.category !== 'workflow',\n  );\n\n  // Show all activities (user + system), signals, timers, and child workflows.\n  const displayEvents = timelineEvents;\n\n  if (displayEvents.length === 0) return null;\n\n  const spans = buildTimelineSpans(displayEvents);\n  if (spans.length === 0) return null;\n\n  // Compute time axis bounds\n  const now = Date.now();\n  const allTimes = spans.flatMap((s) => {\n    const times = [s.startTime];\n    if (s.endTime) times.push(s.endTime);\n    else times.push(now); // pending extends to now\n    return times;\n  });\n  const timeMin = Math.min(...allTimes);\n  const timeMax = Math.max(...allTimes);\n  const totalSpan = timeMax - timeMin || 1;\n\n  // Group spans into lanes by \"category:name\"\n  const laneMap = new Map<string, { name: string; category: string; segments: Segment[] }>();\n\n  for (const span of spans) {\n    const laneKey = `${span.category}:${span.name}`;\n    const startOffset = span.startTime - timeMin;\n    const endOffset = span.endTime ? span.endTime - timeMin : (now - timeMin);\n    const widthMs = endOffset - startOffset;\n\n    const segment: Segment = {\n      eventId: span.eventId,\n      startPct: (startOffset / totalSpan) * 100,\n      widthPct: Math.max((widthMs / totalSpan) * 100, 0.5),\n      duration: span.duration,\n      label: `${span.name} — ${span.duration !== null ? formatDuration(span.duration) : 'pending'} — ${new Date(span.startTime).toLocaleTimeString()}`,\n      eventTime: new Date(span.startTime).toISOString(),\n      pending: span.pending,\n    };\n\n    if (!laneMap.has(laneKey)) {\n      laneMap.set(laneKey, { name: span.name, category: span.category, segments: [] });\n    }\n    laneMap.get(laneKey)!.segments.push(segment);\n  }\n\n  const lanes: Lane[] = Array.from(laneMap.values());\n\n  // Time axis ticks\n  const tickCount = 5;\n  const ticks = Array.from({ length: tickCount + 1 }, (_, i) => ({\n    pct: (i / tickCount) * 100,\n    label: formatDuration(Math.round((i / tickCount) * totalSpan)),\n  }));\n\n  // Active categories for legend\n  const activeCategories = [...new Set(spans.map((s) => s.category))];\n\n  /** Find a matching child task for an event */\n  const findChildTask = (evt: WorkflowExecutionEvent): LTTaskRecord | undefined => {\n    if (!childTasks?.length) return undefined;\n    const activityType = evt.attributes.activity_type;\n    if (!activityType) return undefined;\n    return childTasks.find((t) => t.workflow_type === activityType);\n  };\n\n  const toggleEvent = (id: number) => {\n    setSelectedEvents((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  const allEventIds = spans.map((s) => s.eventId);\n  const allExpanded = allEventIds.length > 0 && allEventIds.every((id) => selectedEvents.has(id));\n\n  const toggleAll = () => {\n    if (allExpanded) {\n      setSelectedEvents(new Set());\n    } else {\n      setSelectedEvents(new Set(allEventIds));\n    }\n  };\n\n\n\n  const barColor = (cat: string, pending: boolean) => {\n    if (pending) return PENDING_CLASS;\n    if (outline) return CATEGORY_COLORS[cat]?.outline ?? 'border-text-tertiary bg-transparent';\n    return CATEGORY_COLORS[cat]?.bar ?? 'bg-text-tertiary';\n  };\n\n  const textColor = (cat: string) => {\n    if (outline) return CATEGORY_COLORS[cat]?.text ?? 'text-text-tertiary';\n    return 'text-white';\n  };\n\n  return (\n    <div className=\"px-6 py-6 mb-6\">\n      <div className=\"flex items-center gap-4 mb-4 flex-wrap\">\n        <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n          Execution Timeline\n        </p>\n        <button onClick={toggleAll} className=\"text-[10px] text-accent hover:underline\">\n          {allExpanded ? 'Collapse all' : 'Expand all'}\n        </button>\n\n        {/* Legend */}\n        <div className=\"flex items-center gap-3 ml-auto\">\n          {activeCategories.map((cat) => (\n            <div key={cat} className=\"flex items-center gap-1\">\n              <span className={`w-2 h-2 rounded-full ${outline ? `border ${CATEGORY_COLORS[cat]?.outline ?? 'border-text-tertiary'}` : CATEGORY_COLORS[cat]?.bar ?? 'bg-text-tertiary'}`} />\n              <span className=\"text-[9px] text-text-tertiary\">\n                {CATEGORY_COLORS[cat]?.label ?? cat}\n              </span>\n            </div>\n          ))}\n          {spans.some((s) => s.pending) && (\n            <div className=\"flex items-center gap-1\">\n              <span className=\"w-2 h-2 rounded-full bg-status-warning animate-pulse\" />\n              <span className=\"text-[9px] text-text-tertiary\">Pending</span>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Time axis */}\n      <div className=\"flex\">\n        <div className=\"w-56 shrink-0\" />\n        <div className=\"flex-1 relative h-6 border-b border-surface-border\">\n          {ticks.map((tick) => (\n            <span\n              key={tick.pct}\n              className=\"absolute text-[9px] font-mono text-text-tertiary -translate-x-1/2 bottom-1\"\n              style={{ left: `${tick.pct}%` }}\n            >\n              {tick.label}\n            </span>\n          ))}\n        </div>\n      </div>\n\n      {/* Lanes */}\n      {lanes.map((lane) => {\n        const catColor = CATEGORY_COLORS[lane.category];\n\n        return (\n          <div key={`${lane.category}:${lane.name}`}>\n            {/* Lane row */}\n            <div className=\"flex items-center border-b border-surface-border\">\n              <div className=\"w-56 shrink-0 py-3 pr-4 flex items-center gap-2\">\n                <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${catColor?.bar ?? 'bg-text-tertiary'}`} />\n                <p\n                  className=\"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden\"\n                  title={lane.name}\n                >\n                  {middleTruncate(lane.name, 28)}\n                </p>\n                {MCP_ACTIVITY_NAMES.has(lane.name) && (\n                  <span className=\"shrink-0 text-accent/60\" title=\"MCP tool interaction\">\n                    <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n                      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\" />\n                    </svg>\n                  </span>\n                )}\n              </div>\n\n              <div className=\"flex-1 relative h-10\">\n                {ticks.map((tick) => (\n                  <div\n                    key={tick.pct}\n                    className=\"absolute top-0 bottom-0 w-px bg-surface-border opacity-30\"\n                    style={{ left: `${tick.pct}%` }}\n                  />\n                ))}\n\n                {lane.segments.map((seg) => {\n                  const isHovered = hoveredEvent === seg.eventId;\n                  const isSelected = selectedEvents.has(seg.eventId);\n                  const isNarrow = seg.widthPct < 3;\n                  return (\n                    <div\n                      key={seg.eventId}\n                      className={`absolute top-2 h-6 rounded-sm cursor-pointer transition-all duration-200 origin-center ${outline ? 'border-2' : ''} ${\n                        isSelected\n                          ? `${barColor(lane.category, seg.pending)} ring-2 ring-accent ring-offset-1`\n                          : `${barColor(lane.category, seg.pending)} hover:opacity-80`\n                      }`}\n                      style={{\n                        left: `${seg.startPct}%`,\n                        width: `${seg.widthPct}%`,\n                        minWidth: '4px',\n                        ...(isHovered && isNarrow ? {\n                          transform: 'scaleX(4) scaleY(1.3) translateY(-2px)',\n                          zIndex: 20,\n                          borderRadius: '4px',\n                        } : {\n                          zIndex: isSelected ? 10 : 1,\n                        }),\n                      }}\n                      title={seg.label}\n                      onClick={() => toggleEvent(seg.eventId)}\n                      onMouseEnter={() => setHoveredEvent(seg.eventId)}\n                      onMouseLeave={() => setHoveredEvent(null)}\n                    >\n                      {seg.widthPct > 8 && (\n                        <span className={`absolute inset-0 flex items-center px-1.5 text-[9px] font-mono ${textColor(lane.category)} truncate`}>\n                          {seg.duration !== null ? formatDuration(seg.duration) : 'pending'}\n                        </span>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Inline detail panels */}\n            {lane.segments.map((seg) => {\n              const isOpen = selectedEvents.has(seg.eventId);\n              const evt = displayEvents.find((e) => e.event_id === seg.eventId);\n              return (\n                <Collapsible key={seg.eventId} open={isOpen}>\n                  {evt && (\n                    <div className=\"py-3\">\n                      <EventDetailPanel\n                        event={evt}\n                        childTask={findChildTask(evt)}\n                        pending={seg.pending}\n                        onClose={() => toggleEvent(evt.event_id)}\n                      />\n                    </div>\n                  )}\n                </Collapsible>\n              );\n            })}\n          </div>\n        );\n      })}\n\n    </div>\n  );\n}\n"],"names":["safeParseJson","raw","EventMetadataGrid","event","jsxs","jsx","DurationValue","DateValue","ChildWorkflowSection","childTask","childInput","childOutput","Link","e","StatusBadge","JsonViewer","EventPayloadSection","input","result","isSignal","isActivity","isChild","hasInput","hasResult","resultLabel","EventDetailPanel","pending","onClose","kind","activity_type","timeline_key","execution_index","signal_name","child_workflow_id","awaited","wait_event_id","scheduled_event_id","initiated_event_id","failure","trace_id","span_id","rest","CATEGORY_COLORS","PENDING_CLASS","MCP_ACTIVITY_NAMES","middleTruncate","str","maxLen","keep","buildTimelineSpans","events","spans","startedMap","completedMap","evt","tlKey","type","seen","started","completed","primary","cat","name","startEvt","endEvt","startMs","endMs","dur","SwimlaneTimeline","childTasks","outline","selectedEvents","setSelectedEvents","useState","hoveredEvent","setHoveredEvent","displayEvents","now","allTimes","s","times","timeMin","totalSpan","laneMap","span","laneKey","startOffset","widthMs","segment","formatDuration","lanes","tickCount","ticks","_","activeCategories","findChildTask","activityType","t","toggleEvent","id","prev","next","allEventIds","allExpanded","toggleAll","barColor","_a","_b","textColor","tick","lane","catColor","seg","isHovered","isSelected","isNarrow","isOpen","Collapsible"],"mappings":"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"}

package/dashboard/dist/assets/TimeAgo-B6Gz4RAU.js

@@ -1,2 +0,0 @@
-import{j as o}from"./vendor-query-B2UbickB.js";import{c as e}from"./index-CBS8FBcp.js";function i({date:r,className:t=""}){return o.jsx(e,{date:r,format:"relative",className:t})}export{i as T};
-//# sourceMappingURL=TimeAgo-B6Gz4RAU.js.map

package/dashboard/dist/assets/ToolTestPanel-D4cgYW2p.js

@@ -1,2 +0,0 @@
-import{a as m,j as e}from"./vendor-query-B2UbickB.js";import{h as k}from"./mcp-FOHNY7Zj.js";import{J as A}from"./index-CBS8FBcp.js";import{R as L}from"./RunAsSelector-B1R8nJvE.js";import{b as z,T as F}from"./ToolPill-RP2Tvlrx.js";import{S as I}from"./ServerName-CEOFF7UG.js";import{X as M,aa as _,P as B,a3 as R,a7 as D}from"./vendor-icons-BNtvBbnj.js";import{L as J}from"./vendor-react-CX88sFS5.js";function U({error:n}){const a=n instanceof Error?n.message:"";return a.startsWith("No credential found for provider")?e.jsxs("div",{className:"bg-status-warning/10 border border-status-warning/30 rounded-md px-3 py-2 flex items-start gap-2",children:[e.jsx(D,{size:14,className:"text-status-warning mt-0.5 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-medium text-text-primary mb-0.5",children:"Credential required"}),e.jsx("p",{className:"text-[11px] text-text-secondary mb-1",children:a}),e.jsxs(J,{to:"/credentials",className:"text-[11px] text-accent hover:underline inline-flex items-center gap-1",children:["Go to Credentials ",e.jsx(R,{size:10})]})]})]}):e.jsx("div",{className:"bg-status-error/10 border border-status-error/20 rounded-md px-3 py-2",children:e.jsx("p",{className:"text-[11px] text-status-error",children:a||"Tool call failed"})})}function $({data:n}){const a=n==null?void 0:n.result,r=a==null?void 0:a.job_id,u=(a==null?void 0:a.namespace)||"longtail";return r?e.jsxs(J,{to:`/mcp/executions/${encodeURIComponent(r)}?namespace=${encodeURIComponent(u)}`,className:"inline-flex items-center gap-1.5 text-xs text-accent hover:underline",children:[e.jsx(R,{size:12}),"View Execution"]}):null}const j="input text-xs",w="label";function K({value:n,onChange:a,className:r}){const[u,t]=m.useState(n.join(", ")),o=()=>a(u.split(",").map(l=>l.trim()).filter(Boolean));return m.useEffect(()=>{t(n.join(", "))},[JSON.stringify(n)]),e.jsx("input",{type:"text",value:u,onChange:l=>t(l.target.value),onBlur:o,onKeyDown:l=>{l.key==="Enter"&&(l.preventDefault(),o())},placeholder:"comma-separated values",className:r})}function ee({serverId:n,serverName:a,tool:r,onClose:u}){const t=k(),[o,l]=m.useState(!1),[x,p]=m.useState({}),[h,f]=m.useState(""),[b,N]=m.useState(""),[g,E]=m.useState("");m.useEffect(()=>{const s=z(r.inputSchema);p(s),f(JSON.stringify(s,null,2)),l(!1),N(""),t.reset()},[r.name,n]);const O=!!t.data||!!t.error,T=()=>{if(!o)f(JSON.stringify(x,null,2));else try{p(JSON.parse(h))}catch{}l(!o)},q=()=>{N(""),t.reset();let s;if(o)try{s=JSON.parse(h)}catch{N("Invalid JSON");return}else s={...x};t.mutate({serverId:n,toolName:r.name,arguments:s,...g?{execute_as:g}:{}})};return e.jsxs("div",{className:"border-l border-surface-border bg-surface-raised",children:[e.jsxs("div",{className:"flex items-start justify-between px-4 py-3 border-b border-surface-border/50 shrink-0",children:[e.jsxs("div",{className:"min-w-0 space-y-1",children:[e.jsx(I,{name:a,serverId:n,short:!1}),e.jsx("div",{children:e.jsx(F,{name:r.name,size:"md"})})]}),e.jsx("button",{onClick:u,className:"p-1 text-text-quaternary hover:text-text-primary shrink-0 ml-2",children:e.jsx(M,{className:"w-3.5 h-3.5"})})]}),e.jsxs("div",{className:"px-4 py-4 space-y-5",children:[r.description&&e.jsx("div",{className:"border-l-2 border-accent/30 pl-3 py-1",children:e.jsx("p",{className:"text-[11px] text-text-secondary leading-relaxed italic",children:r.description})}),e.jsxs("div",{children:[e.jsx("label",{className:w,children:"run as"}),e.jsx(L,{selected:g,onChange:E})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-[10px] text-text-quaternary",children:"Parameters"}),e.jsx("button",{onClick:T,className:"text-[10px] text-accent/70 hover:text-accent transition-colors",children:o?"Form view":"JSON view"})]}),o?e.jsx("textarea",{value:h,onChange:s=>f(s.target.value),className:"input-json w-full",rows:6,spellCheck:!1}):e.jsxs("div",{className:"space-y-3",children:[Object.entries(x).map(([s,i])=>{var v,S,C;const c=(S=(v=r.inputSchema)==null?void 0:v.properties)==null?void 0:S[s],y=c==null?void 0:c.description,P=(((C=r.inputSchema)==null?void 0:C.required)??[]).includes(s);return e.jsxs("div",{children:[e.jsxs("label",{className:w,children:[s,P&&e.jsx("span",{className:"text-accent/50 ml-0.5",children:"*"})]}),typeof i=="boolean"?e.jsxs("select",{value:String(i),onChange:d=>p({...x,[s]:d.target.value==="true"}),className:j,children:[e.jsx("option",{value:"true",children:"true"}),e.jsx("option",{value:"false",children:"false"})]}):Array.isArray(i)?e.jsx(K,{value:i,onChange:d=>p({...x,[s]:d}),className:j}):typeof i=="object"&&i!==null?e.jsx("textarea",{value:JSON.stringify(i,null,2),onChange:d=>{try{p({...x,[s]:JSON.parse(d.target.value)})}catch{}},className:`${j} min-h-[48px] font-mono resize-y`}):e.jsx("input",{type:typeof i=="number"?"number":"text",value:String(i??""),onChange:d=>p({...x,[s]:typeof i=="number"?Number(d.target.value):d.target.value}),className:j,placeholder:(c==null?void 0:c.type)==="string"&&(c==null?void 0:c.example)||""}),y&&e.jsx("p",{className:"text-[9px] text-text-quaternary/70 mt-0.5 leading-snug",children:y})]},s)}),Object.keys(x).length===0&&e.jsx("p",{className:"text-[11px] text-text-quaternary",children:"No parameters"})]}),b&&e.jsx("p",{className:"text-[11px] text-status-error mt-1",children:b})]}),e.jsx("button",{onClick:q,disabled:t.isPending,className:"btn-primary text-xs disabled:opacity-50 inline-flex items-center gap-1.5",children:t.isPending?"Running...":O?e.jsxs(e.Fragment,{children:[e.jsx(_,{size:12})," Re-run"]}):e.jsxs(e.Fragment,{children:[e.jsx(B,{size:12})," Run"]})}),t.isPending&&e.jsxs("div",{className:"animate-pulse",children:[e.jsx("p",{className:"text-[10px] text-text-quaternary mb-1",children:"Response"}),e.jsx("div",{className:"h-20 bg-surface-sunken/50 rounded-md"})]}),t.data?e.jsxs("div",{className:"space-y-2",children:[e.jsx(A,{data:t.data,label:"Response",defaultCollapsed:!0}),e.jsx($,{data:t.data})]}):null,t.error?e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] text-text-quaternary mb-1",children:"Response"}),e.jsx(U,{error:t.error})]}):null]})]})}export{ee as T};
-//# sourceMappingURL=ToolTestPanel-D4cgYW2p.js.map

package/dashboard/dist/assets/ToolTestPanel-D4cgYW2p.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolTestPanel-D4cgYW2p.js","sources":["../../src/components/common/test/ToolTestPanel.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { X, RotateCcw, Play, ExternalLink, KeyRound } from 'lucide-react';\nimport { useCallMcpTool } from '../../../api/mcp';\nimport { JsonViewer } from '../data/JsonViewer';\nimport { RunAsSelector } from '../form/RunAsSelector';\nimport { ToolPill } from '../display/ToolPill';\nimport { ServerName } from '../display/ServerName';\nimport type { McpToolManifest } from '../../../api/types';\nimport { buildSkeleton } from '../../../pages/mcp/mcp-query-detail/helpers';\n\nfunction ToolErrorDisplay({ error }: { error: Error | null }) {\n  const msg = error instanceof Error ? error.message : '';\n  if (msg.startsWith('No credential found for provider')) {\n    return (\n      <div className=\"bg-status-warning/10 border border-status-warning/30 rounded-md px-3 py-2 flex items-start gap-2\">\n        <KeyRound size={14} className=\"text-status-warning mt-0.5 shrink-0\" />\n        <div>\n          <p className=\"text-[11px] font-medium text-text-primary mb-0.5\">Credential required</p>\n          <p className=\"text-[11px] text-text-secondary mb-1\">{msg}</p>\n          <Link to=\"/credentials\" className=\"text-[11px] text-accent hover:underline inline-flex items-center gap-1\">\n            Go to Credentials <ExternalLink size={10} />\n          </Link>\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div className=\"bg-status-error/10 border border-status-error/20 rounded-md px-3 py-2\">\n      <p className=\"text-[11px] text-status-error\">{msg || 'Tool call failed'}</p>\n    </div>\n  );\n}\n\nfunction ExecutionLink({ data }: { data: unknown }) {\n  const res = (data as any)?.result;\n  const jobId = res?.job_id;\n  const ns = res?.namespace || 'longtail';\n  if (!jobId) return null;\n  return (\n    <Link\n      to={`/mcp/executions/${encodeURIComponent(jobId)}?namespace=${encodeURIComponent(ns)}`}\n      className=\"inline-flex items-center gap-1.5 text-xs text-accent hover:underline\"\n    >\n      <ExternalLink size={12} />\n      View Execution\n    </Link>\n  );\n}\n\ninterface ToolTestPanelProps {\n  serverId: string;\n  serverName: string;\n  tool: McpToolManifest;\n  onClose: () => void;\n}\n\nconst INPUT_CLS = 'input text-xs';\nconst LABEL_CLS = 'label';\n\n/** Text input for array fields — commits on blur or Enter, allows commas while typing */\nfunction ArrayInput({ value, onChange, className }: { value: any[]; onChange: (v: string[]) => void; className: string }) {\n  const [raw, setRaw] = useState(value.join(', '));\n  const commit = () => onChange(raw.split(',').map((s) => s.trim()).filter(Boolean));\n  // Sync if parent value changes externally\n  useEffect(() => { setRaw(value.join(', ')); }, [JSON.stringify(value)]); // eslint-disable-line\n  return (\n    <input\n      type=\"text\"\n      value={raw}\n      onChange={(e) => setRaw(e.target.value)}\n      onBlur={commit}\n      onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); commit(); } }}\n      placeholder=\"comma-separated values\"\n      className={className}\n    />\n  );\n}\n\nexport function ToolTestPanel({ serverId, serverName, tool, onClose }: ToolTestPanelProps) {\n  const callTool = useCallMcpTool();\n  const [jsonMode, setJsonMode] = useState(false);\n  const [fields, setFields] = useState<Record<string, any>>({});\n  const [argsJson, setArgsJson] = useState('');\n  const [jsonError, setJsonError] = useState('');\n  const [executeAs, setExecuteAs] = useState('');\n\n  useEffect(() => {\n    const skeleton = buildSkeleton(tool.inputSchema);\n    setFields(skeleton);\n    setArgsJson(JSON.stringify(skeleton, null, 2));\n    setJsonMode(false);\n    setJsonError('');\n    callTool.reset();\n  }, [tool.name, serverId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const hasResult = !!callTool.data || !!callTool.error;\n\n  const toggleMode = () => {\n    if (!jsonMode) {\n      setArgsJson(JSON.stringify(fields, null, 2));\n    } else {\n      try { setFields(JSON.parse(argsJson)); } catch { /* keep fields */ }\n    }\n    setJsonMode(!jsonMode);\n  };\n\n  const handleRun = () => {\n    setJsonError('');\n    callTool.reset();\n    let parsed: Record<string, unknown>;\n    if (jsonMode) {\n      try { parsed = JSON.parse(argsJson); } catch { setJsonError('Invalid JSON'); return; }\n    } else {\n      parsed = { ...fields };\n    }\n    callTool.mutate({\n      serverId,\n      toolName: tool.name,\n      arguments: parsed,\n      ...(executeAs ? { execute_as: executeAs } : {}),\n    });\n  };\n\n  return (\n    <div className=\"border-l border-surface-border bg-surface-raised\">\n      {/* Header */}\n      <div className=\"flex items-start justify-between px-4 py-3 border-b border-surface-border/50 shrink-0\">\n        <div className=\"min-w-0 space-y-1\">\n          <ServerName name={serverName} serverId={serverId} short={false} />\n          <div><ToolPill name={tool.name} size=\"md\" /></div>\n        </div>\n        <button onClick={onClose} className=\"p-1 text-text-quaternary hover:text-text-primary shrink-0 ml-2\">\n          <X className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Scrollable body */}\n      <div className=\"px-4 py-4 space-y-5\">\n        {tool.description && (\n          <div className=\"border-l-2 border-accent/30 pl-3 py-1\">\n            <p className=\"text-[11px] text-text-secondary leading-relaxed italic\">{tool.description}</p>\n          </div>\n        )}\n\n        {/* Run as */}\n        <div>\n          <label className={LABEL_CLS}>run as</label>\n          <RunAsSelector selected={executeAs} onChange={setExecuteAs} />\n        </div>\n\n        {/* Form / JSON toggle input */}\n        <div>\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-[10px] text-text-quaternary\">Parameters</span>\n            <button onClick={toggleMode} className=\"text-[10px] text-accent/70 hover:text-accent transition-colors\">\n              {jsonMode ? 'Form view' : 'JSON view'}\n            </button>\n          </div>\n\n          {jsonMode ? (\n            <textarea\n              value={argsJson}\n              onChange={(e) => setArgsJson(e.target.value)}\n              className=\"input-json w-full\"\n              rows={6}\n              spellCheck={false}\n            />\n          ) : (\n            <div className=\"space-y-3\">\n              {Object.entries(fields).map(([key, value]) => {\n                const propSchema = tool.inputSchema?.properties?.[key];\n                const hint = propSchema?.description;\n                const isRequired = (tool.inputSchema?.required ?? []).includes(key);\n                return (\n                  <div key={key}>\n                    <label className={LABEL_CLS}>\n                      {key}\n                      {isRequired && <span className=\"text-accent/50 ml-0.5\">*</span>}\n                    </label>\n                    {typeof value === 'boolean' ? (\n                      <select\n                        value={String(value)}\n                        onChange={(e) => setFields({ ...fields, [key]: e.target.value === 'true' })}\n                        className={INPUT_CLS}\n                      >\n                        <option value=\"true\">true</option>\n                        <option value=\"false\">false</option>\n                      </select>\n                    ) : Array.isArray(value) ? (\n                      <ArrayInput\n                        value={value as any[]}\n                        onChange={(v) => setFields({ ...fields, [key]: v })}\n                        className={INPUT_CLS}\n                      />\n                    ) : typeof value === 'object' && value !== null ? (\n                      <textarea\n                        value={JSON.stringify(value, null, 2)}\n                        onChange={(e) => { try { setFields({ ...fields, [key]: JSON.parse(e.target.value) }); } catch { /* invalid */ } }}\n                        className={`${INPUT_CLS} min-h-[48px] font-mono resize-y`}\n                      />\n                    ) : (\n                      <input\n                        type={typeof value === 'number' ? 'number' : 'text'}\n                        value={String(value ?? '')}\n                        onChange={(e) => setFields({ ...fields, [key]: typeof value === 'number' ? Number(e.target.value) : e.target.value })}\n                        className={INPUT_CLS}\n                        placeholder={propSchema?.type === 'string' ? propSchema?.example || '' : ''}\n                      />\n                    )}\n                    {hint && <p className=\"text-[9px] text-text-quaternary/70 mt-0.5 leading-snug\">{hint}</p>}\n                  </div>\n                );\n              })}\n              {Object.keys(fields).length === 0 && (\n                <p className=\"text-[11px] text-text-quaternary\">No parameters</p>\n              )}\n            </div>\n          )}\n          {jsonError && <p className=\"text-[11px] text-status-error mt-1\">{jsonError}</p>}\n        </div>\n\n        {/* Run button */}\n        <button\n          onClick={handleRun}\n          disabled={callTool.isPending}\n          className=\"btn-primary text-xs disabled:opacity-50 inline-flex items-center gap-1.5\"\n        >\n          {callTool.isPending ? (\n            'Running...'\n          ) : hasResult ? (\n            <><RotateCcw size={12} /> Re-run</>\n          ) : (\n            <><Play size={12} /> Run</>\n          )}\n        </button>\n\n        {/* Response */}\n        {callTool.isPending && (\n          <div className=\"animate-pulse\">\n            <p className=\"text-[10px] text-text-quaternary mb-1\">Response</p>\n            <div className=\"h-20 bg-surface-sunken/50 rounded-md\" />\n          </div>\n        )}\n        {callTool.data ? (\n          <div className=\"space-y-2\">\n            <JsonViewer data={callTool.data as Record<string, unknown>} label=\"Response\" defaultCollapsed />\n            <ExecutionLink data={callTool.data} />\n          </div>\n        ) : null}\n        {callTool.error ? (\n          <div>\n            <p className=\"text-[10px] text-text-quaternary mb-1\">Response</p>\n            <ToolErrorDisplay error={callTool.error as Error | null} />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["ToolErrorDisplay","error","msg","jsxs","jsx","KeyRound","Link","ExternalLink","ExecutionLink","data","res","jobId","ns","INPUT_CLS","LABEL_CLS","ArrayInput","value","onChange","className","raw","setRaw","useState","commit","s","useEffect","e","ToolTestPanel","serverId","serverName","tool","onClose","callTool","useCallMcpTool","jsonMode","setJsonMode","fields","setFields","argsJson","setArgsJson","jsonError","setJsonError","executeAs","setExecuteAs","skeleton","buildSkeleton","hasResult","toggleMode","handleRun","parsed","ServerName","ToolPill","X","RunAsSelector","key","propSchema","_b","_a","hint","isRequired","_c","v","Fragment","RotateCcw","Play","JsonViewer"],"mappings":"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"}

package/dashboard/dist/assets/WorkflowExecutionPage-CVGztAdK.js

@@ -1,2 +0,0 @@
-import{j as e,a as b}from"./vendor-query-B2UbickB.js";import{a as $,g as L}from"./workflows-MpNdzreD.js";import{h as R}from"./useEventHooks-C689a4F7.js";import{u as P,E as A}from"./EventTable-B9wYf13g.js";import{b as D,e as K}from"./tasks-C-QX245z.js";import{c as k,D as Q,J as N,d as V}from"./index-CBS8FBcp.js";import{P as z}from"./PageHeader-Bo0SpcCK.js";import{C as g}from"./CollapsibleSection-D9F01Tny.js";import{L as B}from"./ListToolbar-DL1wEuvL.js";import{S as _}from"./StatusBadge-XQlNFwmH.js";import{L as u,e as H,u as J,c as M}from"./vendor-react-CX88sFS5.js";import{S as O}from"./SwimlaneTimeline-CU2ZD9cC.js";import"./FilterBar-Ck4K4rzu.js";import"./vendor-icons-BNtvBbnj.js";function x({label:t,value:a,mono:r,truncate:s,children:n}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:t}),n||e.jsx("p",{className:`text-xs text-text-primary ${r?"font-mono":""} ${s?"truncate":""}`,title:s?a:void 0,children:a})]})}function F(t){const a=t.lastIndexOf("-");return a<=0?{taskQueue:t,workflowType:t}:{taskQueue:t.substring(0,a),workflowType:t.substring(a+1)}}function U({execution:t,task:a,escalations:r}){const n=a&&a.workflow_id===t.workflow_id?a.parent_workflow_id:null,{taskQueue:o,workflowType:m}=F(t.workflow_type);return e.jsxs("div",{className:"px-6 py-6 mb-6",children:[e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-y-4 gap-x-8",children:[e.jsx(x,{label:"Workflow Type",value:m,mono:!0}),e.jsx(x,{label:"Task Queue",value:o,mono:!0}),e.jsx(x,{label:"Start Time",children:t.start_time?e.jsx(k,{date:t.start_time,format:"datetime",className:"text-text-primary"}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"--"})}),e.jsx(x,{label:"End Time",children:t.close_time?e.jsx(k,{date:t.close_time,format:"datetime",className:"text-text-primary"}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"--"})}),e.jsx(x,{label:"Duration",children:e.jsx(Q,{ms:t.duration_ms,className:"font-mono text-text-primary"})}),e.jsx(x,{label:"History Size",value:`${t.summary.total_events} events`}),e.jsx(x,{label:"Activities",value:`${t.summary.activities.completed} / ${t.summary.activities.total}`}),e.jsx(x,{label:"Run ID",value:t.workflow_id,mono:!0,truncate:!0})]}),(n||a||r&&r.length>0)&&e.jsxs("div",{className:"mt-5 pt-4 border-t border-surface-border space-y-3",children:[n&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary shrink-0",children:"Parent"}),e.jsx(u,{to:`/workflows/executions/${n}`,className:"text-xs font-mono text-accent hover:underline truncate",title:n,children:n})]}),!1,r&&r.length>0&&e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary shrink-0 mt-0.5",children:r.length===1?"Escalation":"Escalations"}),e.jsx("div",{className:"flex flex-wrap gap-x-4 gap-y-1",children:r.map(l=>e.jsxs(u,{to:`/escalations/detail/${l.id}`,className:"inline-flex items-center gap-1.5 text-xs font-mono text-accent hover:underline",children:[e.jsx("span",{children:l.type}),e.jsx(_,{status:l.status})]},l.id))})]})]})]})}function q(t){var s;const a=t.events.find(n=>n.event_type==="workflow_execution_started"),r=(s=a==null?void 0:a.attributes)==null?void 0:s.input;return r&&typeof r=="object"?r:null}function Z({execution:t}){const a=q(t),r=t.result,s=(r==null?void 0:r.data)??r??null;return!a&&!s?null:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[a!==null&&e.jsx("div",{children:e.jsx(N,{data:a,label:"Input Envelope"})}),s!==null&&e.jsx("div",{children:e.jsx(N,{data:s,label:"Result"})})]})}function G({isRunning:t,hasToolCalls:a,workflowId:r,onAction:s}){const[n,o]=b.useState(!1),m=b.useRef(null);return b.useEffect(()=>{if(!n)return;const l=p=>{m.current&&!m.current.contains(p.target)&&o(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)},[n]),e.jsxs("div",{className:"relative",ref:m,children:[e.jsx("button",{onClick:()=>o(!n),className:"btn-primary text-xs",children:"Actions"}),n&&e.jsxs("div",{className:"absolute right-0 mt-1 w-44 bg-surface-raised border border-surface-border rounded-md shadow-lg z-10",children:[e.jsx("button",{onClick:()=>{s("restart"),o(!1)},className:"block w-full text-left px-4 py-2 text-xs text-text-secondary hover:bg-surface-hover",children:"Restart Workflow"}),t&&e.jsx("button",{onClick:()=>{s("terminate"),o(!1)},className:"block w-full text-left px-4 py-2 text-xs text-status-error hover:bg-surface-hover",children:"Terminate"}),a&&e.jsx(u,{to:`/mcp/queries/${r}?step=3`,className:"block w-full text-left px-4 py-2 text-xs text-accent hover:bg-surface-hover",onClick:()=>o(!1),children:"Compile into Pipeline"})]})]})}function me(){const{workflowId:t}=H(),{pathname:a}=J();R(t);const r=(a.startsWith("/workflows/durable/"),"Durable Execution"),{data:s,isLoading:n,error:o,refetch:m,isFetching:l}=$(t),{data:p}=D(t),{data:c}=K(t),{data:f}=V(t),T=M(),h=L(),{isCollapsed:w,toggle:j}=P("workflow-execution"),E=d=>{var i;if(d==="terminate")confirm("Are you sure you want to terminate this workflow?")&&h.mutate(t);else if(d==="restart"&&s){const I=s.workflow_id.replace(/-[A-Za-z0-9_-]{20,}$/,""),v=s.events.find(S=>S.event_type==="workflow_execution_started"),y=(i=v==null?void 0:v.attributes)==null?void 0:i.input;y&&sessionStorage.setItem("lt:invoke:prefill",JSON.stringify(y)),T(`/workflows/start?type=${encodeURIComponent(I)}&mode=now`)}};if(n)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});if(o||!s){const d=(o==null?void 0:o.message)??"",i=d.includes("expired")||d.includes("no longer available");return e.jsxs("div",{children:[e.jsx(u,{to:"/workflows/executions",className:"text-xs text-text-tertiary hover:text-text-primary",children:"← Workflows"}),e.jsxs("div",{className:"mt-4 text-center py-8",children:[e.jsx("p",{className:"text-sm text-text-primary mb-1",children:i?"Execution data is no longer available":o?"Unable to load execution":"Execution not found"}),e.jsx("p",{className:"text-xs text-text-tertiary",children:i?"This workflow's underlying job has expired. The task record is preserved, but the execution timeline has been cleaned up.":d||"The workflow could not be resolved."})]})]})}const C=s.status!=="completed"&&s.status!=="failed",W=s.status==="completed"&&s.events.some(d=>{if(d.event_type!=="activity_task_completed")return!1;const i=d.attributes.activity_type;return i==="callDbTool"||i==="callVisionTool"||i==="callMcpTool"||(i==null?void 0:i.startsWith("mcp_"))});return e.jsxs("div",{children:[e.jsx(z,{title:r,actions:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(B,{onRefresh:()=>m(),isFetching:l,apiPath:`/workflow-states/${t}/execution`}),e.jsx(_,{status:s.status}),e.jsx(G,{isRunning:C,hasToolCalls:W,workflowId:t,onAction:E})]})}),e.jsx(U,{execution:s,task:p,childTasks:c==null?void 0:c.tasks,escalations:f==null?void 0:f.escalations}),h.error&&e.jsx("div",{className:"py-3 mb-6",children:e.jsxs("p",{className:"text-xs text-status-error",children:["Terminate failed: ",h.error.message]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(g,{title:"Details",sectionKey:"details",isCollapsed:w("details"),onToggle:j,contentClassName:"mt-4 ml-9",children:e.jsx(Z,{execution:s})}),e.jsx(g,{title:"Execution Timeline",sectionKey:"timeline",isCollapsed:w("timeline"),onToggle:j,contentClassName:"mt-4 ml-9",children:e.jsx(O,{events:s.events,childTasks:c==null?void 0:c.tasks})}),e.jsx(g,{title:"Events",sectionKey:"events",isCollapsed:w("events"),onToggle:j,contentClassName:"mt-4 ml-9",children:e.jsx(A,{events:s.events,childTasks:c==null?void 0:c.tasks})})]})]})}export{me as WorkflowExecutionPage};
-//# sourceMappingURL=WorkflowExecutionPage-CVGztAdK.js.map

package/dashboard/dist/assets/WorkflowExecutionPage-CVGztAdK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowExecutionPage-CVGztAdK.js","sources":["../../src/pages/workflows/workflow-execution/ExecutionHeader.tsx","../../src/pages/workflows/workflow-execution/ExecutionInputResult.tsx","../../src/pages/workflows/WorkflowExecutionPage.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport type { WorkflowExecution, LTTaskRecord, LTEscalationRecord } from '../../../api/types';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\n\nfunction MetadataField({\n  label,\n  value,\n  mono,\n  truncate,\n  children,\n}: {\n  label: string;\n  value?: string;\n  mono?: boolean;\n  truncate?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <div>\n      <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n        {label}\n      </p>\n      {children || (\n        <p\n          className={`text-xs text-text-primary ${mono ? 'font-mono' : ''} ${truncate ? 'truncate' : ''}`}\n          title={truncate ? value : undefined}\n        >\n          {value}\n        </p>\n      )}\n    </div>\n  );\n}\n\n/**\n * Split a HotMesh compound entity key (taskQueue-workflowName) on the last '-'.\n * Workflow names are camelCase, so the last segment is always the workflow type.\n */\nfunction splitEntityKey(compound: string): { taskQueue: string; workflowType: string } {\n  const lastDash = compound.lastIndexOf('-');\n  if (lastDash <= 0) return { taskQueue: compound, workflowType: compound };\n  return {\n    taskQueue: compound.substring(0, lastDash),\n    workflowType: compound.substring(lastDash + 1),\n  };\n}\n\ninterface ExecutionHeaderProps {\n  execution: WorkflowExecution;\n  task?: LTTaskRecord | null;\n  childTasks?: LTTaskRecord[];\n  escalations?: LTEscalationRecord[];\n}\n\nexport function ExecutionHeader({ execution, task, escalations }: ExecutionHeaderProps) {\n  // Determine parent relationship\n  const isLeaf = task && task.workflow_id === execution.workflow_id;\n  const parentWorkflowId = isLeaf ? task.parent_workflow_id : null;\n\n  // Split compound HotMesh keys into separate task queue / workflow type\n  const { taskQueue, workflowType } = splitEntityKey(execution.workflow_type);\n\n  return (\n    <div className=\"px-6 py-6 mb-6\">\n\n      <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-y-4 gap-x-8\">\n        <MetadataField label=\"Workflow Type\" value={workflowType} mono />\n        <MetadataField label=\"Task Queue\" value={taskQueue} mono />\n        <MetadataField label=\"Start Time\">\n          {execution.start_time\n            ? <DateValue date={execution.start_time} format=\"datetime\" className=\"text-text-primary\" />\n            : <span className=\"text-xs text-text-tertiary\">--</span>}\n        </MetadataField>\n        <MetadataField label=\"End Time\">\n          {execution.close_time\n            ? <DateValue date={execution.close_time} format=\"datetime\" className=\"text-text-primary\" />\n            : <span className=\"text-xs text-text-tertiary\">--</span>}\n        </MetadataField>\n        <MetadataField label=\"Duration\">\n          <DurationValue ms={execution.duration_ms} className=\"font-mono text-text-primary\" />\n        </MetadataField>\n        <MetadataField\n          label=\"History Size\"\n          value={`${execution.summary.total_events} events`}\n        />\n        <MetadataField\n          label=\"Activities\"\n          value={`${execution.summary.activities.completed} / ${execution.summary.activities.total}`}\n        />\n        <MetadataField\n          label=\"Run ID\"\n          value={execution.workflow_id}\n          mono\n          truncate\n        />\n      </div>\n\n      {/* Related links */}\n      {(parentWorkflowId || task || (escalations && escalations.length > 0)) && (\n        <div className=\"mt-5 pt-4 border-t border-surface-border space-y-3\">\n          {/* Parent navigation */}\n          {parentWorkflowId && (\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary shrink-0\">\n                Parent\n              </span>\n              <Link\n                to={`/workflows/executions/${parentWorkflowId}`}\n                className=\"text-xs font-mono text-accent hover:underline truncate\"\n                title={parentWorkflowId}\n              >\n                {parentWorkflowId}\n              </Link>\n            </div>\n          )}\n\n          {/* Process link — deep-links to process list filtered by this workflow */}\n          {false && (\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary shrink-0\">\n                Process\n              </span>\n              <Link\n                to={`/processes/all?search=${encodeURIComponent(execution.workflow_id)}`}\n                className=\"text-xs font-mono text-accent hover:underline truncate\"\n              >\n                Find in Processes\n              </Link>\n            </div>\n          )}\n\n          {/* Escalation links */}\n          {escalations && escalations.length > 0 && (\n            <div className=\"flex items-start gap-2\">\n              <span className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary shrink-0 mt-0.5\">\n                {escalations.length === 1 ? 'Escalation' : 'Escalations'}\n              </span>\n              <div className=\"flex flex-wrap gap-x-4 gap-y-1\">\n                {escalations.map((esc) => (\n                  <Link\n                    key={esc.id}\n                    to={`/escalations/detail/${esc.id}`}\n                    className=\"inline-flex items-center gap-1.5 text-xs font-mono text-accent hover:underline\"\n                  >\n                    <span>{esc.type}</span>\n                    <StatusBadge status={esc.status} />\n                  </Link>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport type { WorkflowExecution } from '../../../api/types';\n\ninterface ExecutionInputResultProps {\n  execution: WorkflowExecution;\n}\n\n/**\n * Extract the workflow input envelope from the workflow_execution_started event.\n * HotMesh 0.13.0+ includes the actual trigger arguments (the envelope passed\n * to startWorkflow) in the start event's `input` attribute.\n */\nfunction extractInput(execution: WorkflowExecution): Record<string, unknown> | null {\n  const startEvent = execution.events.find(\n    (e) => e.event_type === 'workflow_execution_started',\n  );\n  const input = (startEvent?.attributes as any)?.input;\n  return input && typeof input === 'object' ? input : null;\n}\n\nexport function ExecutionInputResult({ execution }: ExecutionInputResultProps) {\n  const input = extractInput(execution);\n\n  // Result: unwrap the workflow return — the `data` field is what LT users care about\n  const rawResult = execution.result as Record<string, unknown> | null | undefined;\n  const result = rawResult?.data ?? rawResult ?? null;\n\n  if (!input && !result) return null;\n\n  return (\n    <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6\">\n      {input !== null && (\n        <div>\n          <JsonViewer data={input} label=\"Input Envelope\" />\n        </div>\n      )}\n      {result !== null && (\n        <div>\n          <JsonViewer data={result} label=\"Result\" />\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState, useRef, useEffect } from 'react';\nimport { useParams, useLocation, useNavigate, Link } from 'react-router-dom';\nimport { useWorkflowExecution, useTerminateWorkflow } from '../../api/workflows';\nimport { useWorkflowDetailEvents } from '../../hooks/useEventHooks';\nimport { useCollapsedSections } from '../../hooks/useCollapsedSections';\nimport { useTaskByWorkflowId, useChildTasks } from '../../api/tasks';\nimport { useEscalationsByWorkflowId } from '../../api/escalations';\n\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { CollapsibleSection } from '../../components/common/layout/CollapsibleSection';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { StatusBadge } from '../../components/common/display/StatusBadge';\n\nimport { ExecutionHeader } from './workflow-execution/ExecutionHeader';\nimport { ExecutionInputResult } from './workflow-execution/ExecutionInputResult';\nimport { SwimlaneTimeline } from './workflow-execution/SwimlaneTimeline';\nimport { EventTable } from './workflow-execution/EventTable';\n\nfunction ActionsDropdown({ isRunning, hasToolCalls, workflowId, onAction }: {\n  isRunning: boolean;\n  hasToolCalls: boolean;\n  workflowId: string;\n  onAction: (action: 'restart' | 'terminate') => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [open]);\n\n  return (\n    <div className=\"relative\" ref={ref}>\n      <button onClick={() => setOpen(!open)} className=\"btn-primary text-xs\">\n        Actions\n      </button>\n      {open && (\n        <div className=\"absolute right-0 mt-1 w-44 bg-surface-raised border border-surface-border rounded-md shadow-lg z-10\">\n          <button\n            onClick={() => { onAction('restart'); setOpen(false); }}\n            className=\"block w-full text-left px-4 py-2 text-xs text-text-secondary hover:bg-surface-hover\"\n          >\n            Restart Workflow\n          </button>\n          {isRunning && (\n            <button\n              onClick={() => { onAction('terminate'); setOpen(false); }}\n              className=\"block w-full text-left px-4 py-2 text-xs text-status-error hover:bg-surface-hover\"\n            >\n              Terminate\n            </button>\n          )}\n          {hasToolCalls && (\n            <Link\n              to={`/mcp/queries/${workflowId}?step=3`}\n              className=\"block w-full text-left px-4 py-2 text-xs text-accent hover:bg-surface-hover\"\n              onClick={() => setOpen(false)}\n            >\n              Compile into Pipeline\n            </Link>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function WorkflowExecutionPage() {\n  const { workflowId } = useParams<{ workflowId: string }>();\n  const { pathname } = useLocation();\n  useWorkflowDetailEvents(workflowId);\n\n  const executionTitle = pathname.startsWith('/workflows/durable/')\n    ? 'Durable Execution'\n    : 'Durable Execution';\n  const { data: execution, isLoading, error, refetch, isFetching } = useWorkflowExecution(workflowId!);\n  const { data: task } = useTaskByWorkflowId(workflowId!);\n  const { data: childTasksData } = useChildTasks(workflowId!);\n  const { data: escalationsData } = useEscalationsByWorkflowId(workflowId);\n  const navigate = useNavigate();\n  const terminateMutation = useTerminateWorkflow();\n  const { isCollapsed, toggle } = useCollapsedSections('workflow-execution');\n\n  const handleAction = (action: 'restart' | 'terminate') => {\n    if (action === 'terminate') {\n      if (confirm('Are you sure you want to terminate this workflow?')) {\n        terminateMutation.mutate(workflowId!);\n      }\n    } else if (action === 'restart' && execution) {\n      // Extract entity from workflow_id (format: {entity}-{guid})\n      const entity = execution.workflow_id.replace(/-[A-Za-z0-9_-]{20,}$/, '');\n      // Extract original input from the started event\n      const startEvent = execution.events.find((e) => e.event_type === 'workflow_execution_started');\n      const input = (startEvent?.attributes as any)?.input;\n      if (input) {\n        sessionStorage.setItem('lt:invoke:prefill', JSON.stringify(input));\n      }\n      navigate(`/workflows/start?type=${encodeURIComponent(entity)}&mode=now`);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-60 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (error || !execution) {\n    const msg = (error as Error)?.message ?? '';\n    const isExpired = msg.includes('expired') || msg.includes('no longer available');\n\n    return (\n      <div>\n        <Link to=\"/workflows/executions\" className=\"text-xs text-text-tertiary hover:text-text-primary\">\n          &larr; Workflows\n        </Link>\n        <div className=\"mt-4 text-center py-8\">\n          <p className=\"text-sm text-text-primary mb-1\">\n            {isExpired\n              ? 'Execution data is no longer available'\n              : error\n                ? 'Unable to load execution'\n                : 'Execution not found'}\n          </p>\n          <p className=\"text-xs text-text-tertiary\">\n            {isExpired\n              ? \"This workflow's underlying job has expired. The task record is preserved, but the execution timeline has been cleaned up.\"\n              : msg || 'The workflow could not be resolved.'}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const isRunning = execution.status !== 'completed' && execution.status !== 'failed';\n  const hasToolCalls = execution.status === 'completed' && execution.events.some(\n    (e) => {\n      if (e.event_type !== 'activity_task_completed') return false;\n      const actType = (e.attributes as any).activity_type;\n      return actType === 'callDbTool' || actType === 'callVisionTool' || actType === 'callMcpTool' || actType?.startsWith('mcp_');\n    },\n  );\n\n  return (\n    <div>\n      <PageHeader\n        title={executionTitle}\n        actions={\n          <div className=\"flex items-center gap-3\">\n            <ListToolbar\n              onRefresh={() => refetch()}\n              isFetching={isFetching}\n              apiPath={`/workflow-states/${workflowId}/execution`}\n            />\n            <StatusBadge status={execution.status} />\n            <ActionsDropdown\n              isRunning={isRunning}\n              hasToolCalls={hasToolCalls}\n              workflowId={workflowId!}\n              onAction={handleAction}\n            />\n          </div>\n        }\n      />\n\n      <ExecutionHeader\n        execution={execution}\n        task={task}\n        childTasks={childTasksData?.tasks}\n        escalations={escalationsData?.escalations}\n      />\n\n      {terminateMutation.error && (\n        <div className=\"py-3 mb-6\">\n          <p className=\"text-xs text-status-error\">\n            Terminate failed: {terminateMutation.error.message}\n          </p>\n        </div>\n      )}\n\n\n      <div className=\"space-y-6\">\n        <CollapsibleSection title=\"Details\" sectionKey=\"details\" isCollapsed={isCollapsed('details')} onToggle={toggle} contentClassName=\"mt-4 ml-9\">\n          <ExecutionInputResult execution={execution} />\n        </CollapsibleSection>\n\n        <CollapsibleSection title=\"Execution Timeline\" sectionKey=\"timeline\" isCollapsed={isCollapsed('timeline')} onToggle={toggle} contentClassName=\"mt-4 ml-9\">\n          <SwimlaneTimeline\n            events={execution.events}\n            childTasks={childTasksData?.tasks}\n          />\n        </CollapsibleSection>\n\n        <CollapsibleSection title=\"Events\" sectionKey=\"events\" isCollapsed={isCollapsed('events')} onToggle={toggle} contentClassName=\"mt-4 ml-9\">\n          <EventTable\n            events={execution.events}\n            childTasks={childTasksData?.tasks}\n          />\n        </CollapsibleSection>\n      </div>\n    </div>\n  );\n}\n"],"names":["MetadataField","label","value","mono","truncate","children","jsx","splitEntityKey","compound","lastDash","ExecutionHeader","execution","task","escalations","parentWorkflowId","taskQueue","workflowType","jsxs","DateValue","DurationValue","Link","esc","StatusBadge","extractInput","startEvent","e","input","_a","ExecutionInputResult","rawResult","result","JsonViewer","ActionsDropdown","isRunning","hasToolCalls","workflowId","onAction","open","setOpen","useState","ref","useRef","useEffect","handler","WorkflowExecutionPage","useParams","pathname","useLocation","useWorkflowDetailEvents","executionTitle","isLoading","error","refetch","isFetching","useWorkflowExecution","useTaskByWorkflowId","childTasksData","useChildTasks","escalationsData","useEscalationsByWorkflowId","navigate","useNavigate","terminateMutation","useTerminateWorkflow","isCollapsed","toggle","useCollapsedSections","handleAction","action","entity","msg","isExpired","actType","PageHeader","ListToolbar","CollapsibleSection","SwimlaneTimeline","EventTable"],"mappings":"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"}

package/dashboard/dist/assets/WorkflowPill-pPuGH8v9.js

@@ -1,2 +0,0 @@
-import{j as n}from"./vendor-query-B2UbickB.js";import{c as d,W as u,S as f,a9 as m}from"./vendor-icons-BNtvBbnj.js";const s=[{text:"text-rose-400",bg:"bg-rose-400/[0.08]"},{text:"text-pink-400",bg:"bg-pink-400/[0.08]"},{text:"text-fuchsia-400",bg:"bg-fuchsia-400/[0.08]"},{text:"text-purple-400",bg:"bg-purple-400/[0.08]"},{text:"text-violet-400",bg:"bg-violet-400/[0.08]"},{text:"text-indigo-400",bg:"bg-indigo-400/[0.08]"},{text:"text-blue-400",bg:"bg-blue-400/[0.08]"},{text:"text-sky-400",bg:"bg-sky-400/[0.08]"},{text:"text-cyan-400",bg:"bg-cyan-400/[0.08]"},{text:"text-teal-400",bg:"bg-teal-400/[0.08]"},{text:"text-emerald-400",bg:"bg-emerald-400/[0.08]"},{text:"text-green-400",bg:"bg-green-400/[0.08]"},{text:"text-lime-400",bg:"bg-lime-400/[0.08]"},{text:"text-yellow-400",bg:"bg-yellow-400/[0.08]"},{text:"text-amber-400",bg:"bg-amber-400/[0.08]"},{text:"text-orange-400",bg:"bg-orange-400/[0.08]"},{text:"text-red-400",bg:"bg-red-400/[0.08]"},{text:"text-stone-400",bg:"bg-stone-400/[0.08]"},{text:"text-rose-300",bg:"bg-rose-300/[0.08]"},{text:"text-violet-300",bg:"bg-violet-300/[0.08]"},{text:"text-sky-300",bg:"bg-sky-300/[0.08]"},{text:"text-teal-300",bg:"bg-teal-300/[0.08]"},{text:"text-amber-300",bg:"bg-amber-300/[0.08]"},{text:"text-pink-300",bg:"bg-pink-300/[0.08]"}];function h(e){let t=0;for(let x=0;x<e.length;x++)t=(t<<5)-t+e.charCodeAt(x)|0;return Math.abs(t)}function k(e){return s[h(e)%s.length]}const y={certified:m,configured:f,pipeline:u,durable:d},C={certified:"text-status-success",configured:"text-status-info"};function I({type:e,size:t="sm",certified:x,variant:r}){const l=t==="md"?"px-2.5 py-0.5 gap-1.5":t==="xs"?"px-1 py-px gap-0.5":"px-1.5 py-px gap-1",a=t==="md"?"13px":t==="xs"?"9px":"11px",i=t==="md"?"w-3.5 h-3.5":t==="xs"?"w-2 h-2":"w-2.5 h-2.5",o=r??(x?"certified":"durable"),c=y[o],b=C[o],g=b?null:k(e),p=b||((g==null?void 0:g.text)??"text-accent/75");return n.jsxs("span",{className:`inline-flex items-center ${l} font-mono text-text-secondary border border-surface-border rounded-lg`,style:{fontSize:a,lineHeight:1.1},children:[n.jsx(c,{className:`${i} shrink-0 ${p}`}),e]})}export{I as W};
-//# sourceMappingURL=WorkflowPill-pPuGH8v9.js.map

package/dashboard/dist/assets/WorkflowPill-pPuGH8v9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowPill-pPuGH8v9.js","sources":["../../src/lib/type-color.ts","../../src/components/common/display/WorkflowPill.tsx"],"sourcesContent":["/**\n * Deterministic color assignment for workflow type names.\n *\n * Maps any string to a consistent color from a curated 24-color palette.\n * The same type name always produces the same color across the entire UI.\n * Uses a simple hash to distribute names evenly across the palette.\n *\n * Each entry provides:\n *   text  — icon and text color (Tailwind class)\n *   bg    — subtle background tint (Tailwind class)\n */\n\nconst PALETTE: Array<{ text: string; bg: string }> = [\n  { text: 'text-rose-400',     bg: 'bg-rose-400/[0.08]' },\n  { text: 'text-pink-400',     bg: 'bg-pink-400/[0.08]' },\n  { text: 'text-fuchsia-400',  bg: 'bg-fuchsia-400/[0.08]' },\n  { text: 'text-purple-400',   bg: 'bg-purple-400/[0.08]' },\n  { text: 'text-violet-400',   bg: 'bg-violet-400/[0.08]' },\n  { text: 'text-indigo-400',   bg: 'bg-indigo-400/[0.08]' },\n  { text: 'text-blue-400',     bg: 'bg-blue-400/[0.08]' },\n  { text: 'text-sky-400',      bg: 'bg-sky-400/[0.08]' },\n  { text: 'text-cyan-400',     bg: 'bg-cyan-400/[0.08]' },\n  { text: 'text-teal-400',     bg: 'bg-teal-400/[0.08]' },\n  { text: 'text-emerald-400',  bg: 'bg-emerald-400/[0.08]' },\n  { text: 'text-green-400',    bg: 'bg-green-400/[0.08]' },\n  { text: 'text-lime-400',     bg: 'bg-lime-400/[0.08]' },\n  { text: 'text-yellow-400',   bg: 'bg-yellow-400/[0.08]' },\n  { text: 'text-amber-400',    bg: 'bg-amber-400/[0.08]' },\n  { text: 'text-orange-400',   bg: 'bg-orange-400/[0.08]' },\n  { text: 'text-red-400',      bg: 'bg-red-400/[0.08]' },\n  { text: 'text-stone-400',    bg: 'bg-stone-400/[0.08]' },\n  { text: 'text-rose-300',     bg: 'bg-rose-300/[0.08]' },\n  { text: 'text-violet-300',   bg: 'bg-violet-300/[0.08]' },\n  { text: 'text-sky-300',      bg: 'bg-sky-300/[0.08]' },\n  { text: 'text-teal-300',     bg: 'bg-teal-300/[0.08]' },\n  { text: 'text-amber-300',    bg: 'bg-amber-300/[0.08]' },\n  { text: 'text-pink-300',     bg: 'bg-pink-300/[0.08]' },\n];\n\nfunction hash(str: string): number {\n  let h = 0;\n  for (let i = 0; i < str.length; i++) {\n    h = ((h << 5) - h + str.charCodeAt(i)) | 0;\n  }\n  return Math.abs(h);\n}\n\nexport function typeColor(typeName: string): { text: string; bg: string } {\n  return PALETTE[hash(typeName) % PALETTE.length];\n}\n","import { Workflow, ShieldCheck, Settings, Wand2 } from 'lucide-react';\nimport { typeColor } from '../../../lib/type-color';\n\ntype WorkflowVariant = 'durable' | 'configured' | 'certified' | 'pipeline';\n\ninterface WorkflowPillProps {\n  type: string;\n  size?: 'xs' | 'sm' | 'md';\n  /** @deprecated Use `variant` instead */\n  certified?: boolean;\n  variant?: WorkflowVariant;\n}\n\nconst VARIANT_ICON: Record<WorkflowVariant, typeof Workflow> = {\n  certified:  ShieldCheck,\n  configured: Settings,\n  pipeline:   Wand2,\n  durable:    Workflow,\n};\n\nconst VARIANT_FIXED_COLOR: Record<string, string> = {\n  certified:  'text-status-success',\n  configured: 'text-status-info',\n};\n\nexport function WorkflowPill({ type, size = 'sm', certified, variant }: WorkflowPillProps) {\n  const sizeClass = size === 'md'\n    ? 'px-2.5 py-0.5 gap-1.5'\n    : size === 'xs'\n      ? 'px-1 py-px gap-0.5'\n      : 'px-1.5 py-px gap-1';\n  const fontSize = size === 'md' ? '13px' : size === 'xs' ? '9px' : '11px';\n  const iconClass = size === 'md' ? 'w-3.5 h-3.5' : size === 'xs' ? 'w-2 h-2' : 'w-2.5 h-2.5';\n\n  const resolved = variant ?? (certified ? 'certified' : 'durable');\n  const Icon = VARIANT_ICON[resolved];\n\n  // Pipeline and durable variants get a type-name-derived color.\n  // Certified and configured keep their fixed semantic colors.\n  const fixedColor = VARIANT_FIXED_COLOR[resolved];\n  const derived = fixedColor ? null : typeColor(type);\n  const iconColor = fixedColor || (derived?.text ?? 'text-accent/75');\n\n  return (\n    <span className={`inline-flex items-center ${sizeClass} font-mono text-text-secondary border border-surface-border rounded-lg`} style={{ fontSize, lineHeight: 1.1 }}>\n      <Icon className={`${iconClass} shrink-0 ${iconColor}`} />\n      {type}\n    </span>\n  );\n}\n"],"names":["PALETTE","hash","str","h","i","typeColor","typeName","VARIANT_ICON","ShieldCheck","Settings","Wand2","Workflow","VARIANT_FIXED_COLOR","WorkflowPill","type","size","certified","variant","sizeClass","fontSize","iconClass","resolved","Icon","fixedColor","derived","iconColor","jsxs","jsx"],"mappings":"oHAYA,MAAMA,EAA+C,CACnD,CAAE,KAAM,gBAAqB,GAAI,oBAAA,EACjC,CAAE,KAAM,gBAAqB,GAAI,oBAAA,EACjC,CAAE,KAAM,mBAAqB,GAAI,uBAAA,EACjC,CAAE,KAAM,kBAAqB,GAAI,sBAAA,EACjC,CAAE,KAAM,kBAAqB,GAAI,sBAAA,EACjC,CAAE,KAAM,kBAAqB,GAAI,sBAAA,EACjC,CAAE,KAAM,gBAAqB,GAAI,oBAAA,EACjC,CAAE,KAAM,eAAqB,GAAI,mBAAA,EACjC,CAAE,KAAM,gBAAqB,GAAI,oBAAA,EACjC,CAAE,KAAM,gBAAqB,GAAI,oBAAA,EACjC,CAAE,KAAM,mBAAqB,GAAI,uBAAA,EACjC,CAAE,KAAM,iBAAqB,GAAI,qBAAA,EACjC,CAAE,KAAM,gBAAqB,GAAI,oBAAA,EACjC,CAAE,KAAM,kBAAqB,GAAI,sBAAA,EACjC,CAAE,KAAM,iBAAqB,GAAI,qBAAA,EACjC,CAAE,KAAM,kBAAqB,GAAI,sBAAA,EACjC,CAAE,KAAM,eAAqB,GAAI,mBAAA,EACjC,CAAE,KAAM,iBAAqB,GAAI,qBAAA,EACjC,CAAE,KAAM,gBAAqB,GAAI,oBAAA,EACjC,CAAE,KAAM,kBAAqB,GAAI,sBAAA,EACjC,CAAE,KAAM,eAAqB,GAAI,mBAAA,EACjC,CAAE,KAAM,gBAAqB,GAAI,oBAAA,EACjC,CAAE,KAAM,iBAAqB,GAAI,qBAAA,EACjC,CAAE,KAAM,gBAAqB,GAAI,oBAAA,CACnC,EAEA,SAASC,EAAKC,EAAqB,CACjC,IAAIC,EAAI,EACR,QAASC,EAAI,EAAGA,EAAIF,EAAI,OAAQE,IAC9BD,GAAMA,GAAK,GAAKA,EAAID,EAAI,WAAWE,CAAC,EAAK,EAE3C,OAAO,KAAK,IAAID,CAAC,CACnB,CAEO,SAASE,EAAUC,EAAgD,CACxE,OAAON,EAAQC,EAAKK,CAAQ,EAAIN,EAAQ,MAAM,CAChD,CCpCA,MAAMO,EAAyD,CAC7D,UAAYC,EACZ,WAAYC,EACZ,SAAYC,EACZ,QAAYC,CACd,EAEMC,EAA8C,CAClD,UAAY,sBACZ,WAAY,kBACd,EAEO,SAASC,EAAa,CAAE,KAAAC,EAAM,KAAAC,EAAO,KAAM,UAAAC,EAAW,QAAAC,GAA8B,CACzF,MAAMC,EAAYH,IAAS,KACvB,wBACAA,IAAS,KACP,qBACA,qBACAI,EAAWJ,IAAS,KAAO,OAASA,IAAS,KAAO,MAAQ,OAC5DK,EAAYL,IAAS,KAAO,cAAgBA,IAAS,KAAO,UAAY,cAExEM,EAAWJ,IAAYD,EAAY,YAAc,WACjDM,EAAOf,EAAac,CAAQ,EAI5BE,EAAaX,EAAoBS,CAAQ,EACzCG,EAAUD,EAAa,KAAOlB,EAAUS,CAAI,EAC5CW,EAAYF,KAAeC,GAAA,YAAAA,EAAS,OAAQ,kBAElD,OACEE,EAAAA,KAAC,OAAA,CAAK,UAAW,4BAA4BR,CAAS,yEAA0E,MAAO,CAAE,SAAAC,EAAU,WAAY,GAAA,EAC7J,SAAA,CAAAQ,MAACL,GAAK,UAAW,GAAGF,CAAS,aAAaK,CAAS,GAAI,EACtDX,CAAA,EACH,CAEJ"}