@hotmeshio/long-tail 0.4.18 → 0.4.20

package/dashboard/dist/assets/{ToolPill-HcRTggHo.js.map → ToolPill-1aTqYtzp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ToolPill-HcRTggHo.js","sources":["../../src/pages/mcp/mcp-query-detail/helpers.ts","../../src/components/common/display/ToolPill.tsx"],"sourcesContent":["// ── Shared helpers for MCP Query Detail wizard panels ────────────────────────\n\nexport type Step = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport const STEP_LABELS_BASE = ['Describe', 'Discover', 'Compile', 'Deploy', 'Test', 'Verify'] as const;\n\nexport function mapStatus(exec: { status?: string } | undefined): string {\n  if (!exec) return 'pending';\n  if (exec.status === 'completed') return 'completed';\n  if (exec.status === 'failed') return 'failed';\n  return 'in_progress';\n}\n\nexport function extractJsonFromSummary(summary: string): Record<string, unknown> | null {\n  const match = summary.match(/```json\\s*([\\s\\S]*?)```/) || summary.match(/\\{[\\s\\S]*?\\n\\}/);\n  if (!match) return null;\n  try { return JSON.parse((match[1] ?? match[0]).trim()); } catch { return null; }\n}\n\n// ── Helpers migrated from yaml-workflow-detail ───────────────────────────────\n\nexport type Section = 'invoke' | 'tools' | 'config';\n\n/** Keys that should auto-fill with the current session token when building test input skeletons. */\nconst TOKEN_FIELD_NAMES = new Set(['token', 'authorization', 'bearer_token', 'access_token', 'api_token']);\n\nexport function buildSkeleton(schema: Record<string, any>): Record<string, any> {\n  if (!schema?.properties) return {};\n  const result: Record<string, any> = {};\n  // Auto-fill token fields with the current session token so test invocations\n  // always use a fresh credential instead of requiring manual paste.\n  const sessionToken = sessionStorage.getItem('lt_token') || '';\n  for (const [key, prop] of Object.entries(schema.properties)) {\n    const p = prop as any;\n    if (p.default !== undefined) result[key] = p.default;\n    else if (TOKEN_FIELD_NAMES.has(key.toLowerCase()) && p.type === 'string') result[key] = sessionToken;\n    else if (p.type === 'string') result[key] = '';\n    else if (p.type === 'number' || p.type === 'integer') result[key] = p.minimum ?? 0;\n    else if (p.type === 'boolean') result[key] = false;\n    else if (p.type === 'object') result[key] = {};\n    else if (p.type === 'array') result[key] = [];\n    else result[key] = null;\n  }\n  return result;\n}\n\nexport function inferFieldType(schemaProp: any): string {\n  if (!schemaProp) return 'string';\n  return schemaProp.type || 'string';\n}\n\nexport const metadataLabels: Record<string, string> = {\n  app: 'MCP Workflow Server', tpc: 'MCP Workflow Tool', vrs: 'Version', ngn: 'Engine ID',\n  jid: 'Job ID', gid: 'Run ID', aid: 'Activity ID', ts: 'Time Series',\n  jc: 'Created', ju: 'Updated', trc: 'Trace ID', js: 'Job Status',\n};\n\nexport const jobStatusLabels: Record<number, string> = { 0: 'Completed', 1: 'Pending', 2: 'Error' };\n\nexport function parseCompactTimestamp(val: string): string {\n  const match = val.match(/^(\\d{4})(\\d{2})(\\d{2})(\\d{2})(\\d{2})(\\d{2})\\.(\\d+)$/);\n  if (!match) return val;\n  const [, y, mo, d, h, mi, s, ms] = match;\n  return `${y}-${mo}-${d} ${h}:${mi}:${s}.${ms}`;\n}\n\nexport function formatMetadataValue(key: string, value: unknown): string {\n  if (key === 'js' && typeof value === 'number') return jobStatusLabels[value] ?? `Unknown (${value})`;\n  if ((key === 'jc' || key === 'ju') && typeof value === 'string') return parseCompactTimestamp(value);\n  return String(value ?? '');\n}\n\nexport function sourceLabel(s: string | undefined) {\n  if (s === 'llm') return 'LLM';\n  if (s === 'db') return 'DB';\n  return 'MCP';\n}\n\nexport function sourceColor(s: string | undefined) {\n  if (s === 'llm') return 'bg-purple-500/10 text-purple-400 border-purple-500/20';\n  return 'bg-accent-primary/10 text-accent border-accent-primary/20';\n}\n","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":["STEP_LABELS_BASE","mapStatus","exec","extractJsonFromSummary","summary","match","TOKEN_FIELD_NAMES","buildSkeleton","schema","result","sessionToken","key","prop","p","ToolPill","name","size","sizeClass","iconClass","jsxs","jsx","Wrench"],"mappings":"+FAIO,MAAMA,EAAmB,CAAC,WAAY,WAAY,UAAW,SAAU,OAAQ,QAAQ,EAEvF,SAASC,EAAUC,EAA+C,CACvE,OAAKA,EACDA,EAAK,SAAW,YAAoB,YACpCA,EAAK,SAAW,SAAiB,SAC9B,cAHW,SAIpB,CAEO,SAASC,EAAuBC,EAAiD,CACtF,MAAMC,EAAQD,EAAQ,MAAM,yBAAyB,GAAKA,EAAQ,MAAM,gBAAgB,EACxF,GAAI,CAACC,EAAO,OAAO,KACnB,GAAI,CAAE,OAAO,KAAK,OAAOA,EAAM,CAAC,GAAKA,EAAM,CAAC,GAAG,MAAM,CAAG,MAAQ,CAAE,OAAO,IAAM,CACjF,CAOA,MAAMC,MAAwB,IAAI,CAAC,QAAS,gBAAiB,eAAgB,eAAgB,WAAW,CAAC,EAElG,SAASC,EAAcC,EAAkD,CAC9E,GAAI,EAACA,GAAA,MAAAA,EAAQ,YAAY,MAAO,CAAA,EAChC,MAAMC,EAA8B,CAAA,EAG9BC,EAAe,eAAe,QAAQ,UAAU,GAAK,GAC3D,SAAW,CAACC,EAAKC,CAAI,IAAK,OAAO,QAAQJ,EAAO,UAAU,EAAG,CAC3D,MAAMK,EAAID,EACNC,EAAE,UAAY,OAAWJ,EAAOE,CAAG,EAAIE,EAAE,QACpCP,EAAkB,IAAIK,EAAI,YAAA,CAAa,GAAKE,EAAE,OAAS,SAAUJ,EAAOE,CAAG,EAAID,EAC/EG,EAAE,OAAS,SAAUJ,EAAOE,CAAG,EAAI,GACnCE,EAAE,OAAS,UAAYA,EAAE,OAAS,UAAWJ,EAAOE,CAAG,EAAIE,EAAE,SAAW,EACxEA,EAAE,OAAS,UAAWJ,EAAOE,CAAG,EAAI,GACpCE,EAAE,OAAS,SAAUJ,EAAOE,CAAG,EAAI,CAAA,EACnCE,EAAE,OAAS,QAASJ,EAAOE,CAAG,EAAI,CAAA,EACtCF,EAAOE,CAAG,EAAI,IACrB,CACA,OAAOF,CACT,CCjCO,SAASK,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-1aTqYtzp.js","sources":["../../src/pages/mcp/mcp-query-detail/helpers.ts","../../src/components/common/display/ToolPill.tsx"],"sourcesContent":["// ── Shared helpers for MCP Query Detail wizard panels ────────────────────────\n\nexport type Step = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport const STEP_LABELS_BASE = ['Describe', 'Discover', 'Compile', 'Deploy', 'Test', 'Verify'] as const;\n\nexport function mapStatus(exec: { status?: string } | undefined): string {\n  if (!exec) return 'pending';\n  if (exec.status === 'completed') return 'completed';\n  if (exec.status === 'failed') return 'failed';\n  return 'in_progress';\n}\n\nexport function extractJsonFromSummary(summary: string): Record<string, unknown> | null {\n  const match = summary.match(/```json\\s*([\\s\\S]*?)```/) || summary.match(/\\{[\\s\\S]*?\\n\\}/);\n  if (!match) return null;\n  try { return JSON.parse((match[1] ?? match[0]).trim()); } catch { return null; }\n}\n\n// ── Helpers migrated from yaml-workflow-detail ───────────────────────────────\n\nexport type Section = 'invoke' | 'tools' | 'config';\n\n/** Keys that should auto-fill with the current session token when building test input skeletons. */\nconst TOKEN_FIELD_NAMES = new Set(['token', 'authorization', 'bearer_token', 'access_token', 'api_token']);\n\nexport function buildSkeleton(schema: Record<string, any>): Record<string, any> {\n  if (!schema?.properties) return {};\n  const result: Record<string, any> = {};\n  // Auto-fill token fields with the current session token so test invocations\n  // always use a fresh credential instead of requiring manual paste.\n  const sessionToken = sessionStorage.getItem('lt_token') || '';\n  for (const [key, prop] of Object.entries(schema.properties)) {\n    const p = prop as any;\n    if (p.default !== undefined) result[key] = p.default;\n    else if (TOKEN_FIELD_NAMES.has(key.toLowerCase()) && p.type === 'string') result[key] = sessionToken;\n    else if (p.type === 'string') result[key] = '';\n    else if (p.type === 'number' || p.type === 'integer') result[key] = p.minimum ?? 0;\n    else if (p.type === 'boolean') result[key] = false;\n    else if (p.type === 'object') result[key] = {};\n    else if (p.type === 'array') result[key] = [];\n    else result[key] = null;\n  }\n  return result;\n}\n\nexport function inferFieldType(schemaProp: any): string {\n  if (!schemaProp) return 'string';\n  return schemaProp.type || 'string';\n}\n\nexport const metadataLabels: Record<string, string> = {\n  app: 'MCP Workflow Server', tpc: 'MCP Workflow Tool', vrs: 'Version', ngn: 'Engine ID',\n  jid: 'Job ID', gid: 'Run ID', aid: 'Activity ID', ts: 'Time Series',\n  jc: 'Created', ju: 'Updated', trc: 'Trace ID', js: 'Job Status',\n};\n\nexport const jobStatusLabels: Record<number, string> = { 0: 'Completed', 1: 'Pending', 2: 'Error' };\n\nexport function parseCompactTimestamp(val: string): string {\n  const match = val.match(/^(\\d{4})(\\d{2})(\\d{2})(\\d{2})(\\d{2})(\\d{2})\\.(\\d+)$/);\n  if (!match) return val;\n  const [, y, mo, d, h, mi, s, ms] = match;\n  return `${y}-${mo}-${d} ${h}:${mi}:${s}.${ms}`;\n}\n\nexport function formatMetadataValue(key: string, value: unknown): string {\n  if (key === 'js' && typeof value === 'number') return jobStatusLabels[value] ?? `Unknown (${value})`;\n  if ((key === 'jc' || key === 'ju') && typeof value === 'string') return parseCompactTimestamp(value);\n  return String(value ?? '');\n}\n\nexport function sourceLabel(s: string | undefined) {\n  if (s === 'llm') return 'LLM';\n  if (s === 'db') return 'DB';\n  return 'MCP';\n}\n\nexport function sourceColor(s: string | undefined) {\n  if (s === 'llm') return 'bg-purple-500/10 text-purple-400 border-purple-500/20';\n  return 'bg-accent-primary/10 text-accent border-accent-primary/20';\n}\n","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":["STEP_LABELS_BASE","mapStatus","exec","extractJsonFromSummary","summary","match","TOKEN_FIELD_NAMES","buildSkeleton","schema","result","sessionToken","key","prop","p","ToolPill","name","size","sizeClass","iconClass","jsxs","jsx","Wrench"],"mappings":"+FAIO,MAAMA,EAAmB,CAAC,WAAY,WAAY,UAAW,SAAU,OAAQ,QAAQ,EAEvF,SAASC,EAAUC,EAA+C,CACvE,OAAKA,EACDA,EAAK,SAAW,YAAoB,YACpCA,EAAK,SAAW,SAAiB,SAC9B,cAHW,SAIpB,CAEO,SAASC,EAAuBC,EAAiD,CACtF,MAAMC,EAAQD,EAAQ,MAAM,yBAAyB,GAAKA,EAAQ,MAAM,gBAAgB,EACxF,GAAI,CAACC,EAAO,OAAO,KACnB,GAAI,CAAE,OAAO,KAAK,OAAOA,EAAM,CAAC,GAAKA,EAAM,CAAC,GAAG,MAAM,CAAG,MAAQ,CAAE,OAAO,IAAM,CACjF,CAOA,MAAMC,MAAwB,IAAI,CAAC,QAAS,gBAAiB,eAAgB,eAAgB,WAAW,CAAC,EAElG,SAASC,EAAcC,EAAkD,CAC9E,GAAI,EAACA,GAAA,MAAAA,EAAQ,YAAY,MAAO,CAAA,EAChC,MAAMC,EAA8B,CAAA,EAG9BC,EAAe,eAAe,QAAQ,UAAU,GAAK,GAC3D,SAAW,CAACC,EAAKC,CAAI,IAAK,OAAO,QAAQJ,EAAO,UAAU,EAAG,CAC3D,MAAMK,EAAID,EACNC,EAAE,UAAY,OAAWJ,EAAOE,CAAG,EAAIE,EAAE,QACpCP,EAAkB,IAAIK,EAAI,YAAA,CAAa,GAAKE,EAAE,OAAS,SAAUJ,EAAOE,CAAG,EAAID,EAC/EG,EAAE,OAAS,SAAUJ,EAAOE,CAAG,EAAI,GACnCE,EAAE,OAAS,UAAYA,EAAE,OAAS,UAAWJ,EAAOE,CAAG,EAAIE,EAAE,SAAW,EACxEA,EAAE,OAAS,UAAWJ,EAAOE,CAAG,EAAI,GACpCE,EAAE,OAAS,SAAUJ,EAAOE,CAAG,EAAI,CAAA,EACnCE,EAAE,OAAS,QAASJ,EAAOE,CAAG,EAAI,CAAA,EACtCF,EAAOE,CAAG,EAAI,IACrB,CACA,OAAOF,CACT,CCjCO,SAASK,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-Dosq1cqG.js → ToolTestPanel-fLzNp79U.js}

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

package/dashboard/dist/assets/{ToolTestPanel-Dosq1cqG.js.map → ToolTestPanel-fLzNp79U.js.map}

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

@@ -0,0 +1,9 @@
+import{a,j as e}from"./vendor-query-B2UbickB.js";import{a as Q,b as X,c as Y,d as Z}from"./topics-DUk-zX5D.js";import{u as ee,d as y,J}from"./index-_BRA9uFL.js";import{L as te}from"./ListToolbar-jrVba7QN.js";import{R as p,B as se,_ as ae,t as ce,aQ as ie,X as ne,T as re,h as le,aR as oe,a as R,ad as de,u as xe}from"./vendor-icons-Doy0g69_.js";import{e as pe,c as me}from"./vendor-react-CXumBFUA.js";const he={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 m({icon:r,color:h,children:l}){return e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(r,{className:`w-4 h-4 ${h}`,strokeWidth:1.5}),e.jsx("h2",{className:"text-xs font-semibold uppercase tracking-widest text-accent/80",children:l})]})}function ve(){var q,W,$,I;const{topic:r}=pe(),h=r?decodeURIComponent(r):null,l=me(),{data:t,isLoading:M,refetch:u,isFetching:L}=Q(h),{data:g}=ee(),B=(q=g==null?void 0:g.ai)!=null&&q.enabled?"agents":"automations",N=X(),U=Y(),i=Z(),[c,j]=a.useState(!1),[o,v]=a.useState(""),[k,w]=a.useState(()=>`evt-${Date.now()}-${Math.random().toString(16).slice(2,6)}`),[b,S]=a.useState(""),[C,_]=a.useState(""),[P,E]=a.useState(""),[f,T]=a.useState(""),[O,d]=a.useState("");if(M)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(p,{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 z=t.source==="system",D=!t.managed,F=he[t.category]??"bg-zinc-400/15 text-zinc-400",x=t.example_payload?JSON.stringify(t.example_payload,null,2):(W=t.payload_schema)!=null&&W.properties?JSON.stringify(Object.fromEntries(Object.keys(t.payload_schema.properties).map(s=>[s,""])),null,2):"{}";!b&&x!=="{}"&&S(x),o||v(t.topic);const A=()=>{_(t.description??""),E((t.tags??[]).join(", ")),T(t.payload_schema?JSON.stringify(t.payload_schema,null,2):""),d(""),j(!0)},V=()=>j(!1),G=()=>{const s=P.split(",").map(K=>K.trim()).filter(Boolean);let n;if(f.trim())try{n=JSON.parse(f),d("")}catch{d("Invalid JSON");return}N.mutate({topic:t.topic,description:C,tags:s,...n!==void 0?{payload_schema:n}:{}},{onSuccess:()=>{j(!1),u()}})},H=()=>{confirm(`Delete topic "${t.topic}"?
+
+This removes it from the catalog. Active subscriptions are not affected.`)&&U.mutate(t.topic,{onSuccess:()=>l("/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(p,{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(se,{className:"w-4 h-4",strokeWidth:1.5})})]}),!c&&t.description?e.jsx("p",{className:"text-sm text-text-secondary leading-relaxed",children:t.description}):c?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:[!c&&D&&e.jsxs("button",{onClick:A,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(ae,{className:"w-3 h-3"})," Edit"]}),!c&&!z&&D&&e.jsxs("button",{onClick:H,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(ce,{className:"w-3 h-3"})," Delete"]}),c&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{onClick:G,disabled:N.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(ie,{className:"w-3 h-3"})," Save"]}),e.jsxs("button",{onClick:V,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(ne,{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 ${F}`,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})]}),(($=t.tags)==null?void 0:$.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(re,{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(te,{onRefresh:()=>u(),isFetching:L,apiPath:`/topics/by-name/${encodeURIComponent(t.topic)}`})})]}),!c&&e.jsxs("div",{className:"flex gap-5",children:[e.jsx("div",{className:"flex-1 min-w-0",children:t.payload_schema||t.example_payload?e.jsxs("div",{className:`grid gap-5 ${t.payload_schema&&t.example_payload?"grid-cols-2":"grid-cols-1"}`,children:[t.payload_schema&&e.jsxs("div",{className:"min-w-0",children:[e.jsx(m,{icon:p,color:"text-accent",children:"Payload Schema"}),e.jsx(J,{data:t.payload_schema})]}),t.example_payload&&e.jsxs("div",{className:"min-w-0",children:[e.jsx(m,{icon:le,color:"text-cyan-400",children:"Example Payload"}),e.jsx(J,{data:t.example_payload})]})]}):e.jsxs("div",{children:[e.jsx(m,{icon:p,color:"text-accent",children:"Payload Schema"}),e.jsx("p",{className:"text-[11px] text-text-quaternary",children:"No schema defined. Click Edit to add one."})]})}),e.jsxs("div",{className:"w-[295px] shrink-0 space-y-4 animate-page-enter",children:[e.jsx(m,{icon:oe,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(R,{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(de,{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."})]})]}),(I=t.subscribers)!=null&&I.length?e.jsx("div",{className:"space-y-0.5",children:t.subscribers.map(s=>e.jsxs("button",{onClick:()=>l(`/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(R,{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 ",B," 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(xe,{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:k,onChange:s=>w(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=>v(s.target.value),className:"input w-full text-[11px] font-mono mb-3",spellCheck:!1}),e.jsx("label",{className:"block text-[10px] text-text-quaternary uppercase tracking-wide mb-1",children:"Payload"}),e.jsx("textarea",{value:b||x,onChange:s=>S(s.target.value),className:"input-json w-full text-[11px]",rows:7,spellCheck:!1,placeholder:'{ "key": "value" }'}),e.jsx("div",{className:"mt-3",children:e.jsx("button",{onClick:()=>{try{const s=JSON.parse(b||x),n=(o||t.topic)!==t.topic?o||t.topic:void 0;i.mutate({topic:t.topic,subject:n,eventId:k||void 0,data:s},{onSuccess:()=>{u(),w(`evt-${Date.now()}-${Math.random().toString(16).slice(2,6)}`)}})}catch{}},disabled:i.isPending,className:"btn-primary text-xs w-full",children:i.isPending?"Publishing…":"Publish"})}),i.isSuccess&&e.jsx("p",{className:"text-[10px] text-status-success mt-2 animate-page-enter",children:"Event published"}),i.isError&&e.jsx("p",{className:"text-[10px] text-status-error mt-2",children:i.error.message})]})]})]}),c&&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:C,onChange:s=>_(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:P,onChange:s=>E(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:f,onChange:s=>{T(s.target.value),d("")},rows:12,className:"input-json w-full",placeholder:`{
+  "type": "object",
+  "properties": {
+    "orderId": { "type": "string" }
+  }
+}`}),O&&e.jsx("p",{className:"text-[10px] text-red-400 mt-1",children:O}),e.jsx("p",{className:"hint",children:"JSON Schema describing the event.data shape."})]})]})]})}export{ve as TopicDetailPage};
+//# sourceMappingURL=TopicDetailPage-D7gCsPKB.js.map

package/dashboard/dist/assets/TopicDetailPage-D7gCsPKB.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TopicsPage-tVPdz-k0.js","sources":["../../src/pages/topics/TopicsPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { Radio } from 'lucide-react';\nimport { useTopics, type TopicCatalogEntry } from '../../api/topics';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { DateValue } from '../../components/common/display/DateValue';\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'bg-blue-400/15 text-blue-400',\n  workflow:   'bg-accent/15 text-accent',\n  escalation: 'bg-amber-400/15 text-amber-400',\n  activity:   'bg-cyan-400/15 text-cyan-400',\n  knowledge:  'bg-violet-400/15 text-violet-400',\n  agent:      'bg-emerald-400/15 text-emerald-400',\n  app:        'bg-rose-400/15 text-rose-400',\n  milestone:  'bg-violet-400/15 text-violet-400',\n};\n\nconst CATEGORY_OPTIONS = [\n  { value: 'task', label: 'Task' },\n  { value: 'workflow', label: 'Workflow' },\n  { value: 'escalation', label: 'Escalation' },\n  { value: 'activity', label: 'Activity' },\n  { value: 'knowledge', label: 'Knowledge' },\n  { value: 'agent', label: 'Agent' },\n  { value: 'app', label: 'App' },\n  { value: 'milestone', label: 'Milestone' },\n];\n\nfunction CategoryPill({ category }: { category: string }) {\n  const cls = CATEGORY_COLORS[category] ?? 'bg-zinc-400/15 text-zinc-400';\n  return (\n    <span className={`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${cls}`}>\n      {category}\n    </span>\n  );\n}\n\nconst columns: Column<TopicCatalogEntry>[] = [\n  {\n    key: 'topic',\n    label: 'Topic',\n    render: (row) => (\n      <div className=\"flex items-center gap-2 min-w-0\">\n        <Radio className=\"w-3 h-3 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n        <span className=\"text-xs font-mono text-text-primary truncate\">{row.topic}</span>\n      </div>\n    ),\n  },\n  {\n    key: 'category',\n    label: 'Category',\n    render: (row) => <CategoryPill category={row.category} />,\n    className: 'w-28',\n  },\n  {\n    key: 'description',\n    label: 'Description',\n    render: (row) => row.description\n      ? <span className=\"text-[11px] text-text-secondary truncate block max-w-xs\">{row.description}</span>\n      : <span className=\"text-text-quaternary\">—</span>,\n  },\n  {\n    key: 'source',\n    label: 'Source',\n    render: (row) => (\n      <span className=\"text-[10px] font-mono text-text-tertiary\">{row.source}</span>\n    ),\n    className: 'w-24',\n  },\n  {\n    key: 'subscriber_count',\n    label: 'Subscribers',\n    render: (row) => {\n      const count = row.subscriber_count ?? 0;\n      if (!count) return <span className=\"text-text-quaternary\">—</span>;\n      return (\n        <span className=\"inline-flex items-center justify-center min-w-[20px] px-1.5 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent\">\n          {count}\n        </span>\n      );\n    },\n    className: 'w-24 text-center',\n  },\n  {\n    key: 'last_seen_at',\n    label: 'Last Seen',\n    render: (row) => row.last_seen_at\n      ? <span className=\"whitespace-nowrap\"><DateValue date={row.last_seen_at} /></span>\n      : <span className=\"text-text-quaternary\">—</span>,\n    className: 'w-28',\n  },\n];\n\nexport function TopicsPage() {\n  const navigate = useNavigate();\n\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { category: '' },\n  });\n\n  const { data, isLoading, refetch, isFetching } = useTopics({\n    category: filters.category || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"Topic Catalog\" docsHash=\"#docs:topics.md\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={`/topics?limit=${pagination.pageSize}&offset=${pagination.offset}${filters.category ? `&category=${filters.category}` : ''}`}\n        />\n      }>\n        <FilterSelect\n          label=\"Category\"\n          value={filters.category}\n          onChange={(v) => setFilter('category', v)}\n          options={CATEGORY_OPTIONS}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.topics ?? []}\n        keyFn={(row) => row.topic}\n        onRowClick={(row) => navigate(`/topics/${encodeURIComponent(row.topic)}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No topics registered yet\"\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["CATEGORY_COLORS","CATEGORY_OPTIONS","CategoryPill","category","cls","columns","row","jsxs","jsx","Radio","count","DateValue","TopicsPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","refetch","isFetching","useTopics","total","PageHeader","FilterBar","ListToolbar","FilterSelect","v","DataTable","StickyPagination"],"mappings":"yhBAWA,MAAMA,EAA0C,CAC9C,KAAY,+BACZ,SAAY,2BACZ,WAAY,iCACZ,SAAY,+BACZ,UAAY,mCACZ,MAAY,qCACZ,IAAY,+BACZ,UAAY,kCACd,EAEMC,EAAmB,CACvB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,WAAY,MAAO,UAAA,EAC5B,CAAE,MAAO,aAAc,MAAO,YAAA,EAC9B,CAAE,MAAO,WAAY,MAAO,UAAA,EAC5B,CAAE,MAAO,YAAa,MAAO,WAAA,EAC7B,CAAE,MAAO,QAAS,MAAO,OAAA,EACzB,CAAE,MAAO,MAAO,MAAO,KAAA,EACvB,CAAE,MAAO,YAAa,MAAO,WAAA,CAC/B,EAEA,SAASC,EAAa,CAAE,SAAAC,GAAkC,CACxD,MAAMC,EAAMJ,EAAgBG,CAAQ,GAAK,+BACzC,aACG,OAAA,CAAK,UAAW,wEAAwEC,CAAG,GACzF,SAAAD,EACH,CAEJ,CAEA,MAAME,EAAuC,CAC3C,CACE,IAAK,QACL,MAAO,QACP,OAASC,GACPC,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAM,UAAU,wCAAwC,YAAa,IAAK,EAC3ED,EAAAA,IAAC,OAAA,CAAK,UAAU,+CAAgD,WAAI,KAAA,CAAM,CAAA,CAAA,CAC5E,CAAA,EAGJ,CACE,IAAK,WACL,MAAO,WACP,OAASF,SAASJ,EAAA,CAAa,SAAUI,EAAI,SAAU,EACvD,UAAW,MAAA,EAEb,CACE,IAAK,cACL,MAAO,cACP,OAASA,GAAQA,EAAI,kBAChB,OAAA,CAAK,UAAU,0DAA2D,SAAAA,EAAI,YAAY,EAC3FE,MAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,GAAA,CAAC,CAAA,EAE9C,CACE,IAAK,SACL,MAAO,SACP,OAASF,GACPE,EAAAA,IAAC,QAAK,UAAU,2CAA4C,WAAI,OAAO,EAEzE,UAAW,MAAA,EAEb,CACE,IAAK,mBACL,MAAO,cACP,OAASF,GAAQ,CACf,MAAMI,EAAQJ,EAAI,kBAAoB,EACtC,OAAKI,EAEHF,EAAAA,IAAC,OAAA,CAAK,UAAU,mIACb,SAAAE,EACH,QAJkB,OAAA,CAAK,UAAU,uBAAuB,SAAA,IAAC,CAM7D,EACA,UAAW,kBAAA,EAEb,CACE,IAAK,eACL,MAAO,YACP,OAASJ,GAAQA,EAAI,aACjBE,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAoB,SAAAA,EAAAA,IAACG,GAAU,KAAML,EAAI,aAAc,CAAA,CAAE,QACxE,OAAA,CAAK,UAAU,uBAAuB,SAAA,GAAA,CAAC,EAC5C,UAAW,MAAA,CAEf,EAEO,SAASM,GAAa,CAC3B,MAAMC,EAAWC,EAAA,EAEX,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,CAAA,EAAeC,EAAgB,CACzD,QAAS,CAAE,SAAU,EAAA,CAAG,CACzB,EAEK,CAAE,KAAAC,EAAM,UAAAC,EAAW,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAU,CACzD,SAAUR,EAAQ,UAAY,OAC9B,MAAOE,EAAW,SAClB,OAAQA,EAAW,MAAA,CACpB,EAEKO,GAAQL,GAAA,YAAAA,EAAM,QAAS,EAE7B,cACG,MAAA,CACC,SAAA,CAAAX,EAAAA,IAACiB,EAAA,CAAW,MAAM,gBAAgB,SAAS,kBAAkB,EAE7DjB,MAACkB,GAAU,QACTlB,EAAAA,IAACmB,EAAA,CACC,UAAW,IAAMN,EAAA,EACjB,WAAAC,EACA,QAAS,iBAAiBL,EAAW,QAAQ,WAAWA,EAAW,MAAM,GAAGF,EAAQ,SAAW,aAAaA,EAAQ,QAAQ,GAAK,EAAE,EAAA,CAAA,EAGrI,SAAAP,EAAAA,IAACoB,EAAA,CACC,MAAM,WACN,MAAOb,EAAQ,SACf,SAAWc,GAAMb,EAAU,WAAYa,CAAC,EACxC,QAAS5B,CAAA,CAAA,EAEb,EAEAO,EAAAA,IAACsB,EAAA,CACC,QAAAzB,EACA,MAAMc,GAAA,YAAAA,EAAM,SAAU,CAAA,EACtB,MAAQb,GAAQA,EAAI,MACpB,WAAaA,GAAQO,EAAS,WAAW,mBAAmBP,EAAI,KAAK,CAAC,EAAE,EACxE,UAAAc,EACA,aAAa,0BAAA,CAAA,EAGfZ,EAAAA,IAACuB,EAAA,CACC,KAAMd,EAAW,KACjB,WAAYA,EAAW,WAAWO,CAAK,EACvC,aAAcP,EAAW,QACzB,MAAAO,EACA,SAAUP,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,CAEJ"}
+{"version":3,"file":"TopicsPage-B3Aa8Haz.js","sources":["../../src/pages/topics/TopicsPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { Radio } from 'lucide-react';\nimport { useTopics, type TopicCatalogEntry } from '../../api/topics';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { DateValue } from '../../components/common/display/DateValue';\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'bg-blue-400/15 text-blue-400',\n  workflow:   'bg-accent/15 text-accent',\n  escalation: 'bg-amber-400/15 text-amber-400',\n  activity:   'bg-cyan-400/15 text-cyan-400',\n  knowledge:  'bg-violet-400/15 text-violet-400',\n  agent:      'bg-emerald-400/15 text-emerald-400',\n  app:        'bg-rose-400/15 text-rose-400',\n  milestone:  'bg-violet-400/15 text-violet-400',\n};\n\nconst CATEGORY_OPTIONS = [\n  { value: 'task', label: 'Task' },\n  { value: 'workflow', label: 'Workflow' },\n  { value: 'escalation', label: 'Escalation' },\n  { value: 'activity', label: 'Activity' },\n  { value: 'knowledge', label: 'Knowledge' },\n  { value: 'agent', label: 'Agent' },\n  { value: 'app', label: 'App' },\n  { value: 'milestone', label: 'Milestone' },\n];\n\nfunction CategoryPill({ category }: { category: string }) {\n  const cls = CATEGORY_COLORS[category] ?? 'bg-zinc-400/15 text-zinc-400';\n  return (\n    <span className={`inline-flex items-center px-2 py-0.5 rounded text-[10px] font-medium ${cls}`}>\n      {category}\n    </span>\n  );\n}\n\nconst columns: Column<TopicCatalogEntry>[] = [\n  {\n    key: 'topic',\n    label: 'Topic',\n    render: (row) => (\n      <div className=\"flex items-center gap-2 min-w-0\">\n        <Radio className=\"w-3 h-3 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n        <span className=\"text-xs font-mono text-text-primary truncate\">{row.topic}</span>\n      </div>\n    ),\n  },\n  {\n    key: 'category',\n    label: 'Category',\n    render: (row) => <CategoryPill category={row.category} />,\n    className: 'w-28',\n  },\n  {\n    key: 'description',\n    label: 'Description',\n    render: (row) => row.description\n      ? <span className=\"text-[11px] text-text-secondary truncate block max-w-xs\">{row.description}</span>\n      : <span className=\"text-text-quaternary\">—</span>,\n  },\n  {\n    key: 'source',\n    label: 'Source',\n    render: (row) => (\n      <span className=\"text-[10px] font-mono text-text-tertiary\">{row.source}</span>\n    ),\n    className: 'w-24',\n  },\n  {\n    key: 'subscriber_count',\n    label: 'Subscribers',\n    render: (row) => {\n      const count = row.subscriber_count ?? 0;\n      if (!count) return <span className=\"text-text-quaternary\">—</span>;\n      return (\n        <span className=\"inline-flex items-center justify-center min-w-[20px] px-1.5 py-0.5 rounded-full text-[10px] font-medium bg-accent/15 text-accent\">\n          {count}\n        </span>\n      );\n    },\n    className: 'w-24 text-center',\n  },\n  {\n    key: 'last_seen_at',\n    label: 'Last Seen',\n    render: (row) => row.last_seen_at\n      ? <span className=\"whitespace-nowrap\"><DateValue date={row.last_seen_at} /></span>\n      : <span className=\"text-text-quaternary\">—</span>,\n    className: 'w-28',\n  },\n];\n\nexport function TopicsPage() {\n  const navigate = useNavigate();\n\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { category: '' },\n  });\n\n  const { data, isLoading, refetch, isFetching } = useTopics({\n    category: filters.category || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"Topic Catalog\" docsHash=\"#docs:topics.md\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={`/topics?limit=${pagination.pageSize}&offset=${pagination.offset}${filters.category ? `&category=${filters.category}` : ''}`}\n        />\n      }>\n        <FilterSelect\n          label=\"Category\"\n          value={filters.category}\n          onChange={(v) => setFilter('category', v)}\n          options={CATEGORY_OPTIONS}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.topics ?? []}\n        keyFn={(row) => row.topic}\n        onRowClick={(row) => navigate(`/topics/${encodeURIComponent(row.topic)}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No topics registered yet\"\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["CATEGORY_COLORS","CATEGORY_OPTIONS","CategoryPill","category","cls","columns","row","jsxs","jsx","Radio","count","DateValue","TopicsPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","refetch","isFetching","useTopics","total","PageHeader","FilterBar","ListToolbar","FilterSelect","v","DataTable","StickyPagination"],"mappings":"yhBAWA,MAAMA,EAA0C,CAC9C,KAAY,+BACZ,SAAY,2BACZ,WAAY,iCACZ,SAAY,+BACZ,UAAY,mCACZ,MAAY,qCACZ,IAAY,+BACZ,UAAY,kCACd,EAEMC,EAAmB,CACvB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,WAAY,MAAO,UAAA,EAC5B,CAAE,MAAO,aAAc,MAAO,YAAA,EAC9B,CAAE,MAAO,WAAY,MAAO,UAAA,EAC5B,CAAE,MAAO,YAAa,MAAO,WAAA,EAC7B,CAAE,MAAO,QAAS,MAAO,OAAA,EACzB,CAAE,MAAO,MAAO,MAAO,KAAA,EACvB,CAAE,MAAO,YAAa,MAAO,WAAA,CAC/B,EAEA,SAASC,EAAa,CAAE,SAAAC,GAAkC,CACxD,MAAMC,EAAMJ,EAAgBG,CAAQ,GAAK,+BACzC,aACG,OAAA,CAAK,UAAW,wEAAwEC,CAAG,GACzF,SAAAD,EACH,CAEJ,CAEA,MAAME,EAAuC,CAC3C,CACE,IAAK,QACL,MAAO,QACP,OAASC,GACPC,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAM,UAAU,wCAAwC,YAAa,IAAK,EAC3ED,EAAAA,IAAC,OAAA,CAAK,UAAU,+CAAgD,WAAI,KAAA,CAAM,CAAA,CAAA,CAC5E,CAAA,EAGJ,CACE,IAAK,WACL,MAAO,WACP,OAASF,SAASJ,EAAA,CAAa,SAAUI,EAAI,SAAU,EACvD,UAAW,MAAA,EAEb,CACE,IAAK,cACL,MAAO,cACP,OAASA,GAAQA,EAAI,kBAChB,OAAA,CAAK,UAAU,0DAA2D,SAAAA,EAAI,YAAY,EAC3FE,MAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,GAAA,CAAC,CAAA,EAE9C,CACE,IAAK,SACL,MAAO,SACP,OAASF,GACPE,EAAAA,IAAC,QAAK,UAAU,2CAA4C,WAAI,OAAO,EAEzE,UAAW,MAAA,EAEb,CACE,IAAK,mBACL,MAAO,cACP,OAASF,GAAQ,CACf,MAAMI,EAAQJ,EAAI,kBAAoB,EACtC,OAAKI,EAEHF,EAAAA,IAAC,OAAA,CAAK,UAAU,mIACb,SAAAE,EACH,QAJkB,OAAA,CAAK,UAAU,uBAAuB,SAAA,IAAC,CAM7D,EACA,UAAW,kBAAA,EAEb,CACE,IAAK,eACL,MAAO,YACP,OAASJ,GAAQA,EAAI,aACjBE,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAoB,SAAAA,EAAAA,IAACG,GAAU,KAAML,EAAI,aAAc,CAAA,CAAE,QACxE,OAAA,CAAK,UAAU,uBAAuB,SAAA,GAAA,CAAC,EAC5C,UAAW,MAAA,CAEf,EAEO,SAASM,GAAa,CAC3B,MAAMC,EAAWC,EAAA,EAEX,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,CAAA,EAAeC,EAAgB,CACzD,QAAS,CAAE,SAAU,EAAA,CAAG,CACzB,EAEK,CAAE,KAAAC,EAAM,UAAAC,EAAW,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAU,CACzD,SAAUR,EAAQ,UAAY,OAC9B,MAAOE,EAAW,SAClB,OAAQA,EAAW,MAAA,CACpB,EAEKO,GAAQL,GAAA,YAAAA,EAAM,QAAS,EAE7B,cACG,MAAA,CACC,SAAA,CAAAX,EAAAA,IAACiB,EAAA,CAAW,MAAM,gBAAgB,SAAS,kBAAkB,EAE7DjB,MAACkB,GAAU,QACTlB,EAAAA,IAACmB,EAAA,CACC,UAAW,IAAMN,EAAA,EACjB,WAAAC,EACA,QAAS,iBAAiBL,EAAW,QAAQ,WAAWA,EAAW,MAAM,GAAGF,EAAQ,SAAW,aAAaA,EAAQ,QAAQ,GAAK,EAAE,EAAA,CAAA,EAGrI,SAAAP,EAAAA,IAACoB,EAAA,CACC,MAAM,WACN,MAAOb,EAAQ,SACf,SAAWc,GAAMb,EAAU,WAAYa,CAAC,EACxC,QAAS5B,CAAA,CAAA,EAEb,EAEAO,EAAAA,IAACsB,EAAA,CACC,QAAAzB,EACA,MAAMc,GAAA,YAAAA,EAAM,SAAU,CAAA,EACtB,MAAQb,GAAQA,EAAI,MACpB,WAAaA,GAAQO,EAAS,WAAW,mBAAmBP,EAAI,KAAK,CAAC,EAAE,EACxE,UAAAc,EACA,aAAa,0BAAA,CAAA,EAGfZ,EAAAA,IAACuB,EAAA,CACC,KAAMd,EAAW,KACjB,WAAYA,EAAW,WAAWO,CAAK,EACvC,aAAcP,EAAW,QACzB,MAAAO,EACA,SAAUP,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,CAEJ"}

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

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

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

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

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

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