@hotmeshio/long-tail 0.8.4 → 0.9.0

package/dashboard/dist/assets/{ToolTestPanel-CsPsyvQq.js.map → ToolTestPanel-ISkuXtkT.js.map}

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

package/dashboard/dist/assets/{TopicDetailPage-Diz6r7zr.js → TopicDetailPage-D8uZ8Wbs.js}

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

package/dashboard/dist/assets/{TopicDetailPage-Diz6r7zr.js.map → TopicDetailPage-D8uZ8Wbs.js.map}

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

package/dashboard/dist/assets/TopicsPage-rj88vA_1.js

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

package/dashboard/dist/assets/{TopicsPage-B6fn7fFh.js.map → TopicsPage-rj88vA_1.js.map}

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

package/dashboard/dist/assets/{UserName-Cc-5QH5q.js → UserName-D03Lh6Aj.js}

@@ -1,2 +1,2 @@
-import{j as r}from"./vendor-query-B2UbickB.js";import{a as t}from"./users-DngGIiC_.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-Cc-5QH5q.js.map
+import{j as r}from"./vendor-query-B2UbickB.js";import{a as t}from"./users-C2jopvM1.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-D03Lh6Aj.js.map

package/dashboard/dist/assets/{UserName-Cc-5QH5q.js.map → UserName-D03Lh6Aj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserName-Cc-5QH5q.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-D03Lh6Aj.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-LD9WzPee.js

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