@hotmeshio/long-tail 0.23.2 → 0.24.0

package/dashboard/dist/assets/index-Dl_8hbYI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dl_8hbYI.js","sources":["../../src/components/common/layout/StepIndicator.tsx","../../src/pages/mcp/servers/detail/server-form-types.ts","../../src/components/common/form/SecretJsonField.tsx","../../src/pages/mcp/servers/detail/TransportStep.tsx","../../src/pages/mcp/servers/detail/DiscoveryStep.tsx","../../src/pages/mcp/servers/detail/TestStep.tsx","../../src/pages/mcp/servers/detail/ReviewStep.tsx","../../src/pages/mcp/servers/detail/McpServerDetailPage.tsx"],"sourcesContent":["interface StepIndicatorProps {\n  steps: string[];\n  currentStep: number;\n  onStepClick?: (step: number) => void;\n}\n\nexport function StepIndicator({ steps, currentStep, onStepClick }: StepIndicatorProps) {\n  return (\n    <div className=\"flex items-center justify-center gap-1 pb-4 border-b border-surface-border mb-4\">\n      {steps.map((label, i) => {\n        const done = i < currentStep;\n        const active = i === currentStep;\n        const clickable = !!onStepClick;\n        return (\n          <div key={label} className=\"flex items-center gap-1\">\n            {i > 0 && (\n              <div className={`w-4 h-px ${done ? 'bg-accent' : 'bg-surface-border'}`} />\n            )}\n            <button\n              type=\"button\"\n              onClick={clickable ? () => onStepClick(i) : undefined}\n              className={`flex items-center gap-1 ${clickable ? 'cursor-pointer' : 'cursor-default'}`}\n            >\n              <span\n                className={`w-5 h-5 rounded-full text-2xs font-semibold flex items-center justify-center shrink-0 transition-colors ${\n                  active\n                    ? 'bg-accent text-text-inverse'\n                    : done\n                      ? 'bg-accent-muted text-accent'\n                      : 'bg-surface-sunken text-text-tertiary'\n                } ${clickable && !active ? 'hover:bg-accent-muted hover:text-accent' : ''}`}\n              >\n                {i + 1}\n              </span>\n              <span\n                className={`text-2xs font-semibold uppercase tracking-wider whitespace-nowrap transition-colors ${\n                  active ? 'text-text-primary' : 'text-text-tertiary'\n                } ${clickable && !active ? 'hover:text-text-primary' : ''}`}\n              >\n                {label}\n              </span>\n            </button>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import type { McpServerRecord, McpToolManifest } from '../../../../api/types';\n\nexport interface ServerFormState {\n  name: string;\n  description: string;\n  mode: 'in-process' | 'network' | 'local-process';\n  transport_type: 'stdio' | 'sse' | 'streamable-http';\n  // stdio fields\n  command: string;\n  args: string;\n  env_vars: string;\n  // network fields\n  url: string;\n  headers: string;\n  // shared\n  auto_connect: boolean;\n  tags: string[];\n  compile_hints: string;\n  credential_providers: string[];\n  discovered_tools: McpToolManifest[] | null;\n}\n\nexport const EMPTY_FORM: ServerFormState = {\n  name: '',\n  description: '',\n  mode: 'network',\n  transport_type: 'sse',\n  command: '',\n  args: '',\n  env_vars: '{}',\n  url: '',\n  headers: '{}',\n  auto_connect: false,\n  tags: [],\n  compile_hints: '',\n  credential_providers: [],\n  discovered_tools: null,\n};\n\nexport function serverToForm(s: McpServerRecord): ServerFormState {\n  const config = s.transport_config ?? {};\n  const isBuiltin = !!(config as any).builtin;\n\n  let mode: ServerFormState['mode'] = 'network';\n  if (isBuiltin) mode = 'in-process';\n  else if (s.transport_type === 'stdio') mode = 'local-process';\n\n  return {\n    name: s.name,\n    description: s.description ?? '',\n    mode,\n    transport_type: s.transport_type,\n    command: (config as any).command ?? '',\n    args: ((config as any).args ?? []).join(', '),\n    env_vars: (config as any).env ? JSON.stringify((config as any).env, null, 2) : '{}',\n    url: (config as any).url ?? '',\n    headers: (config as any).headers ? JSON.stringify((config as any).headers, null, 2) : '{}',\n    auto_connect: s.auto_connect,\n    tags: s.tags ?? [],\n    compile_hints: (s as any).compile_hints ?? '',\n    credential_providers: s.credential_providers ?? [],\n    discovered_tools: s.tool_manifest ?? null,\n  };\n}\n\nexport function formToPayload(form: ServerFormState) {\n  let transport_config: Record<string, unknown> = {};\n\n  if (form.mode === 'local-process') {\n    transport_config = {\n      command: form.command.trim(),\n      args: form.args.split(',').map((a) => a.trim()).filter(Boolean),\n      env: form.env_vars.trim() ? JSON.parse(form.env_vars) : undefined,\n    };\n  } else if (form.mode === 'network') {\n    const headers = form.headers.trim() ? JSON.parse(form.headers) : {};\n    transport_config = { url: form.url.trim(), ...(Object.keys(headers).length ? { headers } : {}) };\n  }\n  // in-process: transport_config stays empty (server manages it)\n\n  return {\n    name: form.name.trim(),\n    description: form.description.trim() || undefined,\n    transport_type: form.mode === 'local-process' ? 'stdio' as const : form.transport_type,\n    transport_config,\n    auto_connect: form.auto_connect,\n    tags: form.tags,\n    compile_hints: form.compile_hints.trim() || undefined,\n    credential_providers: form.credential_providers.length > 0 ? form.credential_providers : undefined,\n  };\n}\n\nexport const STEP_LABELS = ['Transport', 'Discovery', 'Test', 'Review'];\n\nexport function isStepValid(step: number, form: ServerFormState): boolean {\n  if (step === 1) {\n    if (!form.name.trim()) return false;\n    if (form.mode === 'network' && !form.url.trim()) return false;\n    if (form.mode === 'local-process' && !form.command.trim()) return false;\n    return true;\n  }\n  return true;\n}\n\nexport const labelCls = 'label';\nexport const hintCls = 'hint';\n","import { useState } from 'react';\nimport { Check, Copy, Eye, EyeOff } from 'lucide-react';\n\nconst MASK = '••••••••';\n\n/** True when the JSON text holds at least one value worth masking. */\nexport function hasSecretValues(text: string): boolean {\n  const trimmed = text.trim();\n  if (!trimmed) return false;\n  try {\n    const parsed = JSON.parse(trimmed);\n    return !!parsed && typeof parsed === 'object' && Object.keys(parsed).length > 0;\n  } catch {\n    return true;\n  }\n}\n\n/** The JSON text with every value replaced by a mask; keys stay readable. */\nexport function maskJsonValues(text: string): string {\n  try {\n    const parsed = JSON.parse(text);\n    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) return MASK;\n    const masked = Object.fromEntries(Object.keys(parsed).map((k) => [k, MASK]));\n    return JSON.stringify(masked, null, 2);\n  } catch {\n    return MASK;\n  }\n}\n\ninterface Props {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  hint?: string;\n  rows?: number;\n}\n\n/**\n * A JSON object of secrets (headers, env vars). Saved values are masked until\n * the user shows them; an empty field starts editable.\n */\nexport function SecretJsonField({ label, value, onChange, placeholder, hint, rows = 3 }: Props) {\n  const [revealed, setRevealed] = useState<boolean | null>(null);\n  const [copied, setCopied] = useState(false);\n  const shown = revealed ?? !hasSecretValues(value);\n\n  const copy = () => {\n    navigator.clipboard.writeText(value);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between\">\n        <label className=\"label\">{label}</label>\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setRevealed(!shown)}\n            className=\"flex items-center gap-1 text-2xs text-text-tertiary hover:text-text-primary\"\n            aria-pressed={shown}\n          >\n            {shown ? <EyeOff className=\"w-3.5 h-3.5\" /> : <Eye className=\"w-3.5 h-3.5\" />}\n            {shown ? 'Hide' : 'Show'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={copy}\n            disabled={!value.trim()}\n            className=\"flex items-center gap-1 text-2xs text-text-tertiary hover:text-text-primary disabled:opacity-40\"\n            title=\"Copy to clipboard\"\n          >\n            {copied ? <Check className=\"w-3.5 h-3.5 text-status-success\" /> : <Copy className=\"w-3.5 h-3.5\" />}\n            Copy\n          </button>\n        </div>\n      </div>\n      <textarea\n        aria-label={label}\n        value={shown ? value : maskJsonValues(value)}\n        onChange={(e) => {\n          setRevealed(true);\n          onChange(e.target.value);\n        }}\n        readOnly={!shown}\n        placeholder={placeholder}\n        className=\"input-json w-full\"\n        rows={rows}\n        spellCheck={false}\n        autoComplete=\"off\"\n      />\n      {hint && <p className=\"hint\">{hint}</p>}\n    </div>\n  );\n}\n","import type { ServerFormState } from './server-form-types';\nimport { labelCls, hintCls } from './server-form-types';\nimport { SecretJsonField } from '../../../../components/common/form/SecretJsonField';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n  isBuiltin: boolean;\n}\n\nconst modes = [\n  { value: 'in-process', label: 'In-Process', hint: 'Built-in server running inside the app' },\n  { value: 'network', label: 'Network Service', hint: 'Remote server via SSE or Streamable HTTP' },\n  { value: 'local-process', label: 'Local Process', hint: 'Spawn a local command via stdio' },\n] as const;\n\nexport function TransportStep({ form, set, isBuiltin }: Props) {\n  return (\n    <div className=\"space-y-5\">\n      {/* Mode selector */}\n      <div>\n        <label className={labelCls}>Connection Mode</label>\n        <div className=\"grid grid-cols-3 gap-3 mt-1\">\n          {modes.map((m) => {\n            const active = form.mode === m.value;\n            const disabled = isBuiltin && m.value !== 'in-process';\n            return (\n              <button\n                key={m.value}\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => {\n                  set('mode', m.value);\n                  if (m.value === 'local-process') set('transport_type', 'stdio');\n                  if (m.value === 'network') set('transport_type', 'sse');\n                }}\n                className={`text-left p-3 rounded-md border transition-colors ${\n                  active\n                    ? 'border-accent bg-accent/5'\n                    : disabled\n                      ? 'border-surface-border bg-surface-sunken opacity-50 cursor-not-allowed'\n                      : 'border-surface-border hover:border-text-tertiary cursor-pointer'\n                }`}\n              >\n                <span className={`text-xs font-medium ${active ? 'text-accent' : 'text-text-primary'}`}>\n                  {m.label}\n                </span>\n                <span className=\"block text-2xs text-text-tertiary mt-0.5\">{m.hint}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {/* Name + Description (always shown) */}\n      <div className=\"grid grid-cols-2 gap-4\">\n        <div>\n          <label className={labelCls}>Name</label>\n          <input\n            type=\"text\"\n            value={form.name}\n            onChange={(e) => set('name', e.target.value)}\n            placeholder=\"e.g., vision-server\"\n            className=\"input text-xs w-full\"\n            disabled={isBuiltin}\n          />\n        </div>\n        <div>\n          <label className={labelCls}>Description</label>\n          <input\n            type=\"text\"\n            value={form.description}\n            onChange={(e) => set('description', e.target.value)}\n            placeholder=\"Optional description\"\n            className=\"input text-xs w-full\"\n          />\n        </div>\n      </div>\n\n      {/* In-Process: read-only info */}\n      {form.mode === 'in-process' && (\n        <div>\n          <p className={hintCls}>\n            This server runs in-process via InMemoryTransport. Transport is managed automatically — no configuration needed.\n          </p>\n        </div>\n      )}\n\n      {/* Network: URL + transport toggle */}\n      {form.mode === 'network' && (\n        <>\n          <div>\n            <label className={labelCls}>Server URL</label>\n            <input\n              type=\"text\"\n              value={form.url}\n              onChange={(e) => set('url', e.target.value)}\n              placeholder=\"https://mcp-server.example.com/sse\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <div>\n            <label className={labelCls}>Transport Protocol</label>\n            <div className=\"flex gap-2 mt-1\">\n              {(['sse', 'streamable-http'] as const).map((t) => (\n                <button\n                  key={t}\n                  type=\"button\"\n                  onClick={() => set('transport_type', t)}\n                  className={`px-3 py-1.5 text-xs rounded-md border transition-colors ${\n                    form.transport_type === t\n                      ? 'border-accent bg-accent/5 text-accent font-medium'\n                      : 'border-surface-border text-text-secondary hover:border-text-tertiary'\n                  }`}\n                >\n                  {t === 'sse' ? 'SSE' : 'Streamable HTTP'}\n                </button>\n              ))}\n            </div>\n          </div>\n          <SecretJsonField\n            label=\"Headers (JSON)\"\n            value={form.headers}\n            onChange={(v) => set('headers', v)}\n            placeholder={'{ \"Authorization\": \"Bearer <service-account key>\" }'}\n            hint=\"Sent with every request. Another Long Tail instance's /mcp takes a service-account key here.\"\n          />\n        </>\n      )}\n\n      {/* Local Process: command + args + env */}\n      {form.mode === 'local-process' && (\n        <>\n          <div>\n            <label className={labelCls}>Command</label>\n            <input\n              type=\"text\"\n              value={form.command}\n              onChange={(e) => set('command', e.target.value)}\n              placeholder=\"e.g., npx\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <div>\n            <label className={labelCls}>Arguments (comma-separated)</label>\n            <input\n              type=\"text\"\n              value={form.args}\n              onChange={(e) => set('args', e.target.value)}\n              placeholder=\"e.g., -y, @modelcontextprotocol/server-filesystem, /tmp\"\n              className=\"input text-xs w-full font-mono\"\n            />\n          </div>\n          <SecretJsonField\n            label=\"Environment Variables (JSON)\"\n            value={form.env_vars}\n            onChange={(v) => set('env_vars', v)}\n          />\n        </>\n      )}\n\n      {/* Auto-connect */}\n      <label className=\"flex items-center gap-2 cursor-pointer\">\n        <input\n          type=\"checkbox\"\n          checked={form.auto_connect}\n          onChange={(e) => set('auto_connect', e.target.checked)}\n          className=\"w-4 h-4 rounded border-border accent-accent\"\n        />\n        <span className=\"text-xs text-text-primary\">Auto-connect on startup</span>\n      </label>\n    </div>\n  );\n}\n","import { useState, type KeyboardEvent } from 'react';\nimport { X } from 'lucide-react';\nimport { TagInput } from '../../../../components/common/form/TagInput';\nimport type { ServerFormState } from './server-form-types';\nimport { labelCls, hintCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n}\n\nexport function DiscoveryStep({ form, set }: Props) {\n  const [cpInput, setCpInput] = useState('');\n\n  const addProvider = (raw: string) => {\n    const v = raw.trim().toLowerCase();\n    if (v && !form.credential_providers.includes(v)) {\n      set('credential_providers', [...form.credential_providers, v]);\n    }\n    setCpInput('');\n  };\n\n  const removeProvider = (p: string) => {\n    set('credential_providers', form.credential_providers.filter((x) => x !== p));\n  };\n\n  const handleCpKey = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' || e.key === ',') {\n      e.preventDefault();\n      addProvider(cpInput);\n    } else if (e.key === 'Backspace' && !cpInput && form.credential_providers.length > 0) {\n      removeProvider(form.credential_providers[form.credential_providers.length - 1]);\n    }\n  };\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Tags */}\n      <div>\n        <label className={labelCls}>Tags</label>\n        <TagInput\n          tags={form.tags}\n          onChange={(tags) => set('tags', tags)}\n          placeholder=\"Add tag (e.g., database, analytics)...\"\n        />\n        <p className={hintCls}>\n          Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools.\n        </p>\n      </div>\n\n      {/* Compile Hints */}\n      <div>\n        <label className={labelCls}>Compile Hints</label>\n        <textarea\n          value={form.compile_hints}\n          onChange={(e) => set('compile_hints', e.target.value)}\n          placeholder=\"Guidance for the workflow compiler when generating YAML from this server's tools...\"\n          className=\"input text-xs w-full leading-relaxed\"\n          rows={4}\n          spellCheck={false}\n        />\n        <p className={hintCls}>\n          Free-form text that guides the workflow compiler. Describe how tools should be composed, sequenced, or parameterized.\n        </p>\n      </div>\n\n      {/* Credential Providers */}\n      <div>\n        <label className={labelCls}>Credential Providers</label>\n        <div className=\"flex flex-wrap items-center gap-1.5 bg-surface-sunken border border-surface-border rounded-md px-2 py-1.5 focus-within:ring-1 focus-within:ring-accent-primary\">\n          {form.credential_providers.map((p) => (\n            <span\n              key={p}\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\"\n            >\n              {p}\n              <button\n                type=\"button\"\n                onClick={() => removeProvider(p)}\n                className=\"hover:text-status-error transition-colors\"\n              >\n                <X className=\"w-2.5 h-2.5\" />\n              </button>\n            </span>\n          ))}\n          <input\n            type=\"text\"\n            value={cpInput}\n            onChange={(e) => setCpInput(e.target.value)}\n            onKeyDown={handleCpKey}\n            onBlur={() => { if (cpInput.trim()) addProvider(cpInput); }}\n            placeholder={form.credential_providers.length === 0 ? 'Add provider (e.g., github, slack)...' : ''}\n            className=\"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary\"\n          />\n        </div>\n        <p className={hintCls}>\n          IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution.\n        </p>\n      </div>\n    </div>\n  );\n}\n","import { CheckCircle2, XCircle, Loader2 } from 'lucide-react';\nimport { useTestConnection } from '../../../../api/mcp';\nimport type { ServerFormState } from './server-form-types';\nimport { formToPayload } from './server-form-types';\nimport { hintCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n  set: (field: keyof ServerFormState, value: any) => void;\n}\n\nexport function TestStep({ form, set }: Props) {\n  const test = useTestConnection();\n  const isInProcess = form.mode === 'in-process';\n\n  const handleTest = () => {\n    const payload = formToPayload(form);\n    test.mutate(\n      { transport_type: payload.transport_type, transport_config: payload.transport_config },\n      {\n        onSuccess: (result) => {\n          if (result.success) {\n            set('discovered_tools', result.tools);\n          }\n        },\n      },\n    );\n  };\n\n  const result = test.data;\n  const tools = form.discovered_tools ?? result?.tools ?? [];\n\n  return (\n    <div className=\"space-y-5\">\n      {isInProcess ? (\n        <div>\n          <p className=\"text-sm text-text-secondary\">\n            In-process servers connect lazily on first tool call. No connection test needed.\n          </p>\n          {form.discovered_tools && form.discovered_tools.length > 0 && (\n            <div className=\"mt-4\">\n              <p className=\"text-xs text-text-tertiary mb-2\">\n                {form.discovered_tools.length} tool{form.discovered_tools.length !== 1 ? 's' : ''} cached from last connection\n              </p>\n              <ToolList tools={form.discovered_tools} />\n            </div>\n          )}\n        </div>\n      ) : (\n        <>\n          <div className=\"flex items-center gap-3\">\n            <button\n              type=\"button\"\n              onClick={handleTest}\n              disabled={test.isPending}\n              className=\"btn-primary text-xs\"\n            >\n              {test.isPending ? (\n                <span className=\"flex items-center gap-1.5\">\n                  <Loader2 className=\"w-3 h-3 animate-spin\" />\n                  Connecting...\n                </span>\n              ) : (\n                'Test Connection'\n              )}\n            </button>\n            {result?.success && (\n              <span className=\"flex items-center gap-1 text-xs text-status-success\">\n                <CheckCircle2 className=\"w-3.5 h-3.5\" />\n                Connected — {tools.length} tool{tools.length !== 1 ? 's' : ''} discovered\n              </span>\n            )}\n            {result && !result.success && (\n              <span className=\"flex items-center gap-1 text-xs text-status-error\">\n                <XCircle className=\"w-3.5 h-3.5\" />\n                {result.error || 'Connection failed'}\n              </span>\n            )}\n          </div>\n\n          {tools.length > 0 && (\n            <div>\n              <p className=\"text-xs text-text-tertiary mb-2\">Discovered tools</p>\n              <ToolList tools={tools} />\n            </div>\n          )}\n\n          <p className={hintCls}>\n            Tests connectivity by connecting to the server and listing available tools. The server must be reachable from this machine.\n          </p>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction ToolList({ tools }: { tools: { name: string; description?: string }[] }) {\n  return (\n    <div className=\"max-h-[280px] overflow-y-auto border border-surface-border rounded-md divide-y divide-surface-border\">\n      {tools.map((t) => (\n        <div key={t.name} className=\"px-3 py-2\">\n          <span className=\"text-xs font-medium text-text-primary font-mono\">{t.name}</span>\n          {t.description && (\n            <span className=\"block text-2xs text-text-tertiary mt-0.5 line-clamp-2\">{t.description}</span>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { ServerFormState } from './server-form-types';\nimport { labelCls } from './server-form-types';\n\ninterface Props {\n  form: ServerFormState;\n}\n\nconst modeLabels: Record<string, string> = {\n  'in-process': 'In-Process',\n  'network': 'Network Service',\n  'local-process': 'Local Process',\n};\n\nconst transportLabels: Record<string, string> = {\n  stdio: 'stdio',\n  sse: 'SSE',\n  'streamable-http': 'Streamable HTTP',\n};\n\nexport function ReviewStep({ form }: Props) {\n  const tools = form.discovered_tools ?? [];\n\n  return (\n    <div className=\"space-y-4\">\n      <Row label=\"Name\" value={form.name} />\n      {form.description && <Row label=\"Description\" value={form.description} />}\n      <Row label=\"Mode\" value={modeLabels[form.mode] ?? form.mode} />\n\n      {form.mode === 'network' && (\n        <>\n          <Row label=\"Transport\" value={transportLabels[form.transport_type] ?? form.transport_type} />\n          <Row label=\"URL\" value={form.url} mono />\n        </>\n      )}\n      {form.mode === 'local-process' && (\n        <>\n          <Row label=\"Command\" value={form.command} mono />\n          {form.args && <Row label=\"Args\" value={form.args} mono />}\n        </>\n      )}\n\n      <Row label=\"Auto-connect\" value={form.auto_connect ? 'Yes' : 'No'} />\n\n      {form.tags.length > 0 && (\n        <div>\n          <label className={labelCls}>Tags</label>\n          <div className=\"flex flex-wrap gap-1.5 mt-1\">\n            {form.tags.map((t) => (\n              <span key={t} className=\"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\">\n                {t}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {form.credential_providers.length > 0 && (\n        <div>\n          <label className={labelCls}>Credential Providers</label>\n          <div className=\"flex flex-wrap gap-1.5 mt-1\">\n            {form.credential_providers.map((p) => (\n              <span key={p} className=\"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium\">\n                {p}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {form.compile_hints && <Row label=\"Compile Hints\" value={form.compile_hints} />}\n\n      {tools.length > 0 && (\n        <Row label=\"Discovered Tools\" value={`${tools.length} tool${tools.length !== 1 ? 's' : ''}`} />\n      )}\n    </div>\n  );\n}\n\nfunction Row({ label, value, mono }: { label: string; value: string; mono?: boolean }) {\n  return (\n    <div>\n      <label className={labelCls}>{label}</label>\n      <p className={`text-xs text-text-primary mt-0.5 ${mono ? 'font-mono' : ''}`}>{value}</p>\n    </div>\n  );\n}\n","import { useState, useEffect, useCallback } from 'react';\nimport { useParams, useNavigate, useSearchParams } from 'react-router-dom';\nimport { useMcpServer, useCreateMcpServer, useUpdateMcpServer } from '../../../../api/mcp';\nimport { StepIndicator } from '../../../../components/common/layout/StepIndicator';\nimport { PageHeader } from '../../../../components/common/layout/PageHeader';\nimport {\n  EMPTY_FORM,\n  serverToForm,\n  formToPayload,\n  STEP_LABELS,\n  isStepValid,\n} from './server-form-types';\nimport type { ServerFormState } from './server-form-types';\nimport { TransportStep } from './TransportStep';\nimport { DiscoveryStep } from './DiscoveryStep';\nimport { TestStep } from './TestStep';\nimport { ReviewStep } from './ReviewStep';\n\nexport function McpServerDetailPage() {\n  const { serverId } = useParams<{ serverId: string }>();\n  const isNew = !serverId;\n  const navigate = useNavigate();\n  const { data: existing, isLoading } = useMcpServer(serverId ?? '');\n  const createServer = useCreateMcpServer();\n  const updateServer = useUpdateMcpServer();\n\n  const [form, setForm] = useState<ServerFormState>(EMPTY_FORM);\n  const [initialized, setInitialized] = useState(false);\n  const [saveError, setSaveError] = useState('');\n\n  // Step via URL search param\n  const [searchParams, setSearchParams] = useSearchParams();\n  const step = parseInt(searchParams.get('step') || '1', 10);\n  const setStep = useCallback((s: number) => {\n    setSearchParams((prev) => {\n      const next = new URLSearchParams(prev);\n      next.set('step', String(s));\n      return next;\n    }, { replace: false });\n  }, [setSearchParams]);\n\n  // Initialize form from existing record\n  useEffect(() => {\n    if (initialized) return;\n    if (isNew) {\n      setForm(EMPTY_FORM);\n      setInitialized(true);\n      return;\n    }\n    if (existing) {\n      setForm(serverToForm(existing));\n      setInitialized(true);\n    }\n  }, [existing, isNew, initialized]);\n\n  const set = (field: keyof ServerFormState, value: any) =>\n    setForm((f) => ({ ...f, [field]: value }));\n\n  const isBuiltin = !!(existing?.transport_config as any)?.builtin;\n\n  // Save\n  const handleSave = () => {\n    setSaveError('');\n    const payload = formToPayload(form);\n\n    if (existing) {\n      updateServer.mutate(\n        { id: existing.id, ...payload },\n        { onSuccess: () => navigate('/mcp/servers') },\n      );\n    } else {\n      createServer.mutate(payload, {\n        onSuccess: () => navigate('/mcp/servers'),\n        onError: (err) => setSaveError(err.message),\n      });\n    }\n  };\n\n  if (!isNew && isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-60 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!isNew && !existing && !isLoading) {\n    return <p className=\"text-sm text-text-secondary\">Server not found.</p>;\n  }\n\n  const isLast = step === STEP_LABELS.length;\n  const isPending = createServer.isPending || updateServer.isPending;\n  const error = saveError || (createServer.error as Error | null)?.message || (updateServer.error as Error | null)?.message;\n\n  return (\n    <div>\n      <PageHeader title={isNew ? 'Register MCP Server' : existing?.name ?? ''} />\n\n      <div className=\"max-w-3xl\">\n        <StepIndicator steps={STEP_LABELS} currentStep={step - 1} onStepClick={(i) => setStep(i + 1)} />\n\n        <div className=\"min-h-[360px] py-2\">\n          {step === 1 && <TransportStep form={form} set={set} isBuiltin={isBuiltin} />}\n          {step === 2 && <DiscoveryStep form={form} set={set} />}\n          {step === 3 && <TestStep form={form} set={set} />}\n          {step === 4 && <ReviewStep form={form} />}\n        </div>\n\n        {error && (\n          <p className=\"text-xs text-status-error mt-4\">{error}</p>\n        )}\n\n        {/* Navigation */}\n        <div className=\"flex justify-between items-center pt-4 border-t border-surface-border mt-4\">\n          <div>\n            {step > 1 && (\n              <button onClick={() => setStep(step - 1)} className=\"btn-secondary text-xs\">\n                Back\n              </button>\n            )}\n          </div>\n          <div className=\"flex gap-3\">\n            <button onClick={() => navigate('/mcp/servers')} className=\"btn-ghost text-xs\">\n              Cancel\n            </button>\n            {isLast ? (\n              <button\n                onClick={handleSave}\n                disabled={!isStepValid(step, form) || isPending}\n                className=\"btn-primary text-xs\"\n              >\n                {isPending ? 'Saving...' : existing ? 'Save' : 'Register'}\n              </button>\n            ) : (\n              <button\n                onClick={() => setStep(step + 1)}\n                disabled={!isStepValid(step, form)}\n                className=\"btn-primary text-xs\"\n              >\n                Next\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["StepIndicator","steps","currentStep","onStepClick","jsx","label","i","done","active","clickable","jsxs","EMPTY_FORM","serverToForm","config","isBuiltin","mode","formToPayload","form","transport_config","a","headers","STEP_LABELS","isStepValid","step","labelCls","hintCls","MASK","hasSecretValues","text","trimmed","parsed","maskJsonValues","masked","k","SecretJsonField","value","onChange","placeholder","hint","rows","revealed","setRevealed","useState","copied","setCopied","shown","copy","EyeOff","Eye","Check","Copy","e","modes","TransportStep","set","m","disabled","Fragment","t","v","DiscoveryStep","cpInput","setCpInput","addProvider","raw","removeProvider","p","x","handleCpKey","TagInput","tags","X","TestStep","test","useTestConnection","isInProcess","handleTest","payload","result","tools","ToolList","Loader2","CheckCircle2","XCircle","modeLabels","transportLabels","ReviewStep","Row","mono","McpServerDetailPage","serverId","useParams","isNew","navigate","useNavigate","existing","isLoading","useMcpServer","createServer","useCreateMcpServer","updateServer","useUpdateMcpServer","setForm","initialized","setInitialized","saveError","setSaveError","searchParams","setSearchParams","useSearchParams","setStep","useCallback","s","prev","next","useEffect","field","f","_a","handleSave","err","isLast","isPending","error","_b","_c","PageHeader"],"mappings":"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"}

package/dashboard/dist/assets/{index-D4Dlznn9.js → index-DpKOr311.js}

@@ -1,2 +1,2 @@
-import{a as d,j as s}from"./vendor-query-DvWWuNIB.js";import{h as F,i as C,g as u}from"./index-LRYC__mE.js";import{u as M,a as T,b as O,S as $,c as A,d as D,e as R}from"./StreamMessageDetail-Cif2egLy.js";import{u as z}from"./useFilterParams-DBRw1Hcv.js";import{u as E}from"./useNamespace-C2RIh_IN.js";import{b as L}from"./api-path-u2Jf9QXS.js";import{D as I}from"./DataTable-FjFhx0SE.js";import{S as U}from"./StickyPagination-COrfvkBi.js";import{F as q,b as x,a as _}from"./FilterBar-BulSsWb2.js";import{P as B}from"./PageHeader-CMd3f4bz.js";import{L as V}from"./ListToolbar-Df4qZryJ.js";import{X as H,a2 as J}from"./vendor-icons-CeVtUKyP.js";import"./vendor-react-_9U4mKFr.js";import"./controlplane-DgmvnAtU.js";import"./EmptyState-DgC_6njU.js";import"./useContainerWidth-DSLp1gEm.js";function W(l,n){if(l.length<=n)return l;const a=Math.floor((n-1)/2);return`${l.slice(0,a)}…${l.slice(-a)}`}function me(){const{namespace:l,available:n}=E("namespace"),{filters:a,setFilter:t,pagination:r,sort:c,setSort:h}=z({filters:{namespace:"",source:"worker",status:"",stream_name:"",msg_type:"",topic:"",workflow_name:"",jid:"",aid:""}}),[m,g]=d.useState(null),v=d.useMemo(()=>n.map(e=>({value:e,label:e})),[n]),{data:i,isLoading:b,refetch:j,isFetching:w}=M({namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0}),p=(i==null?void 0:i.messages)??[],f=(i==null?void 0:i.total)??0,o=d.useMemo(()=>m?p.find(e=>e.id===m.id&&e.source===m.source)??m:null,[p,m]),S=!!o,[k,N]=d.useState(null);d.useEffect(()=>{o&&N(o)},[o]);const y=o??k,P=[{key:"stream_name",label:"Stream",sortable:!0,render:e=>s.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[s.jsx("span",{className:`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${D[e.status]}`,title:A[e.status]}),s.jsx("span",{className:"font-mono text-xs text-text-secondary truncate",title:e.stream_name,children:e.stream_name})]})},{key:"source",label:"Source",render:e=>s.jsx("span",{className:R,children:e.source}),className:"w-24"},{key:"created_at",label:"Created",sortable:!0,render:e=>s.jsx(u,{date:e.created_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}),className:"w-32"},{key:"reserved_at",label:"Reserved",render:e=>e.reserved_at?s.jsx(u,{date:e.reserved_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"expired_at",label:"Processed",render:e=>e.expired_at?s.jsx(u,{date:e.expired_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"priority",label:"Pri",sortable:!0,render:e=>s.jsx("span",{className:"text-xs text-text-secondary",children:e.priority}),className:"w-14 text-right"},{key:"retry_attempt",label:"Retries",render:e=>s.jsxs("span",{className:"text-xs text-text-secondary whitespace-nowrap",children:[e.retry_attempt,"/",e.max_retry_attempts]}),className:"w-20"}];return s.jsxs("div",{className:"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16",children:[s.jsxs("div",{className:"flex-1 min-w-0 pt-10 pr-10",children:[s.jsx(B,{title:"Messages",docsHash:"#docs:dashboard.md:messages"}),s.jsxs(q,{actions:s.jsx(V,{onRefresh:()=>j(),isFetching:w,apiPath:L("/controlplane/stream-messages",{namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0})}),children:[s.jsx(x,{label:"Namespace",value:a.namespace,onChange:e=>t("namespace",e),options:v,required:!0}),s.jsx(x,{label:"Source",value:a.source,onChange:e=>t("source",e),options:T,required:!0}),s.jsx(x,{label:"Status",value:a.status,onChange:e=>t("status",e),options:O}),s.jsx(_,{label:"Stream",value:a.stream_name,onChange:e=>t("stream_name",e),placeholder:"Filter by stream name…"}),s.jsx(_,{label:"Job ID",value:a.jid,onChange:e=>t("jid",e),placeholder:"Filter by jid…"}),[{key:"topic",label:"Topic",value:a.topic},{key:"workflow_name",label:"Workflow",value:a.workflow_name},{key:"aid",label:"Activity",value:a.aid},{key:"msg_type",label:"Type",value:a.msg_type}].filter(e=>e.value).map(e=>s.jsxs("button",{onClick:()=>t(e.key,""),className:"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors",title:`Clear ${e.label} filter: ${e.value}`,children:[e.label,": ",W(e.value,12),s.jsx(H,{className:"w-2.5 h-2.5"})]},e.key))]}),s.jsx(I,{columns:P,data:p,keyFn:e=>`${e.source}:${e.id}`,isLoading:b,emptyMessage:"No stream messages found",onRowClick:e=>g(e),activeRowKey:o?`${o.source}:${o.id}`:null,sort:c,onSort:h,layout:"fixed"}),s.jsx(U,{page:r.page,totalPages:r.totalPages(f),onPageChange:r.setPage,total:f,pageSize:r.pageSize,onPageSizeChange:r.setPageSize})]}),s.jsx(F,{open:S,width:416,className:"self-stretch",children:s.jsx("div",{className:"h-full pl-4",children:s.jsx(C,{views:[{id:"detail",icon:J,label:"Message Detail",content:y?s.jsx($,{message:y,filters:{onFilterStatus:e=>t("status",e),onFilterStreamName:e=>t("stream_name",e),onFilterMsgType:e=>t("msg_type",e),onFilterTopic:e=>t("topic",e),onFilterWorkflow:e=>t("workflow_name",e),onFilterJid:e=>t("jid",e),onFilterAid:e=>t("aid",e)}}):null}],activeId:"detail",onViewChange:()=>{},onClose:()=>g(null),stickyClassName:"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9"})})})]})}export{me as StreamMessagesPage};
-//# sourceMappingURL=index-D4Dlznn9.js.map
+import{a as d,j as s}from"./vendor-query-DvWWuNIB.js";import{h as F,i as C,g as u}from"./index-CeCtqujG.js";import{u as M,a as T,b as O,S as $,c as A,d as D,e as R}from"./StreamMessageDetail-wX3i0aqs.js";import{u as z}from"./useFilterParams-DBRw1Hcv.js";import{u as E}from"./useNamespace-CqpoQx6D.js";import{b as L}from"./api-path-u2Jf9QXS.js";import{D as I}from"./DataTable-FjFhx0SE.js";import{S as U}from"./StickyPagination-CqbjVY6T.js";import{F as q,b as x,a as _}from"./FilterBar-ABC9ctin.js";import{P as B}from"./PageHeader-CMd3f4bz.js";import{L as V}from"./ListToolbar-gA5rFzkz.js";import{X as H,a2 as J}from"./vendor-icons-CeVtUKyP.js";import"./vendor-react-_9U4mKFr.js";import"./controlplane-D1TGcYsS.js";import"./EmptyState-DgC_6njU.js";import"./useContainerWidth-DSLp1gEm.js";function W(l,n){if(l.length<=n)return l;const a=Math.floor((n-1)/2);return`${l.slice(0,a)}…${l.slice(-a)}`}function me(){const{namespace:l,available:n}=E("namespace"),{filters:a,setFilter:t,pagination:r,sort:c,setSort:h}=z({filters:{namespace:"",source:"worker",status:"",stream_name:"",msg_type:"",topic:"",workflow_name:"",jid:"",aid:""}}),[m,g]=d.useState(null),v=d.useMemo(()=>n.map(e=>({value:e,label:e})),[n]),{data:i,isLoading:b,refetch:j,isFetching:w}=M({namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0}),p=(i==null?void 0:i.messages)??[],f=(i==null?void 0:i.total)??0,o=d.useMemo(()=>m?p.find(e=>e.id===m.id&&e.source===m.source)??m:null,[p,m]),S=!!o,[k,N]=d.useState(null);d.useEffect(()=>{o&&N(o)},[o]);const y=o??k,P=[{key:"stream_name",label:"Stream",sortable:!0,render:e=>s.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[s.jsx("span",{className:`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${D[e.status]}`,title:A[e.status]}),s.jsx("span",{className:"font-mono text-xs text-text-secondary truncate",title:e.stream_name,children:e.stream_name})]})},{key:"source",label:"Source",render:e=>s.jsx("span",{className:R,children:e.source}),className:"w-24"},{key:"created_at",label:"Created",sortable:!0,render:e=>s.jsx(u,{date:e.created_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}),className:"w-32"},{key:"reserved_at",label:"Reserved",render:e=>e.reserved_at?s.jsx(u,{date:e.reserved_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"expired_at",label:"Processed",render:e=>e.expired_at?s.jsx(u,{date:e.expired_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"priority",label:"Pri",sortable:!0,render:e=>s.jsx("span",{className:"text-xs text-text-secondary",children:e.priority}),className:"w-14 text-right"},{key:"retry_attempt",label:"Retries",render:e=>s.jsxs("span",{className:"text-xs text-text-secondary whitespace-nowrap",children:[e.retry_attempt,"/",e.max_retry_attempts]}),className:"w-20"}];return s.jsxs("div",{className:"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16",children:[s.jsxs("div",{className:"flex-1 min-w-0 pt-10 pr-10",children:[s.jsx(B,{title:"Messages",docsHash:"#docs:dashboard.md:messages"}),s.jsxs(q,{actions:s.jsx(V,{onRefresh:()=>j(),isFetching:w,apiPath:L("/controlplane/stream-messages",{namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0})}),children:[s.jsx(x,{label:"Namespace",value:a.namespace,onChange:e=>t("namespace",e),options:v,required:!0}),s.jsx(x,{label:"Source",value:a.source,onChange:e=>t("source",e),options:T,required:!0}),s.jsx(x,{label:"Status",value:a.status,onChange:e=>t("status",e),options:O}),s.jsx(_,{label:"Stream",value:a.stream_name,onChange:e=>t("stream_name",e),placeholder:"Filter by stream name…"}),s.jsx(_,{label:"Job ID",value:a.jid,onChange:e=>t("jid",e),placeholder:"Filter by jid…"}),[{key:"topic",label:"Topic",value:a.topic},{key:"workflow_name",label:"Workflow",value:a.workflow_name},{key:"aid",label:"Activity",value:a.aid},{key:"msg_type",label:"Type",value:a.msg_type}].filter(e=>e.value).map(e=>s.jsxs("button",{onClick:()=>t(e.key,""),className:"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors",title:`Clear ${e.label} filter: ${e.value}`,children:[e.label,": ",W(e.value,12),s.jsx(H,{className:"w-2.5 h-2.5"})]},e.key))]}),s.jsx(I,{columns:P,data:p,keyFn:e=>`${e.source}:${e.id}`,isLoading:b,emptyMessage:"No stream messages found",onRowClick:e=>g(e),activeRowKey:o?`${o.source}:${o.id}`:null,sort:c,onSort:h,layout:"fixed"}),s.jsx(U,{page:r.page,totalPages:r.totalPages(f),onPageChange:r.setPage,total:f,pageSize:r.pageSize,onPageSizeChange:r.setPageSize})]}),s.jsx(F,{open:S,width:416,className:"self-stretch",children:s.jsx("div",{className:"h-full pl-4",children:s.jsx(C,{views:[{id:"detail",icon:J,label:"Message Detail",content:y?s.jsx($,{message:y,filters:{onFilterStatus:e=>t("status",e),onFilterStreamName:e=>t("stream_name",e),onFilterMsgType:e=>t("msg_type",e),onFilterTopic:e=>t("topic",e),onFilterWorkflow:e=>t("workflow_name",e),onFilterJid:e=>t("jid",e),onFilterAid:e=>t("aid",e)}}):null}],activeId:"detail",onViewChange:()=>{},onClose:()=>g(null),stickyClassName:"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9"})})})]})}export{me as StreamMessagesPage};
+//# sourceMappingURL=index-DpKOr311.js.map

package/dashboard/dist/assets/{index-D4Dlznn9.js.map → index-DpKOr311.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D4Dlznn9.js","sources":["../../src/pages/admin/streams/StreamMessagesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport { X, MessageSquare } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews } from '../../../components/common/layout/SlidePanel';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useNamespace } from '../../../hooks/useNamespace';\nimport { buildApiPath } from '../../../lib/api-path';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../../components/common/data/ListToolbar';\nimport { StreamMessageDetail } from './StreamMessageDetail';\nimport { STATUS_DOT, STATUS_LABEL, STATUS_OPTIONS, SOURCE_OPTIONS, SOURCE_BADGE } from './constants';\n\nfunction truncateMiddle(str: string, max: number): string {\n  if (str.length <= max) return str;\n  const half = Math.floor((max - 1) / 2);\n  return `${str.slice(0, half)}…${str.slice(-half)}`;\n}\n\nexport function StreamMessagesPage() {\n  const { namespace, available } = useNamespace('namespace');\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { namespace: '', source: 'worker', status: '', stream_name: '', msg_type: '', topic: '', workflow_name: '', jid: '', aid: '' },\n  });\n\n  const [selected, setSelected] = useState<StreamMessage | null>(null);\n\n  const namespaceOptions = useMemo(\n    () => available.map((id) => ({ value: id, label: id })),\n    [available],\n  );\n\n  const { data, isLoading, refetch, isFetching } = useStreamMessages({\n    namespace: filters.namespace || namespace,\n    source: (filters.source as 'engine' | 'worker') || 'worker',\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    status: (filters.status as any) || undefined,\n    stream_name: filters.stream_name || undefined,\n    msg_type: filters.msg_type || undefined,\n    topic: filters.topic || undefined,\n    workflow_name: filters.workflow_name || undefined,\n    jid: filters.jid || undefined,\n    aid: filters.aid || undefined,\n  });\n\n  const messages = data?.messages ?? [];\n  const total = data?.total ?? 0;\n\n  const activeMessage = useMemo(() => {\n    if (!selected) return null;\n    return messages.find((m) => m.id === selected.id && m.source === selected.source) ?? selected;\n  }, [messages, selected]);\n\n  const panelOpen = !!activeMessage;\n\n  // Hold the last message through the panel's closing animation so the detail\n  // content stays rendered while the panel slides shut.\n  const [lastMessage, setLastMessage] = useState<StreamMessage | null>(null);\n  useEffect(() => {\n    if (activeMessage) setLastMessage(activeMessage);\n  }, [activeMessage]);\n  const displayMessage = activeMessage ?? lastMessage;\n\n  // Status and type live as the dot and the detail panel — the row itself\n  // stays one flexible stream column plus fixed narrow facts, so the table\n  // shrinks with the container (same shape as the executions list).\n  const columns: Column<StreamMessage>[] = [\n    {\n      key: 'stream_name',\n      label: 'Stream',\n      sortable: true,\n      render: (row) => (\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span\n            className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${STATUS_DOT[row.status]}`}\n            title={STATUS_LABEL[row.status]}\n          />\n          <span className=\"font-mono text-xs text-text-secondary truncate\" title={row.stream_name}>\n            {row.stream_name}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'source',\n      label: 'Source',\n      render: (row) => <span className={SOURCE_BADGE}>{row.source}</span>,\n      className: 'w-24',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'reserved_at',\n      label: 'Reserved',\n      render: (row) => row.reserved_at\n        ? <DateValue date={row.reserved_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'expired_at',\n      label: 'Processed',\n      render: (row) => row.expired_at\n        ? <DateValue date={row.expired_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'priority',\n      label: 'Pri',\n      sortable: true,\n      render: (row) => <span className=\"text-xs text-text-secondary\">{row.priority}</span>,\n      className: 'w-14 text-right',\n    },\n    {\n      key: 'retry_attempt',\n      label: 'Retries',\n      render: (row) => (\n        <span className=\"text-xs text-text-secondary whitespace-nowrap\">\n          {row.retry_attempt}/{row.max_retry_attempts}\n        </span>\n      ),\n      className: 'w-20',\n    },\n  ];\n\n  return (\n    // Master-list flow beside a full-height panel: the left column is a plain\n    // page-scrolling list (FilterBar and table headers stick against the main\n    // scroll, exactly like the executions list). The panel column spans the\n    // page height; its sticky viewport stays pinned with its own scroll.\n    // Negative margins let the panel span the full middle row; the left\n    // column re-adds those gutters for its own content.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10\">\n        <PageHeader title=\"Messages\" docsHash=\"#docs:dashboard.md:messages\" />\n\n        <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/controlplane/stream-messages', {\n            namespace: filters.namespace || namespace,\n            source: filters.source || 'worker',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n            status: filters.status || undefined,\n            stream_name: filters.stream_name || undefined,\n            msg_type: filters.msg_type || undefined,\n            topic: filters.topic || undefined,\n            workflow_name: filters.workflow_name || undefined,\n            jid: filters.jid || undefined,\n            aid: filters.aid || undefined,\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={filters.namespace}\n          onChange={(v) => setFilter('namespace', v)}\n          options={namespaceOptions}\n          required\n        />\n        <FilterSelect\n          label=\"Source\"\n          value={filters.source}\n          onChange={(v) => setFilter('source', v)}\n          options={SOURCE_OPTIONS}\n          required\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterInput\n          label=\"Stream\"\n          value={filters.stream_name}\n          onChange={(v) => setFilter('stream_name', v)}\n          placeholder=\"Filter by stream name…\"\n        />\n        <FilterInput\n          label=\"Job ID\"\n          value={filters.jid}\n          onChange={(v) => setFilter('jid', v)}\n          placeholder=\"Filter by jid…\"\n        />\n        {/* Active dimension filter pills — inline in the sticky bar */}\n        {[\n          { key: 'topic', label: 'Topic', value: filters.topic },\n          { key: 'workflow_name', label: 'Workflow', value: filters.workflow_name },\n          { key: 'aid', label: 'Activity', value: filters.aid },\n          { key: 'msg_type', label: 'Type', value: filters.msg_type },\n        ].filter((f) => f.value).map((f) => (\n          <button\n            key={f.key}\n            onClick={() => setFilter(f.key as any, '')}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors\"\n            title={`Clear ${f.label} filter: ${f.value}`}\n          >\n            {f.label}: {truncateMiddle(f.value, 12)}\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        ))}\n      </FilterBar>\n\n        <DataTable\n          columns={columns}\n          data={messages}\n          keyFn={(row) => `${row.source}:${row.id}`}\n          isLoading={isLoading}\n          emptyMessage=\"No stream messages found\"\n          onRowClick={(row) => setSelected(row)}\n          activeRowKey={activeMessage ? `${activeMessage.source}:${activeMessage.id}` : null}\n          sort={sort}\n          onSort={setSort}\n          layout=\"fixed\"\n        />\n\n        {/* Direct child of the tall column so sticky works; its -mx-10 fills\n            the column's pr-10, ending flush at the panel's edge. */}\n        <StickyPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          onPageChange={pagination.setPage}\n          total={total}\n          pageSize={pagination.pageSize}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      </div>\n\n      {/* Detail panel — spans the page height; the sticky viewport keeps the\n          chrome pinned to the visible area with its own scroll. */}\n      <SlidePanel open={panelOpen} width={416} className=\"self-stretch\">\n        <div className=\"h-full pl-4\">\n          <SlidePanelViews\n            views={[{\n              id: 'detail',\n              icon: MessageSquare,\n              label: 'Message Detail',\n              content: displayMessage ? (\n                <StreamMessageDetail\n                  message={displayMessage}\n                  filters={{\n                    onFilterStatus: (v) => setFilter('status', v),\n                    onFilterStreamName: (v) => setFilter('stream_name', v),\n                    onFilterMsgType: (v) => setFilter('msg_type', v),\n                    onFilterTopic: (v) => setFilter('topic', v),\n                    onFilterWorkflow: (v) => setFilter('workflow_name', v),\n                    onFilterJid: (v) => setFilter('jid', v),\n                    onFilterAid: (v) => setFilter('aid', v),\n                  }}\n                />\n              ) : null,\n            }]}\n            activeId=\"detail\"\n            onViewChange={() => {}}\n            onClose={() => setSelected(null)}\n            stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n          />\n        </div>\n      </SlidePanel>\n    </div>\n  );\n}\n"],"names":["truncateMiddle","str","max","half","StreamMessagesPage","namespace","available","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","selected","setSelected","useState","namespaceOptions","useMemo","id","data","isLoading","refetch","isFetching","useStreamMessages","messages","total","activeMessage","m","panelOpen","lastMessage","setLastMessage","useEffect","displayMessage","columns","row","jsxs","jsx","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","DateValue","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","SOURCE_OPTIONS","STATUS_OPTIONS","FilterInput","f","X","DataTable","StickyPagination","SlidePanel","SlidePanelViews","MessageSquare","StreamMessageDetail"],"mappings":"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"}
+{"version":3,"file":"index-DpKOr311.js","sources":["../../src/pages/admin/streams/StreamMessagesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport { X, MessageSquare } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews } from '../../../components/common/layout/SlidePanel';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useNamespace } from '../../../hooks/useNamespace';\nimport { buildApiPath } from '../../../lib/api-path';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../../components/common/data/ListToolbar';\nimport { StreamMessageDetail } from './StreamMessageDetail';\nimport { STATUS_DOT, STATUS_LABEL, STATUS_OPTIONS, SOURCE_OPTIONS, SOURCE_BADGE } from './constants';\n\nfunction truncateMiddle(str: string, max: number): string {\n  if (str.length <= max) return str;\n  const half = Math.floor((max - 1) / 2);\n  return `${str.slice(0, half)}…${str.slice(-half)}`;\n}\n\nexport function StreamMessagesPage() {\n  const { namespace, available } = useNamespace('namespace');\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { namespace: '', source: 'worker', status: '', stream_name: '', msg_type: '', topic: '', workflow_name: '', jid: '', aid: '' },\n  });\n\n  const [selected, setSelected] = useState<StreamMessage | null>(null);\n\n  const namespaceOptions = useMemo(\n    () => available.map((id) => ({ value: id, label: id })),\n    [available],\n  );\n\n  const { data, isLoading, refetch, isFetching } = useStreamMessages({\n    namespace: filters.namespace || namespace,\n    source: (filters.source as 'engine' | 'worker') || 'worker',\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    status: (filters.status as any) || undefined,\n    stream_name: filters.stream_name || undefined,\n    msg_type: filters.msg_type || undefined,\n    topic: filters.topic || undefined,\n    workflow_name: filters.workflow_name || undefined,\n    jid: filters.jid || undefined,\n    aid: filters.aid || undefined,\n  });\n\n  const messages = data?.messages ?? [];\n  const total = data?.total ?? 0;\n\n  const activeMessage = useMemo(() => {\n    if (!selected) return null;\n    return messages.find((m) => m.id === selected.id && m.source === selected.source) ?? selected;\n  }, [messages, selected]);\n\n  const panelOpen = !!activeMessage;\n\n  // Hold the last message through the panel's closing animation so the detail\n  // content stays rendered while the panel slides shut.\n  const [lastMessage, setLastMessage] = useState<StreamMessage | null>(null);\n  useEffect(() => {\n    if (activeMessage) setLastMessage(activeMessage);\n  }, [activeMessage]);\n  const displayMessage = activeMessage ?? lastMessage;\n\n  // Status and type live as the dot and the detail panel — the row itself\n  // stays one flexible stream column plus fixed narrow facts, so the table\n  // shrinks with the container (same shape as the executions list).\n  const columns: Column<StreamMessage>[] = [\n    {\n      key: 'stream_name',\n      label: 'Stream',\n      sortable: true,\n      render: (row) => (\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span\n            className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${STATUS_DOT[row.status]}`}\n            title={STATUS_LABEL[row.status]}\n          />\n          <span className=\"font-mono text-xs text-text-secondary truncate\" title={row.stream_name}>\n            {row.stream_name}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'source',\n      label: 'Source',\n      render: (row) => <span className={SOURCE_BADGE}>{row.source}</span>,\n      className: 'w-24',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'reserved_at',\n      label: 'Reserved',\n      render: (row) => row.reserved_at\n        ? <DateValue date={row.reserved_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'expired_at',\n      label: 'Processed',\n      render: (row) => row.expired_at\n        ? <DateValue date={row.expired_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'priority',\n      label: 'Pri',\n      sortable: true,\n      render: (row) => <span className=\"text-xs text-text-secondary\">{row.priority}</span>,\n      className: 'w-14 text-right',\n    },\n    {\n      key: 'retry_attempt',\n      label: 'Retries',\n      render: (row) => (\n        <span className=\"text-xs text-text-secondary whitespace-nowrap\">\n          {row.retry_attempt}/{row.max_retry_attempts}\n        </span>\n      ),\n      className: 'w-20',\n    },\n  ];\n\n  return (\n    // Master-list flow beside a full-height panel: the left column is a plain\n    // page-scrolling list (FilterBar and table headers stick against the main\n    // scroll, exactly like the executions list). The panel column spans the\n    // page height; its sticky viewport stays pinned with its own scroll.\n    // Negative margins let the panel span the full middle row; the left\n    // column re-adds those gutters for its own content.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10\">\n        <PageHeader title=\"Messages\" docsHash=\"#docs:dashboard.md:messages\" />\n\n        <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/controlplane/stream-messages', {\n            namespace: filters.namespace || namespace,\n            source: filters.source || 'worker',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n            status: filters.status || undefined,\n            stream_name: filters.stream_name || undefined,\n            msg_type: filters.msg_type || undefined,\n            topic: filters.topic || undefined,\n            workflow_name: filters.workflow_name || undefined,\n            jid: filters.jid || undefined,\n            aid: filters.aid || undefined,\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={filters.namespace}\n          onChange={(v) => setFilter('namespace', v)}\n          options={namespaceOptions}\n          required\n        />\n        <FilterSelect\n          label=\"Source\"\n          value={filters.source}\n          onChange={(v) => setFilter('source', v)}\n          options={SOURCE_OPTIONS}\n          required\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterInput\n          label=\"Stream\"\n          value={filters.stream_name}\n          onChange={(v) => setFilter('stream_name', v)}\n          placeholder=\"Filter by stream name…\"\n        />\n        <FilterInput\n          label=\"Job ID\"\n          value={filters.jid}\n          onChange={(v) => setFilter('jid', v)}\n          placeholder=\"Filter by jid…\"\n        />\n        {/* Active dimension filter pills — inline in the sticky bar */}\n        {[\n          { key: 'topic', label: 'Topic', value: filters.topic },\n          { key: 'workflow_name', label: 'Workflow', value: filters.workflow_name },\n          { key: 'aid', label: 'Activity', value: filters.aid },\n          { key: 'msg_type', label: 'Type', value: filters.msg_type },\n        ].filter((f) => f.value).map((f) => (\n          <button\n            key={f.key}\n            onClick={() => setFilter(f.key as any, '')}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors\"\n            title={`Clear ${f.label} filter: ${f.value}`}\n          >\n            {f.label}: {truncateMiddle(f.value, 12)}\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        ))}\n      </FilterBar>\n\n        <DataTable\n          columns={columns}\n          data={messages}\n          keyFn={(row) => `${row.source}:${row.id}`}\n          isLoading={isLoading}\n          emptyMessage=\"No stream messages found\"\n          onRowClick={(row) => setSelected(row)}\n          activeRowKey={activeMessage ? `${activeMessage.source}:${activeMessage.id}` : null}\n          sort={sort}\n          onSort={setSort}\n          layout=\"fixed\"\n        />\n\n        {/* Direct child of the tall column so sticky works; its -mx-10 fills\n            the column's pr-10, ending flush at the panel's edge. */}\n        <StickyPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          onPageChange={pagination.setPage}\n          total={total}\n          pageSize={pagination.pageSize}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      </div>\n\n      {/* Detail panel — spans the page height; the sticky viewport keeps the\n          chrome pinned to the visible area with its own scroll. */}\n      <SlidePanel open={panelOpen} width={416} className=\"self-stretch\">\n        <div className=\"h-full pl-4\">\n          <SlidePanelViews\n            views={[{\n              id: 'detail',\n              icon: MessageSquare,\n              label: 'Message Detail',\n              content: displayMessage ? (\n                <StreamMessageDetail\n                  message={displayMessage}\n                  filters={{\n                    onFilterStatus: (v) => setFilter('status', v),\n                    onFilterStreamName: (v) => setFilter('stream_name', v),\n                    onFilterMsgType: (v) => setFilter('msg_type', v),\n                    onFilterTopic: (v) => setFilter('topic', v),\n                    onFilterWorkflow: (v) => setFilter('workflow_name', v),\n                    onFilterJid: (v) => setFilter('jid', v),\n                    onFilterAid: (v) => setFilter('aid', v),\n                  }}\n                />\n              ) : null,\n            }]}\n            activeId=\"detail\"\n            onViewChange={() => {}}\n            onClose={() => setSelected(null)}\n            stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n          />\n        </div>\n      </SlidePanel>\n    </div>\n  );\n}\n"],"names":["truncateMiddle","str","max","half","StreamMessagesPage","namespace","available","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","selected","setSelected","useState","namespaceOptions","useMemo","id","data","isLoading","refetch","isFetching","useStreamMessages","messages","total","activeMessage","m","panelOpen","lastMessage","setLastMessage","useEffect","displayMessage","columns","row","jsxs","jsx","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","DateValue","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","SOURCE_OPTIONS","STATUS_OPTIONS","FilterInput","f","X","DataTable","StickyPagination","SlidePanel","SlidePanelViews","MessageSquare","StreamMessageDetail"],"mappings":"kxBAgBA,SAASA,EAAeC,EAAaC,EAAqB,CACxD,GAAID,EAAI,QAAUC,EAAK,OAAOD,EAC9B,MAAME,EAAO,KAAK,OAAOD,EAAM,GAAK,CAAC,EACrC,MAAO,GAAGD,EAAI,MAAM,EAAGE,CAAI,CAAC,IAAIF,EAAI,MAAM,CAACE,CAAI,CAAC,EAClD,CAEO,SAASC,IAAqB,CACnC,KAAM,CAAE,UAAAC,EAAW,UAAAC,GAAcC,EAAa,WAAW,EAEnD,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,EAAY,KAAAC,EAAM,QAAAC,CAAA,EAAYC,EAAgB,CACxE,QAAS,CAAE,UAAW,GAAI,OAAQ,SAAU,OAAQ,GAAI,YAAa,GAAI,SAAU,GAAI,MAAO,GAAI,cAAe,GAAI,IAAK,GAAI,IAAK,EAAA,CAAG,CACvI,EAEK,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAA+B,IAAI,EAE7DC,EAAmBC,EAAAA,QACvB,IAAMZ,EAAU,IAAKa,IAAQ,CAAE,MAAOA,EAAI,MAAOA,CAAA,EAAK,EACtD,CAACb,CAAS,CAAA,EAGN,CAAE,KAAAc,EAAM,UAAAC,EAAW,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAkB,CACjE,UAAWhB,EAAQ,WAAaH,EAChC,OAASG,EAAQ,QAAkC,SACnD,MAAOE,EAAW,SAClB,OAAQA,EAAW,OACnB,QAASC,EAAK,SAAW,aACzB,MAAOA,EAAK,OAAS,OACrB,OAASH,EAAQ,QAAkB,OACnC,YAAaA,EAAQ,aAAe,OACpC,SAAUA,EAAQ,UAAY,OAC9B,MAAOA,EAAQ,OAAS,OACxB,cAAeA,EAAQ,eAAiB,OACxC,IAAKA,EAAQ,KAAO,OACpB,IAAKA,EAAQ,KAAO,MAAA,CACrB,EAEKiB,GAAWL,GAAA,YAAAA,EAAM,WAAY,CAAA,EAC7BM,GAAQN,GAAA,YAAAA,EAAM,QAAS,EAEvBO,EAAgBT,EAAAA,QAAQ,IACvBJ,EACEW,EAAS,KAAMG,GAAMA,EAAE,KAAOd,EAAS,IAAMc,EAAE,SAAWd,EAAS,MAAM,GAAKA,EAD/D,KAErB,CAACW,EAAUX,CAAQ,CAAC,EAEjBe,EAAY,CAAC,CAACF,EAId,CAACG,EAAaC,CAAc,EAAIf,EAAAA,SAA+B,IAAI,EACzEgB,EAAAA,UAAU,IAAM,CACVL,KAA8BA,CAAa,CACjD,EAAG,CAACA,CAAa,CAAC,EAClB,MAAMM,EAAiBN,GAAiBG,EAKlCI,EAAmC,CACvC,CACE,IAAK,cACL,MAAO,SACP,SAAU,GACV,OAASC,GACPC,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,UAAW,8CAA8CC,EAAWH,EAAI,MAAM,CAAC,GAC/E,MAAOI,EAAaJ,EAAI,MAAM,CAAA,CAAA,EAEhCE,EAAAA,IAAC,QAAK,UAAU,iDAAiD,MAAOF,EAAI,YACzE,WAAI,WAAA,CACP,CAAA,CAAA,CACF,CAAA,EAGJ,CACE,IAAK,SACL,MAAO,SACP,OAASA,GAAQE,EAAAA,IAAC,QAAK,UAAWG,EAAe,WAAI,OAAO,EAC5D,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,SAAU,GACV,OAASL,GAAQE,MAACI,EAAA,CAAU,KAAMN,EAAI,WAAY,OAAO,WAAW,UAAU,+CAAA,CAAgD,EAC9H,UAAW,MAAA,EAEb,CACE,IAAK,cACL,MAAO,WACP,OAASA,GAAQA,EAAI,YACjBE,MAACI,GAAU,KAAMN,EAAI,YAAa,OAAO,WAAW,UAAU,gDAAgD,QAC7G,OAAA,CAAK,UAAU,6BAA6B,SAAA,IAAC,EAClD,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,YACP,OAASA,GAAQA,EAAI,WACjBE,MAACI,GAAU,KAAMN,EAAI,WAAY,OAAO,WAAW,UAAU,gDAAgD,QAC5G,OAAA,CAAK,UAAU,6BAA6B,SAAA,IAAC,EAClD,UAAW,MAAA,EAEb,CACE,IAAK,WACL,MAAO,MACP,SAAU,GACV,OAASA,GAAQE,EAAAA,IAAC,QAAK,UAAU,8BAA+B,WAAI,SAAS,EAC7E,UAAW,iBAAA,EAEb,CACE,IAAK,gBACL,MAAO,UACP,OAASF,GACPC,EAAAA,KAAC,OAAA,CAAK,UAAU,gDACb,SAAA,CAAAD,EAAI,cAAc,IAAEA,EAAI,kBAAA,EAC3B,EAEF,UAAW,MAAA,CACb,EAGF,OAOEC,EAAAA,KAAC,MAAA,CAAI,UAAU,kDACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,6BACb,SAAA,CAAAC,EAAAA,IAACK,EAAA,CAAW,MAAM,WAAW,SAAS,8BAA8B,EAEpEN,OAACO,GAAU,QACXN,EAAAA,IAACO,EAAA,CACC,UAAW,IAAMtB,EAAA,EACjB,WAAAC,EACA,QAASsB,EAAa,gCAAiC,CACrD,UAAWrC,EAAQ,WAAaH,EAChC,OAAQG,EAAQ,QAAU,SAC1B,MAAOE,EAAW,SAClB,OAAQA,EAAW,OACnB,QAASC,EAAK,SAAW,aACzB,MAAOA,EAAK,OAAS,OACrB,OAAQH,EAAQ,QAAU,OAC1B,YAAaA,EAAQ,aAAe,OACpC,SAAUA,EAAQ,UAAY,OAC9B,MAAOA,EAAQ,OAAS,OACxB,cAAeA,EAAQ,eAAiB,OACxC,IAAKA,EAAQ,KAAO,OACpB,IAAKA,EAAQ,KAAO,MAAA,CACrB,CAAA,CAAA,EAGH,SAAA,CAAA6B,EAAAA,IAACS,EAAA,CACC,MAAM,YACN,MAAOtC,EAAQ,UACf,SAAWuC,GAAMtC,EAAU,YAAasC,CAAC,EACzC,QAAS9B,EACT,SAAQ,EAAA,CAAA,EAEVoB,EAAAA,IAACS,EAAA,CACC,MAAM,SACN,MAAOtC,EAAQ,OACf,SAAWuC,GAAMtC,EAAU,SAAUsC,CAAC,EACtC,QAASC,EACT,SAAQ,EAAA,CAAA,EAEVX,EAAAA,IAACS,EAAA,CACC,MAAM,SACN,MAAOtC,EAAQ,OACf,SAAWuC,GAAMtC,EAAU,SAAUsC,CAAC,EACtC,QAASE,CAAA,CAAA,EAEXZ,EAAAA,IAACa,EAAA,CACC,MAAM,SACN,MAAO1C,EAAQ,YACf,SAAWuC,GAAMtC,EAAU,cAAesC,CAAC,EAC3C,YAAY,wBAAA,CAAA,EAEdV,EAAAA,IAACa,EAAA,CACC,MAAM,SACN,MAAO1C,EAAQ,IACf,SAAWuC,GAAMtC,EAAU,MAAOsC,CAAC,EACnC,YAAY,gBAAA,CAAA,EAGb,CACC,CAAE,IAAK,QAAS,MAAO,QAAS,MAAOvC,EAAQ,KAAA,EAC/C,CAAE,IAAK,gBAAiB,MAAO,WAAY,MAAOA,EAAQ,aAAA,EAC1D,CAAE,IAAK,MAAO,MAAO,WAAY,MAAOA,EAAQ,GAAA,EAChD,CAAE,IAAK,WAAY,MAAO,OAAQ,MAAOA,EAAQ,QAAA,CAAS,EAC1D,OAAQ2C,GAAMA,EAAE,KAAK,EAAE,IAAKA,GAC5Bf,EAAAA,KAAC,SAAA,CAEC,QAAS,IAAM3B,EAAU0C,EAAE,IAAY,EAAE,EACzC,UAAU,2IACV,MAAO,SAASA,EAAE,KAAK,YAAYA,EAAE,KAAK,GAEzC,SAAA,CAAAA,EAAE,MAAM,KAAGnD,EAAemD,EAAE,MAAO,EAAE,EACtCd,EAAAA,IAACe,EAAA,CAAE,UAAU,aAAA,CAAc,CAAA,CAAA,EANtBD,EAAE,GAAA,CAQV,CAAA,EACH,EAEEd,EAAAA,IAACgB,EAAA,CACC,QAAAnB,EACA,KAAMT,EACN,MAAQU,GAAQ,GAAGA,EAAI,MAAM,IAAIA,EAAI,EAAE,GACvC,UAAAd,EACA,aAAa,2BACb,WAAac,GAAQpB,EAAYoB,CAAG,EACpC,aAAcR,EAAgB,GAAGA,EAAc,MAAM,IAAIA,EAAc,EAAE,GAAK,KAC9E,KAAAhB,EACA,OAAQC,EACR,OAAO,OAAA,CAAA,EAKTyB,EAAAA,IAACiB,EAAA,CACC,KAAM5C,EAAW,KACjB,WAAYA,EAAW,WAAWgB,CAAK,EACvC,aAAchB,EAAW,QACzB,MAAAgB,EACA,SAAUhB,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,EAIA2B,EAAAA,IAACkB,EAAA,CAAW,KAAM1B,EAAW,MAAO,IAAK,UAAU,eACjD,SAAAQ,EAAAA,IAAC,MAAA,CAAI,UAAU,cACb,SAAAA,EAAAA,IAACmB,EAAA,CACC,MAAO,CAAC,CACN,GAAI,SACJ,KAAMC,EACN,MAAO,iBACP,QAASxB,EACPI,EAAAA,IAACqB,EAAA,CACC,QAASzB,EACT,QAAS,CACP,eAAiBc,GAAMtC,EAAU,SAAUsC,CAAC,EAC5C,mBAAqBA,GAAMtC,EAAU,cAAesC,CAAC,EACrD,gBAAkBA,GAAMtC,EAAU,WAAYsC,CAAC,EAC/C,cAAgBA,GAAMtC,EAAU,QAASsC,CAAC,EAC1C,iBAAmBA,GAAMtC,EAAU,gBAAiBsC,CAAC,EACrD,YAAcA,GAAMtC,EAAU,MAAOsC,CAAC,EACtC,YAAcA,GAAMtC,EAAU,MAAOsC,CAAC,CAAA,CACxC,CAAA,EAEA,IAAA,CACL,EACD,SAAS,SACT,aAAc,IAAM,CAAC,EACrB,QAAS,IAAMhC,EAAY,IAAI,EAC/B,gBAAgB,gDAAA,CAAA,EAEpB,CAAA,CACF,CAAA,CAAA,CACF,CAEJ"}

package/dashboard/dist/assets/{index-CnOvJz6U.js → index-Dy1wWu2e.js}

@@ -1,2 +1,2 @@
-import{c as k,u as R,b as O,j as e,a as d}from"./vendor-query-DvWWuNIB.js";import{P as F}from"./PageHeader-CMd3f4bz.js";import{m as b,M}from"./index-LRYC__mE.js";import{R as g,C}from"./constants-CeBBTzf5.js";import{bK as E,aF as T,az as W,Q as j,z as I,ax as D}from"./vendor-icons-CeVtUKyP.js";import"./vendor-react-_9U4mKFr.js";function $(){return R({queryKey:["maintenance"],queryFn:()=>b("/config/maintenance")})}function _(){const t=O();return k({mutationFn:r=>b("/config/maintenance",{method:"PUT",body:JSON.stringify(r)}),onSuccess:()=>{t.invalidateQueries({queryKey:["maintenance"]})}})}function q(){return k({mutationFn:t=>b("/dba/prune",{method:"POST",body:JSON.stringify(t)})})}function v({checked:t,onToggle:r,label:a,hint:s,safety:i,value:l,onChange:c}){const n=i==="safe"?W:i==="moderate"?E:T,o=i==="safe"?"text-status-success":i==="moderate"?"text-status-warning":"text-status-error",p=i==="safe"?"Safe":i==="moderate"?"Careful":"Permanent";return e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("label",{className:"flex items-center gap-2.5 cursor-pointer w-80 shrink-0",children:[e.jsx("input",{type:"checkbox",checked:t,onChange:x=>r(x.target.checked),className:"w-4 h-4 rounded border-border accent-accent shrink-0"}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-text-primary",children:a}),e.jsxs("span",{className:`flex items-center gap-0.5 text-2xs ${o}`,children:[e.jsx(n,{className:"w-3 h-3",strokeWidth:1.5}),p]})]}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:s})]})]}),e.jsx("select",{value:l,onChange:x=>c(x.target.value),disabled:!t,className:`select text-xs w-36 transition-opacity ${t?"":"opacity-40 cursor-not-allowed"}`,children:g.map(x=>e.jsx("option",{value:x.value,children:x.label},x.value))})]})}function L(){return e.jsxs("div",{className:"flex items-start gap-2 mt-2 px-3 py-2 rounded bg-surface-sunken",children:[e.jsx(j,{className:"w-3.5 h-3.5 text-text-tertiary shrink-0 mt-0.5"}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Stripping preserves workflow results and timeline data needed for the execution detail view. Transient jobs are internal bookkeeping that accumulates over time."})]})}const f={pruneJobs:!0,expire:"30 days",engineStreams:!0,engineStreamsExpire:"1 day",workerStreams:!0,workerStreamsExpire:"90 days",stripAttributes:!1,pruneTransient:!1};function N(t){return t.pruneJobs||t.engineStreams||t.workerStreams||t.stripAttributes||t.pruneTransient}function P({fields:t,onChange:r}){const a=(s,i)=>r({...t,[s]:i});return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Stream Messages"}),e.jsx("p",{className:"text-2xs text-text-tertiary mb-4",children:"Processed routing messages. Already consumed — safe to remove after a short retention window."}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(v,{checked:t.engineStreams,onToggle:s=>a("engineStreams",s),label:"Engine messages",hint:"Internal orchestration signals",safety:"safe",value:t.engineStreamsExpire,onChange:s=>a("engineStreamsExpire",s)}),e.jsx(v,{checked:t.workerStreams,onToggle:s=>a("workerStreams",s),label:"Worker messages",hint:"Activity dispatch and response payloads",safety:"safe",value:t.workerStreamsExpire,onChange:s=>a("workerStreamsExpire",s)})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Completed Workflows"}),e.jsx("p",{className:"text-2xs text-text-tertiary mb-4",children:"Choose how to handle completed workflow records. Reducing strips step-level detail but keeps the workflow and its results. Deleting removes the record entirely."}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("label",{className:"flex items-start gap-2.5 cursor-pointer",children:[e.jsx("input",{type:"radio",name:"workflow-cleanup",checked:!t.stripAttributes&&!t.pruneJobs,onChange:()=>r({...t,stripAttributes:!1,pruneJobs:!1}),className:"w-4 h-4 mt-0.5 accent-accent shrink-0"}),e.jsxs("div",{children:[e.jsx("span",{className:"text-xs text-text-primary",children:"Keep as-is"}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"No changes to completed workflow records."})]})]}),e.jsxs("div",{className:"flex items-start gap-2.5",children:[e.jsxs("label",{className:"flex items-start gap-2.5 cursor-pointer w-80 shrink-0",children:[e.jsx("input",{type:"radio",name:"workflow-cleanup",checked:t.stripAttributes&&!t.pruneJobs,onChange:()=>r({...t,stripAttributes:!0,pruneJobs:!1}),className:"w-4 h-4 mt-0.5 accent-accent shrink-0"}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-text-primary",children:"Reduce completed workflows"}),e.jsxs("span",{className:"flex items-center gap-0.5 text-2xs text-status-warning",children:[e.jsx(E,{className:"w-3 h-3",strokeWidth:1.5}),"Careful"]})]}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Strips step-level execution detail (activity inputs/outputs, internal state). Workflow results and timeline are preserved."})]})]}),e.jsx("select",{value:t.expire,onChange:s=>a("expire",s.target.value),disabled:!t.stripAttributes||t.pruneJobs,className:`select text-xs w-36 transition-opacity mt-0.5 ${!t.stripAttributes||t.pruneJobs?"opacity-40 cursor-not-allowed":""}`,children:g.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))})]}),e.jsxs("div",{className:"flex items-start gap-2.5",children:[e.jsxs("label",{className:"flex items-start gap-2.5 cursor-pointer w-80 shrink-0",children:[e.jsx("input",{type:"radio",name:"workflow-cleanup",checked:t.pruneJobs,onChange:()=>r({...t,pruneJobs:!0,stripAttributes:!1}),className:"w-4 h-4 mt-0.5 accent-accent shrink-0"}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-text-primary",children:"Delete completed workflows"}),e.jsxs("span",{className:"flex items-center gap-0.5 text-2xs text-status-error",children:[e.jsx(T,{className:"w-3 h-3",strokeWidth:1.5}),"Permanent"]})]}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Permanently removes workflow records. Results, timeline, and all execution data are deleted and cannot be recovered."})]})]}),e.jsx("select",{value:t.expire,onChange:s=>a("expire",s.target.value),disabled:!t.pruneJobs,className:`select text-xs w-36 transition-opacity mt-0.5 ${t.pruneJobs?"":"opacity-40 cursor-not-allowed"}`,children:g.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))})]})]}),e.jsx(L,{})]})]})}function m({label:t,value:r}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-lg font-light text-text-primary",children:r.toLocaleString()}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:t})]})}function K(){const t=q(),[r,a]=d.useState(f),[s,i]=d.useState(null),[l,c]=d.useState(!1),n=()=>{i(null),t.mutate({expire:r.expire,jobs:r.pruneJobs,engineStreams:r.engineStreams,engineStreamsExpire:r.engineStreamsExpire,workerStreams:r.workerStreams,workerStreamsExpire:r.workerStreamsExpire,attributes:r.stripAttributes,pruneTransient:r.pruneTransient},{onSuccess:o=>{i(o),c(!1)}})};return e.jsxs("div",{className:"space-y-8",children:[e.jsx(P,{fields:r,onChange:a}),e.jsxs("div",{className:"flex items-center justify-between pt-2 border-t border-surface-border",children:[e.jsx("p",{className:"text-2xs text-text-tertiary",children:N(r)?"This action permanently deletes data and cannot be undone.":"Select at least one operation to enable pruning."}),e.jsx("button",{onClick:()=>c(!0),disabled:!N(r)||t.isPending,className:"bg-status-error text-text-inverse px-4 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity disabled:opacity-40 shrink-0",children:t.isPending?"Pruning...":"Prune Now"})]}),s&&e.jsxs("div",{className:"bg-surface-sunken rounded-md px-4 py-3",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-2",children:"Results"}),e.jsxs("div",{className:"flex flex-wrap gap-6",children:[s.jobs!=null&&s.jobs>0&&e.jsx(m,{label:"Jobs deleted",value:s.jobs}),s.engineStreams!=null&&s.engineStreams>0&&e.jsx(m,{label:"Engine streams",value:s.engineStreams}),s.workerStreams!=null&&s.workerStreams>0&&e.jsx(m,{label:"Worker streams",value:s.workerStreams}),s.streams!=null&&s.engineStreams==null&&s.streams>0&&e.jsx(m,{label:"Streams",value:s.streams}),s.attributes!=null&&s.attributes>0&&e.jsx(m,{label:"Artifacts stripped",value:s.attributes}),s.transient!=null&&s.transient>0&&e.jsx(m,{label:"Transient deleted",value:s.transient}),s.marked!=null&&s.marked>0&&e.jsx(m,{label:"Marked pruned",value:s.marked}),Object.values(s).every(o=>!o||o===0)&&e.jsx("p",{className:"text-xs text-text-tertiary",children:"Nothing to prune within the selected retention windows."})]})]}),t.error&&e.jsx("p",{className:"text-xs text-status-error",children:t.error.message}),e.jsx(M,{open:l,onClose:()=>c(!1),title:"Confirm Prune",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-text-secondary",children:"This will permanently delete data. This action cannot be undone."}),e.jsxs("ul",{className:"text-xs text-text-secondary space-y-1 list-disc list-inside",children:[r.pruneJobs&&e.jsxs("li",{children:["Delete jobs older than ",r.expire]}),r.engineStreams&&e.jsxs("li",{children:["Delete engine streams older than ",r.engineStreamsExpire]}),r.workerStreams&&e.jsxs("li",{children:["Delete worker streams older than ",r.workerStreamsExpire]}),r.stripAttributes&&e.jsx("li",{children:"Strip execution artifacts from completed jobs"}),r.pruneTransient&&e.jsx("li",{children:"Delete transient (entity-less) jobs"})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:()=>c(!1),className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:n,className:"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity",disabled:t.isPending,children:t.isPending?"Pruning...":"Confirm Prune"})]})]})})]})}function w(t){var c;if(!((c=t==null?void 0:t.rules)!=null&&c.length))return f;const r=t.rules,a=r.find(n=>n.target==="streams"&&n.action==="delete"),s=r.find(n=>n.target==="jobs"&&n.action==="delete"&&n.hasEntity===!1),i=r.find(n=>n.target==="jobs"&&n.action==="prune"&&n.hasEntity===!0),l=r.find(n=>n.target==="jobs"&&n.action==="delete"&&n.pruned===!0);return{pruneJobs:!!l,expire:(l==null?void 0:l.olderThan)??"180 days",engineStreams:!!a,engineStreamsExpire:(a==null?void 0:a.olderThan)??"1 day",workerStreams:!!a,workerStreamsExpire:(a==null?void 0:a.olderThan)??"90 days",stripAttributes:!!i,pruneTransient:!!s}}function Q(t){const r=[];return t.engineStreams&&r.push({target:"streams",action:"delete",olderThan:t.engineStreamsExpire}),t.workerStreams&&t.workerStreamsExpire!==t.engineStreamsExpire&&r.push({target:"streams",action:"delete",olderThan:t.workerStreamsExpire}),t.pruneTransient&&r.push({target:"jobs",action:"delete",olderThan:t.expire,hasEntity:!1}),t.stripAttributes&&r.push({target:"jobs",action:"prune",olderThan:t.expire,hasEntity:!0}),t.pruneJobs&&r.push({target:"jobs",action:"delete",olderThan:t.expire,pruned:!0}),r}function S(t){var r;return((r=C.find(a=>a.value===t))==null?void 0:r.label)??""}function U(){const{data:t,isLoading:r}=$(),a=_(),[s,i]=d.useState(""),[l,c]=d.useState(f),[n,o]=d.useState(""),p=d.useCallback(()=>{t!=null&&t.config&&(i(t.config.schedule),c(w(t.config)),o(JSON.stringify({schedule:t.config.schedule,fields:w(t.config)})))},[t]);d.useEffect(()=>{p()},[p]);const x=JSON.stringify({schedule:s,fields:l}),y=n!==""&&x!==n,h=(t==null?void 0:t.active)??!1,J=()=>{const u=Q(l);a.mutate({schedule:s,rules:u},{onSuccess:()=>{o(JSON.stringify({schedule:s,fields:l}))}})},A=()=>{p()};return r?e.jsx("div",{className:"animate-pulse h-40 bg-surface-sunken rounded"}):e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-[1fr_auto] gap-10",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-4",children:"Schedule"}),e.jsxs("div",{className:"flex items-end gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs text-text-tertiary mb-1",children:"Cron Expression"}),e.jsx("input",{type:"text",value:s,onChange:u=>i(u.target.value),placeholder:"0 2 * * *",className:"input text-xs font-mono w-48"})]}),e.jsx("div",{children:e.jsxs("div",{className:"flex items-center gap-1.5 h-8",children:[e.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring ${h?"bg-status-success":"bg-text-tertiary"}`}),e.jsx("span",{className:`text-xs ${h?"text-status-success":"text-text-tertiary"}`,children:h?"Active":"Inactive"})]})}),S(s)&&e.jsx("p",{className:"text-xs text-text-tertiary h-8 flex items-center",children:S(s)})]}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-3",children:C.map(u=>e.jsx("button",{type:"button",onClick:()=>i(u.value),className:`px-2.5 py-1 text-2xs rounded-full transition-colors ${s===u.value?"bg-accent/10 text-accent font-medium":"bg-surface-sunken text-text-tertiary hover:text-text-secondary"}`,children:u.label},u.value))})]}),e.jsxs("div",{className:"lg:w-72",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-4",children:"How It Works"}),e.jsxs("div",{className:"flex items-start gap-2 px-3 py-2 rounded bg-surface-sunken",children:[e.jsx(j,{className:"w-3.5 h-3.5 text-text-tertiary shrink-0 mt-0.5"}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Rules execute sequentially on each cron cycle. Engine streams can be pruned aggressively since they only contain internal routing data. Worker streams should be retained longer to preserve execution playback and input enrichment."})]})]})]}),e.jsx(P,{fields:l,onChange:c}),e.jsxs("div",{className:"flex items-center justify-between pt-2 border-t border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[y&&e.jsx("button",{onClick:A,className:"text-2xs text-text-tertiary hover:text-text-primary transition-colors",children:"Revert changes"}),a.error&&e.jsx("p",{className:"text-xs text-status-error",children:a.error.message})]}),e.jsx("button",{onClick:J,disabled:!y||!s.trim()||a.isPending,className:"btn-primary text-xs disabled:opacity-40 shrink-0",children:a.isPending?"Saving...":"Save Schedule"})]})]})}function H({mode:t,onChange:r}){const a=(s,i,l)=>e.jsxs("button",{onClick:()=>r(s),className:`flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md transition-colors ${t===s?"bg-accent/10 text-accent font-medium":"text-text-tertiary hover:text-text-secondary hover:bg-surface-hover"}`,children:[i,l]});return e.jsxs("div",{className:"flex gap-1 p-0.5 bg-surface-sunken rounded-lg w-fit",children:[a("prune",e.jsx(I,{className:"w-3.5 h-3.5"}),"Prune Now"),a("schedule",e.jsx(D,{className:"w-3.5 h-3.5"}),"Schedule")]})}function Z(){const[t,r]=d.useState("schedule");return e.jsxs("div",{children:[e.jsx(F,{title:"DB Maintenance",docsHash:"#docs:dashboard.md:db-maintenance",actions:e.jsx(H,{mode:t,onChange:r})}),e.jsxs("div",{className:"flex items-start gap-2 px-4 py-3 mb-8 rounded-md bg-accent/5 border border-accent/10",children:[e.jsx(j,{className:"w-4 h-4 text-accent shrink-0 mt-0.5"}),e.jsx("p",{className:"text-xs text-text-secondary leading-relaxed",children:"Workflow data grows as jobs complete. Operations are ordered safest-first: stream messages are always safe to prune, workflow reduction preserves results, and deletion is permanent."})]}),t==="prune"?e.jsx(K,{}):e.jsx(U,{})]})}export{Z as MaintenancePage};
-//# sourceMappingURL=index-CnOvJz6U.js.map
+import{c as k,u as R,b as O,j as e,a as d}from"./vendor-query-DvWWuNIB.js";import{P as F}from"./PageHeader-CMd3f4bz.js";import{m as b,M}from"./index-CeCtqujG.js";import{R as g,C}from"./constants-CeBBTzf5.js";import{bK as E,aF as T,az as W,Q as j,z as I,ax as D}from"./vendor-icons-CeVtUKyP.js";import"./vendor-react-_9U4mKFr.js";function $(){return R({queryKey:["maintenance"],queryFn:()=>b("/config/maintenance")})}function _(){const t=O();return k({mutationFn:r=>b("/config/maintenance",{method:"PUT",body:JSON.stringify(r)}),onSuccess:()=>{t.invalidateQueries({queryKey:["maintenance"]})}})}function q(){return k({mutationFn:t=>b("/dba/prune",{method:"POST",body:JSON.stringify(t)})})}function v({checked:t,onToggle:r,label:a,hint:s,safety:i,value:l,onChange:c}){const n=i==="safe"?W:i==="moderate"?E:T,o=i==="safe"?"text-status-success":i==="moderate"?"text-status-warning":"text-status-error",p=i==="safe"?"Safe":i==="moderate"?"Careful":"Permanent";return e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("label",{className:"flex items-center gap-2.5 cursor-pointer w-80 shrink-0",children:[e.jsx("input",{type:"checkbox",checked:t,onChange:x=>r(x.target.checked),className:"w-4 h-4 rounded border-border accent-accent shrink-0"}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-text-primary",children:a}),e.jsxs("span",{className:`flex items-center gap-0.5 text-2xs ${o}`,children:[e.jsx(n,{className:"w-3 h-3",strokeWidth:1.5}),p]})]}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:s})]})]}),e.jsx("select",{value:l,onChange:x=>c(x.target.value),disabled:!t,className:`select text-xs w-36 transition-opacity ${t?"":"opacity-40 cursor-not-allowed"}`,children:g.map(x=>e.jsx("option",{value:x.value,children:x.label},x.value))})]})}function L(){return e.jsxs("div",{className:"flex items-start gap-2 mt-2 px-3 py-2 rounded bg-surface-sunken",children:[e.jsx(j,{className:"w-3.5 h-3.5 text-text-tertiary shrink-0 mt-0.5"}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Stripping preserves workflow results and timeline data needed for the execution detail view. Transient jobs are internal bookkeeping that accumulates over time."})]})}const f={pruneJobs:!0,expire:"30 days",engineStreams:!0,engineStreamsExpire:"1 day",workerStreams:!0,workerStreamsExpire:"90 days",stripAttributes:!1,pruneTransient:!1};function N(t){return t.pruneJobs||t.engineStreams||t.workerStreams||t.stripAttributes||t.pruneTransient}function P({fields:t,onChange:r}){const a=(s,i)=>r({...t,[s]:i});return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Stream Messages"}),e.jsx("p",{className:"text-2xs text-text-tertiary mb-4",children:"Processed routing messages. Already consumed — safe to remove after a short retention window."}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(v,{checked:t.engineStreams,onToggle:s=>a("engineStreams",s),label:"Engine messages",hint:"Internal orchestration signals",safety:"safe",value:t.engineStreamsExpire,onChange:s=>a("engineStreamsExpire",s)}),e.jsx(v,{checked:t.workerStreams,onToggle:s=>a("workerStreams",s),label:"Worker messages",hint:"Activity dispatch and response payloads",safety:"safe",value:t.workerStreamsExpire,onChange:s=>a("workerStreamsExpire",s)})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Completed Workflows"}),e.jsx("p",{className:"text-2xs text-text-tertiary mb-4",children:"Choose how to handle completed workflow records. Reducing strips step-level detail but keeps the workflow and its results. Deleting removes the record entirely."}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("label",{className:"flex items-start gap-2.5 cursor-pointer",children:[e.jsx("input",{type:"radio",name:"workflow-cleanup",checked:!t.stripAttributes&&!t.pruneJobs,onChange:()=>r({...t,stripAttributes:!1,pruneJobs:!1}),className:"w-4 h-4 mt-0.5 accent-accent shrink-0"}),e.jsxs("div",{children:[e.jsx("span",{className:"text-xs text-text-primary",children:"Keep as-is"}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"No changes to completed workflow records."})]})]}),e.jsxs("div",{className:"flex items-start gap-2.5",children:[e.jsxs("label",{className:"flex items-start gap-2.5 cursor-pointer w-80 shrink-0",children:[e.jsx("input",{type:"radio",name:"workflow-cleanup",checked:t.stripAttributes&&!t.pruneJobs,onChange:()=>r({...t,stripAttributes:!0,pruneJobs:!1}),className:"w-4 h-4 mt-0.5 accent-accent shrink-0"}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-text-primary",children:"Reduce completed workflows"}),e.jsxs("span",{className:"flex items-center gap-0.5 text-2xs text-status-warning",children:[e.jsx(E,{className:"w-3 h-3",strokeWidth:1.5}),"Careful"]})]}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Strips step-level execution detail (activity inputs/outputs, internal state). Workflow results and timeline are preserved."})]})]}),e.jsx("select",{value:t.expire,onChange:s=>a("expire",s.target.value),disabled:!t.stripAttributes||t.pruneJobs,className:`select text-xs w-36 transition-opacity mt-0.5 ${!t.stripAttributes||t.pruneJobs?"opacity-40 cursor-not-allowed":""}`,children:g.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))})]}),e.jsxs("div",{className:"flex items-start gap-2.5",children:[e.jsxs("label",{className:"flex items-start gap-2.5 cursor-pointer w-80 shrink-0",children:[e.jsx("input",{type:"radio",name:"workflow-cleanup",checked:t.pruneJobs,onChange:()=>r({...t,pruneJobs:!0,stripAttributes:!1}),className:"w-4 h-4 mt-0.5 accent-accent shrink-0"}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-text-primary",children:"Delete completed workflows"}),e.jsxs("span",{className:"flex items-center gap-0.5 text-2xs text-status-error",children:[e.jsx(T,{className:"w-3 h-3",strokeWidth:1.5}),"Permanent"]})]}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Permanently removes workflow records. Results, timeline, and all execution data are deleted and cannot be recovered."})]})]}),e.jsx("select",{value:t.expire,onChange:s=>a("expire",s.target.value),disabled:!t.pruneJobs,className:`select text-xs w-36 transition-opacity mt-0.5 ${t.pruneJobs?"":"opacity-40 cursor-not-allowed"}`,children:g.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))})]})]}),e.jsx(L,{})]})]})}function m({label:t,value:r}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-lg font-light text-text-primary",children:r.toLocaleString()}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:t})]})}function K(){const t=q(),[r,a]=d.useState(f),[s,i]=d.useState(null),[l,c]=d.useState(!1),n=()=>{i(null),t.mutate({expire:r.expire,jobs:r.pruneJobs,engineStreams:r.engineStreams,engineStreamsExpire:r.engineStreamsExpire,workerStreams:r.workerStreams,workerStreamsExpire:r.workerStreamsExpire,attributes:r.stripAttributes,pruneTransient:r.pruneTransient},{onSuccess:o=>{i(o),c(!1)}})};return e.jsxs("div",{className:"space-y-8",children:[e.jsx(P,{fields:r,onChange:a}),e.jsxs("div",{className:"flex items-center justify-between pt-2 border-t border-surface-border",children:[e.jsx("p",{className:"text-2xs text-text-tertiary",children:N(r)?"This action permanently deletes data and cannot be undone.":"Select at least one operation to enable pruning."}),e.jsx("button",{onClick:()=>c(!0),disabled:!N(r)||t.isPending,className:"bg-status-error text-text-inverse px-4 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity disabled:opacity-40 shrink-0",children:t.isPending?"Pruning...":"Prune Now"})]}),s&&e.jsxs("div",{className:"bg-surface-sunken rounded-md px-4 py-3",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-2",children:"Results"}),e.jsxs("div",{className:"flex flex-wrap gap-6",children:[s.jobs!=null&&s.jobs>0&&e.jsx(m,{label:"Jobs deleted",value:s.jobs}),s.engineStreams!=null&&s.engineStreams>0&&e.jsx(m,{label:"Engine streams",value:s.engineStreams}),s.workerStreams!=null&&s.workerStreams>0&&e.jsx(m,{label:"Worker streams",value:s.workerStreams}),s.streams!=null&&s.engineStreams==null&&s.streams>0&&e.jsx(m,{label:"Streams",value:s.streams}),s.attributes!=null&&s.attributes>0&&e.jsx(m,{label:"Artifacts stripped",value:s.attributes}),s.transient!=null&&s.transient>0&&e.jsx(m,{label:"Transient deleted",value:s.transient}),s.marked!=null&&s.marked>0&&e.jsx(m,{label:"Marked pruned",value:s.marked}),Object.values(s).every(o=>!o||o===0)&&e.jsx("p",{className:"text-xs text-text-tertiary",children:"Nothing to prune within the selected retention windows."})]})]}),t.error&&e.jsx("p",{className:"text-xs text-status-error",children:t.error.message}),e.jsx(M,{open:l,onClose:()=>c(!1),title:"Confirm Prune",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-text-secondary",children:"This will permanently delete data. This action cannot be undone."}),e.jsxs("ul",{className:"text-xs text-text-secondary space-y-1 list-disc list-inside",children:[r.pruneJobs&&e.jsxs("li",{children:["Delete jobs older than ",r.expire]}),r.engineStreams&&e.jsxs("li",{children:["Delete engine streams older than ",r.engineStreamsExpire]}),r.workerStreams&&e.jsxs("li",{children:["Delete worker streams older than ",r.workerStreamsExpire]}),r.stripAttributes&&e.jsx("li",{children:"Strip execution artifacts from completed jobs"}),r.pruneTransient&&e.jsx("li",{children:"Delete transient (entity-less) jobs"})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:()=>c(!1),className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:n,className:"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity",disabled:t.isPending,children:t.isPending?"Pruning...":"Confirm Prune"})]})]})})]})}function w(t){var c;if(!((c=t==null?void 0:t.rules)!=null&&c.length))return f;const r=t.rules,a=r.find(n=>n.target==="streams"&&n.action==="delete"),s=r.find(n=>n.target==="jobs"&&n.action==="delete"&&n.hasEntity===!1),i=r.find(n=>n.target==="jobs"&&n.action==="prune"&&n.hasEntity===!0),l=r.find(n=>n.target==="jobs"&&n.action==="delete"&&n.pruned===!0);return{pruneJobs:!!l,expire:(l==null?void 0:l.olderThan)??"180 days",engineStreams:!!a,engineStreamsExpire:(a==null?void 0:a.olderThan)??"1 day",workerStreams:!!a,workerStreamsExpire:(a==null?void 0:a.olderThan)??"90 days",stripAttributes:!!i,pruneTransient:!!s}}function Q(t){const r=[];return t.engineStreams&&r.push({target:"streams",action:"delete",olderThan:t.engineStreamsExpire}),t.workerStreams&&t.workerStreamsExpire!==t.engineStreamsExpire&&r.push({target:"streams",action:"delete",olderThan:t.workerStreamsExpire}),t.pruneTransient&&r.push({target:"jobs",action:"delete",olderThan:t.expire,hasEntity:!1}),t.stripAttributes&&r.push({target:"jobs",action:"prune",olderThan:t.expire,hasEntity:!0}),t.pruneJobs&&r.push({target:"jobs",action:"delete",olderThan:t.expire,pruned:!0}),r}function S(t){var r;return((r=C.find(a=>a.value===t))==null?void 0:r.label)??""}function U(){const{data:t,isLoading:r}=$(),a=_(),[s,i]=d.useState(""),[l,c]=d.useState(f),[n,o]=d.useState(""),p=d.useCallback(()=>{t!=null&&t.config&&(i(t.config.schedule),c(w(t.config)),o(JSON.stringify({schedule:t.config.schedule,fields:w(t.config)})))},[t]);d.useEffect(()=>{p()},[p]);const x=JSON.stringify({schedule:s,fields:l}),y=n!==""&&x!==n,h=(t==null?void 0:t.active)??!1,J=()=>{const u=Q(l);a.mutate({schedule:s,rules:u},{onSuccess:()=>{o(JSON.stringify({schedule:s,fields:l}))}})},A=()=>{p()};return r?e.jsx("div",{className:"animate-pulse h-40 bg-surface-sunken rounded"}):e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-[1fr_auto] gap-10",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-4",children:"Schedule"}),e.jsxs("div",{className:"flex items-end gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs text-text-tertiary mb-1",children:"Cron Expression"}),e.jsx("input",{type:"text",value:s,onChange:u=>i(u.target.value),placeholder:"0 2 * * *",className:"input text-xs font-mono w-48"})]}),e.jsx("div",{children:e.jsxs("div",{className:"flex items-center gap-1.5 h-8",children:[e.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring ${h?"bg-status-success":"bg-text-tertiary"}`}),e.jsx("span",{className:`text-xs ${h?"text-status-success":"text-text-tertiary"}`,children:h?"Active":"Inactive"})]})}),S(s)&&e.jsx("p",{className:"text-xs text-text-tertiary h-8 flex items-center",children:S(s)})]}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-3",children:C.map(u=>e.jsx("button",{type:"button",onClick:()=>i(u.value),className:`px-2.5 py-1 text-2xs rounded-full transition-colors ${s===u.value?"bg-accent/10 text-accent font-medium":"bg-surface-sunken text-text-tertiary hover:text-text-secondary"}`,children:u.label},u.value))})]}),e.jsxs("div",{className:"lg:w-72",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-4",children:"How It Works"}),e.jsxs("div",{className:"flex items-start gap-2 px-3 py-2 rounded bg-surface-sunken",children:[e.jsx(j,{className:"w-3.5 h-3.5 text-text-tertiary shrink-0 mt-0.5"}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Rules execute sequentially on each cron cycle. Engine streams can be pruned aggressively since they only contain internal routing data. Worker streams should be retained longer to preserve execution playback and input enrichment."})]})]})]}),e.jsx(P,{fields:l,onChange:c}),e.jsxs("div",{className:"flex items-center justify-between pt-2 border-t border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[y&&e.jsx("button",{onClick:A,className:"text-2xs text-text-tertiary hover:text-text-primary transition-colors",children:"Revert changes"}),a.error&&e.jsx("p",{className:"text-xs text-status-error",children:a.error.message})]}),e.jsx("button",{onClick:J,disabled:!y||!s.trim()||a.isPending,className:"btn-primary text-xs disabled:opacity-40 shrink-0",children:a.isPending?"Saving...":"Save Schedule"})]})]})}function H({mode:t,onChange:r}){const a=(s,i,l)=>e.jsxs("button",{onClick:()=>r(s),className:`flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md transition-colors ${t===s?"bg-accent/10 text-accent font-medium":"text-text-tertiary hover:text-text-secondary hover:bg-surface-hover"}`,children:[i,l]});return e.jsxs("div",{className:"flex gap-1 p-0.5 bg-surface-sunken rounded-lg w-fit",children:[a("prune",e.jsx(I,{className:"w-3.5 h-3.5"}),"Prune Now"),a("schedule",e.jsx(D,{className:"w-3.5 h-3.5"}),"Schedule")]})}function Z(){const[t,r]=d.useState("schedule");return e.jsxs("div",{children:[e.jsx(F,{title:"DB Maintenance",docsHash:"#docs:dashboard.md:db-maintenance",actions:e.jsx(H,{mode:t,onChange:r})}),e.jsxs("div",{className:"flex items-start gap-2 px-4 py-3 mb-8 rounded-md bg-accent/5 border border-accent/10",children:[e.jsx(j,{className:"w-4 h-4 text-accent shrink-0 mt-0.5"}),e.jsx("p",{className:"text-xs text-text-secondary leading-relaxed",children:"Workflow data grows as jobs complete. Operations are ordered safest-first: stream messages are always safe to prune, workflow reduction preserves results, and deletion is permanent."})]}),t==="prune"?e.jsx(K,{}):e.jsx(U,{})]})}export{Z as MaintenancePage};
+//# sourceMappingURL=index-Dy1wWu2e.js.map