@hotmeshio/long-tail 0.16.0 → 0.16.2

package/dashboard/dist/assets/{index-Xi3LO4Ye.js.map → index-D2IRxjSf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Xi3LO4Ye.js","sources":["../../src/hooks/useMediaQuery.ts","../../src/pages/workflows/start/WorkflowSelector.tsx","../../src/pages/workflows/start/helpers.ts","../../src/pages/workflows/start/IdentitySummary.tsx","../../src/pages/workflows/start/EnvelopeEditor.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 { NamespacePill } from '../../../components/common/display/NamespacePill';\nimport type { LTWorkflowConfig, WorkflowTier } from '../../../api/types';\n\n/** The queue set a page-level filter bar 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\nexport function WorkflowSelector({\n  configs,\n  selectedType,\n  onSelect,\n  tierMap,\n  activeTypes,\n  search,\n  activeQueue,\n}: {\n  configs: LTWorkflowConfig[];\n  selectedType: string;\n  onSelect: (config: LTWorkflowConfig) => void;\n  tierMap: Map<string, WorkflowTier>;\n  activeTypes?: Set<string>;\n  /** Owned by the page — the standard full-width FilterBar renders there. */\n  search: string;\n  activeQueue: string | null;\n}) {\n  const queues = useMemo(() => workflowQueues(configs), [configs]);\n\n  // Group by task queue; workflows without a queue collect under a trailing section\n  const grouped = useMemo(() => {\n    const q = search.toLowerCase().trim();\n    const matches = (c: LTWorkflowConfig) =>\n      !q ||\n      c.workflow_type.toLowerCase().includes(q) ||\n      c.description?.toLowerCase().includes(q);\n\n    const targetQueues = activeQueue ? [activeQueue] : queues;\n    const sections = targetQueues\n      .map((queue) => ({\n        queue,\n        workflows: configs.filter((c) => c.task_queue === queue && matches(c)),\n      }))\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  }, [configs, queues, search, activeQueue]);\n\n  return (\n    <div>\n      {grouped.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary py-8 text-center\">No workflows match your filter.</p>\n      ) : (\n        <div className=\"space-y-10\">\n          {grouped.map(({ queue, workflows }) => (\n            <div key={queue || '__none__'}>\n              <div className=\"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border\">\n                {queue ? (\n                  <Server className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                ) : (\n                  <Wrench className=\"w-3 h-3 text-text-quaternary\" strokeWidth={1.5} />\n                )}\n                <h2 className=\"section-h2\">{queue || 'No Queue'}</h2>\n                <span className=\"text-xs text-text-quaternary\">{workflows.length}</span>\n              </div>\n              <div className=\"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                  />\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction WorkflowRow({\n  config,\n  isSelected,\n  tier,\n  cronActive,\n  onSelect,\n}: {\n  config: LTWorkflowConfig;\n  isSelected: boolean;\n  tier: WorkflowTier;\n  cronActive: boolean;\n  onSelect: (config: LTWorkflowConfig) => void;\n}) {\n  const variant =\n    tier === 'certified' ? 'certified' : tier === 'registered' ? 'registered' : 'durable';\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          {/* Trailing action icon — quiet until row hover, visible on the\n              selected row. Selecting opens the invoke form in the shell panel. */}\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","export const DEFAULT_ENVELOPE = '{\\n  \"data\": {},\\n  \"metadata\": {}\\n}';\n\n/** Infer a simple field type from a value. */\nexport function inferTypeFromValue(value: unknown): string {\n  if (typeof value === 'boolean') return 'boolean';\n  if (typeof value === 'number') return 'number';\n  if (Array.isArray(value)) return 'array';\n  if (value !== null && typeof value === 'object') return 'object';\n  return 'string';\n}\n\n/** Extract the data keys from an envelope_schema and their inferred types. */\nexport function extractDataFields(\n  schema: Record<string, unknown> | null,\n): { key: string; type: string; defaultValue: unknown }[] {\n  if (!schema) return [];\n  const data = schema.data;\n  if (!data || typeof data !== 'object') return [];\n  return Object.entries(data as Record<string, unknown>).map(([key, value]) => ({\n    key,\n    type: inferTypeFromValue(value),\n    defaultValue: value,\n  }));\n}\n\n/** Build form field values from data object. */\nexport function dataToFields(data: Record<string, unknown>): Record<string, unknown> {\n  return { ...data };\n}\n\n/** Build full envelope JSON string from form fields + metadata. */\nexport function fieldsToJson(\n  fields: Record<string, unknown>,\n  metadata: Record<string, unknown>,\n): string {\n  return JSON.stringify({ data: fields, metadata }, null, 2);\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 { Link } from 'react-router-dom';\nimport type { LTWorkflowConfig } from '../../../api/types';\n\ninterface DataField {\n  key: string;\n  type: string;\n  defaultValue: unknown;\n}\n\nexport function EnvelopeEditor({\n  selectedConfig,\n  isJsonMode,\n  hasFormView,\n  jsonInput,\n  formFields,\n  dataFields,\n  onJsonChange,\n  onToggleMode,\n  onUpdateFormField,\n  onSetFormFields,\n}: {\n  selectedConfig: LTWorkflowConfig;\n  isJsonMode: boolean;\n  hasFormView: boolean;\n  jsonInput: string;\n  formFields: Record<string, unknown>;\n  dataFields: DataField[];\n  onJsonChange: (value: string) => void;\n  onToggleMode: () => void;\n  onUpdateFormField: (key: string, value: unknown, type: string) => void;\n  onSetFormFields: (fields: Record<string, unknown>) => void;\n}) {\n  return (\n    <div>\n      <div className=\"flex items-baseline justify-between mb-2\">\n        <label className=\"block text-xs text-text-secondary\">\n          Envelope\n        </label>\n        <div className=\"flex items-center gap-3\">\n          {hasFormView && (\n            <button\n              type=\"button\"\n              onClick={onToggleMode}\n              className=\"text-2xs text-accent hover:underline\"\n            >\n              {isJsonMode ? 'Form view' : 'JSON view'}\n            </button>\n          )}\n          {selectedConfig.envelope_schema ? (\n            <span className=\"text-2xs text-accent\">\n              Pre-filled from workflow config\n            </span>\n          ) : (\n            <span className=\"text-2xs text-status-warning\">\n              No template\n            </span>\n          )}\n        </div>\n      </div>\n\n      {!selectedConfig.envelope_schema && (\n        <div className=\"bg-surface-sunken border border-surface-border rounded px-4 py-3 mb-3\">\n          <p className=\"text-xs text-text-secondary leading-relaxed\">\n            This workflow has no input template. Edit the JSON directly below, or <Link to=\"/workflows/registry/new\" className=\"text-status-success hover:underline\">register it</Link> in the Workflow Registry with an envelope schema for pre-filled fields and form-based input.\n          </p>\n        </div>\n      )}\n\n      {isJsonMode || !hasFormView ? (\n        /* JSON view */\n        <textarea\n          value={jsonInput}\n          onChange={(e) => onJsonChange(e.target.value)}\n          className=\"input-json\"\n          rows={12}\n          spellCheck={false}\n        />\n      ) : (\n        /* Form view */\n        <div className=\"space-y-3\">\n          {dataFields.map(({ key, type }) => {\n            const value = formFields[key];\n            const jsonValue =\n              typeof value === 'string'\n                ? value\n                : JSON.stringify(\n                    value ?? (type === 'array' ? [] : {}),\n                    null,\n                    2,\n                  );\n            const textareaRows = Math.min(\n              20,\n              Math.max(4, (jsonValue?.split?.('\\n')?.length ?? 4)),\n            );\n            return (\n              <div key={key}>\n                <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n                  {key}\n                  <span className=\"ml-2 font-normal normal-case\">\n                    {type}\n                  </span>\n                </label>\n                {type === 'boolean' ? (\n                  <select\n                    value={String(value ?? false)}\n                    onChange={(e) =>\n                      onUpdateFormField(key, e.target.value, type)\n                    }\n                    className=\"select text-xs w-full\"\n                  >\n                    <option value=\"true\">true</option>\n                    <option value=\"false\">false</option>\n                  </select>\n                ) : type === 'object' || type === 'array' ? (\n                  <textarea\n                    value={jsonValue}\n                    onChange={(e) => {\n                      try {\n                        onUpdateFormField(\n                          key,\n                          JSON.parse(e.target.value),\n                          type,\n                        );\n                      } catch {\n                        // Keep raw text without syncing to JSON\n                        onSetFormFields({\n                          ...formFields,\n                          [key]: e.target.value,\n                        });\n                      }\n                    }}\n                    className=\"input-json w-full\"\n                    rows={textareaRows}\n                    spellCheck={false}\n                  />\n                ) : (\n                  <input\n                    type={type === 'number' ? 'number' : 'text'}\n                    value={String(value ?? '')}\n                    onChange={(e) =>\n                      onUpdateFormField(key, e.target.value, type)\n                    }\n                    className=\"input text-xs w-full\"\n                  />\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      <p className=\"text-2xs text-text-tertiary mt-1.5\">\n        The envelope wraps your workflow input. <code className=\"text-accent/80\">data</code> holds workflow-specific fields; <code className=\"text-accent/80\">metadata</code> is optional context.\n      </p>\n    </div>\n  );\n}\n","import { useState, useEffect, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { ShieldCheck } from 'lucide-react';\nimport { useInvokeWorkflow } from '../../../api/workflows';\nimport { useAuth } from '../../../hooks/useAuth';\nimport type { LTWorkflowConfig } from '../../../api/types';\nimport {\n  DEFAULT_ENVELOPE,\n  extractDataFields,\n  dataToFields,\n  fieldsToJson,\n} from './helpers';\nimport { IdentitySummary } from './IdentitySummary';\nimport { EnvelopeEditor } from './EnvelopeEditor';\nimport { SimpleMarkdown } from '../../../components/common/display/SimpleMarkdown';\n\nexport function StartNowPanel({ selected, executionsPath, inline = false }: {\n  selected: LTWorkflowConfig;\n  executionsPath: string;\n  /** In page flow (compact layouts) the footer sticks to the viewport bottom\n   *  instead of pinning to a fixed-height panel edge. */\n  inline?: boolean;\n}) {\n  const navigate = useNavigate();\n  const { isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n  const invokeMutation = useInvokeWorkflow();\n  const [jsonInput, setJsonInput] = useState(DEFAULT_ENVELOPE);\n  const [parseError, setParseError] = useState('');\n  const [formFields, setFormFields] = useState<Record<string, unknown>>({});\n  const [isJsonMode, setIsJsonMode] = useState(false);\n  const [overrideBot, setOverrideBot] = useState('');\n  // Per-run interceptor opt-out: offered when the workflow's registration is\n  // certified. metadata.certified=false bypasses config lookup for this run.\n  const isCertifiable = selected.certified;\n  const [certified, setCertified] = useState(isCertifiable);\n\n  const dataFields = useMemo(\n    () => extractDataFields(selected.envelope_schema ?? null),\n    [selected.envelope_schema],\n  );\n  const hasFormView = dataFields.length > 0;\n\n  const schemaMetadata = useMemo(() => {\n    if (!selected.envelope_schema) return {};\n    const md = selected.envelope_schema.metadata;\n    return md && typeof md === 'object' ? (md as Record<string, unknown>) : {};\n  }, [selected.envelope_schema]);\n\n  useEffect(() => {\n    setParseError('');\n    invokeMutation.reset();\n\n    const prefill = sessionStorage.getItem('lt:invoke:prefill');\n    if (prefill) {\n      sessionStorage.removeItem('lt:invoke:prefill');\n      setJsonInput(prefill);\n      try {\n        const parsed = JSON.parse(prefill);\n        const data = parsed?.data ?? parsed;\n        if (data && typeof data === 'object') setFormFields(dataToFields(data));\n      } catch { /* use as-is */ }\n      setIsJsonMode(true);\n      setOverrideBot('');\n      return;\n    }\n\n    const json = selected.envelope_schema\n      ? JSON.stringify(selected.envelope_schema, null, 2)\n      : DEFAULT_ENVELOPE;\n    setJsonInput(json);\n    if (selected.envelope_schema?.data && typeof selected.envelope_schema.data === 'object') {\n      setFormFields(dataToFields(selected.envelope_schema.data as Record<string, unknown>));\n    } else {\n      setFormFields({});\n    }\n    setIsJsonMode(!extractDataFields(selected.envelope_schema ?? null).length);\n    setOverrideBot('');\n    setCertified(isCertifiable);\n  }, [selected.workflow_type]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleToggleMode = () => {\n    if (isJsonMode) {\n      try {\n        const parsed = JSON.parse(jsonInput);\n        if (parsed.data && typeof parsed.data === 'object') setFormFields(dataToFields(parsed.data));\n      } catch { /* keep existing */ }\n    } else {\n      setJsonInput(fieldsToJson(formFields, schemaMetadata));\n    }\n    setIsJsonMode(!isJsonMode);\n  };\n\n  const updateFormField = (key: string, value: unknown, type: string) => {\n    let parsed = value;\n    if (type === 'number') parsed = value === '' ? 0 : Number(value);\n    else if (type === 'boolean') parsed = value === 'true' || value === true;\n    const updated = { ...formFields, [key]: parsed };\n    setFormFields(updated);\n    setJsonInput(fieldsToJson(updated, schemaMetadata));\n  };\n\n  const handleInvoke = async () => {\n    setParseError('');\n    let envelope: Record<string, unknown>;\n    try {\n      envelope = JSON.parse(jsonInput);\n    } catch {\n      setParseError('Invalid JSON');\n      return;\n    }\n    const { data, metadata } = envelope;\n    if (!data || typeof data !== 'object') {\n      setParseError('Envelope must include a \"data\" object');\n      return;\n    }\n    try {\n      const resolvedMetadata = { ...((metadata as Record<string, unknown>) ?? {}) };\n      if (certified) resolvedMetadata.certified = true;\n      await invokeMutation.mutateAsync({\n        workflowType: selected.workflow_type,\n        data: data as Record<string, unknown>,\n        metadata: resolvedMetadata,\n        ...(overrideBot ? { execute_as: overrideBot } : {}),\n      });\n      navigate(executionsPath);\n    } catch { /* error via mutation */ }\n  };\n\n  // The name heads the shell panel (InvokeRunPanel); the form leads with the\n  // description and pins its submit footer so Start is always reachable.\n  const content = (\n    <>\n      {selected.description && (\n        <div className=\"text-xs text-text-secondary leading-relaxed\">\n          <SimpleMarkdown content={selected.description} compact />\n        </div>\n      )}\n\n      <IdentitySummary\n        config={selected}\n        overrideBot={overrideBot}\n        onOverrideChange={setOverrideBot}\n        showOverride={isAdmin}\n      />\n\n      {isCertifiable && (\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      <EnvelopeEditor\n        selectedConfig={selected}\n        isJsonMode={isJsonMode}\n        hasFormView={hasFormView}\n        jsonInput={jsonInput}\n        formFields={formFields}\n        dataFields={dataFields}\n        onJsonChange={(v) => { setJsonInput(v); setParseError(''); }}\n        onToggleMode={handleToggleMode}\n        onUpdateFormField={updateFormField}\n        onSetFormFields={setFormFields}\n      />\n\n    </>\n  );\n\n  const footer = (\n    <div\n      className={`shrink-0 border-t border-surface-border/40 pt-3 pb-4 space-y-2 ${\n        inline ? 'sticky bottom-0 z-10 bg-surface' : 'bg-surface-raised'\n      }`}\n    >\n      {parseError && <p className=\"text-xs text-status-error\">{parseError}</p>}\n      {invokeMutation.error && <p className=\"text-xs text-status-error\">{invokeMutation.error.message}</p>}\n      {invokeMutation.isSuccess && <p className=\"text-xs text-status-success\">Workflow started</p>}\n      <button onClick={handleInvoke} disabled={invokeMutation.isPending} className=\"btn-primary w-full\">\n        {invokeMutation.isPending ? 'Starting...' : 'Start Workflow'}\n      </button>\n    </div>\n  );\n\n  if (inline) {\n    return (\n      <div className=\"space-y-6 max-w-2xl\">\n        {content}\n        {footer}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full flex flex-col\">\n      <div className=\"flex-1 overflow-y-auto space-y-6 pt-1 pb-4\">{content}</div>\n      {footer}\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { X } from 'lucide-react';\nimport { useWorkflowConfigs, useDiscoveredWorkflows, useCronStatus } from '../../../api/workflows';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { useShellPanelOptional } from '../../../hooks/useShellPanel';\nimport { useMediaQuery } from '../../../hooks/useMediaQuery';\nimport type { LTWorkflowConfig, WorkflowTier } from '../../../api/types';\nimport { WorkflowSelector, workflowQueues } from './WorkflowSelector';\nimport { StartNowPanel } from './StartNowPanel';\n\n// Shell-panel ownership key — the invoke form claims/releases this slot.\nconst INVOKE_PANEL_KEY = 'invoke-run';\n\n/** The invoke form framed for the shell panel: the workflow's name heads the\n *  panel, and the form owns the scroll so its submit footer stays pinned. */\nfunction InvokeRunPanel({\n  config,\n  executionsPath,\n  onClose,\n}: {\n  config: LTWorkflowConfig;\n  executionsPath: string;\n  onClose: () => void;\n}) {\n  return (\n    <div className=\"h-full flex flex-col\">\n      <div className=\"flex items-center justify-between gap-3 px-5 pt-4 pb-2\">\n        <h2 className=\"text-base font-mono font-medium text-text-primary truncate\" title={config.workflow_type}>\n          {config.workflow_type}\n        </h2>\n        <button onClick={onClose} className=\"icon-link shrink-0\" title=\"Close\" aria-label=\"Close\">\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n      <div className=\"flex-1 min-h-0 px-5\">\n        <StartNowPanel selected={config} executionsPath={executionsPath} />\n      </div>\n    </div>\n  );\n}\n\nexport function StartWorkflowPage() {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const { data: configsData, isLoading } = useWorkflowConfigs();\n  const { data: discoveredData, isLoading: discoveredLoading } = useDiscoveredWorkflows();\n  const { data: cronEntries } = useCronStatus();\n  const shell = useShellPanelOptional();\n  // Below xl the list + a 630px side panel can't share the row. The list\n  // folds into a select and the form renders inline at full width. The\n  // viewport (not the container) drives this so an opening panel can't\n  // feed back into its own layout decision.\n  const compact = useMediaQuery('(max-width: 1279px)');\n\n  const selectedType = searchParams.get('type') ?? '';\n  // The list filters live at page level so the FilterBar spans the page —\n  // the standard master-list geometry.\n  const [search, setSearch] = useState('');\n  const [activeQueue, setActiveQueue] = useState<string | null>(null);\n\n  const configs: LTWorkflowConfig[] = configsData ?? [];\n\n  const tierMap = useMemo(() => {\n    const map = new Map<string, WorkflowTier>();\n    for (const dw of discoveredData ?? []) {\n      map.set(dw.workflow_type, dw.tier ?? 'durable');\n    }\n    return map;\n  }, [discoveredData]);\n\n  const invocableConfigs = useMemo(() => {\n    const invocable = configs.filter((c) => c.invocable);\n    const registeredTypes = new Set(configs.map((c) => c.workflow_type));\n    const discovered = discoveredData ?? [];\n    const durable = discovered\n      .filter((dw) => dw.active && !registeredTypes.has(dw.workflow_type))\n      .map((dw) => ({\n        workflow_type: dw.workflow_type,\n        task_queue: dw.task_queue ?? '',\n        invocable: true,\n        certified: false,\n        description: null,\n        default_role: 'reviewer',\n        roles: [],\n        invocation_roles: [],\n        consumes: [],\n        envelope_schema: null,\n        resolver_schema: null,\n        cron_schedule: null,\n        execute_as: null,\n      } satisfies LTWorkflowConfig));\n    return [...invocable, ...durable];\n  }, [configs, discoveredData]);\n\n  const selectedConfig = invocableConfigs.find((c) => c.workflow_type === selectedType);\n\n  const activeTypes = new Set(\n    (cronEntries ?? []).filter((e) => e.active).map((e) => e.workflow_type),\n  );\n\n  const executionsPath = '/workflows/executions';\n\n  const setType = useCallback(\n    (value: string | null) => {\n      setSearchParams(\n        (prev) => {\n          const next = new URLSearchParams(prev);\n          if (value) next.set('type', value);\n          else next.delete('type');\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n  const clearSelection = useCallback(() => setType(null), [setType]);\n\n  useEffect(() => {\n    if (invocableConfigs.length === 1 && !searchParams.get('type')) {\n      setSearchParams({ type: invocableConfigs[0].workflow_type }, { replace: true });\n    }\n  }, [invocableConfigs.length]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // ── ?type= ↔ shell panel sync ──────────────────────────────────────────────\n  // The param is the source of truth: a change (row click, deep link,\n  // back/forward) opens/closes the run panel in the shell's right slot; an\n  // external close (the panel's X, slot takeover) clears the param. Refs\n  // guard both directions against loops — the same pattern as EntityLensView.\n  const appliedType = useRef<string | null>(null);\n  const panelWasOpen = useRef(false);\n  useEffect(() => {\n    if (!shell) return;\n    const type = !compact && selectedConfig ? selectedType : null;\n    if (type === appliedType.current) return;\n    appliedType.current = type;\n    if (type && selectedConfig) {\n      shell.setPanel(\n        <InvokeRunPanel config={selectedConfig} executionsPath={executionsPath} onClose={clearSelection} />,\n        { key: INVOKE_PANEL_KEY, width: 630 },\n      );\n    } else {\n      panelWasOpen.current = false;\n      shell.closePanel(INVOKE_PANEL_KEY);\n    }\n  }, [selectedType, selectedConfig, shell, clearSelection, executionsPath, compact]);\n  useEffect(() => {\n    if (!shell || !selectedType || compact) return;\n    if (shell.open && shell.ownerKey === INVOKE_PANEL_KEY) {\n      panelWasOpen.current = true;\n      return;\n    }\n    if (panelWasOpen.current) {\n      panelWasOpen.current = false;\n      clearSelection();\n    }\n  }, [shell, selectedType, clearSelection, compact]);\n  // Unmount with the panel open releases the slot (keyed — never yanks\n  // another claimant's panel).\n  const shellRef = useRef(shell);\n  shellRef.current = shell;\n  useEffect(\n    () => () => {\n      if (appliedType.current) shellRef.current?.closePanel(INVOKE_PANEL_KEY);\n    },\n    [],\n  );\n\n  const handleSelect = (config: LTWorkflowConfig) => {\n    setType(config.workflow_type);\n  };\n\n  if (isLoading || discoveredLoading) {\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  return (\n    <div>\n      <PageHeader title=\"Invoke\" docsHash=\"#docs:dashboard.md:invoke-workflow\" />\n\n      {invocableConfigs.length === 0 ? (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-primary mb-1\">No invocable workflows</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          {/* Compact: the list folds into a grouped select and the form takes\n              the full width, its submit footer sticking to the viewport. */}\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\">Workflow</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 workflow…</option>\n              {workflowQueues(invocableConfigs).map((q) => (\n                <optgroup key={q} label={q}>\n                  {invocableConfigs\n                    .filter((c) => (c.task_queue || '') === q)\n                    .map((c) => (\n                      <option key={c.workflow_type} value={c.workflow_type}>{c.workflow_type}</option>\n                    ))}\n                </optgroup>\n              ))}\n              {invocableConfigs\n                .filter((c) => !c.task_queue)\n                .map((c) => (\n                  <option key={c.workflow_type} value={c.workflow_type}>{c.workflow_type}</option>\n                ))}\n            </select>\n          </label>\n          {selectedConfig ? (\n            <StartNowPanel selected={selectedConfig} executionsPath={executionsPath} inline />\n          ) : (\n            <p className=\"text-xs text-text-tertiary\">Choose a workflow to fill out its form.</p>\n          )}\n        </>\n      ) : (\n        <>\n          {/* The standard full-width sticky filter band — above the list. */}\n          <FilterBar>\n            {workflowQueues(invocableConfigs).length > 1 && (\n              <FilterSelect\n                label=\"Queue\"\n                value={activeQueue ?? ''}\n                onChange={(v) => setActiveQueue(v || null)}\n                options={workflowQueues(invocableConfigs).map((q) => ({ value: q, label: q }))}\n              />\n            )}\n            <FilterInput\n              label=\"Search\"\n              value={search}\n              onChange={setSearch}\n              placeholder={`${invocableConfigs.length} workflows…`}\n            />\n          </FilterBar>\n\n          {/* The list IS the page — selecting a row opens the invoke form in\n              the shell's right panel. */}\n          <WorkflowSelector\n            configs={invocableConfigs}\n            selectedType={selectedType}\n            onSelect={handleSelect}\n            tierMap={tierMap}\n            activeTypes={activeTypes}\n            search={search}\n            activeQueue={activeQueue}\n          />\n        </>\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","workflowQueues","configs","c","WorkflowSelector","selectedType","onSelect","tierMap","activeTypes","search","activeQueue","queues","useMemo","grouped","q","_a","sections","queue","g","noQueue","jsx","workflows","jsxs","Server","Wrench","config","WorkflowRow","isSelected","tier","cronActive","variant","WorkflowPill","Bot","Clock","NamespacePill","Play","DEFAULT_ENVELOPE","inferTypeFromValue","value","extractDataFields","schema","data","key","dataToFields","fieldsToJson","fields","metadata","IdentitySummary","overrideBot","onOverrideChange","showOverride","user","useAuth","effectiveBot","Fragment","UserCircle","BotPicker","EnvelopeEditor","selectedConfig","isJsonMode","hasFormView","jsonInput","formFields","dataFields","onJsonChange","onToggleMode","onUpdateFormField","onSetFormFields","Link","type","jsonValue","textareaRows","_b","StartNowPanel","selected","executionsPath","inline","navigate","useNavigate","isSuperAdmin","hasRoleType","isAdmin","invokeMutation","useInvokeWorkflow","setJsonInput","parseError","setParseError","setFormFields","setIsJsonMode","setOverrideBot","isCertifiable","certified","setCertified","schemaMetadata","md","prefill","parsed","json","handleToggleMode","updateFormField","updated","handleInvoke","envelope","resolvedMetadata","content","SimpleMarkdown","ShieldCheck","v","footer","INVOKE_PANEL_KEY","InvokeRunPanel","onClose","X","StartWorkflowPage","searchParams","setSearchParams","useSearchParams","configsData","isLoading","useWorkflowConfigs","discoveredData","discoveredLoading","useDiscoveredWorkflows","cronEntries","useCronStatus","shell","useShellPanelOptional","compact","setSearch","setActiveQueue","map","dw","invocableConfigs","invocable","registeredTypes","durable","setType","useCallback","prev","next","clearSelection","appliedType","useRef","panelWasOpen","shellRef","handleSelect","PageHeader","FilterBar","FilterSelect","FilterInput","DurableInvokePage"],"mappings":"0mBAQO,SAASA,GAAcC,EAAwB,CACpD,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAkB,IAAM,CACpD,GAAI,CACF,OAAO,OAAO,WAAWH,CAAK,EAAE,OAClC,MAAQ,CACN,MAAO,EACT,CACF,CAAC,EAEDI,OAAAA,EAAAA,UAAU,IAAM,CACd,IAAIC,EACJ,GAAI,CACFA,EAAM,OAAO,WAAWL,CAAK,CAC/B,MAAQ,CACN,MACF,CACAE,EAAWG,EAAI,OAAO,EACtB,MAAMC,EAAYC,GAA2BL,EAAWK,EAAE,OAAO,EACjE,OAAAF,EAAI,iBAAiB,SAAUC,CAAQ,EAChC,IAAMD,EAAI,oBAAoB,SAAUC,CAAQ,CACzD,EAAG,CAACN,CAAK,CAAC,EAEHC,CACT,CCxBO,SAASO,EAAeC,EAAuC,CACpE,MAAO,CAAC,GAAG,IAAI,IAAIA,EAAQ,IAAKC,GAAMA,EAAE,UAAU,EAAE,OAAO,OAAO,CAAC,CAAC,EAAE,KAAA,CACxE,CAEO,SAASC,GAAiB,CAC/B,QAAAF,EACA,aAAAG,EACA,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,OAAAC,EACA,YAAAC,CACF,EASG,CACD,MAAMC,EAASC,EAAAA,QAAQ,IAAMX,EAAeC,CAAO,EAAG,CAACA,CAAO,CAAC,EAGzDW,EAAUD,EAAAA,QAAQ,IAAM,CAC5B,MAAME,EAAIL,EAAO,YAAA,EAAc,KAAA,EACzBf,EAAWS,GAAA,OACf,OAACW,GACDX,EAAE,cAAc,YAAA,EAAc,SAASW,CAAC,KACxCC,EAAAZ,EAAE,cAAF,YAAAY,EAAe,cAAc,SAASD,KAGlCE,GADeN,EAAc,CAACA,CAAW,EAAIC,GAEhD,IAAKM,IAAW,CACf,MAAAA,EACA,UAAWf,EAAQ,OAAQC,GAAMA,EAAE,aAAec,GAASvB,EAAQS,CAAC,CAAC,CAAA,EACrE,EACD,OAAQe,GAAMA,EAAE,UAAU,OAAS,CAAC,EAEvC,GAAI,CAACR,EAAa,CAChB,MAAMS,EAAUjB,EAAQ,OAAQC,GAAM,CAACA,EAAE,YAAcT,EAAQS,CAAC,CAAC,EAC7DgB,EAAQ,OAAS,GAAGH,EAAS,KAAK,CAAE,MAAO,GAAI,UAAWG,EAAS,CACzE,CACA,OAAOH,CACT,EAAG,CAACd,EAASS,EAAQF,EAAQC,CAAW,CAAC,EAEzC,OACEU,EAAAA,IAAC,OACE,SAAAP,EAAQ,SAAW,EAClBO,EAAAA,IAAC,IAAA,CAAE,UAAU,8CAA8C,SAAA,iCAAA,CAA+B,QAEzF,MAAA,CAAI,UAAU,aACZ,SAAAP,EAAQ,IAAI,CAAC,CAAE,MAAAI,EAAO,UAAAI,CAAA,IACrBC,EAAAA,KAAC,MAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,qGACZ,SAAA,CAAAL,EACCG,EAAAA,IAACG,GAAA,CAAO,UAAU,sBAAsB,YAAa,GAAA,CAAK,EAE1DH,EAAAA,IAACI,GAAA,CAAO,UAAU,+BAA+B,YAAa,IAAK,EAErEJ,EAAAA,IAAC,KAAA,CAAG,UAAU,aAAc,YAAS,WAAW,EAChDA,EAAAA,IAAC,OAAA,CAAK,UAAU,+BAAgC,WAAU,MAAA,CAAO,CAAA,EACnE,QACC,MAAA,CAAI,UAAU,oCACZ,SAAAC,EAAU,IAAKI,GACdL,EAAAA,IAACM,GAAA,CAEC,OAAAD,EACA,WAAYpB,IAAiBoB,EAAO,cACpC,KAAMlB,EAAQ,IAAIkB,EAAO,aAAa,GAAK,UAC3C,YAAYjB,GAAA,YAAAA,EAAa,IAAIiB,EAAO,iBAAkB,GACtD,SAAAnB,CAAA,EALKmB,EAAO,aAAA,CAOf,CAAA,CACH,CAAA,CAAA,EArBQR,GAAS,UAsBnB,CACD,CAAA,CACH,CAAA,CAEJ,CAEJ,CAEA,SAASS,GAAY,CACnB,OAAAD,EACA,WAAAE,EACA,KAAAC,EACA,WAAAC,EACA,SAAAvB,CACF,EAMG,CACD,MAAMwB,EACJF,IAAS,YAAc,YAAcA,IAAS,aAAe,aAAe,UAC9E,OACEN,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMhB,EAASmB,CAAM,EAC9B,UAAU,sHAET,SAAA,CAAAE,GACCP,EAAAA,IAAC,OAAA,CAAK,UAAU,6DAAA,CAA8D,EAEhFE,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAF,MAACW,IAAa,KAAMN,EAAO,cAAe,KAAK,KAAK,QAAAK,EAAkB,EACrEL,EAAO,aACNL,EAAAA,IAAC,KAAE,UAAU,wGACV,WAAO,YACV,EAEFE,EAAAA,KAAC,OAAA,CAAK,UAAU,2CACb,SAAA,CAAAG,EAAO,YACNH,OAAC,OAAA,CAAK,UAAU,2FACd,SAAA,CAAAF,EAAAA,IAACY,EAAA,CAAI,UAAU,aAAA,CAAc,EAC5BP,EAAO,UAAA,EACV,EAEDI,SACE,OAAA,CAAK,MAAM,uBACV,SAAAT,EAAAA,IAACa,GAAA,CAAM,UAAU,yCAAA,CAA0C,CAAA,CAC7D,EAEFb,EAAAA,IAACc,GAAA,CAAc,UAAU,SAAA,CAAU,EAGnCd,EAAAA,IAAC,OAAA,CAAK,MAAM,qBACV,SAAAA,EAAAA,IAACe,GAAA,CACC,UAAW,8BACTR,EAAa,0BAA4B,+CAC3C,GACA,YAAa,GAAA,CAAA,CACf,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CCpJO,MAAMS,EAAmB;AAAA;AAAA;AAAA,GAGzB,SAASC,GAAmBC,EAAwB,CACzD,OAAI,OAAOA,GAAU,UAAkB,UACnC,OAAOA,GAAU,SAAiB,SAClC,MAAM,QAAQA,CAAK,EAAU,QAC7BA,IAAU,MAAQ,OAAOA,GAAU,SAAiB,SACjD,QACT,CAGO,SAASC,EACdC,EACwD,CACxD,GAAI,CAACA,EAAQ,MAAO,CAAA,EACpB,MAAMC,EAAOD,EAAO,KACpB,MAAI,CAACC,GAAQ,OAAOA,GAAS,SAAiB,CAAA,EACvC,OAAO,QAAQA,CAA+B,EAAE,IAAI,CAAC,CAACC,EAAKJ,CAAK,KAAO,CAC5E,IAAAI,EACA,KAAML,GAAmBC,CAAK,EAC9B,aAAcA,CAAA,EACd,CACJ,CAGO,SAASK,EAAaF,EAAwD,CACnF,MAAO,CAAE,GAAGA,CAAA,CACd,CAGO,SAASG,EACdC,EACAC,EACQ,CACR,OAAO,KAAK,UAAU,CAAE,KAAMD,EAAQ,SAAAC,CAAA,EAAY,KAAM,CAAC,CAC3D,CC/BO,SAASC,GAAgB,CAC9B,OAAAtB,EACA,YAAAuB,EACA,iBAAAC,EACA,aAAAC,CACF,EAKG,CACD,KAAM,CAAE,KAAAC,CAAA,EAASC,EAAA,EACXC,EAAeL,GAAevB,EAAO,WAE3C,OACEH,EAAAA,KAAC,MAAA,CAAI,UAAU,mDACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAF,EAAAA,IAAC,OAAA,CAAK,UAAU,mEAAmE,SAAA,aAAU,EAC5FiC,GAAgB,CAACL,SACf,OAAA,CAAK,UAAU,8BAA8B,SAAA,qBAAkB,EAEjEA,GACC5B,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,gBAAA,CAAc,CAAA,EAEzD,EAGAA,MAAC,MAAA,CAAI,UAAU,kCACZ,WACCE,EAAAA,KAAAgC,WAAA,CACE,SAAA,CAAAlC,EAAAA,IAACY,EAAA,CAAI,UAAU,qCAAA,CAAsC,EACrDZ,EAAAA,IAAC,OAAA,CAAK,UAAU,sCAAuC,SAAAiC,CAAA,CAAa,CAAA,CAAA,CACtE,EAEA/B,EAAAA,KAAAgC,EAAAA,SAAA,CACE,SAAA,CAAAlC,EAAAA,IAACmC,GAAA,CAAW,UAAU,yCAAA,CAA0C,EAChEnC,EAAAA,IAAC,QAAK,UAAU,4BACb,2BAAM,eAAe+B,GAAA,YAAAA,EAAM,WAAY,KAAA,CAC1C,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,EACF,EACCD,GAAgBD,GACf3B,EAAAA,KAAC,MAAA,CACC,SAAA,CAAAF,EAAAA,IAAC,QAAA,CAAM,UAAU,8EAA8E,SAAA,oBAAiB,EAChHA,EAAAA,IAACoC,GAAA,CACC,SAAUR,GAAe,GACzB,SAAUC,EACV,YAAaxB,EAAO,WAAa,YAAYA,EAAO,UAAU,GAAK,yBAAA,CAAA,CACrE,CAAA,CACF,CAAA,EAEJ,CAEJ,CCpDO,SAASgC,GAAe,CAC7B,eAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,gBAAAC,CACF,EAWG,CACD,cACG,MAAA,CACC,SAAA,CAAA7C,EAAAA,KAAC,MAAA,CAAI,UAAU,2CACb,SAAA,CAAAF,EAAAA,IAAC,QAAA,CAAM,UAAU,oCAAoC,SAAA,WAErD,EACAE,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAsC,GACCxC,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS6C,EACT,UAAU,uCAET,WAAa,YAAc,WAAA,CAAA,EAG/BP,EAAe,gBACdtC,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,iCAAA,CAEvC,EAEAA,EAAAA,IAAC,OAAA,CAAK,UAAU,+BAA+B,SAAA,aAAA,CAE/C,CAAA,CAAA,CAEJ,CAAA,EACF,EAEC,CAACsC,EAAe,iBACftC,EAAAA,IAAC,MAAA,CAAI,UAAU,wEACb,SAAAE,EAAAA,KAAC,IAAA,CAAE,UAAU,8CAA8C,SAAA,CAAA,+EACc8C,GAAA,CAAK,GAAG,0BAA0B,UAAU,sCAAsC,SAAA,cAAW,EAAO,+FAAA,CAAA,CAC7K,CAAA,CACF,EAGDT,GAAc,CAACC,EAEdxC,EAAAA,IAAC,WAAA,CACC,MAAOyC,EACP,SAAW7D,GAAMgE,EAAahE,EAAE,OAAO,KAAK,EAC5C,UAAU,aACV,KAAM,GACN,WAAY,EAAA,CAAA,EAIdoB,EAAAA,IAAC,MAAA,CAAI,UAAU,YACZ,SAAA2C,EAAW,IAAI,CAAC,CAAE,IAAArB,EAAK,KAAA2B,CAAA,IAAW,SACjC,MAAM/B,EAAQwB,EAAWpB,CAAG,EACtB4B,EACJ,OAAOhC,GAAU,SACbA,EACA,KAAK,UACHA,IAAU+B,IAAS,QAAU,CAAA,EAAK,CAAA,GAClC,KACA,CAAA,EAEFE,EAAe,KAAK,IACxB,GACA,KAAK,IAAI,IAAIC,GAAAzD,EAAAuD,GAAA,YAAAA,EAAW,QAAX,YAAAvD,EAAA,KAAAuD,EAAmB;AAAA,KAAnB,YAAAE,EAA0B,SAAU,CAAE,CAAA,EAErD,cACG,MAAA,CACC,SAAA,CAAAlD,EAAAA,KAAC,QAAA,CAAM,UAAU,iFACd,SAAA,CAAAoB,EACDtB,EAAAA,IAAC,OAAA,CAAK,UAAU,+BACb,SAAAiD,CAAA,CACH,CAAA,EACF,EACCA,IAAS,UACR/C,EAAAA,KAAC,SAAA,CACC,MAAO,OAAOgB,GAAS,EAAK,EAC5B,SAAWtC,GACTkE,EAAkBxB,EAAK1C,EAAE,OAAO,MAAOqE,CAAI,EAE7C,UAAU,wBAEV,SAAA,CAAAjD,EAAAA,IAAC,SAAA,CAAO,MAAM,OAAO,SAAA,OAAI,EACzBA,EAAAA,IAAC,SAAA,CAAO,MAAM,QAAQ,SAAA,OAAA,CAAK,CAAA,CAAA,CAAA,EAE3BiD,IAAS,UAAYA,IAAS,QAChCjD,EAAAA,IAAC,WAAA,CACC,MAAOkD,EACP,SAAWtE,GAAM,CACf,GAAI,CACFkE,EACExB,EACA,KAAK,MAAM1C,EAAE,OAAO,KAAK,EACzBqE,CAAA,CAEJ,MAAQ,CAENF,EAAgB,CACd,GAAGL,EACH,CAACpB,CAAG,EAAG1C,EAAE,OAAO,KAAA,CACjB,CACH,CACF,EACA,UAAU,oBACV,KAAMuE,EACN,WAAY,EAAA,CAAA,EAGdnD,EAAAA,IAAC,QAAA,CACC,KAAMiD,IAAS,SAAW,SAAW,OACrC,MAAO,OAAO/B,GAAS,EAAE,EACzB,SAAWtC,GACTkE,EAAkBxB,EAAK1C,EAAE,OAAO,MAAOqE,CAAI,EAE7C,UAAU,sBAAA,CAAA,CACZ,CAAA,EAhDM3B,CAkDV,CAEJ,CAAC,CAAA,CACH,EAEFpB,EAAAA,KAAC,IAAA,CAAE,UAAU,qCAAqC,SAAA,CAAA,2CACRF,EAAAA,IAAC,OAAA,CAAK,UAAU,iBAAiB,SAAA,OAAI,EAAO,oCAAiCA,EAAAA,IAAC,OAAA,CAAK,UAAU,iBAAiB,SAAA,WAAQ,EAAO,uBAAA,CAAA,CACvK,CAAA,EACF,CAEJ,CC3IO,SAASqD,EAAc,CAAE,SAAAC,EAAU,eAAAC,EAAgB,OAAAC,EAAS,IAMhE,CACD,MAAMC,EAAWC,GAAA,EACX,CAAE,aAAAC,EAAc,YAAAC,CAAA,EAAgB5B,EAAA,EAChC6B,EAAUF,GAAgBC,EAAY,OAAO,EAC7CE,EAAiBC,EAAA,EACjB,CAACtB,EAAWuB,CAAY,EAAIxF,EAAAA,SAASwC,CAAgB,EACrD,CAACiD,EAAYC,CAAa,EAAI1F,EAAAA,SAAS,EAAE,EACzC,CAACkE,EAAYyB,CAAa,EAAI3F,EAAAA,SAAkC,CAAA,CAAE,EAClE,CAAC+D,EAAY6B,CAAa,EAAI5F,EAAAA,SAAS,EAAK,EAC5C,CAACoD,EAAayC,CAAc,EAAI7F,EAAAA,SAAS,EAAE,EAG3C8F,EAAgBhB,EAAS,UACzB,CAACiB,EAAWC,CAAY,EAAIhG,EAAAA,SAAS8F,CAAa,EAElD3B,EAAanD,EAAAA,QACjB,IAAM2B,EAAkBmC,EAAS,iBAAmB,IAAI,EACxD,CAACA,EAAS,eAAe,CAAA,EAErBd,EAAcG,EAAW,OAAS,EAElC8B,EAAiBjF,EAAAA,QAAQ,IAAM,CACnC,GAAI,CAAC8D,EAAS,gBAAiB,MAAO,CAAA,EACtC,MAAMoB,EAAKpB,EAAS,gBAAgB,SACpC,OAAOoB,GAAM,OAAOA,GAAO,SAAYA,EAAiC,CAAA,CAC1E,EAAG,CAACpB,EAAS,eAAe,CAAC,EAE7B7E,EAAAA,UAAU,IAAM,OACdyF,EAAc,EAAE,EAChBJ,EAAe,MAAA,EAEf,MAAMa,EAAU,eAAe,QAAQ,mBAAmB,EAC1D,GAAIA,EAAS,CACX,eAAe,WAAW,mBAAmB,EAC7CX,EAAaW,CAAO,EACpB,GAAI,CACF,MAAMC,EAAS,KAAK,MAAMD,CAAO,EAC3BtD,GAAOuD,GAAA,YAAAA,EAAQ,OAAQA,EACzBvD,GAAQ,OAAOA,GAAS,UAAU8C,EAAc5C,EAAaF,CAAI,CAAC,CACxE,MAAQ,CAAkB,CAC1B+C,EAAc,EAAI,EAClBC,EAAe,EAAE,EACjB,MACF,CAEA,MAAMQ,EAAOvB,EAAS,gBAClB,KAAK,UAAUA,EAAS,gBAAiB,KAAM,CAAC,EAChDtC,EACJgD,EAAaa,CAAI,GACblF,EAAA2D,EAAS,kBAAT,MAAA3D,EAA0B,MAAQ,OAAO2D,EAAS,gBAAgB,MAAS,SAC7Ea,EAAc5C,EAAa+B,EAAS,gBAAgB,IAA+B,CAAC,EAEpFa,EAAc,CAAA,CAAE,EAElBC,EAAc,CAACjD,EAAkBmC,EAAS,iBAAmB,IAAI,EAAE,MAAM,EACzEe,EAAe,EAAE,EACjBG,EAAaF,CAAa,CAC5B,EAAG,CAAChB,EAAS,aAAa,CAAC,EAE3B,MAAMwB,EAAmB,IAAM,CAC7B,GAAIvC,EACF,GAAI,CACF,MAAMqC,EAAS,KAAK,MAAMnC,CAAS,EAC/BmC,EAAO,MAAQ,OAAOA,EAAO,MAAS,UAAUT,EAAc5C,EAAaqD,EAAO,IAAI,CAAC,CAC7F,MAAQ,CAAsB,MAE9BZ,EAAaxC,EAAakB,EAAY+B,CAAc,CAAC,EAEvDL,EAAc,CAAC7B,CAAU,CAC3B,EAEMwC,EAAkB,CAACzD,EAAaJ,EAAgB+B,IAAiB,CACrE,IAAI2B,EAAS1D,EACT+B,IAAS,SAAU2B,EAAS1D,IAAU,GAAK,EAAI,OAAOA,CAAK,EACtD+B,IAAS,YAAW2B,EAAS1D,IAAU,QAAUA,IAAU,IACpE,MAAM8D,EAAU,CAAE,GAAGtC,EAAY,CAACpB,CAAG,EAAGsD,CAAA,EACxCT,EAAca,CAAO,EACrBhB,EAAaxC,EAAawD,EAASP,CAAc,CAAC,CACpD,EAEMQ,EAAe,SAAY,CAC/Bf,EAAc,EAAE,EAChB,IAAIgB,EACJ,GAAI,CACFA,EAAW,KAAK,MAAMzC,CAAS,CACjC,MAAQ,CACNyB,EAAc,cAAc,EAC5B,MACF,CACA,KAAM,CAAE,KAAA7C,EAAM,SAAAK,CAAA,EAAawD,EAC3B,GAAI,CAAC7D,GAAQ,OAAOA,GAAS,SAAU,CACrC6C,EAAc,uCAAuC,EACrD,MACF,CACA,GAAI,CACF,MAAMiB,EAAmB,CAAE,GAAKzD,GAAwC,EAAC,EACrE6C,MAA4B,UAAY,IAC5C,MAAMT,EAAe,YAAY,CAC/B,aAAcR,EAAS,cACvB,KAAAjC,EACA,SAAU8D,EACV,GAAIvD,EAAc,CAAE,WAAYA,GAAgB,CAAA,CAAC,CAClD,EACD6B,EAASF,CAAc,CACzB,MAAQ,CAA2B,CACrC,EAIM6B,EACJlF,EAAAA,KAAAgC,EAAAA,SAAA,CACG,SAAA,CAAAoB,EAAS,aACRtD,MAAC,MAAA,CAAI,UAAU,8CACb,SAAAA,EAAAA,IAACqF,EAAA,CAAe,QAAS/B,EAAS,YAAa,QAAO,EAAA,CAAC,EACzD,EAGFtD,EAAAA,IAAC2B,GAAA,CACC,OAAQ2B,EACR,YAAA1B,EACA,iBAAkByC,EAClB,aAAcR,CAAA,CAAA,EAGfS,GACCpE,EAAAA,KAAC,QAAA,CAAM,UAAU,yCACf,SAAA,CAAAF,EAAAA,IAAC,QAAA,CACC,KAAK,WACL,QAASuE,EACT,SAAW3F,GAAM4F,EAAa5F,EAAE,OAAO,OAAO,EAC9C,UAAU,gEAAA,CAAA,EAEZoB,EAAAA,IAACsF,GAAA,CAAY,UAAU,gCAAA,CAAiC,EACxDtF,EAAAA,IAAC,OAAA,CAAK,UAAU,8BAA8B,SAAA,6CAAA,CAA2C,CAAA,EAC3F,EAGFA,EAAAA,IAACqC,GAAA,CACC,eAAgBiB,EAChB,WAAAf,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,aAAe4C,GAAM,CAAEvB,EAAauB,CAAC,EAAGrB,EAAc,EAAE,CAAG,EAC3D,aAAcY,EACd,kBAAmBC,EACnB,gBAAiBZ,CAAA,CAAA,CACnB,EAEF,EAGIqB,EACJtF,EAAAA,KAAC,MAAA,CACC,UAAW,kEACTsD,EAAS,kCAAoC,mBAC/C,GAEC,SAAA,CAAAS,GAAcjE,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,SAAAiE,EAAW,EACnEH,EAAe,OAAS9D,MAAC,IAAA,CAAE,UAAU,4BAA6B,SAAA8D,EAAe,MAAM,OAAA,CAAQ,EAC/FA,EAAe,WAAa9D,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA8B,SAAA,mBAAgB,EACxFA,EAAAA,IAAC,SAAA,CAAO,QAASiF,EAAc,SAAUnB,EAAe,UAAW,UAAU,qBAC1E,SAAAA,EAAe,UAAY,cAAgB,gBAAA,CAC9C,CAAA,CAAA,CAAA,EAIJ,OAAIN,EAEAtD,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACZ,SAAA,CAAAkF,EACAI,CAAA,EACH,EAKFtF,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAU,6CAA8C,SAAAoF,EAAQ,EACpEI,CAAA,EACH,CAEJ,CChMA,MAAMC,EAAmB,aAIzB,SAASC,GAAe,CACtB,OAAArF,EACA,eAAAkD,EACA,QAAAoC,CACF,EAIG,CACD,OACEzF,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yDACb,SAAA,CAAAF,EAAAA,IAAC,MAAG,UAAU,6DAA6D,MAAOK,EAAO,cACtF,WAAO,aAAA,CACV,EACAL,EAAAA,IAAC,SAAA,CAAO,QAAS2F,EAAS,UAAU,qBAAqB,MAAM,QAAQ,aAAW,QAChF,SAAA3F,EAAAA,IAAC4F,GAAA,CAAE,UAAU,UAAU,CAAA,CACzB,CAAA,EACF,EACA5F,EAAAA,IAAC,OAAI,UAAU,sBACb,eAACqD,EAAA,CAAc,SAAUhD,EAAQ,eAAAkD,CAAA,CAAgC,CAAA,CACnE,CAAA,EACF,CAEJ,CAEO,SAASsC,IAAoB,CAClC,KAAM,CAACC,EAAcC,CAAe,EAAIC,GAAA,EAClC,CAAE,KAAMC,EAAa,UAAAC,CAAA,EAAcC,EAAA,EACnC,CAAE,KAAMC,EAAgB,UAAWC,CAAA,EAAsBC,EAAA,EACzD,CAAE,KAAMC,CAAA,EAAgBC,EAAA,EACxBC,EAAQC,GAAA,EAKRC,EAAUvI,GAAc,qBAAqB,EAE7Ca,EAAe6G,EAAa,IAAI,MAAM,GAAK,GAG3C,CAACzG,EAAQuH,CAAS,EAAIpI,EAAAA,SAAS,EAAE,EACjC,CAACc,EAAauH,CAAc,EAAIrI,EAAAA,SAAwB,IAAI,EAE5DM,EAA8BmH,GAAe,CAAA,EAE7C9G,EAAUK,EAAAA,QAAQ,IAAM,CAC5B,MAAMsH,MAAU,IAChB,UAAWC,KAAMX,GAAkB,GACjCU,EAAI,IAAIC,EAAG,cAAeA,EAAG,MAAQ,SAAS,EAEhD,OAAOD,CACT,EAAG,CAACV,CAAc,CAAC,EAEbY,EAAmBxH,EAAAA,QAAQ,IAAM,CACrC,MAAMyH,EAAYnI,EAAQ,OAAQC,GAAMA,EAAE,SAAS,EAC7CmI,EAAkB,IAAI,IAAIpI,EAAQ,IAAKC,GAAMA,EAAE,aAAa,CAAC,EAE7DoI,GADaf,GAAkB,CAAA,GAElC,OAAQW,GAAOA,EAAG,QAAU,CAACG,EAAgB,IAAIH,EAAG,aAAa,CAAC,EAClE,IAAKA,IAAQ,CACZ,cAAeA,EAAG,cAClB,WAAYA,EAAG,YAAc,GAC7B,UAAW,GACX,UAAW,GACX,YAAa,KACb,aAAc,WACd,MAAO,CAAA,EACP,iBAAkB,CAAA,EAClB,SAAU,CAAA,EACV,gBAAiB,KACjB,gBAAiB,KACjB,cAAe,KACf,WAAY,IAAA,EACe,EAC/B,MAAO,CAAC,GAAGE,EAAW,GAAGE,CAAO,CAClC,EAAG,CAACrI,EAASsH,CAAc,CAAC,EAEtB9D,EAAiB0E,EAAiB,KAAMjI,GAAMA,EAAE,gBAAkBE,CAAY,EAE9EG,EAAc,IAAI,KACrBmH,GAAe,CAAA,GAAI,OAAQ3H,GAAMA,EAAE,MAAM,EAAE,IAAKA,GAAMA,EAAE,aAAa,CAAA,EAGlE2E,EAAiB,wBAEjB6D,EAAUC,EAAAA,YACbnG,GAAyB,CACxB6E,EACGuB,GAAS,CACR,MAAMC,EAAO,IAAI,gBAAgBD,CAAI,EACrC,OAAIpG,EAAOqG,EAAK,IAAI,OAAQrG,CAAK,EAC5BqG,EAAK,OAAO,MAAM,EAChBA,CACT,EACA,CAAE,QAAS,EAAA,CAAK,CAEpB,EACA,CAACxB,CAAe,CAAA,EAEZyB,EAAiBH,EAAAA,YAAY,IAAMD,EAAQ,IAAI,EAAG,CAACA,CAAO,CAAC,EAEjE3I,EAAAA,UAAU,IAAM,CACVuI,EAAiB,SAAW,GAAK,CAAClB,EAAa,IAAI,MAAM,GAC3DC,EAAgB,CAAE,KAAMiB,EAAiB,CAAC,EAAE,eAAiB,CAAE,QAAS,GAAM,CAElF,EAAG,CAACA,EAAiB,MAAM,CAAC,EAO5B,MAAMS,EAAcC,EAAAA,OAAsB,IAAI,EACxCC,EAAeD,EAAAA,OAAO,EAAK,EACjCjJ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACgI,EAAO,OACZ,MAAMxD,EAAO,CAAC0D,GAAWrE,EAAiBrD,EAAe,KACrDgE,IAASwE,EAAY,UACzBA,EAAY,QAAUxE,EAClBA,GAAQX,EACVmE,EAAM,eACHf,GAAA,CAAe,OAAQpD,EAAgB,eAAAiB,EAAgC,QAASiE,EAAgB,EACjG,CAAE,IAAK/B,EAAkB,MAAO,GAAA,CAAI,GAGtCkC,EAAa,QAAU,GACvBlB,EAAM,WAAWhB,CAAgB,GAErC,EAAG,CAACxG,EAAcqD,EAAgBmE,EAAOe,EAAgBjE,EAAgBoD,CAAO,CAAC,EACjFlI,EAAAA,UAAU,IAAM,CACd,GAAI,GAACgI,GAAS,CAACxH,GAAgB0H,GAC/B,IAAIF,EAAM,MAAQA,EAAM,WAAahB,EAAkB,CACrDkC,EAAa,QAAU,GACvB,MACF,CACIA,EAAa,UACfA,EAAa,QAAU,GACvBH,EAAA,GAEJ,EAAG,CAACf,EAAOxH,EAAcuI,EAAgBb,CAAO,CAAC,EAGjD,MAAMiB,EAAWF,EAAAA,OAAOjB,CAAK,EAC7BmB,EAAS,QAAUnB,EACnBhI,EAAAA,UACE,IAAM,IAAM,OACNgJ,EAAY,WAAS9H,EAAAiI,EAAS,UAAT,MAAAjI,EAAkB,WAAW8F,GACxD,EACA,CAAA,CAAC,EAGH,MAAMoC,EAAgBxH,GAA6B,CACjD+G,EAAQ/G,EAAO,aAAa,CAC9B,EAEA,OAAI6F,GAAaG,EAEbnG,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,IAAC,MAAA,CAAI,UAAU,gCAAA,CAAiC,CAAA,EAClD,SAKD,MAAA,CACC,SAAA,CAAAA,EAAAA,IAAC8H,EAAA,CAAW,MAAM,SAAS,SAAS,qCAAqC,EAExEd,EAAiB,SAAW,EAC3B9G,EAAAA,KAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAE,UAAU,iCAAiC,SAAA,yBAAsB,EACpEA,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,yFAAA,CAAuF,CAAA,CAAA,CACnI,EACE2G,EACFzG,EAAAA,KAAAgC,EAAAA,SAAA,CAGE,SAAA,CAAAhC,EAAAA,KAAC,QAAA,CAAM,UAAU,uBACf,SAAA,CAAAF,EAAAA,IAAC,OAAA,CAAK,UAAU,iFAAiF,SAAA,WAAQ,EACzGE,EAAAA,KAAC,SAAA,CACC,MAAOjB,EACP,SAAWL,GAAMwI,EAAQxI,EAAE,OAAO,OAAS,IAAI,EAC/C,UAAU,kCAEV,SAAA,CAAAoB,EAAAA,IAAC,SAAA,CAAO,MAAM,GAAG,SAAA,qBAAkB,EAClCnB,EAAemI,CAAgB,EAAE,IAAKtH,GACrCM,EAAAA,IAAC,WAAA,CAAiB,MAAON,EACtB,SAAAsH,EACE,OAAQjI,IAAOA,EAAE,YAAc,MAAQW,CAAC,EACxC,IAAKX,GACJiB,EAAAA,IAAC,UAA6B,MAAOjB,EAAE,cAAgB,SAAAA,EAAE,eAA5CA,EAAE,aAAwD,CACxE,CAAA,EALUW,CAMf,CACD,EACAsH,EACE,OAAQjI,GAAM,CAACA,EAAE,UAAU,EAC3B,IAAKA,GACJiB,EAAAA,IAAC,SAAA,CAA6B,MAAOjB,EAAE,cAAgB,WAAE,aAAA,EAA5CA,EAAE,aAAwD,CACxE,CAAA,CAAA,CAAA,CACL,EACF,EACCuD,EACCtC,EAAAA,IAACqD,EAAA,CAAc,SAAUf,EAAgB,eAAAiB,EAAgC,OAAM,EAAA,CAAC,EAEhFvD,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,yCAAA,CAAuC,CAAA,CAAA,CAErF,EAEAE,EAAAA,KAAAgC,EAAAA,SAAA,CAEE,SAAA,CAAAhC,OAAC6H,EAAA,CACE,SAAA,CAAAlJ,EAAemI,CAAgB,EAAE,OAAS,GACzChH,EAAAA,IAACgI,EAAA,CACC,MAAM,QACN,MAAO1I,GAAe,GACtB,SAAWiG,GAAMsB,EAAetB,GAAK,IAAI,EACzC,QAAS1G,EAAemI,CAAgB,EAAE,IAAKtH,IAAO,CAAE,MAAOA,EAAG,MAAOA,CAAA,EAAI,CAAA,CAAA,EAGjFM,EAAAA,IAACiI,EAAA,CACC,MAAM,SACN,MAAO5I,EACP,SAAUuH,EACV,YAAa,GAAGI,EAAiB,MAAM,aAAA,CAAA,CACzC,EACF,EAIAhH,EAAAA,IAAChB,GAAA,CACC,QAASgI,EACT,aAAA/H,EACA,SAAU4I,EACV,QAAA1I,EACA,YAAAC,EACA,OAAAC,EACA,YAAAC,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EAEJ,CAEJ,CClQO,SAAS4I,IAAoB,CAClC,aAAQrC,GAAA,EAAkB,CAC5B"}
+{"version":3,"file":"index-D2IRxjSf.js","sources":["../../src/hooks/useMediaQuery.ts","../../src/pages/workflows/start/WorkflowSelector.tsx","../../src/pages/workflows/start/helpers.ts","../../src/pages/workflows/start/IdentitySummary.tsx","../../src/pages/workflows/start/EnvelopeEditor.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 { NamespacePill } from '../../../components/common/display/NamespacePill';\nimport type { LTWorkflowConfig, WorkflowTier } from '../../../api/types';\n\n/** The queue set a page-level filter bar 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\nexport function WorkflowSelector({\n  configs,\n  selectedType,\n  onSelect,\n  tierMap,\n  activeTypes,\n  search,\n  activeQueue,\n}: {\n  configs: LTWorkflowConfig[];\n  selectedType: string;\n  onSelect: (config: LTWorkflowConfig) => void;\n  tierMap: Map<string, WorkflowTier>;\n  activeTypes?: Set<string>;\n  /** Owned by the page — the standard full-width FilterBar renders there. */\n  search: string;\n  activeQueue: string | null;\n}) {\n  const queues = useMemo(() => workflowQueues(configs), [configs]);\n\n  // Group by task queue; workflows without a queue collect under a trailing section\n  const grouped = useMemo(() => {\n    const q = search.toLowerCase().trim();\n    const matches = (c: LTWorkflowConfig) =>\n      !q ||\n      c.workflow_type.toLowerCase().includes(q) ||\n      c.description?.toLowerCase().includes(q);\n\n    const targetQueues = activeQueue ? [activeQueue] : queues;\n    const sections = targetQueues\n      .map((queue) => ({\n        queue,\n        workflows: configs.filter((c) => c.task_queue === queue && matches(c)),\n      }))\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  }, [configs, queues, search, activeQueue]);\n\n  return (\n    <div>\n      {grouped.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary py-8 text-center\">No workflows match your filter.</p>\n      ) : (\n        <div className=\"space-y-10\">\n          {grouped.map(({ queue, workflows }) => (\n            <div key={queue || '__none__'}>\n              <div className=\"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border\">\n                {queue ? (\n                  <Server className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                ) : (\n                  <Wrench className=\"w-3 h-3 text-text-quaternary\" strokeWidth={1.5} />\n                )}\n                <h2 className=\"section-h2\">{queue || 'No Queue'}</h2>\n                <span className=\"text-xs text-text-quaternary\">{workflows.length}</span>\n              </div>\n              <div className=\"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                  />\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction WorkflowRow({\n  config,\n  isSelected,\n  tier,\n  cronActive,\n  onSelect,\n}: {\n  config: LTWorkflowConfig;\n  isSelected: boolean;\n  tier: WorkflowTier;\n  cronActive: boolean;\n  onSelect: (config: LTWorkflowConfig) => void;\n}) {\n  const variant =\n    tier === 'certified' ? 'certified' : tier === 'registered' ? 'registered' : 'durable';\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          {/* Trailing action icon — quiet until row hover, visible on the\n              selected row. Selecting opens the invoke form in the shell panel. */}\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","export const DEFAULT_ENVELOPE = '{\\n  \"data\": {},\\n  \"metadata\": {}\\n}';\n\n/** Infer a simple field type from a value. */\nexport function inferTypeFromValue(value: unknown): string {\n  if (typeof value === 'boolean') return 'boolean';\n  if (typeof value === 'number') return 'number';\n  if (Array.isArray(value)) return 'array';\n  if (value !== null && typeof value === 'object') return 'object';\n  return 'string';\n}\n\n/** Extract the data keys from an envelope_schema and their inferred types. */\nexport function extractDataFields(\n  schema: Record<string, unknown> | null,\n): { key: string; type: string; defaultValue: unknown }[] {\n  if (!schema) return [];\n  const data = schema.data;\n  if (!data || typeof data !== 'object') return [];\n  return Object.entries(data as Record<string, unknown>).map(([key, value]) => ({\n    key,\n    type: inferTypeFromValue(value),\n    defaultValue: value,\n  }));\n}\n\n/** Build form field values from data object. */\nexport function dataToFields(data: Record<string, unknown>): Record<string, unknown> {\n  return { ...data };\n}\n\n/** Build full envelope JSON string from form fields + metadata. */\nexport function fieldsToJson(\n  fields: Record<string, unknown>,\n  metadata: Record<string, unknown>,\n): string {\n  return JSON.stringify({ data: fields, metadata }, null, 2);\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 { Link } from 'react-router-dom';\nimport type { LTWorkflowConfig } from '../../../api/types';\n\ninterface DataField {\n  key: string;\n  type: string;\n  defaultValue: unknown;\n}\n\nexport function EnvelopeEditor({\n  selectedConfig,\n  isJsonMode,\n  hasFormView,\n  jsonInput,\n  formFields,\n  dataFields,\n  onJsonChange,\n  onToggleMode,\n  onUpdateFormField,\n  onSetFormFields,\n}: {\n  selectedConfig: LTWorkflowConfig;\n  isJsonMode: boolean;\n  hasFormView: boolean;\n  jsonInput: string;\n  formFields: Record<string, unknown>;\n  dataFields: DataField[];\n  onJsonChange: (value: string) => void;\n  onToggleMode: () => void;\n  onUpdateFormField: (key: string, value: unknown, type: string) => void;\n  onSetFormFields: (fields: Record<string, unknown>) => void;\n}) {\n  return (\n    <div>\n      <div className=\"flex items-baseline justify-between mb-2\">\n        <label className=\"block text-xs text-text-secondary\">\n          Envelope\n        </label>\n        <div className=\"flex items-center gap-3\">\n          {hasFormView && (\n            <button\n              type=\"button\"\n              onClick={onToggleMode}\n              className=\"text-2xs text-accent hover:underline\"\n            >\n              {isJsonMode ? 'Form view' : 'JSON view'}\n            </button>\n          )}\n          {selectedConfig.envelope_schema ? (\n            <span className=\"text-2xs text-accent\">\n              Pre-filled from workflow config\n            </span>\n          ) : (\n            <span className=\"text-2xs text-status-warning\">\n              No template\n            </span>\n          )}\n        </div>\n      </div>\n\n      {!selectedConfig.envelope_schema && (\n        <div className=\"bg-surface-sunken border border-surface-border rounded px-4 py-3 mb-3\">\n          <p className=\"text-xs text-text-secondary leading-relaxed\">\n            This workflow has no input template. Edit the JSON directly below, or <Link to=\"/workflows/registry/new\" className=\"text-status-success hover:underline\">register it</Link> in the Workflow Registry with an envelope schema for pre-filled fields and form-based input.\n          </p>\n        </div>\n      )}\n\n      {isJsonMode || !hasFormView ? (\n        /* JSON view */\n        <textarea\n          value={jsonInput}\n          onChange={(e) => onJsonChange(e.target.value)}\n          className=\"input-json\"\n          rows={12}\n          spellCheck={false}\n        />\n      ) : (\n        /* Form view */\n        <div className=\"space-y-3\">\n          {dataFields.map(({ key, type }) => {\n            const value = formFields[key];\n            const jsonValue =\n              typeof value === 'string'\n                ? value\n                : JSON.stringify(\n                    value ?? (type === 'array' ? [] : {}),\n                    null,\n                    2,\n                  );\n            const textareaRows = Math.min(\n              20,\n              Math.max(4, (jsonValue?.split?.('\\n')?.length ?? 4)),\n            );\n            return (\n              <div key={key}>\n                <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n                  {key}\n                  <span className=\"ml-2 font-normal normal-case\">\n                    {type}\n                  </span>\n                </label>\n                {type === 'boolean' ? (\n                  <select\n                    value={String(value ?? false)}\n                    onChange={(e) =>\n                      onUpdateFormField(key, e.target.value, type)\n                    }\n                    className=\"select text-xs w-full\"\n                  >\n                    <option value=\"true\">true</option>\n                    <option value=\"false\">false</option>\n                  </select>\n                ) : type === 'object' || type === 'array' ? (\n                  <textarea\n                    value={jsonValue}\n                    onChange={(e) => {\n                      try {\n                        onUpdateFormField(\n                          key,\n                          JSON.parse(e.target.value),\n                          type,\n                        );\n                      } catch {\n                        // Keep raw text without syncing to JSON\n                        onSetFormFields({\n                          ...formFields,\n                          [key]: e.target.value,\n                        });\n                      }\n                    }}\n                    className=\"input-json w-full\"\n                    rows={textareaRows}\n                    spellCheck={false}\n                  />\n                ) : (\n                  <input\n                    type={type === 'number' ? 'number' : 'text'}\n                    value={String(value ?? '')}\n                    onChange={(e) =>\n                      onUpdateFormField(key, e.target.value, type)\n                    }\n                    className=\"input text-xs w-full\"\n                  />\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      <p className=\"text-2xs text-text-tertiary mt-1.5\">\n        The envelope wraps your workflow input. <code className=\"text-accent/80\">data</code> holds workflow-specific fields; <code className=\"text-accent/80\">metadata</code> is optional context.\n      </p>\n    </div>\n  );\n}\n","import { useState, useEffect, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { ShieldCheck } from 'lucide-react';\nimport { useInvokeWorkflow } from '../../../api/workflows';\nimport { useAuth } from '../../../hooks/useAuth';\nimport type { LTWorkflowConfig } from '../../../api/types';\nimport {\n  DEFAULT_ENVELOPE,\n  extractDataFields,\n  dataToFields,\n  fieldsToJson,\n} from './helpers';\nimport { IdentitySummary } from './IdentitySummary';\nimport { EnvelopeEditor } from './EnvelopeEditor';\nimport { SimpleMarkdown } from '../../../components/common/display/SimpleMarkdown';\n\nexport function StartNowPanel({ selected, executionsPath, inline = false }: {\n  selected: LTWorkflowConfig;\n  executionsPath: string;\n  /** In page flow (compact layouts) the footer sticks to the viewport bottom\n   *  instead of pinning to a fixed-height panel edge. */\n  inline?: boolean;\n}) {\n  const navigate = useNavigate();\n  const { isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n  const invokeMutation = useInvokeWorkflow();\n  const [jsonInput, setJsonInput] = useState(DEFAULT_ENVELOPE);\n  const [parseError, setParseError] = useState('');\n  const [formFields, setFormFields] = useState<Record<string, unknown>>({});\n  const [isJsonMode, setIsJsonMode] = useState(false);\n  const [overrideBot, setOverrideBot] = useState('');\n  // Per-run interceptor opt-out: offered when the workflow's registration is\n  // certified. metadata.certified=false bypasses config lookup for this run.\n  const isCertifiable = selected.certified;\n  const [certified, setCertified] = useState(isCertifiable);\n\n  const dataFields = useMemo(\n    () => extractDataFields(selected.envelope_schema ?? null),\n    [selected.envelope_schema],\n  );\n  const hasFormView = dataFields.length > 0;\n\n  const schemaMetadata = useMemo(() => {\n    if (!selected.envelope_schema) return {};\n    const md = selected.envelope_schema.metadata;\n    return md && typeof md === 'object' ? (md as Record<string, unknown>) : {};\n  }, [selected.envelope_schema]);\n\n  useEffect(() => {\n    setParseError('');\n    invokeMutation.reset();\n\n    const prefill = sessionStorage.getItem('lt:invoke:prefill');\n    if (prefill) {\n      sessionStorage.removeItem('lt:invoke:prefill');\n      setJsonInput(prefill);\n      try {\n        const parsed = JSON.parse(prefill);\n        const data = parsed?.data ?? parsed;\n        if (data && typeof data === 'object') setFormFields(dataToFields(data));\n      } catch { /* use as-is */ }\n      setIsJsonMode(true);\n      setOverrideBot('');\n      return;\n    }\n\n    const json = selected.envelope_schema\n      ? JSON.stringify(selected.envelope_schema, null, 2)\n      : DEFAULT_ENVELOPE;\n    setJsonInput(json);\n    if (selected.envelope_schema?.data && typeof selected.envelope_schema.data === 'object') {\n      setFormFields(dataToFields(selected.envelope_schema.data as Record<string, unknown>));\n    } else {\n      setFormFields({});\n    }\n    setIsJsonMode(!extractDataFields(selected.envelope_schema ?? null).length);\n    setOverrideBot('');\n    setCertified(isCertifiable);\n  }, [selected.workflow_type]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleToggleMode = () => {\n    if (isJsonMode) {\n      try {\n        const parsed = JSON.parse(jsonInput);\n        if (parsed.data && typeof parsed.data === 'object') setFormFields(dataToFields(parsed.data));\n      } catch { /* keep existing */ }\n    } else {\n      setJsonInput(fieldsToJson(formFields, schemaMetadata));\n    }\n    setIsJsonMode(!isJsonMode);\n  };\n\n  const updateFormField = (key: string, value: unknown, type: string) => {\n    let parsed = value;\n    if (type === 'number') parsed = value === '' ? 0 : Number(value);\n    else if (type === 'boolean') parsed = value === 'true' || value === true;\n    const updated = { ...formFields, [key]: parsed };\n    setFormFields(updated);\n    setJsonInput(fieldsToJson(updated, schemaMetadata));\n  };\n\n  const handleInvoke = async () => {\n    setParseError('');\n    let envelope: Record<string, unknown>;\n    try {\n      envelope = JSON.parse(jsonInput);\n    } catch {\n      setParseError('Invalid JSON');\n      return;\n    }\n    const { data, metadata } = envelope;\n    if (!data || typeof data !== 'object') {\n      setParseError('Envelope must include a \"data\" object');\n      return;\n    }\n    try {\n      const resolvedMetadata = { ...((metadata as Record<string, unknown>) ?? {}) };\n      if (certified) resolvedMetadata.certified = true;\n      await invokeMutation.mutateAsync({\n        workflowType: selected.workflow_type,\n        data: data as Record<string, unknown>,\n        metadata: resolvedMetadata,\n        ...(overrideBot ? { execute_as: overrideBot } : {}),\n      });\n      navigate(executionsPath);\n    } catch { /* error via mutation */ }\n  };\n\n  // The name heads the shell panel (InvokeRunPanel); the form leads with the\n  // description and pins its submit footer so Start is always reachable.\n  const content = (\n    <>\n      {selected.description && (\n        <div className=\"text-xs text-text-secondary leading-relaxed\">\n          <SimpleMarkdown content={selected.description} compact />\n        </div>\n      )}\n\n      <IdentitySummary\n        config={selected}\n        overrideBot={overrideBot}\n        onOverrideChange={setOverrideBot}\n        showOverride={isAdmin}\n      />\n\n      {isCertifiable && (\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      <EnvelopeEditor\n        selectedConfig={selected}\n        isJsonMode={isJsonMode}\n        hasFormView={hasFormView}\n        jsonInput={jsonInput}\n        formFields={formFields}\n        dataFields={dataFields}\n        onJsonChange={(v) => { setJsonInput(v); setParseError(''); }}\n        onToggleMode={handleToggleMode}\n        onUpdateFormField={updateFormField}\n        onSetFormFields={setFormFields}\n      />\n\n    </>\n  );\n\n  const footer = (\n    <div\n      className={`shrink-0 border-t border-surface-border/40 pt-3 pb-4 space-y-2 ${\n        inline ? 'sticky bottom-0 z-10 bg-surface' : 'bg-surface-raised'\n      }`}\n    >\n      {parseError && <p className=\"text-xs text-status-error\">{parseError}</p>}\n      {invokeMutation.error && <p className=\"text-xs text-status-error\">{invokeMutation.error.message}</p>}\n      {invokeMutation.isSuccess && <p className=\"text-xs text-status-success\">Workflow started</p>}\n      <button onClick={handleInvoke} disabled={invokeMutation.isPending} className=\"btn-primary w-full\">\n        {invokeMutation.isPending ? 'Starting...' : 'Start Workflow'}\n      </button>\n    </div>\n  );\n\n  if (inline) {\n    return (\n      <div className=\"space-y-6 max-w-2xl\">\n        {content}\n        {footer}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full flex flex-col\">\n      <div className=\"flex-1 overflow-y-auto space-y-6 pt-1 pb-4\">{content}</div>\n      {footer}\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { X } from 'lucide-react';\nimport { useWorkflowConfigs, useDiscoveredWorkflows, useCronStatus } from '../../../api/workflows';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { useShellPanelOptional } from '../../../hooks/useShellPanel';\nimport { useMediaQuery } from '../../../hooks/useMediaQuery';\nimport type { LTWorkflowConfig, WorkflowTier } from '../../../api/types';\nimport { WorkflowSelector, workflowQueues } from './WorkflowSelector';\nimport { StartNowPanel } from './StartNowPanel';\n\n// Shell-panel ownership key — the invoke form claims/releases this slot.\nconst INVOKE_PANEL_KEY = 'invoke-run';\n\n/** The invoke form framed for the shell panel: the workflow's name heads the\n *  panel, and the form owns the scroll so its submit footer stays pinned. */\nfunction InvokeRunPanel({\n  config,\n  executionsPath,\n  onClose,\n}: {\n  config: LTWorkflowConfig;\n  executionsPath: string;\n  onClose: () => void;\n}) {\n  return (\n    <div className=\"h-full flex flex-col\">\n      <div className=\"flex items-center justify-between gap-3 px-5 pt-4 pb-2\">\n        <h2 className=\"text-base font-mono font-medium text-text-primary truncate\" title={config.workflow_type}>\n          {config.workflow_type}\n        </h2>\n        <button onClick={onClose} className=\"icon-link shrink-0\" title=\"Close\" aria-label=\"Close\">\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n      <div className=\"flex-1 min-h-0 px-5\">\n        <StartNowPanel selected={config} executionsPath={executionsPath} />\n      </div>\n    </div>\n  );\n}\n\nexport function StartWorkflowPage() {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const { data: configsData, isLoading } = useWorkflowConfigs();\n  const { data: discoveredData, isLoading: discoveredLoading } = useDiscoveredWorkflows();\n  const { data: cronEntries } = useCronStatus();\n  const shell = useShellPanelOptional();\n  // Below xl the list + a 630px side panel can't share the row. The list\n  // folds into a select and the form renders inline at full width. The\n  // viewport (not the container) drives this so an opening panel can't\n  // feed back into its own layout decision.\n  const compact = useMediaQuery('(max-width: 1279px)');\n\n  const selectedType = searchParams.get('type') ?? '';\n  // The list filters live at page level so the FilterBar spans the page —\n  // the standard master-list geometry.\n  const [search, setSearch] = useState('');\n  const [activeQueue, setActiveQueue] = useState<string | null>(null);\n\n  const configs: LTWorkflowConfig[] = configsData ?? [];\n\n  const tierMap = useMemo(() => {\n    const map = new Map<string, WorkflowTier>();\n    for (const dw of discoveredData ?? []) {\n      map.set(dw.workflow_type, dw.tier ?? 'durable');\n    }\n    return map;\n  }, [discoveredData]);\n\n  const invocableConfigs = useMemo(() => {\n    const invocable = configs.filter((c) => c.invocable);\n    const registeredTypes = new Set(configs.map((c) => c.workflow_type));\n    const discovered = discoveredData ?? [];\n    const durable = discovered\n      .filter((dw) => dw.active && !registeredTypes.has(dw.workflow_type))\n      .map((dw) => ({\n        workflow_type: dw.workflow_type,\n        task_queue: dw.task_queue ?? '',\n        invocable: true,\n        certified: false,\n        description: null,\n        default_role: 'reviewer',\n        roles: [],\n        invocation_roles: [],\n        consumes: [],\n        envelope_schema: null,\n        resolver_schema: null,\n        cron_schedule: null,\n        execute_as: null,\n      } satisfies LTWorkflowConfig));\n    return [...invocable, ...durable];\n  }, [configs, discoveredData]);\n\n  const selectedConfig = invocableConfigs.find((c) => c.workflow_type === selectedType);\n\n  const activeTypes = new Set(\n    (cronEntries ?? []).filter((e) => e.active).map((e) => e.workflow_type),\n  );\n\n  const executionsPath = '/workflows/executions';\n\n  const setType = useCallback(\n    (value: string | null) => {\n      setSearchParams(\n        (prev) => {\n          const next = new URLSearchParams(prev);\n          if (value) next.set('type', value);\n          else next.delete('type');\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n  const clearSelection = useCallback(() => setType(null), [setType]);\n\n  useEffect(() => {\n    if (invocableConfigs.length === 1 && !searchParams.get('type')) {\n      setSearchParams({ type: invocableConfigs[0].workflow_type }, { replace: true });\n    }\n  }, [invocableConfigs.length]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // ── ?type= ↔ shell panel sync ──────────────────────────────────────────────\n  // The param is the source of truth: a change (row click, deep link,\n  // back/forward) opens/closes the run panel in the shell's right slot; an\n  // external close (the panel's X, slot takeover) clears the param. Refs\n  // guard both directions against loops — the same pattern as EntityLensView.\n  const appliedType = useRef<string | null>(null);\n  const panelWasOpen = useRef(false);\n  useEffect(() => {\n    if (!shell) return;\n    const type = !compact && selectedConfig ? selectedType : null;\n    if (type === appliedType.current) return;\n    appliedType.current = type;\n    if (type && selectedConfig) {\n      shell.setPanel(\n        <InvokeRunPanel config={selectedConfig} executionsPath={executionsPath} onClose={clearSelection} />,\n        { key: INVOKE_PANEL_KEY, width: 630 },\n      );\n    } else {\n      panelWasOpen.current = false;\n      shell.closePanel(INVOKE_PANEL_KEY);\n    }\n  }, [selectedType, selectedConfig, shell, clearSelection, executionsPath, compact]);\n  useEffect(() => {\n    if (!shell || !selectedType || compact) return;\n    if (shell.open && shell.ownerKey === INVOKE_PANEL_KEY) {\n      panelWasOpen.current = true;\n      return;\n    }\n    if (panelWasOpen.current) {\n      panelWasOpen.current = false;\n      clearSelection();\n    }\n  }, [shell, selectedType, clearSelection, compact]);\n  // Unmount with the panel open releases the slot (keyed — never yanks\n  // another claimant's panel).\n  const shellRef = useRef(shell);\n  shellRef.current = shell;\n  useEffect(\n    () => () => {\n      if (appliedType.current) shellRef.current?.closePanel(INVOKE_PANEL_KEY);\n    },\n    [],\n  );\n\n  const handleSelect = (config: LTWorkflowConfig) => {\n    setType(config.workflow_type);\n  };\n\n  if (isLoading || discoveredLoading) {\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  return (\n    <div>\n      <PageHeader title=\"Invoke\" docsHash=\"#docs:dashboard.md:invoke-workflow\" />\n\n      {invocableConfigs.length === 0 ? (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-primary mb-1\">No invocable workflows</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          {/* Compact: the list folds into a grouped select and the form takes\n              the full width, its submit footer sticking to the viewport. */}\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\">Workflow</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 workflow…</option>\n              {workflowQueues(invocableConfigs).map((q) => (\n                <optgroup key={q} label={q}>\n                  {invocableConfigs\n                    .filter((c) => (c.task_queue || '') === q)\n                    .map((c) => (\n                      <option key={c.workflow_type} value={c.workflow_type}>{c.workflow_type}</option>\n                    ))}\n                </optgroup>\n              ))}\n              {invocableConfigs\n                .filter((c) => !c.task_queue)\n                .map((c) => (\n                  <option key={c.workflow_type} value={c.workflow_type}>{c.workflow_type}</option>\n                ))}\n            </select>\n          </label>\n          {selectedConfig ? (\n            <StartNowPanel selected={selectedConfig} executionsPath={executionsPath} inline />\n          ) : (\n            <p className=\"text-xs text-text-tertiary\">Choose a workflow to fill out its form.</p>\n          )}\n        </>\n      ) : (\n        <>\n          {/* The standard full-width sticky filter band — above the list. */}\n          <FilterBar>\n            {workflowQueues(invocableConfigs).length > 1 && (\n              <FilterSelect\n                label=\"Queue\"\n                value={activeQueue ?? ''}\n                onChange={(v) => setActiveQueue(v || null)}\n                options={workflowQueues(invocableConfigs).map((q) => ({ value: q, label: q }))}\n              />\n            )}\n            <FilterInput\n              label=\"Search\"\n              value={search}\n              onChange={setSearch}\n              placeholder={`${invocableConfigs.length} workflows…`}\n            />\n          </FilterBar>\n\n          {/* The list IS the page — selecting a row opens the invoke form in\n              the shell's right panel. */}\n          <WorkflowSelector\n            configs={invocableConfigs}\n            selectedType={selectedType}\n            onSelect={handleSelect}\n            tierMap={tierMap}\n            activeTypes={activeTypes}\n            search={search}\n            activeQueue={activeQueue}\n          />\n        </>\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","workflowQueues","configs","c","WorkflowSelector","selectedType","onSelect","tierMap","activeTypes","search","activeQueue","queues","useMemo","grouped","q","_a","sections","queue","g","noQueue","jsx","workflows","jsxs","Server","Wrench","config","WorkflowRow","isSelected","tier","cronActive","variant","WorkflowPill","Bot","Clock","NamespacePill","Play","DEFAULT_ENVELOPE","inferTypeFromValue","value","extractDataFields","schema","data","key","dataToFields","fieldsToJson","fields","metadata","IdentitySummary","overrideBot","onOverrideChange","showOverride","user","useAuth","effectiveBot","Fragment","UserCircle","BotPicker","EnvelopeEditor","selectedConfig","isJsonMode","hasFormView","jsonInput","formFields","dataFields","onJsonChange","onToggleMode","onUpdateFormField","onSetFormFields","Link","type","jsonValue","textareaRows","_b","StartNowPanel","selected","executionsPath","inline","navigate","useNavigate","isSuperAdmin","hasRoleType","isAdmin","invokeMutation","useInvokeWorkflow","setJsonInput","parseError","setParseError","setFormFields","setIsJsonMode","setOverrideBot","isCertifiable","certified","setCertified","schemaMetadata","md","prefill","parsed","json","handleToggleMode","updateFormField","updated","handleInvoke","envelope","resolvedMetadata","content","SimpleMarkdown","ShieldCheck","v","footer","INVOKE_PANEL_KEY","InvokeRunPanel","onClose","X","StartWorkflowPage","searchParams","setSearchParams","useSearchParams","configsData","isLoading","useWorkflowConfigs","discoveredData","discoveredLoading","useDiscoveredWorkflows","cronEntries","useCronStatus","shell","useShellPanelOptional","compact","setSearch","setActiveQueue","map","dw","invocableConfigs","invocable","registeredTypes","durable","setType","useCallback","prev","next","clearSelection","appliedType","useRef","panelWasOpen","shellRef","handleSelect","PageHeader","FilterBar","FilterSelect","FilterInput","DurableInvokePage"],"mappings":"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"}

package/dashboard/dist/assets/{index-t1JXcmBG.js → index-DKXOIcO3.js}

@@ -1,2 +1,2 @@
-import{a as u,j as e}from"./vendor-query-RUZdMvN6.js";import{u as L,a as M,b as I,c as D}from"./mcp-BkkLq6OE.js";import{E as R}from"./EmptyState-lpUFYfun.js";import{C as z}from"./ConfirmDeleteModal-CQsJUzEa.js";import{P as k}from"./PageHeader-CFVw67M6.js";import{F,a as _,b as T}from"./FilterBar-BY--ANxv.js";import{S as $}from"./StickyPagination-BfZwU2NR.js";import{u as q}from"./useFilterParams-crmlBw_l.js";import{S as A,T as B}from"./ToolTestPanel-IGrd44Au.js";import{R as J,a as b}from"./RowActions-eYrzgQSj.js";import{S as O}from"./StatusBadge-BDeUwPtb.js";import{T as H}from"./ToolPill-C6hkOqPx.js";import{c as G,aI as U,aJ as W,a7 as Q,T as V,i as X}from"./vendor-icons-h-jlRSb9.js";import{u as Y}from"./vendor-react-CdqEC2zv.js";import"./index-CgXVDPW-.js";import"./Modal-BU7No9NH.js";import"./RunAsSelector-BawZcqAk.js";import"./BotPicker-CBf6bHLV.js";import"./bots-CaXqSHat.js";import"./helpers-DzO-OGPe.js";function Z(s){const[t,a]=u.useState(()=>{try{const o=localStorage.getItem(s);if(o){const p=JSON.parse(o);if(Array.isArray(p))return new Set(p)}}catch{}return new Set}),i=u.useCallback(o=>{try{localStorage.setItem(s,JSON.stringify([...o]))}catch{}},[s]),n=u.useCallback(o=>{a(p=>{const x=new Set(p);return x.has(o)?x.delete(o):x.add(o),i(x),x})},[i]),m=u.useCallback(o=>t.has(o),[t]);return{expandedIds:t,toggle:n,isExpanded:m}}function K(s){var t,a;return!!((t=s.metadata)!=null&&t.builtin)||!!((a=s.transport_config)!=null&&a.builtin)}function ee(s,t){var n;if(!t)return!0;const a=t.toLowerCase();return s.name.toLowerCase().includes(a)||(n=s.description)!=null&&n.toLowerCase().includes(a)||(s.tags??[]).some(m=>m.toLowerCase().includes(a))?!0:(s.tool_manifest??[]).some(m=>{var o;return m.name.toLowerCase().includes(a)||((o=m.description)==null?void 0:o.toLowerCase().includes(a))})}function te(s,t){if(!t)return s;const a=t.toLowerCase();return s.filter(i=>{var n;return i.name.toLowerCase().includes(a)||((n=i.description)==null?void 0:n.toLowerCase().includes(a))})}function se({server:s,expanded:t,onToggle:a,onEdit:i,onDelete:n,onTryTool:m,connect:o,disconnect:p,visibleTools:x}){const l=s.tool_manifest??[],f=K(s),g=s.tags??[];return e.jsxs(e.Fragment,{children:[e.jsxs("tr",{onClick:l.length>0?a:void 0,className:`group/row border-b border-surface-border/50 transition-colors duration-100 ${l.length>0?"cursor-pointer row-hover":""}`,children:[e.jsx("td",{className:"px-6 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:`transition-transform duration-150 ${t?"rotate-90":""} ${l.length===0?"opacity-0":"text-text-tertiary"}`,children:e.jsx(G,{size:14})}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(A,{name:s.name,serverId:s.id,short:!1}),l.length>0&&e.jsx("sup",{className:"text-2xs font-normal text-accent/70",children:l.length})]}),g.length>0&&e.jsxs("div",{className:"flex gap-1 ml-auto shrink-0",children:[g.slice(0,3).map(c=>e.jsx("span",{className:"inline-block px-1.5 py-0 text-2xs text-text-tertiary bg-surface-sunken rounded",children:c},c)),g.length>3&&e.jsx("span",{className:"text-2xs text-text-quaternary",title:g.slice(3).join(", "),children:"…"})]})]})}),e.jsx("td",{className:"px-4 py-2.5 w-28 whitespace-nowrap",children:e.jsx(O,{status:s.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(J,{children:[!f&&(s.status==="connected"?e.jsx(b,{icon:U,title:"Disconnect server",onClick:()=>p.mutate(s.id)}):e.jsx(b,{icon:W,title:"Connect server",onClick:()=>o.mutate(s.id),colorClass:"text-text-tertiary hover:text-status-success"})),e.jsx(b,{icon:Q,title:"Edit server",onClick:i}),!f&&e.jsx(b,{icon:V,title:"Delete server",onClick:n,colorClass:"text-text-tertiary hover:text-status-error"})]})})]}),t&&x.map(c=>e.jsxs("tr",{onClick:()=>m(c),className:"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15",children:[e.jsxs("td",{className:"pl-14 pr-6 py-2.5",children:[e.jsx(H,{name:c.name,size:"md"}),c.description&&e.jsx("p",{className:"text-2xs leading-snug text-text-quaternary mt-0.5",children:c.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:h=>{h.stopPropagation(),m(c)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(X,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},c.name))]})}function Se(){const s=Y(),{filters:t,setFilter:a,pagination:i}=q({filters:{status:"",search:"",tag:""}}),{data:n,isLoading:m}=L({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),o=M(),p=I(),x=D(),[l,f]=u.useState(null),{expandedIds:g,toggle:c}=Z("lt:expanded:mcp-servers"),[h,w]=u.useState(null),j=(n==null?void 0:n.servers)??[],y=(n==null?void 0:n.total)??0,P=u.useMemo(()=>{const r=new Set;for(const d of j)for(const C of d.tags??[])r.add(C);return[...r].sort().map(d=>({value:d,label:d}))},[j]),v=u.useMemo(()=>t.search?j.filter(r=>ee(r,t.search)):j,[j,t.search]);u.useEffect(()=>{if(!t.search)return;const r=t.search.toLowerCase();for(const d of v)(d.tool_manifest??[]).some(S=>{var N;return S.name.toLowerCase().includes(r)||((N=S.description)==null?void 0:N.toLowerCase().includes(r))})&&!g.has(d.id)&&c(d.id)},[t.search,v]);const E=()=>{l&&x.mutate(l.id,{onSuccess:()=>f(null)})};return m?e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((r,d)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},d))})]}):e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>s("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs(F,{children:[e.jsx(_,{label:"Search",value:t.search,onChange:r=>a("search",r),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:r=>a("tag",r),options:P}),e.jsx(T,{label:"Status",value:t.status,onChange:r=>a("status",r),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${h?"flex-1 min-w-0":"w-full"} transition-all`,children:[v.length===0?e.jsx(R,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:v.map(r=>e.jsx(se,{server:r,expanded:g.has(r.id),onToggle:()=>c(r.id),onEdit:()=>s(`/mcp/servers/${r.id}`),onDelete:()=>f(r),onTryTool:d=>w({serverId:r.id,serverName:r.name,tool:d}),connect:o,disconnect:p,visibleTools:te(r.tool_manifest??[],t.search)},r.id))})]}),e.jsx($,{page:i.page,totalPages:i.totalPages(y),onPageChange:i.setPage,total:y,pageSize:i.pageSize,onPageSizeChange:i.setPageSize})]}),h&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(B,{serverId:h.serverId,serverName:h.serverName,tool:h.tool,onClose:()=>w(null)})})]}),e.jsx(z,{open:!!l,onClose:()=>f(null),onConfirm:E,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:l==null?void 0:l.name}),"? This will remove the server registration."]}),isPending:x.isPending,error:x.error})]})}export{Se as McpServersPage};
-//# sourceMappingURL=index-t1JXcmBG.js.map
+import{a as u,j as e}from"./vendor-query-RUZdMvN6.js";import{u as L,a as M,b as I,c as D}from"./mcp-Bb1k5rv-.js";import{E as R}from"./EmptyState-lpUFYfun.js";import{C as z}from"./ConfirmDeleteModal-CQsJUzEa.js";import{P as k}from"./PageHeader-CFVw67M6.js";import{F,a as _,b as T}from"./FilterBar-DWYGkVRH.js";import{S as $}from"./StickyPagination-Bc_Mzu_R.js";import{u as q}from"./useFilterParams-crmlBw_l.js";import{S as A,T as B}from"./ToolTestPanel-CQVYC3Ba.js";import{R as J,a as b}from"./RowActions-eYrzgQSj.js";import{S as O}from"./StatusBadge-BDeUwPtb.js";import{T as H}from"./ToolPill-C6hkOqPx.js";import{c as G,aI as U,aJ as W,a7 as Q,T as V,i as X}from"./vendor-icons-h-jlRSb9.js";import{u as Y}from"./vendor-react-CdqEC2zv.js";import"./index-zrTQcPjB.js";import"./Modal-BU7No9NH.js";import"./RunAsSelector-BgntKfSA.js";import"./BotPicker-GU44inXA.js";import"./bots-B9zS0z7D.js";import"./helpers-DzO-OGPe.js";function Z(s){const[t,a]=u.useState(()=>{try{const o=localStorage.getItem(s);if(o){const p=JSON.parse(o);if(Array.isArray(p))return new Set(p)}}catch{}return new Set}),i=u.useCallback(o=>{try{localStorage.setItem(s,JSON.stringify([...o]))}catch{}},[s]),n=u.useCallback(o=>{a(p=>{const x=new Set(p);return x.has(o)?x.delete(o):x.add(o),i(x),x})},[i]),m=u.useCallback(o=>t.has(o),[t]);return{expandedIds:t,toggle:n,isExpanded:m}}function K(s){var t,a;return!!((t=s.metadata)!=null&&t.builtin)||!!((a=s.transport_config)!=null&&a.builtin)}function ee(s,t){var n;if(!t)return!0;const a=t.toLowerCase();return s.name.toLowerCase().includes(a)||(n=s.description)!=null&&n.toLowerCase().includes(a)||(s.tags??[]).some(m=>m.toLowerCase().includes(a))?!0:(s.tool_manifest??[]).some(m=>{var o;return m.name.toLowerCase().includes(a)||((o=m.description)==null?void 0:o.toLowerCase().includes(a))})}function te(s,t){if(!t)return s;const a=t.toLowerCase();return s.filter(i=>{var n;return i.name.toLowerCase().includes(a)||((n=i.description)==null?void 0:n.toLowerCase().includes(a))})}function se({server:s,expanded:t,onToggle:a,onEdit:i,onDelete:n,onTryTool:m,connect:o,disconnect:p,visibleTools:x}){const l=s.tool_manifest??[],f=K(s),g=s.tags??[];return e.jsxs(e.Fragment,{children:[e.jsxs("tr",{onClick:l.length>0?a:void 0,className:`group/row border-b border-surface-border/50 transition-colors duration-100 ${l.length>0?"cursor-pointer row-hover":""}`,children:[e.jsx("td",{className:"px-6 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:`transition-transform duration-150 ${t?"rotate-90":""} ${l.length===0?"opacity-0":"text-text-tertiary"}`,children:e.jsx(G,{size:14})}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(A,{name:s.name,serverId:s.id,short:!1}),l.length>0&&e.jsx("sup",{className:"text-2xs font-normal text-accent/70",children:l.length})]}),g.length>0&&e.jsxs("div",{className:"flex gap-1 ml-auto shrink-0",children:[g.slice(0,3).map(c=>e.jsx("span",{className:"inline-block px-1.5 py-0 text-2xs text-text-tertiary bg-surface-sunken rounded",children:c},c)),g.length>3&&e.jsx("span",{className:"text-2xs text-text-quaternary",title:g.slice(3).join(", "),children:"…"})]})]})}),e.jsx("td",{className:"px-4 py-2.5 w-28 whitespace-nowrap",children:e.jsx(O,{status:s.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(J,{children:[!f&&(s.status==="connected"?e.jsx(b,{icon:U,title:"Disconnect server",onClick:()=>p.mutate(s.id)}):e.jsx(b,{icon:W,title:"Connect server",onClick:()=>o.mutate(s.id),colorClass:"text-text-tertiary hover:text-status-success"})),e.jsx(b,{icon:Q,title:"Edit server",onClick:i}),!f&&e.jsx(b,{icon:V,title:"Delete server",onClick:n,colorClass:"text-text-tertiary hover:text-status-error"})]})})]}),t&&x.map(c=>e.jsxs("tr",{onClick:()=>m(c),className:"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15",children:[e.jsxs("td",{className:"pl-14 pr-6 py-2.5",children:[e.jsx(H,{name:c.name,size:"md"}),c.description&&e.jsx("p",{className:"text-2xs leading-snug text-text-quaternary mt-0.5",children:c.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:h=>{h.stopPropagation(),m(c)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(X,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},c.name))]})}function Se(){const s=Y(),{filters:t,setFilter:a,pagination:i}=q({filters:{status:"",search:"",tag:""}}),{data:n,isLoading:m}=L({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),o=M(),p=I(),x=D(),[l,f]=u.useState(null),{expandedIds:g,toggle:c}=Z("lt:expanded:mcp-servers"),[h,w]=u.useState(null),j=(n==null?void 0:n.servers)??[],y=(n==null?void 0:n.total)??0,P=u.useMemo(()=>{const r=new Set;for(const d of j)for(const C of d.tags??[])r.add(C);return[...r].sort().map(d=>({value:d,label:d}))},[j]),v=u.useMemo(()=>t.search?j.filter(r=>ee(r,t.search)):j,[j,t.search]);u.useEffect(()=>{if(!t.search)return;const r=t.search.toLowerCase();for(const d of v)(d.tool_manifest??[]).some(S=>{var N;return S.name.toLowerCase().includes(r)||((N=S.description)==null?void 0:N.toLowerCase().includes(r))})&&!g.has(d.id)&&c(d.id)},[t.search,v]);const E=()=>{l&&x.mutate(l.id,{onSuccess:()=>f(null)})};return m?e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((r,d)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},d))})]}):e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>s("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs(F,{children:[e.jsx(_,{label:"Search",value:t.search,onChange:r=>a("search",r),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:r=>a("tag",r),options:P}),e.jsx(T,{label:"Status",value:t.status,onChange:r=>a("status",r),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${h?"flex-1 min-w-0":"w-full"} transition-all`,children:[v.length===0?e.jsx(R,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:v.map(r=>e.jsx(se,{server:r,expanded:g.has(r.id),onToggle:()=>c(r.id),onEdit:()=>s(`/mcp/servers/${r.id}`),onDelete:()=>f(r),onTryTool:d=>w({serverId:r.id,serverName:r.name,tool:d}),connect:o,disconnect:p,visibleTools:te(r.tool_manifest??[],t.search)},r.id))})]}),e.jsx($,{page:i.page,totalPages:i.totalPages(y),onPageChange:i.setPage,total:y,pageSize:i.pageSize,onPageSizeChange:i.setPageSize})]}),h&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(B,{serverId:h.serverId,serverName:h.serverName,tool:h.tool,onClose:()=>w(null)})})]}),e.jsx(z,{open:!!l,onClose:()=>f(null),onConfirm:E,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:l==null?void 0:l.name}),"? This will remove the server registration."]}),isPending:x.isPending,error:x.error})]})}export{Se as McpServersPage};
+//# sourceMappingURL=index-DKXOIcO3.js.map

package/dashboard/dist/assets/{index-t1JXcmBG.js.map → index-DKXOIcO3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-t1JXcmBG.js","sources":["../../src/hooks/useExpandedRows.ts","../../src/pages/mcp/servers/helpers.ts","../../src/pages/mcp/servers/ServerRow.tsx","../../src/pages/mcp/servers/McpServersPage.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\n/**\n * Track expanded row IDs with localStorage persistence.\n *\n * Resilient: if a stored ID no longer exists in the data, it's silently ignored.\n * Never blocks rendering — reads from localStorage synchronously on mount,\n * writes asynchronously on change.\n */\nexport function useExpandedRows(storageKey: string): {\n  expandedIds: Set<string>;\n  toggle: (id: string) => void;\n  isExpanded: (id: string) => boolean;\n} {\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(() => {\n    try {\n      const raw = localStorage.getItem(storageKey);\n      if (raw) {\n        const parsed = JSON.parse(raw);\n        if (Array.isArray(parsed)) return new Set(parsed);\n      }\n    } catch { /* corrupted or unavailable — start empty */ }\n    return new Set();\n  });\n\n  const persist = useCallback((next: Set<string>) => {\n    try {\n      localStorage.setItem(storageKey, JSON.stringify([...next]));\n    } catch { /* quota exceeded or unavailable — ignore */ }\n  }, [storageKey]);\n\n  const toggle = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      persist(next);\n      return next;\n    });\n  }, [persist]);\n\n  const isExpanded = useCallback((id: string) => expandedIds.has(id), [expandedIds]);\n\n  return { expandedIds, toggle, isExpanded };\n}\n","import type { McpServerRecord, McpToolManifest } from '../../../api/types';\n\nexport function isBuiltIn(row: McpServerRecord): boolean {\n  return !!(row.metadata as Record<string, unknown> | null)?.builtin\n    || !!(row.transport_config as Record<string, unknown> | null)?.builtin;\n}\n\n/** Check if a server or any of its tools match the search term */\nexport function matchesSearch(server: McpServerRecord, search: string): boolean {\n  if (!search) return true;\n  const q = search.toLowerCase();\n  if (server.name.toLowerCase().includes(q)) return true;\n  if (server.description?.toLowerCase().includes(q)) return true;\n  if ((server.tags ?? []).some((t) => t.toLowerCase().includes(q))) return true;\n  const tools = (server.tool_manifest ?? []) as McpToolManifest[];\n  return tools.some(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n\n/** Filter tools within a server that match the search term */\nexport function filterTools(tools: McpToolManifest[], search: string): McpToolManifest[] {\n  if (!search) return tools;\n  const q = search.toLowerCase();\n  return tools.filter(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n","import { ChevronRight, Pencil, Trash2, Plug, Unplug, Play } from 'lucide-react';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\nimport {\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n} from '../../../api/mcp';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { ToolPill } from '../../../components/common/display/ToolPill';\nimport { ServerName } from '../../../components/common/display/ServerName';\n\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { isBuiltIn } from './helpers';\n\nexport function ServerRow({\n  server,\n  expanded,\n  onToggle,\n  onEdit,\n  onDelete,\n  onTryTool,\n  connect,\n  disconnect,\n  visibleTools,\n}: {\n  server: McpServerRecord;\n  expanded: boolean;\n  onToggle: () => void;\n  onEdit: () => void;\n  onDelete: () => void;\n  onTryTool: (tool: McpToolManifest) => void;\n  connect: ReturnType<typeof useConnectMcpServer>;\n  disconnect: ReturnType<typeof useDisconnectMcpServer>;\n  visibleTools: McpToolManifest[];\n}) {\n  const allTools = (server.tool_manifest ?? []) as McpToolManifest[];\n  const builtin = isBuiltIn(server);\n  const tags = server.tags ?? [];\n\n  return (\n    <>\n      {/* Server header row */}\n      <tr\n        onClick={allTools.length > 0 ? onToggle : undefined}\n        className={`group/row border-b border-surface-border/50 transition-colors duration-100 ${\n          allTools.length > 0 ? 'cursor-pointer row-hover' : ''\n        }`}\n      >\n        {/* Name + tags */}\n        <td className=\"px-6 py-2.5\">\n          <div className=\"flex items-center gap-3\">\n            <span className={`transition-transform duration-150 ${expanded ? 'rotate-90' : ''} ${allTools.length === 0 ? 'opacity-0' : 'text-text-tertiary'}`}>\n              <ChevronRight size={14} />\n            </span>\n            <span className=\"flex items-center gap-1.5\">\n              <ServerName name={server.name} serverId={server.id} short={false} />\n              {allTools.length > 0 && (\n                <sup className=\"text-2xs font-normal text-accent/70\">{allTools.length}</sup>\n              )}\n            </span>\n            {tags.length > 0 && (\n              <div className=\"flex gap-1 ml-auto shrink-0\">\n                {tags.slice(0, 3).map((tag) => (\n                  <span key={tag} className=\"inline-block px-1.5 py-0 text-2xs text-text-tertiary bg-surface-sunken rounded\">\n                    {tag}\n                  </span>\n                ))}\n                {tags.length > 3 && (\n                  <span className=\"text-2xs text-text-quaternary\" title={tags.slice(3).join(', ')}>&hellip;</span>\n                )}\n              </div>\n            )}\n          </div>\n        </td>\n\n        {/* Status */}\n        <td className=\"px-4 py-2.5 w-28 whitespace-nowrap\">\n          <StatusBadge status={server.status} />\n        </td>\n\n        {/* Actions */}\n        <td className=\"px-4 py-2.5 w-16\">\n          <RowActionGroup>\n            {!builtin && (\n              server.status === 'connected' ? (\n                <RowAction\n                  icon={Unplug}\n                  title=\"Disconnect server\"\n                  onClick={() => disconnect.mutate(server.id)}\n                />\n              ) : (\n                <RowAction\n                  icon={Plug}\n                  title=\"Connect server\"\n                  onClick={() => connect.mutate(server.id)}\n                  colorClass=\"text-text-tertiary hover:text-status-success\"\n                />\n              )\n            )}\n            <RowAction\n              icon={Pencil}\n              title=\"Edit server\"\n              onClick={onEdit}\n            />\n            {!builtin && (\n              <RowAction\n                icon={Trash2}\n                title=\"Delete server\"\n                onClick={onDelete}\n                colorClass=\"text-text-tertiary hover:text-status-error\"\n              />\n            )}\n          </RowActionGroup>\n        </td>\n      </tr>\n\n      {/* Expanded tool rows — real table rows for column alignment */}\n      {expanded && visibleTools.map((tool) => (\n        <tr\n          key={tool.name}\n          onClick={() => onTryTool(tool)}\n          className=\"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15\"\n        >\n          {/* Tool name + description */}\n          <td className=\"pl-14 pr-6 py-2.5\">\n            <ToolPill name={tool.name} size=\"md\" />\n            {tool.description && (\n              <p className=\"text-2xs leading-snug text-text-quaternary mt-0.5\">{tool.description}</p>\n            )}\n          </td>\n\n          {/* Status — empty for tools */}\n          <td className=\"px-4 py-2.5 w-28\" />\n\n          {/* Actions — play on hover */}\n          <td className=\"px-4 py-2.5 w-16\">\n            <div className=\"flex items-center justify-end\">\n              <button\n                onClick={(e) => { e.stopPropagation(); onTryTool(tool); }}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent\"\n                title=\"Try tool\"\n              >\n                <Play className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </div>\n          </td>\n        </tr>\n      ))}\n    </>\n  );\n}\n","import { useState, useMemo, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  useMcpServers,\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n  useDeleteMcpServer,\n} from '../../../api/mcp';\nimport { EmptyState } from '../../../components/common/display/EmptyState';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useExpandedRows } from '../../../hooks/useExpandedRows';\nimport { ToolTestPanel } from '../../../components/common/test/ToolTestPanel';\nimport { matchesSearch, filterTools } from './helpers';\nimport { ServerRow } from './ServerRow';\n\nexport function McpServersPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', search: '', tag: '' },\n  });\n\n  const { data, isLoading } = useMcpServers({\n    status: filters.status || undefined,\n    search: filters.search || undefined,\n    tags: filters.tag || undefined,\n  });\n  const connect = useConnectMcpServer();\n  const disconnect = useDisconnectMcpServer();\n  const deleteServer = useDeleteMcpServer();\n\n  const [confirmDelete, setConfirmDelete] = useState<McpServerRecord | null>(null);\n  const { expandedIds, toggle: toggleExpand } = useExpandedRows('lt:expanded:mcp-servers');\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: McpToolManifest;\n  } | null>(null);\n\n  const servers = data?.servers ?? [];\n  const total = data?.total ?? 0;\n\n  // Derive unique tags from current result set for the filter dropdown\n  const tagOptions = useMemo(() => {\n    const allTags = new Set<string>();\n    for (const s of servers) {\n      for (const t of s.tags ?? []) allTags.add(t);\n    }\n    return [...allTags].sort().map((t) => ({ value: t, label: t }));\n  }, [servers]);\n\n  // Client-side search filtering for tool-level matches within expanded rows\n  const filteredServers = useMemo(() => {\n    if (!filters.search) return servers;\n    return servers.filter((s) => matchesSearch(s, filters.search));\n  }, [servers, filters.search]);\n\n  // Auto-expand servers whose tools match the search (so results are visible)\n  useEffect(() => {\n    if (!filters.search) return;\n    const q = filters.search.toLowerCase();\n    for (const s of filteredServers) {\n      const tools = (s.tool_manifest ?? []) as McpToolManifest[];\n      const hasToolMatch = tools.some(\n        (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n      );\n      if (hasToolMatch && !expandedIds.has(s.id)) {\n        toggleExpand(s.id);\n      }\n    }\n  }, [filters.search, filteredServers]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteServer.mutate(confirmDelete.id, {\n      onSuccess: () => setConfirmDelete(null),\n    });\n  };\n\n  if (isLoading) {\n    return (\n      <div>\n        <PageHeader title=\"Servers & Tools\" />\n        <div className=\"animate-pulse space-y-0\">\n          {Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n              <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Servers & Tools\"\n        docsHash=\"#docs:dashboard.md:mcp-server-tools\"\n        actions={\n          <button\n            onClick={() => navigate('/mcp/servers/new')}\n            className=\"btn-primary text-xs\"\n          >\n            Register Server\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed\">\n        Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer.\n      </p>\n\n      <FilterBar>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"Server or tool name...\"\n        />\n        <FilterSelect\n          label=\"Tag\"\n          value={filters.tag}\n          onChange={(v) => setFilter('tag', v)}\n          options={tagOptions}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'registered', label: 'Registered' },\n            { value: 'connected', label: 'Connected' },\n            { value: 'error', label: 'Error' },\n            { value: 'disconnected', label: 'Disconnected' },\n          ]}\n        />\n      </FilterBar>\n\n      <div className={`flex gap-0 ${tryTool ? '' : ''}`}>\n        {/* Server list */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {filteredServers.length === 0 ? (\n            <EmptyState title=\"No servers found\" />\n          ) : (\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b\">\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n                    Server / Tool\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28\">\n                    Status\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface w-16\" />\n                </tr>\n              </thead>\n              <tbody>\n                {filteredServers.map((server) => (\n                  <ServerRow\n                    key={server.id}\n                    server={server}\n                    expanded={expandedIds.has(server.id)}\n                    onToggle={() => toggleExpand(server.id)}\n                    onEdit={() => navigate(`/mcp/servers/${server.id}`)}\n                    onDelete={() => setConfirmDelete(server)}\n                    onTryTool={(tool) =>\n                      setTryTool({\n                        serverId: server.id,\n                        serverName: server.name,\n                        tool,\n                      })\n                    }\n                    connect={connect}\n                    disconnect={disconnect}\n                    visibleTools={filterTools(\n                      (server.tool_manifest ?? []) as McpToolManifest[],\n                      filters.search,\n                    )}\n                  />\n                ))}\n              </tbody>\n            </table>\n          )}\n\n          <StickyPagination\n            page={pagination.page}\n            totalPages={pagination.totalPages(total)}\n            onPageChange={pagination.setPage}\n            total={total}\n            pageSize={pagination.pageSize}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </div>\n\n        {/* Test panel — slides in from right */}\n        {tryTool && (\n          <div className=\"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto\">\n            <ToolTestPanel\n              serverId={tryTool.serverId}\n              serverName={tryTool.serverName}\n              tool={tryTool.tool}\n              onClose={() => setTryTool(null)}\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Delete confirmation modal */}\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Delete MCP Server\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{confirmDelete?.name}</span>?\n            This will remove the server registration.\n          </>\n        }\n        isPending={deleteServer.isPending}\n        error={deleteServer.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["useExpandedRows","storageKey","expandedIds","setExpandedIds","useState","raw","parsed","persist","useCallback","next","toggle","id","prev","isExpanded","isBuiltIn","row","_a","_b","matchesSearch","server","search","q","t","filterTools","tools","ServerRow","expanded","onToggle","onEdit","onDelete","onTryTool","connect","disconnect","visibleTools","allTools","builtin","tags","jsxs","Fragment","jsx","ChevronRight","ServerName","tag","StatusBadge","RowActionGroup","RowAction","Unplug","Plug","Pencil","Trash2","tool","ToolPill","e","Play","McpServersPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","useMcpServers","useConnectMcpServer","useDisconnectMcpServer","deleteServer","useDeleteMcpServer","confirmDelete","setConfirmDelete","toggleExpand","tryTool","setTryTool","servers","total","tagOptions","useMemo","allTags","s","filteredServers","useEffect","handleDelete","PageHeader","_","i","FilterBar","FilterInput","v","FilterSelect","EmptyState","StickyPagination","ToolTestPanel","ConfirmDeleteModal"],"mappings":"u5BASO,SAASA,EAAgBC,EAI9B,CACA,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAsB,IAAM,CAChE,GAAI,CACF,MAAMC,EAAM,aAAa,QAAQJ,CAAU,EAC3C,GAAII,EAAK,CACP,MAAMC,EAAS,KAAK,MAAMD,CAAG,EAC7B,GAAI,MAAM,QAAQC,CAAM,EAAG,OAAO,IAAI,IAAIA,CAAM,CAClD,CACF,MAAQ,CAA+C,CACvD,WAAW,GACb,CAAC,EAEKC,EAAUC,cAAaC,GAAsB,CACjD,GAAI,CACF,aAAa,QAAQR,EAAY,KAAK,UAAU,CAAC,GAAGQ,CAAI,CAAC,CAAC,CAC5D,MAAQ,CAA+C,CACzD,EAAG,CAACR,CAAU,CAAC,EAETS,EAASF,cAAaG,GAAe,CACzCR,EAAgBS,GAAS,CACvB,MAAMH,EAAO,IAAI,IAAIG,CAAI,EACzB,OAAIH,EAAK,IAAIE,CAAE,EACbF,EAAK,OAAOE,CAAE,EAEdF,EAAK,IAAIE,CAAE,EAEbJ,EAAQE,CAAI,EACLA,CACT,CAAC,CACH,EAAG,CAACF,CAAO,CAAC,EAENM,EAAaL,cAAaG,GAAeT,EAAY,IAAIS,CAAE,EAAG,CAACT,CAAW,CAAC,EAEjF,MAAO,CAAE,YAAAA,EAAa,OAAAQ,EAAQ,WAAAG,CAAA,CAChC,CC7CO,SAASC,EAAUC,EAA+B,SACvD,MAAO,CAAC,GAAEC,EAAAD,EAAI,WAAJ,MAAAC,EAAiD,UACtD,CAAC,GAAEC,EAAAF,EAAI,mBAAJ,MAAAE,EAAyD,QACnE,CAGO,SAASC,GAAcC,EAAyBC,EAAyB,OAC9E,GAAI,CAACA,EAAQ,MAAO,GACpB,MAAMC,EAAID,EAAO,YAAA,EAGjB,OAFID,EAAO,KAAK,YAAA,EAAc,SAASE,CAAC,IACpCL,EAAAG,EAAO,cAAP,MAAAH,EAAoB,cAAc,SAASK,KAC1CF,EAAO,MAAQ,CAAA,GAAI,KAAMG,GAAMA,EAAE,YAAA,EAAc,SAASD,CAAC,CAAC,EAAU,IAC1DF,EAAO,eAAiB,CAAA,GAC1B,KACVG,GAAA,OAAM,OAAAA,EAAE,KAAK,cAAc,SAASD,CAAC,KAAKL,EAAAM,EAAE,cAAF,YAAAN,EAAe,cAAc,SAASK,IAAC,CAEtF,CAGO,SAASE,GAAYC,EAA0BJ,EAAmC,CACvF,GAAI,CAACA,EAAQ,OAAOI,EACpB,MAAMH,EAAID,EAAO,YAAA,EACjB,OAAOI,EAAM,OACVF,GAAA,OAAM,OAAAA,EAAE,KAAK,cAAc,SAASD,CAAC,KAAKL,EAAAM,EAAE,cAAF,YAAAN,EAAe,cAAc,SAASK,IAAC,CAEtF,CCdO,SAASI,GAAU,CACxB,OAAAN,EACA,SAAAO,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,WAAAC,EACA,aAAAC,CACF,EAUG,CACD,MAAMC,EAAYf,EAAO,eAAiB,CAAA,EACpCgB,EAAUrB,EAAUK,CAAM,EAC1BiB,EAAOjB,EAAO,MAAQ,CAAA,EAE5B,OACEkB,EAAAA,KAAAC,WAAA,CAEE,SAAA,CAAAD,EAAAA,KAAC,KAAA,CACC,QAASH,EAAS,OAAS,EAAIP,EAAW,OAC1C,UAAW,8EACTO,EAAS,OAAS,EAAI,2BAA6B,EACrD,GAGA,SAAA,CAAAK,EAAAA,IAAC,MAAG,UAAU,cACZ,SAAAF,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,MAAC,QAAK,UAAW,qCAAqCb,EAAW,YAAc,EAAE,IAAIQ,EAAS,SAAW,EAAI,YAAc,oBAAoB,GAC7I,eAACM,EAAA,CAAa,KAAM,GAAI,EAC1B,EACAH,EAAAA,KAAC,OAAA,CAAK,UAAU,4BACd,SAAA,CAAAE,EAAAA,IAACE,EAAA,CAAW,KAAMtB,EAAO,KAAM,SAAUA,EAAO,GAAI,MAAO,EAAA,CAAO,EACjEe,EAAS,OAAS,GACjBK,EAAAA,IAAC,OAAI,UAAU,sCAAuC,WAAS,MAAA,CAAO,CAAA,EAE1E,EACCH,EAAK,OAAS,GACbC,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACZ,SAAA,CAAAD,EAAK,MAAM,EAAG,CAAC,EAAE,IAAKM,GACrBH,EAAAA,IAAC,OAAA,CAAe,UAAU,iFACvB,SAAAG,CAAA,EADQA,CAEX,CACD,EACAN,EAAK,OAAS,GACbG,EAAAA,IAAC,QAAK,UAAU,gCAAgC,MAAOH,EAAK,MAAM,CAAC,EAAE,KAAK,IAAI,EAAG,SAAA,GAAA,CAAQ,CAAA,CAAA,CAE7F,CAAA,CAAA,CAEJ,CAAA,CACF,EAGAG,EAAAA,IAAC,MAAG,UAAU,qCACZ,eAACI,EAAA,CAAY,OAAQxB,EAAO,MAAA,CAAQ,CAAA,CACtC,EAGAoB,MAAC,KAAA,CAAG,UAAU,mBACZ,gBAACK,EAAA,CACE,SAAA,CAAA,CAACT,IACAhB,EAAO,SAAW,YAChBoB,EAAAA,IAACM,EAAA,CACC,KAAMC,EACN,MAAM,oBACN,QAAS,IAAMd,EAAW,OAAOb,EAAO,EAAE,CAAA,CAAA,EAG5CoB,EAAAA,IAACM,EAAA,CACC,KAAME,EACN,MAAM,iBACN,QAAS,IAAMhB,EAAQ,OAAOZ,EAAO,EAAE,EACvC,WAAW,8CAAA,CAAA,GAIjBoB,EAAAA,IAACM,EAAA,CACC,KAAMG,EACN,MAAM,cACN,QAASpB,CAAA,CAAA,EAEV,CAACO,GACAI,EAAAA,IAACM,EAAA,CACC,KAAMI,EACN,MAAM,gBACN,QAASpB,EACT,WAAW,4CAAA,CAAA,CACb,CAAA,CAEJ,CAAA,CACF,CAAA,CAAA,CAAA,EAIDH,GAAYO,EAAa,IAAKiB,GAC7Bb,EAAAA,KAAC,KAAA,CAEC,QAAS,IAAMP,EAAUoB,CAAI,EAC7B,UAAU,yGAGV,SAAA,CAAAb,EAAAA,KAAC,KAAA,CAAG,UAAU,oBACZ,SAAA,CAAAE,EAAAA,IAACY,EAAA,CAAS,KAAMD,EAAK,KAAM,KAAK,KAAK,EACpCA,EAAK,aACJX,EAAAA,IAAC,KAAE,UAAU,oDAAqD,WAAK,WAAA,CAAY,CAAA,EAEvF,EAGAA,EAAAA,IAAC,KAAA,CAAG,UAAU,kBAAA,CAAmB,QAGhC,KAAA,CAAG,UAAU,mBACZ,SAAAA,MAAC,MAAA,CAAI,UAAU,gCACb,SAAAA,EAAAA,IAAC,SAAA,CACC,QAAUa,GAAM,CAAEA,EAAE,gBAAA,EAAmBtB,EAAUoB,CAAI,CAAG,EACxD,UAAU,gGACV,MAAM,WAEN,SAAAX,EAAAA,IAACc,EAAA,CAAK,UAAU,cAAc,YAAa,GAAA,CAAK,CAAA,CAAA,EAEpD,CAAA,CACF,CAAA,CAAA,EA1BKH,EAAK,IAAA,CA4Bb,CAAA,EACH,CAEJ,CCjIO,SAASI,IAAiB,CAC/B,MAAMC,EAAWC,EAAA,EACX,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,CAAA,EAAeC,EAAgB,CACzD,QAAS,CAAE,OAAQ,GAAI,OAAQ,GAAI,IAAK,EAAA,CAAG,CAC5C,EAEK,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,EAAc,CACxC,OAAQN,EAAQ,QAAU,OAC1B,OAAQA,EAAQ,QAAU,OAC1B,KAAMA,EAAQ,KAAO,MAAA,CACtB,EACK1B,EAAUiC,EAAA,EACVhC,EAAaiC,EAAA,EACbC,EAAeC,EAAA,EAEf,CAACC,EAAeC,CAAgB,EAAIjE,EAAAA,SAAiC,IAAI,EACzE,CAAE,YAAAF,EAAa,OAAQoE,CAAA,EAAiBtE,EAAgB,yBAAyB,EACjF,CAACuE,EAASC,CAAU,EAAIpE,EAAAA,SAIpB,IAAI,EAERqE,GAAUZ,GAAA,YAAAA,EAAM,UAAW,CAAA,EAC3Ba,GAAQb,GAAA,YAAAA,EAAM,QAAS,EAGvBc,EAAaC,EAAAA,QAAQ,IAAM,CAC/B,MAAMC,MAAc,IACpB,UAAWC,KAAKL,EACd,UAAWnD,KAAKwD,EAAE,MAAQ,CAAA,EAAID,EAAQ,IAAIvD,CAAC,EAE7C,MAAO,CAAC,GAAGuD,CAAO,EAAE,OAAO,IAAKvD,IAAO,CAAE,MAAOA,EAAG,MAAOA,GAAI,CAChE,EAAG,CAACmD,CAAO,CAAC,EAGNM,EAAkBH,EAAAA,QAAQ,IACzBnB,EAAQ,OACNgB,EAAQ,OAAQK,GAAM5D,GAAc4D,EAAGrB,EAAQ,MAAM,CAAC,EADjCgB,EAE3B,CAACA,EAAShB,EAAQ,MAAM,CAAC,EAG5BuB,EAAAA,UAAU,IAAM,CACd,GAAI,CAACvB,EAAQ,OAAQ,OACrB,MAAMpC,EAAIoC,EAAQ,OAAO,YAAA,EACzB,UAAWqB,KAAKC,GACCD,EAAE,eAAiB,CAAA,GACP,KACxBxD,GAAA,OAAM,OAAAA,EAAE,KAAK,cAAc,SAASD,CAAC,KAAKL,EAAAM,EAAE,cAAF,YAAAN,EAAe,cAAc,SAASK,IAAC,GAEhE,CAACnB,EAAY,IAAI4E,EAAE,EAAE,GACvCR,EAAaQ,EAAE,EAAE,CAGvB,EAAG,CAACrB,EAAQ,OAAQsB,CAAe,CAAC,EAEpC,MAAME,EAAe,IAAM,CACpBb,GACLF,EAAa,OAAOE,EAAc,GAAI,CACpC,UAAW,IAAMC,EAAiB,IAAI,CAAA,CACvC,CACH,EAEA,OAAIP,SAEC,MAAA,CACC,SAAA,CAAAvB,EAAAA,IAAC2C,EAAA,CAAW,MAAM,iBAAA,CAAkB,EACpC3C,EAAAA,IAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,MAAM,KAAK,CAAE,OAAQ,CAAA,CAAG,EAAE,IAAI,CAAC4C,EAAGC,IACjC7C,EAAAA,IAAC,MAAA,CAAY,UAAU,uDACrB,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,sCAAA,CAAuC,CAAA,EAD9C6C,CAEV,CACD,CAAA,CACH,CAAA,EACF,SAKD,MAAA,CACC,SAAA,CAAA7C,EAAAA,IAAC2C,EAAA,CACC,MAAM,kBACN,SAAS,sCACT,QACE3C,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMgB,EAAS,kBAAkB,EAC1C,UAAU,sBACX,SAAA,iBAAA,CAAA,CAED,CAAA,EAIJhB,EAAAA,IAAC,IAAA,CAAE,UAAU,6DAA6D,SAAA,yHAE1E,SAEC8C,EAAA,CACC,SAAA,CAAA9C,EAAAA,IAAC+C,EAAA,CACC,MAAM,SACN,MAAO7B,EAAQ,OACf,SAAW8B,GAAM7B,EAAU,SAAU6B,CAAC,EACtC,YAAY,wBAAA,CAAA,EAEdhD,EAAAA,IAACiD,EAAA,CACC,MAAM,MACN,MAAO/B,EAAQ,IACf,SAAW8B,GAAM7B,EAAU,MAAO6B,CAAC,EACnC,QAASZ,CAAA,CAAA,EAEXpC,EAAAA,IAACiD,EAAA,CACC,MAAM,SACN,MAAO/B,EAAQ,OACf,SAAW8B,GAAM7B,EAAU,SAAU6B,CAAC,EACtC,QAAS,CACP,CAAE,MAAO,aAAc,MAAO,YAAA,EAC9B,CAAE,MAAO,YAAa,MAAO,WAAA,EAC7B,CAAE,MAAO,QAAS,MAAO,OAAA,EACzB,CAAE,MAAO,eAAgB,MAAO,cAAA,CAAe,CACjD,CAAA,CACF,EACF,SAEC,MAAA,CAAI,UAAW,cAEd,SAAA,CAAAlD,OAAC,OAAI,UAAW,GAAGkC,EAAU,iBAAmB,QAAQ,kBACrD,SAAA,CAAAQ,EAAgB,SAAW,EAC1BxC,EAAAA,IAACkD,EAAA,CAAW,MAAM,mBAAmB,EAErCpD,EAAAA,KAAC,QAAA,CAAM,UAAU,SACf,SAAA,CAAAE,MAAC,QAAA,CACC,SAAAF,EAAAA,KAAC,KAAA,CAAG,UAAU,WACZ,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,+HAA+H,SAAA,gBAE7I,EACAA,EAAAA,IAAC,KAAA,CAAG,UAAU,oIAAoI,SAAA,SAElJ,EACAA,EAAAA,IAAC,KAAA,CAAG,UAAU,2CAAA,CAA4C,CAAA,CAAA,CAC5D,CAAA,CACF,EACAA,EAAAA,IAAC,QAAA,CACE,SAAAwC,EAAgB,IAAK5D,GACpBoB,EAAAA,IAACd,GAAA,CAEC,OAAAN,EACA,SAAUjB,EAAY,IAAIiB,EAAO,EAAE,EACnC,SAAU,IAAMmD,EAAanD,EAAO,EAAE,EACtC,OAAQ,IAAMoC,EAAS,gBAAgBpC,EAAO,EAAE,EAAE,EAClD,SAAU,IAAMkD,EAAiBlD,CAAM,EACvC,UAAY+B,GACVsB,EAAW,CACT,SAAUrD,EAAO,GACjB,WAAYA,EAAO,KACnB,KAAA+B,CAAA,CACD,EAEH,QAAAnB,EACA,WAAAC,EACA,aAAcT,GACXJ,EAAO,eAAiB,CAAA,EACzBsC,EAAQ,MAAA,CACV,EAlBKtC,EAAO,EAAA,CAoBf,CAAA,CACH,CAAA,EACF,EAGFoB,EAAAA,IAACmD,EAAA,CACC,KAAM/B,EAAW,KACjB,WAAYA,EAAW,WAAWe,CAAK,EACvC,aAAcf,EAAW,QACzB,MAAAe,EACA,SAAUf,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,EAGCY,GACChC,EAAAA,IAAC,MAAA,CAAI,UAAU,+DACb,SAAAA,EAAAA,IAACoD,EAAA,CACC,SAAUpB,EAAQ,SAClB,WAAYA,EAAQ,WACpB,KAAMA,EAAQ,KACd,QAAS,IAAMC,EAAW,IAAI,CAAA,CAAA,CAChC,CACF,CAAA,EAEJ,EAGAjC,EAAAA,IAACqD,EAAA,CACC,KAAM,CAAC,CAACxB,EACR,QAAS,IAAMC,EAAiB,IAAI,EACpC,UAAWY,EACX,MAAM,oBACN,YACE5C,EAAAA,KAAAC,WAAA,CAAE,SAAA,CAAA,SACO,IACPC,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAiC,0BAAe,KAAK,EAAO,6CAAA,EAE9E,EAEF,UAAW2B,EAAa,UACxB,MAAOA,EAAa,KAAA,CAAA,CACtB,EACF,CAEJ"}
+{"version":3,"file":"index-DKXOIcO3.js","sources":["../../src/hooks/useExpandedRows.ts","../../src/pages/mcp/servers/helpers.ts","../../src/pages/mcp/servers/ServerRow.tsx","../../src/pages/mcp/servers/McpServersPage.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\n/**\n * Track expanded row IDs with localStorage persistence.\n *\n * Resilient: if a stored ID no longer exists in the data, it's silently ignored.\n * Never blocks rendering — reads from localStorage synchronously on mount,\n * writes asynchronously on change.\n */\nexport function useExpandedRows(storageKey: string): {\n  expandedIds: Set<string>;\n  toggle: (id: string) => void;\n  isExpanded: (id: string) => boolean;\n} {\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(() => {\n    try {\n      const raw = localStorage.getItem(storageKey);\n      if (raw) {\n        const parsed = JSON.parse(raw);\n        if (Array.isArray(parsed)) return new Set(parsed);\n      }\n    } catch { /* corrupted or unavailable — start empty */ }\n    return new Set();\n  });\n\n  const persist = useCallback((next: Set<string>) => {\n    try {\n      localStorage.setItem(storageKey, JSON.stringify([...next]));\n    } catch { /* quota exceeded or unavailable — ignore */ }\n  }, [storageKey]);\n\n  const toggle = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      persist(next);\n      return next;\n    });\n  }, [persist]);\n\n  const isExpanded = useCallback((id: string) => expandedIds.has(id), [expandedIds]);\n\n  return { expandedIds, toggle, isExpanded };\n}\n","import type { McpServerRecord, McpToolManifest } from '../../../api/types';\n\nexport function isBuiltIn(row: McpServerRecord): boolean {\n  return !!(row.metadata as Record<string, unknown> | null)?.builtin\n    || !!(row.transport_config as Record<string, unknown> | null)?.builtin;\n}\n\n/** Check if a server or any of its tools match the search term */\nexport function matchesSearch(server: McpServerRecord, search: string): boolean {\n  if (!search) return true;\n  const q = search.toLowerCase();\n  if (server.name.toLowerCase().includes(q)) return true;\n  if (server.description?.toLowerCase().includes(q)) return true;\n  if ((server.tags ?? []).some((t) => t.toLowerCase().includes(q))) return true;\n  const tools = (server.tool_manifest ?? []) as McpToolManifest[];\n  return tools.some(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n\n/** Filter tools within a server that match the search term */\nexport function filterTools(tools: McpToolManifest[], search: string): McpToolManifest[] {\n  if (!search) return tools;\n  const q = search.toLowerCase();\n  return tools.filter(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n","import { ChevronRight, Pencil, Trash2, Plug, Unplug, Play } from 'lucide-react';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\nimport {\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n} from '../../../api/mcp';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { ToolPill } from '../../../components/common/display/ToolPill';\nimport { ServerName } from '../../../components/common/display/ServerName';\n\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { isBuiltIn } from './helpers';\n\nexport function ServerRow({\n  server,\n  expanded,\n  onToggle,\n  onEdit,\n  onDelete,\n  onTryTool,\n  connect,\n  disconnect,\n  visibleTools,\n}: {\n  server: McpServerRecord;\n  expanded: boolean;\n  onToggle: () => void;\n  onEdit: () => void;\n  onDelete: () => void;\n  onTryTool: (tool: McpToolManifest) => void;\n  connect: ReturnType<typeof useConnectMcpServer>;\n  disconnect: ReturnType<typeof useDisconnectMcpServer>;\n  visibleTools: McpToolManifest[];\n}) {\n  const allTools = (server.tool_manifest ?? []) as McpToolManifest[];\n  const builtin = isBuiltIn(server);\n  const tags = server.tags ?? [];\n\n  return (\n    <>\n      {/* Server header row */}\n      <tr\n        onClick={allTools.length > 0 ? onToggle : undefined}\n        className={`group/row border-b border-surface-border/50 transition-colors duration-100 ${\n          allTools.length > 0 ? 'cursor-pointer row-hover' : ''\n        }`}\n      >\n        {/* Name + tags */}\n        <td className=\"px-6 py-2.5\">\n          <div className=\"flex items-center gap-3\">\n            <span className={`transition-transform duration-150 ${expanded ? 'rotate-90' : ''} ${allTools.length === 0 ? 'opacity-0' : 'text-text-tertiary'}`}>\n              <ChevronRight size={14} />\n            </span>\n            <span className=\"flex items-center gap-1.5\">\n              <ServerName name={server.name} serverId={server.id} short={false} />\n              {allTools.length > 0 && (\n                <sup className=\"text-2xs font-normal text-accent/70\">{allTools.length}</sup>\n              )}\n            </span>\n            {tags.length > 0 && (\n              <div className=\"flex gap-1 ml-auto shrink-0\">\n                {tags.slice(0, 3).map((tag) => (\n                  <span key={tag} className=\"inline-block px-1.5 py-0 text-2xs text-text-tertiary bg-surface-sunken rounded\">\n                    {tag}\n                  </span>\n                ))}\n                {tags.length > 3 && (\n                  <span className=\"text-2xs text-text-quaternary\" title={tags.slice(3).join(', ')}>&hellip;</span>\n                )}\n              </div>\n            )}\n          </div>\n        </td>\n\n        {/* Status */}\n        <td className=\"px-4 py-2.5 w-28 whitespace-nowrap\">\n          <StatusBadge status={server.status} />\n        </td>\n\n        {/* Actions */}\n        <td className=\"px-4 py-2.5 w-16\">\n          <RowActionGroup>\n            {!builtin && (\n              server.status === 'connected' ? (\n                <RowAction\n                  icon={Unplug}\n                  title=\"Disconnect server\"\n                  onClick={() => disconnect.mutate(server.id)}\n                />\n              ) : (\n                <RowAction\n                  icon={Plug}\n                  title=\"Connect server\"\n                  onClick={() => connect.mutate(server.id)}\n                  colorClass=\"text-text-tertiary hover:text-status-success\"\n                />\n              )\n            )}\n            <RowAction\n              icon={Pencil}\n              title=\"Edit server\"\n              onClick={onEdit}\n            />\n            {!builtin && (\n              <RowAction\n                icon={Trash2}\n                title=\"Delete server\"\n                onClick={onDelete}\n                colorClass=\"text-text-tertiary hover:text-status-error\"\n              />\n            )}\n          </RowActionGroup>\n        </td>\n      </tr>\n\n      {/* Expanded tool rows — real table rows for column alignment */}\n      {expanded && visibleTools.map((tool) => (\n        <tr\n          key={tool.name}\n          onClick={() => onTryTool(tool)}\n          className=\"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15\"\n        >\n          {/* Tool name + description */}\n          <td className=\"pl-14 pr-6 py-2.5\">\n            <ToolPill name={tool.name} size=\"md\" />\n            {tool.description && (\n              <p className=\"text-2xs leading-snug text-text-quaternary mt-0.5\">{tool.description}</p>\n            )}\n          </td>\n\n          {/* Status — empty for tools */}\n          <td className=\"px-4 py-2.5 w-28\" />\n\n          {/* Actions — play on hover */}\n          <td className=\"px-4 py-2.5 w-16\">\n            <div className=\"flex items-center justify-end\">\n              <button\n                onClick={(e) => { e.stopPropagation(); onTryTool(tool); }}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent\"\n                title=\"Try tool\"\n              >\n                <Play className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </div>\n          </td>\n        </tr>\n      ))}\n    </>\n  );\n}\n","import { useState, useMemo, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  useMcpServers,\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n  useDeleteMcpServer,\n} from '../../../api/mcp';\nimport { EmptyState } from '../../../components/common/display/EmptyState';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useExpandedRows } from '../../../hooks/useExpandedRows';\nimport { ToolTestPanel } from '../../../components/common/test/ToolTestPanel';\nimport { matchesSearch, filterTools } from './helpers';\nimport { ServerRow } from './ServerRow';\n\nexport function McpServersPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', search: '', tag: '' },\n  });\n\n  const { data, isLoading } = useMcpServers({\n    status: filters.status || undefined,\n    search: filters.search || undefined,\n    tags: filters.tag || undefined,\n  });\n  const connect = useConnectMcpServer();\n  const disconnect = useDisconnectMcpServer();\n  const deleteServer = useDeleteMcpServer();\n\n  const [confirmDelete, setConfirmDelete] = useState<McpServerRecord | null>(null);\n  const { expandedIds, toggle: toggleExpand } = useExpandedRows('lt:expanded:mcp-servers');\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: McpToolManifest;\n  } | null>(null);\n\n  const servers = data?.servers ?? [];\n  const total = data?.total ?? 0;\n\n  // Derive unique tags from current result set for the filter dropdown\n  const tagOptions = useMemo(() => {\n    const allTags = new Set<string>();\n    for (const s of servers) {\n      for (const t of s.tags ?? []) allTags.add(t);\n    }\n    return [...allTags].sort().map((t) => ({ value: t, label: t }));\n  }, [servers]);\n\n  // Client-side search filtering for tool-level matches within expanded rows\n  const filteredServers = useMemo(() => {\n    if (!filters.search) return servers;\n    return servers.filter((s) => matchesSearch(s, filters.search));\n  }, [servers, filters.search]);\n\n  // Auto-expand servers whose tools match the search (so results are visible)\n  useEffect(() => {\n    if (!filters.search) return;\n    const q = filters.search.toLowerCase();\n    for (const s of filteredServers) {\n      const tools = (s.tool_manifest ?? []) as McpToolManifest[];\n      const hasToolMatch = tools.some(\n        (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n      );\n      if (hasToolMatch && !expandedIds.has(s.id)) {\n        toggleExpand(s.id);\n      }\n    }\n  }, [filters.search, filteredServers]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteServer.mutate(confirmDelete.id, {\n      onSuccess: () => setConfirmDelete(null),\n    });\n  };\n\n  if (isLoading) {\n    return (\n      <div>\n        <PageHeader title=\"Servers & Tools\" />\n        <div className=\"animate-pulse space-y-0\">\n          {Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n              <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Servers & Tools\"\n        docsHash=\"#docs:dashboard.md:mcp-server-tools\"\n        actions={\n          <button\n            onClick={() => navigate('/mcp/servers/new')}\n            className=\"btn-primary text-xs\"\n          >\n            Register Server\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed\">\n        Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer.\n      </p>\n\n      <FilterBar>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"Server or tool name...\"\n        />\n        <FilterSelect\n          label=\"Tag\"\n          value={filters.tag}\n          onChange={(v) => setFilter('tag', v)}\n          options={tagOptions}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'registered', label: 'Registered' },\n            { value: 'connected', label: 'Connected' },\n            { value: 'error', label: 'Error' },\n            { value: 'disconnected', label: 'Disconnected' },\n          ]}\n        />\n      </FilterBar>\n\n      <div className={`flex gap-0 ${tryTool ? '' : ''}`}>\n        {/* Server list */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {filteredServers.length === 0 ? (\n            <EmptyState title=\"No servers found\" />\n          ) : (\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b\">\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n                    Server / Tool\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28\">\n                    Status\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface w-16\" />\n                </tr>\n              </thead>\n              <tbody>\n                {filteredServers.map((server) => (\n                  <ServerRow\n                    key={server.id}\n                    server={server}\n                    expanded={expandedIds.has(server.id)}\n                    onToggle={() => toggleExpand(server.id)}\n                    onEdit={() => navigate(`/mcp/servers/${server.id}`)}\n                    onDelete={() => setConfirmDelete(server)}\n                    onTryTool={(tool) =>\n                      setTryTool({\n                        serverId: server.id,\n                        serverName: server.name,\n                        tool,\n                      })\n                    }\n                    connect={connect}\n                    disconnect={disconnect}\n                    visibleTools={filterTools(\n                      (server.tool_manifest ?? []) as McpToolManifest[],\n                      filters.search,\n                    )}\n                  />\n                ))}\n              </tbody>\n            </table>\n          )}\n\n          <StickyPagination\n            page={pagination.page}\n            totalPages={pagination.totalPages(total)}\n            onPageChange={pagination.setPage}\n            total={total}\n            pageSize={pagination.pageSize}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </div>\n\n        {/* Test panel — slides in from right */}\n        {tryTool && (\n          <div className=\"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto\">\n            <ToolTestPanel\n              serverId={tryTool.serverId}\n              serverName={tryTool.serverName}\n              tool={tryTool.tool}\n              onClose={() => setTryTool(null)}\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Delete confirmation modal */}\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Delete MCP Server\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{confirmDelete?.name}</span>?\n            This will remove the server registration.\n          </>\n        }\n        isPending={deleteServer.isPending}\n        error={deleteServer.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["useExpandedRows","storageKey","expandedIds","setExpandedIds","useState","raw","parsed","persist","useCallback","next","toggle","id","prev","isExpanded","isBuiltIn","row","_a","_b","matchesSearch","server","search","q","t","filterTools","tools","ServerRow","expanded","onToggle","onEdit","onDelete","onTryTool","connect","disconnect","visibleTools","allTools","builtin","tags","jsxs","Fragment","jsx","ChevronRight","ServerName","tag","StatusBadge","RowActionGroup","RowAction","Unplug","Plug","Pencil","Trash2","tool","ToolPill","e","Play","McpServersPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","useMcpServers","useConnectMcpServer","useDisconnectMcpServer","deleteServer","useDeleteMcpServer","confirmDelete","setConfirmDelete","toggleExpand","tryTool","setTryTool","servers","total","tagOptions","useMemo","allTags","s","filteredServers","useEffect","handleDelete","PageHeader","_","i","FilterBar","FilterInput","v","FilterSelect","EmptyState","StickyPagination","ToolTestPanel","ConfirmDeleteModal"],"mappings":"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"}

package/dashboard/dist/assets/{index-YMd3ZiPd.js → index-DSfY8oDp.js}

@@ -1,2 +1,2 @@
-import{j as e,a as u}from"./vendor-query-RUZdMvN6.js";import{d as B,e as H,f as O,g as U}from"./mcp-BkkLq6OE.js";import{P as z}from"./PageHeader-CFVw67M6.js";import{T as J}from"./TagInput-BLwxTNsI.js";import{X as K,a6 as Y,aK as q,aL as V}from"./vendor-icons-h-jlRSb9.js";import{e as X,u as G,f as W}from"./vendor-react-CdqEC2zv.js";import"./index-CgXVDPW-.js";function Q({steps:s,currentStep:t,onStepClick:n}){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,r=!!n;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:r?()=>n(l):void 0,className:`flex items-center gap-1 ${r?"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"} ${r&&!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"} ${r&&!i?"hover:text-text-primary":""}`,children:a})]})]},a)})})}const T={name:"",description:"",mode:"network",transport_type:"sse",command:"",args:"",env_vars:"{}",url:"",auto_connect:!1,tags:[],compile_hints:"",credential_providers:[],discovered_tools:null};function Z(s){const t=s.transport_config??{},n=!!t.builtin;let a="network";return n?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??"",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 M(s){let t={};return s.mode==="local-process"?t={command:s.command.trim(),args:s.args.split(",").map(n=>n.trim()).filter(Boolean),env:s.env_vars.trim()?JSON.parse(s.env_vars):void 0}:s.mode==="network"&&(t={url:s.url.trim()}),{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 L=["Transport","Discovery","Test","Review"];function E(s,t){return s===1?!(!t.name.trim()||t.mode==="network"&&!t.url.trim()||t.mode==="local-process"&&!t.command.trim()):!0}const o="label",v="hint",ee=[{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 se({form:s,set:t,isBuiltin:n}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Connection Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-1",children:ee.map(a=>{const l=s.mode===a.value,c=n&&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:o,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:n})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,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:v,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:o,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:o,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))})]})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:o,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:o,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.jsxs("div",{children:[e.jsx("label",{className:o,children:"Environment Variables (JSON)"}),e.jsx("textarea",{value:s.env_vars,onChange:a=>t("env_vars",a.target.value),className:"input-json w-full",rows:3,spellCheck:!1})]})]}),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 te({form:s,set:t}){const[n,a]=u.useState(""),l=r=>{const d=r.trim().toLowerCase();d&&!s.credential_providers.includes(d)&&t("credential_providers",[...s.credential_providers,d]),a("")},c=r=>{t("credential_providers",s.credential_providers.filter(d=>d!==r))},i=r=>{r.key==="Enter"||r.key===","?(r.preventDefault(),l(n)):r.key==="Backspace"&&!n&&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:o,children:"Tags"}),e.jsx(J,{tags:s.tags,onChange:r=>t("tags",r),placeholder:"Add tag (e.g., database, analytics)..."}),e.jsx("p",{className:v,children:"Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools."})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Compile Hints"}),e.jsx("textarea",{value:s.compile_hints,onChange:r=>t("compile_hints",r.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:v,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:o,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(r=>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:[r,e.jsx("button",{type:"button",onClick:()=>c(r),className:"hover:text-status-error transition-colors",children:e.jsx(K,{className:"w-2.5 h-2.5"})})]},r)),e.jsx("input",{type:"text",value:n,onChange:r=>a(r.target.value),onKeyDown:i,onBlur:()=>{n.trim()&&l(n)},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:v,children:"IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution."})]})]})}function ae({form:s,set:t}){const n=B(),a=s.mode==="in-process",l=()=>{const r=M(s);n.mutate({transport_type:r.transport_type,transport_config:r.transport_config},{onSuccess:d=>{d.success&&t("discovered_tools",d.tools)}})},c=n.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:n.isPending,className:"btn-primary text-xs",children:n.isPending?e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Y,{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(V,{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:v,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 re={"in-process":"In-Process",network:"Network Service","local-process":"Local Process"},ne={stdio:"stdio",sse:"SSE","streamable-http":"Streamable HTTP"};function ce({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:re[s.mode]??s.mode}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Transport",value:ne[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:o,children:"Tags"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.tags.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:n},n))})]}),s.credential_providers.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Credential Providers"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.credential_providers.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:n},n))})]}),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:n}){return e.jsxs("div",{children:[e.jsx("label",{className:o,children:s}),e.jsx("p",{className:`text-xs text-text-primary mt-0.5 ${n?"font-mono":""}`,children:t})]})}function ue(){var C,k,P;const{serverId:s}=X(),t=!s,n=G(),{data:a,isLoading:l}=H(s??""),c=O(),i=U(),[r,d]=u.useState(T),[N,y]=u.useState(!1),[$,f]=u.useState(""),[R,_]=W(),p=parseInt(R.get("step")||"1",10),b=u.useCallback(m=>{_(h=>{const g=new URLSearchParams(h);return g.set("step",String(m)),g},{replace:!1})},[_]);u.useEffect(()=>{if(!N){if(t){d(T),y(!0);return}a&&(d(Z(a)),y(!0))}},[a,t,N]);const j=(m,h)=>d(g=>({...g,[m]:h})),D=!!((C=a==null?void 0:a.transport_config)!=null&&C.builtin),A=()=>{f("");const m=M(r);a?i.mutate({id:a.id,...m},{onSuccess:()=>n("/mcp/servers")}):c.mutate(m,{onSuccess:()=>n("/mcp/servers"),onError:h=>f(h.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===L.length,w=c.isPending||i.isPending,S=$||((k=c.error)==null?void 0:k.message)||((P=i.error)==null?void 0:P.message);return e.jsxs("div",{children:[e.jsx(z,{title:t?"Register MCP Server":(a==null?void 0:a.name)??""}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsx(Q,{steps:L,currentStep:p-1,onStepClick:m=>b(m+1)}),e.jsxs("div",{className:"min-h-[360px] py-2",children:[p===1&&e.jsx(se,{form:r,set:j,isBuiltin:D}),p===2&&e.jsx(te,{form:r,set:j}),p===3&&e.jsx(ae,{form:r,set:j}),p===4&&e.jsx(ce,{form:r})]}),S&&e.jsx("p",{className:"text-xs text-status-error mt-4",children:S}),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:()=>b(p-1),className:"btn-secondary text-xs",children:"Back"})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:()=>n("/mcp/servers"),className:"btn-ghost text-xs",children:"Cancel"}),F?e.jsx("button",{onClick:A,disabled:!E(p,r)||w,className:"btn-primary text-xs",children:w?"Saving...":a?"Save":"Register"}):e.jsx("button",{onClick:()=>b(p+1),disabled:!E(p,r),className:"btn-primary text-xs",children:"Next"})]})]})]})]})}export{ue as McpServerDetailPage};
-//# sourceMappingURL=index-YMd3ZiPd.js.map
+import{j as e,a as u}from"./vendor-query-RUZdMvN6.js";import{d as B,e as H,f as O,g as U}from"./mcp-Bb1k5rv-.js";import{P as z}from"./PageHeader-CFVw67M6.js";import{T as J}from"./TagInput-BLwxTNsI.js";import{X as K,a6 as Y,aK as q,aL as V}from"./vendor-icons-h-jlRSb9.js";import{e as X,u as G,f as W}from"./vendor-react-CdqEC2zv.js";import"./index-zrTQcPjB.js";function Q({steps:s,currentStep:t,onStepClick:n}){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,r=!!n;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:r?()=>n(l):void 0,className:`flex items-center gap-1 ${r?"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"} ${r&&!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"} ${r&&!i?"hover:text-text-primary":""}`,children:a})]})]},a)})})}const T={name:"",description:"",mode:"network",transport_type:"sse",command:"",args:"",env_vars:"{}",url:"",auto_connect:!1,tags:[],compile_hints:"",credential_providers:[],discovered_tools:null};function Z(s){const t=s.transport_config??{},n=!!t.builtin;let a="network";return n?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??"",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 M(s){let t={};return s.mode==="local-process"?t={command:s.command.trim(),args:s.args.split(",").map(n=>n.trim()).filter(Boolean),env:s.env_vars.trim()?JSON.parse(s.env_vars):void 0}:s.mode==="network"&&(t={url:s.url.trim()}),{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 L=["Transport","Discovery","Test","Review"];function E(s,t){return s===1?!(!t.name.trim()||t.mode==="network"&&!t.url.trim()||t.mode==="local-process"&&!t.command.trim()):!0}const o="label",v="hint",ee=[{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 se({form:s,set:t,isBuiltin:n}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Connection Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-3 mt-1",children:ee.map(a=>{const l=s.mode===a.value,c=n&&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:o,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:n})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,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:v,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:o,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:o,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))})]})]}),s.mode==="local-process"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:o,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:o,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.jsxs("div",{children:[e.jsx("label",{className:o,children:"Environment Variables (JSON)"}),e.jsx("textarea",{value:s.env_vars,onChange:a=>t("env_vars",a.target.value),className:"input-json w-full",rows:3,spellCheck:!1})]})]}),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 te({form:s,set:t}){const[n,a]=u.useState(""),l=r=>{const d=r.trim().toLowerCase();d&&!s.credential_providers.includes(d)&&t("credential_providers",[...s.credential_providers,d]),a("")},c=r=>{t("credential_providers",s.credential_providers.filter(d=>d!==r))},i=r=>{r.key==="Enter"||r.key===","?(r.preventDefault(),l(n)):r.key==="Backspace"&&!n&&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:o,children:"Tags"}),e.jsx(J,{tags:s.tags,onChange:r=>t("tags",r),placeholder:"Add tag (e.g., database, analytics)..."}),e.jsx("p",{className:v,children:"Tags enable tool discovery. Workflows filter available MCP servers by tags to find relevant tools."})]}),e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Compile Hints"}),e.jsx("textarea",{value:s.compile_hints,onChange:r=>t("compile_hints",r.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:v,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:o,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(r=>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:[r,e.jsx("button",{type:"button",onClick:()=>c(r),className:"hover:text-status-error transition-colors",children:e.jsx(K,{className:"w-2.5 h-2.5"})})]},r)),e.jsx("input",{type:"text",value:n,onChange:r=>a(r.target.value),onKeyDown:i,onBlur:()=>{n.trim()&&l(n)},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:v,children:"IAM credential providers required by this server's tools. Users will be prompted to connect these before tool execution."})]})]})}function ae({form:s,set:t}){const n=B(),a=s.mode==="in-process",l=()=>{const r=M(s);n.mutate({transport_type:r.transport_type,transport_config:r.transport_config},{onSuccess:d=>{d.success&&t("discovered_tools",d.tools)}})},c=n.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:n.isPending,className:"btn-primary text-xs",children:n.isPending?e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Y,{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(V,{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:v,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 re={"in-process":"In-Process",network:"Network Service","local-process":"Local Process"},ne={stdio:"stdio",sse:"SSE","streamable-http":"Streamable HTTP"};function ce({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:re[s.mode]??s.mode}),s.mode==="network"&&e.jsxs(e.Fragment,{children:[e.jsx(x,{label:"Transport",value:ne[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:o,children:"Tags"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.tags.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:n},n))})]}),s.credential_providers.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:o,children:"Credential Providers"}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.credential_providers.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-medium",children:n},n))})]}),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:n}){return e.jsxs("div",{children:[e.jsx("label",{className:o,children:s}),e.jsx("p",{className:`text-xs text-text-primary mt-0.5 ${n?"font-mono":""}`,children:t})]})}function ue(){var C,k,P;const{serverId:s}=X(),t=!s,n=G(),{data:a,isLoading:l}=H(s??""),c=O(),i=U(),[r,d]=u.useState(T),[N,y]=u.useState(!1),[$,f]=u.useState(""),[R,_]=W(),p=parseInt(R.get("step")||"1",10),b=u.useCallback(m=>{_(h=>{const g=new URLSearchParams(h);return g.set("step",String(m)),g},{replace:!1})},[_]);u.useEffect(()=>{if(!N){if(t){d(T),y(!0);return}a&&(d(Z(a)),y(!0))}},[a,t,N]);const j=(m,h)=>d(g=>({...g,[m]:h})),D=!!((C=a==null?void 0:a.transport_config)!=null&&C.builtin),A=()=>{f("");const m=M(r);a?i.mutate({id:a.id,...m},{onSuccess:()=>n("/mcp/servers")}):c.mutate(m,{onSuccess:()=>n("/mcp/servers"),onError:h=>f(h.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===L.length,w=c.isPending||i.isPending,S=$||((k=c.error)==null?void 0:k.message)||((P=i.error)==null?void 0:P.message);return e.jsxs("div",{children:[e.jsx(z,{title:t?"Register MCP Server":(a==null?void 0:a.name)??""}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsx(Q,{steps:L,currentStep:p-1,onStepClick:m=>b(m+1)}),e.jsxs("div",{className:"min-h-[360px] py-2",children:[p===1&&e.jsx(se,{form:r,set:j,isBuiltin:D}),p===2&&e.jsx(te,{form:r,set:j}),p===3&&e.jsx(ae,{form:r,set:j}),p===4&&e.jsx(ce,{form:r})]}),S&&e.jsx("p",{className:"text-xs text-status-error mt-4",children:S}),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:()=>b(p-1),className:"btn-secondary text-xs",children:"Back"})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:()=>n("/mcp/servers"),className:"btn-ghost text-xs",children:"Cancel"}),F?e.jsx("button",{onClick:A,disabled:!E(p,r)||w,className:"btn-primary text-xs",children:w?"Saving...":a?"Save":"Register"}):e.jsx("button",{onClick:()=>b(p+1),disabled:!E(p,r),className:"btn-primary text-xs",children:"Next"})]})]})]})]})}export{ue as McpServerDetailPage};
+//# sourceMappingURL=index-DSfY8oDp.js.map