@hotmeshio/long-tail 0.9.2 → 0.9.4

package/dashboard/dist/assets/{TopicDetailPage-DKAvbkxD.js.map → TopicDetailPage-BaL3m3yb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TopicDetailPage-DKAvbkxD.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-status-active/10 text-status-active',\n  workflow:   'bg-accent/15 text-accent',\n  escalation: 'bg-status-warning/10 text-status-warning',\n  activity:   'bg-status-active/10 text-status-active',\n  knowledge:  'bg-accent/10 text-accent',\n  agent:      'bg-status-success/10 text-status-success',\n  app:        'bg-status-error/10 text-status-error',\n  milestone:  'bg-accent/10 text-accent',\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=\"section-h2\">{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  // Opt-in envelope extension fields. Which ones are shown depends on the topic\n  // family (system.workflow.* shows workflow fields; a custom/file topic shows\n  // none). Prefilled like Event ID; sent as top-level event fields.\n  const [publishWorkflowName, setPublishWorkflowName] = useState('myWorkflow');\n  const [publishWorkflowId, setPublishWorkflowId] = useState('wf-001');\n  const [publishTaskQueue, setPublishTaskQueue] = useState('default');\n  const [publishStatus, setPublishStatus] = useState('');\n  const [publishEscalationId, setPublishEscalationId] = useState('esc-001');\n  const [publishActivityName, setPublishActivityName] = useState('myActivity');\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-surface-sunken text-text-tertiary';\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\n  // Which envelope extensions belong to this topic's family (\"the system injects\n  // fields by type\"). Custom / file / knowledge topics carry none — just data.\n  const fam =\n    topic.topic.startsWith('system.workflow.') || topic.topic.startsWith('system.task.') ? 'workflow'\n      : topic.topic.startsWith('system.escalation.') ? 'escalation'\n        : topic.topic.startsWith('system.activity.') ? 'activity'\n          : 'none';\n  const showWorkflowFields = fam === 'workflow' || fam === 'escalation' || fam === 'activity';\n  const showStatus = fam === 'workflow' || fam === 'escalation';\n  // Status default mirrors the subject's terminal verb (failed / completed / resolved …).\n  const statusDefault = (publishSubject || topic.topic).split('.').pop() ?? '';\n\n  // The literal event the publish will send — built from the universal envelope\n  // (id, subject, source) + only the family's extension fields + the payload.\n  const buildPublishEvent = (): Record<string, any> => {\n    let data: Record<string, any> = {};\n    try { data = JSON.parse(publishPayload || defaultPayload); } catch { /* invalid JSON */ }\n    const subject = (publishSubject || topic.topic) !== topic.topic ? (publishSubject || topic.topic) : undefined;\n    const event: Record<string, any> = { id: publishEventId || undefined, source: 'dashboard', data };\n    if (subject) event.subject = subject;\n    if (showWorkflowFields) {\n      event.workflowName = publishWorkflowName;\n      event.workflowId = publishWorkflowId;\n      event.taskQueue = publishTaskQueue;\n    }\n    if (showStatus) event.status = publishStatus || statusDefault;\n    if (fam === 'escalation') event.escalationId = publishEscalationId;\n    if (fam === 'activity') event.activityName = publishActivityName;\n    return event;\n  };\n  // A literal preview of the published envelope (type derived from subject).\n  const eventPreview = (() => {\n    const { subject, ...rest } = buildPublishEvent();\n    return JSON.stringify({ type: subject || topic.topic, timestamp: '<minted>', ...rest }, 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-status-error/60 hover:text-status-error hover:bg-status-error/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: Schema | Example | Test ─── */}\n      {!editing && (\n        <div className=\"grid grid-cols-3 gap-5\">\n          {/* Col 1 — Payload Schema */}\n          <div className=\"min-w-0\">\n            <SectionHeader icon={Radio} color=\"text-accent\">Payload Schema</SectionHeader>\n            {topic.payload_schema ? (\n              <JsonViewer data={topic.payload_schema} />\n            ) : (\n              <p className=\"text-[11px] text-text-quaternary\">No schema defined. Click Edit to add one.</p>\n            )}\n          </div>\n\n          {/* Col 2 — Example Payload */}\n          <div className=\"min-w-0\">\n            <SectionHeader icon={Braces} color=\"text-accent\">Example Payload</SectionHeader>\n            {topic.example_payload ? (\n              <JsonViewer data={topic.example_payload} />\n            ) : (\n              <p className=\"text-[11px] text-text-quaternary\">No example defined. Click Edit to add one.</p>\n            )}\n          </div>\n\n          {/* Col 3 — Test */}\n          <div className=\"min-w-0 space-y-4 animate-page-enter\">\n            <SectionHeader icon={FlaskConical} color=\"text-accent\">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-status-success\" 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-status-success 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              {showWorkflowFields && (\n                <div className=\"grid grid-cols-2 gap-x-3\">\n                  <div>\n                    <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Workflow Name</label>\n                    <input\n                      value={publishWorkflowName}\n                      onChange={(e) => setPublishWorkflowName(e.target.value)}\n                      className=\"input w-full text-[11px] font-mono mb-3\"\n                      spellCheck={false}\n                      placeholder=\"myWorkflow\"\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Workflow ID</label>\n                    <input\n                      value={publishWorkflowId}\n                      onChange={(e) => setPublishWorkflowId(e.target.value)}\n                      className=\"input w-full text-[11px] font-mono mb-3\"\n                      spellCheck={false}\n                      placeholder=\"wf-001\"\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Task Queue</label>\n                    <input\n                      value={publishTaskQueue}\n                      onChange={(e) => setPublishTaskQueue(e.target.value)}\n                      className=\"input w-full text-[11px] font-mono mb-3\"\n                      spellCheck={false}\n                      placeholder=\"default\"\n                    />\n                  </div>\n                  {showStatus && (\n                    <div>\n                      <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Status</label>\n                      <input\n                        value={publishStatus || statusDefault}\n                        onChange={(e) => setPublishStatus(e.target.value)}\n                        className=\"input w-full text-[11px] font-mono mb-3\"\n                        spellCheck={false}\n                        placeholder={statusDefault}\n                      />\n                    </div>\n                  )}\n                  {fam === 'escalation' && (\n                    <div>\n                      <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Escalation ID</label>\n                      <input\n                        value={publishEscalationId}\n                        onChange={(e) => setPublishEscalationId(e.target.value)}\n                        className=\"input w-full text-[11px] font-mono mb-3\"\n                        spellCheck={false}\n                        placeholder=\"esc-001\"\n                      />\n                    </div>\n                  )}\n                  {fam === 'activity' && (\n                    <div>\n                      <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Activity Name</label>\n                      <input\n                        value={publishActivityName}\n                        onChange={(e) => setPublishActivityName(e.target.value)}\n                        className=\"input w-full text-[11px] font-mono mb-3\"\n                        spellCheck={false}\n                        placeholder=\"myActivity\"\n                      />\n                    </div>\n                  )}\n                </div>\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={6}\n                spellCheck={false}\n                placeholder='{ \"key\": \"value\" }'\n              />\n              <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1 mt-3\">Event Preview</label>\n              <pre className=\"bg-surface-sunken/60 rounded px-2 py-2 text-[10px] font-mono text-text-tertiary overflow-auto max-h-44 whitespace-pre\">{eventPreview}</pre>\n              <div className=\"mt-3\">\n                <button\n                  onClick={() => {\n                    publishMutation.mutate(\n                      { topic: topic.topic, event: buildPublishEvent() },\n                      { 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                    );\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-status-error 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","publishWorkflowName","setPublishWorkflowName","publishWorkflowId","setPublishWorkflowId","publishTaskQueue","setPublishTaskQueue","publishStatus","setPublishStatus","publishEscalationId","setPublishEscalationId","publishActivityName","setPublishActivityName","editDescription","setEditDescription","editTags","setEditTags","editSchema","setEditSchema","schemaError","setSchemaError","Radio","isSystem","editable","categoryPillCls","defaultPayload","_b","k","fam","showWorkflowFields","showStatus","statusDefault","buildPublishEvent","data","subject","event","eventPreview","rest","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"],"mappings":"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"}
+{"version":3,"file":"TopicDetailPage-BaL3m3yb.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-status-active/10 text-status-active',\n  workflow:   'bg-accent/15 text-accent',\n  escalation: 'bg-status-warning/10 text-status-warning',\n  activity:   'bg-status-active/10 text-status-active',\n  knowledge:  'bg-accent/10 text-accent',\n  agent:      'bg-status-success/10 text-status-success',\n  app:        'bg-status-error/10 text-status-error',\n  milestone:  'bg-accent/10 text-accent',\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=\"section-h2\">{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  // Opt-in envelope extension fields. Which ones are shown depends on the topic\n  // family (system.workflow.* shows workflow fields; a custom/file topic shows\n  // none). Prefilled like Event ID; sent as top-level event fields.\n  const [publishWorkflowName, setPublishWorkflowName] = useState('myWorkflow');\n  const [publishWorkflowId, setPublishWorkflowId] = useState('wf-001');\n  const [publishTaskQueue, setPublishTaskQueue] = useState('default');\n  const [publishStatus, setPublishStatus] = useState('');\n  const [publishEscalationId, setPublishEscalationId] = useState('esc-001');\n  const [publishActivityName, setPublishActivityName] = useState('myActivity');\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-surface-sunken text-text-tertiary';\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\n  // Which envelope extensions belong to this topic's family (\"the system injects\n  // fields by type\"). Custom / file / knowledge topics carry none — just data.\n  const fam =\n    topic.topic.startsWith('system.workflow.') || topic.topic.startsWith('system.task.') ? 'workflow'\n      : topic.topic.startsWith('system.escalation.') ? 'escalation'\n        : topic.topic.startsWith('system.activity.') ? 'activity'\n          : 'none';\n  const showWorkflowFields = fam === 'workflow' || fam === 'escalation' || fam === 'activity';\n  const showStatus = fam === 'workflow' || fam === 'escalation';\n  // Status default mirrors the subject's terminal verb (failed / completed / resolved …).\n  const statusDefault = (publishSubject || topic.topic).split('.').pop() ?? '';\n\n  // The literal event the publish will send — built from the universal envelope\n  // (id, subject, source) + only the family's extension fields + the payload.\n  const buildPublishEvent = (): Record<string, any> => {\n    let data: Record<string, any> = {};\n    try { data = JSON.parse(publishPayload || defaultPayload); } catch { /* invalid JSON */ }\n    const subject = (publishSubject || topic.topic) !== topic.topic ? (publishSubject || topic.topic) : undefined;\n    const event: Record<string, any> = { id: publishEventId || undefined, source: 'dashboard', data };\n    if (subject) event.subject = subject;\n    if (showWorkflowFields) {\n      event.workflowName = publishWorkflowName;\n      event.workflowId = publishWorkflowId;\n      event.taskQueue = publishTaskQueue;\n    }\n    if (showStatus) event.status = publishStatus || statusDefault;\n    if (fam === 'escalation') event.escalationId = publishEscalationId;\n    if (fam === 'activity') event.activityName = publishActivityName;\n    return event;\n  };\n  // A literal preview of the published envelope (type derived from subject).\n  const eventPreview = (() => {\n    const { subject, ...rest } = buildPublishEvent();\n    return JSON.stringify({ type: subject || topic.topic, timestamp: '<minted>', ...rest }, 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-status-error/60 hover:text-status-error hover:bg-status-error/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: Schema | Example | Test ─── */}\n      {!editing && (\n        <div className=\"grid grid-cols-3 gap-5\">\n          {/* Col 1 — Payload Schema */}\n          <div className=\"min-w-0\">\n            <SectionHeader icon={Radio} color=\"text-accent\">Payload Schema</SectionHeader>\n            {topic.payload_schema ? (\n              <JsonViewer data={topic.payload_schema} />\n            ) : (\n              <p className=\"text-[11px] text-text-quaternary\">No schema defined. Click Edit to add one.</p>\n            )}\n          </div>\n\n          {/* Col 2 — Example Payload */}\n          <div className=\"min-w-0\">\n            <SectionHeader icon={Braces} color=\"text-accent\">Example Payload</SectionHeader>\n            {topic.example_payload ? (\n              <JsonViewer data={topic.example_payload} />\n            ) : (\n              <p className=\"text-[11px] text-text-quaternary\">No example defined. Click Edit to add one.</p>\n            )}\n          </div>\n\n          {/* Col 3 — Test */}\n          <div className=\"min-w-0 space-y-4 animate-page-enter\">\n            <SectionHeader icon={FlaskConical} color=\"text-accent\">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-status-success\" 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-status-success 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              {showWorkflowFields && (\n                <div className=\"grid grid-cols-2 gap-x-3\">\n                  <div>\n                    <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Workflow Name</label>\n                    <input\n                      value={publishWorkflowName}\n                      onChange={(e) => setPublishWorkflowName(e.target.value)}\n                      className=\"input w-full text-[11px] font-mono mb-3\"\n                      spellCheck={false}\n                      placeholder=\"myWorkflow\"\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Workflow ID</label>\n                    <input\n                      value={publishWorkflowId}\n                      onChange={(e) => setPublishWorkflowId(e.target.value)}\n                      className=\"input w-full text-[11px] font-mono mb-3\"\n                      spellCheck={false}\n                      placeholder=\"wf-001\"\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Task Queue</label>\n                    <input\n                      value={publishTaskQueue}\n                      onChange={(e) => setPublishTaskQueue(e.target.value)}\n                      className=\"input w-full text-[11px] font-mono mb-3\"\n                      spellCheck={false}\n                      placeholder=\"default\"\n                    />\n                  </div>\n                  {showStatus && (\n                    <div>\n                      <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Status</label>\n                      <input\n                        value={publishStatus || statusDefault}\n                        onChange={(e) => setPublishStatus(e.target.value)}\n                        className=\"input w-full text-[11px] font-mono mb-3\"\n                        spellCheck={false}\n                        placeholder={statusDefault}\n                      />\n                    </div>\n                  )}\n                  {fam === 'escalation' && (\n                    <div>\n                      <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Escalation ID</label>\n                      <input\n                        value={publishEscalationId}\n                        onChange={(e) => setPublishEscalationId(e.target.value)}\n                        className=\"input w-full text-[11px] font-mono mb-3\"\n                        spellCheck={false}\n                        placeholder=\"esc-001\"\n                      />\n                    </div>\n                  )}\n                  {fam === 'activity' && (\n                    <div>\n                      <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1\">Activity Name</label>\n                      <input\n                        value={publishActivityName}\n                        onChange={(e) => setPublishActivityName(e.target.value)}\n                        className=\"input w-full text-[11px] font-mono mb-3\"\n                        spellCheck={false}\n                        placeholder=\"myActivity\"\n                      />\n                    </div>\n                  )}\n                </div>\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={6}\n                spellCheck={false}\n                placeholder='{ \"key\": \"value\" }'\n              />\n              <label className=\"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1 mt-3\">Event Preview</label>\n              <pre className=\"bg-surface-sunken/60 rounded px-2 py-2 text-[10px] font-mono text-text-tertiary overflow-auto max-h-44 whitespace-pre\">{eventPreview}</pre>\n              <div className=\"mt-3\">\n                <button\n                  onClick={() => {\n                    publishMutation.mutate(\n                      { topic: topic.topic, event: buildPublishEvent() },\n                      { 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                    );\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-status-error 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","publishWorkflowName","setPublishWorkflowName","publishWorkflowId","setPublishWorkflowId","publishTaskQueue","setPublishTaskQueue","publishStatus","setPublishStatus","publishEscalationId","setPublishEscalationId","publishActivityName","setPublishActivityName","editDescription","setEditDescription","editTags","setEditTags","editSchema","setEditSchema","schemaError","setSchemaError","Radio","isSystem","editable","categoryPillCls","defaultPayload","_b","k","fam","showWorkflowFields","showStatus","statusDefault","buildPublishEvent","data","subject","event","eventPreview","rest","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"],"mappings":"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"}

package/dashboard/dist/assets/{TopicsPage-BZknsApe.js → TopicsPage-bFjJUYmO.js}

@@ -1,2 +1,2 @@
-import{a as x,j as e}from"./vendor-query-B2UbickB.js";import{u as j}from"./topics-DATyaYWW.js";import{P as y}from"./PageHeader-Ji1AtA4f.js";import{F as b,b as v,a as N}from"./FilterBar-DDIn8TOs.js";import{b1 as k,b2 as w,b as C,B as S,Z as T,b3 as B,v as R,b4 as q,R as g}from"./vendor-icons-BX2Vih4L.js";import{c as A}from"./vendor-react-CXumBFUA.js";import"./index-so192yXP.js";const E={task:q,workflow:R,escalation:B,activity:T,knowledge:S,agent:C,app:w,milestone:k};function G(){const s=A(),[a,l]=x.useState(""),[c,f]=x.useState(null),{data:m,isLoading:p}=j({limit:500}),i=(m==null?void 0:m.topics)??[],d=x.useMemo(()=>{const t=new Set;for(const r of i)t.add(r.category);return Array.from(t).sort()},[i]),u=x.useMemo(()=>{const t=a.toLowerCase().trim();return(c?[c]:d).map(o=>({name:o,topics:i.filter(n=>{var h;return n.category===o&&(!t||n.topic.toLowerCase().includes(t)||((h=n.description)==null?void 0:h.toLowerCase().includes(t)))})})).filter(o=>o.topics.length>0)},[i,d,a,c]);return e.jsxs("div",{children:[e.jsx(y,{title:"Event Topics",docsHash:"#docs:topics.md"}),!p&&d.length>0&&e.jsxs(b,{children:[e.jsx(v,{label:"Category",value:c??"",onChange:t=>f(t||null),options:d.map(t=>({value:t,label:t}))}),e.jsx(N,{label:"Search",value:a,onChange:l,placeholder:`${i.length} topics…`})]}),p?e.jsx("div",{className:"animate-pulse space-y-8 mt-4",children:[1,2,3].map(t=>e.jsxs("div",{children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-28 mb-4"}),e.jsx("div",{className:"space-y-3",children:[1,2,3,4].map(r=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]},r))})]},t))}):u.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:a||c?"No topics match your filter.":"No topics registered yet."}):e.jsx("div",{className:"space-y-10",children:u.map(({name:t,topics:r})=>{const o=E[t]??g;return e.jsxs("div",{children:[e.jsxs("div",{className:"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border",children:[e.jsx(o,{className:"w-3 h-3 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2 capitalize",children:t}),e.jsx("span",{className:"text-xs text-text-quaternary",children:r.length})]}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:r.map(n=>e.jsx(F,{topic:n,onClick:()=>s(`/topics/${encodeURIComponent(n.topic)}`)},n.topic))})]},t)})})]})}function F({topic:s,onClick:a}){return e.jsx("div",{role:"button",tabIndex:0,onClick:a,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&a()},className:"group py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors text-left",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(g,{className:"w-3 h-3 shrink-0 text-text-quaternary group-hover:text-text-tertiary transition-colors",strokeWidth:1.5}),e.jsx("span",{className:"text-xs font-mono text-text-primary truncate shrink-0 max-w-[24rem]",children:s.topic}),e.jsx("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium shrink-0 bg-accent/10 text-accent",children:s.category}),(s.subscriber_count??0)>0&&e.jsx("span",{className:"inline-flex items-center justify-center min-w-[18px] px-1 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent shrink-0",children:s.subscriber_count}),s.description&&e.jsx("p",{className:"flex-1 min-w-0 truncate text-[11px] text-text-tertiary group-hover:text-text-secondary transition-colors",children:s.description}),e.jsx("span",{className:"ml-auto text-[10px] font-mono text-text-quaternary shrink-0",children:s.source})]})})}export{G as TopicsPage};
-//# sourceMappingURL=TopicsPage-BZknsApe.js.map
+import{a as x,j as e}from"./vendor-query-B2UbickB.js";import{u as j}from"./topics-m_BXjCFf.js";import{P as y}from"./PageHeader-CiFhzGc0.js";import{F as b,b as v,a as N}from"./FilterBar-DDIn8TOs.js";import{b2 as w,b3 as k,c as C,B as S,Z as T,b4 as B,w as R,b5 as q,R as g}from"./vendor-icons-DPmIjhZB.js";import{c as A}from"./vendor-react-CXumBFUA.js";import"./index-DYcP4jyl.js";const E={task:q,workflow:R,escalation:B,activity:T,knowledge:S,agent:C,app:k,milestone:w};function G(){const s=A(),[a,l]=x.useState(""),[c,f]=x.useState(null),{data:m,isLoading:p}=j({limit:500}),i=(m==null?void 0:m.topics)??[],d=x.useMemo(()=>{const t=new Set;for(const r of i)t.add(r.category);return Array.from(t).sort()},[i]),u=x.useMemo(()=>{const t=a.toLowerCase().trim();return(c?[c]:d).map(o=>({name:o,topics:i.filter(n=>{var h;return n.category===o&&(!t||n.topic.toLowerCase().includes(t)||((h=n.description)==null?void 0:h.toLowerCase().includes(t)))})})).filter(o=>o.topics.length>0)},[i,d,a,c]);return e.jsxs("div",{children:[e.jsx(y,{title:"Event Topics",docsHash:"#docs:topics.md"}),!p&&d.length>0&&e.jsxs(b,{children:[e.jsx(v,{label:"Category",value:c??"",onChange:t=>f(t||null),options:d.map(t=>({value:t,label:t}))}),e.jsx(N,{label:"Search",value:a,onChange:l,placeholder:`${i.length} topics…`})]}),p?e.jsx("div",{className:"animate-pulse space-y-8 mt-4",children:[1,2,3].map(t=>e.jsxs("div",{children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-28 mb-4"}),e.jsx("div",{className:"space-y-3",children:[1,2,3,4].map(r=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]},r))})]},t))}):u.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:a||c?"No topics match your filter.":"No topics registered yet."}):e.jsx("div",{className:"space-y-10",children:u.map(({name:t,topics:r})=>{const o=E[t]??g;return e.jsxs("div",{children:[e.jsxs("div",{className:"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border",children:[e.jsx(o,{className:"w-3 h-3 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2 capitalize",children:t}),e.jsx("span",{className:"text-xs text-text-quaternary",children:r.length})]}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:r.map(n=>e.jsx(F,{topic:n,onClick:()=>s(`/topics/${encodeURIComponent(n.topic)}`)},n.topic))})]},t)})})]})}function F({topic:s,onClick:a}){return e.jsx("div",{role:"button",tabIndex:0,onClick:a,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&a()},className:"group py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors text-left",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(g,{className:"w-3 h-3 shrink-0 text-text-quaternary group-hover:text-text-tertiary transition-colors",strokeWidth:1.5}),e.jsx("span",{className:"text-xs font-mono text-text-primary truncate shrink-0 max-w-[24rem]",children:s.topic}),e.jsx("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium shrink-0 bg-accent/10 text-accent",children:s.category}),(s.subscriber_count??0)>0&&e.jsx("span",{className:"inline-flex items-center justify-center min-w-[18px] px-1 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent shrink-0",children:s.subscriber_count}),s.description&&e.jsx("p",{className:"flex-1 min-w-0 truncate text-[11px] text-text-tertiary group-hover:text-text-secondary transition-colors",children:s.description}),e.jsx("span",{className:"ml-auto text-[10px] font-mono text-text-quaternary shrink-0",children:s.source})]})})}export{G as TopicsPage};
+//# sourceMappingURL=TopicsPage-bFjJUYmO.js.map

package/dashboard/dist/assets/{TopicsPage-BZknsApe.js.map → TopicsPage-bFjJUYmO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TopicsPage-BZknsApe.js","sources":["../../src/pages/topics/TopicsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Radio,\n  CheckSquare, GitBranch, AlertTriangle, Zap,\n  BookOpen, Bot, AppWindow, Flag,\n} from 'lucide-react';\nimport { useTopics, type TopicCatalogEntry } from '../../api/topics';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport type { LucideIcon } from 'lucide-react';\n\n// ── Category meta ──────────────────────────────────────────────────────────────\n\nconst CATEGORY_ICONS: Record<string, LucideIcon> = {\n  task: CheckSquare,\n  workflow: GitBranch,\n  escalation: AlertTriangle,\n  activity: Zap,\n  knowledge: BookOpen,\n  agent: Bot,\n  app: AppWindow,\n  milestone: Flag,\n};\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function TopicsPage() {\n  const navigate = useNavigate();\n  const [search, setSearch] = useState('');\n  const [activeCategory, setActiveCategory] = useState<string | null>(null);\n\n  const { data, isLoading } = useTopics({ limit: 500 });\n  const allTopics: TopicCatalogEntry[] = data?.topics ?? [];\n\n  const categories = useMemo(() => {\n    const seen = new Set<string>();\n    for (const t of allTopics) seen.add(t.category);\n    return Array.from(seen).sort();\n  }, [allTopics]);\n\n  const grouped = useMemo(() => {\n    const q = search.toLowerCase().trim();\n    const cats = activeCategory ? [activeCategory] : categories;\n    return cats\n      .map((cat) => ({\n        name: cat,\n        topics: allTopics.filter(\n          (t) =>\n            t.category === cat &&\n            (!q || t.topic.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q)),\n        ),\n      }))\n      .filter((g) => g.topics.length > 0);\n  }, [allTopics, categories, search, activeCategory]);\n\n  return (\n    <div>\n      <PageHeader title=\"Event Topics\" docsHash=\"#docs:topics.md\" />\n\n      {/* Sticky filter bar: category select + search */}\n      {!isLoading && categories.length > 0 && (\n        <FilterBar>\n          <FilterSelect\n            label=\"Category\"\n            value={activeCategory ?? ''}\n            onChange={(v) => setActiveCategory(v || null)}\n            options={categories.map((c) => ({ value: c, label: c }))}\n          />\n          <FilterInput\n            label=\"Search\"\n            value={search}\n            onChange={setSearch}\n            placeholder={`${allTopics.length} topics…`}\n          />\n        </FilterBar>\n      )}\n\n      {/* Topic list */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-8 mt-4\">\n          {[1, 2, 3].map((i) => (\n            <div key={i}>\n              <div className=\"h-4 bg-surface-sunken rounded w-28 mb-4\" />\n              <div className=\"space-y-3\">\n                {[1, 2, 3, 4].map((j) => (\n                  <div key={j} className=\"space-y-1.5\">\n                    <div className=\"h-3 bg-surface-sunken rounded w-64\" />\n                    <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : grouped.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary mt-8\">\n          {search || activeCategory ? 'No topics match your filter.' : 'No topics registered yet.'}\n        </p>\n      ) : (\n        <div className=\"space-y-10\">\n          {grouped.map(({ name, topics }) => {\n            const Icon = CATEGORY_ICONS[name] ?? Radio;\n            return (\n              <div key={name}>\n                <div className=\"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border\">\n                  <Icon className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                  <h2 className=\"section-h2 capitalize\">{name}</h2>\n                  <span className=\"text-xs text-text-quaternary\">{topics.length}</span>\n                </div>\n                <div className=\"divide-y divide-surface-border/30\">\n                  {topics.map((topic) => (\n                    <TopicRow\n                      key={topic.topic}\n                      topic={topic}\n                      onClick={() => navigate(`/topics/${encodeURIComponent(topic.topic)}`)}\n                    />\n                  ))}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Topic row ──────────────────────────────────────────────────────────────────\n\nfunction TopicRow({ topic, onClick }: { topic: TopicCatalogEntry; onClick: () => void }) {\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick(); }}\n      className=\"group py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors text-left\"\n    >\n      <div className=\"flex items-center gap-3\">\n        <Radio className=\"w-3 h-3 shrink-0 text-text-quaternary group-hover:text-text-tertiary transition-colors\" strokeWidth={1.5} />\n        <span className=\"text-xs font-mono text-text-primary truncate shrink-0 max-w-[24rem]\">{topic.topic}</span>\n        <span className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium shrink-0 bg-accent/10 text-accent\">\n          {topic.category}\n        </span>\n        {(topic.subscriber_count ?? 0) > 0 && (\n          <span className=\"inline-flex items-center justify-center min-w-[18px] px-1 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent shrink-0\">\n            {topic.subscriber_count}\n          </span>\n        )}\n        {topic.description && (\n          <p className=\"flex-1 min-w-0 truncate text-[11px] text-text-tertiary group-hover:text-text-secondary transition-colors\">\n            {topic.description}\n          </p>\n        )}\n        <span className=\"ml-auto text-[10px] font-mono text-text-quaternary shrink-0\">{topic.source}</span>\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ICONS","CheckSquare","GitBranch","AlertTriangle","Zap","BookOpen","Bot","AppWindow","Flag","TopicsPage","navigate","useNavigate","search","setSearch","useState","activeCategory","setActiveCategory","data","isLoading","useTopics","allTopics","categories","useMemo","seen","t","grouped","q","cat","_a","g","jsx","PageHeader","FilterBar","FilterSelect","v","c","FilterInput","i","j","jsxs","name","topics","Icon","Radio","topic","TopicRow","onClick","e"],"mappings":"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"}
+{"version":3,"file":"TopicsPage-bFjJUYmO.js","sources":["../../src/pages/topics/TopicsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Radio,\n  CheckSquare, GitBranch, AlertTriangle, Zap,\n  BookOpen, Bot, AppWindow, Flag,\n} from 'lucide-react';\nimport { useTopics, type TopicCatalogEntry } from '../../api/topics';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport type { LucideIcon } from 'lucide-react';\n\n// ── Category meta ──────────────────────────────────────────────────────────────\n\nconst CATEGORY_ICONS: Record<string, LucideIcon> = {\n  task: CheckSquare,\n  workflow: GitBranch,\n  escalation: AlertTriangle,\n  activity: Zap,\n  knowledge: BookOpen,\n  agent: Bot,\n  app: AppWindow,\n  milestone: Flag,\n};\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function TopicsPage() {\n  const navigate = useNavigate();\n  const [search, setSearch] = useState('');\n  const [activeCategory, setActiveCategory] = useState<string | null>(null);\n\n  const { data, isLoading } = useTopics({ limit: 500 });\n  const allTopics: TopicCatalogEntry[] = data?.topics ?? [];\n\n  const categories = useMemo(() => {\n    const seen = new Set<string>();\n    for (const t of allTopics) seen.add(t.category);\n    return Array.from(seen).sort();\n  }, [allTopics]);\n\n  const grouped = useMemo(() => {\n    const q = search.toLowerCase().trim();\n    const cats = activeCategory ? [activeCategory] : categories;\n    return cats\n      .map((cat) => ({\n        name: cat,\n        topics: allTopics.filter(\n          (t) =>\n            t.category === cat &&\n            (!q || t.topic.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q)),\n        ),\n      }))\n      .filter((g) => g.topics.length > 0);\n  }, [allTopics, categories, search, activeCategory]);\n\n  return (\n    <div>\n      <PageHeader title=\"Event Topics\" docsHash=\"#docs:topics.md\" />\n\n      {/* Sticky filter bar: category select + search */}\n      {!isLoading && categories.length > 0 && (\n        <FilterBar>\n          <FilterSelect\n            label=\"Category\"\n            value={activeCategory ?? ''}\n            onChange={(v) => setActiveCategory(v || null)}\n            options={categories.map((c) => ({ value: c, label: c }))}\n          />\n          <FilterInput\n            label=\"Search\"\n            value={search}\n            onChange={setSearch}\n            placeholder={`${allTopics.length} topics…`}\n          />\n        </FilterBar>\n      )}\n\n      {/* Topic list */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-8 mt-4\">\n          {[1, 2, 3].map((i) => (\n            <div key={i}>\n              <div className=\"h-4 bg-surface-sunken rounded w-28 mb-4\" />\n              <div className=\"space-y-3\">\n                {[1, 2, 3, 4].map((j) => (\n                  <div key={j} className=\"space-y-1.5\">\n                    <div className=\"h-3 bg-surface-sunken rounded w-64\" />\n                    <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : grouped.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary mt-8\">\n          {search || activeCategory ? 'No topics match your filter.' : 'No topics registered yet.'}\n        </p>\n      ) : (\n        <div className=\"space-y-10\">\n          {grouped.map(({ name, topics }) => {\n            const Icon = CATEGORY_ICONS[name] ?? Radio;\n            return (\n              <div key={name}>\n                <div className=\"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border\">\n                  <Icon className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                  <h2 className=\"section-h2 capitalize\">{name}</h2>\n                  <span className=\"text-xs text-text-quaternary\">{topics.length}</span>\n                </div>\n                <div className=\"divide-y divide-surface-border/30\">\n                  {topics.map((topic) => (\n                    <TopicRow\n                      key={topic.topic}\n                      topic={topic}\n                      onClick={() => navigate(`/topics/${encodeURIComponent(topic.topic)}`)}\n                    />\n                  ))}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Topic row ──────────────────────────────────────────────────────────────────\n\nfunction TopicRow({ topic, onClick }: { topic: TopicCatalogEntry; onClick: () => void }) {\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick(); }}\n      className=\"group py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors text-left\"\n    >\n      <div className=\"flex items-center gap-3\">\n        <Radio className=\"w-3 h-3 shrink-0 text-text-quaternary group-hover:text-text-tertiary transition-colors\" strokeWidth={1.5} />\n        <span className=\"text-xs font-mono text-text-primary truncate shrink-0 max-w-[24rem]\">{topic.topic}</span>\n        <span className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium shrink-0 bg-accent/10 text-accent\">\n          {topic.category}\n        </span>\n        {(topic.subscriber_count ?? 0) > 0 && (\n          <span className=\"inline-flex items-center justify-center min-w-[18px] px-1 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent shrink-0\">\n            {topic.subscriber_count}\n          </span>\n        )}\n        {topic.description && (\n          <p className=\"flex-1 min-w-0 truncate text-[11px] text-text-tertiary group-hover:text-text-secondary transition-colors\">\n            {topic.description}\n          </p>\n        )}\n        <span className=\"ml-auto text-[10px] font-mono text-text-quaternary shrink-0\">{topic.source}</span>\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ICONS","CheckSquare","GitBranch","AlertTriangle","Zap","BookOpen","Bot","AppWindow","Flag","TopicsPage","navigate","useNavigate","search","setSearch","useState","activeCategory","setActiveCategory","data","isLoading","useTopics","allTopics","categories","useMemo","seen","t","grouped","q","cat","_a","g","jsx","PageHeader","FilterBar","FilterSelect","v","c","FilterInput","i","j","jsxs","name","topics","Icon","Radio","topic","TopicRow","onClick","e"],"mappings":"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"}

package/dashboard/dist/assets/{UserName-ByDxLHPZ.js → UserName-IdFyeFle.js}

@@ -1,2 +1,2 @@
-import{j as r}from"./vendor-query-B2UbickB.js";import{a as t}from"./users-DS9yeHe4.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-ByDxLHPZ.js.map
+import{j as r}from"./vendor-query-B2UbickB.js";import{a as t}from"./users-BsRZkm9v.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-IdFyeFle.js.map

package/dashboard/dist/assets/{UserName-ByDxLHPZ.js.map → UserName-IdFyeFle.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserName-ByDxLHPZ.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-IdFyeFle.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-DrwKB2x8.js → WorkflowExecutionPage-DtC-71vO.js}

@@ -1,2 +1,2 @@
-import{a as b,j as e}from"./vendor-query-B2UbickB.js";import{a as D,f as U}from"./workflows-FF8WUHaC.js";import{h as O}from"./useEventHooks-CwIAhqJk.js";import{u as z,E as B}from"./EventTable-CkdWqmEL.js";import{b as K,e as M}from"./tasks-j-mVt2EA.js";import{b as v,D as Q,J as T,e as F}from"./index-so192yXP.js";import{P as H}from"./PageHeader-Ji1AtA4f.js";import{C as N}from"./CollapsibleSection-D6kUTrq4.js";import{L as J}from"./ListToolbar-nWxpujpH.js";import{P as c,S as q,a as Z}from"./SlidePanel-BzeKveus.js";import{S as C}from"./StatusBadge-CEQMRmSQ.js";import{C as _}from"./CopyableId-uot2mE_g.js";import{ah as G,af as X,am as Y,an as ee,i as te}from"./vendor-icons-BX2Vih4L.js";import{L as u,e as se,c as ae}from"./vendor-react-CXumBFUA.js";import{S as re}from"./SwimlaneTimeline-BwWyYBCo.js";import"./FilterBar-DDIn8TOs.js";import"./StreamMessageDetail-2rwp7Ynx.js";function ne(t){const s=t.lastIndexOf("-");return s<=0?{taskQueue:t,workflowType:t}:{taskQueue:t.substring(0,s),workflowType:t.substring(s+1)}}function S({children:t}){return e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-2",children:t})}function oe({escalations:t}){return e.jsx("div",{children:t.map(s=>e.jsxs(u,{to:`/escalations/detail/${s.id}`,className:"grid grid-cols-[1fr_auto_auto] items-center gap-x-3 py-2 border-b border-surface-border/40 last:border-b-0 group",children:[e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block text-xs font-mono text-text-primary group-hover:text-accent transition-colors truncate",title:s.type,children:s.type}),e.jsx("span",{className:"block text-[10px] text-text-tertiary truncate",children:s.role})]}),e.jsx(v,{date:s.created_at,format:"relative",className:"text-[10px] text-text-tertiary whitespace-nowrap"}),e.jsx("span",{className:"w-20 flex justify-end",children:e.jsx(C,{status:s.status})})]},s.id))})}function le({tasks:t}){return e.jsx("div",{children:t.map(s=>e.jsxs(u,{to:`/workflows/tasks/detail/${s.id}`,className:"grid grid-cols-[1fr_auto_auto] items-center gap-x-3 py-2 border-b border-surface-border/40 last:border-b-0 group",children:[e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block text-xs font-mono text-text-primary group-hover:text-accent transition-colors truncate",title:s.workflow_type,children:s.workflow_type}),e.jsx("span",{className:"block text-[10px] text-text-tertiary truncate",children:s.lt_type})]}),e.jsx(v,{date:s.created_at,format:"relative",className:"text-[10px] text-text-tertiary whitespace-nowrap"}),e.jsx("span",{className:"w-20 flex justify-end",children:e.jsx(C,{status:s.status})})]},s.id))})}function ie({execution:t,parentWorkflowId:s,childTasks:a,escalations:r,headerActions:n,open:l}){const m=r.length>0||a.length>0,[x,o]=b.useState(m?"escalations":"details"),{taskQueue:p,workflowType:h}=ne(t.workflow_type),f=[{id:"details",icon:G,label:"Details",content:e.jsxs("dl",{className:"space-y-3.5",children:[e.jsx(c,{label:"Status",children:e.jsx(C,{status:t.status})}),e.jsx(c,{label:"Workflow Type",children:e.jsx(_,{bare:!0,value:h,href:`/workflows/executions?entity=${encodeURIComponent(h)}`})}),e.jsx(c,{label:"Workflow ID",children:e.jsx(_,{bare:!0,value:t.workflow_id})}),s&&e.jsx(c,{label:"Parent",children:e.jsx(_,{bare:!0,value:s,href:`/workflows/executions/${s}`})}),e.jsx(c,{label:"Task Queue",children:e.jsx("span",{className:"font-mono",children:p})}),e.jsx(c,{label:"Start Time",children:t.start_time?e.jsx(v,{date:t.start_time,format:"datetime"}):e.jsx("span",{className:"text-text-tertiary",children:"--"})}),e.jsx(c,{label:"End Time",children:t.close_time?e.jsx(v,{date:t.close_time,format:"datetime"}):e.jsx("span",{className:"text-text-tertiary",children:"--"})}),e.jsx(c,{label:"Duration",children:e.jsx(Q,{ms:t.duration_ms,className:"font-mono"})}),e.jsxs(c,{label:"History Size",children:[t.summary.total_events," events"]}),e.jsxs(c,{label:"Activities",children:[t.summary.activities.completed," / ",t.summary.activities.total]})]})},{id:"escalations",icon:X,label:"Escalations",content:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(S,{children:"Escalations"}),r.length>0?e.jsx(oe,{escalations:r}):e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"This workflow has not escalated."})]}),a.length>0&&e.jsxs("div",{children:[e.jsx(S,{children:"Related Tasks"}),e.jsx(le,{tasks:a})]})]})}];return e.jsx(q,{open:l,width:384,className:"self-stretch",children:e.jsx("div",{className:"h-full pl-6",children:e.jsx(Z,{views:f,activeId:x,onViewChange:o,headerActions:n,stickyClassName:"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9"})})})}function ce(t){var r;const s=t.events.find(n=>n.event_type==="workflow_execution_started"),a=(r=s==null?void 0:s.attributes)==null?void 0:r.input;return a&&typeof a=="object"?a:null}function de({execution:t}){const s=ce(t),a=t.result,r=(a==null?void 0:a.data)??a??null;return!s&&!r?null:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[s!==null&&e.jsx("div",{children:e.jsx(T,{data:s,label:"Input Envelope"})}),r!==null&&e.jsx("div",{children:e.jsx(T,{data:r,label:"Result"})})]})}function xe({isRunning:t,hasToolCalls:s,workflowId:a,onAction:r}){const[n,l]=b.useState(!1),m=b.useRef(null);return b.useEffect(()=>{if(!n)return;const x=o=>{m.current&&!m.current.contains(o.target)&&l(!1)};return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[n]),e.jsxs("div",{className:"relative",ref:m,children:[e.jsxs("button",{onClick:()=>l(!n),className:"flex items-center gap-0.5 pl-2 pr-1 py-1 rounded-md text-[11px] font-medium text-text-tertiary hover:text-accent hover:bg-surface-hover transition-colors",title:"Actions",children:["Actions",e.jsx(te,{className:`w-3 h-3 transition-transform ${n?"rotate-180":""}`})]}),n&&e.jsxs("div",{className:"absolute right-0 mt-1 w-44 bg-surface-raised border border-surface-border rounded-md shadow-lg z-20",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"}),s&&e.jsx(u,{to:`/mcp/queries/${a}?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(a)}?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(a)}`,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(a)}`,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 Se(){const{workflowId:t}=se();O(t);const s="Workflow Execution",{data:a,isLoading:r,error:n,refetch:l,isFetching:m}=D(t),{data:x}=K(t),{data:o}=M(t),{data:p}=F(t),h=ae(),f=U(),{isCollapsed:j,toggle:w}=z("workflow-execution"),P=d=>{var i;if(d==="terminate")confirm("Are you sure you want to terminate this workflow?")&&f.mutate(t);else if(d==="restart"&&a){const L=a.workflow_id.replace(/-[A-Za-z0-9_-]{20,}$/,""),g=a.events.find(V=>V.event_type==="workflow_execution_started"),E=(i=g==null?void 0:g.attributes)==null?void 0:i.input;E&&sessionStorage.setItem("lt:invoke:prefill",JSON.stringify(E)),h(`/workflows/start?type=${encodeURIComponent(L)}&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||!a){const d=(n==null?void 0:n.message)??"",i=d.includes("expired")||d.includes("no longer available");return e.jsxs("div",{children:[e.jsx(u,{to:"/workflows/executions",className:"text-xs text-text-tertiary hover:text-text-primary",children:"← Workflows"}),e.jsxs("div",{className:"mt-4 text-center py-8",children:[e.jsx("p",{className:"text-sm text-text-primary mb-1",children:i?"Execution data is no longer available":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.":d||"The workflow could not be resolved."})]})]})}const R=a.status!=="completed"&&a.status!=="failed",k=!j("side-panel"),I=a.parent_workflow_id,W=x&&x.workflow_id===a.workflow_id,y=I||(W?x.parent_workflow_id:null)||null,$=y&&y!==a.workflow_id?y:null,A=a.status==="completed"&&a.events.some(d=>{if(d.event_type!=="activity_task_completed")return!1;const i=d.attributes.activity_type;return i==="callDbTool"||i==="callVisionTool"||i==="callMcpTool"||(i==null?void 0:i.startsWith("mcp_"))});return e.jsxs("div",{className:"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16",children:[e.jsxs("div",{className:"flex-1 min-w-0 pt-10 pr-10 pb-16",children:[e.jsx(H,{title:s,actions:e.jsx("button",{onClick:()=>w("side-panel"),className:"text-text-tertiary hover:text-accent transition-colors",title:k?"Hide side panel":"Show side panel",children:k?e.jsx(Y,{className:"w-5 h-5",strokeWidth:1.5}):e.jsx(ee,{className:"w-5 h-5",strokeWidth:1.5})})}),f.error&&e.jsx("div",{className:"py-3 mb-6",children:e.jsxs("p",{className:"text-xs text-status-error",children:["Terminate failed: ",f.error.message]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(N,{title:"Details",sectionKey:"details",isCollapsed:j("details"),onToggle:w,contentClassName:"mt-4 ml-9",children:e.jsx(de,{execution:a})}),e.jsx(N,{title:"Execution Timeline",sectionKey:"timeline",isCollapsed:j("timeline"),onToggle:w,contentClassName:"mt-4 ml-9",children:e.jsx(re,{events:a.events,childTasks:o==null?void 0:o.tasks,jid:t,appId:"durable"})}),e.jsx(N,{title:"Events",sectionKey:"events",isCollapsed:j("events"),onToggle:w,contentClassName:"mt-4 ml-9",children:e.jsx(B,{events:a.events,childTasks:o==null?void 0:o.tasks,jid:t,appId:"durable"})})]})]}),e.jsx(ie,{execution:a,parentWorkflowId:$,childTasks:(o==null?void 0:o.tasks)??[],escalations:(p==null?void 0:p.escalations)??[],headerActions:e.jsxs(e.Fragment,{children:[e.jsx(J,{onRefresh:()=>l(),isFetching:m,apiPath:`/workflow-states/${t}/execution`}),e.jsx(xe,{isRunning:R,hasToolCalls:A,workflowId:t,onAction:P})]}),open:k})]})}export{Se as WorkflowExecutionPage};
-//# sourceMappingURL=WorkflowExecutionPage-DrwKB2x8.js.map
+import{a as b,j as e}from"./vendor-query-B2UbickB.js";import{a as D,f as U}from"./workflows-B0djSSvg.js";import{h as O}from"./useEventHooks-CtkD_tnd.js";import{u as z,E as B}from"./EventTable-hHPNI3Yq.js";import{b as K,e as M}from"./tasks-BiyBXdk7.js";import{b as v,D as Q,J as T,e as F}from"./index-DYcP4jyl.js";import{P as H}from"./PageHeader-CiFhzGc0.js";import{C as N}from"./CollapsibleSection-BuZl37uS.js";import{L as J}from"./ListToolbar-BUgEY8Oc.js";import{P as c,S as q,a as Z}from"./SlidePanel-BcWKelpn.js";import{S as C}from"./StatusBadge-CEQMRmSQ.js";import{C as _}from"./CopyableId-uot2mE_g.js";import{ai as G,ag as X,an as Y,ao as ee,j as te}from"./vendor-icons-DPmIjhZB.js";import{L as u,e as se,c as ae}from"./vendor-react-CXumBFUA.js";import{S as re}from"./SwimlaneTimeline-Db7ATobq.js";import"./FilterBar-DDIn8TOs.js";import"./StreamMessageDetail-DjjnJ31Q.js";function ne(t){const s=t.lastIndexOf("-");return s<=0?{taskQueue:t,workflowType:t}:{taskQueue:t.substring(0,s),workflowType:t.substring(s+1)}}function S({children:t}){return e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-2",children:t})}function oe({escalations:t}){return e.jsx("div",{children:t.map(s=>e.jsxs(u,{to:`/escalations/detail/${s.id}`,className:"grid grid-cols-[1fr_auto_auto] items-center gap-x-3 py-2 border-b border-surface-border/40 last:border-b-0 group",children:[e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block text-xs font-mono text-text-primary group-hover:text-accent transition-colors truncate",title:s.type,children:s.type}),e.jsx("span",{className:"block text-[10px] text-text-tertiary truncate",children:s.role})]}),e.jsx(v,{date:s.created_at,format:"relative",className:"text-[10px] text-text-tertiary whitespace-nowrap"}),e.jsx("span",{className:"w-20 flex justify-end",children:e.jsx(C,{status:s.status})})]},s.id))})}function le({tasks:t}){return e.jsx("div",{children:t.map(s=>e.jsxs(u,{to:`/workflows/tasks/detail/${s.id}`,className:"grid grid-cols-[1fr_auto_auto] items-center gap-x-3 py-2 border-b border-surface-border/40 last:border-b-0 group",children:[e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block text-xs font-mono text-text-primary group-hover:text-accent transition-colors truncate",title:s.workflow_type,children:s.workflow_type}),e.jsx("span",{className:"block text-[10px] text-text-tertiary truncate",children:s.lt_type})]}),e.jsx(v,{date:s.created_at,format:"relative",className:"text-[10px] text-text-tertiary whitespace-nowrap"}),e.jsx("span",{className:"w-20 flex justify-end",children:e.jsx(C,{status:s.status})})]},s.id))})}function ie({execution:t,parentWorkflowId:s,childTasks:a,escalations:r,headerActions:n,open:l}){const m=r.length>0||a.length>0,[x,o]=b.useState(m?"escalations":"details"),{taskQueue:p,workflowType:h}=ne(t.workflow_type),f=[{id:"details",icon:G,label:"Details",content:e.jsxs("dl",{className:"space-y-3.5",children:[e.jsx(c,{label:"Status",children:e.jsx(C,{status:t.status})}),e.jsx(c,{label:"Workflow Type",children:e.jsx(_,{bare:!0,value:h,href:`/workflows/executions?entity=${encodeURIComponent(h)}`})}),e.jsx(c,{label:"Workflow ID",children:e.jsx(_,{bare:!0,value:t.workflow_id})}),s&&e.jsx(c,{label:"Parent",children:e.jsx(_,{bare:!0,value:s,href:`/workflows/executions/${s}`})}),e.jsx(c,{label:"Task Queue",children:e.jsx("span",{className:"font-mono",children:p})}),e.jsx(c,{label:"Start Time",children:t.start_time?e.jsx(v,{date:t.start_time,format:"datetime"}):e.jsx("span",{className:"text-text-tertiary",children:"--"})}),e.jsx(c,{label:"End Time",children:t.close_time?e.jsx(v,{date:t.close_time,format:"datetime"}):e.jsx("span",{className:"text-text-tertiary",children:"--"})}),e.jsx(c,{label:"Duration",children:e.jsx(Q,{ms:t.duration_ms,className:"font-mono"})}),e.jsxs(c,{label:"History Size",children:[t.summary.total_events," events"]}),e.jsxs(c,{label:"Activities",children:[t.summary.activities.completed," / ",t.summary.activities.total]})]})},{id:"escalations",icon:X,label:"Escalations",content:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(S,{children:"Escalations"}),r.length>0?e.jsx(oe,{escalations:r}):e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"This workflow has not escalated."})]}),a.length>0&&e.jsxs("div",{children:[e.jsx(S,{children:"Related Tasks"}),e.jsx(le,{tasks:a})]})]})}];return e.jsx(q,{open:l,width:384,className:"self-stretch",children:e.jsx("div",{className:"h-full pl-6",children:e.jsx(Z,{views:f,activeId:x,onViewChange:o,headerActions:n,stickyClassName:"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9"})})})}function ce(t){var r;const s=t.events.find(n=>n.event_type==="workflow_execution_started"),a=(r=s==null?void 0:s.attributes)==null?void 0:r.input;return a&&typeof a=="object"?a:null}function de({execution:t}){const s=ce(t),a=t.result,r=(a==null?void 0:a.data)??a??null;return!s&&!r?null:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[s!==null&&e.jsx("div",{children:e.jsx(T,{data:s,label:"Input Envelope"})}),r!==null&&e.jsx("div",{children:e.jsx(T,{data:r,label:"Result"})})]})}function xe({isRunning:t,hasToolCalls:s,workflowId:a,onAction:r}){const[n,l]=b.useState(!1),m=b.useRef(null);return b.useEffect(()=>{if(!n)return;const x=o=>{m.current&&!m.current.contains(o.target)&&l(!1)};return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[n]),e.jsxs("div",{className:"relative",ref:m,children:[e.jsxs("button",{onClick:()=>l(!n),className:"flex items-center gap-0.5 pl-2 pr-1 py-1 rounded-md text-[11px] font-medium text-text-tertiary hover:text-accent hover:bg-surface-hover transition-colors",title:"Actions",children:["Actions",e.jsx(te,{className:`w-3 h-3 transition-transform ${n?"rotate-180":""}`})]}),n&&e.jsxs("div",{className:"absolute right-0 mt-1 w-44 bg-surface-raised border border-surface-border rounded-md shadow-lg z-20",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"}),s&&e.jsx(u,{to:`/mcp/queries/${a}?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(a)}?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(a)}`,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(a)}`,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 Se(){const{workflowId:t}=se();O(t);const s="Workflow Execution",{data:a,isLoading:r,error:n,refetch:l,isFetching:m}=D(t),{data:x}=K(t),{data:o}=M(t),{data:p}=F(t),h=ae(),f=U(),{isCollapsed:j,toggle:w}=z("workflow-execution"),P=d=>{var i;if(d==="terminate")confirm("Are you sure you want to terminate this workflow?")&&f.mutate(t);else if(d==="restart"&&a){const L=a.workflow_id.replace(/-[A-Za-z0-9_-]{20,}$/,""),g=a.events.find(V=>V.event_type==="workflow_execution_started"),E=(i=g==null?void 0:g.attributes)==null?void 0:i.input;E&&sessionStorage.setItem("lt:invoke:prefill",JSON.stringify(E)),h(`/workflows/start?type=${encodeURIComponent(L)}&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||!a){const d=(n==null?void 0:n.message)??"",i=d.includes("expired")||d.includes("no longer available");return e.jsxs("div",{children:[e.jsx(u,{to:"/workflows/executions",className:"text-xs text-text-tertiary hover:text-text-primary",children:"← Workflows"}),e.jsxs("div",{className:"mt-4 text-center py-8",children:[e.jsx("p",{className:"text-sm text-text-primary mb-1",children:i?"Execution data is no longer available":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.":d||"The workflow could not be resolved."})]})]})}const R=a.status!=="completed"&&a.status!=="failed",k=!j("side-panel"),I=a.parent_workflow_id,W=x&&x.workflow_id===a.workflow_id,y=I||(W?x.parent_workflow_id:null)||null,$=y&&y!==a.workflow_id?y:null,A=a.status==="completed"&&a.events.some(d=>{if(d.event_type!=="activity_task_completed")return!1;const i=d.attributes.activity_type;return i==="callDbTool"||i==="callVisionTool"||i==="callMcpTool"||(i==null?void 0:i.startsWith("mcp_"))});return e.jsxs("div",{className:"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16",children:[e.jsxs("div",{className:"flex-1 min-w-0 pt-10 pr-10 pb-16",children:[e.jsx(H,{title:s,actions:e.jsx("button",{onClick:()=>w("side-panel"),className:"text-text-tertiary hover:text-accent transition-colors",title:k?"Hide side panel":"Show side panel",children:k?e.jsx(Y,{className:"w-5 h-5",strokeWidth:1.5}):e.jsx(ee,{className:"w-5 h-5",strokeWidth:1.5})})}),f.error&&e.jsx("div",{className:"py-3 mb-6",children:e.jsxs("p",{className:"text-xs text-status-error",children:["Terminate failed: ",f.error.message]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(N,{title:"Details",sectionKey:"details",isCollapsed:j("details"),onToggle:w,contentClassName:"mt-4 ml-9",children:e.jsx(de,{execution:a})}),e.jsx(N,{title:"Execution Timeline",sectionKey:"timeline",isCollapsed:j("timeline"),onToggle:w,contentClassName:"mt-4 ml-9",children:e.jsx(re,{events:a.events,childTasks:o==null?void 0:o.tasks,jid:t,appId:"durable"})}),e.jsx(N,{title:"Events",sectionKey:"events",isCollapsed:j("events"),onToggle:w,contentClassName:"mt-4 ml-9",children:e.jsx(B,{events:a.events,childTasks:o==null?void 0:o.tasks,jid:t,appId:"durable"})})]})]}),e.jsx(ie,{execution:a,parentWorkflowId:$,childTasks:(o==null?void 0:o.tasks)??[],escalations:(p==null?void 0:p.escalations)??[],headerActions:e.jsxs(e.Fragment,{children:[e.jsx(J,{onRefresh:()=>l(),isFetching:m,apiPath:`/workflow-states/${t}/execution`}),e.jsx(xe,{isRunning:R,hasToolCalls:A,workflowId:t,onAction:P})]}),open:k})]})}export{Se as WorkflowExecutionPage};
+//# sourceMappingURL=WorkflowExecutionPage-DtC-71vO.js.map

package/dashboard/dist/assets/{WorkflowExecutionPage-DrwKB2x8.js.map → WorkflowExecutionPage-DtC-71vO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowExecutionPage-DrwKB2x8.js","sources":["../../src/pages/workflows/workflow-execution/ExecutionSidePanel.tsx","../../src/pages/workflows/workflow-execution/ExecutionInputResult.tsx","../../src/pages/workflows/WorkflowExecutionPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Info, Bell } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews, PanelField, type SlidePanelView } from '../../../components/common/layout/SlidePanel';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { CopyableId } from '../../../components/common/display/CopyableId';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { WorkflowExecution, LTTaskRecord, LTEscalationRecord } from '../../../api/types';\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\nfunction SectionLabel({ children }: { children: React.ReactNode }) {\n  return (\n    <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-2\">\n      {children}\n    </p>\n  );\n}\n\n/**\n * A workflow can escalate to multiple targets, and multiple times across its\n * lifecycle — each escalation is its own row: role and type on the left, the\n * status badge in a right-aligned column, so a long history reads as a table\n * instead of running on.\n */\nfunction EscalationRows({ escalations }: { escalations: LTEscalationRecord[] }) {\n  return (\n    <div>\n      {escalations.map((esc) => (\n        <Link\n          key={esc.id}\n          to={`/escalations/detail/${esc.id}`}\n          className=\"grid grid-cols-[1fr_auto_auto] items-center gap-x-3 py-2 border-b border-surface-border/40 last:border-b-0 group\"\n        >\n          <span className=\"min-w-0\">\n            <span className=\"block text-xs font-mono text-text-primary group-hover:text-accent transition-colors truncate\" title={esc.type}>\n              {esc.type}\n            </span>\n            <span className=\"block text-[10px] text-text-tertiary truncate\">{esc.role}</span>\n          </span>\n          <DateValue date={esc.created_at} format=\"relative\" className=\"text-[10px] text-text-tertiary whitespace-nowrap\" />\n          <span className=\"w-20 flex justify-end\"><StatusBadge status={esc.status} /></span>\n        </Link>\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRows({ tasks }: { tasks: LTTaskRecord[] }) {\n  return (\n    <div>\n      {tasks.map((t) => (\n        <Link\n          key={t.id}\n          to={`/workflows/tasks/detail/${t.id}`}\n          className=\"grid grid-cols-[1fr_auto_auto] items-center gap-x-3 py-2 border-b border-surface-border/40 last:border-b-0 group\"\n        >\n          <span className=\"min-w-0\">\n            <span className=\"block text-xs font-mono text-text-primary group-hover:text-accent transition-colors truncate\" title={t.workflow_type}>\n              {t.workflow_type}\n            </span>\n            <span className=\"block text-[10px] text-text-tertiary truncate\">{t.lt_type}</span>\n          </span>\n          <DateValue date={t.created_at} format=\"relative\" className=\"text-[10px] text-text-tertiary whitespace-nowrap\" />\n          <span className=\"w-20 flex justify-end\"><StatusBadge status={t.status} /></span>\n        </Link>\n      ))}\n    </div>\n  );\n}\n\n/**\n * The execution detail side panel — the record's facts beside the timeline:\n *\n *   Details     — workflow identity, timing, and history metadata\n *   Escalations — every escalation the workflow raised, plus related tasks\n */\nexport function ExecutionSidePanel({\n  execution,\n  parentWorkflowId,\n  childTasks,\n  escalations,\n  headerActions,\n  open,\n}: {\n  execution: WorkflowExecution;\n  parentWorkflowId: string | null;\n  childTasks: LTTaskRecord[];\n  escalations: LTEscalationRecord[];\n  /** Page controls (toolbar, Actions menu) shown at the right of the icon row. */\n  headerActions?: React.ReactNode;\n  open: boolean;\n}) {\n  const hasRelated = escalations.length > 0 || childTasks.length > 0;\n  const [activeView, setActiveView] = useState(hasRelated ? 'escalations' : 'details');\n\n  const { taskQueue, workflowType } = splitEntityKey(execution.workflow_type);\n\n  const views: SlidePanelView[] = [\n    {\n      id: 'details',\n      icon: Info,\n      label: 'Details',\n      content: (\n        <dl className=\"space-y-3.5\">\n          <PanelField label=\"Status\"><StatusBadge status={execution.status} /></PanelField>\n          <PanelField label=\"Workflow Type\">\n            <CopyableId bare value={workflowType} href={`/workflows/executions?entity=${encodeURIComponent(workflowType)}`} />\n          </PanelField>\n          <PanelField label=\"Workflow ID\">\n            <CopyableId bare value={execution.workflow_id} />\n          </PanelField>\n          {parentWorkflowId && (\n            <PanelField label=\"Parent\">\n              <CopyableId bare value={parentWorkflowId} href={`/workflows/executions/${parentWorkflowId}`} />\n            </PanelField>\n          )}\n          <PanelField label=\"Task Queue\"><span className=\"font-mono\">{taskQueue}</span></PanelField>\n          <PanelField label=\"Start Time\">\n            {execution.start_time\n              ? <DateValue date={execution.start_time} format=\"datetime\" />\n              : <span className=\"text-text-tertiary\">--</span>}\n          </PanelField>\n          <PanelField label=\"End Time\">\n            {execution.close_time\n              ? <DateValue date={execution.close_time} format=\"datetime\" />\n              : <span className=\"text-text-tertiary\">--</span>}\n          </PanelField>\n          <PanelField label=\"Duration\">\n            <DurationValue ms={execution.duration_ms} className=\"font-mono\" />\n          </PanelField>\n          <PanelField label=\"History Size\">{execution.summary.total_events} events</PanelField>\n          <PanelField label=\"Activities\">\n            {execution.summary.activities.completed} / {execution.summary.activities.total}\n          </PanelField>\n        </dl>\n      ),\n    },\n    {\n      id: 'escalations',\n      icon: Bell,\n      label: 'Escalations',\n      content: (\n        <div className=\"space-y-6\">\n          <div>\n            <SectionLabel>Escalations</SectionLabel>\n            {escalations.length > 0\n              ? <EscalationRows escalations={escalations} />\n              : <p className=\"text-xs text-text-tertiary italic\">This workflow has not escalated.</p>}\n          </div>\n          {childTasks.length > 0 && (\n            <div>\n              <SectionLabel>Related Tasks</SectionLabel>\n              <TaskRows tasks={childTasks} />\n            </div>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  return (\n    <SlidePanel open={open} width={384} className=\"self-stretch\">\n      <div className=\"h-full pl-6\">\n        <SlidePanelViews\n          views={views}\n          activeId={activeView}\n          onViewChange={setActiveView}\n          headerActions={headerActions}\n          stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n        />\n      </div>\n    </SlidePanel>\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 { PanelRightClose, PanelRightOpen, ChevronDown } from 'lucide-react';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { CollapsibleSection } from '../../components/common/layout/CollapsibleSection';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\n\nimport { ExecutionSidePanel } from './workflow-execution/ExecutionSidePanel';\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\n        onClick={() => setOpen(!open)}\n        className=\"flex items-center gap-0.5 pl-2 pr-1 py-1 rounded-md text-[11px] font-medium text-text-tertiary hover:text-accent hover:bg-surface-hover transition-colors\"\n        title=\"Actions\"\n      >\n        Actions\n        <ChevronDown className={`w-3 h-3 transition-transform ${open ? 'rotate-180' : ''}`} />\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-20\">\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 sidePanelOpen = !isCollapsed('side-panel');\n\n  // Parent relationship — prefer execution-level pj (from HotMesh raw state),\n  // fall back to lt_tasks record. Self-references filtered (cron-invoked\n  // workflows store themselves as parent).\n  const executionParent = (execution as any).parent_workflow_id as string | undefined;\n  const isLeaf = task && task.workflow_id === execution.workflow_id;\n  const rawParent = executionParent || (isLeaf ? task.parent_workflow_id : null) || null;\n  const parentWorkflowId = rawParent && rawParent !== execution.workflow_id ? rawParent : null;\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    // Master flow beside a full-height panel: the left column page-scrolls\n    // like any detail page; the panel spans the middle row with its own\n    // sticky viewport. Negative margins let the panel bleed to the page edge;\n    // the left column re-adds those gutters.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10 pb-16\">\n        {/* The main header stays quiet: title + the panel toggle. Status, the\n            toolbar, and the Actions menu all live in the panel. */}\n        <PageHeader\n          title={executionTitle}\n          actions={\n            <button\n              onClick={() => toggle('side-panel')}\n              className=\"text-text-tertiary hover:text-accent transition-colors\"\n              title={sidePanelOpen ? 'Hide side panel' : 'Show side panel'}\n            >\n              {sidePanelOpen\n                ? <PanelRightClose className=\"w-5 h-5\" strokeWidth={1.5} />\n                : <PanelRightOpen className=\"w-5 h-5\" strokeWidth={1.5} />}\n            </button>\n          }\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              jid={workflowId}\n              appId=\"durable\"\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              jid={workflowId}\n              appId=\"durable\"\n            />\n          </CollapsibleSection>\n        </div>\n      </div>\n\n      <ExecutionSidePanel\n        execution={execution}\n        parentWorkflowId={parentWorkflowId}\n        childTasks={childTasksData?.tasks ?? []}\n        escalations={escalationsData?.escalations ?? []}\n        headerActions={\n          <>\n            <ListToolbar\n              onRefresh={() => refetch()}\n              isFetching={isFetching}\n              apiPath={`/workflow-states/${workflowId}/execution`}\n            />\n            <ActionsDropdown\n              isRunning={isRunning}\n              hasToolCalls={hasToolCalls}\n              workflowId={workflowId!}\n              onAction={handleAction}\n            />\n          </>\n        }\n        open={sidePanelOpen}\n      />\n    </div>\n  );\n}\n"],"names":["splitEntityKey","compound","lastDash","SectionLabel","children","jsx","EscalationRows","escalations","esc","jsxs","Link","DateValue","StatusBadge","TaskRows","tasks","t","ExecutionSidePanel","execution","parentWorkflowId","childTasks","headerActions","open","hasRelated","activeView","setActiveView","useState","taskQueue","workflowType","views","Info","PanelField","CopyableId","DurationValue","Bell","SlidePanel","SlidePanelViews","extractInput","startEvent","e","input","_a","ExecutionInputResult","rawResult","result","JsonViewer","ActionsDropdown","isRunning","hasToolCalls","workflowId","onAction","setOpen","ref","useRef","useEffect","handler","ChevronDown","WorkflowExecutionPage","useParams","useWorkflowDetailEvents","executionTitle","isLoading","error","refetch","isFetching","useWorkflowExecution","task","useTaskByWorkflowId","childTasksData","useChildTasks","escalationsData","useEscalationsByWorkflowId","navigate","useNavigate","terminateMutation","useTerminateWorkflow","isCollapsed","toggle","useCollapsedSections","handleAction","action","entity","msg","isExpired","sidePanelOpen","executionParent","isLeaf","rawParent","actType","PageHeader","PanelRightClose","PanelRightOpen","CollapsibleSection","SwimlaneTimeline","EventTable","Fragment","ListToolbar"],"mappings":"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"}
+{"version":3,"file":"WorkflowExecutionPage-DtC-71vO.js","sources":["../../src/pages/workflows/workflow-execution/ExecutionSidePanel.tsx","../../src/pages/workflows/workflow-execution/ExecutionInputResult.tsx","../../src/pages/workflows/WorkflowExecutionPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Info, Bell } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews, PanelField, type SlidePanelView } from '../../../components/common/layout/SlidePanel';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { CopyableId } from '../../../components/common/display/CopyableId';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { WorkflowExecution, LTTaskRecord, LTEscalationRecord } from '../../../api/types';\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\nfunction SectionLabel({ children }: { children: React.ReactNode }) {\n  return (\n    <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-2\">\n      {children}\n    </p>\n  );\n}\n\n/**\n * A workflow can escalate to multiple targets, and multiple times across its\n * lifecycle — each escalation is its own row: role and type on the left, the\n * status badge in a right-aligned column, so a long history reads as a table\n * instead of running on.\n */\nfunction EscalationRows({ escalations }: { escalations: LTEscalationRecord[] }) {\n  return (\n    <div>\n      {escalations.map((esc) => (\n        <Link\n          key={esc.id}\n          to={`/escalations/detail/${esc.id}`}\n          className=\"grid grid-cols-[1fr_auto_auto] items-center gap-x-3 py-2 border-b border-surface-border/40 last:border-b-0 group\"\n        >\n          <span className=\"min-w-0\">\n            <span className=\"block text-xs font-mono text-text-primary group-hover:text-accent transition-colors truncate\" title={esc.type}>\n              {esc.type}\n            </span>\n            <span className=\"block text-[10px] text-text-tertiary truncate\">{esc.role}</span>\n          </span>\n          <DateValue date={esc.created_at} format=\"relative\" className=\"text-[10px] text-text-tertiary whitespace-nowrap\" />\n          <span className=\"w-20 flex justify-end\"><StatusBadge status={esc.status} /></span>\n        </Link>\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRows({ tasks }: { tasks: LTTaskRecord[] }) {\n  return (\n    <div>\n      {tasks.map((t) => (\n        <Link\n          key={t.id}\n          to={`/workflows/tasks/detail/${t.id}`}\n          className=\"grid grid-cols-[1fr_auto_auto] items-center gap-x-3 py-2 border-b border-surface-border/40 last:border-b-0 group\"\n        >\n          <span className=\"min-w-0\">\n            <span className=\"block text-xs font-mono text-text-primary group-hover:text-accent transition-colors truncate\" title={t.workflow_type}>\n              {t.workflow_type}\n            </span>\n            <span className=\"block text-[10px] text-text-tertiary truncate\">{t.lt_type}</span>\n          </span>\n          <DateValue date={t.created_at} format=\"relative\" className=\"text-[10px] text-text-tertiary whitespace-nowrap\" />\n          <span className=\"w-20 flex justify-end\"><StatusBadge status={t.status} /></span>\n        </Link>\n      ))}\n    </div>\n  );\n}\n\n/**\n * The execution detail side panel — the record's facts beside the timeline:\n *\n *   Details     — workflow identity, timing, and history metadata\n *   Escalations — every escalation the workflow raised, plus related tasks\n */\nexport function ExecutionSidePanel({\n  execution,\n  parentWorkflowId,\n  childTasks,\n  escalations,\n  headerActions,\n  open,\n}: {\n  execution: WorkflowExecution;\n  parentWorkflowId: string | null;\n  childTasks: LTTaskRecord[];\n  escalations: LTEscalationRecord[];\n  /** Page controls (toolbar, Actions menu) shown at the right of the icon row. */\n  headerActions?: React.ReactNode;\n  open: boolean;\n}) {\n  const hasRelated = escalations.length > 0 || childTasks.length > 0;\n  const [activeView, setActiveView] = useState(hasRelated ? 'escalations' : 'details');\n\n  const { taskQueue, workflowType } = splitEntityKey(execution.workflow_type);\n\n  const views: SlidePanelView[] = [\n    {\n      id: 'details',\n      icon: Info,\n      label: 'Details',\n      content: (\n        <dl className=\"space-y-3.5\">\n          <PanelField label=\"Status\"><StatusBadge status={execution.status} /></PanelField>\n          <PanelField label=\"Workflow Type\">\n            <CopyableId bare value={workflowType} href={`/workflows/executions?entity=${encodeURIComponent(workflowType)}`} />\n          </PanelField>\n          <PanelField label=\"Workflow ID\">\n            <CopyableId bare value={execution.workflow_id} />\n          </PanelField>\n          {parentWorkflowId && (\n            <PanelField label=\"Parent\">\n              <CopyableId bare value={parentWorkflowId} href={`/workflows/executions/${parentWorkflowId}`} />\n            </PanelField>\n          )}\n          <PanelField label=\"Task Queue\"><span className=\"font-mono\">{taskQueue}</span></PanelField>\n          <PanelField label=\"Start Time\">\n            {execution.start_time\n              ? <DateValue date={execution.start_time} format=\"datetime\" />\n              : <span className=\"text-text-tertiary\">--</span>}\n          </PanelField>\n          <PanelField label=\"End Time\">\n            {execution.close_time\n              ? <DateValue date={execution.close_time} format=\"datetime\" />\n              : <span className=\"text-text-tertiary\">--</span>}\n          </PanelField>\n          <PanelField label=\"Duration\">\n            <DurationValue ms={execution.duration_ms} className=\"font-mono\" />\n          </PanelField>\n          <PanelField label=\"History Size\">{execution.summary.total_events} events</PanelField>\n          <PanelField label=\"Activities\">\n            {execution.summary.activities.completed} / {execution.summary.activities.total}\n          </PanelField>\n        </dl>\n      ),\n    },\n    {\n      id: 'escalations',\n      icon: Bell,\n      label: 'Escalations',\n      content: (\n        <div className=\"space-y-6\">\n          <div>\n            <SectionLabel>Escalations</SectionLabel>\n            {escalations.length > 0\n              ? <EscalationRows escalations={escalations} />\n              : <p className=\"text-xs text-text-tertiary italic\">This workflow has not escalated.</p>}\n          </div>\n          {childTasks.length > 0 && (\n            <div>\n              <SectionLabel>Related Tasks</SectionLabel>\n              <TaskRows tasks={childTasks} />\n            </div>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  return (\n    <SlidePanel open={open} width={384} className=\"self-stretch\">\n      <div className=\"h-full pl-6\">\n        <SlidePanelViews\n          views={views}\n          activeId={activeView}\n          onViewChange={setActiveView}\n          headerActions={headerActions}\n          stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n        />\n      </div>\n    </SlidePanel>\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 { PanelRightClose, PanelRightOpen, ChevronDown } from 'lucide-react';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { CollapsibleSection } from '../../components/common/layout/CollapsibleSection';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\n\nimport { ExecutionSidePanel } from './workflow-execution/ExecutionSidePanel';\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\n        onClick={() => setOpen(!open)}\n        className=\"flex items-center gap-0.5 pl-2 pr-1 py-1 rounded-md text-[11px] font-medium text-text-tertiary hover:text-accent hover:bg-surface-hover transition-colors\"\n        title=\"Actions\"\n      >\n        Actions\n        <ChevronDown className={`w-3 h-3 transition-transform ${open ? 'rotate-180' : ''}`} />\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-20\">\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 sidePanelOpen = !isCollapsed('side-panel');\n\n  // Parent relationship — prefer execution-level pj (from HotMesh raw state),\n  // fall back to lt_tasks record. Self-references filtered (cron-invoked\n  // workflows store themselves as parent).\n  const executionParent = (execution as any).parent_workflow_id as string | undefined;\n  const isLeaf = task && task.workflow_id === execution.workflow_id;\n  const rawParent = executionParent || (isLeaf ? task.parent_workflow_id : null) || null;\n  const parentWorkflowId = rawParent && rawParent !== execution.workflow_id ? rawParent : null;\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    // Master flow beside a full-height panel: the left column page-scrolls\n    // like any detail page; the panel spans the middle row with its own\n    // sticky viewport. Negative margins let the panel bleed to the page edge;\n    // the left column re-adds those gutters.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10 pb-16\">\n        {/* The main header stays quiet: title + the panel toggle. Status, the\n            toolbar, and the Actions menu all live in the panel. */}\n        <PageHeader\n          title={executionTitle}\n          actions={\n            <button\n              onClick={() => toggle('side-panel')}\n              className=\"text-text-tertiary hover:text-accent transition-colors\"\n              title={sidePanelOpen ? 'Hide side panel' : 'Show side panel'}\n            >\n              {sidePanelOpen\n                ? <PanelRightClose className=\"w-5 h-5\" strokeWidth={1.5} />\n                : <PanelRightOpen className=\"w-5 h-5\" strokeWidth={1.5} />}\n            </button>\n          }\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              jid={workflowId}\n              appId=\"durable\"\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              jid={workflowId}\n              appId=\"durable\"\n            />\n          </CollapsibleSection>\n        </div>\n      </div>\n\n      <ExecutionSidePanel\n        execution={execution}\n        parentWorkflowId={parentWorkflowId}\n        childTasks={childTasksData?.tasks ?? []}\n        escalations={escalationsData?.escalations ?? []}\n        headerActions={\n          <>\n            <ListToolbar\n              onRefresh={() => refetch()}\n              isFetching={isFetching}\n              apiPath={`/workflow-states/${workflowId}/execution`}\n            />\n            <ActionsDropdown\n              isRunning={isRunning}\n              hasToolCalls={hasToolCalls}\n              workflowId={workflowId!}\n              onAction={handleAction}\n            />\n          </>\n        }\n        open={sidePanelOpen}\n      />\n    </div>\n  );\n}\n"],"names":["splitEntityKey","compound","lastDash","SectionLabel","children","jsx","EscalationRows","escalations","esc","jsxs","Link","DateValue","StatusBadge","TaskRows","tasks","t","ExecutionSidePanel","execution","parentWorkflowId","childTasks","headerActions","open","hasRelated","activeView","setActiveView","useState","taskQueue","workflowType","views","Info","PanelField","CopyableId","DurationValue","Bell","SlidePanel","SlidePanelViews","extractInput","startEvent","e","input","_a","ExecutionInputResult","rawResult","result","JsonViewer","ActionsDropdown","isRunning","hasToolCalls","workflowId","onAction","setOpen","ref","useRef","useEffect","handler","ChevronDown","WorkflowExecutionPage","useParams","useWorkflowDetailEvents","executionTitle","isLoading","error","refetch","isFetching","useWorkflowExecution","task","useTaskByWorkflowId","childTasksData","useChildTasks","escalationsData","useEscalationsByWorkflowId","navigate","useNavigate","terminateMutation","useTerminateWorkflow","isCollapsed","toggle","useCollapsedSections","handleAction","action","entity","msg","isExpired","sidePanelOpen","executionParent","isLeaf","rawParent","actType","PageHeader","PanelRightClose","PanelRightOpen","CollapsibleSection","SwimlaneTimeline","EventTable","Fragment","ListToolbar"],"mappings":"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"}

package/dashboard/dist/assets/{WorkflowPill-BXmmLR0t.js → WorkflowPill-S6VV2Eax.js}

@@ -1,2 +1,2 @@
-import{j as s}from"./vendor-query-B2UbickB.js";import{W as t,Z as p,c as l,S as c,ar as x}from"./vendor-icons-BX2Vih4L.js";const d={certified:x,registered:c,pipeline:l,capability:p,durable:t},m={xs:{pill:"px-1 py-px text-[9px] gap-1",icon:"w-2 h-2"},sm:{pill:"px-1.5 py-px text-[11px] gap-1",icon:"w-2 h-2"},md:{pill:"px-2 py-0.5 text-[12px] gap-1.5",icon:"w-2.5 h-2.5"}};function k({type:i,size:o="sm",certified:r,variant:n}){const a=d[n??(r?"certified":"durable")]??t,e=m[o];return s.jsxs("span",{className:`inline-flex items-center ${e.pill} font-mono text-text-secondary bg-surface-sunken/50 rounded-md`,children:[s.jsx(a,{className:`${e.icon} shrink-0 text-text-quaternary`,strokeWidth:1.5}),i]})}export{k as W};
-//# sourceMappingURL=WorkflowPill-BXmmLR0t.js.map
+import{j as s}from"./vendor-query-B2UbickB.js";import{W as t,Z as p,d as l,S as x,as as c}from"./vendor-icons-DPmIjhZB.js";const d={certified:c,registered:x,pipeline:l,capability:p,durable:t},m={xs:{pill:"px-1 py-px text-[9px] gap-1",icon:"w-2 h-2"},sm:{pill:"px-1.5 py-px text-[11px] gap-1",icon:"w-2 h-2"},md:{pill:"px-2 py-0.5 text-[12px] gap-1.5",icon:"w-2.5 h-2.5"}};function k({type:i,size:o="sm",certified:n,variant:r}){const a=d[r??(n?"certified":"durable")]??t,e=m[o];return s.jsxs("span",{className:`inline-flex items-center ${e.pill} font-mono text-text-secondary bg-surface-sunken/50 rounded-md`,children:[s.jsx(a,{className:`${e.icon} shrink-0 text-text-quaternary`,strokeWidth:1.5}),i]})}export{k as W};
+//# sourceMappingURL=WorkflowPill-S6VV2Eax.js.map

package/dashboard/dist/assets/{WorkflowPill-BXmmLR0t.js.map → WorkflowPill-S6VV2Eax.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowPill-BXmmLR0t.js","sources":["../../src/components/common/display/WorkflowPill.tsx"],"sourcesContent":["import { Workflow, ShieldCheck, SlidersHorizontal, Wand2, Zap } from 'lucide-react';\n\ntype WorkflowVariant = 'durable' | 'registered' | 'certified' | 'pipeline' | 'capability';\n\ninterface WorkflowPillProps {\n  type: string;\n  size?: 'xs' | 'sm' | 'md';\n  /** @deprecated Use `variant` instead */\n  certified?: boolean;\n  variant?: WorkflowVariant;\n}\n\nconst VARIANT_ICON: Record<WorkflowVariant, typeof Workflow> = {\n  certified:  ShieldCheck,\n  registered: SlidersHorizontal,\n  pipeline:   Wand2,\n  capability: Zap,\n  durable:    Workflow,\n};\n\nconst SIZE_CONFIG = {\n  xs: { pill: 'px-1 py-px text-[9px] gap-1', icon: 'w-2 h-2' },\n  sm: { pill: 'px-1.5 py-px text-[11px] gap-1', icon: 'w-2 h-2' },\n  md: { pill: 'px-2 py-0.5 text-[12px] gap-1.5', icon: 'w-2.5 h-2.5' },\n} as const;\n\n/**\n * Universal workflow name chip — mono label with a small tier icon\n * (shield = certified, sliders = registered, wand = pipeline, bolt =\n * capability, workflow = durable). Neutral by design; the icon carries\n * the tier, not color. Matches ToolPill styling.\n */\nexport function WorkflowPill({ type, size = 'sm', certified, variant }: WorkflowPillProps) {\n  const resolved = variant ?? (certified ? 'certified' : 'durable');\n  // Callers pass server-provided tier strings here — fall back to the durable\n  // icon on an unrecognized value so version skew degrades instead of crashing.\n  const Icon = VARIANT_ICON[resolved] ?? Workflow;\n  const s = SIZE_CONFIG[size];\n\n  return (\n    <span className={`inline-flex items-center ${s.pill} font-mono text-text-secondary bg-surface-sunken/50 rounded-md`}>\n      <Icon className={`${s.icon} shrink-0 text-text-quaternary`} strokeWidth={1.5} />\n      {type}\n    </span>\n  );\n}\n"],"names":["VARIANT_ICON","ShieldCheck","SlidersHorizontal","Wand2","Zap","Workflow","SIZE_CONFIG","WorkflowPill","type","size","certified","variant","Icon","s","jsx"],"mappings":"2HAYA,MAAMA,EAAyD,CAC7D,UAAYC,EACZ,WAAYC,EACZ,SAAYC,EACZ,WAAYC,EACZ,QAAYC,CACd,EAEMC,EAAc,CAClB,GAAI,CAAE,KAAM,8BAA+B,KAAM,SAAA,EACjD,GAAI,CAAE,KAAM,iCAAkC,KAAM,SAAA,EACpD,GAAI,CAAE,KAAM,kCAAmC,KAAM,aAAA,CACvD,EAQO,SAASC,EAAa,CAAE,KAAAC,EAAM,KAAAC,EAAO,KAAM,UAAAC,EAAW,QAAAC,GAA8B,CAIzF,MAAMC,EAAOZ,EAHIW,IAAYD,EAAY,YAAc,UAGrB,GAAKL,EACjCQ,EAAIP,EAAYG,CAAI,EAE1B,cACG,OAAA,CAAK,UAAW,4BAA4BI,EAAE,IAAI,iEACjD,SAAA,CAAAC,EAAAA,IAACF,GAAK,UAAW,GAAGC,EAAE,IAAI,iCAAkC,YAAa,IAAK,EAC7EL,CAAA,EACH,CAEJ"}
+{"version":3,"file":"WorkflowPill-S6VV2Eax.js","sources":["../../src/components/common/display/WorkflowPill.tsx"],"sourcesContent":["import { Workflow, ShieldCheck, SlidersHorizontal, Wand2, Zap } from 'lucide-react';\n\ntype WorkflowVariant = 'durable' | 'registered' | 'certified' | 'pipeline' | 'capability';\n\ninterface WorkflowPillProps {\n  type: string;\n  size?: 'xs' | 'sm' | 'md';\n  /** @deprecated Use `variant` instead */\n  certified?: boolean;\n  variant?: WorkflowVariant;\n}\n\nconst VARIANT_ICON: Record<WorkflowVariant, typeof Workflow> = {\n  certified:  ShieldCheck,\n  registered: SlidersHorizontal,\n  pipeline:   Wand2,\n  capability: Zap,\n  durable:    Workflow,\n};\n\nconst SIZE_CONFIG = {\n  xs: { pill: 'px-1 py-px text-[9px] gap-1', icon: 'w-2 h-2' },\n  sm: { pill: 'px-1.5 py-px text-[11px] gap-1', icon: 'w-2 h-2' },\n  md: { pill: 'px-2 py-0.5 text-[12px] gap-1.5', icon: 'w-2.5 h-2.5' },\n} as const;\n\n/**\n * Universal workflow name chip — mono label with a small tier icon\n * (shield = certified, sliders = registered, wand = pipeline, bolt =\n * capability, workflow = durable). Neutral by design; the icon carries\n * the tier, not color. Matches ToolPill styling.\n */\nexport function WorkflowPill({ type, size = 'sm', certified, variant }: WorkflowPillProps) {\n  const resolved = variant ?? (certified ? 'certified' : 'durable');\n  // Callers pass server-provided tier strings here — fall back to the durable\n  // icon on an unrecognized value so version skew degrades instead of crashing.\n  const Icon = VARIANT_ICON[resolved] ?? Workflow;\n  const s = SIZE_CONFIG[size];\n\n  return (\n    <span className={`inline-flex items-center ${s.pill} font-mono text-text-secondary bg-surface-sunken/50 rounded-md`}>\n      <Icon className={`${s.icon} shrink-0 text-text-quaternary`} strokeWidth={1.5} />\n      {type}\n    </span>\n  );\n}\n"],"names":["VARIANT_ICON","ShieldCheck","SlidersHorizontal","Wand2","Zap","Workflow","SIZE_CONFIG","WorkflowPill","type","size","certified","variant","Icon","s","jsx"],"mappings":"2HAYA,MAAMA,EAAyD,CAC7D,UAAYC,EACZ,WAAYC,EACZ,SAAYC,EACZ,WAAYC,EACZ,QAAYC,CACd,EAEMC,EAAc,CAClB,GAAI,CAAE,KAAM,8BAA+B,KAAM,SAAA,EACjD,GAAI,CAAE,KAAM,iCAAkC,KAAM,SAAA,EACpD,GAAI,CAAE,KAAM,kCAAmC,KAAM,aAAA,CACvD,EAQO,SAASC,EAAa,CAAE,KAAAC,EAAM,KAAAC,EAAO,KAAM,UAAAC,EAAW,QAAAC,GAA8B,CAIzF,MAAMC,EAAOZ,EAHIW,IAAYD,EAAY,YAAc,UAGrB,GAAKL,EACjCQ,EAAIP,EAAYG,CAAI,EAE1B,cACG,OAAA,CAAK,UAAW,4BAA4BI,EAAE,IAAI,iEACjD,SAAA,CAAAC,EAAAA,IAACF,GAAK,UAAW,GAAGC,EAAE,IAAI,iCAAkC,YAAa,IAAK,EAC7EL,CAAA,EACH,CAEJ"}