@hotmeshio/long-tail 0.5.12 → 0.6.2

package/dashboard/dist/assets/{TagInput-CZSeyesi.js.map → TagInput-BHVfG307.js.map}

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

package/dashboard/dist/assets/{TaskDetailPage-BjHU6opi.js → TaskDetailPage-B_xQtJMg.js}

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

package/dashboard/dist/assets/{TaskDetailPage-BjHU6opi.js.map → TaskDetailPage-B_xQtJMg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TaskDetailPage-BjHU6opi.js","sources":["../../src/components/common/data/Field.tsx","../../src/components/common/display/Timeline.tsx","../../src/pages/workflows/TaskDetailPage.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { SectionLabel } from '../layout/SectionLabel';\n\ninterface FieldProps {\n  label: string;\n  value: ReactNode;\n}\n\nexport function Field({ label, value }: FieldProps) {\n  return (\n    <div>\n      <SectionLabel className=\"mb-1\">{label}</SectionLabel>\n      <div className=\"text-sm text-text-primary\">{value ?? '—'}</div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nexport interface TimelineItem {\n  id: string | number;\n  label: string;\n  timestamp?: string;\n  detail?: ReactNode;\n  category?: 'system' | 'user';\n}\n\nexport function Timeline({ items }: { items: TimelineItem[] }) {\n  if (items.length === 0) return null;\n\n  return (\n    <div className=\"relative\">\n      {/* Vertical line */}\n      <div className=\"absolute left-[7px] top-3 bottom-3 w-px bg-surface-border\" />\n\n      <div className=\"space-y-0\">\n        {items.map((item) => (\n          <div key={item.id} className=\"relative flex gap-4 py-3\">\n            {/* Dot */}\n            <div className=\"relative z-10 mt-1\">\n              <div\n                className={`w-[15px] h-[15px] rounded-full border-2 ${\n                  item.category === 'system'\n                    ? 'border-accent-muted bg-surface-raised'\n                    : 'border-accent bg-accent'\n                }`}\n              />\n            </div>\n\n            {/* Content */}\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"flex items-baseline gap-3\">\n                <p className=\"text-sm text-text-primary\">{item.label}</p>\n                {item.timestamp && (\n                  <time className=\"text-[10px] text-text-tertiary font-mono shrink-0\">\n                    {new Date(item.timestamp).toLocaleTimeString()}\n                  </time>\n                )}\n              </div>\n              {item.detail && <div className=\"mt-1\">{item.detail}</div>}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n","import { useParams, Link } from 'react-router-dom';\nimport { useTask } from '../../api/tasks';\nimport { StatusBadge } from '../../components/common/display/StatusBadge';\nimport { PriorityBadge } from '../../components/common/display/PriorityBadge';\nimport { Field } from '../../components/common/data/Field';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { SectionLabel } from '../../components/common/layout/SectionLabel';\nimport { Timeline, type TimelineItem } from '../../components/common/display/Timeline';\n\nexport function TaskDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { data: task, isLoading } = useTask(id!);\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!task) {\n    return <p className=\"text-sm text-text-secondary\">Task not found.</p>;\n  }\n\n  const milestoneItems: TimelineItem[] = (task.milestones ?? []).map((m, i) => ({\n    id: i,\n    label: m.name,\n    timestamp: m.created_at,\n    detail: (\n      <span className=\"text-xs text-text-secondary font-mono\">\n        {typeof m.value === 'object' ? JSON.stringify(m.value) : String(m.value)}\n      </span>\n    ),\n    category: 'user' as const,\n  }));\n\n  return (\n    <div>\n      <PageHeader title=\"Task Detail\" />\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-12\">\n        {/* Left column — metadata */}\n        <div className=\"lg:col-span-2 space-y-10\">\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-6\">\n            <Field label=\"Status\" value={<StatusBadge status={task.status} />} />\n            <Field label=\"Priority\" value={<PriorityBadge priority={task.priority} />} />\n            <Field label=\"Workflow Type\" value={<span className=\"font-mono text-xs\">{task.workflow_type}</span>} />\n            <Field label=\"LT Type\" value={<span className=\"font-mono text-xs\">{task.lt_type}</span>} />\n            <Field label=\"Task Queue\" value={<span className=\"font-mono text-xs\">{task.task_queue}</span>} />\n            <Field label=\"Workflow ID\" value={<span className=\"font-mono text-xs break-all\">{task.workflow_id}</span>} />\n            <Field label=\"Started\" value={task.started_at ? new Date(task.started_at).toLocaleString() : '—'} />\n            <Field label=\"Completed\" value={task.completed_at ? new Date(task.completed_at).toLocaleString() : '—'} />\n            <Field label=\"Signal ID\" value={<span className=\"font-mono text-xs break-all\">{task.signal_id}</span>} />\n          </div>\n\n          {task.error && (\n            <div>\n              <SectionLabel className=\"mb-2 text-status-error\">Error</SectionLabel>\n              <p className=\"text-sm text-text-primary font-mono\">{task.error}</p>\n            </div>\n          )}\n\n          {milestoneItems.length > 0 && (\n            <div>\n              <SectionLabel className=\"mb-4\">Milestones</SectionLabel>\n              <Timeline items={milestoneItems} />\n            </div>\n          )}\n\n          <Link\n            to={`/workflows/executions/${task.workflow_id}`}\n            className=\"btn-secondary inline-block text-xs\"\n          >\n            View Workflow Execution\n          </Link>\n        </div>\n\n        {/* Right column — payloads */}\n        <div className=\"space-y-8\">\n          <JsonViewer data={task.envelope} label=\"Envelope\" />\n          {task.metadata && <JsonViewer data={task.metadata} label=\"Metadata\" />}\n          {task.data && <JsonViewer data={task.data} label=\"Result Data\" />}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Field","label","value","jsx","SectionLabel","Timeline","items","jsxs","item","TaskDetailPage","id","useParams","task","isLoading","useTask","milestoneItems","m","i","PageHeader","StatusBadge","PriorityBadge","Link","JsonViewer"],"mappings":"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"}
+{"version":3,"file":"TaskDetailPage-B_xQtJMg.js","sources":["../../src/components/common/data/Field.tsx","../../src/components/common/display/Timeline.tsx","../../src/pages/workflows/TaskDetailPage.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { SectionLabel } from '../layout/SectionLabel';\n\ninterface FieldProps {\n  label: string;\n  value: ReactNode;\n}\n\nexport function Field({ label, value }: FieldProps) {\n  return (\n    <div>\n      <SectionLabel className=\"mb-1\">{label}</SectionLabel>\n      <div className=\"text-sm text-text-primary\">{value ?? '—'}</div>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\nexport interface TimelineItem {\n  id: string | number;\n  label: string;\n  timestamp?: string;\n  detail?: ReactNode;\n  category?: 'system' | 'user';\n}\n\nexport function Timeline({ items }: { items: TimelineItem[] }) {\n  if (items.length === 0) return null;\n\n  return (\n    <div className=\"relative\">\n      {/* Vertical line */}\n      <div className=\"absolute left-[7px] top-3 bottom-3 w-px bg-surface-border\" />\n\n      <div className=\"space-y-0\">\n        {items.map((item) => (\n          <div key={item.id} className=\"relative flex gap-4 py-3\">\n            {/* Dot */}\n            <div className=\"relative z-10 mt-1\">\n              <div\n                className={`w-[15px] h-[15px] rounded-full border-2 ${\n                  item.category === 'system'\n                    ? 'border-accent-muted bg-surface-raised'\n                    : 'border-accent bg-accent'\n                }`}\n              />\n            </div>\n\n            {/* Content */}\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"flex items-baseline gap-3\">\n                <p className=\"text-sm text-text-primary\">{item.label}</p>\n                {item.timestamp && (\n                  <time className=\"text-[10px] text-text-tertiary font-mono shrink-0\">\n                    {new Date(item.timestamp).toLocaleTimeString()}\n                  </time>\n                )}\n              </div>\n              {item.detail && <div className=\"mt-1\">{item.detail}</div>}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n","import { useParams, Link } from 'react-router-dom';\nimport { useTask } from '../../api/tasks';\nimport { StatusBadge } from '../../components/common/display/StatusBadge';\nimport { PriorityBadge } from '../../components/common/display/PriorityBadge';\nimport { Field } from '../../components/common/data/Field';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { SectionLabel } from '../../components/common/layout/SectionLabel';\nimport { Timeline, type TimelineItem } from '../../components/common/display/Timeline';\n\nexport function TaskDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { data: task, isLoading } = useTask(id!);\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!task) {\n    return <p className=\"text-sm text-text-secondary\">Task not found.</p>;\n  }\n\n  const milestoneItems: TimelineItem[] = (task.milestones ?? []).map((m, i) => ({\n    id: i,\n    label: m.name,\n    timestamp: m.created_at,\n    detail: (\n      <span className=\"text-xs text-text-secondary font-mono\">\n        {typeof m.value === 'object' ? JSON.stringify(m.value) : String(m.value)}\n      </span>\n    ),\n    category: 'user' as const,\n  }));\n\n  return (\n    <div>\n      <PageHeader title=\"Task Detail\" />\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-12\">\n        {/* Left column — metadata */}\n        <div className=\"lg:col-span-2 space-y-10\">\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-6\">\n            <Field label=\"Status\" value={<StatusBadge status={task.status} />} />\n            <Field label=\"Priority\" value={<PriorityBadge priority={task.priority} />} />\n            <Field label=\"Workflow Type\" value={<span className=\"font-mono text-xs\">{task.workflow_type}</span>} />\n            <Field label=\"LT Type\" value={<span className=\"font-mono text-xs\">{task.lt_type}</span>} />\n            <Field label=\"Task Queue\" value={<span className=\"font-mono text-xs\">{task.task_queue}</span>} />\n            <Field label=\"Workflow ID\" value={<span className=\"font-mono text-xs break-all\">{task.workflow_id}</span>} />\n            <Field label=\"Started\" value={task.started_at ? new Date(task.started_at).toLocaleString() : '—'} />\n            <Field label=\"Completed\" value={task.completed_at ? new Date(task.completed_at).toLocaleString() : '—'} />\n            <Field label=\"Signal ID\" value={<span className=\"font-mono text-xs break-all\">{task.signal_id}</span>} />\n          </div>\n\n          {task.error && (\n            <div>\n              <SectionLabel className=\"mb-2 text-status-error\">Error</SectionLabel>\n              <p className=\"text-sm text-text-primary font-mono\">{task.error}</p>\n            </div>\n          )}\n\n          {milestoneItems.length > 0 && (\n            <div>\n              <SectionLabel className=\"mb-4\">Milestones</SectionLabel>\n              <Timeline items={milestoneItems} />\n            </div>\n          )}\n\n          <Link\n            to={`/workflows/executions/${task.workflow_id}`}\n            className=\"btn-secondary inline-block text-xs\"\n          >\n            View Workflow Execution\n          </Link>\n        </div>\n\n        {/* Right column — payloads */}\n        <div className=\"space-y-8\">\n          <JsonViewer data={task.envelope} label=\"Envelope\" />\n          {task.metadata && <JsonViewer data={task.metadata} label=\"Metadata\" />}\n          {task.data && <JsonViewer data={task.data} label=\"Result Data\" />}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Field","label","value","jsx","SectionLabel","Timeline","items","jsxs","item","TaskDetailPage","id","useParams","task","isLoading","useTask","milestoneItems","m","i","PageHeader","StatusBadge","PriorityBadge","Link","JsonViewer"],"mappings":"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"}

package/dashboard/dist/assets/{TaskQueuePill-CQrXrSxk.js → TaskQueuePill-CGlxXqWt.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{R as a}from"./vendor-icons-D5ycKPA2.js";function p({queue:t,size:s="sm"}){const r=s==="md"?"px-2.5 py-0.5 text-[11px] gap-1.5":"px-2 py-0.5 text-[10px] gap-1",o=s==="md"?"w-3 h-3":"w-2.5 h-2.5";return e.jsxs("span",{className:`inline-flex items-center ${r} font-mono border-y border-surface-border/50 text-text-secondary`,children:[e.jsx(a,{className:`${o} shrink-0 text-accent/75`}),t]})}export{p as T};
-//# sourceMappingURL=TaskQueuePill-CQrXrSxk.js.map
+import{j as e}from"./vendor-query-B2UbickB.js";import{R as a}from"./vendor-icons--Ivmp-RX.js";function p({queue:t,size:s="sm"}){const r=s==="md"?"px-2.5 py-0.5 text-[11px] gap-1.5":"px-2 py-0.5 text-[10px] gap-1",o=s==="md"?"w-3 h-3":"w-2.5 h-2.5";return e.jsxs("span",{className:`inline-flex items-center ${r} font-mono border-y border-surface-border/50 text-text-secondary`,children:[e.jsx(a,{className:`${o} shrink-0 text-accent/75`}),t]})}export{p as T};
+//# sourceMappingURL=TaskQueuePill-CGlxXqWt.js.map

package/dashboard/dist/assets/{TaskQueuePill-CQrXrSxk.js.map → TaskQueuePill-CGlxXqWt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TaskQueuePill-CQrXrSxk.js","sources":["../../src/components/common/display/TaskQueuePill.tsx"],"sourcesContent":["import { Radio } from 'lucide-react';\n\ninterface TaskQueuePillProps {\n  queue: string;\n  size?: 'sm' | 'md';\n}\n\nexport function TaskQueuePill({ queue, size = 'sm' }: TaskQueuePillProps) {\n  const sizeClass = size === 'md'\n    ? 'px-2.5 py-0.5 text-[11px] gap-1.5'\n    : 'px-2 py-0.5 text-[10px] gap-1';\n  const iconClass = size === 'md' ? 'w-3 h-3' : 'w-2.5 h-2.5';\n\n  return (\n    <span className={`inline-flex items-center ${sizeClass} font-mono border-y border-surface-border/50 text-text-secondary`}>\n      <Radio className={`${iconClass} shrink-0 text-accent/75`} />\n      {queue}\n    </span>\n  );\n}\n"],"names":["TaskQueuePill","queue","size","sizeClass","iconClass","jsxs","jsx","Radio"],"mappings":"8FAOO,SAASA,EAAc,CAAE,MAAAC,EAAO,KAAAC,EAAO,MAA4B,CACxE,MAAMC,EAAYD,IAAS,KACvB,oCACA,gCACEE,EAAYF,IAAS,KAAO,UAAY,cAE9C,OACEG,EAAAA,KAAC,OAAA,CAAK,UAAW,4BAA4BF,CAAS,mEACpD,SAAA,CAAAG,EAAAA,IAACC,EAAA,CAAM,UAAW,GAAGH,CAAS,2BAA4B,EACzDH,CAAA,EACH,CAEJ"}
+{"version":3,"file":"TaskQueuePill-CGlxXqWt.js","sources":["../../src/components/common/display/TaskQueuePill.tsx"],"sourcesContent":["import { Radio } from 'lucide-react';\n\ninterface TaskQueuePillProps {\n  queue: string;\n  size?: 'sm' | 'md';\n}\n\nexport function TaskQueuePill({ queue, size = 'sm' }: TaskQueuePillProps) {\n  const sizeClass = size === 'md'\n    ? 'px-2.5 py-0.5 text-[11px] gap-1.5'\n    : 'px-2 py-0.5 text-[10px] gap-1';\n  const iconClass = size === 'md' ? 'w-3 h-3' : 'w-2.5 h-2.5';\n\n  return (\n    <span className={`inline-flex items-center ${sizeClass} font-mono border-y border-surface-border/50 text-text-secondary`}>\n      <Radio className={`${iconClass} shrink-0 text-accent/75`} />\n      {queue}\n    </span>\n  );\n}\n"],"names":["TaskQueuePill","queue","size","sizeClass","iconClass","jsxs","jsx","Radio"],"mappings":"8FAOO,SAASA,EAAc,CAAE,MAAAC,EAAO,KAAAC,EAAO,MAA4B,CACxE,MAAMC,EAAYD,IAAS,KACvB,oCACA,gCACEE,EAAYF,IAAS,KAAO,UAAY,cAE9C,OACEG,EAAAA,KAAC,OAAA,CAAK,UAAW,4BAA4BF,CAAS,mEACpD,SAAA,CAAAG,EAAAA,IAACC,EAAA,CAAM,UAAW,GAAGH,CAAS,2BAA4B,EACzDH,CAAA,EACH,CAEJ"}

package/dashboard/dist/assets/{TasksListPage-Bem44zd0.js → TasksListPage-CsrdIOKk.js}

@@ -1,2 +1,2 @@
-import{j as t}from"./vendor-query-B2UbickB.js";import{c as u}from"./tasks-JV3BjeEF.js";import{u as g}from"./workflows-DF-9Voyi.js";import{u as w}from"./useFilterParams-x-Dg0Vgz.js";import{D as y}from"./DataTable-D9yuBv0w.js";import{S as c}from"./StatusBadge-Bl3FXVmF.js";import{P as k}from"./PriorityBadge-DfQY9St9.js";import{T as n}from"./TimeAgo-CUIYqSt_.js";import{S as x}from"./StickyPagination-BWhFSr2d.js";import{F as P,b as p}from"./FilterBar-Ck4K4rzu.js";import{P as b}from"./PageHeader-Dk2Pe44Q.js";import{W as _}from"./WorkflowPill-CS-IsR0U.js";import{c as j}from"./vendor-react-CXumBFUA.js";import"./index-D1xVY4JR.js";import"./vendor-icons-D5ycKPA2.js";import"./EmptyState-BcsfPq9T.js";const v=[{value:"pending",label:"Pending"},{value:"in_progress",label:"In Progress"},{value:"completed",label:"Completed"},{value:"needs_intervention",label:"Needs Intervention"},{value:"cancelled",label:"Cancelled"}],S=[{key:"status",label:"Status",render:e=>t.jsx(c,{status:e.status}),className:"w-40"},{key:"workflow_type",label:"Workflow Type",render:e=>t.jsx(_,{type:e.workflow_type})},{key:"lt_type",label:"LT Type",render:e=>t.jsx("span",{className:"text-text-secondary text-xs",children:e.lt_type})},{key:"priority",label:"Priority",render:e=>t.jsx(k,{priority:e.priority}),className:"w-20"},{key:"started_at",label:"Started",render:e=>t.jsx(n,{date:e.started_at}),className:"w-28"},{key:"updated_at",label:"Updated",render:e=>t.jsx(n,{date:e.updated_at}),className:"w-28"}];function O(){const e=j(),{filters:r,setFilter:l,pagination:s}=w({filters:{status:"",workflow_type:""}}),{data:m}=g(),d=[...new Set((m??[]).map(a=>a.workflow_type))].sort(),{data:o,isLoading:f}=u({status:r.status||void 0,workflow_type:r.workflow_type||void 0,limit:s.pageSize,offset:s.offset}),i=(o==null?void 0:o.total)??0;return t.jsxs("div",{children:[t.jsx(b,{title:"Tasks"}),t.jsxs(P,{children:[t.jsx(p,{label:"Status",value:r.status,onChange:a=>l("status",a),options:v}),t.jsx(p,{label:"Workflow Type",value:r.workflow_type,onChange:a=>l("workflow_type",a),options:d.map(a=>({value:a,label:a}))})]}),t.jsx(y,{columns:S,data:(o==null?void 0:o.tasks)??[],keyFn:a=>a.id,onRowClick:a=>e(`/workflows/tasks/detail/${a.id}`),isLoading:f,emptyMessage:"No tasks found"}),t.jsx(x,{page:s.page,totalPages:s.totalPages(i),onPageChange:s.setPage,total:i,pageSize:s.pageSize,onPageSizeChange:s.setPageSize})]})}export{O as TasksListPage};
-//# sourceMappingURL=TasksListPage-Bem44zd0.js.map
+import{j as t}from"./vendor-query-B2UbickB.js";import{c as u}from"./tasks-1eTuP02d.js";import{u as g}from"./workflows-C4rjvQbI.js";import{u as w}from"./useFilterParams-x-Dg0Vgz.js";import{D as y}from"./DataTable-ZWgVQg7F.js";import{S as c}from"./StatusBadge-Bl3FXVmF.js";import{P as k}from"./PriorityBadge-B4ykBH7f.js";import{T as n}from"./TimeAgo-DmicaxjT.js";import{S as x}from"./StickyPagination-BEMY1L-H.js";import{F as P,b as p}from"./FilterBar-BQ2JGg8U.js";import{P as b}from"./PageHeader-B_1zTx2q.js";import{W as _}from"./WorkflowPill-DDR0B6DN.js";import{c as j}from"./vendor-react-CXumBFUA.js";import"./index-B1kc6itM.js";import"./vendor-icons--Ivmp-RX.js";import"./EmptyState-BcsfPq9T.js";const v=[{value:"pending",label:"Pending"},{value:"in_progress",label:"In Progress"},{value:"completed",label:"Completed"},{value:"needs_intervention",label:"Needs Intervention"},{value:"cancelled",label:"Cancelled"}],S=[{key:"status",label:"Status",render:e=>t.jsx(c,{status:e.status}),className:"w-40"},{key:"workflow_type",label:"Workflow Type",render:e=>t.jsx(_,{type:e.workflow_type})},{key:"lt_type",label:"LT Type",render:e=>t.jsx("span",{className:"text-text-secondary text-xs",children:e.lt_type})},{key:"priority",label:"Priority",render:e=>t.jsx(k,{priority:e.priority}),className:"w-20"},{key:"started_at",label:"Started",render:e=>t.jsx(n,{date:e.started_at}),className:"w-28"},{key:"updated_at",label:"Updated",render:e=>t.jsx(n,{date:e.updated_at}),className:"w-28"}];function O(){const e=j(),{filters:r,setFilter:l,pagination:s}=w({filters:{status:"",workflow_type:""}}),{data:m}=g(),d=[...new Set((m??[]).map(a=>a.workflow_type))].sort(),{data:o,isLoading:f}=u({status:r.status||void 0,workflow_type:r.workflow_type||void 0,limit:s.pageSize,offset:s.offset}),i=(o==null?void 0:o.total)??0;return t.jsxs("div",{children:[t.jsx(b,{title:"Tasks"}),t.jsxs(P,{children:[t.jsx(p,{label:"Status",value:r.status,onChange:a=>l("status",a),options:v}),t.jsx(p,{label:"Workflow Type",value:r.workflow_type,onChange:a=>l("workflow_type",a),options:d.map(a=>({value:a,label:a}))})]}),t.jsx(y,{columns:S,data:(o==null?void 0:o.tasks)??[],keyFn:a=>a.id,onRowClick:a=>e(`/workflows/tasks/detail/${a.id}`),isLoading:f,emptyMessage:"No tasks found"}),t.jsx(x,{page:s.page,totalPages:s.totalPages(i),onPageChange:s.setPage,total:i,pageSize:s.pageSize,onPageSizeChange:s.setPageSize})]})}export{O as TasksListPage};
+//# sourceMappingURL=TasksListPage-CsrdIOKk.js.map

package/dashboard/dist/assets/{TasksListPage-Bem44zd0.js.map → TasksListPage-CsrdIOKk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TasksListPage-Bem44zd0.js","sources":["../../src/pages/workflows/TasksListPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { useTasks } from '../../api/tasks';\nimport { useWorkflowConfigs } from '../../api/workflows';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { StatusBadge } from '../../components/common/display/StatusBadge';\nimport { PriorityBadge } from '../../components/common/display/PriorityBadge';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\nimport type { LTTaskRecord } from '../../api/types';\n\nconst statusOptions = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'in_progress', label: 'In Progress' },\n  { value: 'completed', label: 'Completed' },\n  { value: 'needs_intervention', label: 'Needs Intervention' },\n  { value: 'cancelled', label: 'Cancelled' },\n];\n\nconst columns: Column<LTTaskRecord>[] = [\n  {\n    key: 'status',\n    label: 'Status',\n    render: (row) => <StatusBadge status={row.status} />,\n    className: 'w-40',\n  },\n  {\n    key: 'workflow_type',\n    label: 'Workflow Type',\n    render: (row) => <WorkflowPill type={row.workflow_type} />,\n  },\n  {\n    key: 'lt_type',\n    label: 'LT Type',\n    render: (row) => (\n      <span className=\"text-text-secondary text-xs\">{row.lt_type}</span>\n    ),\n  },\n  {\n    key: 'priority',\n    label: 'Priority',\n    render: (row) => <PriorityBadge priority={row.priority} />,\n    className: 'w-20',\n  },\n  {\n    key: 'started_at',\n    label: 'Started',\n    render: (row) => <TimeAgo date={row.started_at} />,\n    className: 'w-28',\n  },\n  {\n    key: 'updated_at',\n    label: 'Updated',\n    render: (row) => <TimeAgo date={row.updated_at} />,\n    className: 'w-28',\n  },\n];\n\nexport function TasksListPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', workflow_type: '' },\n  });\n\n  const { data: configs } = useWorkflowConfigs();\n  const workflowTypes = [...new Set((configs ?? []).map((c) => c.workflow_type))].sort();\n\n  const { data, isLoading } = useTasks({\n    status: filters.status || undefined,\n    workflow_type: filters.workflow_type || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"Tasks\" />\n\n      <FilterBar>\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={statusOptions}\n        />\n        <FilterSelect\n          label=\"Workflow Type\"\n          value={filters.workflow_type}\n          onChange={(v) => setFilter('workflow_type', v)}\n          options={workflowTypes.map((t) => ({ value: t, label: t }))}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.tasks ?? []}\n        keyFn={(row) => row.id}\n        onRowClick={(row) => navigate(`/workflows/tasks/detail/${row.id}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No tasks found\"\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["statusOptions","columns","row","StatusBadge","WorkflowPill","jsx","PriorityBadge","TimeAgo","TasksListPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","configs","useWorkflowConfigs","workflowTypes","c","data","isLoading","useTasks","total","PageHeader","FilterBar","FilterSelect","v","t","DataTable","StickyPagination"],"mappings":"0rBAcA,MAAMA,EAAgB,CACpB,CAAE,MAAO,UAAW,MAAO,SAAA,EAC3B,CAAE,MAAO,cAAe,MAAO,aAAA,EAC/B,CAAE,MAAO,YAAa,MAAO,WAAA,EAC7B,CAAE,MAAO,qBAAsB,MAAO,oBAAA,EACtC,CAAE,MAAO,YAAa,MAAO,WAAA,CAC/B,EAEMC,EAAkC,CACtC,CACE,IAAK,SACL,MAAO,SACP,OAASC,SAASC,EAAA,CAAY,OAAQD,EAAI,OAAQ,EAClD,UAAW,MAAA,EAEb,CACE,IAAK,gBACL,MAAO,gBACP,OAASA,SAASE,EAAA,CAAa,KAAMF,EAAI,aAAA,CAAe,CAAA,EAE1D,CACE,IAAK,UACL,MAAO,UACP,OAASA,GACPG,EAAAA,IAAC,QAAK,UAAU,8BAA+B,WAAI,OAAA,CAAQ,CAAA,EAG/D,CACE,IAAK,WACL,MAAO,WACP,OAASH,SAASI,EAAA,CAAc,SAAUJ,EAAI,SAAU,EACxD,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,OAASA,SAASK,EAAA,CAAQ,KAAML,EAAI,WAAY,EAChD,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,OAASA,SAASK,EAAA,CAAQ,KAAML,EAAI,WAAY,EAChD,UAAW,MAAA,CAEf,EAEO,SAASM,GAAgB,CAC9B,MAAMC,EAAWC,EAAA,EACX,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,CAAA,EAAeC,EAAgB,CACzD,QAAS,CAAE,OAAQ,GAAI,cAAe,EAAA,CAAG,CAC1C,EAEK,CAAE,KAAMC,CAAA,EAAYC,EAAA,EACpBC,EAAgB,CAAC,GAAG,IAAI,KAAKF,GAAW,CAAA,GAAI,IAAKG,GAAMA,EAAE,aAAa,CAAC,CAAC,EAAE,KAAA,EAE1E,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,EAAS,CACnC,OAAQV,EAAQ,QAAU,OAC1B,cAAeA,EAAQ,eAAiB,OACxC,MAAOE,EAAW,SAClB,OAAQA,EAAW,MAAA,CACpB,EAEKS,GAAQH,GAAA,YAAAA,EAAM,QAAS,EAE7B,cACG,MAAA,CACC,SAAA,CAAAd,EAAAA,IAACkB,EAAA,CAAW,MAAM,OAAA,CAAQ,SAEzBC,EAAA,CACC,SAAA,CAAAnB,EAAAA,IAACoB,EAAA,CACC,MAAM,SACN,MAAOd,EAAQ,OACf,SAAWe,GAAMd,EAAU,SAAUc,CAAC,EACtC,QAAS1B,CAAA,CAAA,EAEXK,EAAAA,IAACoB,EAAA,CACC,MAAM,gBACN,MAAOd,EAAQ,cACf,SAAWe,GAAMd,EAAU,gBAAiBc,CAAC,EAC7C,QAAST,EAAc,IAAKU,IAAO,CAAE,MAAOA,EAAG,MAAOA,GAAI,CAAA,CAAA,CAC5D,EACF,EAEAtB,EAAAA,IAACuB,EAAA,CACC,QAAA3B,EACA,MAAMkB,GAAA,YAAAA,EAAM,QAAS,CAAA,EACrB,MAAQjB,GAAQA,EAAI,GACpB,WAAaA,GAAQO,EAAS,2BAA2BP,EAAI,EAAE,EAAE,EACjE,UAAAkB,EACA,aAAa,gBAAA,CAAA,EAGff,EAAAA,IAACwB,EAAA,CACC,KAAMhB,EAAW,KACjB,WAAYA,EAAW,WAAWS,CAAK,EACvC,aAAcT,EAAW,QACzB,MAAAS,EACA,SAAUT,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,CAEJ"}
+{"version":3,"file":"TasksListPage-CsrdIOKk.js","sources":["../../src/pages/workflows/TasksListPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { useTasks } from '../../api/tasks';\nimport { useWorkflowConfigs } from '../../api/workflows';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { StatusBadge } from '../../components/common/display/StatusBadge';\nimport { PriorityBadge } from '../../components/common/display/PriorityBadge';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\nimport type { LTTaskRecord } from '../../api/types';\n\nconst statusOptions = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'in_progress', label: 'In Progress' },\n  { value: 'completed', label: 'Completed' },\n  { value: 'needs_intervention', label: 'Needs Intervention' },\n  { value: 'cancelled', label: 'Cancelled' },\n];\n\nconst columns: Column<LTTaskRecord>[] = [\n  {\n    key: 'status',\n    label: 'Status',\n    render: (row) => <StatusBadge status={row.status} />,\n    className: 'w-40',\n  },\n  {\n    key: 'workflow_type',\n    label: 'Workflow Type',\n    render: (row) => <WorkflowPill type={row.workflow_type} />,\n  },\n  {\n    key: 'lt_type',\n    label: 'LT Type',\n    render: (row) => (\n      <span className=\"text-text-secondary text-xs\">{row.lt_type}</span>\n    ),\n  },\n  {\n    key: 'priority',\n    label: 'Priority',\n    render: (row) => <PriorityBadge priority={row.priority} />,\n    className: 'w-20',\n  },\n  {\n    key: 'started_at',\n    label: 'Started',\n    render: (row) => <TimeAgo date={row.started_at} />,\n    className: 'w-28',\n  },\n  {\n    key: 'updated_at',\n    label: 'Updated',\n    render: (row) => <TimeAgo date={row.updated_at} />,\n    className: 'w-28',\n  },\n];\n\nexport function TasksListPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', workflow_type: '' },\n  });\n\n  const { data: configs } = useWorkflowConfigs();\n  const workflowTypes = [...new Set((configs ?? []).map((c) => c.workflow_type))].sort();\n\n  const { data, isLoading } = useTasks({\n    status: filters.status || undefined,\n    workflow_type: filters.workflow_type || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"Tasks\" />\n\n      <FilterBar>\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={statusOptions}\n        />\n        <FilterSelect\n          label=\"Workflow Type\"\n          value={filters.workflow_type}\n          onChange={(v) => setFilter('workflow_type', v)}\n          options={workflowTypes.map((t) => ({ value: t, label: t }))}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.tasks ?? []}\n        keyFn={(row) => row.id}\n        onRowClick={(row) => navigate(`/workflows/tasks/detail/${row.id}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No tasks found\"\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["statusOptions","columns","row","StatusBadge","WorkflowPill","jsx","PriorityBadge","TimeAgo","TasksListPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","configs","useWorkflowConfigs","workflowTypes","c","data","isLoading","useTasks","total","PageHeader","FilterBar","FilterSelect","v","t","DataTable","StickyPagination"],"mappings":"0rBAcA,MAAMA,EAAgB,CACpB,CAAE,MAAO,UAAW,MAAO,SAAA,EAC3B,CAAE,MAAO,cAAe,MAAO,aAAA,EAC/B,CAAE,MAAO,YAAa,MAAO,WAAA,EAC7B,CAAE,MAAO,qBAAsB,MAAO,oBAAA,EACtC,CAAE,MAAO,YAAa,MAAO,WAAA,CAC/B,EAEMC,EAAkC,CACtC,CACE,IAAK,SACL,MAAO,SACP,OAASC,SAASC,EAAA,CAAY,OAAQD,EAAI,OAAQ,EAClD,UAAW,MAAA,EAEb,CACE,IAAK,gBACL,MAAO,gBACP,OAASA,SAASE,EAAA,CAAa,KAAMF,EAAI,aAAA,CAAe,CAAA,EAE1D,CACE,IAAK,UACL,MAAO,UACP,OAASA,GACPG,EAAAA,IAAC,QAAK,UAAU,8BAA+B,WAAI,OAAA,CAAQ,CAAA,EAG/D,CACE,IAAK,WACL,MAAO,WACP,OAASH,SAASI,EAAA,CAAc,SAAUJ,EAAI,SAAU,EACxD,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,OAASA,SAASK,EAAA,CAAQ,KAAML,EAAI,WAAY,EAChD,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,OAASA,SAASK,EAAA,CAAQ,KAAML,EAAI,WAAY,EAChD,UAAW,MAAA,CAEf,EAEO,SAASM,GAAgB,CAC9B,MAAMC,EAAWC,EAAA,EACX,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,CAAA,EAAeC,EAAgB,CACzD,QAAS,CAAE,OAAQ,GAAI,cAAe,EAAA,CAAG,CAC1C,EAEK,CAAE,KAAMC,CAAA,EAAYC,EAAA,EACpBC,EAAgB,CAAC,GAAG,IAAI,KAAKF,GAAW,CAAA,GAAI,IAAKG,GAAMA,EAAE,aAAa,CAAC,CAAC,EAAE,KAAA,EAE1E,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,EAAS,CACnC,OAAQV,EAAQ,QAAU,OAC1B,cAAeA,EAAQ,eAAiB,OACxC,MAAOE,EAAW,SAClB,OAAQA,EAAW,MAAA,CACpB,EAEKS,GAAQH,GAAA,YAAAA,EAAM,QAAS,EAE7B,cACG,MAAA,CACC,SAAA,CAAAd,EAAAA,IAACkB,EAAA,CAAW,MAAM,OAAA,CAAQ,SAEzBC,EAAA,CACC,SAAA,CAAAnB,EAAAA,IAACoB,EAAA,CACC,MAAM,SACN,MAAOd,EAAQ,OACf,SAAWe,GAAMd,EAAU,SAAUc,CAAC,EACtC,QAAS1B,CAAA,CAAA,EAEXK,EAAAA,IAACoB,EAAA,CACC,MAAM,gBACN,MAAOd,EAAQ,cACf,SAAWe,GAAMd,EAAU,gBAAiBc,CAAC,EAC7C,QAAST,EAAc,IAAKU,IAAO,CAAE,MAAOA,EAAG,MAAOA,GAAI,CAAA,CAAA,CAC5D,EACF,EAEAtB,EAAAA,IAACuB,EAAA,CACC,QAAA3B,EACA,MAAMkB,GAAA,YAAAA,EAAM,QAAS,CAAA,EACrB,MAAQjB,GAAQA,EAAI,GACpB,WAAaA,GAAQO,EAAS,2BAA2BP,EAAI,EAAE,EAAE,EACjE,UAAAkB,EACA,aAAa,gBAAA,CAAA,EAGff,EAAAA,IAACwB,EAAA,CACC,KAAMhB,EAAW,KACjB,WAAYA,EAAW,WAAWS,CAAK,EACvC,aAAcT,EAAW,QACzB,MAAAS,EACA,SAAUT,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,CAEJ"}

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

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

package/dashboard/dist/assets/{TimeAgo-CUIYqSt_.js.map → TimeAgo-DmicaxjT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TimeAgo-CUIYqSt_.js","sources":["../../src/components/common/display/TimeAgo.tsx"],"sourcesContent":["import { DateValue } from './DateValue';\n\n/**\n * Relative time display (\"5 minutes ago\").\n * Thin wrapper around DateValue for backward compatibility.\n */\nexport function TimeAgo({ date, className = '' }: { date: string; className?: string }) {\n  return <DateValue date={date} format=\"relative\" className={className} />;\n}\n"],"names":["TimeAgo","date","className","jsx","DateValue"],"mappings":"uFAMO,SAASA,EAAQ,CAAE,KAAAC,EAAM,UAAAC,EAAY,IAA4C,CACtF,OAAOC,EAAAA,IAACC,EAAA,CAAU,KAAAH,EAAY,OAAO,WAAW,UAAAC,EAAsB,CACxE"}
+{"version":3,"file":"TimeAgo-DmicaxjT.js","sources":["../../src/components/common/display/TimeAgo.tsx"],"sourcesContent":["import { DateValue } from './DateValue';\n\n/**\n * Relative time display (\"5 minutes ago\").\n * Thin wrapper around DateValue for backward compatibility.\n */\nexport function TimeAgo({ date, className = '' }: { date: string; className?: string }) {\n  return <DateValue date={date} format=\"relative\" className={className} />;\n}\n"],"names":["TimeAgo","date","className","jsx","DateValue"],"mappings":"uFAMO,SAASA,EAAQ,CAAE,KAAAC,EAAM,UAAAC,EAAY,IAA4C,CACtF,OAAOC,EAAAA,IAACC,EAAA,CAAU,KAAAH,EAAY,OAAO,WAAW,UAAAC,EAAsB,CACxE"}

package/dashboard/dist/assets/{TimestampCell--tnreI1i.js → TimestampCell-DeK89eRV.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{c as r}from"./index-D1xVY4JR.js";function o({date:t}){return e.jsxs("div",{children:[e.jsx(r,{date:t,format:"relative"}),e.jsxs("p",{className:"text-[9px] font-mono text-text-secondary mt-0.5 whitespace-nowrap",children:[new Date(t).toISOString().replace("T"," ").slice(0,19)," UTC"]})]})}export{o as T};
-//# sourceMappingURL=TimestampCell--tnreI1i.js.map
+import{j as e}from"./vendor-query-B2UbickB.js";import{b as r}from"./index-B1kc6itM.js";function o({date:t}){return e.jsxs("div",{children:[e.jsx(r,{date:t,format:"relative"}),e.jsxs("p",{className:"text-[9px] font-mono text-text-secondary mt-0.5 whitespace-nowrap",children:[new Date(t).toISOString().replace("T"," ").slice(0,19)," UTC"]})]})}export{o as T};
+//# sourceMappingURL=TimestampCell-DeK89eRV.js.map

package/dashboard/dist/assets/{TimestampCell--tnreI1i.js.map → TimestampCell-DeK89eRV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TimestampCell--tnreI1i.js","sources":["../../src/components/common/display/TimestampCell.tsx"],"sourcesContent":["import { DateValue } from './DateValue';\n\ninterface TimestampCellProps {\n  date: string;\n}\n\n/**\n * Standard timestamp cell for data tables.\n * Shows friendly \"ago\" text with UTC timestamp below.\n */\nexport function TimestampCell({ date }: TimestampCellProps) {\n  return (\n    <div>\n      <DateValue date={date} format=\"relative\" />\n      <p className=\"text-[9px] font-mono text-text-secondary mt-0.5 whitespace-nowrap\">\n        {new Date(date).toISOString().replace('T', ' ').slice(0, 19)} UTC\n      </p>\n    </div>\n  );\n}\n"],"names":["TimestampCell","date","jsx","DateValue","jsxs"],"mappings":"uFAUO,SAASA,EAAc,CAAE,KAAAC,GAA4B,CAC1D,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAU,KAAAF,EAAY,OAAO,UAAA,CAAW,EACzCG,EAAAA,KAAC,IAAA,CAAE,UAAU,oEACV,SAAA,CAAA,IAAI,KAAKH,CAAI,EAAE,cAAc,QAAQ,IAAK,GAAG,EAAE,MAAM,EAAG,EAAE,EAAE,MAAA,CAAA,CAC/D,CAAA,EACF,CAEJ"}
+{"version":3,"file":"TimestampCell-DeK89eRV.js","sources":["../../src/components/common/display/TimestampCell.tsx"],"sourcesContent":["import { DateValue } from './DateValue';\n\ninterface TimestampCellProps {\n  date: string;\n}\n\n/**\n * Standard timestamp cell for data tables.\n * Shows friendly \"ago\" text with UTC timestamp below.\n */\nexport function TimestampCell({ date }: TimestampCellProps) {\n  return (\n    <div>\n      <DateValue date={date} format=\"relative\" />\n      <p className=\"text-[9px] font-mono text-text-secondary mt-0.5 whitespace-nowrap\">\n        {new Date(date).toISOString().replace('T', ' ').slice(0, 19)} UTC\n      </p>\n    </div>\n  );\n}\n"],"names":["TimestampCell","date","jsx","DateValue","jsxs"],"mappings":"uFAUO,SAASA,EAAc,CAAE,KAAAC,GAA4B,CAC1D,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAU,KAAAF,EAAY,OAAO,UAAA,CAAW,EACzCG,EAAAA,KAAC,IAAA,CAAE,UAAU,oEACV,SAAA,CAAA,IAAI,KAAKH,CAAI,EAAE,cAAc,QAAQ,IAAK,GAAG,EAAE,MAAM,EAAG,EAAE,EAAE,MAAA,CAAA,CAC/D,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/{ToolPill-O09jsTQM.js → ToolPill-NV7PxSpA.js}

@@ -1,2 +1,2 @@
-import{j as s}from"./vendor-query-B2UbickB.js";import{ag as r}from"./vendor-icons-D5ycKPA2.js";function p({name:e,size:t="sm"}){const n=t==="md"?"px-2 py-0.5 text-[12px] gap-1.5":"px-1.5 py-px text-[11px] gap-1",o=t==="md"?"w-2.5 h-2.5":"w-2 h-2";return s.jsxs("span",{className:`inline-flex items-center ${n} font-mono text-text-secondary bg-surface-sunken/50 rounded-md`,children:[s.jsx(r,{className:`${o} shrink-0 text-text-quaternary`,strokeWidth:1.5}),e]})}export{p as T};
-//# sourceMappingURL=ToolPill-O09jsTQM.js.map
+import{j as s}from"./vendor-query-B2UbickB.js";import{ai as r}from"./vendor-icons--Ivmp-RX.js";function p({name:e,size:t="sm"}){const n=t==="md"?"px-2 py-0.5 text-[12px] gap-1.5":"px-1.5 py-px text-[11px] gap-1",o=t==="md"?"w-2.5 h-2.5":"w-2 h-2";return s.jsxs("span",{className:`inline-flex items-center ${n} font-mono text-text-secondary bg-surface-sunken/50 rounded-md`,children:[s.jsx(r,{className:`${o} shrink-0 text-text-quaternary`,strokeWidth:1.5}),e]})}export{p as T};
+//# sourceMappingURL=ToolPill-NV7PxSpA.js.map

package/dashboard/dist/assets/{ToolPill-O09jsTQM.js.map → ToolPill-NV7PxSpA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ToolPill-O09jsTQM.js","sources":["../../src/components/common/display/ToolPill.tsx"],"sourcesContent":["import { Wrench } from 'lucide-react';\n\ninterface ToolPillProps {\n  name: string;\n  size?: 'sm' | 'md';\n}\n\n/**\n * Universal MCP tool pill — displays a tool name with a subtle wrench icon.\n * Used across Capabilities page, MCP Server Tools, Pipeline Tools, etc.\n */\nexport function ToolPill({ name, size = 'sm' }: ToolPillProps) {\n  const sizeClass = size === 'md'\n    ? 'px-2 py-0.5 text-[12px] gap-1.5'\n    : 'px-1.5 py-px text-[11px] gap-1';\n  const iconClass = size === 'md' ? 'w-2.5 h-2.5' : 'w-2 h-2';\n\n  return (\n    <span className={`inline-flex items-center ${sizeClass} font-mono text-text-secondary bg-surface-sunken/50 rounded-md`}>\n      <Wrench className={`${iconClass} shrink-0 text-text-quaternary`} strokeWidth={1.5} />\n      {name}\n    </span>\n  );\n}\n"],"names":["ToolPill","name","size","sizeClass","iconClass","jsxs","jsx","Wrench"],"mappings":"+FAWO,SAASA,EAAS,CAAE,KAAAC,EAAM,KAAAC,EAAO,MAAuB,CAC7D,MAAMC,EAAYD,IAAS,KACvB,kCACA,iCACEE,EAAYF,IAAS,KAAO,cAAgB,UAElD,OACEG,EAAAA,KAAC,OAAA,CAAK,UAAW,4BAA4BF,CAAS,iEACpD,SAAA,CAAAG,MAACC,GAAO,UAAW,GAAGH,CAAS,iCAAkC,YAAa,IAAK,EAClFH,CAAA,EACH,CAEJ"}
+{"version":3,"file":"ToolPill-NV7PxSpA.js","sources":["../../src/components/common/display/ToolPill.tsx"],"sourcesContent":["import { Wrench } from 'lucide-react';\n\ninterface ToolPillProps {\n  name: string;\n  size?: 'sm' | 'md';\n}\n\n/**\n * Universal MCP tool pill — displays a tool name with a subtle wrench icon.\n * Used across Capabilities page, MCP Server Tools, Pipeline Tools, etc.\n */\nexport function ToolPill({ name, size = 'sm' }: ToolPillProps) {\n  const sizeClass = size === 'md'\n    ? 'px-2 py-0.5 text-[12px] gap-1.5'\n    : 'px-1.5 py-px text-[11px] gap-1';\n  const iconClass = size === 'md' ? 'w-2.5 h-2.5' : 'w-2 h-2';\n\n  return (\n    <span className={`inline-flex items-center ${sizeClass} font-mono text-text-secondary bg-surface-sunken/50 rounded-md`}>\n      <Wrench className={`${iconClass} shrink-0 text-text-quaternary`} strokeWidth={1.5} />\n      {name}\n    </span>\n  );\n}\n"],"names":["ToolPill","name","size","sizeClass","iconClass","jsxs","jsx","Wrench"],"mappings":"+FAWO,SAASA,EAAS,CAAE,KAAAC,EAAM,KAAAC,EAAO,MAAuB,CAC7D,MAAMC,EAAYD,IAAS,KACvB,kCACA,iCACEE,EAAYF,IAAS,KAAO,cAAgB,UAElD,OACEG,EAAAA,KAAC,OAAA,CAAK,UAAW,4BAA4BF,CAAS,iEACpD,SAAA,CAAAG,MAACC,GAAO,UAAW,GAAGH,CAAS,iCAAkC,YAAa,IAAK,EAClFH,CAAA,EACH,CAEJ"}

package/dashboard/dist/assets/{ToolTestPanel-OD99H7Pk.js → ToolTestPanel-D3s2n9-9.js}

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

package/dashboard/dist/assets/{ToolTestPanel-OD99H7Pk.js.map → ToolTestPanel-D3s2n9-9.js.map}

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

package/dashboard/dist/assets/{TopicDetailPage-rh_dsTJI.js → TopicDetailPage-qyv7UWT_.js}

@@ -1,9 +1,9 @@
-import{a,j as e}from"./vendor-query-B2UbickB.js";import{a as ue,b as he,c as be,d as fe}from"./topics-BDaPnhnQ.js";import{u as ge,c as y,J as H}from"./index-D1xVY4JR.js";import{L as je}from"./ListToolbar-BJaCzAXS.js";import{R as N,B as ve,O as ye,o as Ne,aR as ke,X as we,T as Se,f as Ce,aS as Pe,a as K,a9 as Ee,p as Te}from"./vendor-icons-D5ycKPA2.js";import{e as We,c as _e}from"./vendor-react-CXumBFUA.js";const qe={task:"bg-blue-400/15 text-blue-400",workflow:"bg-accent/15 text-accent",escalation:"bg-amber-400/15 text-amber-400",activity:"bg-cyan-400/15 text-cyan-400",knowledge:"bg-violet-400/15 text-violet-400",agent:"bg-emerald-400/15 text-emerald-400",app:"bg-rose-400/15 text-rose-400",milestone:"bg-violet-400/15 text-violet-400"};function k({icon:x,color:u,children:d}){return e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(x,{className:`w-4 h-4 ${u}`,strokeWidth:1.5}),e.jsx("h2",{className:"text-xs font-semibold uppercase tracking-widest text-accent/80",children:d})]})}function Me(){var F,Q,V,G;const{topic:x}=We(),u=x?decodeURIComponent(x):null,d=_e(),{data:t,isLoading:X,refetch:h,isFetching:Y}=ue(u),{data:b}=ge(),Z=(F=b==null?void 0:b.ai)!=null&&F.enabled?"agents":"automations",w=he(),ee=be(),r=fe(),[n,f]=a.useState(!1),[o,S]=a.useState(""),[C,P]=a.useState(()=>`evt-${Date.now()}-${Math.random().toString(16).slice(2,6)}`),[g,E]=a.useState(""),[T,te]=a.useState("myWorkflow"),[W,se]=a.useState("wf-001"),[_,ae]=a.useState("default"),[q,ie]=a.useState(""),[I,ce]=a.useState("esc-001"),[D,le]=a.useState("myActivity"),[O,J]=a.useState(""),[R,$]=a.useState(""),[j,A]=a.useState(""),[M,p]=a.useState("");if(X)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-40 bg-surface-sunken rounded"})]});if(!t)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(N,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"text-lg font-medium text-text-primary mb-2",children:"Topic not found"})]});const ne=t.source==="system",L=!t.managed,re=qe[t.category]??"bg-zinc-400/15 text-zinc-400",m=t.example_payload?JSON.stringify(t.example_payload,null,2):(Q=t.payload_schema)!=null&&Q.properties?JSON.stringify(Object.fromEntries(Object.keys(t.payload_schema.properties).map(s=>[s,""])),null,2):"{}",c=t.topic.startsWith("system.workflow.")||t.topic.startsWith("system.task.")?"workflow":t.topic.startsWith("system.escalation.")?"escalation":t.topic.startsWith("system.activity.")?"activity":"none",B=c==="workflow"||c==="escalation"||c==="activity",U=c==="workflow"||c==="escalation",v=(o||t.topic).split(".").pop()??"",z=()=>{let s={};try{s=JSON.parse(g||m)}catch{}const l=(o||t.topic)!==t.topic?o||t.topic:void 0,i={id:C||void 0,source:"dashboard",data:s};return l&&(i.subject=l),B&&(i.workflowName=T,i.workflowId=W,i.taskQueue=_),U&&(i.status=q||v),c==="escalation"&&(i.escalationId=I),c==="activity"&&(i.activityName=D),i},oe=(()=>{const{subject:s,...l}=z();return JSON.stringify({type:s||t.topic,timestamp:"<minted>",...l},null,2)})();!g&&m!=="{}"&&E(m),o||S(t.topic);const xe=()=>{J(t.description??""),$((t.tags??[]).join(", ")),A(t.payload_schema?JSON.stringify(t.payload_schema,null,2):""),p(""),f(!0)},de=()=>f(!1),pe=()=>{const s=R.split(",").map(i=>i.trim()).filter(Boolean);let l;if(j.trim())try{l=JSON.parse(j),p("")}catch{p("Invalid JSON");return}w.mutate({topic:t.topic,description:O,tags:s,...l!==void 0?{payload_schema:l}:{}},{onSuccess:()=>{f(!1),h()}})},me=()=>{confirm(`Delete topic "${t.topic}"?
+import{a,j as e}from"./vendor-query-B2UbickB.js";import{a as ue,b as he,c as be,d as fe}from"./topics-B3p8K0PW.js";import{u as ge,b as y,J as H}from"./index-B1kc6itM.js";import{L as je}from"./ListToolbar-DIJZfEgu.js";import{R as N,B as ve,O as ye,o as Ne,aV as ke,X as we,T as Se,f as Ce,aW as Pe,a as K,a8 as Ee,p as We}from"./vendor-icons--Ivmp-RX.js";import{e as Te,c as _e}from"./vendor-react-CXumBFUA.js";const qe={task:"bg-blue-400/15 text-blue-400",workflow:"bg-accent/15 text-accent",escalation:"bg-amber-400/15 text-amber-400",activity:"bg-cyan-400/15 text-cyan-400",knowledge:"bg-violet-400/15 text-violet-400",agent:"bg-emerald-400/15 text-emerald-400",app:"bg-rose-400/15 text-rose-400",milestone:"bg-violet-400/15 text-violet-400"};function k({icon:x,color:u,children:d}){return e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(x,{className:`w-4 h-4 ${u}`,strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:d})]})}function Me(){var F,Q,V,G;const{topic:x}=Te(),u=x?decodeURIComponent(x):null,d=_e(),{data:t,isLoading:X,refetch:h,isFetching:Y}=ue(u),{data:b}=ge(),Z=(F=b==null?void 0:b.ai)!=null&&F.enabled?"agents":"automations",w=he(),ee=be(),r=fe(),[n,f]=a.useState(!1),[o,S]=a.useState(""),[C,P]=a.useState(()=>`evt-${Date.now()}-${Math.random().toString(16).slice(2,6)}`),[g,E]=a.useState(""),[W,te]=a.useState("myWorkflow"),[T,se]=a.useState("wf-001"),[_,ae]=a.useState("default"),[q,ie]=a.useState(""),[I,ce]=a.useState("esc-001"),[D,le]=a.useState("myActivity"),[O,J]=a.useState(""),[$,R]=a.useState(""),[j,A]=a.useState(""),[M,p]=a.useState("");if(X)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-40 bg-surface-sunken rounded"})]});if(!t)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(N,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"text-lg font-medium text-text-primary mb-2",children:"Topic not found"})]});const ne=t.source==="system",L=!t.managed,re=qe[t.category]??"bg-zinc-400/15 text-zinc-400",m=t.example_payload?JSON.stringify(t.example_payload,null,2):(Q=t.payload_schema)!=null&&Q.properties?JSON.stringify(Object.fromEntries(Object.keys(t.payload_schema.properties).map(s=>[s,""])),null,2):"{}",c=t.topic.startsWith("system.workflow.")||t.topic.startsWith("system.task.")?"workflow":t.topic.startsWith("system.escalation.")?"escalation":t.topic.startsWith("system.activity.")?"activity":"none",B=c==="workflow"||c==="escalation"||c==="activity",U=c==="workflow"||c==="escalation",v=(o||t.topic).split(".").pop()??"",z=()=>{let s={};try{s=JSON.parse(g||m)}catch{}const l=(o||t.topic)!==t.topic?o||t.topic:void 0,i={id:C||void 0,source:"dashboard",data:s};return l&&(i.subject=l),B&&(i.workflowName=W,i.workflowId=T,i.taskQueue=_),U&&(i.status=q||v),c==="escalation"&&(i.escalationId=I),c==="activity"&&(i.activityName=D),i},oe=(()=>{const{subject:s,...l}=z();return JSON.stringify({type:s||t.topic,timestamp:"<minted>",...l},null,2)})();!g&&m!=="{}"&&E(m),o||S(t.topic);const xe=()=>{J(t.description??""),R((t.tags??[]).join(", ")),A(t.payload_schema?JSON.stringify(t.payload_schema,null,2):""),p(""),f(!0)},de=()=>f(!1),pe=()=>{const s=$.split(",").map(i=>i.trim()).filter(Boolean);let l;if(j.trim())try{l=JSON.parse(j),p("")}catch{p("Invalid JSON");return}w.mutate({topic:t.topic,description:O,tags:s,...l!==void 0?{payload_schema:l}:{}},{onSuccess:()=>{f(!1),h()}})},me=()=>{confirm(`Delete topic "${t.topic}"?
 
-This removes it from the catalog. Active subscriptions are not affected.`)&&ee.mutate(t.topic,{onSuccess:()=>d("/topics")})};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-4",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(N,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary",children:t.topic}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:topics.md"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Topic docs",children:e.jsx(ve,{className:"w-4 h-4",strokeWidth:1.5})})]}),!n&&t.description?e.jsx("p",{className:"text-sm text-text-secondary leading-relaxed",children:t.description}):n?null:e.jsx("p",{className:"text-sm text-text-quaternary italic",children:"No description"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[!n&&L&&e.jsxs("button",{onClick:xe,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",children:[e.jsx(ye,{className:"w-3 h-3"})," Edit"]}),!n&&!ne&&L&&e.jsxs("button",{onClick:me,className:"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-red-400/60 hover:text-red-400 hover:bg-red-600/10 transition-colors",children:[e.jsx(Ne,{className:"w-3 h-3"})," Delete"]}),n&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{onClick:pe,disabled:w.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",children:[e.jsx(ke,{className:"w-3 h-3"})," Save"]}),e.jsxs("button",{onClick:de,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",children:[e.jsx(we,{className:"w-3 h-3"})," Cancel"]})]})]})]}),e.jsxs("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",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Category"}),e.jsx("span",{className:`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${re}`,children:t.category})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Source"}),e.jsx("span",{className:"text-xs font-mono text-text-secondary",children:t.source})]}),((V=t.tags)==null?void 0:V.length)>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Tags"}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(Se,{className:"w-2.5 h-2.5 text-text-quaternary",strokeWidth:1.5}),t.tags.map(s=>e.jsx("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-mono text-text-tertiary bg-surface-sunken",children:s},s))]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Created"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(y,{date:t.created_at})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Updated"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(y,{date:t.updated_at})})]}),t.last_seen_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Last Seen"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(y,{date:t.last_seen_at})})]}),e.jsx("div",{className:"ml-auto self-center",children:e.jsx(je,{onRefresh:()=>h(),isFetching:Y,apiPath:`/topics/by-name/${encodeURIComponent(t.topic)}`})})]}),!n&&e.jsxs("div",{className:"grid grid-cols-3 gap-5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(k,{icon:N,color:"text-accent",children:"Payload Schema"}),t.payload_schema?e.jsx(H,{data:t.payload_schema}):e.jsx("p",{className:"text-[11px] text-text-quaternary",children:"No schema defined. Click Edit to add one."})]}),e.jsxs("div",{className:"min-w-0",children:[e.jsx(k,{icon:Ce,color:"text-cyan-400",children:"Example Payload"}),t.example_payload?e.jsx(H,{data:t.example_payload}):e.jsx("p",{className:"text-[11px] text-text-quaternary",children:"No example defined. Click Edit to add one."})]}),e.jsxs("div",{className:"min-w-0 space-y-4 animate-page-enter",children:[e.jsx(k,{icon:Pe,color:"text-violet-400",children:"Test"}),e.jsxs("div",{className:"bg-surface-sunken/30 rounded-md px-4 py-3",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(K,{className:"w-3.5 h-3.5 text-emerald-400",strokeWidth:1.5}),e.jsx("h2",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Target Subscribers"}),e.jsxs("span",{className:"relative group ml-auto",children:[e.jsx(Ee,{className:"w-3 h-3 text-text-quaternary cursor-help",strokeWidth:1.5}),e.jsx("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",children:"Publishing a test event is live — these subscribers will receive and process the payload."})]})]}),(G=t.subscribers)!=null&&G.length?e.jsx("div",{className:"space-y-0.5",children:t.subscribers.map(s=>e.jsxs("button",{onClick:()=>d(`/agents/${s.agent_id}`),className:"flex items-center gap-2 w-full text-left py-1 rounded hover:bg-surface-hover/50 transition-colors",children:[e.jsx(K,{className:"w-2.5 h-2.5 text-emerald-400 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-[11px] text-text-primary hover:text-accent transition-colors truncate",children:s.agent_name}),e.jsx("span",{className:"text-[9px] font-mono text-text-quaternary ml-auto shrink-0",children:s.reaction_type})]},s.id))}):e.jsxs("p",{className:"text-[11px] text-text-quaternary",children:["No ",Z," subscribed."]})]}),e.jsxs("div",{className:"sticky top-16 bg-surface-sunken/40 rounded-md p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(Te,{className:"w-3.5 h-3.5 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Publish"})]}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Event ID"}),e.jsx("input",{value:C,onChange:s=>P(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"evt-1720368000000-a3f2"}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Subject"}),e.jsx("input",{value:o||t.topic,onChange:s=>S(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1}),B&&e.jsxs("div",{className:"grid grid-cols-2 gap-x-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Workflow Name"}),e.jsx("input",{value:T,onChange:s=>te(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"myWorkflow"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Workflow ID"}),e.jsx("input",{value:W,onChange:s=>se(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"wf-001"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Task Queue"}),e.jsx("input",{value:_,onChange:s=>ae(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"default"})]}),U&&e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Status"}),e.jsx("input",{value:q||v,onChange:s=>ie(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:v})]}),c==="escalation"&&e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Escalation ID"}),e.jsx("input",{value:I,onChange:s=>ce(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"esc-001"})]}),c==="activity"&&e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Activity Name"}),e.jsx("input",{value:D,onChange:s=>le(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"myActivity"})]})]}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Payload"}),e.jsx("textarea",{value:g||m,onChange:s=>E(s.target.value),className:"input-json w-full text-[11px]",rows:6,spellCheck:!1,placeholder:'{ "key": "value" }'}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1 mt-3",children:"Event Preview"}),e.jsx("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",children:oe}),e.jsx("div",{className:"mt-3",children:e.jsx("button",{onClick:()=>{r.mutate({topic:t.topic,event:z()},{onSuccess:()=>{h(),P(`evt-${Date.now()}-${Math.random().toString(16).slice(2,6)}`)}})},disabled:r.isPending,className:"btn-primary text-xs w-full",children:r.isPending?"Publishing…":"Publish"})}),r.isSuccess&&e.jsx("p",{className:"text-[10px] text-status-success mt-2 animate-page-enter",children:"Event published"}),r.isError&&e.jsx("p",{className:"text-[10px] text-status-error mt-2",children:r.error.message})]})]})]}),n&&e.jsxs("div",{className:"space-y-6 max-w-3xl",children:[e.jsxs("div",{children:[e.jsx("label",{className:"section-header",children:"Description"}),e.jsx("textarea",{value:O,onChange:s=>J(s.target.value),rows:3,className:"input resize-none",placeholder:"What this topic represents"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"section-header",children:"Tags"}),e.jsx("input",{type:"text",value:R,onChange:s=>$(s.target.value),placeholder:"lifecycle, core, error",className:"input font-mono"}),e.jsx("p",{className:"hint",children:"Comma-separated. Used for filtering in the catalog."})]}),e.jsxs("div",{children:[e.jsx("label",{className:"section-header",children:"Payload Schema"}),e.jsx("textarea",{value:j,onChange:s=>{A(s.target.value),p("")},rows:12,className:"input-json w-full",placeholder:`{
+This removes it from the catalog. Active subscriptions are not affected.`)&&ee.mutate(t.topic,{onSuccess:()=>d("/topics")})};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-4",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(N,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary",children:t.topic}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:topics.md"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Topic docs",children:e.jsx(ve,{className:"w-4 h-4",strokeWidth:1.5})})]}),!n&&t.description?e.jsx("p",{className:"text-sm text-text-secondary leading-relaxed",children:t.description}):n?null:e.jsx("p",{className:"text-sm text-text-quaternary italic",children:"No description"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[!n&&L&&e.jsxs("button",{onClick:xe,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",children:[e.jsx(ye,{className:"w-3 h-3"})," Edit"]}),!n&&!ne&&L&&e.jsxs("button",{onClick:me,className:"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-red-400/60 hover:text-red-400 hover:bg-red-600/10 transition-colors",children:[e.jsx(Ne,{className:"w-3 h-3"})," Delete"]}),n&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{onClick:pe,disabled:w.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",children:[e.jsx(ke,{className:"w-3 h-3"})," Save"]}),e.jsxs("button",{onClick:de,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",children:[e.jsx(we,{className:"w-3 h-3"})," Cancel"]})]})]})]}),e.jsxs("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",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Category"}),e.jsx("span",{className:`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${re}`,children:t.category})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Source"}),e.jsx("span",{className:"text-xs font-mono text-text-secondary",children:t.source})]}),((V=t.tags)==null?void 0:V.length)>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Tags"}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(Se,{className:"w-2.5 h-2.5 text-text-quaternary",strokeWidth:1.5}),t.tags.map(s=>e.jsx("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-mono text-text-tertiary bg-surface-sunken",children:s},s))]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Created"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(y,{date:t.created_at})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Updated"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(y,{date:t.updated_at})})]}),t.last_seen_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Last Seen"}),e.jsx("span",{className:"text-xs text-text-secondary",children:e.jsx(y,{date:t.last_seen_at})})]}),e.jsx("div",{className:"ml-auto self-center",children:e.jsx(je,{onRefresh:()=>h(),isFetching:Y,apiPath:`/topics/by-name/${encodeURIComponent(t.topic)}`})})]}),!n&&e.jsxs("div",{className:"grid grid-cols-3 gap-5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(k,{icon:N,color:"text-accent",children:"Payload Schema"}),t.payload_schema?e.jsx(H,{data:t.payload_schema}):e.jsx("p",{className:"text-[11px] text-text-quaternary",children:"No schema defined. Click Edit to add one."})]}),e.jsxs("div",{className:"min-w-0",children:[e.jsx(k,{icon:Ce,color:"text-cyan-400",children:"Example Payload"}),t.example_payload?e.jsx(H,{data:t.example_payload}):e.jsx("p",{className:"text-[11px] text-text-quaternary",children:"No example defined. Click Edit to add one."})]}),e.jsxs("div",{className:"min-w-0 space-y-4 animate-page-enter",children:[e.jsx(k,{icon:Pe,color:"text-violet-400",children:"Test"}),e.jsxs("div",{className:"bg-surface-sunken/30 rounded-md px-4 py-3",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(K,{className:"w-3.5 h-3.5 text-emerald-400",strokeWidth:1.5}),e.jsx("h2",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Target Subscribers"}),e.jsxs("span",{className:"relative group ml-auto",children:[e.jsx(Ee,{className:"w-3 h-3 text-text-quaternary cursor-help",strokeWidth:1.5}),e.jsx("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",children:"Publishing a test event is live — these subscribers will receive and process the payload."})]})]}),(G=t.subscribers)!=null&&G.length?e.jsx("div",{className:"space-y-0.5",children:t.subscribers.map(s=>e.jsxs("button",{onClick:()=>d(`/agents/${s.agent_id}`),className:"flex items-center gap-2 w-full text-left py-1 rounded hover:bg-surface-hover/50 transition-colors",children:[e.jsx(K,{className:"w-2.5 h-2.5 text-emerald-400 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-[11px] text-text-primary hover:text-accent transition-colors truncate",children:s.agent_name}),e.jsx("span",{className:"text-[9px] font-mono text-text-quaternary ml-auto shrink-0",children:s.reaction_type})]},s.id))}):e.jsxs("p",{className:"text-[11px] text-text-quaternary",children:["No ",Z," subscribed."]})]}),e.jsxs("div",{className:"sticky top-16 bg-surface-sunken/40 rounded-md p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(We,{className:"w-3.5 h-3.5 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Publish"})]}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Event ID"}),e.jsx("input",{value:C,onChange:s=>P(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"evt-1720368000000-a3f2"}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Subject"}),e.jsx("input",{value:o||t.topic,onChange:s=>S(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1}),B&&e.jsxs("div",{className:"grid grid-cols-2 gap-x-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Workflow Name"}),e.jsx("input",{value:W,onChange:s=>te(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"myWorkflow"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Workflow ID"}),e.jsx("input",{value:T,onChange:s=>se(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"wf-001"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Task Queue"}),e.jsx("input",{value:_,onChange:s=>ae(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"default"})]}),U&&e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Status"}),e.jsx("input",{value:q||v,onChange:s=>ie(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:v})]}),c==="escalation"&&e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Escalation ID"}),e.jsx("input",{value:I,onChange:s=>ce(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"esc-001"})]}),c==="activity"&&e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Activity Name"}),e.jsx("input",{value:D,onChange:s=>le(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1,placeholder:"myActivity"})]})]}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Payload"}),e.jsx("textarea",{value:g||m,onChange:s=>E(s.target.value),className:"input-json w-full text-[11px]",rows:6,spellCheck:!1,placeholder:'{ "key": "value" }'}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1 mt-3",children:"Event Preview"}),e.jsx("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",children:oe}),e.jsx("div",{className:"mt-3",children:e.jsx("button",{onClick:()=>{r.mutate({topic:t.topic,event:z()},{onSuccess:()=>{h(),P(`evt-${Date.now()}-${Math.random().toString(16).slice(2,6)}`)}})},disabled:r.isPending,className:"btn-primary text-xs w-full",children:r.isPending?"Publishing…":"Publish"})}),r.isSuccess&&e.jsx("p",{className:"text-[10px] text-status-success mt-2 animate-page-enter",children:"Event published"}),r.isError&&e.jsx("p",{className:"text-[10px] text-status-error mt-2",children:r.error.message})]})]})]}),n&&e.jsxs("div",{className:"space-y-6 max-w-3xl",children:[e.jsxs("div",{children:[e.jsx("label",{className:"section-header",children:"Description"}),e.jsx("textarea",{value:O,onChange:s=>J(s.target.value),rows:3,className:"input resize-none",placeholder:"What this topic represents"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"section-header",children:"Tags"}),e.jsx("input",{type:"text",value:$,onChange:s=>R(s.target.value),placeholder:"lifecycle, core, error",className:"input font-mono"}),e.jsx("p",{className:"hint",children:"Comma-separated. Used for filtering in the catalog."})]}),e.jsxs("div",{children:[e.jsx("label",{className:"section-header",children:"Payload Schema"}),e.jsx("textarea",{value:j,onChange:s=>{A(s.target.value),p("")},rows:12,className:"input-json w-full",placeholder:`{
   "type": "object",
   "properties": {
     "orderId": { "type": "string" }
   }
 }`}),M&&e.jsx("p",{className:"text-[10px] text-red-400 mt-1",children:M}),e.jsx("p",{className:"hint",children:"JSON Schema describing the event.data shape."})]})]})]})}export{Me as TopicDetailPage};
-//# sourceMappingURL=TopicDetailPage-rh_dsTJI.js.map
+//# sourceMappingURL=TopicDetailPage-qyv7UWT_.js.map