@hotmeshio/long-tail 0.30.1 → 0.30.3

package/dashboard/dist/assets/{index-CnhNCVPc.js.map → index-DRK7M1_9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CnhNCVPc.js","sources":["../../src/hooks/useMediaQuery.ts","../../src/pages/workflows/start/WorkflowSelector.tsx","../../src/pages/workflows/start/IdentitySummary.tsx","../../src/pages/workflows/start/StartNowPanel.tsx","../../src/pages/workflows/start/StartWorkflowPage.tsx","../../src/pages/workflows/start/DurableInvokePage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Tracks a viewport media query. Unlike container measurement, the viewport\n * is stable while shell panels open and close, so layout decisions made on\n * it never feed back into themselves. Returns false in environments without\n * matchMedia (jsdom), which callers treat as \"wide\".\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState<boolean>(() => {\n    try {\n      return window.matchMedia(query).matches;\n    } catch {\n      return false;\n    }\n  });\n\n  useEffect(() => {\n    let mql: MediaQueryList;\n    try {\n      mql = window.matchMedia(query);\n    } catch {\n      return;\n    }\n    setMatches(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => setMatches(e.matches);\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [query]);\n\n  return matches;\n}\n","import { useMemo } from 'react';\nimport { Bot, Clock, Play, Server, Wrench } from 'lucide-react';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport { WorkflowIcon } from '../../../components/common/display/WorkflowIcon';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { NamespacePill } from '../../../components/common/display/NamespacePill';\nimport type { LTWorkflowConfig, WorkflowTier } from '../../../api/types';\n\nconst NO_QUEUE_LABEL = 'No Queue';\n\n/** The queue set a filter offers — shared with the grouping below. */\nexport function workflowQueues(configs: LTWorkflowConfig[]): string[] {\n  return [...new Set(configs.map((c) => c.task_queue).filter(Boolean))].sort() as string[];\n}\n\n/** One section per task queue; unqueued workflows trail under their own heading when no queue filter is active. */\nexport function groupWorkflows(\n  configs: LTWorkflowConfig[],\n  search: string,\n  activeQueue: string | null,\n): { queue: string; workflows: LTWorkflowConfig[] }[] {\n  const q = search.toLowerCase().trim();\n  const matches = (c: LTWorkflowConfig) =>\n    !q || c.workflow_type.toLowerCase().includes(q) || c.description?.toLowerCase().includes(q);\n\n  const targetQueues = activeQueue ? [activeQueue] : workflowQueues(configs);\n  const sections = targetQueues\n    .map((queue) => ({ queue, workflows: configs.filter((c) => c.task_queue === queue && matches(c)) }))\n    .filter((g) => g.workflows.length > 0);\n\n  if (!activeQueue) {\n    const noQueue = configs.filter((c) => !c.task_queue && matches(c));\n    if (noQueue.length > 0) sections.push({ queue: '', workflows: noQueue });\n  }\n  return sections;\n}\n\n/** The first row of the unfiltered list — what the page preselects. */\nexport function firstWorkflowType(configs: LTWorkflowConfig[]): string | null {\n  return groupWorkflows(configs, '', null)[0]?.workflows[0]?.workflow_type ?? null;\n}\n\nexport function WorkflowSelector({\n  configs,\n  selectedType,\n  onSelect,\n  tierMap,\n  activeTypes,\n  search,\n  activeQueue,\n  compact = false,\n}: {\n  configs: LTWorkflowConfig[];\n  selectedType: string;\n  onSelect: (config: LTWorkflowConfig) => void;\n  tierMap: Map<string, WorkflowTier>;\n  activeTypes?: Set<string>;\n  search: string;\n  activeQueue: string | null;\n  /** The narrow list column beside the form: name and tier only, headings in flow. */\n  compact?: boolean;\n}) {\n  const grouped = useMemo(() => groupWorkflows(configs, search, activeQueue), [configs, search, activeQueue]);\n\n  if (grouped.length === 0) {\n    return <p className=\"text-sm text-text-tertiary py-8 text-center\">No workflows match your filter.</p>;\n  }\n\n  return (\n    <div className={compact ? 'space-y-6' : 'space-y-10'}>\n      {grouped.map(({ queue, workflows }) => (\n        <div key={queue || '__none__'}>\n          <div className={`flex items-center gap-2 py-2 mb-1 border-b border-surface-border ${compact ? '' : 'sticky top-[60px] z-10 bg-surface mb-2'}`}>\n            {queue ? (\n              <Server className=\"w-3 h-3 text-accent shrink-0\" strokeWidth={1.5} />\n            ) : (\n              <Wrench className=\"w-3 h-3 text-text-quaternary shrink-0\" strokeWidth={1.5} />\n            )}\n            <h2 className=\"section-h2 truncate\" title={queue || undefined}>{queue ? identifierToTitle(queue) : NO_QUEUE_LABEL}</h2>\n            <span className=\"text-xs text-text-quaternary\">{workflows.length}</span>\n          </div>\n          <div className={compact ? '' : 'divide-y divide-surface-border/30'}>\n            {workflows.map((config) => (\n              <WorkflowRow\n                key={config.workflow_type}\n                config={config}\n                isSelected={selectedType === config.workflow_type}\n                tier={tierMap.get(config.workflow_type) ?? 'durable'}\n                cronActive={activeTypes?.has(config.workflow_type) ?? false}\n                onSelect={onSelect}\n                compact={compact}\n              />\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction WorkflowRow({\n  config,\n  isSelected,\n  tier,\n  cronActive,\n  onSelect,\n  compact,\n}: {\n  config: LTWorkflowConfig;\n  isSelected: boolean;\n  tier: WorkflowTier;\n  cronActive: boolean;\n  onSelect: (config: LTWorkflowConfig) => void;\n  compact: boolean;\n}) {\n  const variant = tier === 'certified' ? 'certified' : tier === 'registered' ? 'registered' : 'durable';\n\n  if (compact) {\n    return (\n      <button\n        onClick={() => onSelect(config)}\n        aria-current={isSelected ? 'true' : undefined}\n        title={config.workflow_type}\n        className={`group w-full text-left flex items-center gap-2.5 pl-3 pr-2 py-2 border-l-2 transition-colors ${\n          isSelected ? 'border-accent bg-accent/10 text-accent' : 'border-transparent text-text-primary hover:bg-surface-hover'\n        }`}\n      >\n        <WorkflowIcon icon={config.icon} tier={tier} className={`w-5 h-5 shrink-0 ${isSelected ? 'text-accent' : 'text-accent/65'}`} />\n        <span className=\"text-sm truncate\">{identifierToTitle(config.workflow_type)}</span>\n        {cronActive && (\n          <span title=\"Cron schedule active\" className=\"ml-auto shrink-0\">\n            <Clock className=\"w-3 h-3 text-status-success/70\" />\n          </span>\n        )}\n      </button>\n    );\n  }\n\n  return (\n    <button\n      onClick={() => onSelect(config)}\n      className=\"group relative w-full text-left py-2 px-3 -mx-3 rounded-md hover:bg-surface-hover/30 transition-colors duration-150\"\n    >\n      {isSelected && (\n        <span className=\"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full\" />\n      )}\n      <div className=\"flex items-center gap-3\">\n        <WorkflowPill type={config.workflow_type} size=\"md\" variant={variant} />\n        {config.description && (\n          <p className=\"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors\">\n            {config.description}\n          </p>\n        )}\n        <span className=\"ml-auto flex items-center gap-2 shrink-0\">\n          {config.execute_as && (\n            <span className=\"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-2xs bg-accent/10 text-accent rounded\">\n              <Bot className=\"w-2.5 h-2.5\" />\n              {config.execute_as}\n            </span>\n          )}\n          {cronActive && (\n            <span title=\"Cron schedule active\">\n              <Clock className=\"w-3 h-3 text-status-success/70 shrink-0\" />\n            </span>\n          )}\n          <NamespacePill namespace=\"durable\" />\n          <span title=\"Configure & invoke\">\n            <Play\n              className={`w-3 h-3 transition-opacity ${\n                isSelected ? 'text-accent opacity-100' : 'text-accent opacity-0 group-hover:opacity-100'\n              }`}\n              strokeWidth={1.5}\n            />\n          </span>\n        </span>\n      </div>\n    </button>\n  );\n}\n","import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from '../../../components/common/form/BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\nimport type { LTWorkflowConfig } from '../../../api/types';\n\nexport function IdentitySummary({\n  config,\n  overrideBot,\n  onOverrideChange,\n  showOverride,\n}: {\n  config: LTWorkflowConfig;\n  overrideBot?: string;\n  onOverrideChange?: (botExternalId: string) => void;\n  showOverride?: boolean;\n}) {\n  const { user } = useAuth();\n  const effectiveBot = overrideBot || config.execute_as;\n\n  return (\n    <div className=\"bg-surface-sunken rounded-lg px-4 py-3 space-y-3\">\n      <div>\n        <div className=\"flex items-center justify-between mb-1\">\n          <span className=\"text-2xs text-text-tertiary uppercase tracking-wider font-medium\">Running as</span>\n          {effectiveBot && !overrideBot && (\n            <span className=\"text-2xs text-text-tertiary\">configured default</span>\n          )}\n          {overrideBot && (\n            <span className=\"text-2xs text-accent\">admin override</span>\n          )}\n        </div>\n        {/* Read-only identity, styled as a field so it reads consistently with\n            the Override control below and pops off the sunken band. */}\n        <div className=\"field flex items-center gap-1.5\">\n          {effectiveBot ? (\n            <>\n              <Bot className=\"w-3.5 h-3.5 text-accent/70 shrink-0\" />\n              <span className=\"text-xs text-text-primary font-mono\">{effectiveBot}</span>\n            </>\n          ) : (\n            <>\n              <UserCircle className=\"w-3.5 h-3.5 text-text-tertiary shrink-0\" />\n              <span className=\"text-xs text-text-primary\">\n                {user?.displayName || user?.username || 'you'}\n              </span>\n            </>\n          )}\n        </div>\n      </div>\n      {showOverride && onOverrideChange && (\n        <div>\n          <label className=\"text-2xs text-text-tertiary uppercase tracking-wider font-medium mb-1 block\">Override identity</label>\n          <BotPicker\n            selected={overrideBot ?? ''}\n            onChange={onOverrideChange}\n            placeholder={config.execute_as ? `Default: ${config.execute_as}` : 'Invoking user (default)'}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { lookupLabel } from '../../../lib/lookup-label';\nimport { AlertTriangle, ShieldCheck } from 'lucide-react';\nimport { useAuth } from '../../../hooks/useAuth';\nimport { foldWorkflowLookups, useWorkflowLookups } from '../../../api/workflows';\nimport type { InvocableWorkflow } from '../../../api/types';\nimport { WorkflowIcon } from '../../../components/common/display/WorkflowIcon';\nimport { MarkdownRenderer } from '../../../components/common/display/MarkdownRenderer';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { IdentitySummary } from './IdentitySummary';\nimport { LegacyInvokeForm } from './LegacyInvokeForm';\nimport { RichInvokeForm } from './RichInvokeForm';\nimport { useInvokeSubmit } from './use-invoke-submit';\n\n/**\n * The form column. The workflow's name is the column's heading and stays\n * put; Start stays put at the bottom; description, identity, options, and\n* the fields scroll between them. A declared input_schema renders the\n * x-lt-* form, with pinned input_lookups resolved into its lookup domain;\n * otherwise the envelope template form.\n */\nexport function StartNowPanel({ selected }: { selected: InvocableWorkflow }) {\n  const { isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n  const [overrideBot, setOverrideBot] = useState('');\n  // Per-run interceptor opt-out, offered when the registration is certified.\n  const [certified, setCertified] = useState(selected.certified);\n\n  useEffect(() => {\n    setOverrideBot('');\n    setCertified(selected.certified);\n  }, [selected.workflow_type, selected.certified]);\n\n  const metadata = useMemo(() => {\n    const md = selected.envelope_schema?.metadata;\n    return md && typeof md === 'object' ? (md as Record<string, unknown>) : {};\n  }, [selected.envelope_schema]);\n\n  const hasLookups = Array.isArray(selected.input_lookups) && selected.input_lookups.length > 0;\n  const { data: lookupData } = useWorkflowLookups(selected.workflow_type, hasLookups);\n  const lookup = useMemo(() => (lookupData ? foldWorkflowLookups(lookupData.lookups) : undefined), [lookupData]);\n  const missingLookups = lookupData?.lookups.filter((l) => l.missing) ?? [];\n\n  const submission = useInvokeSubmit(selected, { certified, overrideBot });\n\n  const lead = (\n    <>\n      {selected.description && (\n        <MarkdownRenderer content={selected.description} className=\"text-xs text-text-secondary leading-relaxed\" />\n      )}\n      <IdentitySummary\n        config={selected}\n        overrideBot={overrideBot}\n        onOverrideChange={setOverrideBot}\n        showOverride={isAdmin}\n      />\n      {selected.certified && (\n        <label className=\"flex items-center gap-2 cursor-pointer\">\n          <input\n            type=\"checkbox\"\n            checked={certified}\n            onChange={(e) => setCertified(e.target.checked)}\n            className=\"rounded border-surface-border text-accent focus:ring-accent/30\"\n          />\n          <ShieldCheck className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-xs text-text-secondary\">Enable task tracking and escalation routing</span>\n        </label>\n      )}\n    </>\n  );\n\n  return (\n    <div className=\"max-w-form\" data-testid=\"invoke-form\">\n      {/* Sticks to the top of the shell scroll; the pulled-up padding covers the page gutter above it. */}\n      <header className=\"sticky top-0 z-10 bg-surface -mt-8 pt-8 flex items-baseline gap-3 min-w-0 pb-3 mb-5 border-b border-surface-border/60\">\n        <WorkflowIcon icon={selected.icon} tier={selected.tier} className=\"w-7 h-7 self-center shrink-0 text-accent\" />\n        <h2 className=\"heading-2 truncate\" title={selected.workflow_type}>\n          {identifierToTitle(selected.workflow_type)}\n        </h2>\n        <span className=\"text-2xs font-mono text-text-quaternary shrink-0\">{selected.workflow_type}</span>\n        <span className=\"text-2xs uppercase tracking-widest text-text-tertiary shrink-0\">{selected.tier}</span>\n        {selected.task_queue && (\n          <span className=\"text-2xs font-mono text-text-quaternary truncate\">{selected.task_queue}</span>\n        )}\n      </header>\n\n      {missingLookups.length > 0 && (\n        <p className=\"flex items-center gap-1.5 text-2xs text-status-warning mb-4\" data-testid=\"lookup-missing\">\n          <AlertTriangle className=\"w-3 h-3 shrink-0\" strokeWidth={1.5} />\n          {missingLookups.map(lookupLabel).join(', ')} {missingLookups.length === 1 ? 'is' : 'are'} not available; the fields that read {missingLookups.length === 1 ? 'it' : 'them'} fall back to plain inputs.\n        </p>\n      )}\n\n      {selected.input_schema ? (\n        <RichInvokeForm selected={selected} schema={selected.input_schema} metadata={metadata} lookup={lookup} submission={submission} lead={lead} />\n      ) : (\n        <LegacyInvokeForm selected={selected} metadata={metadata} submission={submission} lead={lead} />\n      )}\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { useInvocableWorkflows, useCronStatus } from '../../../api/workflows';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { useMediaQuery } from '../../../hooks/useMediaQuery';\nimport type { InvocableWorkflow, WorkflowTier } from '../../../api/types';\nimport { WorkflowSelector, workflowQueues, firstWorkflowType } from './WorkflowSelector';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { StartNowPanel } from './StartNowPanel';\n\nconst TYPE_PARAM = 'type';\n// A few dozen workflows read fine grouped by queue; the filters wait for scale to demand them.\nconst LIST_FILTERS_VISIBLE = false;\n\n/**\n * Invoke — the list of workflows the caller may run beside the form for the\n * one chosen. The list is grouped by queue and takes a quarter of the row;\n * the form takes the rest. Selection lives in `?type=`, and the first row\n * is preselected so the page opens on a form, never on an empty column.\n */\nexport function StartWorkflowPage() {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const { data: invocable, isLoading } = useInvocableWorkflows();\n  const { data: cronEntries } = useCronStatus();\n  // Below xl the list and the form cannot share the row: the list folds\n  // into a select and the form takes the full width.\n  const compact = useMediaQuery('(max-width: 1279px)');\n\n  const selectedType = searchParams.get(TYPE_PARAM) ?? '';\n  const [search, setSearch] = useState('');\n  const [activeQueue, setActiveQueue] = useState<string | null>(null);\n\n  const workflows: InvocableWorkflow[] = invocable ?? [];\n  const tierMap = useMemo(() => {\n    const map = new Map<string, WorkflowTier>();\n    for (const w of workflows) map.set(w.workflow_type, w.tier);\n    return map;\n  }, [workflows]);\n  const selected = workflows.find((c) => c.workflow_type === selectedType);\n  const activeTypes = new Set((cronEntries ?? []).filter((e) => e.active).map((e) => e.workflow_type));\n\n  // A user's choice is a history entry; the opening preselect only rewrites the landing URL.\n  const setType = useCallback(\n    (value: string | null, opts: { replace?: boolean } = {}) => {\n      setSearchParams(\n        (prev) => {\n          const next = new URLSearchParams(prev);\n          if (value) next.set(TYPE_PARAM, value);\n          else next.delete(TYPE_PARAM);\n          return next;\n        },\n        { replace: opts.replace ?? false },\n      );\n    },\n    [setSearchParams],\n  );\n\n  useEffect(() => {\n    if (searchParams.get(TYPE_PARAM) || workflows.length === 0) return;\n    const first = firstWorkflowType(workflows);\n    if (first) setType(first, { replace: true });\n  }, [workflows, searchParams, setType]);\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  const queues = workflowQueues(workflows);\n  const form = selected\n    ? <StartNowPanel selected={selected} />\n    : <p className=\"text-xs text-text-tertiary\">Choose a tool to begin.</p>;\n\n  return (\n    <div>\n      <PageHeader title=\"Invoke Tool\" docsHash=\"#docs:dashboard.md:invoke-tool\" />\n\n      {workflows.length === 0 ? (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-primary mb-1\">No tools to invoke</p>\n          <p className=\"text-xs text-text-tertiary\">Mark workflows as invocable in the registry, or start the server with examples enabled.</p>\n        </div>\n      ) : compact ? (\n        <>\n          <label className=\"block mb-6 max-w-2xl\">\n            <span className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Tool</span>\n            <select\n              value={selectedType}\n              onChange={(e) => setType(e.target.value || null)}\n              className=\"select text-xs font-mono w-full\"\n            >\n              <option value=\"\">Choose a tool…</option>\n              {queues.map((q) => (\n                <optgroup key={q} label={identifierToTitle(q)}>\n                  {workflows\n                    .filter((c) => (c.task_queue || '') === q)\n                    .map((c) => (\n                      <option key={c.workflow_type} value={c.workflow_type}>{identifierToTitle(c.workflow_type)}</option>\n                    ))}\n                </optgroup>\n              ))}\n              {workflows\n                .filter((c) => !c.task_queue)\n                .map((c) => (\n                  <option key={c.workflow_type} value={c.workflow_type}>{identifierToTitle(c.workflow_type)}</option>\n                ))}\n            </select>\n          </label>\n          {/* The form heading pulls itself up over the page gutter when stuck; give it that room here so it never covers the picker. */}\n          <div className=\"pt-8\">{form}</div>\n        </>\n      ) : (\n        <div className=\"flex gap-10 items-start\">\n          {/* The page scrolls as a whole; the list column and the form's title and Start stick while the title of the page rides away. */}\n          <aside className=\"w-1/4 min-w-[15rem] shrink-0 sticky top-0 self-start -mt-8 pt-8 max-h-[calc(100vh-5rem)] overflow-y-auto pr-1 space-y-4\" data-testid=\"invoke-list\">\n            {LIST_FILTERS_VISIBLE && <div className=\"flex flex-col gap-3\">\n              {queues.length > 1 && (\n                <FilterSelect\n                  label=\"Queue\"\n                  value={activeQueue ?? ''}\n                  onChange={(v) => setActiveQueue(v || null)}\n                  options={queues.map((q) => ({ value: q, label: q }))}\n                />\n              )}\n              <FilterInput\n                label=\"Search\"\n                value={search}\n                onChange={setSearch}\n                placeholder={`${workflows.length} workflows…`}\n              />\n            </div>}\n            <WorkflowSelector\n              configs={workflows}\n              selectedType={selectedType}\n              onSelect={(c) => setType(c.workflow_type)}\n              tierMap={tierMap}\n              activeTypes={activeTypes}\n              search={search}\n              activeQueue={activeQueue}\n              compact\n            />\n          </aside>\n          <section className=\"flex-1 min-w-0\">{form}</section>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { StartWorkflowPage } from './StartWorkflowPage';\n\nexport function DurableInvokePage() {\n  return <StartWorkflowPage />;\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","mql","onChange","e","NO_QUEUE_LABEL","workflowQueues","configs","c","groupWorkflows","search","activeQueue","q","_a","sections","queue","g","noQueue","firstWorkflowType","_b","WorkflowSelector","selectedType","onSelect","tierMap","activeTypes","compact","grouped","useMemo","jsx","workflows","jsxs","Server","Wrench","identifierToTitle","config","WorkflowRow","isSelected","tier","cronActive","variant","WorkflowIcon","Clock","WorkflowPill","Bot","NamespacePill","Play","IdentitySummary","overrideBot","onOverrideChange","showOverride","user","useAuth","effectiveBot","Fragment","UserCircle","BotPicker","StartNowPanel","selected","isSuperAdmin","hasRoleType","isAdmin","setOverrideBot","certified","setCertified","metadata","md","hasLookups","lookupData","useWorkflowLookups","lookup","foldWorkflowLookups","missingLookups","l","submission","useInvokeSubmit","lead","MarkdownRenderer","ShieldCheck","AlertTriangle","lookupLabel","RichInvokeForm","LegacyInvokeForm","TYPE_PARAM","LIST_FILTERS_VISIBLE","StartWorkflowPage","searchParams","setSearchParams","useSearchParams","invocable","isLoading","useInvocableWorkflows","cronEntries","useCronStatus","setSearch","setActiveQueue","map","w","setType","useCallback","value","opts","prev","next","first","queues","form","PageHeader","DurableInvokePage"],"mappings":"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"}
+{"version":3,"file":"index-DRK7M1_9.js","sources":["../../src/hooks/useMediaQuery.ts","../../src/pages/workflows/start/WorkflowSelector.tsx","../../src/pages/workflows/start/IdentitySummary.tsx","../../src/pages/workflows/start/StartNowPanel.tsx","../../src/pages/workflows/start/StartWorkflowPage.tsx","../../src/pages/workflows/start/DurableInvokePage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Tracks a viewport media query. Unlike container measurement, the viewport\n * is stable while shell panels open and close, so layout decisions made on\n * it never feed back into themselves. Returns false in environments without\n * matchMedia (jsdom), which callers treat as \"wide\".\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState<boolean>(() => {\n    try {\n      return window.matchMedia(query).matches;\n    } catch {\n      return false;\n    }\n  });\n\n  useEffect(() => {\n    let mql: MediaQueryList;\n    try {\n      mql = window.matchMedia(query);\n    } catch {\n      return;\n    }\n    setMatches(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => setMatches(e.matches);\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [query]);\n\n  return matches;\n}\n","import { useMemo } from 'react';\nimport { Bot, Clock, Play, Server, Wrench } from 'lucide-react';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport { WorkflowIcon } from '../../../components/common/display/WorkflowIcon';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { NamespacePill } from '../../../components/common/display/NamespacePill';\nimport type { LTWorkflowConfig, WorkflowTier } from '../../../api/types';\n\nconst NO_QUEUE_LABEL = 'No Queue';\n\n/** The queue set a filter offers — shared with the grouping below. */\nexport function workflowQueues(configs: LTWorkflowConfig[]): string[] {\n  return [...new Set(configs.map((c) => c.task_queue).filter(Boolean))].sort() as string[];\n}\n\n/** One section per task queue; unqueued workflows trail under their own heading when no queue filter is active. */\nexport function groupWorkflows(\n  configs: LTWorkflowConfig[],\n  search: string,\n  activeQueue: string | null,\n): { queue: string; workflows: LTWorkflowConfig[] }[] {\n  const q = search.toLowerCase().trim();\n  const matches = (c: LTWorkflowConfig) =>\n    !q || c.workflow_type.toLowerCase().includes(q) || c.description?.toLowerCase().includes(q);\n\n  const targetQueues = activeQueue ? [activeQueue] : workflowQueues(configs);\n  const sections = targetQueues\n    .map((queue) => ({ queue, workflows: configs.filter((c) => c.task_queue === queue && matches(c)) }))\n    .filter((g) => g.workflows.length > 0);\n\n  if (!activeQueue) {\n    const noQueue = configs.filter((c) => !c.task_queue && matches(c));\n    if (noQueue.length > 0) sections.push({ queue: '', workflows: noQueue });\n  }\n  return sections;\n}\n\n/** The first row of the unfiltered list — what the page preselects. */\nexport function firstWorkflowType(configs: LTWorkflowConfig[]): string | null {\n  return groupWorkflows(configs, '', null)[0]?.workflows[0]?.workflow_type ?? null;\n}\n\nexport function WorkflowSelector({\n  configs,\n  selectedType,\n  onSelect,\n  tierMap,\n  activeTypes,\n  search,\n  activeQueue,\n  compact = false,\n}: {\n  configs: LTWorkflowConfig[];\n  selectedType: string;\n  onSelect: (config: LTWorkflowConfig) => void;\n  tierMap: Map<string, WorkflowTier>;\n  activeTypes?: Set<string>;\n  search: string;\n  activeQueue: string | null;\n  /** The narrow list column beside the form: name and tier only, headings in flow. */\n  compact?: boolean;\n}) {\n  const grouped = useMemo(() => groupWorkflows(configs, search, activeQueue), [configs, search, activeQueue]);\n\n  if (grouped.length === 0) {\n    return <p className=\"text-sm text-text-tertiary py-8 text-center\">No workflows match your filter.</p>;\n  }\n\n  return (\n    <div className={compact ? 'space-y-6' : 'space-y-10'}>\n      {grouped.map(({ queue, workflows }) => (\n        <div key={queue || '__none__'}>\n          <div className={`flex items-center gap-2 py-2 mb-1 border-b border-surface-border ${compact ? '' : 'sticky top-[60px] z-10 bg-surface mb-2'}`}>\n            {queue ? (\n              <Server className=\"w-3 h-3 text-accent shrink-0\" strokeWidth={1.5} />\n            ) : (\n              <Wrench className=\"w-3 h-3 text-text-quaternary shrink-0\" strokeWidth={1.5} />\n            )}\n            <h2 className=\"section-h2 truncate\" title={queue || undefined}>{queue ? identifierToTitle(queue) : NO_QUEUE_LABEL}</h2>\n            <span className=\"text-xs text-text-quaternary\">{workflows.length}</span>\n          </div>\n          <div className={compact ? '' : 'divide-y divide-surface-border/30'}>\n            {workflows.map((config) => (\n              <WorkflowRow\n                key={config.workflow_type}\n                config={config}\n                isSelected={selectedType === config.workflow_type}\n                tier={tierMap.get(config.workflow_type) ?? 'durable'}\n                cronActive={activeTypes?.has(config.workflow_type) ?? false}\n                onSelect={onSelect}\n                compact={compact}\n              />\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction WorkflowRow({\n  config,\n  isSelected,\n  tier,\n  cronActive,\n  onSelect,\n  compact,\n}: {\n  config: LTWorkflowConfig;\n  isSelected: boolean;\n  tier: WorkflowTier;\n  cronActive: boolean;\n  onSelect: (config: LTWorkflowConfig) => void;\n  compact: boolean;\n}) {\n  const variant = tier === 'certified' ? 'certified' : tier === 'registered' ? 'registered' : 'durable';\n\n  if (compact) {\n    return (\n      <button\n        onClick={() => onSelect(config)}\n        aria-current={isSelected ? 'true' : undefined}\n        title={config.workflow_type}\n        className={`group w-full text-left flex items-center gap-2.5 pl-3 pr-2 py-2 border-l-2 transition-colors ${\n          isSelected ? 'border-accent bg-accent/10 text-accent' : 'border-transparent text-text-primary hover:bg-surface-hover'\n        }`}\n      >\n        <WorkflowIcon icon={config.icon} tier={tier} className={`w-5 h-5 shrink-0 ${isSelected ? 'text-accent' : 'text-accent/65'}`} />\n        <span className=\"text-sm truncate\">{identifierToTitle(config.workflow_type)}</span>\n        {cronActive && (\n          <span title=\"Cron schedule active\" className=\"ml-auto shrink-0\">\n            <Clock className=\"w-3 h-3 text-status-success/70\" />\n          </span>\n        )}\n      </button>\n    );\n  }\n\n  return (\n    <button\n      onClick={() => onSelect(config)}\n      className=\"group relative w-full text-left py-2 px-3 -mx-3 rounded-md hover:bg-surface-hover/30 transition-colors duration-150\"\n    >\n      {isSelected && (\n        <span className=\"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full\" />\n      )}\n      <div className=\"flex items-center gap-3\">\n        <WorkflowPill type={config.workflow_type} size=\"md\" variant={variant} />\n        {config.description && (\n          <p className=\"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors\">\n            {config.description}\n          </p>\n        )}\n        <span className=\"ml-auto flex items-center gap-2 shrink-0\">\n          {config.execute_as && (\n            <span className=\"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-2xs bg-accent/10 text-accent rounded\">\n              <Bot className=\"w-2.5 h-2.5\" />\n              {config.execute_as}\n            </span>\n          )}\n          {cronActive && (\n            <span title=\"Cron schedule active\">\n              <Clock className=\"w-3 h-3 text-status-success/70 shrink-0\" />\n            </span>\n          )}\n          <NamespacePill namespace=\"durable\" />\n          <span title=\"Configure & invoke\">\n            <Play\n              className={`w-3 h-3 transition-opacity ${\n                isSelected ? 'text-accent opacity-100' : 'text-accent opacity-0 group-hover:opacity-100'\n              }`}\n              strokeWidth={1.5}\n            />\n          </span>\n        </span>\n      </div>\n    </button>\n  );\n}\n","import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from '../../../components/common/form/BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\nimport type { LTWorkflowConfig } from '../../../api/types';\n\nexport function IdentitySummary({\n  config,\n  overrideBot,\n  onOverrideChange,\n  showOverride,\n}: {\n  config: LTWorkflowConfig;\n  overrideBot?: string;\n  onOverrideChange?: (botExternalId: string) => void;\n  showOverride?: boolean;\n}) {\n  const { user } = useAuth();\n  const effectiveBot = overrideBot || config.execute_as;\n\n  return (\n    <div className=\"bg-surface-sunken rounded-lg px-4 py-3 space-y-3\">\n      <div>\n        <div className=\"flex items-center justify-between mb-1\">\n          <span className=\"text-2xs text-text-tertiary uppercase tracking-wider font-medium\">Running as</span>\n          {effectiveBot && !overrideBot && (\n            <span className=\"text-2xs text-text-tertiary\">configured default</span>\n          )}\n          {overrideBot && (\n            <span className=\"text-2xs text-accent\">admin override</span>\n          )}\n        </div>\n        {/* Read-only identity, styled as a field so it reads consistently with\n            the Override control below and pops off the sunken band. */}\n        <div className=\"field flex items-center gap-1.5\">\n          {effectiveBot ? (\n            <>\n              <Bot className=\"w-3.5 h-3.5 text-accent/70 shrink-0\" />\n              <span className=\"text-xs text-text-primary font-mono\">{effectiveBot}</span>\n            </>\n          ) : (\n            <>\n              <UserCircle className=\"w-3.5 h-3.5 text-text-tertiary shrink-0\" />\n              <span className=\"text-xs text-text-primary\">\n                {user?.displayName || user?.username || 'you'}\n              </span>\n            </>\n          )}\n        </div>\n      </div>\n      {showOverride && onOverrideChange && (\n        <div>\n          <label className=\"text-2xs text-text-tertiary uppercase tracking-wider font-medium mb-1 block\">Override identity</label>\n          <BotPicker\n            selected={overrideBot ?? ''}\n            onChange={onOverrideChange}\n            placeholder={config.execute_as ? `Default: ${config.execute_as}` : 'Invoking user (default)'}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { lookupLabel } from '../../../lib/lookup-label';\nimport { AlertTriangle, ShieldCheck } from 'lucide-react';\nimport { useAuth } from '../../../hooks/useAuth';\nimport { foldWorkflowLookups, useWorkflowLookups } from '../../../api/workflows';\nimport type { InvocableWorkflow } from '../../../api/types';\nimport { WorkflowIcon } from '../../../components/common/display/WorkflowIcon';\nimport { MarkdownRenderer } from '../../../components/common/display/MarkdownRenderer';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { IdentitySummary } from './IdentitySummary';\nimport { LegacyInvokeForm } from './LegacyInvokeForm';\nimport { RichInvokeForm } from './RichInvokeForm';\nimport { useInvokeSubmit } from './use-invoke-submit';\n\n/**\n * The form column. The workflow's name is the column's heading and stays\n * put; Start stays put at the bottom; description, identity, options, and\n* the fields scroll between them. A declared input_schema renders the\n * x-lt-* form, with pinned input_lookups resolved into its lookup domain;\n * otherwise the envelope template form.\n */\nexport function StartNowPanel({ selected }: { selected: InvocableWorkflow }) {\n  const { isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n  const [overrideBot, setOverrideBot] = useState('');\n  // Per-run interceptor opt-out, offered when the registration is certified.\n  const [certified, setCertified] = useState(selected.certified);\n\n  useEffect(() => {\n    setOverrideBot('');\n    setCertified(selected.certified);\n  }, [selected.workflow_type, selected.certified]);\n\n  const metadata = useMemo(() => {\n    const md = selected.envelope_schema?.metadata;\n    return md && typeof md === 'object' ? (md as Record<string, unknown>) : {};\n  }, [selected.envelope_schema]);\n\n  const hasLookups = Array.isArray(selected.input_lookups) && selected.input_lookups.length > 0;\n  const { data: lookupData } = useWorkflowLookups(selected.workflow_type, hasLookups);\n  const lookup = useMemo(() => (lookupData ? foldWorkflowLookups(lookupData.lookups) : undefined), [lookupData]);\n  const missingLookups = lookupData?.lookups.filter((l) => l.missing) ?? [];\n\n  const submission = useInvokeSubmit(selected, { certified, overrideBot });\n\n  const lead = (\n    <>\n      {selected.description && (\n        <MarkdownRenderer content={selected.description} className=\"text-xs text-text-secondary leading-relaxed\" />\n      )}\n      <IdentitySummary\n        config={selected}\n        overrideBot={overrideBot}\n        onOverrideChange={setOverrideBot}\n        showOverride={isAdmin}\n      />\n      {selected.certified && (\n        <label className=\"flex items-center gap-2 cursor-pointer\">\n          <input\n            type=\"checkbox\"\n            checked={certified}\n            onChange={(e) => setCertified(e.target.checked)}\n            className=\"rounded border-surface-border text-accent focus:ring-accent/30\"\n          />\n          <ShieldCheck className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-xs text-text-secondary\">Enable task tracking and escalation routing</span>\n        </label>\n      )}\n    </>\n  );\n\n  return (\n    <div className=\"max-w-form\" data-testid=\"invoke-form\">\n      {/* Sticks to the top of the shell scroll; the pulled-up padding covers the page gutter above it. */}\n      <header className=\"sticky top-0 z-10 bg-surface -mt-8 pt-8 flex items-baseline gap-3 min-w-0 pb-3 mb-5 border-b border-surface-border/60\">\n        <WorkflowIcon icon={selected.icon} tier={selected.tier} className=\"w-7 h-7 self-center shrink-0 text-accent\" />\n        <h2 className=\"heading-2 truncate\" title={selected.workflow_type}>\n          {identifierToTitle(selected.workflow_type)}\n        </h2>\n        <span className=\"text-2xs font-mono text-text-quaternary shrink-0\">{selected.workflow_type}</span>\n        <span className=\"text-2xs uppercase tracking-widest text-text-tertiary shrink-0\">{selected.tier}</span>\n        {selected.task_queue && (\n          <span className=\"text-2xs font-mono text-text-quaternary truncate\">{selected.task_queue}</span>\n        )}\n      </header>\n\n      {missingLookups.length > 0 && (\n        <p className=\"flex items-center gap-1.5 text-2xs text-status-warning mb-4\" data-testid=\"lookup-missing\">\n          <AlertTriangle className=\"w-3 h-3 shrink-0\" strokeWidth={1.5} />\n          {missingLookups.map(lookupLabel).join(', ')} {missingLookups.length === 1 ? 'is' : 'are'} not available; the fields that read {missingLookups.length === 1 ? 'it' : 'them'} fall back to plain inputs.\n        </p>\n      )}\n\n      {selected.input_schema ? (\n        <RichInvokeForm selected={selected} schema={selected.input_schema} metadata={metadata} lookup={lookup} submission={submission} lead={lead} />\n      ) : (\n        <LegacyInvokeForm selected={selected} metadata={metadata} submission={submission} lead={lead} />\n      )}\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { useInvocableWorkflows, useCronStatus } from '../../../api/workflows';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { useMediaQuery } from '../../../hooks/useMediaQuery';\nimport type { InvocableWorkflow, WorkflowTier } from '../../../api/types';\nimport { WorkflowSelector, workflowQueues, firstWorkflowType } from './WorkflowSelector';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { StartNowPanel } from './StartNowPanel';\n\nconst TYPE_PARAM = 'type';\n// A few dozen workflows read fine grouped by queue; the filters wait for scale to demand them.\nconst LIST_FILTERS_VISIBLE = false;\n\n/**\n * Invoke — the list of workflows the caller may run beside the form for the\n * one chosen. The list is grouped by queue and takes a quarter of the row;\n * the form takes the rest. Selection lives in `?type=`, and the first row\n * is preselected so the page opens on a form, never on an empty column.\n */\nexport function StartWorkflowPage() {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const { data: invocable, isLoading } = useInvocableWorkflows();\n  const { data: cronEntries } = useCronStatus();\n  // Below xl the list and the form cannot share the row: the list folds\n  // into a select and the form takes the full width.\n  const compact = useMediaQuery('(max-width: 1279px)');\n\n  const selectedType = searchParams.get(TYPE_PARAM) ?? '';\n  const [search, setSearch] = useState('');\n  const [activeQueue, setActiveQueue] = useState<string | null>(null);\n\n  const workflows: InvocableWorkflow[] = invocable ?? [];\n  const tierMap = useMemo(() => {\n    const map = new Map<string, WorkflowTier>();\n    for (const w of workflows) map.set(w.workflow_type, w.tier);\n    return map;\n  }, [workflows]);\n  const selected = workflows.find((c) => c.workflow_type === selectedType);\n  const activeTypes = new Set((cronEntries ?? []).filter((e) => e.active).map((e) => e.workflow_type));\n\n  // A user's choice is a history entry; the opening preselect only rewrites the landing URL.\n  const setType = useCallback(\n    (value: string | null, opts: { replace?: boolean } = {}) => {\n      setSearchParams(\n        (prev) => {\n          const next = new URLSearchParams(prev);\n          if (value) next.set(TYPE_PARAM, value);\n          else next.delete(TYPE_PARAM);\n          return next;\n        },\n        { replace: opts.replace ?? false },\n      );\n    },\n    [setSearchParams],\n  );\n\n  useEffect(() => {\n    if (searchParams.get(TYPE_PARAM) || workflows.length === 0) return;\n    const first = firstWorkflowType(workflows);\n    if (first) setType(first, { replace: true });\n  }, [workflows, searchParams, setType]);\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  const queues = workflowQueues(workflows);\n  const form = selected\n    ? <StartNowPanel selected={selected} />\n    : <p className=\"text-xs text-text-tertiary\">Choose a tool to begin.</p>;\n\n  return (\n    <div>\n      <PageHeader title=\"Invoke Tool\" docsHash=\"#docs:dashboard.md:invoke-tool\" />\n\n      {workflows.length === 0 ? (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-primary mb-1\">No tools to invoke</p>\n          <p className=\"text-xs text-text-tertiary\">Mark workflows as invocable in the registry, or start the server with examples enabled.</p>\n        </div>\n      ) : compact ? (\n        <>\n          <label className=\"block mb-6 max-w-2xl\">\n            <span className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Tool</span>\n            <select\n              value={selectedType}\n              onChange={(e) => setType(e.target.value || null)}\n              className=\"select text-xs font-mono w-full\"\n            >\n              <option value=\"\">Choose a tool…</option>\n              {queues.map((q) => (\n                <optgroup key={q} label={identifierToTitle(q)}>\n                  {workflows\n                    .filter((c) => (c.task_queue || '') === q)\n                    .map((c) => (\n                      <option key={c.workflow_type} value={c.workflow_type}>{identifierToTitle(c.workflow_type)}</option>\n                    ))}\n                </optgroup>\n              ))}\n              {workflows\n                .filter((c) => !c.task_queue)\n                .map((c) => (\n                  <option key={c.workflow_type} value={c.workflow_type}>{identifierToTitle(c.workflow_type)}</option>\n                ))}\n            </select>\n          </label>\n          {/* The form heading pulls itself up over the page gutter when stuck; give it that room here so it never covers the picker. */}\n          <div className=\"pt-8\">{form}</div>\n        </>\n      ) : (\n        <div className=\"flex gap-10 items-start\">\n          {/* The page scrolls as a whole; the list column and the form's title and Start stick while the title of the page rides away. */}\n          <aside className=\"w-1/4 min-w-[15rem] shrink-0 sticky top-0 self-start -mt-8 pt-8 max-h-[calc(100vh-5rem)] overflow-y-auto pr-1 space-y-4\" data-testid=\"invoke-list\">\n            {LIST_FILTERS_VISIBLE && <div className=\"flex flex-col gap-3\">\n              {queues.length > 1 && (\n                <FilterSelect\n                  label=\"Queue\"\n                  value={activeQueue ?? ''}\n                  onChange={(v) => setActiveQueue(v || null)}\n                  options={queues.map((q) => ({ value: q, label: q }))}\n                />\n              )}\n              <FilterInput\n                label=\"Search\"\n                value={search}\n                onChange={setSearch}\n                placeholder={`${workflows.length} workflows…`}\n              />\n            </div>}\n            <WorkflowSelector\n              configs={workflows}\n              selectedType={selectedType}\n              onSelect={(c) => setType(c.workflow_type)}\n              tierMap={tierMap}\n              activeTypes={activeTypes}\n              search={search}\n              activeQueue={activeQueue}\n              compact\n            />\n          </aside>\n          <section className=\"flex-1 min-w-0\">{form}</section>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { StartWorkflowPage } from './StartWorkflowPage';\n\nexport function DurableInvokePage() {\n  return <StartWorkflowPage />;\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","mql","onChange","e","NO_QUEUE_LABEL","workflowQueues","configs","c","groupWorkflows","search","activeQueue","q","_a","sections","queue","g","noQueue","firstWorkflowType","_b","WorkflowSelector","selectedType","onSelect","tierMap","activeTypes","compact","grouped","useMemo","jsx","workflows","jsxs","Server","Wrench","identifierToTitle","config","WorkflowRow","isSelected","tier","cronActive","variant","WorkflowIcon","Clock","WorkflowPill","Bot","NamespacePill","Play","IdentitySummary","overrideBot","onOverrideChange","showOverride","user","useAuth","effectiveBot","Fragment","UserCircle","BotPicker","StartNowPanel","selected","isSuperAdmin","hasRoleType","isAdmin","setOverrideBot","certified","setCertified","metadata","md","hasLookups","lookupData","useWorkflowLookups","lookup","foldWorkflowLookups","missingLookups","l","submission","useInvokeSubmit","lead","MarkdownRenderer","ShieldCheck","AlertTriangle","lookupLabel","RichInvokeForm","LegacyInvokeForm","TYPE_PARAM","LIST_FILTERS_VISIBLE","StartWorkflowPage","searchParams","setSearchParams","useSearchParams","invocable","isLoading","useInvocableWorkflows","cronEntries","useCronStatus","setSearch","setActiveQueue","map","w","setType","useCallback","value","opts","prev","next","first","queues","form","PageHeader","DurableInvokePage"],"mappings":"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"}

package/dashboard/dist/assets/{index-BOuGMe78.js → index-DRw0FXdX.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-CXNh7LuG.js";import{u as M,a as T,b as O,S as $,c as A,d as D,e as R}from"./StreamMessageDetail-yOdyJGHR.js";import{u as z}from"./useFilterParams-DBRw1Hcv.js";import{u as E}from"./useNamespace-Bu42ipvu.js";import{b as L}from"./api-path-u2Jf9QXS.js";import{D as I}from"./DataTable-FjFhx0SE.js";import{S as U}from"./StickyPagination-CJ3jjlDX.js";import{F as q,b as x,a as _}from"./FilterBar-Blt7qcUc.js";import{P as B}from"./PageHeader-DiGWAQlR.js";import{L as V}from"./ListToolbar-GGj6X36p.js";import{X as H,a4 as J}from"./vendor-icons-en0_uSRD.js";import"./vendor-react-_9U4mKFr.js";import"./controlplane-B96o1-zT.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-BOuGMe78.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-ygxyAKcc.js";import{u as M,a as T,b as O,S as $,c as A,d as D,e as R}from"./StreamMessageDetail-D5Rk7pn7.js";import{u as z}from"./useFilterParams-DBRw1Hcv.js";import{u as E}from"./useNamespace-BWHvUKtK.js";import{b as L}from"./api-path-u2Jf9QXS.js";import{D as I}from"./DataTable-FjFhx0SE.js";import{S as U}from"./StickyPagination-miUdVAKw.js";import{F as q,b as x,a as _}from"./FilterBar-Dy0b7wwf.js";import{P as B}from"./PageHeader-DiGWAQlR.js";import{L as V}from"./ListToolbar-CJmvGy2B.js";import{X as H,a4 as J}from"./vendor-icons-en0_uSRD.js";import"./vendor-react-_9U4mKFr.js";import"./controlplane-D6IZIZoh.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-DRw0FXdX.js.map

package/dashboard/dist/assets/{index-BOuGMe78.js.map → index-DRw0FXdX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BOuGMe78.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-DRw0FXdX.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-P22vmuEu.js → index-OuKQ_0eB.js}

@@ -1,2 +1,2 @@
-import{j as e,a as h}from"./vendor-query-DvWWuNIB.js";import{d as B,e as H,f as z,g as U}from"./mcp-CsZdpCEf.js";import{P as V}from"./PageHeader-DiGWAQlR.js";import{i as q,E as K,ad as Y,ae as X,X as G,ab as W,aL as Q,aM as Z}from"./vendor-icons-en0_uSRD.js";import{T as ee}from"./TagInput-DaIdhv3h.js";import{e as se,u as te,f as ae}from"./vendor-react-_9U4mKFr.js";import"./index-CXNh7LuG.js";function re({steps:s,currentStep:t,onStepClick:r}){return e.jsx("div",{className:"flex items-center justify-center gap-1 pb-4 border-b border-surface-border mb-4",children:s.map((a,l)=>{const c=l<t,i=l===t,n=!!r;return e.jsxs("div",{className:"flex items-center gap-1",children:[l>0&&e.jsx("div",{className:`w-4 h-px ${c?"bg-accent":"bg-surface-border"}`}),e.jsxs("button",{type:"button",onClick:n?()=>r(l):void 0,className:`flex items-center gap-1 ${n?"cursor-pointer":"cursor-default"}`,children:[e.jsx("span",{className:`w-5 h-5 rounded-full text-2xs font-semibold flex items-center justify-center shrink-0 transition-colors ${i?"bg-accent text-text-inverse":c?"bg-accent-muted text-accent":"bg-surface-sunken text-text-tertiary"} ${n&&!i?"hover:bg-accent-muted hover:text-accent":""}`,children:l+1}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-wider whitespace-nowrap transition-colors ${i?"text-text-primary":"text-text-tertiary"} ${n&&!i?"hover:text-text-primary":""}`,children:a})]})]},a)})})}const L={name:"",description:"",mode:"network",transport_type:"sse",command:"",args:"",env_vars:"{}",url:"",headers:"{}",auto_connect:!1,tags:[],compile_hints:"",credential_providers:[],discovered_tools:null};function ne(s){const t=s.transport_config??{},r=!!t.builtin;let a="network";return r?a="in-process":s.transport_type==="stdio"&&(a="local-process"),{name:s.name,description:s.description??"",mode:a,transport_type:s.transport_type,command:t.command??"",args:(t.args??[]).join(", "),env_vars:t.env?JSON.stringify(t.env,null,2):"{}",url:t.url??"",headers:t.headers?JSON.stringify(t.headers,null,2):"{}",auto_connect:s.auto_connect,tags:s.tags??[],compile_hints:s.compile_hints??"",credential_providers:s.credential_providers??[],discovered_tools:s.tool_manifest??null}}function R(s){let t={};if(s.mode==="local-process")t={command:s.command.trim(),args:s.args.split(",").map(r=>r.trim()).filter(Boolean),env:s.env_vars.trim()?JSON.parse(s.env_vars):void 0};else if(s.mode==="network"){const r=s.headers.trim()?JSON.parse(s.headers):{};t={url:s.url.trim(),...Object.keys(r).length?{headers:r}:{}}}return{name:s.name.trim(),description:s.description.trim()||void 0,transport_type:s.mode==="local-process"?"stdio":s.transport_type,transport_config:t,auto_connect:s.auto_connect,tags:s.tags,compile_hints:s.compile_hints.trim()||void 0,credential_providers:s.credential_providers.length>0?s.credential_providers:void 0}}const O=["Transport","Discovery","Test","Review"];function M(s,t){return s===1?!(!t.name.trim()||t.mode==="network"&&!t.url.trim()||t.mode==="local-process"&&!t.command.trim()):!0}const d="label",b="hint",w="••••••••";function ce(s){const t=s.trim();if(!t)return!1;try{const r=JSON.parse(t);return!!r&&typeof r=="object"&&Object.keys(r).length>0}catch{return!0}}function le(s){try{const t=JSON.parse(s);if(!t||typeof t!="object"||Array.isArray(t))return w;const r=Object.fromEntries(Object.keys(t).map(a=>[a,w]));return JSON.stringify(r,null,2)}catch{return w}}function A({label:s,value:t,onChange:r,placeholder:a,hint:l,rows:c=3}){const[i,n]=h.useState(null),[o,v]=h.useState(!1),u=i??!ce(t),N=()=>{navigator.clipboard.writeText(t),v(!0),setTimeout(()=>v(!1),1500)};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("label",{className:"label",children:s}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{type:"button",onClick:()=>n(!u),className:"flex items-center gap-1 text-2xs text-text-tertiary hover:text-text-primary","aria-pressed":u,children:[u?e.jsx(q,{className:"w-3.5 h-3.5"}):e.jsx(K,{className:"w-3.5 h-3.5"}),u?"Hide":"Show"]}),e.jsxs("button",{type:"button",onClick:N,disabled:!t.trim(),className:"flex items-center gap-1 text-2xs text-text-tertiary hover:text-text-primary disabled:opacity-40",title:"Copy to clipboard",children:[o?e.jsx(Y,{className:"w-3.5 h-3.5 text-status-success"}):e.jsx(X,{className:"w-3.5 h-3.5"}),"Copy"]})]})]}),e.jsx("textarea",{"aria-label":s,value:u?t:le(t),onChange:j=>{n(!0),r(j.target.value)},readOnly:!u,placeholder:a,className:"input-json w-full",rows:c,spellCheck:!1,autoComplete:"off"}),l&&e.jsx("p",{className:"hint",children:l})]})}const ie=[{value:"in-process",label:"In-Process",hint:"Built-in server running inside the app"},{value:"network",label:"Network Service",hint:"Remote server via SSE or Streamable HTTP"},{value:"local-process",label:"Local Process",hint:"Spawn a local command via stdio"}];function oe({form:s,set:t,isBuiltin:r}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Connection Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-1",children:ie.map(a=>{const l=s.mode===a.value,c=r&&a.value!=="in-process";return e.jsxs("button",{type:"button",disabled:c,onClick:()=>{t("mode",a.value),a.value==="local-process"&&t("transport_type","stdio"),a.value==="network"&&t("transport_type","sse")},className:`text-left p-3 rounded-md border transition-colors ${l?"border-accent bg-accent/5":c?"border-surface-border bg-surface-sunken opacity-50 cursor-not-allowed":"border-surface-border hover:border-text-tertiary cursor-pointer"}`,children:[e.jsx("span",{className:`text-xs font-medium ${l?"text-accent":"text-text-primary"}`,children:a.label}),e.jsx("span",{className:"block text-2xs text-text-tertiary mt-0.5",children:a.hint})]},a.value)})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Name"}),e.jsx("input",{type:"text",value:s.name,onChange:a=>t("name",a.target.value),placeholder:"e.g., vision-server",className:"input text-xs w-full",disabled:r})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Description"}),e.jsx("input",{type:"text",value:s.description,onChange:a=>t("description",a.target.value),placeholder:"Optional description",className:"input text-xs w-full"})]})]}),s.mode==="in-process"&&e.jsx("div",{children:e.jsx("p",{className:b,children:"This server runs in-process via InMemoryTransport. Transport is managed automatically — no configuration needed."})}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Server URL"}),e.jsx("input",{type:"text",value:s.url,onChange:a=>t("url",a.target.value),placeholder:"https://mcp-server.example.com/sse",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Transport Protocol"}),e.jsx("div",{className:"flex gap-2 mt-1",children:["sse","streamable-http"].map(a=>e.jsx("button",{type:"button",onClick:()=>t("transport_type",a),className:`px-3 py-1.5 text-xs rounded-md border transition-colors ${s.transport_type===a?"border-accent bg-accent/5 text-accent font-medium":"border-surface-border text-text-secondary hover:border-text-tertiary"}`,children:a==="sse"?"SSE":"Streamable HTTP"},a))})]}),e.jsx(A,{label:"Headers (JSON)",value:s.headers,onChange:a=>t("headers",a),placeholder:'{ "Authorization": "Bearer <service-account key>" }',hint:"Sent with every request. Another Long Tail instance's /mcp takes a service-account key here."})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Command"}),e.jsx("input",{type:"text",value:s.command,onChange:a=>t("command",a.target.value),placeholder:"e.g., npx",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Arguments (comma-separated)"}),e.jsx("input",{type:"text",value:s.args,onChange:a=>t("args",a.target.value),placeholder:"e.g., -y, @modelcontextprotocol/server-filesystem, /tmp",className:"input text-xs w-full font-mono"})]}),e.jsx(A,{label:"Environment Variables (JSON)",value:s.env_vars,onChange:a=>t("env_vars",a)})]}),e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:s.auto_connect,onChange:a=>t("auto_connect",a.target.checked),className:"w-4 h-4 rounded border-border accent-accent"}),e.jsx("span",{className:"text-xs text-text-primary",children:"Auto-connect on startup"})]})]})}function de({form:s,set:t}){const[r,a]=h.useState(""),l=n=>{const o=n.trim().toLowerCase();o&&!s.credential_providers.includes(o)&&t("credential_providers",[...s.credential_providers,o]),a("")},c=n=>{t("credential_providers",s.credential_providers.filter(o=>o!==n))},i=n=>{n.key==="Enter"||n.key===","?(n.preventDefault(),l(r)):n.key==="Backspace"&&!r&&s.credential_providers.length>0&&c(s.credential_providers[s.credential_providers.length-1])};return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Tags"}),e.jsx(ee,{tags:s.tags,onChange:n=>t("tags",n),placeholder:"Add tag (e.g., database, analytics)..."}),e.jsx("p",{className:b,children:"Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools."})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Compile Hints"}),e.jsx("textarea",{value:s.compile_hints,onChange:n=>t("compile_hints",n.target.value),placeholder:"Guidance for the workflow compiler when generating YAML from this server's tools...",className:"input text-xs w-full leading-relaxed",rows:4,spellCheck:!1}),e.jsx("p",{className:b,children:"Free-form text that guides the workflow compiler. Describe how tools should be composed, sequenced, or parameterized."})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Credential Providers"}),e.jsxs("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",children:[s.credential_providers.map(n=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:[n,e.jsx("button",{type:"button",onClick:()=>c(n),className:"hover:text-status-error transition-colors",children:e.jsx(G,{className:"w-2.5 h-2.5"})})]},n)),e.jsx("input",{type:"text",value:r,onChange:n=>a(n.target.value),onKeyDown:i,onBlur:()=>{r.trim()&&l(r)},placeholder:s.credential_providers.length===0?"Add provider (e.g., github, slack)...":"",className:"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary"})]}),e.jsx("p",{className:b,children:"IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution."})]})]})}function pe({form:s,set:t}){const r=B(),a=s.mode==="in-process",l=()=>{const n=R(s);r.mutate({transport_type:n.transport_type,transport_config:n.transport_config},{onSuccess:o=>{o.success&&t("discovered_tools",o.tools)}})},c=r.data,i=s.discovered_tools??(c==null?void 0:c.tools)??[];return e.jsx("div",{className:"space-y-5",children:a?e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-text-secondary",children:"In-process servers connect lazily on first tool call. No connection test needed."}),s.discovered_tools&&s.discovered_tools.length>0&&e.jsxs("div",{className:"mt-4",children:[e.jsxs("p",{className:"text-xs text-text-tertiary mb-2",children:[s.discovered_tools.length," tool",s.discovered_tools.length!==1?"s":""," cached from last connection"]}),e.jsx(I,{tools:s.discovered_tools})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{type:"button",onClick:l,disabled:r.isPending,className:"btn-primary text-xs",children:r.isPending?e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(W,{className:"w-3 h-3 animate-spin"}),"Connecting..."]}):"Test Connection"}),(c==null?void 0:c.success)&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success",children:[e.jsx(Q,{className:"w-3.5 h-3.5"}),"Connected — ",i.length," tool",i.length!==1?"s":""," discovered"]}),c&&!c.success&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-error",children:[e.jsx(Z,{className:"w-3.5 h-3.5"}),c.error||"Connection failed"]})]}),i.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-xs text-text-tertiary mb-2",children:"Discovered tools"}),e.jsx(I,{tools:i})]}),e.jsx("p",{className:b,children:"Tests connectivity by connecting to the server and listing available tools. The server must be reachable from this machine."})]})})}function I({tools:s}){return e.jsx("div",{className:"max-h-[280px] overflow-y-auto border border-surface-border rounded-md divide-y divide-surface-border",children:s.map(t=>e.jsxs("div",{className:"px-3 py-2",children:[e.jsx("span",{className:"text-xs font-medium text-text-primary font-mono",children:t.name}),t.description&&e.jsx("span",{className:"block text-2xs text-text-tertiary mt-0.5 line-clamp-2",children:t.description})]},t.name))})}const xe={"in-process":"In-Process",network:"Network Service","local-process":"Local Process"},ue={stdio:"stdio",sse:"SSE","streamable-http":"Streamable HTTP"};function me({form:s}){const t=s.discovered_tools??[];return e.jsxs("div",{className:"space-y-4",children:[e.jsx(x,{label:"Name",value:s.name}),s.description&&e.jsx(x,{label:"Description",value:s.description}),e.jsx(x,{label:"Mode",value:xe[s.mode]??s.mode}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Transport",value:ue[s.transport_type]??s.transport_type}),e.jsx(x,{label:"URL",value:s.url,mono:!0})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Command",value:s.command,mono:!0}),s.args&&e.jsx(x,{label:"Args",value:s.args,mono:!0})]}),e.jsx(x,{label:"Auto-connect",value:s.auto_connect?"Yes":"No"}),s.tags.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Tags"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.tags.map(r=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:r},r))})]}),s.credential_providers.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Credential Providers"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.credential_providers.map(r=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:r},r))})]}),s.compile_hints&&e.jsx(x,{label:"Compile Hints",value:s.compile_hints}),t.length>0&&e.jsx(x,{label:"Discovered Tools",value:`${t.length} tool${t.length!==1?"s":""}`})]})}function x({label:s,value:t,mono:r}){return e.jsxs("div",{children:[e.jsx("label",{className:d,children:s}),e.jsx("p",{className:`text-xs text-text-primary mt-0.5 ${r?"font-mono":""}`,children:t})]})}function fe(){var T,P,E;const{serverId:s}=se(),t=!s,r=te(),{data:a,isLoading:l}=H(s??""),c=z(),i=U(),[n,o]=h.useState(L),[v,u]=h.useState(!1),[N,j]=h.useState(""),[$,S]=ae(),p=parseInt($.get("step")||"1",10),f=h.useCallback(m=>{S(g=>{const y=new URLSearchParams(g);return y.set("step",String(m)),y},{replace:!1})},[S]);h.useEffect(()=>{if(!v){if(t){o(L),u(!0);return}a&&(o(ne(a)),u(!0))}},[a,t,v]);const _=(m,g)=>o(y=>({...y,[m]:g})),J=!!((T=a==null?void 0:a.transport_config)!=null&&T.builtin),D=()=>{j("");const m=R(n);a?i.mutate({id:a.id,...m},{onSuccess:()=>r("/mcp/servers")}):c.mutate(m,{onSuccess:()=>r("/mcp/servers"),onError:g=>j(g.message)})};if(!t&&l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});if(!t&&!a&&!l)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Server not found."});const F=p===O.length,k=c.isPending||i.isPending,C=N||((P=c.error)==null?void 0:P.message)||((E=i.error)==null?void 0:E.message);return e.jsxs("div",{children:[e.jsx(V,{title:t?"Register MCP Server":(a==null?void 0:a.name)??""}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsx(re,{steps:O,currentStep:p-1,onStepClick:m=>f(m+1)}),e.jsxs("div",{className:"min-h-[360px] py-2",children:[p===1&&e.jsx(oe,{form:n,set:_,isBuiltin:J}),p===2&&e.jsx(de,{form:n,set:_}),p===3&&e.jsx(pe,{form:n,set:_}),p===4&&e.jsx(me,{form:n})]}),C&&e.jsx("p",{className:"text-xs text-status-error mt-4",children:C}),e.jsxs("div",{className:"flex justify-between items-center pt-4 border-t border-surface-border mt-4",children:[e.jsx("div",{children:p>1&&e.jsx("button",{onClick:()=>f(p-1),className:"btn-secondary text-xs",children:"Back"})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:()=>r("/mcp/servers"),className:"btn-ghost text-xs",children:"Cancel"}),F?e.jsx("button",{onClick:D,disabled:!M(p,n)||k,className:"btn-primary text-xs",children:k?"Saving...":a?"Save":"Register"}):e.jsx("button",{onClick:()=>f(p+1),disabled:!M(p,n),className:"btn-primary text-xs",children:"Next"})]})]})]})]})}export{fe as McpServerDetailPage};
-//# sourceMappingURL=index-P22vmuEu.js.map
+import{j as e,a as h}from"./vendor-query-DvWWuNIB.js";import{d as B,e as H,f as z,g as U}from"./mcp-D6MckqOV.js";import{P as V}from"./PageHeader-DiGWAQlR.js";import{i as q,E as K,ad as Y,ae as X,X as G,ab as W,aL as Q,aM as Z}from"./vendor-icons-en0_uSRD.js";import{T as ee}from"./TagInput-DaIdhv3h.js";import{e as se,u as te,f as ae}from"./vendor-react-_9U4mKFr.js";import"./index-ygxyAKcc.js";function re({steps:s,currentStep:t,onStepClick:r}){return e.jsx("div",{className:"flex items-center justify-center gap-1 pb-4 border-b border-surface-border mb-4",children:s.map((a,l)=>{const c=l<t,i=l===t,n=!!r;return e.jsxs("div",{className:"flex items-center gap-1",children:[l>0&&e.jsx("div",{className:`w-4 h-px ${c?"bg-accent":"bg-surface-border"}`}),e.jsxs("button",{type:"button",onClick:n?()=>r(l):void 0,className:`flex items-center gap-1 ${n?"cursor-pointer":"cursor-default"}`,children:[e.jsx("span",{className:`w-5 h-5 rounded-full text-2xs font-semibold flex items-center justify-center shrink-0 transition-colors ${i?"bg-accent text-text-inverse":c?"bg-accent-muted text-accent":"bg-surface-sunken text-text-tertiary"} ${n&&!i?"hover:bg-accent-muted hover:text-accent":""}`,children:l+1}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-wider whitespace-nowrap transition-colors ${i?"text-text-primary":"text-text-tertiary"} ${n&&!i?"hover:text-text-primary":""}`,children:a})]})]},a)})})}const L={name:"",description:"",mode:"network",transport_type:"sse",command:"",args:"",env_vars:"{}",url:"",headers:"{}",auto_connect:!1,tags:[],compile_hints:"",credential_providers:[],discovered_tools:null};function ne(s){const t=s.transport_config??{},r=!!t.builtin;let a="network";return r?a="in-process":s.transport_type==="stdio"&&(a="local-process"),{name:s.name,description:s.description??"",mode:a,transport_type:s.transport_type,command:t.command??"",args:(t.args??[]).join(", "),env_vars:t.env?JSON.stringify(t.env,null,2):"{}",url:t.url??"",headers:t.headers?JSON.stringify(t.headers,null,2):"{}",auto_connect:s.auto_connect,tags:s.tags??[],compile_hints:s.compile_hints??"",credential_providers:s.credential_providers??[],discovered_tools:s.tool_manifest??null}}function R(s){let t={};if(s.mode==="local-process")t={command:s.command.trim(),args:s.args.split(",").map(r=>r.trim()).filter(Boolean),env:s.env_vars.trim()?JSON.parse(s.env_vars):void 0};else if(s.mode==="network"){const r=s.headers.trim()?JSON.parse(s.headers):{};t={url:s.url.trim(),...Object.keys(r).length?{headers:r}:{}}}return{name:s.name.trim(),description:s.description.trim()||void 0,transport_type:s.mode==="local-process"?"stdio":s.transport_type,transport_config:t,auto_connect:s.auto_connect,tags:s.tags,compile_hints:s.compile_hints.trim()||void 0,credential_providers:s.credential_providers.length>0?s.credential_providers:void 0}}const O=["Transport","Discovery","Test","Review"];function M(s,t){return s===1?!(!t.name.trim()||t.mode==="network"&&!t.url.trim()||t.mode==="local-process"&&!t.command.trim()):!0}const d="label",b="hint",w="••••••••";function ce(s){const t=s.trim();if(!t)return!1;try{const r=JSON.parse(t);return!!r&&typeof r=="object"&&Object.keys(r).length>0}catch{return!0}}function le(s){try{const t=JSON.parse(s);if(!t||typeof t!="object"||Array.isArray(t))return w;const r=Object.fromEntries(Object.keys(t).map(a=>[a,w]));return JSON.stringify(r,null,2)}catch{return w}}function A({label:s,value:t,onChange:r,placeholder:a,hint:l,rows:c=3}){const[i,n]=h.useState(null),[o,v]=h.useState(!1),u=i??!ce(t),N=()=>{navigator.clipboard.writeText(t),v(!0),setTimeout(()=>v(!1),1500)};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("label",{className:"label",children:s}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{type:"button",onClick:()=>n(!u),className:"flex items-center gap-1 text-2xs text-text-tertiary hover:text-text-primary","aria-pressed":u,children:[u?e.jsx(q,{className:"w-3.5 h-3.5"}):e.jsx(K,{className:"w-3.5 h-3.5"}),u?"Hide":"Show"]}),e.jsxs("button",{type:"button",onClick:N,disabled:!t.trim(),className:"flex items-center gap-1 text-2xs text-text-tertiary hover:text-text-primary disabled:opacity-40",title:"Copy to clipboard",children:[o?e.jsx(Y,{className:"w-3.5 h-3.5 text-status-success"}):e.jsx(X,{className:"w-3.5 h-3.5"}),"Copy"]})]})]}),e.jsx("textarea",{"aria-label":s,value:u?t:le(t),onChange:j=>{n(!0),r(j.target.value)},readOnly:!u,placeholder:a,className:"input-json w-full",rows:c,spellCheck:!1,autoComplete:"off"}),l&&e.jsx("p",{className:"hint",children:l})]})}const ie=[{value:"in-process",label:"In-Process",hint:"Built-in server running inside the app"},{value:"network",label:"Network Service",hint:"Remote server via SSE or Streamable HTTP"},{value:"local-process",label:"Local Process",hint:"Spawn a local command via stdio"}];function oe({form:s,set:t,isBuiltin:r}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Connection Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-1",children:ie.map(a=>{const l=s.mode===a.value,c=r&&a.value!=="in-process";return e.jsxs("button",{type:"button",disabled:c,onClick:()=>{t("mode",a.value),a.value==="local-process"&&t("transport_type","stdio"),a.value==="network"&&t("transport_type","sse")},className:`text-left p-3 rounded-md border transition-colors ${l?"border-accent bg-accent/5":c?"border-surface-border bg-surface-sunken opacity-50 cursor-not-allowed":"border-surface-border hover:border-text-tertiary cursor-pointer"}`,children:[e.jsx("span",{className:`text-xs font-medium ${l?"text-accent":"text-text-primary"}`,children:a.label}),e.jsx("span",{className:"block text-2xs text-text-tertiary mt-0.5",children:a.hint})]},a.value)})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Name"}),e.jsx("input",{type:"text",value:s.name,onChange:a=>t("name",a.target.value),placeholder:"e.g., vision-server",className:"input text-xs w-full",disabled:r})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Description"}),e.jsx("input",{type:"text",value:s.description,onChange:a=>t("description",a.target.value),placeholder:"Optional description",className:"input text-xs w-full"})]})]}),s.mode==="in-process"&&e.jsx("div",{children:e.jsx("p",{className:b,children:"This server runs in-process via InMemoryTransport. Transport is managed automatically — no configuration needed."})}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Server URL"}),e.jsx("input",{type:"text",value:s.url,onChange:a=>t("url",a.target.value),placeholder:"https://mcp-server.example.com/sse",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Transport Protocol"}),e.jsx("div",{className:"flex gap-2 mt-1",children:["sse","streamable-http"].map(a=>e.jsx("button",{type:"button",onClick:()=>t("transport_type",a),className:`px-3 py-1.5 text-xs rounded-md border transition-colors ${s.transport_type===a?"border-accent bg-accent/5 text-accent font-medium":"border-surface-border text-text-secondary hover:border-text-tertiary"}`,children:a==="sse"?"SSE":"Streamable HTTP"},a))})]}),e.jsx(A,{label:"Headers (JSON)",value:s.headers,onChange:a=>t("headers",a),placeholder:'{ "Authorization": "Bearer <service-account key>" }',hint:"Sent with every request. Another Long Tail instance's /mcp takes a service-account key here."})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Command"}),e.jsx("input",{type:"text",value:s.command,onChange:a=>t("command",a.target.value),placeholder:"e.g., npx",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Arguments (comma-separated)"}),e.jsx("input",{type:"text",value:s.args,onChange:a=>t("args",a.target.value),placeholder:"e.g., -y, @modelcontextprotocol/server-filesystem, /tmp",className:"input text-xs w-full font-mono"})]}),e.jsx(A,{label:"Environment Variables (JSON)",value:s.env_vars,onChange:a=>t("env_vars",a)})]}),e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:s.auto_connect,onChange:a=>t("auto_connect",a.target.checked),className:"w-4 h-4 rounded border-border accent-accent"}),e.jsx("span",{className:"text-xs text-text-primary",children:"Auto-connect on startup"})]})]})}function de({form:s,set:t}){const[r,a]=h.useState(""),l=n=>{const o=n.trim().toLowerCase();o&&!s.credential_providers.includes(o)&&t("credential_providers",[...s.credential_providers,o]),a("")},c=n=>{t("credential_providers",s.credential_providers.filter(o=>o!==n))},i=n=>{n.key==="Enter"||n.key===","?(n.preventDefault(),l(r)):n.key==="Backspace"&&!r&&s.credential_providers.length>0&&c(s.credential_providers[s.credential_providers.length-1])};return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Tags"}),e.jsx(ee,{tags:s.tags,onChange:n=>t("tags",n),placeholder:"Add tag (e.g., database, analytics)..."}),e.jsx("p",{className:b,children:"Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools."})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Compile Hints"}),e.jsx("textarea",{value:s.compile_hints,onChange:n=>t("compile_hints",n.target.value),placeholder:"Guidance for the workflow compiler when generating YAML from this server's tools...",className:"input text-xs w-full leading-relaxed",rows:4,spellCheck:!1}),e.jsx("p",{className:b,children:"Free-form text that guides the workflow compiler. Describe how tools should be composed, sequenced, or parameterized."})]}),e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Credential Providers"}),e.jsxs("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",children:[s.credential_providers.map(n=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:[n,e.jsx("button",{type:"button",onClick:()=>c(n),className:"hover:text-status-error transition-colors",children:e.jsx(G,{className:"w-2.5 h-2.5"})})]},n)),e.jsx("input",{type:"text",value:r,onChange:n=>a(n.target.value),onKeyDown:i,onBlur:()=>{r.trim()&&l(r)},placeholder:s.credential_providers.length===0?"Add provider (e.g., github, slack)...":"",className:"flex-1 min-w-[80px] bg-transparent text-xs text-text-primary outline-none placeholder:text-text-tertiary"})]}),e.jsx("p",{className:b,children:"IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution."})]})]})}function pe({form:s,set:t}){const r=B(),a=s.mode==="in-process",l=()=>{const n=R(s);r.mutate({transport_type:n.transport_type,transport_config:n.transport_config},{onSuccess:o=>{o.success&&t("discovered_tools",o.tools)}})},c=r.data,i=s.discovered_tools??(c==null?void 0:c.tools)??[];return e.jsx("div",{className:"space-y-5",children:a?e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-text-secondary",children:"In-process servers connect lazily on first tool call. No connection test needed."}),s.discovered_tools&&s.discovered_tools.length>0&&e.jsxs("div",{className:"mt-4",children:[e.jsxs("p",{className:"text-xs text-text-tertiary mb-2",children:[s.discovered_tools.length," tool",s.discovered_tools.length!==1?"s":""," cached from last connection"]}),e.jsx(I,{tools:s.discovered_tools})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{type:"button",onClick:l,disabled:r.isPending,className:"btn-primary text-xs",children:r.isPending?e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(W,{className:"w-3 h-3 animate-spin"}),"Connecting..."]}):"Test Connection"}),(c==null?void 0:c.success)&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success",children:[e.jsx(Q,{className:"w-3.5 h-3.5"}),"Connected — ",i.length," tool",i.length!==1?"s":""," discovered"]}),c&&!c.success&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-error",children:[e.jsx(Z,{className:"w-3.5 h-3.5"}),c.error||"Connection failed"]})]}),i.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-xs text-text-tertiary mb-2",children:"Discovered tools"}),e.jsx(I,{tools:i})]}),e.jsx("p",{className:b,children:"Tests connectivity by connecting to the server and listing available tools. The server must be reachable from this machine."})]})})}function I({tools:s}){return e.jsx("div",{className:"max-h-[280px] overflow-y-auto border border-surface-border rounded-md divide-y divide-surface-border",children:s.map(t=>e.jsxs("div",{className:"px-3 py-2",children:[e.jsx("span",{className:"text-xs font-medium text-text-primary font-mono",children:t.name}),t.description&&e.jsx("span",{className:"block text-2xs text-text-tertiary mt-0.5 line-clamp-2",children:t.description})]},t.name))})}const xe={"in-process":"In-Process",network:"Network Service","local-process":"Local Process"},ue={stdio:"stdio",sse:"SSE","streamable-http":"Streamable HTTP"};function me({form:s}){const t=s.discovered_tools??[];return e.jsxs("div",{className:"space-y-4",children:[e.jsx(x,{label:"Name",value:s.name}),s.description&&e.jsx(x,{label:"Description",value:s.description}),e.jsx(x,{label:"Mode",value:xe[s.mode]??s.mode}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Transport",value:ue[s.transport_type]??s.transport_type}),e.jsx(x,{label:"URL",value:s.url,mono:!0})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Command",value:s.command,mono:!0}),s.args&&e.jsx(x,{label:"Args",value:s.args,mono:!0})]}),e.jsx(x,{label:"Auto-connect",value:s.auto_connect?"Yes":"No"}),s.tags.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Tags"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.tags.map(r=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:r},r))})]}),s.credential_providers.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:d,children:"Credential Providers"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.credential_providers.map(r=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:r},r))})]}),s.compile_hints&&e.jsx(x,{label:"Compile Hints",value:s.compile_hints}),t.length>0&&e.jsx(x,{label:"Discovered Tools",value:`${t.length} tool${t.length!==1?"s":""}`})]})}function x({label:s,value:t,mono:r}){return e.jsxs("div",{children:[e.jsx("label",{className:d,children:s}),e.jsx("p",{className:`text-xs text-text-primary mt-0.5 ${r?"font-mono":""}`,children:t})]})}function fe(){var T,P,E;const{serverId:s}=se(),t=!s,r=te(),{data:a,isLoading:l}=H(s??""),c=z(),i=U(),[n,o]=h.useState(L),[v,u]=h.useState(!1),[N,j]=h.useState(""),[$,S]=ae(),p=parseInt($.get("step")||"1",10),f=h.useCallback(m=>{S(g=>{const y=new URLSearchParams(g);return y.set("step",String(m)),y},{replace:!1})},[S]);h.useEffect(()=>{if(!v){if(t){o(L),u(!0);return}a&&(o(ne(a)),u(!0))}},[a,t,v]);const _=(m,g)=>o(y=>({...y,[m]:g})),J=!!((T=a==null?void 0:a.transport_config)!=null&&T.builtin),D=()=>{j("");const m=R(n);a?i.mutate({id:a.id,...m},{onSuccess:()=>r("/mcp/servers")}):c.mutate(m,{onSuccess:()=>r("/mcp/servers"),onError:g=>j(g.message)})};if(!t&&l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});if(!t&&!a&&!l)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Server not found."});const F=p===O.length,k=c.isPending||i.isPending,C=N||((P=c.error)==null?void 0:P.message)||((E=i.error)==null?void 0:E.message);return e.jsxs("div",{children:[e.jsx(V,{title:t?"Register MCP Server":(a==null?void 0:a.name)??""}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsx(re,{steps:O,currentStep:p-1,onStepClick:m=>f(m+1)}),e.jsxs("div",{className:"min-h-[360px] py-2",children:[p===1&&e.jsx(oe,{form:n,set:_,isBuiltin:J}),p===2&&e.jsx(de,{form:n,set:_}),p===3&&e.jsx(pe,{form:n,set:_}),p===4&&e.jsx(me,{form:n})]}),C&&e.jsx("p",{className:"text-xs text-status-error mt-4",children:C}),e.jsxs("div",{className:"flex justify-between items-center pt-4 border-t border-surface-border mt-4",children:[e.jsx("div",{children:p>1&&e.jsx("button",{onClick:()=>f(p-1),className:"btn-secondary text-xs",children:"Back"})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:()=>r("/mcp/servers"),className:"btn-ghost text-xs",children:"Cancel"}),F?e.jsx("button",{onClick:D,disabled:!M(p,n)||k,className:"btn-primary text-xs",children:k?"Saving...":a?"Save":"Register"}):e.jsx("button",{onClick:()=>f(p+1),disabled:!M(p,n),className:"btn-primary text-xs",children:"Next"})]})]})]})]})}export{fe as McpServerDetailPage};
+//# sourceMappingURL=index-OuKQ_0eB.js.map