@hotmeshio/long-tail 0.4.22 → 0.4.24

package/dashboard/dist/assets/{TopicDetailPage-D7gCsPKB.js.map → TopicDetailPage-Dm0hDlS8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TopicDetailPage-D7gCsPKB.js","sources":["../../src/pages/topics/TopicDetailPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { Radio, Bot, Tag, Pencil, Trash2, Save, X, BookOpen, Send, FlaskConical, Info, Braces } from 'lucide-react';\nimport { useTopic, useUpdateTopic, useDeleteTopic, usePublishTopic } from '../../api/topics';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { DateValue } from '../../components/common/display/DateValue';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { useSettings } from '../../api/settings';\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'bg-blue-400/15 text-blue-400',\n  workflow:   'bg-accent/15 text-accent',\n  escalation: 'bg-amber-400/15 text-amber-400',\n  activity:   'bg-cyan-400/15 text-cyan-400',\n  knowledge:  'bg-violet-400/15 text-violet-400',\n  agent:      'bg-emerald-400/15 text-emerald-400',\n  app:        'bg-rose-400/15 text-rose-400',\n  milestone:  'bg-violet-400/15 text-violet-400',\n};\n\nfunction SectionHeader({ icon: Icon, color, children }: { icon: React.ElementType; color: string; children: React.ReactNode }) {\n  return (\n    <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n      <Icon className={`w-4 h-4 ${color}`} strokeWidth={1.5} />\n      <h2 className=\"text-xs font-semibold uppercase tracking-widest text-accent/80\">{children}</h2>\n    </div>\n  );\n}\n\nexport function TopicDetailPage() {\n  const { topic: encodedTopic } = useParams<{ topic: string }>();\n  const topicKey = encodedTopic ? decodeURIComponent(encodedTopic) : null;\n  const navigate = useNavigate();\n  const { data: topic, isLoading, refetch, isFetching } = useTopic(topicKey);\n  const { data: settings } = useSettings();\n  const subscriberLabel = settings?.ai?.enabled ? 'agents' : 'automations';\n  const updateMutation = useUpdateTopic();\n  const deleteMutation = useDeleteTopic();\n  const publishMutation = usePublishTopic();\n\n  const [editing, setEditing] = useState(false);\n  const [publishSubject, setPublishSubject] = useState('');\n  const [publishEventId, setPublishEventId] = useState(() => `evt-${Date.now()}-${Math.random().toString(16).slice(2, 6)}`);\n  const [publishPayload, setPublishPayload] = useState('');\n  const [editDescription, setEditDescription] = useState('');\n  const [editTags, setEditTags] = useState('');\n  const [editSchema, setEditSchema] = useState('');\n  const [schemaError, setSchemaError] = useState('');\n\n  if (isLoading) {\n    return <div className=\"animate-pulse space-y-4\"><div className=\"h-8 bg-surface-sunken rounded w-48\" /><div className=\"h-40 bg-surface-sunken rounded\" /></div>;\n  }\n\n  if (!topic) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <Radio className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"text-lg font-medium text-text-primary mb-2\">Topic not found</h2>\n      </div>\n    );\n  }\n\n  const isSystem = topic.source === 'system';\n  const isManaged = topic.managed;\n  const editable = !isManaged;\n  const categoryPillCls = CATEGORY_COLORS[topic.category] ?? 'bg-zinc-400/15 text-zinc-400';\n\n  const defaultPayload = topic.example_payload\n    ? JSON.stringify(topic.example_payload, null, 2)\n    : topic.payload_schema?.properties\n      ? JSON.stringify(Object.fromEntries(Object.keys(topic.payload_schema.properties).map(k => [k, ''])), null, 2)\n      : '{}';\n  if (!publishPayload && defaultPayload !== '{}') {\n    setPublishPayload(defaultPayload);\n  }\n  if (!publishSubject) {\n    setPublishSubject(topic.topic);\n  }\n\n  const startEdit = () => {\n    setEditDescription(topic.description ?? '');\n    setEditTags((topic.tags ?? []).join(', '));\n    setEditSchema(topic.payload_schema ? JSON.stringify(topic.payload_schema, null, 2) : '');\n    setSchemaError('');\n    setEditing(true);\n  };\n\n  const cancelEdit = () => setEditing(false);\n\n  const saveEdit = () => {\n    const tags = editTags.split(',').map((t) => t.trim()).filter(Boolean);\n    let payload_schema: Record<string, any> | undefined;\n    if (editSchema.trim()) {\n      try {\n        payload_schema = JSON.parse(editSchema);\n        setSchemaError('');\n      } catch {\n        setSchemaError('Invalid JSON');\n        return;\n      }\n    }\n    updateMutation.mutate(\n      { topic: topic.topic, description: editDescription, tags, ...(payload_schema !== undefined ? { payload_schema } : {}) },\n      { onSuccess: () => { setEditing(false); refetch(); } },\n    );\n  };\n\n  const handleDelete = () => {\n    if (confirm(`Delete topic \"${topic.topic}\"?\\n\\nThis removes it from the catalog. Active subscriptions are not affected.`)) {\n      deleteMutation.mutate(topic.topic, { onSuccess: () => navigate('/topics') });\n    }\n  };\n\n  return (\n    <div>\n      {/* ── Header ───────────────────────────────────────────────── */}\n      <div className=\"flex items-start justify-between mb-4\">\n        <div>\n          <div className=\"flex items-center gap-3 mb-1\">\n            <Radio className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"text-lg font-mono font-medium text-text-primary\">{topic.topic}</h1>\n            <button onClick={() => { window.location.hash = '#docs:topics.md'; }} className=\"text-text-quaternary hover:text-accent transition-colors\" title=\"Topic docs\">\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n          </div>\n          {!editing && topic.description ? (\n            <p className=\"text-sm text-text-secondary leading-relaxed\">{topic.description}</p>\n          ) : !editing ? (\n            <p className=\"text-sm text-text-quaternary italic\">No description</p>\n          ) : null}\n        </div>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {!editing && editable && (\n            <button onClick={startEdit} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors\">\n              <Pencil className=\"w-3 h-3\" /> Edit\n            </button>\n          )}\n          {!editing && !isSystem && editable && (\n            <button onClick={handleDelete} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-red-400/60 hover:text-red-400 hover:bg-red-600/10 transition-colors\">\n              <Trash2 className=\"w-3 h-3\" /> Delete\n            </button>\n          )}\n          {editing && (\n            <>\n              <button onClick={saveEdit} disabled={updateMutation.isPending} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors\">\n                <Save className=\"w-3 h-3\" /> Save\n              </button>\n              <button onClick={cancelEdit} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-text-tertiary hover:text-text-primary hover:bg-surface-hover transition-colors\">\n                <X className=\"w-3 h-3\" /> Cancel\n              </button>\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* ── Details band ─────────────────────────────────────────── */}\n      <div className=\"bg-surface-sunken/50 rounded-md px-5 py-3 flex flex-wrap gap-x-6 gap-y-3 items-start mb-5 relative\">\n        <div>\n          <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Category</p>\n          <span className={`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${categoryPillCls}`}>{topic.category}</span>\n        </div>\n        <div>\n          <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Source</p>\n          <span className=\"text-xs font-mono text-text-secondary\">{topic.source}</span>\n        </div>\n        {topic.tags?.length > 0 && (\n          <div>\n            <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Tags</p>\n            <div className=\"flex items-center gap-1.5\">\n              <Tag className=\"w-2.5 h-2.5 text-text-quaternary\" strokeWidth={1.5} />\n              {topic.tags.map((tag) => (\n                <span key={tag} className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-mono text-text-tertiary bg-surface-sunken\">{tag}</span>\n              ))}\n            </div>\n          </div>\n        )}\n        <div>\n          <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Created</p>\n          <span className=\"text-xs text-text-secondary\"><DateValue date={topic.created_at} /></span>\n        </div>\n        <div>\n          <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Updated</p>\n          <span className=\"text-xs text-text-secondary\"><DateValue date={topic.updated_at} /></span>\n        </div>\n        {topic.last_seen_at && (\n          <div>\n            <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Last Seen</p>\n            <span className=\"text-xs text-text-secondary\"><DateValue date={topic.last_seen_at} /></span>\n          </div>\n        )}\n        <div className=\"ml-auto self-center\">\n          <ListToolbar onRefresh={() => refetch()} isFetching={isFetching} apiPath={`/topics/by-name/${encodeURIComponent(topic.topic)}`} />\n        </div>\n      </div>\n\n      {/* ── Three-column layout: Payloads | Activity (pub/sub) ─── */}\n      {!editing && (\n        <div className=\"flex gap-5\">\n          {/* Left — Payloads */}\n          <div className=\"flex-1 min-w-0\">\n            {(topic.payload_schema || topic.example_payload) ? (\n              <div className={`grid gap-5 ${topic.payload_schema && topic.example_payload ? 'grid-cols-2' : 'grid-cols-1'}`}>\n                {topic.payload_schema && (\n                  <div className=\"min-w-0\">\n                    <SectionHeader icon={Radio} color=\"text-accent\">Payload Schema</SectionHeader>\n                    <JsonViewer data={topic.payload_schema} />\n                  </div>\n                )}\n                {topic.example_payload && (\n                  <div className=\"min-w-0\">\n                    <SectionHeader icon={Braces} color=\"text-cyan-400\">Example Payload</SectionHeader>\n                    <JsonViewer data={topic.example_payload} />\n                  </div>\n                )}\n              </div>\n            ) : (\n              <div>\n                <SectionHeader icon={Radio} color=\"text-accent\">Payload Schema</SectionHeader>\n                <p className=\"text-[11px] text-text-quaternary\">No schema defined. Click Edit to add one.</p>\n              </div>\n            )}\n          </div>\n\n          {/* Right — Test */}\n          <div className=\"w-[295px] shrink-0 space-y-4 animate-page-enter\">\n            <SectionHeader icon={FlaskConical} color=\"text-violet-400\">Test</SectionHeader>\n            {/* Target Subscribers */}\n            <div className=\"bg-surface-sunken/30 rounded-md px-4 py-3\">\n              <div className=\"flex items-center gap-2 mb-2\">\n                <Bot className=\"w-3.5 h-3.5 text-emerald-400\" strokeWidth={1.5} />\n                <h2 className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n                  Target Subscribers\n                </h2>\n                <span className=\"relative group ml-auto\">\n                  <Info className=\"w-3 h-3 text-text-quaternary cursor-help\" strokeWidth={1.5} />\n                  <span className=\"absolute right-0 top-full mt-1 w-48 p-2 rounded bg-surface-raised border border-surface-border shadow-lg text-[10px] text-text-secondary leading-relaxed hidden group-hover:block z-10\">\n                    Publishing a test event is live — these subscribers will receive and process the payload.\n                  </span>\n                </span>\n              </div>\n              {topic.subscribers?.length ? (\n                <div className=\"space-y-0.5\">\n                  {topic.subscribers.map((sub) => (\n                    <button\n                      key={sub.id}\n                      onClick={() => navigate(`/agents/${sub.agent_id}`)}\n                      className=\"flex items-center gap-2 w-full text-left py-1 rounded hover:bg-surface-hover/50 transition-colors\"\n                    >\n                      <Bot className=\"w-2.5 h-2.5 text-emerald-400 shrink-0\" strokeWidth={1.5} />\n                      <span className=\"text-[11px] text-text-primary hover:text-accent transition-colors truncate\">{sub.agent_name}</span>\n                      <span className=\"text-[9px] font-mono text-text-quaternary ml-auto shrink-0\">{sub.reaction_type}</span>\n                    </button>\n                  ))}\n                </div>\n              ) : (\n                <p className=\"text-[11px] text-text-quaternary\">No {subscriberLabel} subscribed.</p>\n              )}\n            </div>\n\n            {/* Publish */}\n            <div className=\"sticky top-16 bg-surface-sunken/40 rounded-md p-4\">\n              <div className=\"flex items-center gap-2 mb-3\">\n                <Send className=\"w-3.5 h-3.5 text-accent\" strokeWidth={1.5} />\n                <h2 className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">Publish</h2>\n              </div>\n              <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Event ID</label>\n              <input\n                value={publishEventId}\n                onChange={(e) => setPublishEventId(e.target.value)}\n                className=\"input w-full text-[11px] font-mono mb-3\"\n                spellCheck={false}\n                placeholder=\"evt-1720368000000-a3f2\"\n              />\n              <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Subject</label>\n              <input\n                value={publishSubject || topic.topic}\n                onChange={(e) => setPublishSubject(e.target.value)}\n                className=\"input w-full text-[11px] font-mono mb-3\"\n                spellCheck={false}\n              />\n              <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Payload</label>\n              <textarea\n                value={publishPayload || defaultPayload}\n                onChange={(e) => setPublishPayload(e.target.value)}\n                className=\"input-json w-full text-[11px]\"\n                rows={7}\n                spellCheck={false}\n                placeholder='{ \"key\": \"value\" }'\n              />\n              <div className=\"mt-3\">\n                <button\n                  onClick={() => {\n                    try {\n                      const data = JSON.parse(publishPayload || defaultPayload);\n                      const subject = (publishSubject || topic.topic) !== topic.topic\n                        ? (publishSubject || topic.topic)\n                        : undefined;\n                      publishMutation.mutate({ topic: topic.topic, subject, eventId: publishEventId || undefined, data }, { onSuccess: () => {\n                        refetch();\n                        // Generate a fresh event ID for the next publish\n                        setPublishEventId(`evt-${Date.now()}-${Math.random().toString(16).slice(2, 6)}`);\n                      } });\n                    } catch { /* invalid JSON */ }\n                  }}\n                  disabled={publishMutation.isPending}\n                  className=\"btn-primary text-xs w-full\"\n                >\n                  {publishMutation.isPending ? 'Publishing…' : 'Publish'}\n                </button>\n              </div>\n              {publishMutation.isSuccess && (\n                <p className=\"text-[10px] text-status-success mt-2 animate-page-enter\">Event published</p>\n              )}\n              {publishMutation.isError && (\n                <p className=\"text-[10px] text-status-error mt-2\">{publishMutation.error.message}</p>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* ── Edit mode ────────────────────────────────────────────── */}\n      {editing && (\n        <div className=\"space-y-6 max-w-3xl\">\n          <div>\n            <label className=\"section-header\">Description</label>\n            <textarea\n              value={editDescription}\n              onChange={(e) => setEditDescription(e.target.value)}\n              rows={3}\n              className=\"input resize-none\"\n              placeholder=\"What this topic represents\"\n            />\n          </div>\n          <div>\n            <label className=\"section-header\">Tags</label>\n            <input\n              type=\"text\"\n              value={editTags}\n              onChange={(e) => setEditTags(e.target.value)}\n              placeholder=\"lifecycle, core, error\"\n              className=\"input font-mono\"\n            />\n            <p className=\"hint\">Comma-separated. Used for filtering in the catalog.</p>\n          </div>\n          <div>\n            <label className=\"section-header\">Payload Schema</label>\n            <textarea\n              value={editSchema}\n              onChange={(e) => { setEditSchema(e.target.value); setSchemaError(''); }}\n              rows={12}\n              className=\"input-json w-full\"\n              placeholder={'{\\n  \"type\": \"object\",\\n  \"properties\": {\\n    \"orderId\": { \"type\": \"string\" }\\n  }\\n}'}\n            />\n            {schemaError && <p className=\"text-[10px] text-red-400 mt-1\">{schemaError}</p>}\n            <p className=\"hint\">JSON Schema describing the event.data shape.</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["CATEGORY_COLORS","SectionHeader","Icon","color","children","jsxs","jsx","TopicDetailPage","encodedTopic","useParams","topicKey","navigate","useNavigate","topic","isLoading","refetch","isFetching","useTopic","settings","useSettings","subscriberLabel","_a","updateMutation","useUpdateTopic","deleteMutation","useDeleteTopic","publishMutation","usePublishTopic","editing","setEditing","useState","publishSubject","setPublishSubject","publishEventId","setPublishEventId","publishPayload","setPublishPayload","editDescription","setEditDescription","editTags","setEditTags","editSchema","setEditSchema","schemaError","setSchemaError","Radio","isSystem","editable","categoryPillCls","defaultPayload","_b","k","startEdit","cancelEdit","saveEdit","tags","t","payload_schema","handleDelete","BookOpen","Pencil","Trash2","Fragment","Save","X","_c","Tag","tag","DateValue","ListToolbar","JsonViewer","Braces","FlaskConical","Bot","Info","_d","sub","Send","e","data","subject"],"mappings":"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"}
+{"version":3,"file":"TopicDetailPage-Dm0hDlS8.js","sources":["../../src/pages/topics/TopicDetailPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { Radio, Bot, Tag, Pencil, Trash2, Save, X, BookOpen, Send, FlaskConical, Info, Braces } from 'lucide-react';\nimport { useTopic, useUpdateTopic, useDeleteTopic, usePublishTopic } from '../../api/topics';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { DateValue } from '../../components/common/display/DateValue';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { useSettings } from '../../api/settings';\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'bg-blue-400/15 text-blue-400',\n  workflow:   'bg-accent/15 text-accent',\n  escalation: 'bg-amber-400/15 text-amber-400',\n  activity:   'bg-cyan-400/15 text-cyan-400',\n  knowledge:  'bg-violet-400/15 text-violet-400',\n  agent:      'bg-emerald-400/15 text-emerald-400',\n  app:        'bg-rose-400/15 text-rose-400',\n  milestone:  'bg-violet-400/15 text-violet-400',\n};\n\nfunction SectionHeader({ icon: Icon, color, children }: { icon: React.ElementType; color: string; children: React.ReactNode }) {\n  return (\n    <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n      <Icon className={`w-4 h-4 ${color}`} strokeWidth={1.5} />\n      <h2 className=\"text-xs font-semibold uppercase tracking-widest text-accent/80\">{children}</h2>\n    </div>\n  );\n}\n\nexport function TopicDetailPage() {\n  const { topic: encodedTopic } = useParams<{ topic: string }>();\n  const topicKey = encodedTopic ? decodeURIComponent(encodedTopic) : null;\n  const navigate = useNavigate();\n  const { data: topic, isLoading, refetch, isFetching } = useTopic(topicKey);\n  const { data: settings } = useSettings();\n  const subscriberLabel = settings?.ai?.enabled ? 'agents' : 'automations';\n  const updateMutation = useUpdateTopic();\n  const deleteMutation = useDeleteTopic();\n  const publishMutation = usePublishTopic();\n\n  const [editing, setEditing] = useState(false);\n  const [publishSubject, setPublishSubject] = useState('');\n  const [publishEventId, setPublishEventId] = useState(() => `evt-${Date.now()}-${Math.random().toString(16).slice(2, 6)}`);\n  const [publishPayload, setPublishPayload] = useState('');\n  const [editDescription, setEditDescription] = useState('');\n  const [editTags, setEditTags] = useState('');\n  const [editSchema, setEditSchema] = useState('');\n  const [schemaError, setSchemaError] = useState('');\n\n  if (isLoading) {\n    return <div className=\"animate-pulse space-y-4\"><div className=\"h-8 bg-surface-sunken rounded w-48\" /><div className=\"h-40 bg-surface-sunken rounded\" /></div>;\n  }\n\n  if (!topic) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <Radio className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"text-lg font-medium text-text-primary mb-2\">Topic not found</h2>\n      </div>\n    );\n  }\n\n  const isSystem = topic.source === 'system';\n  const isManaged = topic.managed;\n  const editable = !isManaged;\n  const categoryPillCls = CATEGORY_COLORS[topic.category] ?? 'bg-zinc-400/15 text-zinc-400';\n\n  const defaultPayload = topic.example_payload\n    ? JSON.stringify(topic.example_payload, null, 2)\n    : topic.payload_schema?.properties\n      ? JSON.stringify(Object.fromEntries(Object.keys(topic.payload_schema.properties).map(k => [k, ''])), null, 2)\n      : '{}';\n  if (!publishPayload && defaultPayload !== '{}') {\n    setPublishPayload(defaultPayload);\n  }\n  if (!publishSubject) {\n    setPublishSubject(topic.topic);\n  }\n\n  const startEdit = () => {\n    setEditDescription(topic.description ?? '');\n    setEditTags((topic.tags ?? []).join(', '));\n    setEditSchema(topic.payload_schema ? JSON.stringify(topic.payload_schema, null, 2) : '');\n    setSchemaError('');\n    setEditing(true);\n  };\n\n  const cancelEdit = () => setEditing(false);\n\n  const saveEdit = () => {\n    const tags = editTags.split(',').map((t) => t.trim()).filter(Boolean);\n    let payload_schema: Record<string, any> | undefined;\n    if (editSchema.trim()) {\n      try {\n        payload_schema = JSON.parse(editSchema);\n        setSchemaError('');\n      } catch {\n        setSchemaError('Invalid JSON');\n        return;\n      }\n    }\n    updateMutation.mutate(\n      { topic: topic.topic, description: editDescription, tags, ...(payload_schema !== undefined ? { payload_schema } : {}) },\n      { onSuccess: () => { setEditing(false); refetch(); } },\n    );\n  };\n\n  const handleDelete = () => {\n    if (confirm(`Delete topic \"${topic.topic}\"?\\n\\nThis removes it from the catalog. Active subscriptions are not affected.`)) {\n      deleteMutation.mutate(topic.topic, { onSuccess: () => navigate('/topics') });\n    }\n  };\n\n  return (\n    <div>\n      {/* ── Header ───────────────────────────────────────────────── */}\n      <div className=\"flex items-start justify-between mb-4\">\n        <div>\n          <div className=\"flex items-center gap-3 mb-1\">\n            <Radio className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"text-lg font-mono font-medium text-text-primary\">{topic.topic}</h1>\n            <button onClick={() => { window.location.hash = '#docs:topics.md'; }} className=\"text-text-quaternary hover:text-accent transition-colors\" title=\"Topic docs\">\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n          </div>\n          {!editing && topic.description ? (\n            <p className=\"text-sm text-text-secondary leading-relaxed\">{topic.description}</p>\n          ) : !editing ? (\n            <p className=\"text-sm text-text-quaternary italic\">No description</p>\n          ) : null}\n        </div>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {!editing && editable && (\n            <button onClick={startEdit} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors\">\n              <Pencil className=\"w-3 h-3\" /> Edit\n            </button>\n          )}\n          {!editing && !isSystem && editable && (\n            <button onClick={handleDelete} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-red-400/60 hover:text-red-400 hover:bg-red-600/10 transition-colors\">\n              <Trash2 className=\"w-3 h-3\" /> Delete\n            </button>\n          )}\n          {editing && (\n            <>\n              <button onClick={saveEdit} disabled={updateMutation.isPending} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors\">\n                <Save className=\"w-3 h-3\" /> Save\n              </button>\n              <button onClick={cancelEdit} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-text-tertiary hover:text-text-primary hover:bg-surface-hover transition-colors\">\n                <X className=\"w-3 h-3\" /> Cancel\n              </button>\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* ── Details band ─────────────────────────────────────────── */}\n      <div className=\"bg-surface-sunken/50 rounded-md px-5 py-3 flex flex-wrap gap-x-6 gap-y-3 items-start mb-5 relative\">\n        <div>\n          <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Category</p>\n          <span className={`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${categoryPillCls}`}>{topic.category}</span>\n        </div>\n        <div>\n          <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Source</p>\n          <span className=\"text-xs font-mono text-text-secondary\">{topic.source}</span>\n        </div>\n        {topic.tags?.length > 0 && (\n          <div>\n            <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Tags</p>\n            <div className=\"flex items-center gap-1.5\">\n              <Tag className=\"w-2.5 h-2.5 text-text-quaternary\" strokeWidth={1.5} />\n              {topic.tags.map((tag) => (\n                <span key={tag} className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-mono text-text-tertiary bg-surface-sunken\">{tag}</span>\n              ))}\n            </div>\n          </div>\n        )}\n        <div>\n          <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Created</p>\n          <span className=\"text-xs text-text-secondary\"><DateValue date={topic.created_at} /></span>\n        </div>\n        <div>\n          <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Updated</p>\n          <span className=\"text-xs text-text-secondary\"><DateValue date={topic.updated_at} /></span>\n        </div>\n        {topic.last_seen_at && (\n          <div>\n            <p className=\"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Last Seen</p>\n            <span className=\"text-xs text-text-secondary\"><DateValue date={topic.last_seen_at} /></span>\n          </div>\n        )}\n        <div className=\"ml-auto self-center\">\n          <ListToolbar onRefresh={() => refetch()} isFetching={isFetching} apiPath={`/topics/by-name/${encodeURIComponent(topic.topic)}`} />\n        </div>\n      </div>\n\n      {/* ── Three-column layout: Payloads | Activity (pub/sub) ─── */}\n      {!editing && (\n        <div className=\"flex gap-5\">\n          {/* Left — Payloads */}\n          <div className=\"flex-1 min-w-0\">\n            {(topic.payload_schema || topic.example_payload) ? (\n              <div className={`grid gap-5 ${topic.payload_schema && topic.example_payload ? 'grid-cols-2' : 'grid-cols-1'}`}>\n                {topic.payload_schema && (\n                  <div className=\"min-w-0\">\n                    <SectionHeader icon={Radio} color=\"text-accent\">Payload Schema</SectionHeader>\n                    <JsonViewer data={topic.payload_schema} />\n                  </div>\n                )}\n                {topic.example_payload && (\n                  <div className=\"min-w-0\">\n                    <SectionHeader icon={Braces} color=\"text-cyan-400\">Example Payload</SectionHeader>\n                    <JsonViewer data={topic.example_payload} />\n                  </div>\n                )}\n              </div>\n            ) : (\n              <div>\n                <SectionHeader icon={Radio} color=\"text-accent\">Payload Schema</SectionHeader>\n                <p className=\"text-[11px] text-text-quaternary\">No schema defined. Click Edit to add one.</p>\n              </div>\n            )}\n          </div>\n\n          {/* Right — Test */}\n          <div className=\"w-[295px] shrink-0 space-y-4 animate-page-enter\">\n            <SectionHeader icon={FlaskConical} color=\"text-violet-400\">Test</SectionHeader>\n            {/* Target Subscribers */}\n            <div className=\"bg-surface-sunken/30 rounded-md px-4 py-3\">\n              <div className=\"flex items-center gap-2 mb-2\">\n                <Bot className=\"w-3.5 h-3.5 text-emerald-400\" strokeWidth={1.5} />\n                <h2 className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n                  Target Subscribers\n                </h2>\n                <span className=\"relative group ml-auto\">\n                  <Info className=\"w-3 h-3 text-text-quaternary cursor-help\" strokeWidth={1.5} />\n                  <span className=\"absolute right-0 top-full mt-1 w-48 p-2 rounded bg-surface-raised border border-surface-border shadow-lg text-[10px] text-text-secondary leading-relaxed hidden group-hover:block z-10\">\n                    Publishing a test event is live — these subscribers will receive and process the payload.\n                  </span>\n                </span>\n              </div>\n              {topic.subscribers?.length ? (\n                <div className=\"space-y-0.5\">\n                  {topic.subscribers.map((sub) => (\n                    <button\n                      key={sub.id}\n                      onClick={() => navigate(`/agents/${sub.agent_id}`)}\n                      className=\"flex items-center gap-2 w-full text-left py-1 rounded hover:bg-surface-hover/50 transition-colors\"\n                    >\n                      <Bot className=\"w-2.5 h-2.5 text-emerald-400 shrink-0\" strokeWidth={1.5} />\n                      <span className=\"text-[11px] text-text-primary hover:text-accent transition-colors truncate\">{sub.agent_name}</span>\n                      <span className=\"text-[9px] font-mono text-text-quaternary ml-auto shrink-0\">{sub.reaction_type}</span>\n                    </button>\n                  ))}\n                </div>\n              ) : (\n                <p className=\"text-[11px] text-text-quaternary\">No {subscriberLabel} subscribed.</p>\n              )}\n            </div>\n\n            {/* Publish */}\n            <div className=\"sticky top-16 bg-surface-sunken/40 rounded-md p-4\">\n              <div className=\"flex items-center gap-2 mb-3\">\n                <Send className=\"w-3.5 h-3.5 text-accent\" strokeWidth={1.5} />\n                <h2 className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">Publish</h2>\n              </div>\n              <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Event ID</label>\n              <input\n                value={publishEventId}\n                onChange={(e) => setPublishEventId(e.target.value)}\n                className=\"input w-full text-[11px] font-mono mb-3\"\n                spellCheck={false}\n                placeholder=\"evt-1720368000000-a3f2\"\n              />\n              <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Subject</label>\n              <input\n                value={publishSubject || topic.topic}\n                onChange={(e) => setPublishSubject(e.target.value)}\n                className=\"input w-full text-[11px] font-mono mb-3\"\n                spellCheck={false}\n              />\n              <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Payload</label>\n              <textarea\n                value={publishPayload || defaultPayload}\n                onChange={(e) => setPublishPayload(e.target.value)}\n                className=\"input-json w-full text-[11px]\"\n                rows={7}\n                spellCheck={false}\n                placeholder='{ \"key\": \"value\" }'\n              />\n              <div className=\"mt-3\">\n                <button\n                  onClick={() => {\n                    try {\n                      const data = JSON.parse(publishPayload || defaultPayload);\n                      const subject = (publishSubject || topic.topic) !== topic.topic\n                        ? (publishSubject || topic.topic)\n                        : undefined;\n                      publishMutation.mutate({ topic: topic.topic, subject, eventId: publishEventId || undefined, data }, { onSuccess: () => {\n                        refetch();\n                        // Generate a fresh event ID for the next publish\n                        setPublishEventId(`evt-${Date.now()}-${Math.random().toString(16).slice(2, 6)}`);\n                      } });\n                    } catch { /* invalid JSON */ }\n                  }}\n                  disabled={publishMutation.isPending}\n                  className=\"btn-primary text-xs w-full\"\n                >\n                  {publishMutation.isPending ? 'Publishing…' : 'Publish'}\n                </button>\n              </div>\n              {publishMutation.isSuccess && (\n                <p className=\"text-[10px] text-status-success mt-2 animate-page-enter\">Event published</p>\n              )}\n              {publishMutation.isError && (\n                <p className=\"text-[10px] text-status-error mt-2\">{publishMutation.error.message}</p>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* ── Edit mode ────────────────────────────────────────────── */}\n      {editing && (\n        <div className=\"space-y-6 max-w-3xl\">\n          <div>\n            <label className=\"section-header\">Description</label>\n            <textarea\n              value={editDescription}\n              onChange={(e) => setEditDescription(e.target.value)}\n              rows={3}\n              className=\"input resize-none\"\n              placeholder=\"What this topic represents\"\n            />\n          </div>\n          <div>\n            <label className=\"section-header\">Tags</label>\n            <input\n              type=\"text\"\n              value={editTags}\n              onChange={(e) => setEditTags(e.target.value)}\n              placeholder=\"lifecycle, core, error\"\n              className=\"input font-mono\"\n            />\n            <p className=\"hint\">Comma-separated. Used for filtering in the catalog.</p>\n          </div>\n          <div>\n            <label className=\"section-header\">Payload Schema</label>\n            <textarea\n              value={editSchema}\n              onChange={(e) => { setEditSchema(e.target.value); setSchemaError(''); }}\n              rows={12}\n              className=\"input-json w-full\"\n              placeholder={'{\\n  \"type\": \"object\",\\n  \"properties\": {\\n    \"orderId\": { \"type\": \"string\" }\\n  }\\n}'}\n            />\n            {schemaError && <p className=\"text-[10px] text-red-400 mt-1\">{schemaError}</p>}\n            <p className=\"hint\">JSON Schema describing the event.data shape.</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["CATEGORY_COLORS","SectionHeader","Icon","color","children","jsxs","jsx","TopicDetailPage","encodedTopic","useParams","topicKey","navigate","useNavigate","topic","isLoading","refetch","isFetching","useTopic","settings","useSettings","subscriberLabel","_a","updateMutation","useUpdateTopic","deleteMutation","useDeleteTopic","publishMutation","usePublishTopic","editing","setEditing","useState","publishSubject","setPublishSubject","publishEventId","setPublishEventId","publishPayload","setPublishPayload","editDescription","setEditDescription","editTags","setEditTags","editSchema","setEditSchema","schemaError","setSchemaError","Radio","isSystem","editable","categoryPillCls","defaultPayload","_b","k","startEdit","cancelEdit","saveEdit","tags","t","payload_schema","handleDelete","BookOpen","Pencil","Trash2","Fragment","Save","X","_c","Tag","tag","DateValue","ListToolbar","JsonViewer","Braces","FlaskConical","Bot","Info","_d","sub","Send","e","data","subject"],"mappings":"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"}

package/dashboard/dist/assets/{TopicsPage-B3Aa8Haz.js → TopicsPage-letISGGD.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{u as x}from"./topics-DUk-zX5D.js";import{u as m}from"./useFilterParams-x-Dg0Vgz.js";import{D as g}from"./DataTable-D9yuBv0w.js";import{S as u}from"./StickyPagination-BWhFSr2d.js";import{F as d,b}from"./FilterBar-Ck4K4rzu.js";import{P as f}from"./PageHeader-BuJpMxyu.js";import{L as y}from"./ListToolbar-jrVba7QN.js";import{d as h}from"./index-_BRA9uFL.js";import{R as j}from"./vendor-icons-Doy0g69_.js";import{c as v}from"./vendor-react-CXumBFUA.js";import"./EmptyState-BcsfPq9T.js";const k={task:"bg-blue-400/15 text-blue-400",workflow:"bg-accent/15 text-accent",escalation:"bg-amber-400/15 text-amber-400",activity:"bg-cyan-400/15 text-cyan-400",knowledge:"bg-violet-400/15 text-violet-400",agent:"bg-emerald-400/15 text-emerald-400",app:"bg-rose-400/15 text-rose-400",milestone:"bg-violet-400/15 text-violet-400"},N=[{value:"task",label:"Task"},{value:"workflow",label:"Workflow"},{value:"escalation",label:"Escalation"},{value:"activity",label:"Activity"},{value:"knowledge",label:"Knowledge"},{value:"agent",label:"Agent"},{value:"app",label:"App"},{value:"milestone",label:"Milestone"}];function w({category:t}){const a=k[t]??"bg-zinc-400/15 text-zinc-400";return e.jsx("span",{className:`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${a}`,children:t})}const P=[{key:"topic",label:"Topic",render:t=>e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx(j,{className:"w-3 h-3 shrink-0 text-text-quaternary",strokeWidth:1.5}),e.jsx("span",{className:"text-xs font-mono text-text-primary truncate",children:t.topic})]})},{key:"category",label:"Category",render:t=>e.jsx(w,{category:t.category}),className:"w-28"},{key:"description",label:"Description",render:t=>t.description?e.jsx("span",{className:"text-[11px] text-text-secondary truncate block max-w-xs",children:t.description}):e.jsx("span",{className:"text-text-quaternary",children:"—"})},{key:"source",label:"Source",render:t=>e.jsx("span",{className:"text-[10px] font-mono text-text-tertiary",children:t.source}),className:"w-24"},{key:"subscriber_count",label:"Subscribers",render:t=>{const a=t.subscriber_count??0;return a?e.jsx("span",{className:"inline-flex items-center justify-center min-w-[20px] px-1.5 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent",children:a}):e.jsx("span",{className:"text-text-quaternary",children:"—"})},className:"w-24 text-center"},{key:"last_seen_at",label:"Last Seen",render:t=>t.last_seen_at?e.jsx("span",{className:"whitespace-nowrap",children:e.jsx(h,{date:t.last_seen_at})}):e.jsx("span",{className:"text-text-quaternary",children:"—"}),className:"w-28"}];function D(){const t=v(),{filters:a,setFilter:n,pagination:s}=m({filters:{category:""}}),{data:o,isLoading:l,refetch:c,isFetching:p}=x({category:a.category||void 0,limit:s.pageSize,offset:s.offset}),i=(o==null?void 0:o.total)??0;return e.jsxs("div",{children:[e.jsx(f,{title:"Topic Catalog",docsHash:"#docs:topics.md"}),e.jsx(d,{actions:e.jsx(y,{onRefresh:()=>c(),isFetching:p,apiPath:`/topics?limit=${s.pageSize}&offset=${s.offset}${a.category?`&category=${a.category}`:""}`}),children:e.jsx(b,{label:"Category",value:a.category,onChange:r=>n("category",r),options:N})}),e.jsx(g,{columns:P,data:(o==null?void 0:o.topics)??[],keyFn:r=>r.topic,onRowClick:r=>t(`/topics/${encodeURIComponent(r.topic)}`),isLoading:l,emptyMessage:"No topics registered yet"}),e.jsx(u,{page:s.page,totalPages:s.totalPages(i),onPageChange:s.setPage,total:i,pageSize:s.pageSize,onPageSizeChange:s.setPageSize})]})}export{D as TopicsPage};
-//# sourceMappingURL=TopicsPage-B3Aa8Haz.js.map
+import{j as e}from"./vendor-query-B2UbickB.js";import{u as x}from"./topics-BLVnahd7.js";import{u as m}from"./useFilterParams-x-Dg0Vgz.js";import{D as g}from"./DataTable-D9yuBv0w.js";import{S as u}from"./StickyPagination-BWhFSr2d.js";import{F as d,b}from"./FilterBar-Ck4K4rzu.js";import{P as f}from"./PageHeader-BuJpMxyu.js";import{L as y}from"./ListToolbar-Cfec9gz_.js";import{c as h}from"./index-CWEOhAiK.js";import{R as j}from"./vendor-icons-Doy0g69_.js";import{c as v}from"./vendor-react-CXumBFUA.js";import"./EmptyState-BcsfPq9T.js";const k={task:"bg-blue-400/15 text-blue-400",workflow:"bg-accent/15 text-accent",escalation:"bg-amber-400/15 text-amber-400",activity:"bg-cyan-400/15 text-cyan-400",knowledge:"bg-violet-400/15 text-violet-400",agent:"bg-emerald-400/15 text-emerald-400",app:"bg-rose-400/15 text-rose-400",milestone:"bg-violet-400/15 text-violet-400"},N=[{value:"task",label:"Task"},{value:"workflow",label:"Workflow"},{value:"escalation",label:"Escalation"},{value:"activity",label:"Activity"},{value:"knowledge",label:"Knowledge"},{value:"agent",label:"Agent"},{value:"app",label:"App"},{value:"milestone",label:"Milestone"}];function w({category:t}){const a=k[t]??"bg-zinc-400/15 text-zinc-400";return e.jsx("span",{className:`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${a}`,children:t})}const P=[{key:"topic",label:"Topic",render:t=>e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx(j,{className:"w-3 h-3 shrink-0 text-text-quaternary",strokeWidth:1.5}),e.jsx("span",{className:"text-xs font-mono text-text-primary truncate",children:t.topic})]})},{key:"category",label:"Category",render:t=>e.jsx(w,{category:t.category}),className:"w-28"},{key:"description",label:"Description",render:t=>t.description?e.jsx("span",{className:"text-[11px] text-text-secondary truncate block max-w-xs",children:t.description}):e.jsx("span",{className:"text-text-quaternary",children:"—"})},{key:"source",label:"Source",render:t=>e.jsx("span",{className:"text-[10px] font-mono text-text-tertiary",children:t.source}),className:"w-24"},{key:"subscriber_count",label:"Subscribers",render:t=>{const a=t.subscriber_count??0;return a?e.jsx("span",{className:"inline-flex items-center justify-center min-w-[20px] px-1.5 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent",children:a}):e.jsx("span",{className:"text-text-quaternary",children:"—"})},className:"w-24 text-center"},{key:"last_seen_at",label:"Last Seen",render:t=>t.last_seen_at?e.jsx("span",{className:"whitespace-nowrap",children:e.jsx(h,{date:t.last_seen_at})}):e.jsx("span",{className:"text-text-quaternary",children:"—"}),className:"w-28"}];function D(){const t=v(),{filters:a,setFilter:n,pagination:s}=m({filters:{category:""}}),{data:o,isLoading:l,refetch:c,isFetching:p}=x({category:a.category||void 0,limit:s.pageSize,offset:s.offset}),i=(o==null?void 0:o.total)??0;return e.jsxs("div",{children:[e.jsx(f,{title:"Topic Catalog",docsHash:"#docs:topics.md"}),e.jsx(d,{actions:e.jsx(y,{onRefresh:()=>c(),isFetching:p,apiPath:`/topics?limit=${s.pageSize}&offset=${s.offset}${a.category?`&category=${a.category}`:""}`}),children:e.jsx(b,{label:"Category",value:a.category,onChange:r=>n("category",r),options:N})}),e.jsx(g,{columns:P,data:(o==null?void 0:o.topics)??[],keyFn:r=>r.topic,onRowClick:r=>t(`/topics/${encodeURIComponent(r.topic)}`),isLoading:l,emptyMessage:"No topics registered yet"}),e.jsx(u,{page:s.page,totalPages:s.totalPages(i),onPageChange:s.setPage,total:i,pageSize:s.pageSize,onPageSizeChange:s.setPageSize})]})}export{D as TopicsPage};
+//# sourceMappingURL=TopicsPage-letISGGD.js.map

package/dashboard/dist/assets/{TopicsPage-B3Aa8Haz.js.map → TopicsPage-letISGGD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TopicsPage-B3Aa8Haz.js","sources":["../../src/pages/topics/TopicsPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { Radio } from 'lucide-react';\nimport { useTopics, type TopicCatalogEntry } from '../../api/topics';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { DateValue } from '../../components/common/display/DateValue';\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'bg-blue-400/15 text-blue-400',\n  workflow:   'bg-accent/15 text-accent',\n  escalation: 'bg-amber-400/15 text-amber-400',\n  activity:   'bg-cyan-400/15 text-cyan-400',\n  knowledge:  'bg-violet-400/15 text-violet-400',\n  agent:      'bg-emerald-400/15 text-emerald-400',\n  app:        'bg-rose-400/15 text-rose-400',\n  milestone:  'bg-violet-400/15 text-violet-400',\n};\n\nconst CATEGORY_OPTIONS = [\n  { value: 'task', label: 'Task' },\n  { value: 'workflow', label: 'Workflow' },\n  { value: 'escalation', label: 'Escalation' },\n  { value: 'activity', label: 'Activity' },\n  { value: 'knowledge', label: 'Knowledge' },\n  { value: 'agent', label: 'Agent' },\n  { value: 'app', label: 'App' },\n  { value: 'milestone', label: 'Milestone' },\n];\n\nfunction CategoryPill({ category }: { category: string }) {\n  const cls = CATEGORY_COLORS[category] ?? 'bg-zinc-400/15 text-zinc-400';\n  return (\n    <span className={`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${cls}`}>\n      {category}\n    </span>\n  );\n}\n\nconst columns: Column<TopicCatalogEntry>[] = [\n  {\n    key: 'topic',\n    label: 'Topic',\n    render: (row) => (\n      <div className=\"flex items-center gap-2 min-w-0\">\n        <Radio className=\"w-3 h-3 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n        <span className=\"text-xs font-mono text-text-primary truncate\">{row.topic}</span>\n      </div>\n    ),\n  },\n  {\n    key: 'category',\n    label: 'Category',\n    render: (row) => <CategoryPill category={row.category} />,\n    className: 'w-28',\n  },\n  {\n    key: 'description',\n    label: 'Description',\n    render: (row) => row.description\n      ? <span className=\"text-[11px] text-text-secondary truncate block max-w-xs\">{row.description}</span>\n      : <span className=\"text-text-quaternary\">—</span>,\n  },\n  {\n    key: 'source',\n    label: 'Source',\n    render: (row) => (\n      <span className=\"text-[10px] font-mono text-text-tertiary\">{row.source}</span>\n    ),\n    className: 'w-24',\n  },\n  {\n    key: 'subscriber_count',\n    label: 'Subscribers',\n    render: (row) => {\n      const count = row.subscriber_count ?? 0;\n      if (!count) return <span className=\"text-text-quaternary\">—</span>;\n      return (\n        <span className=\"inline-flex items-center justify-center min-w-[20px] px-1.5 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent\">\n          {count}\n        </span>\n      );\n    },\n    className: 'w-24 text-center',\n  },\n  {\n    key: 'last_seen_at',\n    label: 'Last Seen',\n    render: (row) => row.last_seen_at\n      ? <span className=\"whitespace-nowrap\"><DateValue date={row.last_seen_at} /></span>\n      : <span className=\"text-text-quaternary\">—</span>,\n    className: 'w-28',\n  },\n];\n\nexport function TopicsPage() {\n  const navigate = useNavigate();\n\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { category: '' },\n  });\n\n  const { data, isLoading, refetch, isFetching } = useTopics({\n    category: filters.category || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"Topic Catalog\" docsHash=\"#docs:topics.md\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={`/topics?limit=${pagination.pageSize}&offset=${pagination.offset}${filters.category ? `&category=${filters.category}` : ''}`}\n        />\n      }>\n        <FilterSelect\n          label=\"Category\"\n          value={filters.category}\n          onChange={(v) => setFilter('category', v)}\n          options={CATEGORY_OPTIONS}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.topics ?? []}\n        keyFn={(row) => row.topic}\n        onRowClick={(row) => navigate(`/topics/${encodeURIComponent(row.topic)}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No topics registered yet\"\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["CATEGORY_COLORS","CATEGORY_OPTIONS","CategoryPill","category","cls","columns","row","jsxs","jsx","Radio","count","DateValue","TopicsPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","refetch","isFetching","useTopics","total","PageHeader","FilterBar","ListToolbar","FilterSelect","v","DataTable","StickyPagination"],"mappings":"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"}
+{"version":3,"file":"TopicsPage-letISGGD.js","sources":["../../src/pages/topics/TopicsPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { Radio } from 'lucide-react';\nimport { useTopics, type TopicCatalogEntry } from '../../api/topics';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { DateValue } from '../../components/common/display/DateValue';\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'bg-blue-400/15 text-blue-400',\n  workflow:   'bg-accent/15 text-accent',\n  escalation: 'bg-amber-400/15 text-amber-400',\n  activity:   'bg-cyan-400/15 text-cyan-400',\n  knowledge:  'bg-violet-400/15 text-violet-400',\n  agent:      'bg-emerald-400/15 text-emerald-400',\n  app:        'bg-rose-400/15 text-rose-400',\n  milestone:  'bg-violet-400/15 text-violet-400',\n};\n\nconst CATEGORY_OPTIONS = [\n  { value: 'task', label: 'Task' },\n  { value: 'workflow', label: 'Workflow' },\n  { value: 'escalation', label: 'Escalation' },\n  { value: 'activity', label: 'Activity' },\n  { value: 'knowledge', label: 'Knowledge' },\n  { value: 'agent', label: 'Agent' },\n  { value: 'app', label: 'App' },\n  { value: 'milestone', label: 'Milestone' },\n];\n\nfunction CategoryPill({ category }: { category: string }) {\n  const cls = CATEGORY_COLORS[category] ?? 'bg-zinc-400/15 text-zinc-400';\n  return (\n    <span className={`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${cls}`}>\n      {category}\n    </span>\n  );\n}\n\nconst columns: Column<TopicCatalogEntry>[] = [\n  {\n    key: 'topic',\n    label: 'Topic',\n    render: (row) => (\n      <div className=\"flex items-center gap-2 min-w-0\">\n        <Radio className=\"w-3 h-3 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n        <span className=\"text-xs font-mono text-text-primary truncate\">{row.topic}</span>\n      </div>\n    ),\n  },\n  {\n    key: 'category',\n    label: 'Category',\n    render: (row) => <CategoryPill category={row.category} />,\n    className: 'w-28',\n  },\n  {\n    key: 'description',\n    label: 'Description',\n    render: (row) => row.description\n      ? <span className=\"text-[11px] text-text-secondary truncate block max-w-xs\">{row.description}</span>\n      : <span className=\"text-text-quaternary\">—</span>,\n  },\n  {\n    key: 'source',\n    label: 'Source',\n    render: (row) => (\n      <span className=\"text-[10px] font-mono text-text-tertiary\">{row.source}</span>\n    ),\n    className: 'w-24',\n  },\n  {\n    key: 'subscriber_count',\n    label: 'Subscribers',\n    render: (row) => {\n      const count = row.subscriber_count ?? 0;\n      if (!count) return <span className=\"text-text-quaternary\">—</span>;\n      return (\n        <span className=\"inline-flex items-center justify-center min-w-[20px] px-1.5 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent\">\n          {count}\n        </span>\n      );\n    },\n    className: 'w-24 text-center',\n  },\n  {\n    key: 'last_seen_at',\n    label: 'Last Seen',\n    render: (row) => row.last_seen_at\n      ? <span className=\"whitespace-nowrap\"><DateValue date={row.last_seen_at} /></span>\n      : <span className=\"text-text-quaternary\">—</span>,\n    className: 'w-28',\n  },\n];\n\nexport function TopicsPage() {\n  const navigate = useNavigate();\n\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { category: '' },\n  });\n\n  const { data, isLoading, refetch, isFetching } = useTopics({\n    category: filters.category || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"Topic Catalog\" docsHash=\"#docs:topics.md\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={`/topics?limit=${pagination.pageSize}&offset=${pagination.offset}${filters.category ? `&category=${filters.category}` : ''}`}\n        />\n      }>\n        <FilterSelect\n          label=\"Category\"\n          value={filters.category}\n          onChange={(v) => setFilter('category', v)}\n          options={CATEGORY_OPTIONS}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.topics ?? []}\n        keyFn={(row) => row.topic}\n        onRowClick={(row) => navigate(`/topics/${encodeURIComponent(row.topic)}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No topics registered yet\"\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["CATEGORY_COLORS","CATEGORY_OPTIONS","CategoryPill","category","cls","columns","row","jsxs","jsx","Radio","count","DateValue","TopicsPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","refetch","isFetching","useTopics","total","PageHeader","FilterBar","ListToolbar","FilterSelect","v","DataTable","StickyPagination"],"mappings":"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"}

package/dashboard/dist/assets/{UserName-BjHIJWgh.js → UserName-W6_Iz2Qb.js}

@@ -1,2 +1,2 @@
-import{j as r}from"./vendor-query-B2UbickB.js";import{a as t}from"./users-vj0JgOkA.js";function m({userId:a,fallback:s}){const{data:e}=t(a);return e?r.jsx(r.Fragment,{children:e.display_name||e.email||e.external_id}):r.jsx(r.Fragment,{children:s??`${a.slice(0,8)}…`})}export{m as U};
-//# sourceMappingURL=UserName-BjHIJWgh.js.map
+import{j as r}from"./vendor-query-B2UbickB.js";import{a as t}from"./users-BvizpAkV.js";function m({userId:a,fallback:s}){const{data:e}=t(a);return e?r.jsx(r.Fragment,{children:e.display_name||e.email||e.external_id}):r.jsx(r.Fragment,{children:s??`${a.slice(0,8)}…`})}export{m as U};
+//# sourceMappingURL=UserName-W6_Iz2Qb.js.map

package/dashboard/dist/assets/{UserName-BjHIJWgh.js.map → UserName-W6_Iz2Qb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserName-BjHIJWgh.js","sources":["../../src/components/common/display/UserName.tsx"],"sourcesContent":["import { useUser } from '../../../api/users';\n\n/**\n * Resolves a user ID to their display name (or email, or truncated ID as fallback).\n * Renders inline — suitable for use inside <span>, <p>, etc.\n */\nexport function UserName({ userId, fallback }: { userId: string; fallback?: string }) {\n  const { data: resolved } = useUser(userId);\n\n  if (resolved) {\n    return <>{resolved.display_name || resolved.email || resolved.external_id}</>;\n  }\n\n  // Still loading or no record — show fallback or truncated ID\n  return <>{fallback ?? `${userId.slice(0, 8)}…`}</>;\n}\n"],"names":["UserName","userId","fallback","resolved","useUser","jsx","Fragment"],"mappings":"uFAMO,SAASA,EAAS,CAAE,OAAAC,EAAQ,SAAAC,GAAmD,CACpF,KAAM,CAAE,KAAMC,GAAaC,EAAQH,CAAM,EAEzC,OAAIE,oBACQ,SAAAA,EAAS,cAAgBA,EAAS,OAASA,EAAS,YAAY,EAIrEE,EAAAA,IAAAC,EAAAA,SAAA,CAAG,YAAY,GAAGL,EAAO,MAAM,EAAG,CAAC,CAAC,GAAA,CAAI,CACjD"}
+{"version":3,"file":"UserName-W6_Iz2Qb.js","sources":["../../src/components/common/display/UserName.tsx"],"sourcesContent":["import { useUser } from '../../../api/users';\n\n/**\n * Resolves a user ID to their display name (or email, or truncated ID as fallback).\n * Renders inline — suitable for use inside <span>, <p>, etc.\n */\nexport function UserName({ userId, fallback }: { userId: string; fallback?: string }) {\n  const { data: resolved } = useUser(userId);\n\n  if (resolved) {\n    return <>{resolved.display_name || resolved.email || resolved.external_id}</>;\n  }\n\n  // Still loading or no record — show fallback or truncated ID\n  return <>{fallback ?? `${userId.slice(0, 8)}…`}</>;\n}\n"],"names":["UserName","userId","fallback","resolved","useUser","jsx","Fragment"],"mappings":"uFAMO,SAASA,EAAS,CAAE,OAAAC,EAAQ,SAAAC,GAAmD,CACpF,KAAM,CAAE,KAAMC,GAAaC,EAAQH,CAAM,EAEzC,OAAIE,oBACQ,SAAAA,EAAS,cAAgBA,EAAS,OAASA,EAAS,YAAY,EAIrEE,EAAAA,IAAAC,EAAAA,SAAA,CAAG,YAAY,GAAGL,EAAO,MAAM,EAAG,CAAC,CAAC,GAAA,CAAI,CACjD"}

package/dashboard/dist/assets/{WorkflowExecutionPage-BQ7AYlQA.js → WorkflowExecutionPage-Cfx-xlRT.js}

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

package/dashboard/dist/assets/{WorkflowExecutionPage-BQ7AYlQA.js.map → WorkflowExecutionPage-Cfx-xlRT.js.map}

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

package/dashboard/dist/assets/WorkflowsDashboard-DC4XHMWt.js

@@ -0,0 +1,2 @@
+import{a as u,j as s}from"./vendor-query-B2UbickB.js";import{T as h}from"./TimestampCell-CDmichOM.js";import{E as R}from"./ElapsedCell-TQqWaVRq.js";import{u as W,e as z,b as E}from"./workflows-CyEYa01a.js";import{j as A}from"./index-CWEOhAiK.js";import{u as L}from"./useNamespace-DkHmXddZ.js";import{b as M}from"./useEventHooks-BwjAi0Qq.js";import{u as I}from"./useFilterParams-x-Dg0Vgz.js";import{D as U}from"./DataTable-D9yuBv0w.js";import{W as H}from"./WorkflowPill-Z-zHRKOK.js";import{P as O}from"./PageHeader-BuJpMxyu.js";import{F as B,b as f}from"./FilterBar-Ck4K4rzu.js";import{S as G}from"./StickyPagination-BWhFSr2d.js";import{L as J}from"./ListToolbar-Cfec9gz_.js";import{R as V,a as w}from"./RowActions-Dg-Fsm5O.js";import{x as q,H as K}from"./vendor-icons-Doy0g69_.js";import{c as Q}from"./vendor-react-CXumBFUA.js";import"./controlplane-DTFrH_vN.js";import"./EmptyState-BcsfPq9T.js";const X={running:"in_progress",completed:"completed",failed:"failed"},Y={in_progress:"bg-status-active",completed:"bg-status-success",failed:"bg-status-error"},Z={running:"text-status-active",completed:"text-status-success",failed:"text-status-error"};function ee(d,n,p,m,a){return[{key:"workflow_id",label:"Workflow ID / Type",render:e=>{const o=Y[X[e.status]??e.status]??"bg-status-pending",r=e.status==="running"?" animate-pulse":"";return s.jsxs("div",{className:"flex items-start gap-2 min-w-0",children:[s.jsx("span",{className:`w-1.5 h-1.5 shrink-0 rounded-full mt-1.5 ${o}${r}`,title:e.status}),s.jsxs("div",{className:"min-w-0",children:[s.jsx("span",{className:"font-mono text-xs text-text-primary truncate block",children:e.workflow_id}),s.jsx("div",{className:"mt-0.5",children:s.jsx(H,{type:e.entity,variant:a.get(e.entity)??"durable",size:"xs"})})]})]})}},{key:"created_at",label:"Created",render:e=>s.jsx(h,{date:e.created_at}),className:"w-40",sortable:!0},{key:"updated_at",label:"Updated",render:e=>s.jsx(h,{date:e.updated_at}),className:"w-40",sortable:!0},{key:"duration",label:"Duration",render:e=>s.jsx(R,{startDate:e.created_at,endDate:e.status==="running"?null:e.updated_at,isLive:e.status==="running"}),className:"w-28"},{key:"actions",label:"",render:e=>s.jsxs(V,{children:[s.jsx(w,{icon:q,title:`Filter by ${e.entity}`,onClick:()=>d(e.entity)}),s.jsx("button",{onClick:o=>{o.stopPropagation(),n(e.status)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity",title:`Filter by ${e.status}`,children:s.jsx("svg",{className:`w-[18px] h-[18px] ${Z[e.status]??"text-text-tertiary"} hover:opacity-70`,viewBox:"0 0 24 24",fill:"currentColor",children:s.jsx("circle",{cx:"12",cy:"12",r:"6"})})}),p&&s.jsx(w,{icon:K,title:"View config",onClick:()=>m(`/workflows/registry/${encodeURIComponent(e.entity)}`)})]}),className:"w-24 text-right"}]}function we({tier:d="all"}){M();const n=Q(),{isSuperAdmin:p}=A(),{namespace:m}=L(),{filters:a,setFilter:e,pagination:o,sort:r,setSort:v}=I({filters:{search:"",entity:"",status:"",tier:d}}),l=a.tier||"all",k=l==="certified"?"true":l==="durable"?"false":void 0,{data:x}=W(),{data:g}=z(),j=u.useMemo(()=>{const t=new Map;for(const y of g??[])t.set(y.workflow_type,y.tier??"durable");return t},[g]),S=ee(t=>e("entity",t),t=>e("status",t),p,n,j),[c,C]=u.useState(a.search);u.useEffect(()=>{if(c===a.search)return;const t=setTimeout(()=>e("search",c),300);return()=>clearTimeout(t)},[c,e,a.search]);const{data:i,isLoading:_,refetch:$,isFetching:N}=E({limit:o.pageSize,offset:o.offset,entity:a.entity||void 0,search:a.search||void 0,status:a.status||void 0,sort_by:r.sort_by||"created_at",order:r.order||"desc",registered:k,namespace:m||void 0}),b=(i==null?void 0:i.total)??0,T=(i==null?void 0:i.jobs)??[],P=u.useMemo(()=>[...new Set((x??[]).map(t=>t.workflow_type))].sort(),[x]),F="Workflow Executions",D=l==="certified"?"No certified workflow executions found":l==="durable"?"No durable workflow executions found":"No workflow executions found";return s.jsxs("div",{children:[s.jsx(O,{title:F,docsHash:"#docs:dashboard.md:durable-executions"}),s.jsxs(B,{actions:s.jsx(J,{onRefresh:()=>$(),isFetching:N,apiPath:`/workflow-states/jobs?limit=${o.pageSize}&offset=${o.offset}${a.entity?`&entity=${a.entity}`:""}${a.search?`&search=${a.search}`:""}${a.status?`&status=${a.status}`:""}${r.sort_by?`&sort_by=${r.sort_by}&order=${r.order}`:""}`}),children:[s.jsx("input",{type:"text",placeholder:"Search workflow ID...",value:c,onChange:t=>C(t.target.value),className:"input text-[11px] py-1 px-2 w-56"}),s.jsx(f,{label:"Type",value:a.entity,onChange:t=>e("entity",t),options:P.map(t=>({value:t,label:t}))}),s.jsx(f,{label:"Status",value:a.status,onChange:t=>e("status",t),options:[{value:"running",label:"Running"},{value:"completed",label:"Completed"},{value:"failed",label:"Failed"}]}),s.jsx(f,{label:"Tier",value:a.tier==="all"?"":a.tier,onChange:t=>e("tier",t||"all"),options:[{value:"certified",label:"Certified"},{value:"durable",label:"Durable"}]})]}),s.jsx(U,{columns:S,data:T,keyFn:t=>t.workflow_id,onRowClick:t=>n(`/workflows/executions/${t.workflow_id}`),isLoading:_,emptyMessage:D,sort:r,onSort:v}),s.jsx(G,{page:o.page,totalPages:o.totalPages(b),onPageChange:o.setPage,total:b,pageSize:o.pageSize,onPageSizeChange:o.setPageSize})]})}export{we as WorkflowsDashboard};
+//# sourceMappingURL=WorkflowsDashboard-DC4XHMWt.js.map

package/dashboard/dist/assets/WorkflowsDashboard-DC4XHMWt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowsDashboard-DC4XHMWt.js","sources":["../../src/pages/workflows/WorkflowsDashboard.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Filter, Settings } from 'lucide-react';\nimport { TimestampCell } from '../../components/common/display/TimestampCell';\nimport { ElapsedCell } from '../../components/common/display/ElapsedCell';\nimport { useJobs, useWorkflowConfigs, useDiscoveredWorkflows } from '../../api/workflows';\nimport { useAuth } from '../../hooks/useAuth';\nimport { useNamespace } from '../../hooks/useNamespace';\nimport { useWorkflowListEvents } from '../../hooks/useEventHooks';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { RowAction, RowActionGroup } from '../../components/common/layout/RowActions';\nimport type { LTJob, WorkflowTier } from '../../api/types';\n\nexport type ExecutionsTier = 'all' | 'certified' | 'durable';\n\nconst jobStatusMap: Record<string, string> = {\n  running: 'in_progress',\n  completed: 'completed',\n  failed: 'failed',\n};\n\nconst STATUS_DOT: Record<string, string> = {\n  in_progress: 'bg-status-active',\n  completed: 'bg-status-success',\n  failed: 'bg-status-error',\n};\n\nconst STATUS_COLORS: Record<string, string> = {\n  running: 'text-status-active',\n  completed: 'text-status-success',\n  failed: 'text-status-error',\n};\n\nfunction buildColumns(\n  onFilterEntity: (entity: string) => void,\n  onFilterStatus: (status: string) => void,\n  isSuperAdmin: boolean,\n  navigate: (path: string) => void,\n  tierMap: Map<string, WorkflowTier>,\n): Column<LTJob>[] {\n  return [\n    {\n      key: 'workflow_id',\n      label: 'Workflow ID / Type',\n      render: (row) => {\n        const dotClass = STATUS_DOT[jobStatusMap[row.status] ?? row.status] ?? 'bg-status-pending';\n        const pulseClass = row.status === 'running' ? ' animate-pulse' : '';\n        return (\n          <div className=\"flex items-start gap-2 min-w-0\">\n            <span className={`w-1.5 h-1.5 shrink-0 rounded-full mt-1.5 ${dotClass}${pulseClass}`} title={row.status} />\n            <div className=\"min-w-0\">\n              <span className=\"font-mono text-xs text-text-primary truncate block\">\n                {row.workflow_id}\n              </span>\n              <div className=\"mt-0.5\">\n                <WorkflowPill type={row.entity} variant={tierMap.get(row.entity) ?? 'durable'} size=\"xs\" />\n              </div>\n            </div>\n          </div>\n        );\n      },\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      render: (row) => <TimestampCell date={row.created_at} />,\n      className: 'w-40',\n      sortable: true,\n    },\n    {\n      key: 'updated_at',\n      label: 'Updated',\n      render: (row) => <TimestampCell date={row.updated_at} />,\n      className: 'w-40',\n      sortable: true,\n    },\n    {\n      key: 'duration',\n      label: 'Duration',\n      render: (row) => (\n        <ElapsedCell\n          startDate={row.created_at}\n          endDate={row.status === 'running' ? null : row.updated_at}\n          isLive={row.status === 'running'}\n        />\n      ),\n      className: 'w-28',\n    },\n    {\n      key: 'actions',\n      label: '',\n      render: (row) => (\n        <RowActionGroup>\n          <RowAction\n            icon={Filter}\n            title={`Filter by ${row.entity}`}\n            onClick={() => onFilterEntity(row.entity)}\n          />\n          <button\n            onClick={(e) => { e.stopPropagation(); onFilterStatus(row.status); }}\n            className=\"opacity-0 group-hover/row:opacity-100 transition-opacity\"\n            title={`Filter by ${row.status}`}\n          >\n            <svg className={`w-[18px] h-[18px] ${STATUS_COLORS[row.status] ?? 'text-text-tertiary'} hover:opacity-70`} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <circle cx=\"12\" cy=\"12\" r=\"6\" />\n            </svg>\n          </button>\n          {isSuperAdmin && (\n            <RowAction\n              icon={Settings}\n              title=\"View config\"\n              onClick={() => navigate(`/workflows/registry/${encodeURIComponent(row.entity)}`)}\n            />\n          )}\n        </RowActionGroup>\n      ),\n      className: 'w-24 text-right',\n    },\n  ];\n}\n\nexport function WorkflowsDashboard({ tier: initialTier = 'all' }: { tier?: ExecutionsTier }) {\n  useWorkflowListEvents();\n  const navigate = useNavigate();\n  const { isSuperAdmin } = useAuth();\n  const { namespace } = useNamespace();\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { search: '', entity: '', status: '', tier: initialTier },\n  });\n\n  const activeTier = (filters.tier || 'all') as ExecutionsTier;\n\n  // Map tier to server-side registered filter\n  const registeredFilter = activeTier === 'certified' ? 'true'\n    : activeTier === 'durable' ? 'false'\n    : undefined;\n\n  const { data: configs } = useWorkflowConfigs();\n  const { data: discoveredData } = useDiscoveredWorkflows();\n\n  const tierMap = useMemo(() => {\n    const map = new Map<string, WorkflowTier>();\n    for (const dw of discoveredData ?? []) {\n      map.set(dw.workflow_type, dw.tier ?? 'durable');\n    }\n    return map;\n  }, [discoveredData]);\n\n  const columns = buildColumns(\n    (entity) => setFilter('entity', entity),\n    (status) => setFilter('status', status),\n    isSuperAdmin,\n    navigate,\n    tierMap,\n  );\n  const [searchInput, setSearchInput] = useState(filters.search);\n\n  useEffect(() => {\n    if (searchInput === filters.search) return;\n    const timer = setTimeout(() => setFilter('search', searchInput), 300);\n    return () => clearTimeout(timer);\n  }, [searchInput, setFilter, filters.search]);\n\n  const { data: jobsData, isLoading, refetch, isFetching } = useJobs({\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    entity: filters.entity || undefined,\n    search: filters.search || undefined,\n    status: filters.status || undefined,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    registered: registeredFilter,\n    namespace: namespace || undefined,\n  });\n\n  const total = jobsData?.total ?? 0;\n  const jobs = jobsData?.jobs ?? [];\n\n  const entities = useMemo(() => {\n    return [...new Set((configs ?? []).map((c) => c.workflow_type))].sort();\n  }, [configs]);\n\n  const pageTitle = 'Workflow Executions';\n\n  const emptyMessage = activeTier === 'certified'\n    ? 'No certified workflow executions found'\n    : activeTier === 'durable'\n      ? 'No durable workflow executions found'\n      : 'No workflow executions found';\n\n  return (\n    <div>\n      <PageHeader title={pageTitle} docsHash=\"#docs:dashboard.md:durable-executions\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={`/workflow-states/jobs?limit=${pagination.pageSize}&offset=${pagination.offset}${filters.entity ? `&entity=${filters.entity}` : ''}${filters.search ? `&search=${filters.search}` : ''}${filters.status ? `&status=${filters.status}` : ''}${sort.sort_by ? `&sort_by=${sort.sort_by}&order=${sort.order}` : ''}`}\n        />\n      }>\n        <input\n          type=\"text\"\n          placeholder=\"Search workflow ID...\"\n          value={searchInput}\n          onChange={(e) => setSearchInput(e.target.value)}\n          className=\"input text-[11px] py-1 px-2 w-56\"\n        />\n        <FilterSelect\n          label=\"Type\"\n          value={filters.entity}\n          onChange={(v) => setFilter('entity', v)}\n          options={entities.map((e) => ({ value: e, label: e }))}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'running', label: 'Running' },\n            { value: 'completed', label: 'Completed' },\n            { value: 'failed', label: 'Failed' },\n          ]}\n        />\n        <FilterSelect\n          label=\"Tier\"\n          value={filters.tier === 'all' ? '' : filters.tier}\n          onChange={(v) => setFilter('tier', v || 'all')}\n          options={[\n            { value: 'certified', label: 'Certified' },\n            { value: 'durable', label: 'Durable' },\n          ]}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={jobs}\n        keyFn={(row) => row.workflow_id}\n        onRowClick={(row) => navigate(`/workflows/executions/${row.workflow_id}`)}\n        isLoading={isLoading}\n        emptyMessage={emptyMessage}\n        sort={sort}\n        onSort={setSort}\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["jobStatusMap","STATUS_DOT","STATUS_COLORS","buildColumns","onFilterEntity","onFilterStatus","isSuperAdmin","navigate","tierMap","row","dotClass","pulseClass","jsxs","jsx","WorkflowPill","TimestampCell","ElapsedCell","RowActionGroup","RowAction","Filter","e","Settings","WorkflowsDashboard","initialTier","useWorkflowListEvents","useNavigate","useAuth","namespace","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","activeTier","registeredFilter","configs","useWorkflowConfigs","discoveredData","useDiscoveredWorkflows","useMemo","map","dw","columns","entity","status","searchInput","setSearchInput","useState","useEffect","timer","jobsData","isLoading","refetch","isFetching","useJobs","total","jobs","entities","c","pageTitle","emptyMessage","PageHeader","FilterBar","ListToolbar","FilterSelect","v","DataTable","StickyPagination"],"mappings":"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"}

package/dashboard/dist/assets/{WorkflowsOverview-B4DUcVxs.js → WorkflowsOverview-GefO_yn0.js}

@@ -1,2 +1,2 @@
-import{a as x,j as t}from"./vendor-query-B2UbickB.js";import{b as C,u as k}from"./workflows-CmqgGPzI.js";import{b as $}from"./useEventHooks-XNNzwADV.js";import{P as D}from"./PageHeader-BuJpMxyu.js";import{S as h}from"./StatCard-DlgF0CJC.js";import{c as w}from"./vendor-react-CXumBFUA.js";import"./index-_BRA9uFL.js";import"./vendor-icons-Doy0g69_.js";const v=[{label:"1h",ms:36e5},{label:"24h",ms:864e5},{label:"7d",ms:6048e5},{label:"30d",ms:2592e6}];function T(r){return r<1e3?`${Math.round(r)}ms`:r<6e4?`${(r/1e3).toFixed(1)}s`:r<36e5?`${(r/6e4).toFixed(1)}m`:`${(r/36e5).toFixed(1)}h`}function p({value:r,colorClass:o,onClick:f}){return r===0?t.jsx("span",{className:"text-text-tertiary",children:"0"}):t.jsx("button",{onClick:f,className:`${o} hover:underline tabular-nums font-medium`,children:r})}function _(){$();const r=w(),[o,f]=x.useState("24h"),{data:c}=C({limit:500}),{data:g}=k(),b=x.useMemo(()=>{const e=v.find(i=>i.label===o);return Date.now()-e.ms},[o]),n=x.useMemo(()=>((c==null?void 0:c.jobs)??[]).filter(e=>new Date(e.created_at).getTime()>=b),[c==null?void 0:c.jobs,b]),j=x.useMemo(()=>{const e=new Map;for(const a of n){const s=e.get(a.entity)??{total:0,running:0,completed:0,failed:0,durations:[]};if(s.total++,a.status==="running"&&s.running++,a.status==="completed"){s.completed++;const m=new Date(a.updated_at).getTime()-new Date(a.created_at).getTime();m>0&&s.durations.push(m)}a.status==="failed"&&s.failed++,e.set(a.entity,s)}const i=[];for(const[a,s]of e)i.push({type:a,...s,avgDuration:s.durations.length>0?s.durations.reduce((m,N)=>m+N,0)/s.durations.length:null});return i.sort((a,s)=>s.total-a.total)},[n]),u=x.useMemo(()=>({total:n.length,running:n.filter(e=>e.status==="running").length,completed:n.filter(e=>e.status==="completed").length,failed:n.filter(e=>e.status==="failed").length}),[n]),y=(g==null?void 0:g.length)??0,l=(e,i)=>{const a=new URLSearchParams;e&&a.set("entity",e),i&&a.set("status",i);const s=a.toString();r(`/workflows/executions${s?`?${s}`:""}`)},d="pb-2 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary";return t.jsxs("div",{children:[t.jsx(D,{title:"Workflows",actions:t.jsxs("span",{className:"text-xs text-text-tertiary",children:[y," certified type",y!==1?"s":""]})}),t.jsx("div",{className:"flex items-center gap-1 mb-6",children:v.map(e=>t.jsx("button",{onClick:()=>f(e.label),className:`px-3 py-1 text-xs rounded-full transition-colors ${o===e.label?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:e.label},e.label))}),t.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[t.jsx(h,{label:"Total",value:u.total,onClick:()=>l()}),t.jsx(h,{label:"Running",value:u.running,colorClass:"text-status-active",onClick:()=>l(void 0,"running")}),t.jsx(h,{label:"Completed",value:u.completed,colorClass:"text-status-success",onClick:()=>l(void 0,"completed")}),t.jsx(h,{label:"Failed",value:u.failed,colorClass:"text-status-error",onClick:()=>l(void 0,"failed")})]}),j.length>0&&t.jsxs("table",{className:"w-full text-left",children:[t.jsx("thead",{children:t.jsxs("tr",{className:"border-b border-surface-border",children:[t.jsx("th",{className:d,children:"Type"}),t.jsx("th",{className:`${d} text-right w-20`,children:"Total"}),t.jsx("th",{className:`${d} text-right w-20`,children:"Running"}),t.jsx("th",{className:`${d} text-right w-24`,children:"Completed"}),t.jsx("th",{className:`${d} text-right w-20`,children:"Failed"}),t.jsx("th",{className:`${d} text-right w-28`,children:"Avg Duration"})]})}),t.jsx("tbody",{children:j.map(e=>t.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[t.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:t.jsx("button",{onClick:()=>l(e.type),className:"hover:text-accent hover:underline",children:e.type})}),t.jsx("td",{className:"py-3 text-sm text-right",children:t.jsx(p,{value:e.total,colorClass:"text-text-secondary",onClick:()=>l(e.type)})}),t.jsx("td",{className:"py-3 text-sm text-right",children:t.jsx(p,{value:e.running,colorClass:"text-status-active",onClick:()=>l(e.type,"running")})}),t.jsx("td",{className:"py-3 text-sm text-right",children:t.jsx(p,{value:e.completed,colorClass:"text-status-success",onClick:()=>l(e.type,"completed")})}),t.jsx("td",{className:"py-3 text-sm text-right",children:t.jsx(p,{value:e.failed,colorClass:"text-status-error",onClick:()=>l(e.type,"failed")})}),t.jsx("td",{className:"py-3 text-sm font-mono text-text-secondary text-right",children:e.avgDuration!==null?T(e.avgDuration):"—"})]},e.type))})]}),j.length===0&&t.jsx("div",{className:"py-16 text-center",children:t.jsxs("p",{className:"text-sm text-text-tertiary",children:["No workflow activity in the last ",o]})})]})}export{_ as WorkflowsOverview};
-//# sourceMappingURL=WorkflowsOverview-B4DUcVxs.js.map
+import{a as x,j as t}from"./vendor-query-B2UbickB.js";import{b as C,u as k}from"./workflows-CyEYa01a.js";import{b as $}from"./useEventHooks-BwjAi0Qq.js";import{P as D}from"./PageHeader-BuJpMxyu.js";import{S as h}from"./StatCard-DlgF0CJC.js";import{c as w}from"./vendor-react-CXumBFUA.js";import"./index-CWEOhAiK.js";import"./vendor-icons-Doy0g69_.js";const v=[{label:"1h",ms:36e5},{label:"24h",ms:864e5},{label:"7d",ms:6048e5},{label:"30d",ms:2592e6}];function T(r){return r<1e3?`${Math.round(r)}ms`:r<6e4?`${(r/1e3).toFixed(1)}s`:r<36e5?`${(r/6e4).toFixed(1)}m`:`${(r/36e5).toFixed(1)}h`}function p({value:r,colorClass:o,onClick:f}){return r===0?t.jsx("span",{className:"text-text-tertiary",children:"0"}):t.jsx("button",{onClick:f,className:`${o} hover:underline tabular-nums font-medium`,children:r})}function _(){$();const r=w(),[o,f]=x.useState("24h"),{data:c}=C({limit:500}),{data:g}=k(),b=x.useMemo(()=>{const e=v.find(i=>i.label===o);return Date.now()-e.ms},[o]),n=x.useMemo(()=>((c==null?void 0:c.jobs)??[]).filter(e=>new Date(e.created_at).getTime()>=b),[c==null?void 0:c.jobs,b]),j=x.useMemo(()=>{const e=new Map;for(const a of n){const s=e.get(a.entity)??{total:0,running:0,completed:0,failed:0,durations:[]};if(s.total++,a.status==="running"&&s.running++,a.status==="completed"){s.completed++;const m=new Date(a.updated_at).getTime()-new Date(a.created_at).getTime();m>0&&s.durations.push(m)}a.status==="failed"&&s.failed++,e.set(a.entity,s)}const i=[];for(const[a,s]of e)i.push({type:a,...s,avgDuration:s.durations.length>0?s.durations.reduce((m,N)=>m+N,0)/s.durations.length:null});return i.sort((a,s)=>s.total-a.total)},[n]),u=x.useMemo(()=>({total:n.length,running:n.filter(e=>e.status==="running").length,completed:n.filter(e=>e.status==="completed").length,failed:n.filter(e=>e.status==="failed").length}),[n]),y=(g==null?void 0:g.length)??0,l=(e,i)=>{const a=new URLSearchParams;e&&a.set("entity",e),i&&a.set("status",i);const s=a.toString();r(`/workflows/executions${s?`?${s}`:""}`)},d="pb-2 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary";return t.jsxs("div",{children:[t.jsx(D,{title:"Workflows",actions:t.jsxs("span",{className:"text-xs text-text-tertiary",children:[y," certified type",y!==1?"s":""]})}),t.jsx("div",{className:"flex items-center gap-1 mb-6",children:v.map(e=>t.jsx("button",{onClick:()=>f(e.label),className:`px-3 py-1 text-xs rounded-full transition-colors ${o===e.label?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:e.label},e.label))}),t.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[t.jsx(h,{label:"Total",value:u.total,onClick:()=>l()}),t.jsx(h,{label:"Running",value:u.running,colorClass:"text-status-active",onClick:()=>l(void 0,"running")}),t.jsx(h,{label:"Completed",value:u.completed,colorClass:"text-status-success",onClick:()=>l(void 0,"completed")}),t.jsx(h,{label:"Failed",value:u.failed,colorClass:"text-status-error",onClick:()=>l(void 0,"failed")})]}),j.length>0&&t.jsxs("table",{className:"w-full text-left",children:[t.jsx("thead",{children:t.jsxs("tr",{className:"border-b border-surface-border",children:[t.jsx("th",{className:d,children:"Type"}),t.jsx("th",{className:`${d} text-right w-20`,children:"Total"}),t.jsx("th",{className:`${d} text-right w-20`,children:"Running"}),t.jsx("th",{className:`${d} text-right w-24`,children:"Completed"}),t.jsx("th",{className:`${d} text-right w-20`,children:"Failed"}),t.jsx("th",{className:`${d} text-right w-28`,children:"Avg Duration"})]})}),t.jsx("tbody",{children:j.map(e=>t.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[t.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:t.jsx("button",{onClick:()=>l(e.type),className:"hover:text-accent hover:underline",children:e.type})}),t.jsx("td",{className:"py-3 text-sm text-right",children:t.jsx(p,{value:e.total,colorClass:"text-text-secondary",onClick:()=>l(e.type)})}),t.jsx("td",{className:"py-3 text-sm text-right",children:t.jsx(p,{value:e.running,colorClass:"text-status-active",onClick:()=>l(e.type,"running")})}),t.jsx("td",{className:"py-3 text-sm text-right",children:t.jsx(p,{value:e.completed,colorClass:"text-status-success",onClick:()=>l(e.type,"completed")})}),t.jsx("td",{className:"py-3 text-sm text-right",children:t.jsx(p,{value:e.failed,colorClass:"text-status-error",onClick:()=>l(e.type,"failed")})}),t.jsx("td",{className:"py-3 text-sm font-mono text-text-secondary text-right",children:e.avgDuration!==null?T(e.avgDuration):"—"})]},e.type))})]}),j.length===0&&t.jsx("div",{className:"py-16 text-center",children:t.jsxs("p",{className:"text-sm text-text-tertiary",children:["No workflow activity in the last ",o]})})]})}export{_ as WorkflowsOverview};
+//# sourceMappingURL=WorkflowsOverview-GefO_yn0.js.map