@hotmeshio/long-tail 0.9.2 → 0.9.4

package/dashboard/dist/assets/StreamMessageDetail-DjjnJ31Q.js

@@ -0,0 +1,2 @@
+import{u as i,j as a}from"./vendor-query-B2UbickB.js";import{d as c,S as s,J as o,b as x}from"./index-DYcP4jyl.js";import{v as u}from"./vendor-icons-DPmIjhZB.js";function j(e){const t=new URLSearchParams;return t.set("namespace",e.namespace),t.set("source",e.source),e.limit&&t.set("limit",String(e.limit)),e.offset&&t.set("offset",String(e.offset)),e.sort_by&&t.set("sort_by",e.sort_by),e.order&&t.set("order",e.order),e.status&&t.set("status",e.status),e.stream_name&&t.set("stream_name",e.stream_name),e.msg_type&&t.set("msg_type",e.msg_type),e.topic&&t.set("topic",e.topic),e.workflow_name&&t.set("workflow_name",e.workflow_name),e.jid&&t.set("jid",e.jid),e.aid&&t.set("aid",e.aid),e.dad&&t.set("dad",e.dad),c(`/controlplane/stream-messages?${t}`)}function _(e,t){return i({queryKey:["controlplane","stream-messages",e],queryFn:()=>j(e),enabled:!!e.namespace&&((t==null?void 0:t.enabled)??!0),staleTime:15e3})}const b={pending:"bg-text-tertiary",claimed:"bg-status-warning",processed:"bg-status-success",dead_lettered:"bg-status-error"},y={pending:"Pending",claimed:"Claimed",processed:"Processed",dead_lettered:"Dead Lettered"},v="inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary",N=[{value:"pending",label:"Pending"},{value:"claimed",label:"Claimed"},{value:"processed",label:"Processed"},{value:"dead_lettered",label:"Dead Lettered"}],S=[{value:"engine",label:"Engine"},{value:"worker",label:"Worker"}];function d({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("div",{className:"mt-0.5",children:a.jsx(x,{date:t,format:"datetime"})})]}):null}function r({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("p",{className:"text-xs text-text-primary font-mono break-all",children:t})]}):null}function n({label:e,value:t,onFilter:l}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsxs("button",{onClick:()=>l==null?void 0:l(t),className:"flex items-center gap-1 group text-left w-full",title:`Filter by ${e.toLowerCase()}: ${t}`,children:[a.jsx("p",{className:"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors",children:t}),a.jsx(u,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity"})]})]}):null}function g({message:e,filters:t}){return e?a.jsxs("div",{className:"space-y-5 text-[11px]",children:[a.jsxs("div",{children:[a.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[a.jsx("span",{className:`w-2 h-2 rounded-full dot-ring shrink-0 ${b[e.status]}`}),a.jsx(n,{label:"",value:y[e.status],onFilter:()=>{var l;return(l=t==null?void 0:t.onFilterStatus)==null?void 0:l.call(t,e.status)}}),a.jsx("span",{className:v,children:e.source})]}),a.jsx(n,{label:"",value:e.stream_name,onFilter:()=>{var l;return(l=t==null?void 0:t.onFilterStreamName)==null?void 0:l.call(t,e.stream_name)}}),a.jsxs("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:["ID: ",e.id]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(s,{children:"Timestamps"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(d,{label:"Created",value:e.created_at}),a.jsx(d,{label:"Reserved",value:e.reserved_at}),a.jsx(d,{label:"Processed",value:e.expired_at}),a.jsx(d,{label:"Dead-lettered",value:e.dead_lettered_at})]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(s,{children:"Metadata"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx(r,{label:"Priority",value:String(e.priority)}),a.jsx(r,{label:"Retries",value:`${e.retry_attempt} / ${e.max_retry_attempts}`}),a.jsx(r,{label:"Reserved by",value:e.reserved_by})]})]}),e.jid&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(s,{children:"Job"}),a.jsx("div",{className:"grid grid-cols-1 gap-2",children:a.jsx(n,{label:"Job ID",value:e.jid,onFilter:t==null?void 0:t.onFilterJid})})]}),e.source==="worker"&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(s,{children:"Worker Details"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(n,{label:"Workflow",value:e.workflow_name,onFilter:t==null?void 0:t.onFilterWorkflow}),a.jsx(n,{label:"Activity",value:e.aid,onFilter:t==null?void 0:t.onFilterAid}),a.jsx(r,{label:"Dimension",value:e.dad}),a.jsx(n,{label:"Type",value:e.msg_type,onFilter:t==null?void 0:t.onFilterMsgType}),a.jsx(n,{label:"Topic",value:e.topic,onFilter:t==null?void 0:t.onFilterTopic})]})]}),a.jsx("div",{className:"space-y-2",children:a.jsx(o,{data:e.message,label:"Payload",defaultCollapsed:!1})})]}):null}export{g as S,S as a,N as b,y as c,b as d,v as e,_ as u};
+//# sourceMappingURL=StreamMessageDetail-DjjnJ31Q.js.map

package/dashboard/dist/assets/{StreamMessageDetail-2rwp7Ynx.js.map → StreamMessageDetail-DjjnJ31Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StreamMessageDetail-2rwp7Ynx.js","sources":["../../src/api/stream-messages.ts","../../src/pages/admin/streams/constants.ts","../../src/pages/admin/streams/StreamMessageDetail.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\n// ── Types ───────────────────────────────────────────────────────────────────\n\nexport type StreamMessageStatus = 'pending' | 'claimed' | 'processed' | 'dead_lettered';\nexport type StreamMessageSource = 'engine' | 'worker';\n\nexport interface StreamMessage {\n  id: string;\n  source: StreamMessageSource;\n  stream_name: string;\n  message: string;\n  status: StreamMessageStatus;\n  created_at: string;\n  reserved_at: string | null;\n  reserved_by: string | null;\n  expired_at: string | null;\n  dead_lettered_at: string | null;\n  priority: number;\n  visible_at: string | null;\n  retry_attempt: number;\n  max_retry_attempts: number;\n  workflow_name: string | null;\n  jid: string | null;\n  aid: string | null;\n  dad: string | null;\n  msg_type: string | null;\n  topic: string | null;\n}\n\nexport interface StreamMessagesResponse {\n  messages: StreamMessage[];\n  total: number;\n}\n\nexport interface StreamMessagesParams {\n  namespace: string;\n  source: StreamMessageSource;\n  limit?: number;\n  offset?: number;\n  sort_by?: string;\n  order?: 'asc' | 'desc';\n  status?: StreamMessageStatus | '';\n  stream_name?: string;\n  msg_type?: string;\n  topic?: string;\n  workflow_name?: string;\n  jid?: string;\n  aid?: string;\n  dad?: string;\n}\n\n// ── Fetch ───────────────────────────────────────────────────────────────────\n\nfunction fetchStreamMessages(params: StreamMessagesParams) {\n  const qs = new URLSearchParams();\n  qs.set('namespace', params.namespace);\n  qs.set('source', params.source);\n  if (params.limit) qs.set('limit', String(params.limit));\n  if (params.offset) qs.set('offset', String(params.offset));\n  if (params.sort_by) qs.set('sort_by', params.sort_by);\n  if (params.order) qs.set('order', params.order);\n  if (params.status) qs.set('status', params.status);\n  if (params.stream_name) qs.set('stream_name', params.stream_name);\n  if (params.msg_type) qs.set('msg_type', params.msg_type);\n  if (params.topic) qs.set('topic', params.topic);\n  if (params.workflow_name) qs.set('workflow_name', params.workflow_name);\n  if (params.jid) qs.set('jid', params.jid);\n  if (params.aid) qs.set('aid', params.aid);\n  if (params.dad) qs.set('dad', params.dad);\n  return apiFetch<StreamMessagesResponse>(`/controlplane/stream-messages?${qs}`);\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────────\n\nexport function useStreamMessages(params: StreamMessagesParams, options?: { enabled?: boolean }) {\n  return useQuery({\n    queryKey: ['controlplane', 'stream-messages', params],\n    queryFn: () => fetchStreamMessages(params),\n    enabled: !!params.namespace && (options?.enabled ?? true),\n    staleTime: 15_000,\n  });\n}\n","import type { StreamMessageStatus } from '../../../api/stream-messages';\n\nexport const STATUS_DOT: Record<StreamMessageStatus, string> = {\n  pending: 'bg-text-tertiary',\n  claimed: 'bg-status-warning',\n  processed: 'bg-status-success',\n  dead_lettered: 'bg-status-error',\n};\n\nexport const STATUS_LABEL: Record<StreamMessageStatus, string> = {\n  pending: 'Pending',\n  claimed: 'Claimed',\n  processed: 'Processed',\n  dead_lettered: 'Dead Lettered',\n};\n\nexport const SOURCE_BADGE =\n  'inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary';\n\nexport const STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'claimed', label: 'Claimed' },\n  { value: 'processed', label: 'Processed' },\n  { value: 'dead_lettered', label: 'Dead Lettered' },\n];\n\nexport const SOURCE_OPTIONS = [\n  { value: 'engine', label: 'Engine' },\n  { value: 'worker', label: 'Worker' },\n];\n","import { Filter } from 'lucide-react';\nimport type { StreamMessage } from '../../../api/stream-messages';\nimport { SectionLabel } from '../../../components/common/layout/SectionLabel';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { STATUS_DOT, STATUS_LABEL, SOURCE_BADGE } from './constants';\n\nfunction Timestamp({ label, value }: { label: string; value: string | null }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <div className=\"mt-0.5\">\n        <DateValue date={value} format=\"datetime\" />\n      </div>\n    </div>\n  );\n}\n\nfunction Field({ label, value }: { label: string; value: string | null | undefined }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <p className=\"text-xs text-text-primary font-mono break-all\">{value}</p>\n    </div>\n  );\n}\n\n/** A field value that can be clicked to filter the master list. */\nfunction FilterableField({ label, value, onFilter }: {\n  label: string;\n  value: string | null | undefined;\n  onFilter?: (value: string) => void;\n}) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <button\n        onClick={() => onFilter?.(value)}\n        className=\"flex items-center gap-1 group text-left w-full\"\n        title={`Filter by ${label.toLowerCase()}: ${value}`}\n      >\n        <p className=\"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors\">{value}</p>\n        <Filter className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </button>\n    </div>\n  );\n}\n\nexport interface StreamMessageDetailFilters {\n  onFilterStatus?: (value: string) => void;\n  onFilterStreamName?: (value: string) => void;\n  onFilterMsgType?: (value: string) => void;\n  onFilterTopic?: (value: string) => void;\n  onFilterWorkflow?: (value: string) => void;\n  onFilterJid?: (value: string) => void;\n  onFilterAid?: (value: string) => void;\n}\n\n/**\n * Standard stream message detail view.\n *\n * This component is the canonical representation of a stream message.\n * Reuse it wherever stream messages need to be displayed — the layout,\n * timestamp formatting (via DateValue with ms/UTC/local tooltip), and\n * payload viewer are the standard.\n */\nexport function StreamMessageDetail({ message, filters }: {\n  message: StreamMessage | null;\n  filters?: StreamMessageDetailFilters;\n}) {\n  if (!message) return null;\n\n  return (\n    <div className=\"space-y-5 text-[11px]\">\n      {/* Header */}\n      <div>\n        <div className=\"flex items-center gap-2 mb-1\">\n          <span className={`w-2 h-2 rounded-full dot-ring shrink-0 ${STATUS_DOT[message.status]}`} />\n          <FilterableField\n            label=\"\"\n            value={STATUS_LABEL[message.status]}\n            onFilter={() => filters?.onFilterStatus?.(message.status)}\n          />\n          <span className={SOURCE_BADGE}>{message.source}</span>\n        </div>\n        <FilterableField\n          label=\"\"\n          value={message.stream_name}\n          onFilter={() => filters?.onFilterStreamName?.(message.stream_name)}\n        />\n        <p className=\"text-[10px] text-text-tertiary mt-0.5\">ID: {message.id}</p>\n      </div>\n\n      {/* Timestamps */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Timestamps</SectionLabel>\n        <div className=\"grid grid-cols-1 gap-2\">\n          <Timestamp label=\"Created\" value={message.created_at} />\n          <Timestamp label=\"Reserved\" value={message.reserved_at} />\n          <Timestamp label=\"Processed\" value={message.expired_at} />\n          <Timestamp label=\"Dead-lettered\" value={message.dead_lettered_at} />\n        </div>\n      </div>\n\n      {/* Metadata */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Metadata</SectionLabel>\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Field label=\"Priority\" value={String(message.priority)} />\n          <Field label=\"Retries\" value={`${message.retry_attempt} / ${message.max_retry_attempts}`} />\n          <Field label=\"Reserved by\" value={message.reserved_by} />\n        </div>\n      </div>\n\n      {/* Job ID — available on both engine and worker streams */}\n      {message.jid && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Job</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Job ID\" value={message.jid} onFilter={filters?.onFilterJid} />\n          </div>\n        </div>\n      )}\n\n      {/* Worker-specific fields — clickable to filter */}\n      {message.source === 'worker' && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Worker Details</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Workflow\" value={message.workflow_name} onFilter={filters?.onFilterWorkflow} />\n            <FilterableField label=\"Activity\" value={message.aid} onFilter={filters?.onFilterAid} />\n            <Field label=\"Dimension\" value={message.dad} />\n            <FilterableField label=\"Type\" value={message.msg_type} onFilter={filters?.onFilterMsgType} />\n            <FilterableField label=\"Topic\" value={message.topic} onFilter={filters?.onFilterTopic} />\n          </div>\n        </div>\n      )}\n\n      {/* Message payload — fully expanded by default */}\n      <div className=\"space-y-2\">\n        <JsonViewer data={message.message} label=\"Payload\" defaultCollapsed={false} />\n      </div>\n    </div>\n  );\n}\n"],"names":["fetchStreamMessages","params","qs","apiFetch","useStreamMessages","options","useQuery","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","STATUS_OPTIONS","SOURCE_OPTIONS","Timestamp","label","value","jsx","DateValue","Field","FilterableField","onFilter","jsxs","Filter","StreamMessageDetail","message","filters","_a","SectionLabel","JsonViewer"],"mappings":"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"}
+{"version":3,"file":"StreamMessageDetail-DjjnJ31Q.js","sources":["../../src/api/stream-messages.ts","../../src/pages/admin/streams/constants.ts","../../src/pages/admin/streams/StreamMessageDetail.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\n// ── Types ───────────────────────────────────────────────────────────────────\n\nexport type StreamMessageStatus = 'pending' | 'claimed' | 'processed' | 'dead_lettered';\nexport type StreamMessageSource = 'engine' | 'worker';\n\nexport interface StreamMessage {\n  id: string;\n  source: StreamMessageSource;\n  stream_name: string;\n  message: string;\n  status: StreamMessageStatus;\n  created_at: string;\n  reserved_at: string | null;\n  reserved_by: string | null;\n  expired_at: string | null;\n  dead_lettered_at: string | null;\n  priority: number;\n  visible_at: string | null;\n  retry_attempt: number;\n  max_retry_attempts: number;\n  workflow_name: string | null;\n  jid: string | null;\n  aid: string | null;\n  dad: string | null;\n  msg_type: string | null;\n  topic: string | null;\n}\n\nexport interface StreamMessagesResponse {\n  messages: StreamMessage[];\n  total: number;\n}\n\nexport interface StreamMessagesParams {\n  namespace: string;\n  source: StreamMessageSource;\n  limit?: number;\n  offset?: number;\n  sort_by?: string;\n  order?: 'asc' | 'desc';\n  status?: StreamMessageStatus | '';\n  stream_name?: string;\n  msg_type?: string;\n  topic?: string;\n  workflow_name?: string;\n  jid?: string;\n  aid?: string;\n  dad?: string;\n}\n\n// ── Fetch ───────────────────────────────────────────────────────────────────\n\nfunction fetchStreamMessages(params: StreamMessagesParams) {\n  const qs = new URLSearchParams();\n  qs.set('namespace', params.namespace);\n  qs.set('source', params.source);\n  if (params.limit) qs.set('limit', String(params.limit));\n  if (params.offset) qs.set('offset', String(params.offset));\n  if (params.sort_by) qs.set('sort_by', params.sort_by);\n  if (params.order) qs.set('order', params.order);\n  if (params.status) qs.set('status', params.status);\n  if (params.stream_name) qs.set('stream_name', params.stream_name);\n  if (params.msg_type) qs.set('msg_type', params.msg_type);\n  if (params.topic) qs.set('topic', params.topic);\n  if (params.workflow_name) qs.set('workflow_name', params.workflow_name);\n  if (params.jid) qs.set('jid', params.jid);\n  if (params.aid) qs.set('aid', params.aid);\n  if (params.dad) qs.set('dad', params.dad);\n  return apiFetch<StreamMessagesResponse>(`/controlplane/stream-messages?${qs}`);\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────────\n\nexport function useStreamMessages(params: StreamMessagesParams, options?: { enabled?: boolean }) {\n  return useQuery({\n    queryKey: ['controlplane', 'stream-messages', params],\n    queryFn: () => fetchStreamMessages(params),\n    enabled: !!params.namespace && (options?.enabled ?? true),\n    staleTime: 15_000,\n  });\n}\n","import type { StreamMessageStatus } from '../../../api/stream-messages';\n\nexport const STATUS_DOT: Record<StreamMessageStatus, string> = {\n  pending: 'bg-text-tertiary',\n  claimed: 'bg-status-warning',\n  processed: 'bg-status-success',\n  dead_lettered: 'bg-status-error',\n};\n\nexport const STATUS_LABEL: Record<StreamMessageStatus, string> = {\n  pending: 'Pending',\n  claimed: 'Claimed',\n  processed: 'Processed',\n  dead_lettered: 'Dead Lettered',\n};\n\nexport const SOURCE_BADGE =\n  'inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary';\n\nexport const STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'claimed', label: 'Claimed' },\n  { value: 'processed', label: 'Processed' },\n  { value: 'dead_lettered', label: 'Dead Lettered' },\n];\n\nexport const SOURCE_OPTIONS = [\n  { value: 'engine', label: 'Engine' },\n  { value: 'worker', label: 'Worker' },\n];\n","import { Filter } from 'lucide-react';\nimport type { StreamMessage } from '../../../api/stream-messages';\nimport { SectionLabel } from '../../../components/common/layout/SectionLabel';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { STATUS_DOT, STATUS_LABEL, SOURCE_BADGE } from './constants';\n\nfunction Timestamp({ label, value }: { label: string; value: string | null }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <div className=\"mt-0.5\">\n        <DateValue date={value} format=\"datetime\" />\n      </div>\n    </div>\n  );\n}\n\nfunction Field({ label, value }: { label: string; value: string | null | undefined }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <p className=\"text-xs text-text-primary font-mono break-all\">{value}</p>\n    </div>\n  );\n}\n\n/** A field value that can be clicked to filter the master list. */\nfunction FilterableField({ label, value, onFilter }: {\n  label: string;\n  value: string | null | undefined;\n  onFilter?: (value: string) => void;\n}) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <button\n        onClick={() => onFilter?.(value)}\n        className=\"flex items-center gap-1 group text-left w-full\"\n        title={`Filter by ${label.toLowerCase()}: ${value}`}\n      >\n        <p className=\"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors\">{value}</p>\n        <Filter className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </button>\n    </div>\n  );\n}\n\nexport interface StreamMessageDetailFilters {\n  onFilterStatus?: (value: string) => void;\n  onFilterStreamName?: (value: string) => void;\n  onFilterMsgType?: (value: string) => void;\n  onFilterTopic?: (value: string) => void;\n  onFilterWorkflow?: (value: string) => void;\n  onFilterJid?: (value: string) => void;\n  onFilterAid?: (value: string) => void;\n}\n\n/**\n * Standard stream message detail view.\n *\n * This component is the canonical representation of a stream message.\n * Reuse it wherever stream messages need to be displayed — the layout,\n * timestamp formatting (via DateValue with ms/UTC/local tooltip), and\n * payload viewer are the standard.\n */\nexport function StreamMessageDetail({ message, filters }: {\n  message: StreamMessage | null;\n  filters?: StreamMessageDetailFilters;\n}) {\n  if (!message) return null;\n\n  return (\n    <div className=\"space-y-5 text-[11px]\">\n      {/* Header */}\n      <div>\n        <div className=\"flex items-center gap-2 mb-1\">\n          <span className={`w-2 h-2 rounded-full dot-ring shrink-0 ${STATUS_DOT[message.status]}`} />\n          <FilterableField\n            label=\"\"\n            value={STATUS_LABEL[message.status]}\n            onFilter={() => filters?.onFilterStatus?.(message.status)}\n          />\n          <span className={SOURCE_BADGE}>{message.source}</span>\n        </div>\n        <FilterableField\n          label=\"\"\n          value={message.stream_name}\n          onFilter={() => filters?.onFilterStreamName?.(message.stream_name)}\n        />\n        <p className=\"text-[10px] text-text-tertiary mt-0.5\">ID: {message.id}</p>\n      </div>\n\n      {/* Timestamps */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Timestamps</SectionLabel>\n        <div className=\"grid grid-cols-1 gap-2\">\n          <Timestamp label=\"Created\" value={message.created_at} />\n          <Timestamp label=\"Reserved\" value={message.reserved_at} />\n          <Timestamp label=\"Processed\" value={message.expired_at} />\n          <Timestamp label=\"Dead-lettered\" value={message.dead_lettered_at} />\n        </div>\n      </div>\n\n      {/* Metadata */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Metadata</SectionLabel>\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Field label=\"Priority\" value={String(message.priority)} />\n          <Field label=\"Retries\" value={`${message.retry_attempt} / ${message.max_retry_attempts}`} />\n          <Field label=\"Reserved by\" value={message.reserved_by} />\n        </div>\n      </div>\n\n      {/* Job ID — available on both engine and worker streams */}\n      {message.jid && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Job</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Job ID\" value={message.jid} onFilter={filters?.onFilterJid} />\n          </div>\n        </div>\n      )}\n\n      {/* Worker-specific fields — clickable to filter */}\n      {message.source === 'worker' && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Worker Details</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Workflow\" value={message.workflow_name} onFilter={filters?.onFilterWorkflow} />\n            <FilterableField label=\"Activity\" value={message.aid} onFilter={filters?.onFilterAid} />\n            <Field label=\"Dimension\" value={message.dad} />\n            <FilterableField label=\"Type\" value={message.msg_type} onFilter={filters?.onFilterMsgType} />\n            <FilterableField label=\"Topic\" value={message.topic} onFilter={filters?.onFilterTopic} />\n          </div>\n        </div>\n      )}\n\n      {/* Message payload — fully expanded by default */}\n      <div className=\"space-y-2\">\n        <JsonViewer data={message.message} label=\"Payload\" defaultCollapsed={false} />\n      </div>\n    </div>\n  );\n}\n"],"names":["fetchStreamMessages","params","qs","apiFetch","useStreamMessages","options","useQuery","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","STATUS_OPTIONS","SOURCE_OPTIONS","Timestamp","label","value","jsx","DateValue","Field","FilterableField","onFilter","jsxs","Filter","StreamMessageDetail","message","filters","_a","SectionLabel","JsonViewer"],"mappings":"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"}

package/dashboard/dist/assets/{SwimlaneTimeline-BwWyYBCo.js → SwimlaneTimeline-Db7ATobq.js}

@@ -1,2 +1,2 @@
-import{j as t,a as P}from"./vendor-query-B2UbickB.js";import{D as q,b as V,J as k,C as B,f as C}from"./index-so192yXP.js";import{S as X}from"./StatusBadge-CEQMRmSQ.js";import{L as R}from"./vendor-react-CXumBFUA.js";import{u as T,S as Q}from"./StreamMessageDetail-2rwp7Ynx.js";function W(e){if(!e)return null;try{return JSON.parse(e)}catch{return e}}function U({event:e}){return t.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[e.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:e.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:e.attributes.kind})]}),e.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(q,{ms:e.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(V,{date:e.event_time,format:"datetime",className:"font-mono text-text-primary"})]}),e.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:e.attributes.signal_name})]}),e.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:e.attributes.awaited?"Yes":"No (fire-and-forget)"})]}),e.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:e.attributes.timeline_key,children:e.attributes.timeline_key})]}),e.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:e.attributes.execution_index})]}),e.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:["#",e.attributes.scheduled_event_id]})]}),e.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 #",e.attributes.wait_event_id]})]}),e.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:["#",e.attributes.initiated_event_id]})]})]})}function Z({event:e,childTask:a}){const n=a?W(a.envelope):null,o=a?W(a.data):null;return!a&&e.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(R,{to:`/workflows/executions/${e.attributes.child_workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:e.attributes.child_workflow_id})]})}):a?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(R,{to:`/workflows/executions/${a.workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:a.workflow_id}),t.jsx(X,{status:a.status}),a.completed_at&&t.jsxs("span",{className:"text-[10px] text-text-tertiary",children:["Completed ",t.jsx(V,{date:a.completed_at,format:"relative"})]})]}),(n!=null||o!=null)&&t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[n!=null?t.jsx(k,{data:n,label:"Input (Envelope)",variant:"panel"}):t.jsx("div",{}),o!=null?t.jsx(k,{data:o,label:"Output (Result)",variant:"panel"}):t.jsx("div",{})]})]}):null}function tt({event:e,childTask:a}){const n=e.attributes.input,o=e.attributes.result,d=e.category==="signal",i=e.category==="activity",l=e.category==="child_workflow",x=n!==void 0&&(i||l),p=!a&&o!==void 0&&(i||l),m=e.attributes.activity_type==="ltSignalParent"?"Signal Payload":"Result";return x||p?t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[x?t.jsx(k,{data:n,label:"Input",variant:"panel"}):t.jsx("div",{}),p?t.jsx(k,{data:o,label:m,variant:"panel"}):t.jsx("div",{})]}):d&&n!==void 0?t.jsx(k,{data:n,label:"Signal Payload",variant:"panel"}):null}function et(e){if(!e)return null;const a=/^-proxy-(\d+)-$/.exec(e);if(a)return{kind:"proxyIndex",index:parseInt(a[1],10)};if(e.startsWith("-"))return null;const n=e.split("/");return n.length<2?null:{kind:"path",aid:n[n.length-1],dad:`,${n.slice(0,-1).join(",")}`}}function st(e){var a,n;try{const o=JSON.parse(e.message);return{aid:(a=o==null?void 0:o.metadata)==null?void 0:a.aid,dad:(n=o==null?void 0:o.metadata)==null?void 0:n.dad}}catch{return{}}}function at({jid:e,appId:a,event:n}){const[o,d]=P.useState(!1),i=et(n.attributes.timeline_key);return t.jsxs("div",{className:"space-y-2",children:[t.jsxs("button",{onClick:()=>d(l=>!l),className:"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[t.jsx("span",{className:`transition-transform duration-300 ${o?"rotate-90":""}`,children:"▶"}),"Raw stream message (audit)"]}),t.jsx(B,{open:o,children:o&&t.jsxs("div",{className:"pt-1",children:[!i&&t.jsx("p",{className:"text-[11px] text-text-tertiary",children:"No raw stream row maps to this activity."}),(i==null?void 0:i.kind)==="proxyIndex"&&t.jsx(nt,{namespace:a||"durable",jid:e,index:i.index}),(i==null?void 0:i.kind)==="path"&&t.jsx(rt,{namespace:a||"durable",jid:e,aid:i.aid,dad:i.dad})]})})]})}function nt({namespace:e,jid:a,index:n}){var i,l;const o=T({namespace:e,source:"worker",jid:a,aid:"proxyer",sort_by:"created_at",order:"asc",offset:n-1,limit:1}),d=(l=(i=o.data)==null?void 0:i.messages)==null?void 0:l[0];return o.isLoading?t.jsx(Y,{}):o.error?t.jsx(F,{}):d?t.jsx(J,{note:`Proxy activity #${n} (durable) — the worker stream record for this step`,messages:[d]}):t.jsx(z,{label:`proxy activity #${n}`})}function rt({namespace:e,jid:a,aid:n,dad:o}){var u,w,g;const d=T({namespace:e,source:"worker",jid:a,aid:n,dad:o,limit:1}),i=(w=(u=d.data)==null?void 0:u.messages)==null?void 0:w[0],l=d.isFetched&&!i,x=T({namespace:e,source:"engine",jid:a,limit:200},{enabled:l}),p=l?(((g=x.data)==null?void 0:g.messages)??[]).filter(h=>{const y=st(h);return y.aid===n&&y.dad===o}):[],m=!!i,f=i?[i]:p;return d.isLoading||l&&x.isLoading?t.jsx(Y,{}):d.error?t.jsx(F,{}):f.length===0?t.jsx(z,{label:`${n} ${o}`}):t.jsx(J,{note:m?"Worker stream — the function-execution record behind this activity":`Engine stream — control-flow record${f.length>1?`s (${f.length}, one per occurrence)`:" (trigger / hook / cycle)"}`,messages:f})}function J({note:e,messages:a}){return t.jsxs("div",{className:"space-y-3",children:[t.jsx("p",{className:"text-[10px] text-text-tertiary",children:e}),a.map(n=>t.jsx("div",{className:"rounded-md bg-surface p-3",children:t.jsx(Q,{message:n})},n.id))]})}const Y=()=>t.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Loading stream message…"}),F=()=>t.jsx("p",{className:"text-[11px] text-status-error",children:"Failed to load stream message."}),z=({label:e})=>t.jsxs("p",{className:"text-[11px] text-text-tertiary",children:["No stream row found for ",t.jsx("span",{className:"font-mono",children:e}),"."]});function it({event:e,childTask:a,pending:n=!1,jid:o,appId:d,onClose:i}){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:e.attributes.activity_type??e.attributes.signal_name??e.attributes.child_workflow_id??e.event_type}),n&&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 dot-ring bg-status-warning animate-pulse"}),"Pending"]})]}),i&&t.jsx("button",{onClick:i,className:"text-text-tertiary hover:text-text-primary text-xs",children:"Close"})]}),t.jsx(U,{event:e}),t.jsx(Z,{event:e,childTask:a}),o&&t.jsx(at,{jid:o,appId:d??"durable",event:e}),t.jsx(tt,{event:e,childTask:a}),e.attributes.failure!==void 0&&t.jsx(k,{data:e.attributes.failure,label:"Failure"}),(()=>{const{kind:l,activity_type:x,result:p,timeline_key:m,execution_index:f,signal_name:u,input:w,child_workflow_id:g,awaited:h,wait_event_id:y,scheduled_event_id:j,initiated_event_id:_,failure:L,trace_id:M,span_id:$,...E}=e.attributes;return Object.keys(E).length>0?t.jsx(k,{data:E,label:"Attributes"}):null})()]})}const N={activity:{bar:"bg-blue-500",outline:"border border-blue-400/40 bg-blue-400/15",text:"text-blue-500",label:"Activities"},signal:{bar:"bg-emerald-500",outline:"border border-emerald-400/40 bg-emerald-400/15",text:"text-emerald-500",label:"Signals"},timer:{bar:"bg-status-warning",outline:"border border-amber-400/40 bg-amber-400/15",text:"text-status-warning",label:"Timers"},child_workflow:{bar:"bg-violet-500",outline:"border border-violet-400/40 bg-violet-400/15",text:"text-violet-500",label:"Child Workflows"}},ot="bg-stripes animate-pulse opacity-70",lt=new Set(["callLLM","callDbTool","callVisionTool","callMcpTool","getDBTools","getVisionTools"]);function ct(e,a){if(!e||typeof e!="string")return e??"";if(e.length<=a)return e;const n=Math.floor((a-1)/2);return`${e.slice(0,n)}…${e.slice(e.length-n)}`}function dt(e){const a=[],n=new Map,o=new Map;for(const i of e){const l=i.attributes.timeline_key;if(!l)continue;const x=i.event_type;x==="activity_task_scheduled"||x==="timer_started"||x==="child_workflow_execution_started"||x==="signal_wait_started"?n.set(l,i):o.set(l,i)}const d=new Set;for(const i of e){const l=i.attributes.timeline_key;if(l&&d.has(l))continue;l&&d.add(l);const x=l?n.get(l):void 0,p=l?o.get(l):void 0,m=p||x||i,f=m.category,u=String(m.attributes.activity_type||m.attributes.signal_name||m.attributes.child_workflow_id||m.event_type||"unknown"),w=x||m,g=p,h=new Date(w.event_time).getTime();let y=null,j=null,_=!1;g?(y=new Date(g.event_time).getTime(),j=g.duration_ms??y-h):m.duration_ms!==null?(j=m.duration_ms,y=h+j):_=!0,a.push({category:f,name:u||m.event_type,startTime:h,endTime:y,duration:j,eventId:m.event_id,pending:_})}return a}function ht({events:e,childTasks:a,outline:n,jid:o,appId:d}){const[i,l]=P.useState(new Set),[x,p]=P.useState(null),f=e.filter(s=>s.category!=="workflow");if(f.length===0)return null;const u=dt(f);if(u.length===0)return null;const w=Date.now(),g=u.flatMap(s=>{const c=[s.startTime];return s.endTime?c.push(s.endTime):c.push(w),c}),h=Math.min(...g),j=Math.max(...g)-h||1,_=new Map;for(const s of u){const c=`${s.category}:${s.name}`,r=s.startTime-h,v=(s.endTime?s.endTime-h:w-h)-r,S={eventId:s.eventId,startPct:r/j*100,widthPct:Math.max(v/j*100,.5),duration:s.duration,label:`${s.name} — ${s.duration!==null?C(s.duration):"pending"} — ${new Date(s.startTime).toLocaleTimeString()}`,eventTime:new Date(s.startTime).toISOString(),pending:s.pending};_.has(c)||_.set(c,{name:s.name,category:s.category,segments:[]}),_.get(c).segments.push(S)}const L=Array.from(_.values()),M=5,$=Array.from({length:M+1},(s,c)=>({pct:c/M*100,label:C(Math.round(c/M*j))})),E=[...new Set(u.map(s=>s.category))],G=s=>{if(!(a!=null&&a.length))return;const c=s.attributes.activity_type;if(c)return a.find(r=>r.workflow_type===c)},D=s=>{l(c=>{const r=new Set(c);return r.has(s)?r.delete(s):r.add(s),r})},I=u.map(s=>s.eventId),O=I.length>0&&I.every(s=>i.has(s)),H=()=>{l(O?new Set:new Set(I))},A=(s,c)=>{var r,b;return c?ot:n?((r=N[s])==null?void 0:r.outline)??"border-text-tertiary bg-transparent":((b=N[s])==null?void 0:b.bar)??"bg-text-tertiary"},K=s=>{var c;return n?((c=N[s])==null?void 0:c.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:H,className:"text-[10px] text-accent hover:underline",children:O?"Collapse all":"Expand all"}),t.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[E.map(s=>{var c,r,b;return t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full dot-ring ${n?`border ${((c=N[s])==null?void 0:c.outline)??"border-text-tertiary"}`:((r=N[s])==null?void 0:r.bar)??"bg-text-tertiary"}`}),t.jsx("span",{className:"text-[9px] text-text-tertiary",children:((b=N[s])==null?void 0:b.label)??s})]},s)}),u.some(s=>s.pending)&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"w-2 h-2 rounded-full dot-ring 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:$.map(s=>t.jsx("span",{className:"absolute text-[9px] font-mono text-text-tertiary -translate-x-1/2 bottom-1",style:{left:`${s.pct}%`},children:s.label},s.pct))})]}),L.map(s=>{const c=N[s.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 dot-ring shrink-0 ${(c==null?void 0:c.bar)??"bg-text-tertiary"}`}),t.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:s.name,children:ct(s.name,28)}),lt.has(s.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:[$.map(r=>t.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${r.pct}%`}},r.pct)),s.segments.map(r=>{const b=x===r.eventId,v=i.has(r.eventId),S=r.widthPct<3;return t.jsx("div",{className:`absolute top-2 h-6 rounded-sm cursor-pointer transition-all duration-200 origin-center ${v?`${A(s.category,r.pending)} ring-2 ring-accent ring-offset-1`:`${A(s.category,r.pending)} hover:opacity-80`}`,style:{left:`${r.startPct}%`,width:`${r.widthPct}%`,minWidth:"4px",...b&&S?{transform:"scaleX(4) scaleY(1.3) translateY(-2px)",zIndex:20,borderRadius:"4px"}:{zIndex:v?10:1}},title:r.label,onClick:()=>D(r.eventId),onMouseEnter:()=>p(r.eventId),onMouseLeave:()=>p(null),children:r.widthPct>8&&t.jsx("span",{className:`absolute inset-0 flex items-center px-1.5 text-[9px] font-mono ${K(s.category)} truncate`,children:r.duration!==null?C(r.duration):"pending"})},r.eventId)})]})]}),s.segments.map(r=>{const b=i.has(r.eventId),v=f.find(S=>S.event_id===r.eventId);return t.jsx(B,{open:b,children:v&&t.jsx("div",{className:"py-3",children:t.jsx(it,{event:v,childTask:G(v),pending:r.pending,jid:o,appId:d,onClose:()=>D(v.event_id)})})},r.eventId)})]},`${s.category}:${s.name}`)})]})}export{it as E,ht as S};
-//# sourceMappingURL=SwimlaneTimeline-BwWyYBCo.js.map
+import{j as t,a as P}from"./vendor-query-B2UbickB.js";import{D as q,b as V,J as k,C as B,f as C}from"./index-DYcP4jyl.js";import{S as X}from"./StatusBadge-CEQMRmSQ.js";import{L as R}from"./vendor-react-CXumBFUA.js";import{u as T,S as Q}from"./StreamMessageDetail-DjjnJ31Q.js";function W(e){if(!e)return null;try{return JSON.parse(e)}catch{return e}}function U({event:e}){return t.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[e.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:e.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:e.attributes.kind})]}),e.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(q,{ms:e.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(V,{date:e.event_time,format:"datetime",className:"font-mono text-text-primary"})]}),e.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:e.attributes.signal_name})]}),e.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:e.attributes.awaited?"Yes":"No (fire-and-forget)"})]}),e.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:e.attributes.timeline_key,children:e.attributes.timeline_key})]}),e.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:e.attributes.execution_index})]}),e.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:["#",e.attributes.scheduled_event_id]})]}),e.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 #",e.attributes.wait_event_id]})]}),e.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:["#",e.attributes.initiated_event_id]})]})]})}function Z({event:e,childTask:a}){const n=a?W(a.envelope):null,o=a?W(a.data):null;return!a&&e.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(R,{to:`/workflows/executions/${e.attributes.child_workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:e.attributes.child_workflow_id})]})}):a?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(R,{to:`/workflows/executions/${a.workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:a.workflow_id}),t.jsx(X,{status:a.status}),a.completed_at&&t.jsxs("span",{className:"text-[10px] text-text-tertiary",children:["Completed ",t.jsx(V,{date:a.completed_at,format:"relative"})]})]}),(n!=null||o!=null)&&t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[n!=null?t.jsx(k,{data:n,label:"Input (Envelope)",variant:"panel"}):t.jsx("div",{}),o!=null?t.jsx(k,{data:o,label:"Output (Result)",variant:"panel"}):t.jsx("div",{})]})]}):null}function tt({event:e,childTask:a}){const n=e.attributes.input,o=e.attributes.result,d=e.category==="signal",i=e.category==="activity",l=e.category==="child_workflow",x=n!==void 0&&(i||l),p=!a&&o!==void 0&&(i||l),m=e.attributes.activity_type==="ltSignalParent"?"Signal Payload":"Result";return x||p?t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[x?t.jsx(k,{data:n,label:"Input",variant:"panel"}):t.jsx("div",{}),p?t.jsx(k,{data:o,label:m,variant:"panel"}):t.jsx("div",{})]}):d&&n!==void 0?t.jsx(k,{data:n,label:"Signal Payload",variant:"panel"}):null}function et(e){if(!e)return null;const a=/^-proxy-(\d+)-$/.exec(e);if(a)return{kind:"proxyIndex",index:parseInt(a[1],10)};if(e.startsWith("-"))return null;const n=e.split("/");return n.length<2?null:{kind:"path",aid:n[n.length-1],dad:`,${n.slice(0,-1).join(",")}`}}function st(e){var a,n;try{const o=JSON.parse(e.message);return{aid:(a=o==null?void 0:o.metadata)==null?void 0:a.aid,dad:(n=o==null?void 0:o.metadata)==null?void 0:n.dad}}catch{return{}}}function at({jid:e,appId:a,event:n}){const[o,d]=P.useState(!1),i=et(n.attributes.timeline_key);return t.jsxs("div",{className:"space-y-2",children:[t.jsxs("button",{onClick:()=>d(l=>!l),className:"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[t.jsx("span",{className:`transition-transform duration-300 ${o?"rotate-90":""}`,children:"▶"}),"Raw stream message (audit)"]}),t.jsx(B,{open:o,children:o&&t.jsxs("div",{className:"pt-1",children:[!i&&t.jsx("p",{className:"text-[11px] text-text-tertiary",children:"No raw stream row maps to this activity."}),(i==null?void 0:i.kind)==="proxyIndex"&&t.jsx(nt,{namespace:a||"durable",jid:e,index:i.index}),(i==null?void 0:i.kind)==="path"&&t.jsx(rt,{namespace:a||"durable",jid:e,aid:i.aid,dad:i.dad})]})})]})}function nt({namespace:e,jid:a,index:n}){var i,l;const o=T({namespace:e,source:"worker",jid:a,aid:"proxyer",sort_by:"created_at",order:"asc",offset:n-1,limit:1}),d=(l=(i=o.data)==null?void 0:i.messages)==null?void 0:l[0];return o.isLoading?t.jsx(Y,{}):o.error?t.jsx(F,{}):d?t.jsx(J,{note:`Proxy activity #${n} (durable) — the worker stream record for this step`,messages:[d]}):t.jsx(z,{label:`proxy activity #${n}`})}function rt({namespace:e,jid:a,aid:n,dad:o}){var u,w,g;const d=T({namespace:e,source:"worker",jid:a,aid:n,dad:o,limit:1}),i=(w=(u=d.data)==null?void 0:u.messages)==null?void 0:w[0],l=d.isFetched&&!i,x=T({namespace:e,source:"engine",jid:a,limit:200},{enabled:l}),p=l?(((g=x.data)==null?void 0:g.messages)??[]).filter(h=>{const y=st(h);return y.aid===n&&y.dad===o}):[],m=!!i,f=i?[i]:p;return d.isLoading||l&&x.isLoading?t.jsx(Y,{}):d.error?t.jsx(F,{}):f.length===0?t.jsx(z,{label:`${n} ${o}`}):t.jsx(J,{note:m?"Worker stream — the function-execution record behind this activity":`Engine stream — control-flow record${f.length>1?`s (${f.length}, one per occurrence)`:" (trigger / hook / cycle)"}`,messages:f})}function J({note:e,messages:a}){return t.jsxs("div",{className:"space-y-3",children:[t.jsx("p",{className:"text-[10px] text-text-tertiary",children:e}),a.map(n=>t.jsx("div",{className:"rounded-md bg-surface p-3",children:t.jsx(Q,{message:n})},n.id))]})}const Y=()=>t.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Loading stream message…"}),F=()=>t.jsx("p",{className:"text-[11px] text-status-error",children:"Failed to load stream message."}),z=({label:e})=>t.jsxs("p",{className:"text-[11px] text-text-tertiary",children:["No stream row found for ",t.jsx("span",{className:"font-mono",children:e}),"."]});function it({event:e,childTask:a,pending:n=!1,jid:o,appId:d,onClose:i}){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:e.attributes.activity_type??e.attributes.signal_name??e.attributes.child_workflow_id??e.event_type}),n&&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 dot-ring bg-status-warning animate-pulse"}),"Pending"]})]}),i&&t.jsx("button",{onClick:i,className:"text-text-tertiary hover:text-text-primary text-xs",children:"Close"})]}),t.jsx(U,{event:e}),t.jsx(Z,{event:e,childTask:a}),o&&t.jsx(at,{jid:o,appId:d??"durable",event:e}),t.jsx(tt,{event:e,childTask:a}),e.attributes.failure!==void 0&&t.jsx(k,{data:e.attributes.failure,label:"Failure"}),(()=>{const{kind:l,activity_type:x,result:p,timeline_key:m,execution_index:f,signal_name:u,input:w,child_workflow_id:g,awaited:h,wait_event_id:y,scheduled_event_id:j,initiated_event_id:_,failure:L,trace_id:M,span_id:$,...E}=e.attributes;return Object.keys(E).length>0?t.jsx(k,{data:E,label:"Attributes"}):null})()]})}const N={activity:{bar:"bg-blue-500",outline:"border border-blue-400/40 bg-blue-400/15",text:"text-blue-500",label:"Activities"},signal:{bar:"bg-emerald-500",outline:"border border-emerald-400/40 bg-emerald-400/15",text:"text-emerald-500",label:"Signals"},timer:{bar:"bg-status-warning",outline:"border border-amber-400/40 bg-amber-400/15",text:"text-status-warning",label:"Timers"},child_workflow:{bar:"bg-violet-500",outline:"border border-violet-400/40 bg-violet-400/15",text:"text-violet-500",label:"Child Workflows"}},ot="bg-stripes animate-pulse opacity-70",lt=new Set(["callLLM","callDbTool","callVisionTool","callMcpTool","getDBTools","getVisionTools"]);function ct(e,a){if(!e||typeof e!="string")return e??"";if(e.length<=a)return e;const n=Math.floor((a-1)/2);return`${e.slice(0,n)}…${e.slice(e.length-n)}`}function dt(e){const a=[],n=new Map,o=new Map;for(const i of e){const l=i.attributes.timeline_key;if(!l)continue;const x=i.event_type;x==="activity_task_scheduled"||x==="timer_started"||x==="child_workflow_execution_started"||x==="signal_wait_started"?n.set(l,i):o.set(l,i)}const d=new Set;for(const i of e){const l=i.attributes.timeline_key;if(l&&d.has(l))continue;l&&d.add(l);const x=l?n.get(l):void 0,p=l?o.get(l):void 0,m=p||x||i,f=m.category,u=String(m.attributes.activity_type||m.attributes.signal_name||m.attributes.child_workflow_id||m.event_type||"unknown"),w=x||m,g=p,h=new Date(w.event_time).getTime();let y=null,j=null,_=!1;g?(y=new Date(g.event_time).getTime(),j=g.duration_ms??y-h):m.duration_ms!==null?(j=m.duration_ms,y=h+j):_=!0,a.push({category:f,name:u||m.event_type,startTime:h,endTime:y,duration:j,eventId:m.event_id,pending:_})}return a}function ht({events:e,childTasks:a,outline:n,jid:o,appId:d}){const[i,l]=P.useState(new Set),[x,p]=P.useState(null),f=e.filter(s=>s.category!=="workflow");if(f.length===0)return null;const u=dt(f);if(u.length===0)return null;const w=Date.now(),g=u.flatMap(s=>{const c=[s.startTime];return s.endTime?c.push(s.endTime):c.push(w),c}),h=Math.min(...g),j=Math.max(...g)-h||1,_=new Map;for(const s of u){const c=`${s.category}:${s.name}`,r=s.startTime-h,v=(s.endTime?s.endTime-h:w-h)-r,S={eventId:s.eventId,startPct:r/j*100,widthPct:Math.max(v/j*100,.5),duration:s.duration,label:`${s.name} — ${s.duration!==null?C(s.duration):"pending"} — ${new Date(s.startTime).toLocaleTimeString()}`,eventTime:new Date(s.startTime).toISOString(),pending:s.pending};_.has(c)||_.set(c,{name:s.name,category:s.category,segments:[]}),_.get(c).segments.push(S)}const L=Array.from(_.values()),M=5,$=Array.from({length:M+1},(s,c)=>({pct:c/M*100,label:C(Math.round(c/M*j))})),E=[...new Set(u.map(s=>s.category))],G=s=>{if(!(a!=null&&a.length))return;const c=s.attributes.activity_type;if(c)return a.find(r=>r.workflow_type===c)},D=s=>{l(c=>{const r=new Set(c);return r.has(s)?r.delete(s):r.add(s),r})},I=u.map(s=>s.eventId),O=I.length>0&&I.every(s=>i.has(s)),H=()=>{l(O?new Set:new Set(I))},A=(s,c)=>{var r,b;return c?ot:n?((r=N[s])==null?void 0:r.outline)??"border-text-tertiary bg-transparent":((b=N[s])==null?void 0:b.bar)??"bg-text-tertiary"},K=s=>{var c;return n?((c=N[s])==null?void 0:c.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:H,className:"text-[10px] text-accent hover:underline",children:O?"Collapse all":"Expand all"}),t.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[E.map(s=>{var c,r,b;return t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full dot-ring ${n?`border ${((c=N[s])==null?void 0:c.outline)??"border-text-tertiary"}`:((r=N[s])==null?void 0:r.bar)??"bg-text-tertiary"}`}),t.jsx("span",{className:"text-[9px] text-text-tertiary",children:((b=N[s])==null?void 0:b.label)??s})]},s)}),u.some(s=>s.pending)&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"w-2 h-2 rounded-full dot-ring 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:$.map(s=>t.jsx("span",{className:"absolute text-[9px] font-mono text-text-tertiary -translate-x-1/2 bottom-1",style:{left:`${s.pct}%`},children:s.label},s.pct))})]}),L.map(s=>{const c=N[s.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 dot-ring shrink-0 ${(c==null?void 0:c.bar)??"bg-text-tertiary"}`}),t.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:s.name,children:ct(s.name,28)}),lt.has(s.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:[$.map(r=>t.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${r.pct}%`}},r.pct)),s.segments.map(r=>{const b=x===r.eventId,v=i.has(r.eventId),S=r.widthPct<3;return t.jsx("div",{className:`absolute top-2 h-6 rounded-sm cursor-pointer transition-all duration-200 origin-center ${v?`${A(s.category,r.pending)} ring-2 ring-accent ring-offset-1`:`${A(s.category,r.pending)} hover:opacity-80`}`,style:{left:`${r.startPct}%`,width:`${r.widthPct}%`,minWidth:"4px",...b&&S?{transform:"scaleX(4) scaleY(1.3) translateY(-2px)",zIndex:20,borderRadius:"4px"}:{zIndex:v?10:1}},title:r.label,onClick:()=>D(r.eventId),onMouseEnter:()=>p(r.eventId),onMouseLeave:()=>p(null),children:r.widthPct>8&&t.jsx("span",{className:`absolute inset-0 flex items-center px-1.5 text-[9px] font-mono ${K(s.category)} truncate`,children:r.duration!==null?C(r.duration):"pending"})},r.eventId)})]})]}),s.segments.map(r=>{const b=i.has(r.eventId),v=f.find(S=>S.event_id===r.eventId);return t.jsx(B,{open:b,children:v&&t.jsx("div",{className:"py-3",children:t.jsx(it,{event:v,childTask:G(v),pending:r.pending,jid:o,appId:d,onClose:()=>D(v.event_id)})})},r.eventId)})]},`${s.category}:${s.name}`)})]})}export{it as E,ht as S};
+//# sourceMappingURL=SwimlaneTimeline-Db7ATobq.js.map

package/dashboard/dist/assets/{SwimlaneTimeline-BwWyYBCo.js.map → SwimlaneTimeline-Db7ATobq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SwimlaneTimeline-BwWyYBCo.js","sources":["../../src/pages/workflows/workflow-execution/EventMetadataGrid.tsx","../../src/pages/workflows/workflow-execution/RawStreamSection.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 { useState } from 'react';\n\nimport { Collapsible } from '../../../components/common/layout/Collapsible';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { StreamMessageDetail } from '../../admin/streams/StreamMessageDetail';\nimport type { WorkflowExecutionEvent } from '../../../api/types';\n\n/**\n * How a timeline activity maps to an underlying stream row. Two encodings:\n *\n * - `path` — the raw DAG view exposes the full dimension path, e.g.\n *   `0/0/0/worker` → aid `worker`, dad `,0,0,0`. Maps to one exact row by\n *   jid+aid+dad (engine control flow matched on payload metadata instead).\n * - `proxyIndex` — the durable view abstracts the replaying workflow into an\n *   ordered list of proxyActivity calls and uses an ordinal token (`-proxy-3-`).\n *   The Nth call is the Nth `proxyer` stream row ordered by `created`.\n */\nexport type StreamRef =\n  | { kind: 'path'; aid: string; dad: string }\n  | { kind: 'proxyIndex'; index: number };\n\nexport function parseTimelineKey(timelineKey: string | undefined): StreamRef | null {\n  if (!timelineKey) return null;\n  const proxy = /^-proxy-(\\d+)-$/.exec(timelineKey);\n  if (proxy) return { kind: 'proxyIndex', index: parseInt(proxy[1], 10) };\n  if (timelineKey.startsWith('-')) return null; // other friendly tokens — unmappable\n  const segments = timelineKey.split('/');\n  if (segments.length < 2) return null;\n  return { kind: 'path', aid: segments[segments.length - 1], dad: `,${segments.slice(0, -1).join(',')}` };\n}\n\n/** The aid/dad recorded inside a stream message's JSONB metadata. */\nfunction metaOf(msg: StreamMessage): { aid?: string; dad?: string } {\n  try {\n    const parsed = JSON.parse(msg.message) as { metadata?: { aid?: string; dad?: string } };\n    return { aid: parsed?.metadata?.aid, dad: parsed?.metadata?.dad };\n  } catch {\n    return {};\n  }\n}\n\ninterface RawStreamSectionProps {\n  /** The job id (workflowId) — the `jid` on the underlying stream rows. */\n  jid: string;\n  /** HotMesh namespace / DB schema (e.g. `durable`). */\n  appId: string;\n  event: WorkflowExecutionEvent;\n}\n\n/**\n * Drill-down from a timeline activity to the underlying stream row(s) — the real\n * audit record — shown inline as JSON. Resolves the row from the activity's\n * timeline key for both the raw DAG view (exact jid+aid+dad) and the durable\n * view (Nth proxyActivity by created). Fetches only once expanded.\n */\nexport function RawStreamSection({ jid, appId, event }: RawStreamSectionProps) {\n  const [open, setOpen] = useState(false);\n  const ref = parseTimelineKey(event.attributes.timeline_key);\n\n  return (\n    <div className=\"space-y-2\">\n      <button\n        onClick={() => setOpen((v) => !v)}\n        className=\"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors\"\n      >\n        <span className={`transition-transform duration-300 ${open ? 'rotate-90' : ''}`}>&#9654;</span>\n        Raw stream message (audit)\n      </button>\n      <Collapsible open={open}>\n        {open && (\n          <div className=\"pt-1\">\n            {!ref && <p className=\"text-[11px] text-text-tertiary\">No raw stream row maps to this activity.</p>}\n            {ref?.kind === 'proxyIndex' && <ProxyBody namespace={appId || 'durable'} jid={jid} index={ref.index} />}\n            {ref?.kind === 'path' && <PathBody namespace={appId || 'durable'} jid={jid} aid={ref.aid} dad={ref.dad} />}\n          </div>\n        )}\n      </Collapsible>\n    </div>\n  );\n}\n\n/** Durable view: the Nth proxyActivity → the Nth `proxyer` row by created order. */\nfunction ProxyBody({ namespace, jid, index }: { namespace: string; jid: string; index: number }) {\n  const q = useStreamMessages({\n    namespace, source: 'worker', jid, aid: 'proxyer',\n    sort_by: 'created_at', order: 'asc', offset: index - 1, limit: 1,\n  });\n  const msg = q.data?.messages?.[0];\n\n  if (q.isLoading) return <Loading />;\n  if (q.error) return <LoadError />;\n  if (!msg) return <NotFound label={`proxy activity #${index}`} />;\n  return (\n    <Record note={`Proxy activity #${index} (durable) — the worker stream record for this step`} messages={[msg]} />\n  );\n}\n\n/** Raw DAG view: exact jid+aid+dad worker row, or engine control flow by metadata. */\nfunction PathBody({ namespace, jid, aid, dad }: { namespace: string; jid: string; aid: string; dad: string }) {\n  const worker = useStreamMessages({ namespace, source: 'worker', jid, aid, dad, limit: 1 });\n  const workerMsg = worker.data?.messages?.[0];\n\n  // engine_streams has no aid/dad columns — fetch this job's engine rows and\n  // match on payload metadata. A control point can recur (one per cycle), so\n  // all matches are shown. Runs only after a worker miss.\n  const tryEngine = worker.isFetched && !workerMsg;\n  const engine = useStreamMessages({ namespace, source: 'engine', jid, limit: 200 }, { enabled: tryEngine });\n  const engineMatches = tryEngine\n    ? (engine.data?.messages ?? []).filter((m) => { const x = metaOf(m); return x.aid === aid && x.dad === dad; })\n    : [];\n\n  const isWorker = !!workerMsg;\n  const messages = workerMsg ? [workerMsg] : engineMatches;\n\n  if (worker.isLoading || (tryEngine && engine.isLoading)) return <Loading />;\n  if (worker.error) return <LoadError />;\n  if (messages.length === 0) return <NotFound label={`${aid} ${dad}`} />;\n\n  return (\n    <Record\n      note={isWorker\n        ? 'Worker stream — the function-execution record behind this activity'\n        : `Engine stream — control-flow record${messages.length > 1 ? `s (${messages.length}, one per occurrence)` : ' (trigger / hook / cycle)'}`}\n      messages={messages}\n    />\n  );\n}\n\nfunction Record({ note, messages }: { note: string; messages: StreamMessage[] }) {\n  return (\n    <div className=\"space-y-3\">\n      <p className=\"text-[10px] text-text-tertiary\">{note}</p>\n      {messages.map((m) => (\n        <div key={m.id} className=\"rounded-md bg-surface p-3\">\n          <StreamMessageDetail message={m} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nconst Loading = () => <p className=\"text-[11px] text-text-tertiary\">Loading stream message…</p>;\nconst LoadError = () => <p className=\"text-[11px] text-status-error\">Failed to load stream message.</p>;\nconst NotFound = ({ label }: { label: string }) => (\n  <p className=\"text-[11px] text-text-tertiary\">No stream row found for <span className=\"font-mono\">{label}</span>.</p>\n);\n","import { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventMetadataGrid, ChildWorkflowSection, EventPayloadSection } from './EventMetadataGrid';\nimport { RawStreamSection } from './RawStreamSection';\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  /** Job id (workflowId) — when present, enables the raw-stream drill-down. */\n  jid?: string;\n  /** HotMesh namespace / DB schema for the raw-stream lookup (default: durable). */\n  appId?: string;\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, jid, appId, 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 dot-ring 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      {/* Raw stream message drill-down — the real audit behind the export.\n          Placed above INPUT/RESULT so the underlying record is the first thing\n          available when auditing. */}\n      {jid && <RawStreamSection jid={jid} appId={appId ?? 'durable'} event={event} />}\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 border-blue-400/40 bg-blue-400/15',       text: 'text-blue-500',      label: 'Activities' },\n  signal:         { bar: 'bg-emerald-500',    outline: 'border border-emerald-400/40 bg-emerald-400/15', text: 'text-emerald-500',   label: 'Signals' },\n  timer:          { bar: 'bg-status-warning', outline: 'border border-amber-400/40 bg-amber-400/15',    text: 'text-status-warning', label: 'Timers' },\n  child_workflow: { bar: 'bg-violet-500',     outline: 'border border-violet-400/40 bg-violet-400/15',  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  /** Job id (workflowId) — enables the per-activity raw-stream drill-down. */\n  jid?: string;\n  /** HotMesh namespace / DB schema for the raw-stream lookup (default: durable). */\n  appId?: string;\n}\n\n// ── Component ────────────────────────────────────────────────────────────────\n\nexport function SwimlaneTimeline({ events, childTasks, outline, jid, appId }: 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 dot-ring ${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 dot-ring 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 dot-ring 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 ${\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                        jid={jid}\n                        appId={appId}\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","parseTimelineKey","timelineKey","proxy","segments","metaOf","msg","parsed","_a","_b","RawStreamSection","jid","appId","open","setOpen","useState","ref","v","Collapsible","ProxyBody","PathBody","namespace","index","q","useStreamMessages","Loading","LoadError","Record","NotFound","aid","dad","worker","workerMsg","tryEngine","engine","engineMatches","_c","m","x","isWorker","messages","note","StreamMessageDetail","label","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","hoveredEvent","setHoveredEvent","displayEvents","now","allTimes","times","timeMin","totalSpan","laneMap","span","laneKey","startOffset","widthMs","segment","formatDuration","lanes","tickCount","ticks","_","i","activeCategories","findChildTask","activityType","t","toggleEvent","id","prev","next","allEventIds","allExpanded","toggleAll","barColor","textColor","tick","lane","catColor","seg","isHovered","isSelected","isNarrow","isOpen"],"mappings":"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"}
+{"version":3,"file":"SwimlaneTimeline-Db7ATobq.js","sources":["../../src/pages/workflows/workflow-execution/EventMetadataGrid.tsx","../../src/pages/workflows/workflow-execution/RawStreamSection.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 { useState } from 'react';\n\nimport { Collapsible } from '../../../components/common/layout/Collapsible';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { StreamMessageDetail } from '../../admin/streams/StreamMessageDetail';\nimport type { WorkflowExecutionEvent } from '../../../api/types';\n\n/**\n * How a timeline activity maps to an underlying stream row. Two encodings:\n *\n * - `path` — the raw DAG view exposes the full dimension path, e.g.\n *   `0/0/0/worker` → aid `worker`, dad `,0,0,0`. Maps to one exact row by\n *   jid+aid+dad (engine control flow matched on payload metadata instead).\n * - `proxyIndex` — the durable view abstracts the replaying workflow into an\n *   ordered list of proxyActivity calls and uses an ordinal token (`-proxy-3-`).\n *   The Nth call is the Nth `proxyer` stream row ordered by `created`.\n */\nexport type StreamRef =\n  | { kind: 'path'; aid: string; dad: string }\n  | { kind: 'proxyIndex'; index: number };\n\nexport function parseTimelineKey(timelineKey: string | undefined): StreamRef | null {\n  if (!timelineKey) return null;\n  const proxy = /^-proxy-(\\d+)-$/.exec(timelineKey);\n  if (proxy) return { kind: 'proxyIndex', index: parseInt(proxy[1], 10) };\n  if (timelineKey.startsWith('-')) return null; // other friendly tokens — unmappable\n  const segments = timelineKey.split('/');\n  if (segments.length < 2) return null;\n  return { kind: 'path', aid: segments[segments.length - 1], dad: `,${segments.slice(0, -1).join(',')}` };\n}\n\n/** The aid/dad recorded inside a stream message's JSONB metadata. */\nfunction metaOf(msg: StreamMessage): { aid?: string; dad?: string } {\n  try {\n    const parsed = JSON.parse(msg.message) as { metadata?: { aid?: string; dad?: string } };\n    return { aid: parsed?.metadata?.aid, dad: parsed?.metadata?.dad };\n  } catch {\n    return {};\n  }\n}\n\ninterface RawStreamSectionProps {\n  /** The job id (workflowId) — the `jid` on the underlying stream rows. */\n  jid: string;\n  /** HotMesh namespace / DB schema (e.g. `durable`). */\n  appId: string;\n  event: WorkflowExecutionEvent;\n}\n\n/**\n * Drill-down from a timeline activity to the underlying stream row(s) — the real\n * audit record — shown inline as JSON. Resolves the row from the activity's\n * timeline key for both the raw DAG view (exact jid+aid+dad) and the durable\n * view (Nth proxyActivity by created). Fetches only once expanded.\n */\nexport function RawStreamSection({ jid, appId, event }: RawStreamSectionProps) {\n  const [open, setOpen] = useState(false);\n  const ref = parseTimelineKey(event.attributes.timeline_key);\n\n  return (\n    <div className=\"space-y-2\">\n      <button\n        onClick={() => setOpen((v) => !v)}\n        className=\"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors\"\n      >\n        <span className={`transition-transform duration-300 ${open ? 'rotate-90' : ''}`}>&#9654;</span>\n        Raw stream message (audit)\n      </button>\n      <Collapsible open={open}>\n        {open && (\n          <div className=\"pt-1\">\n            {!ref && <p className=\"text-[11px] text-text-tertiary\">No raw stream row maps to this activity.</p>}\n            {ref?.kind === 'proxyIndex' && <ProxyBody namespace={appId || 'durable'} jid={jid} index={ref.index} />}\n            {ref?.kind === 'path' && <PathBody namespace={appId || 'durable'} jid={jid} aid={ref.aid} dad={ref.dad} />}\n          </div>\n        )}\n      </Collapsible>\n    </div>\n  );\n}\n\n/** Durable view: the Nth proxyActivity → the Nth `proxyer` row by created order. */\nfunction ProxyBody({ namespace, jid, index }: { namespace: string; jid: string; index: number }) {\n  const q = useStreamMessages({\n    namespace, source: 'worker', jid, aid: 'proxyer',\n    sort_by: 'created_at', order: 'asc', offset: index - 1, limit: 1,\n  });\n  const msg = q.data?.messages?.[0];\n\n  if (q.isLoading) return <Loading />;\n  if (q.error) return <LoadError />;\n  if (!msg) return <NotFound label={`proxy activity #${index}`} />;\n  return (\n    <Record note={`Proxy activity #${index} (durable) — the worker stream record for this step`} messages={[msg]} />\n  );\n}\n\n/** Raw DAG view: exact jid+aid+dad worker row, or engine control flow by metadata. */\nfunction PathBody({ namespace, jid, aid, dad }: { namespace: string; jid: string; aid: string; dad: string }) {\n  const worker = useStreamMessages({ namespace, source: 'worker', jid, aid, dad, limit: 1 });\n  const workerMsg = worker.data?.messages?.[0];\n\n  // engine_streams has no aid/dad columns — fetch this job's engine rows and\n  // match on payload metadata. A control point can recur (one per cycle), so\n  // all matches are shown. Runs only after a worker miss.\n  const tryEngine = worker.isFetched && !workerMsg;\n  const engine = useStreamMessages({ namespace, source: 'engine', jid, limit: 200 }, { enabled: tryEngine });\n  const engineMatches = tryEngine\n    ? (engine.data?.messages ?? []).filter((m) => { const x = metaOf(m); return x.aid === aid && x.dad === dad; })\n    : [];\n\n  const isWorker = !!workerMsg;\n  const messages = workerMsg ? [workerMsg] : engineMatches;\n\n  if (worker.isLoading || (tryEngine && engine.isLoading)) return <Loading />;\n  if (worker.error) return <LoadError />;\n  if (messages.length === 0) return <NotFound label={`${aid} ${dad}`} />;\n\n  return (\n    <Record\n      note={isWorker\n        ? 'Worker stream — the function-execution record behind this activity'\n        : `Engine stream — control-flow record${messages.length > 1 ? `s (${messages.length}, one per occurrence)` : ' (trigger / hook / cycle)'}`}\n      messages={messages}\n    />\n  );\n}\n\nfunction Record({ note, messages }: { note: string; messages: StreamMessage[] }) {\n  return (\n    <div className=\"space-y-3\">\n      <p className=\"text-[10px] text-text-tertiary\">{note}</p>\n      {messages.map((m) => (\n        <div key={m.id} className=\"rounded-md bg-surface p-3\">\n          <StreamMessageDetail message={m} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nconst Loading = () => <p className=\"text-[11px] text-text-tertiary\">Loading stream message…</p>;\nconst LoadError = () => <p className=\"text-[11px] text-status-error\">Failed to load stream message.</p>;\nconst NotFound = ({ label }: { label: string }) => (\n  <p className=\"text-[11px] text-text-tertiary\">No stream row found for <span className=\"font-mono\">{label}</span>.</p>\n);\n","import { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventMetadataGrid, ChildWorkflowSection, EventPayloadSection } from './EventMetadataGrid';\nimport { RawStreamSection } from './RawStreamSection';\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  /** Job id (workflowId) — when present, enables the raw-stream drill-down. */\n  jid?: string;\n  /** HotMesh namespace / DB schema for the raw-stream lookup (default: durable). */\n  appId?: string;\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, jid, appId, 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 dot-ring 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      {/* Raw stream message drill-down — the real audit behind the export.\n          Placed above INPUT/RESULT so the underlying record is the first thing\n          available when auditing. */}\n      {jid && <RawStreamSection jid={jid} appId={appId ?? 'durable'} event={event} />}\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 border-blue-400/40 bg-blue-400/15',       text: 'text-blue-500',      label: 'Activities' },\n  signal:         { bar: 'bg-emerald-500',    outline: 'border border-emerald-400/40 bg-emerald-400/15', text: 'text-emerald-500',   label: 'Signals' },\n  timer:          { bar: 'bg-status-warning', outline: 'border border-amber-400/40 bg-amber-400/15',    text: 'text-status-warning', label: 'Timers' },\n  child_workflow: { bar: 'bg-violet-500',     outline: 'border border-violet-400/40 bg-violet-400/15',  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  /** Job id (workflowId) — enables the per-activity raw-stream drill-down. */\n  jid?: string;\n  /** HotMesh namespace / DB schema for the raw-stream lookup (default: durable). */\n  appId?: string;\n}\n\n// ── Component ────────────────────────────────────────────────────────────────\n\nexport function SwimlaneTimeline({ events, childTasks, outline, jid, appId }: 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 dot-ring ${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 dot-ring 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 dot-ring 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 ${\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                        jid={jid}\n                        appId={appId}\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","parseTimelineKey","timelineKey","proxy","segments","metaOf","msg","parsed","_a","_b","RawStreamSection","jid","appId","open","setOpen","useState","ref","v","Collapsible","ProxyBody","PathBody","namespace","index","q","useStreamMessages","Loading","LoadError","Record","NotFound","aid","dad","worker","workerMsg","tryEngine","engine","engineMatches","_c","m","x","isWorker","messages","note","StreamMessageDetail","label","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","hoveredEvent","setHoveredEvent","displayEvents","now","allTimes","times","timeMin","totalSpan","laneMap","span","laneKey","startOffset","widthMs","segment","formatDuration","lanes","tickCount","ticks","_","i","activeCategories","findChildTask","activityType","t","toggleEvent","id","prev","next","allEventIds","allExpanded","toggleAll","barColor","textColor","tick","lane","catColor","seg","isHovered","isSelected","isNarrow","isOpen"],"mappings":"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"}

package/dashboard/dist/assets/{TagInput-By0E_Jym.js → TagInput-BaFJCq9A.js}

@@ -1,2 +1,2 @@
-import{a as p,j as a}from"./vendor-query-B2UbickB.js";import{X as m}from"./vendor-icons-BX2Vih4L.js";function d(t){return t.toLowerCase().replace(/[^a-z0-9-]/g,"").replace(/^-|-$/g,"")}function y({tags:t,onChange:o,placeholder:u="Add tag...",compact:x}){const[r,s]=p.useState(""),c=p.useRef(null),i=e=>{const n=d(e);n&&!t.includes(n)&&o([...t,n]),s("")},l=e=>{o(t.filter(n=>n!==e))},f=e=>{e.key==="Enter"||e.key===","?(e.preventDefault(),i(r)):e.key==="Backspace"&&!r&&t.length>0&&l(t[t.length-1])};return a.jsxs("div",{className:x?"flex flex-wrap items-center gap-1.5":"flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary cursor-text",onClick:()=>{var e;return(e=c.current)==null?void 0:e.focus()},children:[t.map(e=>a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium",children:[e,a.jsx("button",{type:"button",onClick:n=>{n.stopPropagation(),l(e)},className:"hover:text-status-error transition-colors",children:a.jsx(m,{className:"w-2.5 h-2.5"})})]},e)),a.jsx("input",{ref:c,type:"text",value:r,onChange:e=>s(e.target.value),onKeyDown:f,onBlur:()=>{r.trim()&&i(r)},placeholder:t.length===0?u:"",className:"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary"})]})}export{y as T};
-//# sourceMappingURL=TagInput-By0E_Jym.js.map
+import{a as p,j as a}from"./vendor-query-B2UbickB.js";import{X as m}from"./vendor-icons-DPmIjhZB.js";function d(t){return t.toLowerCase().replace(/[^a-z0-9-]/g,"").replace(/^-|-$/g,"")}function y({tags:t,onChange:o,placeholder:u="Add tag...",compact:x}){const[r,s]=p.useState(""),c=p.useRef(null),i=e=>{const n=d(e);n&&!t.includes(n)&&o([...t,n]),s("")},l=e=>{o(t.filter(n=>n!==e))},f=e=>{e.key==="Enter"||e.key===","?(e.preventDefault(),i(r)):e.key==="Backspace"&&!r&&t.length>0&&l(t[t.length-1])};return a.jsxs("div",{className:x?"flex flex-wrap items-center gap-1.5":"flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary cursor-text",onClick:()=>{var e;return(e=c.current)==null?void 0:e.focus()},children:[t.map(e=>a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium",children:[e,a.jsx("button",{type:"button",onClick:n=>{n.stopPropagation(),l(e)},className:"hover:text-status-error transition-colors",children:a.jsx(m,{className:"w-2.5 h-2.5"})})]},e)),a.jsx("input",{ref:c,type:"text",value:r,onChange:e=>s(e.target.value),onKeyDown:f,onBlur:()=>{r.trim()&&i(r)},placeholder:t.length===0?u:"",className:"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary"})]})}export{y as T};
+//# sourceMappingURL=TagInput-BaFJCq9A.js.map

package/dashboard/dist/assets/{TagInput-By0E_Jym.js.map → TagInput-BaFJCq9A.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TagInput-By0E_Jym.js","sources":["../../src/components/common/form/TagInput.tsx"],"sourcesContent":["import { useState, useRef, type KeyboardEvent } from 'react';\nimport { X } from 'lucide-react';\n\ninterface TagInputProps {\n  tags: string[];\n  onChange: (tags: string[]) => void;\n  placeholder?: string;\n  /** Show as compact inline pills (no border wrapper) */\n  compact?: boolean;\n}\n\nfunction sanitizeTag(raw: string): string {\n  return raw.toLowerCase().replace(/[^a-z0-9-]/g, '').replace(/^-|-$/g, '');\n}\n\nexport function TagInput({ tags, onChange, placeholder = 'Add tag...', compact }: TagInputProps) {\n  const [input, setInput] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const addTag = (raw: string) => {\n    const tag = sanitizeTag(raw);\n    if (tag && !tags.includes(tag)) {\n      onChange([...tags, tag]);\n    }\n    setInput('');\n  };\n\n  const removeTag = (tag: string) => {\n    onChange(tags.filter((t) => t !== tag));\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' || e.key === ',') {\n      e.preventDefault();\n      addTag(input);\n    } else if (e.key === 'Backspace' && !input && tags.length > 0) {\n      removeTag(tags[tags.length - 1]);\n    }\n  };\n\n  return (\n    <div\n      className={\n        compact\n          ? 'flex flex-wrap items-center gap-1.5'\n          : 'flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary cursor-text'\n      }\n      onClick={() => inputRef.current?.focus()}\n    >\n      {tags.map((tag) => (\n        <span\n          key={tag}\n          className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium\"\n        >\n          {tag}\n          <button\n            type=\"button\"\n            onClick={(e) => { e.stopPropagation(); removeTag(tag); }}\n            className=\"hover:text-status-error transition-colors\"\n          >\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        </span>\n      ))}\n      <input\n        ref={inputRef}\n        type=\"text\"\n        value={input}\n        onChange={(e) => setInput(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={() => { if (input.trim()) addTag(input); }}\n        placeholder={tags.length === 0 ? placeholder : ''}\n        className=\"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary\"\n      />\n    </div>\n  );\n}\n"],"names":["sanitizeTag","raw","TagInput","tags","onChange","placeholder","compact","input","setInput","useState","inputRef","useRef","addTag","tag","removeTag","t","handleKeyDown","jsxs","_a","jsx","e","X"],"mappings":"qGAWA,SAASA,EAAYC,EAAqB,CACxC,OAAOA,EAAI,cAAc,QAAQ,cAAe,EAAE,EAAE,QAAQ,SAAU,EAAE,CAC1E,CAEO,SAASC,EAAS,CAAE,KAAAC,EAAM,SAAAC,EAAU,YAAAC,EAAc,aAAc,QAAAC,GAA0B,CAC/F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAWC,EAAAA,OAAyB,IAAI,EAExCC,EAAUX,GAAgB,CAC9B,MAAMY,EAAMb,EAAYC,CAAG,EACvBY,GAAO,CAACV,EAAK,SAASU,CAAG,GAC3BT,EAAS,CAAC,GAAGD,EAAMU,CAAG,CAAC,EAEzBL,EAAS,EAAE,CACb,EAEMM,EAAaD,GAAgB,CACjCT,EAASD,EAAK,OAAQY,GAAMA,IAAMF,CAAG,CAAC,CACxC,EAEMG,EAAiB,GAAuC,CACxD,EAAE,MAAQ,SAAW,EAAE,MAAQ,KACjC,EAAE,eAAA,EACFJ,EAAOL,CAAK,GACH,EAAE,MAAQ,aAAe,CAACA,GAASJ,EAAK,OAAS,GAC1DW,EAAUX,EAAKA,EAAK,OAAS,CAAC,CAAC,CAEnC,EAEA,OACEc,EAAAA,KAAC,MAAA,CACC,UACEX,EACI,sCACA,6KAEN,QAAS,IAAA,OAAM,OAAAY,EAAAR,EAAS,UAAT,YAAAQ,EAAkB,SAEhC,SAAA,CAAAf,EAAK,IAAKU,GACTI,EAAAA,KAAC,OAAA,CAEC,UAAU,2GAET,SAAA,CAAAJ,EACDM,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAUC,GAAM,CAAEA,EAAE,gBAAA,EAAmBN,EAAUD,CAAG,CAAG,EACvD,UAAU,4CAEV,SAAAM,EAAAA,IAACE,EAAA,CAAE,UAAU,aAAA,CAAc,CAAA,CAAA,CAC7B,CAAA,EAVKR,CAAA,CAYR,EACDM,EAAAA,IAAC,QAAA,CACC,IAAKT,EACL,KAAK,OACL,MAAOH,EACP,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,UAAWQ,EACX,OAAQ,IAAM,CAAMT,EAAM,QAAQK,EAAOL,CAAK,CAAG,EACjD,YAAaJ,EAAK,SAAW,EAAIE,EAAc,GAC/C,UAAU,0GAAA,CAAA,CACZ,CAAA,CAAA,CAGN"}
+{"version":3,"file":"TagInput-BaFJCq9A.js","sources":["../../src/components/common/form/TagInput.tsx"],"sourcesContent":["import { useState, useRef, type KeyboardEvent } from 'react';\nimport { X } from 'lucide-react';\n\ninterface TagInputProps {\n  tags: string[];\n  onChange: (tags: string[]) => void;\n  placeholder?: string;\n  /** Show as compact inline pills (no border wrapper) */\n  compact?: boolean;\n}\n\nfunction sanitizeTag(raw: string): string {\n  return raw.toLowerCase().replace(/[^a-z0-9-]/g, '').replace(/^-|-$/g, '');\n}\n\nexport function TagInput({ tags, onChange, placeholder = 'Add tag...', compact }: TagInputProps) {\n  const [input, setInput] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const addTag = (raw: string) => {\n    const tag = sanitizeTag(raw);\n    if (tag && !tags.includes(tag)) {\n      onChange([...tags, tag]);\n    }\n    setInput('');\n  };\n\n  const removeTag = (tag: string) => {\n    onChange(tags.filter((t) => t !== tag));\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' || e.key === ',') {\n      e.preventDefault();\n      addTag(input);\n    } else if (e.key === 'Backspace' && !input && tags.length > 0) {\n      removeTag(tags[tags.length - 1]);\n    }\n  };\n\n  return (\n    <div\n      className={\n        compact\n          ? 'flex flex-wrap items-center gap-1.5'\n          : 'flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary cursor-text'\n      }\n      onClick={() => inputRef.current?.focus()}\n    >\n      {tags.map((tag) => (\n        <span\n          key={tag}\n          className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-[11px] font-medium\"\n        >\n          {tag}\n          <button\n            type=\"button\"\n            onClick={(e) => { e.stopPropagation(); removeTag(tag); }}\n            className=\"hover:text-status-error transition-colors\"\n          >\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        </span>\n      ))}\n      <input\n        ref={inputRef}\n        type=\"text\"\n        value={input}\n        onChange={(e) => setInput(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={() => { if (input.trim()) addTag(input); }}\n        placeholder={tags.length === 0 ? placeholder : ''}\n        className=\"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary\"\n      />\n    </div>\n  );\n}\n"],"names":["sanitizeTag","raw","TagInput","tags","onChange","placeholder","compact","input","setInput","useState","inputRef","useRef","addTag","tag","removeTag","t","handleKeyDown","jsxs","_a","jsx","e","X"],"mappings":"qGAWA,SAASA,EAAYC,EAAqB,CACxC,OAAOA,EAAI,cAAc,QAAQ,cAAe,EAAE,EAAE,QAAQ,SAAU,EAAE,CAC1E,CAEO,SAASC,EAAS,CAAE,KAAAC,EAAM,SAAAC,EAAU,YAAAC,EAAc,aAAc,QAAAC,GAA0B,CAC/F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAWC,EAAAA,OAAyB,IAAI,EAExCC,EAAUX,GAAgB,CAC9B,MAAMY,EAAMb,EAAYC,CAAG,EACvBY,GAAO,CAACV,EAAK,SAASU,CAAG,GAC3BT,EAAS,CAAC,GAAGD,EAAMU,CAAG,CAAC,EAEzBL,EAAS,EAAE,CACb,EAEMM,EAAaD,GAAgB,CACjCT,EAASD,EAAK,OAAQY,GAAMA,IAAMF,CAAG,CAAC,CACxC,EAEMG,EAAiB,GAAuC,CACxD,EAAE,MAAQ,SAAW,EAAE,MAAQ,KACjC,EAAE,eAAA,EACFJ,EAAOL,CAAK,GACH,EAAE,MAAQ,aAAe,CAACA,GAASJ,EAAK,OAAS,GAC1DW,EAAUX,EAAKA,EAAK,OAAS,CAAC,CAAC,CAEnC,EAEA,OACEc,EAAAA,KAAC,MAAA,CACC,UACEX,EACI,sCACA,6KAEN,QAAS,IAAA,OAAM,OAAAY,EAAAR,EAAS,UAAT,YAAAQ,EAAkB,SAEhC,SAAA,CAAAf,EAAK,IAAKU,GACTI,EAAAA,KAAC,OAAA,CAEC,UAAU,2GAET,SAAA,CAAAJ,EACDM,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAUC,GAAM,CAAEA,EAAE,gBAAA,EAAmBN,EAAUD,CAAG,CAAG,EACvD,UAAU,4CAEV,SAAAM,EAAAA,IAACE,EAAA,CAAE,UAAU,aAAA,CAAc,CAAA,CAAA,CAC7B,CAAA,EAVKR,CAAA,CAYR,EACDM,EAAAA,IAAC,QAAA,CACC,IAAKT,EACL,KAAK,OACL,MAAOH,EACP,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,UAAWQ,EACX,OAAQ,IAAM,CAAMT,EAAM,QAAQK,EAAOL,CAAK,CAAG,EACjD,YAAaJ,EAAK,SAAW,EAAIE,EAAc,GAC/C,UAAU,0GAAA,CAAA,CACZ,CAAA,CAAA,CAGN"}

package/dashboard/dist/assets/{TaskDetailPage-BUKHu2oD.js → TaskDetailPage-BVlCa-PR.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{d as c}from"./tasks-j-mVt2EA.js";import{S as x}from"./StatusBadge-CEQMRmSQ.js";import{P as m}from"./PriorityBadge-B4ykBH7f.js";import{S as i,J as r}from"./index-so192yXP.js";import{P as p}from"./PageHeader-Ji1AtA4f.js";import{e as j,L as u}from"./vendor-react-CXumBFUA.js";import"./vendor-icons-BX2Vih4L.js";function a({label:t,value:s}){return e.jsxs("div",{children:[e.jsx(i,{className:"mb-1",children:t}),e.jsx("div",{className:"text-sm text-text-primary",children:s??"—"})]})}function f({items:t}){return t.length===0?null:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-[7px] top-3 bottom-3 w-px bg-surface-border"}),e.jsx("div",{className:"space-y-0",children:t.map(s=>e.jsxs("div",{className:"relative flex gap-4 py-3",children:[e.jsx("div",{className:"relative z-10 mt-1",children:e.jsx("div",{className:`w-[15px] h-[15px] rounded-full border-2 ${s.category==="system"?"border-accent-muted bg-surface-raised":"border-accent bg-accent"}`})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-baseline gap-3",children:[e.jsx("p",{className:"text-sm text-text-primary",children:s.label}),s.timestamp&&e.jsx("time",{className:"text-[10px] text-text-tertiary font-mono shrink-0",children:new Date(s.timestamp).toLocaleTimeString()})]}),s.detail&&e.jsx("div",{className:"mt-1",children:s.detail})]})]},s.id))})]})}function S(){const{id:t}=j(),{data:s,isLoading:o}=c(t);if(o)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"})]});if(!s)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Task not found."});const n=(s.milestones??[]).map((l,d)=>({id:d,label:l.name,timestamp:l.created_at,detail:e.jsx("span",{className:"text-xs text-text-secondary font-mono",children:typeof l.value=="object"?JSON.stringify(l.value):String(l.value)}),category:"user"}));return e.jsxs("div",{children:[e.jsx(p,{title:"Task Detail"}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-12",children:[e.jsxs("div",{className:"lg:col-span-2 space-y-10",children:[e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-6",children:[e.jsx(a,{label:"Status",value:e.jsx(x,{status:s.status})}),e.jsx(a,{label:"Priority",value:e.jsx(m,{priority:s.priority})}),e.jsx(a,{label:"Workflow Type",value:e.jsx("span",{className:"font-mono text-xs",children:s.workflow_type})}),e.jsx(a,{label:"LT Type",value:e.jsx("span",{className:"font-mono text-xs",children:s.lt_type})}),e.jsx(a,{label:"Task Queue",value:e.jsx("span",{className:"font-mono text-xs",children:s.task_queue})}),e.jsx(a,{label:"Workflow ID",value:e.jsx("span",{className:"font-mono text-xs break-all",children:s.workflow_id})}),e.jsx(a,{label:"Started",value:s.started_at?new Date(s.started_at).toLocaleString():"—"}),e.jsx(a,{label:"Completed",value:s.completed_at?new Date(s.completed_at).toLocaleString():"—"}),e.jsx(a,{label:"Signal ID",value:e.jsx("span",{className:"font-mono text-xs break-all",children:s.signal_id})})]}),s.error&&e.jsxs("div",{children:[e.jsx(i,{className:"mb-2 text-status-error",children:"Error"}),e.jsx("p",{className:"text-sm text-text-primary font-mono",children:s.error})]}),n.length>0&&e.jsxs("div",{children:[e.jsx(i,{className:"mb-4",children:"Milestones"}),e.jsx(f,{items:n})]}),e.jsx(u,{to:`/workflows/executions/${s.workflow_id}`,className:"btn-secondary inline-block text-xs",children:"View Workflow Execution"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(r,{data:s.envelope,label:"Envelope"}),s.metadata&&e.jsx(r,{data:s.metadata,label:"Metadata"}),s.data&&e.jsx(r,{data:s.data,label:"Result Data"})]})]})]})}export{S as TaskDetailPage};
-//# sourceMappingURL=TaskDetailPage-BUKHu2oD.js.map
+import{j as e}from"./vendor-query-B2UbickB.js";import{d as c}from"./tasks-BiyBXdk7.js";import{S as x}from"./StatusBadge-CEQMRmSQ.js";import{P as m}from"./PriorityBadge-B4ykBH7f.js";import{S as i,J as r}from"./index-DYcP4jyl.js";import{P as p}from"./PageHeader-CiFhzGc0.js";import{e as j,L as u}from"./vendor-react-CXumBFUA.js";import"./vendor-icons-DPmIjhZB.js";function a({label:t,value:s}){return e.jsxs("div",{children:[e.jsx(i,{className:"mb-1",children:t}),e.jsx("div",{className:"text-sm text-text-primary",children:s??"—"})]})}function f({items:t}){return t.length===0?null:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-[7px] top-3 bottom-3 w-px bg-surface-border"}),e.jsx("div",{className:"space-y-0",children:t.map(s=>e.jsxs("div",{className:"relative flex gap-4 py-3",children:[e.jsx("div",{className:"relative z-10 mt-1",children:e.jsx("div",{className:`w-[15px] h-[15px] rounded-full border-2 ${s.category==="system"?"border-accent-muted bg-surface-raised":"border-accent bg-accent"}`})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-baseline gap-3",children:[e.jsx("p",{className:"text-sm text-text-primary",children:s.label}),s.timestamp&&e.jsx("time",{className:"text-[10px] text-text-tertiary font-mono shrink-0",children:new Date(s.timestamp).toLocaleTimeString()})]}),s.detail&&e.jsx("div",{className:"mt-1",children:s.detail})]})]},s.id))})]})}function S(){const{id:t}=j(),{data:s,isLoading:o}=c(t);if(o)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"})]});if(!s)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Task not found."});const n=(s.milestones??[]).map((l,d)=>({id:d,label:l.name,timestamp:l.created_at,detail:e.jsx("span",{className:"text-xs text-text-secondary font-mono",children:typeof l.value=="object"?JSON.stringify(l.value):String(l.value)}),category:"user"}));return e.jsxs("div",{children:[e.jsx(p,{title:"Task Detail"}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-12",children:[e.jsxs("div",{className:"lg:col-span-2 space-y-10",children:[e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-6",children:[e.jsx(a,{label:"Status",value:e.jsx(x,{status:s.status})}),e.jsx(a,{label:"Priority",value:e.jsx(m,{priority:s.priority})}),e.jsx(a,{label:"Workflow Type",value:e.jsx("span",{className:"font-mono text-xs",children:s.workflow_type})}),e.jsx(a,{label:"LT Type",value:e.jsx("span",{className:"font-mono text-xs",children:s.lt_type})}),e.jsx(a,{label:"Task Queue",value:e.jsx("span",{className:"font-mono text-xs",children:s.task_queue})}),e.jsx(a,{label:"Workflow ID",value:e.jsx("span",{className:"font-mono text-xs break-all",children:s.workflow_id})}),e.jsx(a,{label:"Started",value:s.started_at?new Date(s.started_at).toLocaleString():"—"}),e.jsx(a,{label:"Completed",value:s.completed_at?new Date(s.completed_at).toLocaleString():"—"}),e.jsx(a,{label:"Signal ID",value:e.jsx("span",{className:"font-mono text-xs break-all",children:s.signal_id})})]}),s.error&&e.jsxs("div",{children:[e.jsx(i,{className:"mb-2 text-status-error",children:"Error"}),e.jsx("p",{className:"text-sm text-text-primary font-mono",children:s.error})]}),n.length>0&&e.jsxs("div",{children:[e.jsx(i,{className:"mb-4",children:"Milestones"}),e.jsx(f,{items:n})]}),e.jsx(u,{to:`/workflows/executions/${s.workflow_id}`,className:"btn-secondary inline-block text-xs",children:"View Workflow Execution"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(r,{data:s.envelope,label:"Envelope"}),s.metadata&&e.jsx(r,{data:s.metadata,label:"Metadata"}),s.data&&e.jsx(r,{data:s.data,label:"Result Data"})]})]})]})}export{S as TaskDetailPage};
+//# sourceMappingURL=TaskDetailPage-BVlCa-PR.js.map