@hotmeshio/long-tail 0.18.1 → 0.19.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DoETPlJP.js","sources":["../../src/pages/workflows/registry/WorkflowConfigsPage.tsx","../../src/components/common/form/RolePicker.tsx","../../src/lib/parse.ts","../../src/pages/workflows/registry/config-form-types.ts","../../src/pages/workflows/registry/InputFormPreview.tsx","../../src/components/common/form/WorkflowIconPicker.tsx","../../src/pages/workflows/registry/WorkflowConfigDetailPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  useDiscoveredWorkflows,\n  useDeleteWorkflowConfig,\n} from '../../../api/workflows';\nimport {\n  Server,\n  ShieldCheck, ShieldPlus, ShieldOff, Settings, Wrench, Play, UserCheck,\n} from 'lucide-react';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport type { DiscoveredWorkflow } from '../../../api/types';\n\n// ── Tier badge ─────────────────────────────────────────────────────────────────\n\nfunction TierBadge({ tier }: { tier: string }) {\n  if (tier === 'certified')\n    return <span className=\"inline-flex items-center gap-1 text-2xs font-medium text-status-success\"><ShieldCheck className=\"w-3 h-3\" />Certified</span>;\n  if (tier === 'registered')\n    return <span className=\"inline-flex items-center gap-1 text-2xs font-medium text-text-secondary\"><Settings className=\"w-3 h-3\" />Registered</span>;\n  return <span className=\"inline-flex items-center gap-1 text-2xs font-medium text-text-quaternary\"><Wrench className=\"w-3 h-3\" />Durable</span>;\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function WorkflowConfigsPage() {\n  const navigate = useNavigate();\n  const { data, isLoading } = useDiscoveredWorkflows();\n  const deleteConfig = useDeleteWorkflowConfig();\n\n  const [search, setSearch] = useState('');\n  const [activeQueue, setActiveQueue] = useState<string | null>(null);\n  const [confirmDelete, setConfirmDelete] = useState<string | null>(null);\n\n  const allWorkflows: DiscoveredWorkflow[] = data ?? [];\n\n  const queues = useMemo(\n    () => [...new Set(allWorkflows.map((w) => w.task_queue).filter(Boolean) as string[])].sort(),\n    [allWorkflows],\n  );\n\n  const grouped = useMemo(() => {\n    const q = search.toLowerCase().trim();\n    const targetQueues = activeQueue ? [activeQueue] : queues;\n    return targetQueues\n      .map((queue) => ({\n        queue,\n        workflows: allWorkflows.filter(\n          (w) =>\n            w.task_queue === queue &&\n            (!q ||\n              w.workflow_type.toLowerCase().includes(q) ||\n              w.description?.toLowerCase().includes(q)),\n        ),\n      }))\n      .filter((g) => g.workflows.length > 0);\n  }, [allWorkflows, queues, search, activeQueue]);\n\n  // Workflows with no queue\n  const ungrouped = useMemo(() => {\n    const q = search.toLowerCase().trim();\n    if (activeQueue) return [];\n    return allWorkflows.filter(\n      (w) =>\n        !w.task_queue &&\n        (!q || w.workflow_type.toLowerCase().includes(q) || w.description?.toLowerCase().includes(q)),\n    );\n  }, [allWorkflows, search, activeQueue]);\n\n  const handleRowClick = (row: DiscoveredWorkflow) => {\n    if (row.registered) {\n      navigate(`/workflows/registry/${encodeURIComponent(row.workflow_type)}`);\n    } else {\n      navigate(`/workflows/registry/new?workflow_type=${encodeURIComponent(row.workflow_type)}&task_queue=${encodeURIComponent(row.task_queue ?? '')}`);\n    }\n  };\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteConfig.mutate(confirmDelete, { onSuccess: () => setConfirmDelete(null) });\n  };\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Registered Workflows\"\n        docsHash=\"#docs:dashboard.md:workflow-registry\"\n        actions={\n          <button onClick={() => navigate('/workflows/registry/new')} className=\"btn-primary text-xs\">\n            Register Workflow\n          </button>\n        }\n      />\n\n      {/* Sticky filter bar: queue select + search */}\n      {!isLoading && queues.length > 0 && (\n        <FilterBar>\n          <FilterSelect\n            label=\"Queue\"\n            value={activeQueue ?? ''}\n            onChange={(v) => setActiveQueue(v || null)}\n            options={queues.map((q) => ({ value: q, label: q }))}\n          />\n          <FilterInput\n            label=\"Search\"\n            value={search}\n            onChange={setSearch}\n            placeholder={`${allWorkflows.length} workflows…`}\n          />\n        </FilterBar>\n      )}\n\n      {/* Content */}\n      {isLoading ? (\n        <LoadingSkeleton />\n      ) : grouped.length === 0 && ungrouped.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary mt-8\">\n          {search || activeQueue ? 'No workflows match your filter.' : 'No workflows discovered yet.'}\n        </p>\n      ) : (\n        <div className=\"space-y-10\">\n          {grouped.map(({ queue, workflows }) => (\n            <div key={queue}>\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                <Server className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                <h2 className=\"section-h2\">{queue}</h2>\n                <span className=\"text-xs text-text-quaternary\">{workflows.length}</span>\n              </div>\n              <WorkflowTableHeader />\n              <div className=\"divide-y divide-surface-border/30\">\n                {workflows.map((wf) => (\n                  <WorkflowRow\n                    key={wf.workflow_type}\n                    wf={wf}\n                    onRowClick={handleRowClick}\n                    onDelete={setConfirmDelete}\n                    onNavigate={navigate}\n                  />\n                ))}\n              </div>\n            </div>\n          ))}\n\n          {ungrouped.length > 0 && (\n            <div>\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                <Wrench className=\"w-3 h-3 text-text-quaternary\" strokeWidth={1.5} />\n                <h2 className=\"section-h2\">No Queue</h2>\n                <span className=\"text-xs text-text-quaternary\">{ungrouped.length}</span>\n              </div>\n              <WorkflowTableHeader />\n              <div className=\"divide-y divide-surface-border/30\">\n                {ungrouped.map((wf) => (\n                  <WorkflowRow\n                    key={wf.workflow_type}\n                    wf={wf}\n                    onRowClick={handleRowClick}\n                    onDelete={setConfirmDelete}\n                    onNavigate={navigate}\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Unregister Workflow\"\n        description={\n          <>\n            Delete the registration for{' '}\n            <span className=\"font-mono font-medium text-text-primary\">{confirmDelete}</span>? This\n            removes its invocation settings, certification, and interceptor treatment; the workflow\n            keeps running as a plain durable workflow. To demote certified → registered instead,\n            open the workflow and uncheck Certify — that keeps every setting.\n          </>\n        }\n        isPending={deleteConfig.isPending}\n        error={deleteConfig.error as Error | null}\n      />\n    </div>\n  );\n}\n\n// ── Column layout ─────────────────────────────────────────────────────────────\n// [Workflow 1fr] [Tier 7rem] [Access 13rem] [Actions 4.5rem]\nconst ROW_GRID = 'grid grid-cols-[minmax(0,1fr)_7rem_13rem_4.5rem] gap-x-6';\n\nfunction WorkflowTableHeader() {\n  return (\n    <div className={`${ROW_GRID} px-3 pb-2 pt-1`}>\n      <span className=\"text-2xs font-medium text-text-quaternary\">Workflow</span>\n      <span className=\"text-2xs font-medium text-text-quaternary\">Tier</span>\n      <span className=\"text-2xs font-medium text-text-quaternary\">Access</span>\n      <span />\n    </div>\n  );\n}\n\n// ── Workflow row ───────────────────────────────────────────────────────────────\n\nfunction WorkflowRow({\n  wf,\n  onRowClick,\n  onDelete,\n  onNavigate,\n}: {\n  wf: DiscoveredWorkflow;\n  onRowClick: (wf: DiscoveredWorkflow) => void;\n  onDelete: (type: string) => void;\n  onNavigate: (path: string) => void;\n}) {\n  const escRoles = wf.roles ?? [];\n  const invokeRoles = wf.invocation_roles ?? [];\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={() => onRowClick(wf)}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onRowClick(wf); }}\n      className={`group ${ROW_GRID} py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors items-center`}\n    >\n      {/* Col 1: Workflow name + description, single line */}\n      <div className=\"flex items-center gap-3 min-w-0\">\n        <WorkflowPill\n          type={wf.workflow_type}\n          size=\"md\"\n          variant={wf.tier === 'certified' ? 'certified' : wf.tier === 'registered' ? 'registered' : 'durable'}\n        />\n        {wf.description && (\n          <p className=\"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors\">\n            {wf.description}\n          </p>\n        )}\n      </div>\n\n      {/* Col 2: Tier */}\n      <div>\n        <TierBadge tier={wf.tier ?? 'durable'} />\n      </div>\n\n      {/* Col 3: Access — escalation + invocation roles, single line */}\n      <div className=\"flex items-center gap-1.5 min-w-0 overflow-hidden whitespace-nowrap\">\n        {escRoles.length > 0 && (\n          <>\n            <span title=\"Escalation roles\"><ShieldCheck className=\"w-3 h-3 text-text-quaternary shrink-0\" /></span>\n            {escRoles.map((r) => <RolePill key={`e-${r}`} role={r} />)}\n          </>\n        )}\n        {invokeRoles.length > 0 && (\n          <>\n            <span title=\"Invocation roles\"><UserCheck className=\"w-3 h-3 text-text-quaternary shrink-0\" /></span>\n            {invokeRoles.map((r) => <RolePill key={`i-${r}`} role={r} />)}\n          </>\n        )}\n        {escRoles.length === 0 && invokeRoles.length === 0 && (\n          <span className=\"text-xs text-text-quaternary\">—</span>\n        )}\n      </div>\n\n      {/* Col 4: Actions — revealed on hover */}\n      <div className=\"flex items-center justify-end gap-2.5 opacity-0 group-hover:opacity-100 transition-opacity\">\n        {wf.invocable && (\n          <button\n            title=\"Invoke workflow\"\n            onClick={(e) => { e.stopPropagation(); onNavigate(`/workflows/start?type=${encodeURIComponent(wf.workflow_type)}&mode=now`); }}\n            className=\"text-text-quaternary hover:text-status-success transition-colors\"\n          >\n            <Play className=\"w-3.5 h-3.5\" />\n          </button>\n        )}\n        {wf.tier === 'durable' && (\n          <button\n            title=\"Configure workflow\"\n            onClick={(e) => { e.stopPropagation(); onNavigate(`/workflows/registry/new?workflow_type=${encodeURIComponent(wf.workflow_type)}&task_queue=${encodeURIComponent(wf.task_queue ?? '')}`); }}\n            className=\"text-text-quaternary hover:text-status-info transition-colors\"\n          >\n            <Wrench className=\"w-3.5 h-3.5\" />\n          </button>\n        )}\n        {wf.tier === 'registered' && (\n          <button\n            title=\"Certify workflow\"\n            onClick={(e) => { e.stopPropagation(); onNavigate(`/workflows/registry/${encodeURIComponent(wf.workflow_type)}`); }}\n            className=\"text-text-quaternary hover:text-status-success transition-colors\"\n          >\n            <ShieldPlus className=\"w-3.5 h-3.5\" />\n          </button>\n        )}\n        {wf.registered && (\n          <button\n            title=\"Unregister workflow\"\n            onClick={(e) => { e.stopPropagation(); onDelete(wf.workflow_type); }}\n            className=\"text-text-quaternary hover:text-status-warning transition-colors\"\n          >\n            <ShieldOff className=\"w-3.5 h-3.5\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ── Loading skeleton ───────────────────────────────────────────────────────────\n\nfunction LoadingSkeleton() {\n  return (\n    <div className=\"animate-pulse space-y-8 mt-4\">\n      {[1, 2].map((i) => (\n        <div key={i}>\n          <div className=\"h-4 bg-surface-sunken rounded w-36 mb-4\" />\n          <div className=\"space-y-4\">\n            {[1, 2, 3].map((j) => (\n              <div key={j} className=\"space-y-1.5\">\n                <div className=\"h-3 bg-surface-sunken rounded w-48\" />\n                <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n","import { useState, useRef, useEffect } from 'react';\nimport { User, X, ChevronDown, Check } from 'lucide-react';\nimport { useRoles } from '../../../api/roles';\n\ninterface RolePickerProps {\n  selected: string[];\n  onChange: (roles: string[]) => void;\n  /** Only allow one selection */\n  single?: boolean;\n  placeholder?: string;\n}\n\nexport function RolePicker({ selected, onChange, single, placeholder }: RolePickerProps) {\n  const { data } = useRoles();\n  const allRoles = data?.roles ?? [];\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const toggle = (role: string) => {\n    if (single) {\n      onChange(selected.includes(role) ? [] : [role]);\n      setOpen(false);\n    } else {\n      onChange(\n        selected.includes(role)\n          ? selected.filter((r) => r !== role)\n          : [...selected, role],\n      );\n    }\n  };\n\n  const remove = (role: string) => {\n    onChange(selected.filter((r) => r !== role));\n  };\n\n  const placeholderText = placeholder ?? (single ? 'Select role...' : 'Add roles...');\n\n  return (\n    <div ref={ref} className=\"relative\">\n      {/* Selected pills + trigger */}\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className=\"flex flex-wrap items-center gap-1.5 w-full min-h-[34px] px-2 py-1.5 bg-surface-sunken border border-surface-border rounded-md text-left cursor-pointer hover:border-accent/40 transition-colors focus:ring-1 focus:ring-accent focus:outline-none\"\n      >\n        {selected.length === 0 && (\n          <span className=\"text-xs text-text-tertiary\">{placeholderText}</span>\n        )}\n        {selected.map((role) => (\n          <span\n            key={role}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-accent/[0.08] text-text-secondary text-2xs\"\n          >\n            <User className=\"w-2.5 h-2.5 shrink-0 text-accent/75\" />\n            {role}\n            <span\n              role=\"button\"\n              onClick={(e) => { e.stopPropagation(); remove(role); }}\n              className=\"ml-0.5 hover:text-status-error transition-colors\"\n            >\n              <X className=\"w-2.5 h-2.5\" />\n            </span>\n          </span>\n        ))}\n        <ChevronDown className={`w-3.5 h-3.5 ml-auto shrink-0 text-text-tertiary transition-transform ${open ? 'rotate-180' : ''}`} />\n      </button>\n\n      {/* Dropdown */}\n      {open && (\n        <div className=\"absolute z-[100] mt-1 w-full bg-surface-raised border border-surface-border rounded-md shadow-lg max-h-48 overflow-y-auto\">\n          {allRoles.length === 0 ? (\n            <p className=\"px-3 py-2 text-xs text-text-tertiary\">No roles defined</p>\n          ) : (\n            allRoles.map((role) => {\n              const isSelected = selected.includes(role);\n              return (\n                <button\n                  key={role}\n                  type=\"button\"\n                  onClick={() => toggle(role)}\n                  className={`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${\n                    isSelected\n                      ? 'bg-accent/[0.06] text-accent'\n                      : 'text-text-primary hover:bg-surface-sunken'\n                  }`}\n                >\n                  <User className=\"w-3 h-3 shrink-0 text-accent/60\" />\n                  <span className=\"flex-1\">{role}</span>\n                  {isSelected && <Check className=\"w-3 h-3 shrink-0\" />}\n                </button>\n              );\n            })\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","export function splitCsv(s: string): string[] {\n  return s\n    .split(',')\n    .map((v) => v.trim())\n    .filter(Boolean);\n}\n\nexport function safeParseJson<T = unknown>(\n  json: string,\n): { ok: true; data: T } | { ok: false; error: string } {\n  try {\n    return { ok: true, data: JSON.parse(json) as T };\n  } catch (e: unknown) {\n    const message = e instanceof Error ? e.message : 'Invalid JSON';\n    return { ok: false, error: message };\n  }\n}\n","import type { LTWorkflowConfig } from '../../../api/types';\n\nexport interface ConfigFormState {\n  workflow_type: string;\n  description: string;\n  task_queue: string;\n  default_role: string;\n  invocable: boolean;\n  roles: string;\n  invocation_roles: string;\n  consumes: string;\n  envelope_schema: string;\n  /** The x-lt-* input form the Invoke Tool page renders and the API enforces; empty = envelope template form. */\n  input_schema: string;\n  /** Curated icon name; empty = tier glyph. */\n  icon: string;\n  resolver_schema: string;\n  cron_schedule: string;\n  execute_as: string;\n  /**\n   * Explicit HITL certification, persisted on the registration. Unchecking\n   * demotes certified → registered on save and keeps roles/consumes intact.\n   */\n  certified: boolean;\n}\n\nexport const EMPTY_FORM: ConfigFormState = {\n  workflow_type: '',\n  description: '',\n  task_queue: '',\n  default_role: 'reviewer',\n  invocable: false,\n  roles: '',\n  invocation_roles: '',\n  consumes: '',\n  envelope_schema: '',\n  input_schema: '',\n  icon: '',\n  resolver_schema: '',\n  cron_schedule: '',\n  execute_as: '',\n  certified: false,\n};\n\nexport function configToForm(c: LTWorkflowConfig): ConfigFormState {\n  const roles = (c.roles ?? []).join(', ');\n  const consumes = (c.consumes ?? []).join(', ');\n  return {\n    workflow_type: c.workflow_type,\n    description: c.description ?? '',\n    task_queue: c.task_queue ?? '',\n    default_role: c.default_role,\n    invocable: c.invocable,\n    roles,\n    invocation_roles: (c.invocation_roles ?? []).join(', '),\n    consumes,\n    envelope_schema: c.envelope_schema ? JSON.stringify(c.envelope_schema, null, 2) : '',\n    input_schema: c.input_schema ? JSON.stringify(c.input_schema, null, 2) : '',\n    icon: c.icon ?? '',\n    resolver_schema: c.resolver_schema ? JSON.stringify(c.resolver_schema, null, 2) : '',\n    cron_schedule: c.cron_schedule ?? '',\n    execute_as: c.execute_as ?? '',\n    certified: c.certified,\n  };\n}\n\nexport const STEP_LABELS = ['Identity', 'Invocation', 'Advanced'];\n\nexport function jsonValid(v: string): boolean {\n  if (!v.trim()) return true;\n  try { JSON.parse(v); return true; } catch { return false; }\n}\n\nexport function isStepValid(step: number, form: ConfigFormState): boolean {\n  if (step === 1) return !!form.workflow_type.trim();\n  if (step === 2) return jsonValid(form.envelope_schema) && jsonValid(form.input_schema);\n  if (step === 3) return jsonValid(form.resolver_schema);\n  return true;\n}\n\nexport const labelCls = 'label';\nexport const hintCls = 'hint';\nexport const jsonCls = 'input-json w-full';\n\nexport const DEFAULT_ENVELOPE = '{\\n  \"data\": {},\\n  \"metadata\": {}\\n}';\n","import { useEffect, useMemo, useState } from 'react';\nimport { ResolverForm } from '../../../components/escalation/ResolverForm';\nimport { seedFormJson } from '../../../lib/seed-form-json';\nimport { buildInvokeFormContext } from '../../../lib/invoke-context';\nimport type { ShowIfContext } from '../../../lib/x-lt-show-if';\n\nfunction parseSchema(text: string): Record<string, unknown> | null {\n  if (!text.trim()) return null;\n  try {\n    const parsed = JSON.parse(text);\n    return parsed && typeof parsed === 'object' && !Array.isArray(parsed) && parsed.properties ? parsed : null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * The input form rendered live from the editor text through the same\n * ResolverForm the Invoke Tool page uses. Interactive, so conditional sections\n * can be walked before saving. Nothing here submits.\n */\nexport function InputFormPreview({ schemaText }: { schemaText: string }) {\n  const schema = useMemo(() => parseSchema(schemaText), [schemaText]);\n  const seed = useMemo(() => (schema ? seedFormJson(schema) : ''), [schema]);\n  const [json, setJson] = useState(seed);\n  useEffect(() => { setJson(seed); }, [seed]);\n  const context = useMemo<ShowIfContext>(() => ({ ...buildInvokeFormContext({}), resolver: null }), []);\n\n  if (!schema) {\n    return (\n      <p className=\"text-2xs text-text-tertiary\">\n        A schema with <code className=\"font-mono\">properties</code> previews here as the operator's form.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"@container\" data-testid=\"input-form-preview\">\n      <ResolverForm value={json} onChange={setJson} escalationContext={context} />\n    </div>\n  );\n}\n","import { useMemo, useState } from 'react';\nimport { Ban } from 'lucide-react';\nimport { filterWorkflowIcons, workflowIconGlyph } from '../../../lib/workflow-icons';\n\n/**\n * The curated icon grid with a filter above it: type part of a name or its\n * constant key to narrow the tiles. The current choice reads in accent; the\n * leading \"none\" tile returns to the tier glyph.\n */\nexport function WorkflowIconPicker({ value, onChange }: { value: string; onChange: (name: string) => void }) {\n  const [query, setQuery] = useState('');\n  const names = useMemo(() => filterWorkflowIcons(query), [query]);\n  const Chosen = workflowIconGlyph(value);\n\n  return (\n    <div className=\"space-y-2\" data-testid=\"workflow-icon-picker\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          type=\"text\"\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          placeholder=\"Filter icons…\"\n          aria-label=\"Filter icons\"\n          className=\"input text-2xs py-1 w-40\"\n        />\n        <span className=\"flex items-center gap-1.5 text-2xs text-text-tertiary min-w-0\">\n          {Chosen ? <Chosen className=\"w-3.5 h-3.5 text-accent shrink-0\" strokeWidth={1.5} /> : <Ban className=\"w-3.5 h-3.5 shrink-0\" strokeWidth={1.5} />}\n          <span className=\"font-mono truncate\">{value || 'tier glyph'}</span>\n        </span>\n      </div>\n      <div className=\"flex flex-wrap gap-1\" role=\"listbox\" aria-label=\"Workflow icon\">\n        <button\n          type=\"button\"\n          role=\"option\"\n          aria-selected={!value}\n          title=\"No icon (tier glyph)\"\n          onClick={() => onChange('')}\n          className={`p-1.5 rounded-md border transition-colors ${!value ? 'border-accent bg-accent/10 text-accent' : 'border-transparent text-text-quaternary hover:bg-surface-hover hover:text-text-secondary'}`}\n        >\n          <Ban className=\"w-4 h-4\" strokeWidth={1.5} />\n        </button>\n        {names.map((name) => {\n          const Glyph = workflowIconGlyph(name)!;\n          const active = value === name;\n          return (\n            <button\n              key={name}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={active}\n              title={name}\n              onClick={() => onChange(name)}\n              className={`p-1.5 rounded-md border transition-colors ${active ? 'border-accent bg-accent/10 text-accent' : 'border-transparent text-text-tertiary hover:bg-surface-hover hover:text-text-primary'}`}\n            >\n              <Glyph className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n          );\n        })}\n        {names.length === 0 && <p className=\"text-2xs text-text-tertiary px-1 py-1.5\">No icon matches.</p>}\n      </div>\n    </div>\n  );\n}\n","import { useState, useEffect, useCallback, useMemo } from 'react';\nimport { useParams, useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  Code2, Play, ShieldOff, Eye,\n} from 'lucide-react';\nimport { useWorkflowConfigs, useUpsertWorkflowConfig, useDeleteWorkflowConfig, useJobs } from '../../../api/workflows';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport { RolePicker } from '../../../components/common/form/RolePicker';\nimport { BotPicker } from '../../../components/common/form/BotPicker';\nimport { NamespacePill } from '../../../components/common/display/NamespacePill';\nimport { splitCsv } from '../../../lib/parse';\nimport { EMPTY_FORM, configToForm, jsonValid } from './config-form-types';\nimport { InputFormPreview } from './InputFormPreview';\nimport { WorkflowIconPicker } from '../../../components/common/form/WorkflowIconPicker';\nimport type { ConfigFormState } from './config-form-types';\n\n// ── Local helpers ─────────────────────────────────────────────────────────────\n\nfunction SectionHeader({ icon: Icon, color, children }: { icon: React.ElementType; color: string; children: React.ReactNode }) {\n  return (\n    <div className=\"flex items-center gap-2 mb-4 pb-2 border-b border-surface-border\">\n      <Icon className={`w-4 h-4 ${color}`} strokeWidth={1.5} />\n      <h2 className=\"section-h2\">{children}</h2>\n    </div>\n  );\n}\n\nfunction Field({ label, hint, children }: { label: string; hint?: React.ReactNode; children: React.ReactNode }) {\n  return (\n    <div className=\"space-y-1.5\">\n      <label className=\"label\">{label}</label>\n      {children}\n      {hint && <p className=\"hint\">{hint}</p>}\n    </div>\n  );\n}\n\nconst jsonCls = 'input-json w-full';\n\nfunction csvToArray(csv: string): string[] { return splitCsv(csv); }\nfunction arrayToCsv(arr: string[]): string { return arr.join(', '); }\n\nconst SYSTEM_WORKFLOWS = new Set([\n  'mcpQuery', 'mcpDeterministic', 'mcpQueryRouter', 'mcpTriage',\n  'mcpTriageRouter', 'mcpTriageDeterministic', 'insightQuery',\n]);\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function WorkflowConfigDetailPage() {\n  const { workflowType } = useParams<{ workflowType: string }>();\n  const isNew = !workflowType;\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { data: configs, isLoading } = useWorkflowConfigs();\n  const upsert = useUpsertWorkflowConfig();\n  const deleteConfig = useDeleteWorkflowConfig();\n  const [confirmUnregister, setConfirmUnregister] = useState(false);\n\n  const editing = configs?.find((c) => c.workflow_type === workflowType) ?? null;\n\n  const { data: jobsData } = useJobs({ limit: 500 });\n  const unregisteredTypes = useMemo(() => {\n    const registeredSet = new Set((configs ?? []).map((c) => c.workflow_type));\n    const allEntities = new Set((jobsData?.jobs ?? []).map((j: any) => j.entity));\n    return [...allEntities]\n      .filter((e: string) => !registeredSet.has(e) && !SYSTEM_WORKFLOWS.has(e))\n      .sort();\n  }, [configs, jobsData]);\n\n  const prefillForm = useMemo((): ConfigFormState => {\n    if (!isNew) return EMPTY_FORM;\n    const prefillType = searchParams.get('workflow_type') ?? '';\n    const prefillQueue = searchParams.get('task_queue') ?? '';\n    return prefillType || prefillQueue\n      ? { ...EMPTY_FORM, workflow_type: prefillType, task_queue: prefillQueue }\n      : EMPTY_FORM;\n  }, [isNew, searchParams]);\n\n  const [form, setForm] = useState<ConfigFormState>(prefillForm);\n  const [schemaError, setSchemaError] = useState('');\n  const [initialized, setInitialized] = useState(false);\n\n  const set = useCallback(\n    (field: keyof ConfigFormState, value: string | boolean) =>\n      setForm((f) => ({ ...f, [field]: value })),\n    [],\n  );\n\n  useEffect(() => {\n    if (initialized) return;\n    if (isNew) { setForm(prefillForm); setInitialized(true); return; }\n    if (editing) { setForm(configToForm(editing)); setInitialized(true); }\n  }, [editing, isNew, initialized, prefillForm]);\n\n  const handleSave = () => {\n    if (!form.workflow_type.trim()) return;\n    setSchemaError('');\n\n    let envelope_schema: Record<string, unknown> | null = null;\n    let input_schema: Record<string, unknown> | null = null;\n    let resolver_schema: Record<string, unknown> | null = null;\n    try {\n      if (form.envelope_schema.trim()) envelope_schema = JSON.parse(form.envelope_schema);\n    } catch { setSchemaError('Invalid JSON in Envelope Schema'); return; }\n    try {\n      if (form.input_schema.trim()) input_schema = JSON.parse(form.input_schema);\n    } catch { setSchemaError('Invalid JSON in Input Form'); return; }\n    try {\n      if (form.resolver_schema.trim()) resolver_schema = JSON.parse(form.resolver_schema);\n    } catch { setSchemaError('Invalid JSON in Resolver Schema'); return; }\n\n    upsert.mutate(\n      {\n        workflow_type: form.workflow_type.trim(),\n        description: form.description.trim() || null,\n        task_queue: form.task_queue.trim() || null,\n        default_role: form.default_role.trim() || 'reviewer',\n        invocable: form.invocable,\n        certified: form.certified,\n        roles: splitCsv(form.roles),\n        invocation_roles: splitCsv(form.invocation_roles),\n        consumes: splitCsv(form.consumes),\n        envelope_schema,\n        input_schema,\n        icon: form.icon || null,\n        resolver_schema,\n        cron_schedule: form.cron_schedule.trim() || null,\n        execute_as: form.execute_as.trim() || null,\n      },\n      { onSuccess: () => navigate('/workflows/registry') },\n    );\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n  if (!isNew && !editing) {\n    return <p className=\"text-sm text-text-secondary\">Config not found.</p>;\n  }\n\n  const canSave = !!form.workflow_type.trim() && jsonValid(form.envelope_schema) && jsonValid(form.input_schema) && jsonValid(form.resolver_schema);\n  const showPickList = isNew && !form.workflow_type && unregisteredTypes.length > 0;\n\n  return (\n    <div>\n      {/* Hero */}\n      <div className=\"flex items-start justify-between mb-8\">\n        <div>\n          <h1 className=\"text-3xl font-light font-mono text-text-primary\">\n            {isNew ? 'New Workflow' : editing?.workflow_type ?? ''}\n          </h1>\n          {editing && (\n            <div className=\"flex items-center gap-2 mt-2\">\n              <NamespacePill namespace=\"durable\" />\n            </div>\n          )}\n        </div>\n        <div className=\"flex items-center gap-3 mt-1\">\n          {editing && (\n            <button\n              onClick={() => setConfirmUnregister(true)}\n              className=\"flex items-center gap-1.5 text-2xs text-status-warning hover:underline mr-3\"\n              title=\"Delete this registration — the workflow returns to plain durable\"\n            >\n              <ShieldOff className=\"w-3 h-3\" strokeWidth={1.5} /> Unregister\n            </button>\n          )}\n          <button onClick={() => navigate('/workflows/registry')} className=\"btn-ghost text-xs\">\n            Cancel\n          </button>\n          <button\n            onClick={handleSave}\n            disabled={!canSave || upsert.isPending}\n            className=\"btn-primary text-xs\"\n          >\n            {upsert.isPending ? 'Saving…' : isNew ? 'Register' : 'Save'}\n          </button>\n        </div>\n      </div>\n\n      {/* Three-column form */}\n      <div className=\"grid grid-cols-1 @wall:grid-cols-3 gap-x-14 gap-y-10\">\n\n        {/* ── Identity ─────────────────────────────────────────────────── */}\n        <div>\n          <SectionHeader icon={Code2} color=\"text-accent\">Identity</SectionHeader>\n          <div className=\"space-y-5\">\n            <Field\n              label=\"Workflow Type\"\n              hint=\"Register a workflow to configure invocation and HITL escalation routing.\"\n            >\n              {showPickList ? (\n                <div className=\"space-y-2\">\n                  <p className=\"text-xs text-text-secondary\">Select a durable workflow to register:</p>\n                  <div className=\"grid gap-1\">\n                    {(unregisteredTypes as string[]).map((type) => (\n                      <button\n                        key={type}\n                        onClick={() => set('workflow_type', type)}\n                        className=\"flex items-center gap-2 px-3 py-2 text-left text-xs font-mono rounded-md border border-surface-border hover:border-accent/50 hover:bg-accent/[0.04] transition-colors\"\n                      >\n                        {type}\n                      </button>\n                    ))}\n                  </div>\n                  <div className=\"flex items-center gap-2 pt-1\">\n                    <span className=\"text-2xs text-text-tertiary\">or</span>\n                    <input\n                      type=\"text\"\n                      onChange={(e) => set('workflow_type', e.target.value)}\n                      placeholder=\"Enter type manually\"\n                      className=\"input font-mono flex-1\"\n                    />\n                  </div>\n                </div>\n              ) : (\n                <>\n                  <input\n                    type=\"text\"\n                    value={form.workflow_type}\n                    onChange={(e) => set('workflow_type', e.target.value)}\n                    disabled={!isNew}\n                    placeholder=\"reviewContent\"\n                    className=\"input font-mono w-full\"\n                  />\n                  {isNew && form.workflow_type && unregisteredTypes.length > 0 && (\n                    <button\n                      onClick={() => set('workflow_type', '')}\n                      className=\"text-2xs text-accent hover:underline mt-1\"\n                    >\n                      Choose from durable workflows\n                    </button>\n                  )}\n                </>\n              )}\n            </Field>\n\n            <Field label=\"Icon\" hint=\"Leads the workflow's row and heading on the Invoke Tool page so operators tell tools apart at a glance. Declared in code as WORKFLOW_ICONS.*\">\n              <WorkflowIconPicker value={form.icon} onChange={(name) => set('icon', name)} />\n            </Field>\n\n            <Field label=\"Description\">\n              <input\n                type=\"text\"\n                value={form.description}\n                onChange={(e) => set('description', e.target.value)}\n                placeholder=\"Describe what this workflow does\"\n                className=\"input text-xs w-full\"\n              />\n            </Field>\n\n            <Field label=\"Task Queue\" hint=\"Durable task queue this workflow listens on.\">\n              <input\n                type=\"text\"\n                value={form.task_queue}\n                onChange={(e) => set('task_queue', e.target.value)}\n                placeholder=\"lt-review\"\n                className=\"input font-mono w-full\"\n              />\n            </Field>\n          </div>\n        </div>\n\n        {/* ── Invocation ───────────────────────────────────────────────── */}\n        <div>\n          <SectionHeader icon={Play} color=\"text-accent\">Invocation</SectionHeader>\n          <div className=\"space-y-5\">\n            <div className=\"space-y-1\">\n              <label className=\"flex items-center gap-2 cursor-pointer\">\n                <input\n                  type=\"checkbox\"\n                  checked={form.invocable}\n                  onChange={(e) => set('invocable', e.target.checked)}\n                  className=\"w-4 h-4 rounded border-border accent-accent\"\n                />\n                <span className=\"text-xs text-text-primary font-medium\">Invocable</span>\n              </label>\n              <p className=\"hint\">Allow this workflow to be started from the dashboard or API.</p>\n            </div>\n\n            {form.invocable ? (\n              <>\n                <Field label=\"Run As\" hint=\"Bot identity to run under. Default runs as the invoking user.\">\n                  <BotPicker selected={form.execute_as} onChange={(id) => set('execute_as', id)} />\n                </Field>\n\n                <Field label=\"Invocation Roles\" hint=\"Only users with these roles can start this workflow. Empty = all authenticated users.\">\n                  <RolePicker\n                    selected={csvToArray(form.invocation_roles)}\n                    onChange={(roles) => set('invocation_roles', arrayToCsv(roles))}\n                    placeholder=\"Select roles…\"\n                  />\n                </Field>\n\n                <Field\n                  label=\"Input Form\"\n                  hint={<button type=\"button\" onClick={() => { window.location.hash = '#docs:hitl/invoke-form.md'; }} className=\"text-accent hover:underline\">Authoring reference →</button>}\n                >\n                  <textarea\n                    value={form.input_schema}\n                    onChange={(e) => set('input_schema', e.target.value)}\n                    placeholder={'{\\n  \"x-lt-layout\": \"two-column\",\\n  \"required\": [\"serialNumber\"],\\n  \"properties\": {\\n    \"serialNumber\": { \"type\": \"string\", \"title\": \"Serial number\", \"description\": \"Read it off the label\" }\\n  }\\n}'}\n                    className={jsonCls}\n                    rows={14}\n                    spellCheck={false}\n                    data-testid=\"input-form-editor\"\n                  />\n                  {form.input_schema.trim() && !jsonValid(form.input_schema) && (\n                    <p className=\"text-2xs text-status-error mt-1\">Invalid JSON</p>\n                  )}\n                </Field>\n\n                <Field\n                  label={form.input_schema.trim() ? 'Envelope Metadata' : 'Envelope Schema'}\n                  hint={form.input_schema.trim()\n                    ? <>With an input form, only <code className=\"font-mono\">metadata</code> is read from here and stamped on every run; <code className=\"font-mono\">data</code> comes from the form.</>\n                    : <>Pre-fills the JSON editor when invoking. Include <code className=\"font-mono\">data</code> (input) and optional <code className=\"font-mono\">metadata</code>. Declare an input form above for a rich, validated form instead.</>}\n                >\n                  <textarea\n                    value={form.envelope_schema}\n                    onChange={(e) => set('envelope_schema', e.target.value)}\n                    placeholder={'{\\n  \"data\": {},\\n  \"metadata\": {}\\n}'}\n                    className={jsonCls}\n                    rows={8}\n                    spellCheck={false}\n                  />\n                  {form.envelope_schema.trim() && !jsonValid(form.envelope_schema) && (\n                    <p className=\"text-2xs text-status-error mt-1\">Invalid JSON</p>\n                  )}\n                </Field>\n              </>\n            ) : (\n              <p className=\"text-2xs text-text-tertiary py-2\">\n                Enable <span className=\"font-medium text-text-secondary\">Invocable</span> to configure invocation roles and an input template.\n              </p>\n            )}\n          </div>\n        </div>\n\n        {/* ── Preview ─────────────────────────────────────────────────── */}\n        <div className=\"@wall:sticky @wall:top-0 self-start max-h-[calc(100vh-6rem)] overflow-y-auto\">\n          <SectionHeader icon={Eye} color=\"text-accent\">Preview</SectionHeader>\n          {form.invocable && form.input_schema.trim() && jsonValid(form.input_schema) ? (\n            <InputFormPreview schemaText={form.input_schema} />\n          ) : (\n            <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n              {form.invocable\n                ? 'Declare an Input Form and it previews here as the operator\\'s form, live as you type.'\n                : 'Enable Invocable and declare an Input Form to preview the operator\\'s form here.'}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {(schemaError || upsert.error) && (\n        <p className=\"text-xs text-status-error mt-8\">\n          {schemaError || (upsert.error as Error).message}\n        </p>\n      )}\n\n      <ConfirmDeleteModal\n        open={confirmUnregister}\n        onClose={() => setConfirmUnregister(false)}\n        onConfirm={() =>\n          deleteConfig.mutate(editing!.workflow_type, {\n            onSuccess: () => navigate('/workflows/registry'),\n          })\n        }\n        title=\"Unregister Workflow\"\n        description={\n          <>\n            Delete the registration for{' '}\n            <span className=\"font-mono font-medium text-text-primary\">{editing?.workflow_type}</span>?\n            This removes its invocation settings, certification, and interceptor treatment; the\n            workflow keeps running as a plain durable workflow. Escalation schemas versioned on\n            roles are untouched.\n          </>\n        }\n        isPending={deleteConfig.isPending}\n        error={deleteConfig.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["TierBadge","tier","jsxs","jsx","ShieldCheck","Settings","Wrench","WorkflowConfigsPage","navigate","useNavigate","data","isLoading","useDiscoveredWorkflows","deleteConfig","useDeleteWorkflowConfig","search","setSearch","useState","activeQueue","setActiveQueue","confirmDelete","setConfirmDelete","allWorkflows","queues","useMemo","w","grouped","q","queue","_a","g","ungrouped","handleRowClick","row","handleDelete","PageHeader","FilterBar","FilterSelect","v","FilterInput","LoadingSkeleton","workflows","Server","WorkflowTableHeader","wf","WorkflowRow","ConfirmDeleteModal","Fragment","ROW_GRID","onRowClick","onDelete","onNavigate","escRoles","invokeRoles","e","WorkflowPill","r","RolePill","UserCheck","Play","ShieldPlus","ShieldOff","i","j","RolePicker","selected","onChange","single","placeholder","useRoles","allRoles","open","setOpen","ref","useRef","useEffect","handler","toggle","role","remove","placeholderText","User","X","ChevronDown","isSelected","Check","splitCsv","s","EMPTY_FORM","configToForm","c","roles","consumes","jsonValid","parseSchema","text","parsed","InputFormPreview","schemaText","schema","seed","seedFormJson","json","setJson","context","buildInvokeFormContext","ResolverForm","WorkflowIconPicker","value","query","setQuery","names","filterWorkflowIcons","Chosen","workflowIconGlyph","Ban","name","Glyph","active","SectionHeader","Icon","color","children","Field","label","hint","jsonCls","csvToArray","csv","arrayToCsv","arr","SYSTEM_WORKFLOWS","WorkflowConfigDetailPage","workflowType","useParams","isNew","searchParams","useSearchParams","configs","useWorkflowConfigs","upsert","useUpsertWorkflowConfig","confirmUnregister","setConfirmUnregister","editing","jobsData","useJobs","unregisteredTypes","registeredSet","prefillForm","prefillType","prefillQueue","form","setForm","schemaError","setSchemaError","initialized","setInitialized","set","useCallback","field","f","handleSave","envelope_schema","input_schema","resolver_schema","canSave","showPickList","NamespacePill","Code2","type","BotPicker","id","Eye"],"mappings":"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"}

package/dashboard/dist/assets/{index-8Gmtvd8e.js → index-DvxxrFBo.js}

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

package/dashboard/dist/assets/{index-8Gmtvd8e.js.map → index-DvxxrFBo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-8Gmtvd8e.js","sources":["../../src/pages/admin/streams/StreamMessagesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport { X, MessageSquare } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews } from '../../../components/common/layout/SlidePanel';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useNamespace } from '../../../hooks/useNamespace';\nimport { buildApiPath } from '../../../lib/api-path';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../../components/common/data/ListToolbar';\nimport { StreamMessageDetail } from './StreamMessageDetail';\nimport { STATUS_DOT, STATUS_LABEL, STATUS_OPTIONS, SOURCE_OPTIONS, SOURCE_BADGE } from './constants';\n\nfunction truncateMiddle(str: string, max: number): string {\n  if (str.length <= max) return str;\n  const half = Math.floor((max - 1) / 2);\n  return `${str.slice(0, half)}…${str.slice(-half)}`;\n}\n\nexport function StreamMessagesPage() {\n  const { namespace, available } = useNamespace('namespace');\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { namespace: '', source: 'worker', status: '', stream_name: '', msg_type: '', topic: '', workflow_name: '', jid: '', aid: '' },\n  });\n\n  const [selected, setSelected] = useState<StreamMessage | null>(null);\n\n  const namespaceOptions = useMemo(\n    () => available.map((id) => ({ value: id, label: id })),\n    [available],\n  );\n\n  const { data, isLoading, refetch, isFetching } = useStreamMessages({\n    namespace: filters.namespace || namespace,\n    source: (filters.source as 'engine' | 'worker') || 'worker',\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    status: (filters.status as any) || undefined,\n    stream_name: filters.stream_name || undefined,\n    msg_type: filters.msg_type || undefined,\n    topic: filters.topic || undefined,\n    workflow_name: filters.workflow_name || undefined,\n    jid: filters.jid || undefined,\n    aid: filters.aid || undefined,\n  });\n\n  const messages = data?.messages ?? [];\n  const total = data?.total ?? 0;\n\n  const activeMessage = useMemo(() => {\n    if (!selected) return null;\n    return messages.find((m) => m.id === selected.id && m.source === selected.source) ?? selected;\n  }, [messages, selected]);\n\n  const panelOpen = !!activeMessage;\n\n  // Hold the last message through the panel's closing animation so the detail\n  // content stays rendered while the panel slides shut.\n  const [lastMessage, setLastMessage] = useState<StreamMessage | null>(null);\n  useEffect(() => {\n    if (activeMessage) setLastMessage(activeMessage);\n  }, [activeMessage]);\n  const displayMessage = activeMessage ?? lastMessage;\n\n  // Status and type live as the dot and the detail panel — the row itself\n  // stays one flexible stream column plus fixed narrow facts, so the table\n  // shrinks with the container (same shape as the executions list).\n  const columns: Column<StreamMessage>[] = [\n    {\n      key: 'stream_name',\n      label: 'Stream',\n      sortable: true,\n      render: (row) => (\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span\n            className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${STATUS_DOT[row.status]}`}\n            title={STATUS_LABEL[row.status]}\n          />\n          <span className=\"font-mono text-xs text-text-secondary truncate\" title={row.stream_name}>\n            {row.stream_name}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'source',\n      label: 'Source',\n      render: (row) => <span className={SOURCE_BADGE}>{row.source}</span>,\n      className: 'w-24',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'reserved_at',\n      label: 'Reserved',\n      render: (row) => row.reserved_at\n        ? <DateValue date={row.reserved_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'expired_at',\n      label: 'Processed',\n      render: (row) => row.expired_at\n        ? <DateValue date={row.expired_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'priority',\n      label: 'Pri',\n      sortable: true,\n      render: (row) => <span className=\"text-xs text-text-secondary\">{row.priority}</span>,\n      className: 'w-14 text-right',\n    },\n    {\n      key: 'retry_attempt',\n      label: 'Retries',\n      render: (row) => (\n        <span className=\"text-xs text-text-secondary whitespace-nowrap\">\n          {row.retry_attempt}/{row.max_retry_attempts}\n        </span>\n      ),\n      className: 'w-20',\n    },\n  ];\n\n  return (\n    // Master-list flow beside a full-height panel: the left column is a plain\n    // page-scrolling list (FilterBar and table headers stick against the main\n    // scroll, exactly like the executions list). The panel column spans the\n    // page height; its sticky viewport stays pinned with its own scroll.\n    // Negative margins let the panel span the full middle row; the left\n    // column re-adds those gutters for its own content.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10\">\n        <PageHeader title=\"Messages\" docsHash=\"#docs:dashboard.md:messages\" />\n\n        <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/controlplane/stream-messages', {\n            namespace: filters.namespace || namespace,\n            source: filters.source || 'worker',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n            status: filters.status || undefined,\n            stream_name: filters.stream_name || undefined,\n            msg_type: filters.msg_type || undefined,\n            topic: filters.topic || undefined,\n            workflow_name: filters.workflow_name || undefined,\n            jid: filters.jid || undefined,\n            aid: filters.aid || undefined,\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={filters.namespace}\n          onChange={(v) => setFilter('namespace', v)}\n          options={namespaceOptions}\n          required\n        />\n        <FilterSelect\n          label=\"Source\"\n          value={filters.source}\n          onChange={(v) => setFilter('source', v)}\n          options={SOURCE_OPTIONS}\n          required\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterInput\n          label=\"Stream\"\n          value={filters.stream_name}\n          onChange={(v) => setFilter('stream_name', v)}\n          placeholder=\"Filter by stream name…\"\n        />\n        <FilterInput\n          label=\"Job ID\"\n          value={filters.jid}\n          onChange={(v) => setFilter('jid', v)}\n          placeholder=\"Filter by jid…\"\n        />\n        {/* Active dimension filter pills — inline in the sticky bar */}\n        {[\n          { key: 'topic', label: 'Topic', value: filters.topic },\n          { key: 'workflow_name', label: 'Workflow', value: filters.workflow_name },\n          { key: 'aid', label: 'Activity', value: filters.aid },\n          { key: 'msg_type', label: 'Type', value: filters.msg_type },\n        ].filter((f) => f.value).map((f) => (\n          <button\n            key={f.key}\n            onClick={() => setFilter(f.key as any, '')}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors\"\n            title={`Clear ${f.label} filter: ${f.value}`}\n          >\n            {f.label}: {truncateMiddle(f.value, 12)}\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        ))}\n      </FilterBar>\n\n        <DataTable\n          columns={columns}\n          data={messages}\n          keyFn={(row) => `${row.source}:${row.id}`}\n          isLoading={isLoading}\n          emptyMessage=\"No stream messages found\"\n          onRowClick={(row) => setSelected(row)}\n          activeRowKey={activeMessage ? `${activeMessage.source}:${activeMessage.id}` : null}\n          sort={sort}\n          onSort={setSort}\n          layout=\"fixed\"\n        />\n\n        {/* Direct child of the tall column so sticky works; its -mx-10 fills\n            the column's pr-10, ending flush at the panel's edge. */}\n        <StickyPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          onPageChange={pagination.setPage}\n          total={total}\n          pageSize={pagination.pageSize}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      </div>\n\n      {/* Detail panel — spans the page height; the sticky viewport keeps the\n          chrome pinned to the visible area with its own scroll. */}\n      <SlidePanel open={panelOpen} width={416} className=\"self-stretch\">\n        <div className=\"h-full pl-4\">\n          <SlidePanelViews\n            views={[{\n              id: 'detail',\n              icon: MessageSquare,\n              label: 'Message Detail',\n              content: displayMessage ? (\n                <StreamMessageDetail\n                  message={displayMessage}\n                  filters={{\n                    onFilterStatus: (v) => setFilter('status', v),\n                    onFilterStreamName: (v) => setFilter('stream_name', v),\n                    onFilterMsgType: (v) => setFilter('msg_type', v),\n                    onFilterTopic: (v) => setFilter('topic', v),\n                    onFilterWorkflow: (v) => setFilter('workflow_name', v),\n                    onFilterJid: (v) => setFilter('jid', v),\n                    onFilterAid: (v) => setFilter('aid', v),\n                  }}\n                />\n              ) : null,\n            }]}\n            activeId=\"detail\"\n            onViewChange={() => {}}\n            onClose={() => setSelected(null)}\n            stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n          />\n        </div>\n      </SlidePanel>\n    </div>\n  );\n}\n"],"names":["truncateMiddle","str","max","half","StreamMessagesPage","namespace","available","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","selected","setSelected","useState","namespaceOptions","useMemo","id","data","isLoading","refetch","isFetching","useStreamMessages","messages","total","activeMessage","m","panelOpen","lastMessage","setLastMessage","useEffect","displayMessage","columns","row","jsxs","jsx","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","DateValue","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","SOURCE_OPTIONS","STATUS_OPTIONS","FilterInput","f","X","DataTable","StickyPagination","SlidePanel","SlidePanelViews","MessageSquare","StreamMessageDetail"],"mappings":"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"}
+{"version":3,"file":"index-DvxxrFBo.js","sources":["../../src/pages/admin/streams/StreamMessagesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport { X, MessageSquare } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews } from '../../../components/common/layout/SlidePanel';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useNamespace } from '../../../hooks/useNamespace';\nimport { buildApiPath } from '../../../lib/api-path';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../../components/common/data/ListToolbar';\nimport { StreamMessageDetail } from './StreamMessageDetail';\nimport { STATUS_DOT, STATUS_LABEL, STATUS_OPTIONS, SOURCE_OPTIONS, SOURCE_BADGE } from './constants';\n\nfunction truncateMiddle(str: string, max: number): string {\n  if (str.length <= max) return str;\n  const half = Math.floor((max - 1) / 2);\n  return `${str.slice(0, half)}…${str.slice(-half)}`;\n}\n\nexport function StreamMessagesPage() {\n  const { namespace, available } = useNamespace('namespace');\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { namespace: '', source: 'worker', status: '', stream_name: '', msg_type: '', topic: '', workflow_name: '', jid: '', aid: '' },\n  });\n\n  const [selected, setSelected] = useState<StreamMessage | null>(null);\n\n  const namespaceOptions = useMemo(\n    () => available.map((id) => ({ value: id, label: id })),\n    [available],\n  );\n\n  const { data, isLoading, refetch, isFetching } = useStreamMessages({\n    namespace: filters.namespace || namespace,\n    source: (filters.source as 'engine' | 'worker') || 'worker',\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    status: (filters.status as any) || undefined,\n    stream_name: filters.stream_name || undefined,\n    msg_type: filters.msg_type || undefined,\n    topic: filters.topic || undefined,\n    workflow_name: filters.workflow_name || undefined,\n    jid: filters.jid || undefined,\n    aid: filters.aid || undefined,\n  });\n\n  const messages = data?.messages ?? [];\n  const total = data?.total ?? 0;\n\n  const activeMessage = useMemo(() => {\n    if (!selected) return null;\n    return messages.find((m) => m.id === selected.id && m.source === selected.source) ?? selected;\n  }, [messages, selected]);\n\n  const panelOpen = !!activeMessage;\n\n  // Hold the last message through the panel's closing animation so the detail\n  // content stays rendered while the panel slides shut.\n  const [lastMessage, setLastMessage] = useState<StreamMessage | null>(null);\n  useEffect(() => {\n    if (activeMessage) setLastMessage(activeMessage);\n  }, [activeMessage]);\n  const displayMessage = activeMessage ?? lastMessage;\n\n  // Status and type live as the dot and the detail panel — the row itself\n  // stays one flexible stream column plus fixed narrow facts, so the table\n  // shrinks with the container (same shape as the executions list).\n  const columns: Column<StreamMessage>[] = [\n    {\n      key: 'stream_name',\n      label: 'Stream',\n      sortable: true,\n      render: (row) => (\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span\n            className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${STATUS_DOT[row.status]}`}\n            title={STATUS_LABEL[row.status]}\n          />\n          <span className=\"font-mono text-xs text-text-secondary truncate\" title={row.stream_name}>\n            {row.stream_name}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'source',\n      label: 'Source',\n      render: (row) => <span className={SOURCE_BADGE}>{row.source}</span>,\n      className: 'w-24',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'reserved_at',\n      label: 'Reserved',\n      render: (row) => row.reserved_at\n        ? <DateValue date={row.reserved_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'expired_at',\n      label: 'Processed',\n      render: (row) => row.expired_at\n        ? <DateValue date={row.expired_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'priority',\n      label: 'Pri',\n      sortable: true,\n      render: (row) => <span className=\"text-xs text-text-secondary\">{row.priority}</span>,\n      className: 'w-14 text-right',\n    },\n    {\n      key: 'retry_attempt',\n      label: 'Retries',\n      render: (row) => (\n        <span className=\"text-xs text-text-secondary whitespace-nowrap\">\n          {row.retry_attempt}/{row.max_retry_attempts}\n        </span>\n      ),\n      className: 'w-20',\n    },\n  ];\n\n  return (\n    // Master-list flow beside a full-height panel: the left column is a plain\n    // page-scrolling list (FilterBar and table headers stick against the main\n    // scroll, exactly like the executions list). The panel column spans the\n    // page height; its sticky viewport stays pinned with its own scroll.\n    // Negative margins let the panel span the full middle row; the left\n    // column re-adds those gutters for its own content.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10\">\n        <PageHeader title=\"Messages\" docsHash=\"#docs:dashboard.md:messages\" />\n\n        <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/controlplane/stream-messages', {\n            namespace: filters.namespace || namespace,\n            source: filters.source || 'worker',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n            status: filters.status || undefined,\n            stream_name: filters.stream_name || undefined,\n            msg_type: filters.msg_type || undefined,\n            topic: filters.topic || undefined,\n            workflow_name: filters.workflow_name || undefined,\n            jid: filters.jid || undefined,\n            aid: filters.aid || undefined,\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={filters.namespace}\n          onChange={(v) => setFilter('namespace', v)}\n          options={namespaceOptions}\n          required\n        />\n        <FilterSelect\n          label=\"Source\"\n          value={filters.source}\n          onChange={(v) => setFilter('source', v)}\n          options={SOURCE_OPTIONS}\n          required\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterInput\n          label=\"Stream\"\n          value={filters.stream_name}\n          onChange={(v) => setFilter('stream_name', v)}\n          placeholder=\"Filter by stream name…\"\n        />\n        <FilterInput\n          label=\"Job ID\"\n          value={filters.jid}\n          onChange={(v) => setFilter('jid', v)}\n          placeholder=\"Filter by jid…\"\n        />\n        {/* Active dimension filter pills — inline in the sticky bar */}\n        {[\n          { key: 'topic', label: 'Topic', value: filters.topic },\n          { key: 'workflow_name', label: 'Workflow', value: filters.workflow_name },\n          { key: 'aid', label: 'Activity', value: filters.aid },\n          { key: 'msg_type', label: 'Type', value: filters.msg_type },\n        ].filter((f) => f.value).map((f) => (\n          <button\n            key={f.key}\n            onClick={() => setFilter(f.key as any, '')}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors\"\n            title={`Clear ${f.label} filter: ${f.value}`}\n          >\n            {f.label}: {truncateMiddle(f.value, 12)}\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        ))}\n      </FilterBar>\n\n        <DataTable\n          columns={columns}\n          data={messages}\n          keyFn={(row) => `${row.source}:${row.id}`}\n          isLoading={isLoading}\n          emptyMessage=\"No stream messages found\"\n          onRowClick={(row) => setSelected(row)}\n          activeRowKey={activeMessage ? `${activeMessage.source}:${activeMessage.id}` : null}\n          sort={sort}\n          onSort={setSort}\n          layout=\"fixed\"\n        />\n\n        {/* Direct child of the tall column so sticky works; its -mx-10 fills\n            the column's pr-10, ending flush at the panel's edge. */}\n        <StickyPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          onPageChange={pagination.setPage}\n          total={total}\n          pageSize={pagination.pageSize}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      </div>\n\n      {/* Detail panel — spans the page height; the sticky viewport keeps the\n          chrome pinned to the visible area with its own scroll. */}\n      <SlidePanel open={panelOpen} width={416} className=\"self-stretch\">\n        <div className=\"h-full pl-4\">\n          <SlidePanelViews\n            views={[{\n              id: 'detail',\n              icon: MessageSquare,\n              label: 'Message Detail',\n              content: displayMessage ? (\n                <StreamMessageDetail\n                  message={displayMessage}\n                  filters={{\n                    onFilterStatus: (v) => setFilter('status', v),\n                    onFilterStreamName: (v) => setFilter('stream_name', v),\n                    onFilterMsgType: (v) => setFilter('msg_type', v),\n                    onFilterTopic: (v) => setFilter('topic', v),\n                    onFilterWorkflow: (v) => setFilter('workflow_name', v),\n                    onFilterJid: (v) => setFilter('jid', v),\n                    onFilterAid: (v) => setFilter('aid', v),\n                  }}\n                />\n              ) : null,\n            }]}\n            activeId=\"detail\"\n            onViewChange={() => {}}\n            onClose={() => setSelected(null)}\n            stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n          />\n        </div>\n      </SlidePanel>\n    </div>\n  );\n}\n"],"names":["truncateMiddle","str","max","half","StreamMessagesPage","namespace","available","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","selected","setSelected","useState","namespaceOptions","useMemo","id","data","isLoading","refetch","isFetching","useStreamMessages","messages","total","activeMessage","m","panelOpen","lastMessage","setLastMessage","useEffect","displayMessage","columns","row","jsxs","jsx","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","DateValue","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","SOURCE_OPTIONS","STATUS_OPTIONS","FilterInput","f","X","DataTable","StickyPagination","SlidePanel","SlidePanelViews","MessageSquare","StreamMessageDetail"],"mappings":"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"}

package/dashboard/dist/assets/{index-DDHoDZRg.js → index-PcyGjmBm.js}

@@ -1,2 +1,2 @@
-import{a as o,j as e}from"./vendor-query-RUZdMvN6.js";import{P as Ne}from"./PageHeader-DZmymFBS.js";import{F as ve,a as we}from"./FilterBar-Fin1IqHc.js";import{L as ke}from"./ListToolbar-DyHaJBTk.js";import{S as Se}from"./StickyPagination-BGHQbp0_.js";import{E as oe}from"./EmptyState-lpUFYfun.js";import{D as Ce}from"./DropZone-CWCh5ItZ.js";import{T as H}from"./TimeAgo-Dd8vmRnM.js";import{u as Pe,a as Ee,b as pe,c as De,d as Ae,e as Fe,f as Oe,g as fe,h as Ke}from"./knowledge-DM0tNphj.js";import{d as Je}from"./index-D88VWEVp.js";import{T as Te}from"./TagInput-D-vLSMQC.js";import{at as Le,T as Ve,X as _e,f as ce,n as le,d as de,p as xe,b8 as me}from"./vendor-icons-R9b9gQ04.js";import{f as ge,b as Re}from"./vendor-react-CdqEC2zv.js";function We(a){return a==null?"":typeof a=="string"?a:JSON.stringify(a,null,2)}function ue(a){const n=a.trim();if(!n)return{value:"",looksLikeJson:!1,parsedOk:!1};const l=n.startsWith("{")||n.startsWith("[");try{return{value:JSON.parse(n),looksLikeJson:l,parsedOk:!0}}catch{return{value:n,looksLikeJson:l,parsedOk:!1}}}function he(a){if(typeof a=="string"){const n=a.trim();return!(n.startsWith("{")&&n.endsWith("}")||n.startsWith("[")&&n.endsWith("]"))}return typeof a=="number"||typeof a=="boolean"||a===null}function U({value:a,onChange:n,onKeyDown:l,placeholder:r,mono:m}){const u=o.useRef(null);return o.useEffect(()=>{u.current&&(u.current.style.height="auto",u.current.style.height=`${u.current.scrollHeight}px`,u.current.focus())},[a]),e.jsx("textarea",{ref:u,value:a,onChange:N=>n(N.target.value),onKeyDown:l,placeholder:r,rows:1,className:`w-full bg-transparent text-xs text-text-primary resize-none outline-none p-0 ${m?"font-mono":""}`,style:{minHeight:"1.5em"}})}function $e({domain:a,entryKey:n,onDeleted:l}){var re,ne,ie;const{data:r,isLoading:m,refetch:u}=Pe(a,n),N=Ee(),h=pe(),A=De(),k=Ae(),[S,F]=o.useState(!1),[p,f]=o.useState(null),[C,g]=o.useState(""),[j,E]=o.useState(""),[P,i]=o.useState(""),[D,O]=o.useState(null),[R,T]=o.useState(null),[K,v]=o.useState(!1),[B,I]=ge(),G=((re=Fe(a,n,!!r&&r.found!==!1).data)==null?void 0:re.versions)??[],L=B.get("version"),V=L&&/^[0-9]+$/.test(L)?parseInt(L,10):null,J=V!=null&&r&&V!==r.current_version?V:null,s=J!=null,d=Oe(a,n,J),w=o.useCallback((t,x)=>{I(y=>{const b=new URLSearchParams(y);return t===x?b.delete("version"):b.set("version",String(t)),b},{replace:!0})},[I]),c=s?(ne=d.data)==null?void 0:ne.data:r==null?void 0:r.data,M=c?Object.entries(c):[],je=o.useMemo(()=>{const t=j.trim().toLowerCase();return t?M.filter(([x])=>x.toLowerCase().includes(t)):M},[M,j]),Y=o.useCallback((t,x)=>x==="field"?t:We(c==null?void 0:c[t]),[c]),Z=p?C!==Y(p.field,p.column):!1;function X(t,x){s||(f({field:t,column:x}),g(Y(t,x)),O(null))}function z(){f(null),g("")}function ee(){T("Invalid JSON — saved as text"),setTimeout(()=>T(null),4e3)}async function Q(){if(!p||!c)return;const{field:t,column:x}=p;if(x==="value"){const{value:y,looksLikeJson:b,parsedOk:W}=ue(C);b&&!W&&ee(),await A.mutateAsync({domain:a,key:n,path:t,value:y})}else{const y=C.trim();if(!y||y===t){z();return}const b=c[t];await k.mutateAsync({domain:a,key:n,path:t}),await A.mutateAsync({domain:a,key:n,path:y,value:b})}f(null),g(""),u()}async function ye(t){await k.mutateAsync({domain:a,key:n,path:t}),O(null),f(null),u()}async function be(t){await h.mutateAsync({domain:a,key:n,data:c||{},tags:t,replace:!0}),u()}async function te(){const t=j.trim();if(!t)return;const{value:x,looksLikeJson:y,parsedOk:b}=ue(P);y&&!b&&ee();const W={...c,[t]:x||""};await h.mutateAsync({domain:a,key:n,data:W}),E(""),i(""),u()}function se(t){t.key==="Escape"?z():t.key==="Enter"&&(t.metaKey||t.ctrlKey)&&(t.preventDefault(),Q())}function ae(t){t.key==="Escape"?(E(""),i("")):t.key==="Enter"&&(t.metaKey||t.ctrlKey)&&(t.preventDefault(),te())}return m?e.jsxs("div",{className:"animate-pulse space-y-3 mt-4",children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-1/3"}),e.jsx("div",{className:"h-48 bg-surface-sunken rounded"})]}):!r||r.found===!1?e.jsx("p",{className:"text-sm text-text-tertiary mt-4",children:"Entry not found."}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("div",{className:"flex items-center gap-4 min-h-[28px]",children:K?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Te,{tags:r.tags||[],onChange:t=>{be(t)},placeholder:"Add tag...",compact:!0}),e.jsx("button",{onClick:()=>v(!1),className:"text-2xs text-text-tertiary hover:text-text-secondary shrink-0",children:"Done"})]}):e.jsx("div",{className:"flex items-center gap-1 cursor-text group",onClick:()=>v(!0),title:"Click to edit tags",children:r.tags&&r.tags.length>0?r.tags.map(t=>e.jsx("span",{className:"inline-flex items-center px-2 py-0.5 rounded-full text-2xs font-medium bg-accent/10 text-accent",children:t},t)):e.jsx("span",{className:"text-2xs text-text-tertiary/40 italic group-hover:text-text-tertiary",children:"add tags..."})})}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(Le,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),e.jsx("select",{value:String(J??r.current_version),onChange:t=>w(parseInt(t.target.value,10),r.current_version),title:"Version history","aria-label":"Version history",className:"select text-2xs py-1",children:(G.length>0?G:[{version:r.current_version,is_current:!0}]).map(t=>e.jsxs("option",{value:String(t.version),children:["v",t.version,t.is_current?" · current":""]},t.version))})]}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:e.jsx(H,{date:r.updated_at})}),S?e.jsxs("span",{className:"flex items-center gap-2 text-2xs",children:[e.jsx("span",{className:"text-status-error",children:"Delete entry?"}),e.jsx("button",{onClick:async()=>{try{await N.mutateAsync({domain:a,key:n}),l()}catch{}},className:"font-medium text-status-error hover:text-status-error/80",disabled:N.isPending,children:N.isPending?"Deleting...":"Yes"}),e.jsx("button",{onClick:()=>F(!1),className:"text-text-tertiary hover:text-text-secondary",children:"No"})]}):e.jsx("button",{onClick:()=>F(!0),className:"text-text-tertiary/50 hover:text-status-error transition-colors",title:"Delete entry",children:e.jsx(Ve,{className:"w-3.5 h-3.5"})})]})]}),s&&e.jsxs("div",{className:"flex items-center gap-2 mb-2 px-1 text-2xs",children:[e.jsxs("span",{className:"text-text-secondary",children:["Viewing ",e.jsxs("span",{className:"font-mono font-medium",children:["v",J]})," — an immutable edition",((ie=d.data)==null?void 0:ie.created_at)&&e.jsxs(e.Fragment,{children:[" from ",e.jsx(H,{date:d.data.created_at})]})]}),e.jsx("button",{onClick:()=>w(r.current_version,r.current_version),className:"font-medium text-accent hover:text-accent-hover",children:"Back to current"})]}),R&&e.jsxs("div",{className:"flex items-center justify-end gap-2 mb-2 px-1",children:[e.jsx("span",{className:"inline-block w-2.5 h-2.5 rounded-full dot-ring bg-status-warning animate-pulse"}),e.jsx("span",{className:"text-xs text-status-warning",children:R})]}),e.jsxs("table",{className:"w-full border-collapse",children:[e.jsxs("thead",{className:"sticky top-0 z-10 bg-surface",children:[e.jsxs("tr",{className:"text-left text-2xs uppercase tracking-wider text-text-tertiary border-b border-surface-border",children:[e.jsx("th",{className:"px-3 py-2 font-medium w-[200px] border-r border-surface-border",children:"Field"}),e.jsx("th",{className:"px-3 py-2 font-medium",children:"Value"})]}),!s&&e.jsxs("tr",{className:"border-b border-surface-border bg-surface",children:[e.jsx("td",{className:"px-3 py-2 align-top border-r border-surface-border",children:e.jsx("input",{value:j,onChange:t=>E(t.target.value),onKeyDown:ae,placeholder:M.length?"add or filter...":"new field",className:"w-full bg-transparent text-xs text-text-primary placeholder:text-text-tertiary/40 placeholder:italic outline-none p-0"})}),e.jsxs("td",{className:"px-3 py-2 align-top",children:[e.jsx(U,{value:P,onChange:i,onKeyDown:ae,placeholder:"value"}),j.trim()&&e.jsxs("div",{className:"flex gap-2 mt-1.5",children:[e.jsx("button",{onClick:te,className:"text-2xs font-medium text-accent hover:text-accent-hover",disabled:h.isPending,children:h.isPending?"Saving...":"Save"}),e.jsx("button",{onClick:()=>{E(""),i("")},className:"text-2xs text-text-tertiary hover:text-text-secondary",children:"Cancel"})]})]})]})]}),e.jsx("tbody",{children:je.map(([t,x])=>{const y=(p==null?void 0:p.field)===t&&p.column==="field",b=(p==null?void 0:p.field)===t&&p.column==="value",W=y||b,_=D===t;return e.jsxs("tr",{className:`border-b border-surface-border ${_?"bg-status-error/10":W?"":"hover:bg-surface-hover/30"}`,children:[e.jsx("td",{className:`px-3 py-2 align-top border-r cursor-text ${_?"bg-transparent border-r-transparent":y?"border-r-surface-border bg-accent/5 border-l-2 border-l-accent":"border-r-surface-border"}`,onClick:()=>!y&&!_&&X(t,"field"),children:y?e.jsxs("div",{children:[e.jsx(U,{value:C,onChange:g,onKeyDown:se,placeholder:"field name"}),Z&&e.jsxs("div",{className:"flex gap-2 mt-1.5",children:[e.jsx("button",{onClick:Q,className:"text-2xs font-medium text-accent hover:text-accent-hover",disabled:h.isPending,children:h.isPending?"Saving...":"Save"}),e.jsx("button",{onClick:z,className:"text-2xs text-text-tertiary hover:text-text-secondary",children:"Cancel"})]})]}):e.jsx("span",{className:"text-xs font-medium text-text-secondary break-all",children:t})}),e.jsx("td",{className:`px-3 py-2 align-top cursor-text ${_?"bg-transparent":b?"bg-accent/5 border-l-2 border-l-accent":""}`,onClick:()=>!b&&!_&&X(t,"value"),children:_?e.jsxs("span",{className:"flex items-center justify-end gap-2 text-2xs",children:[e.jsxs("span",{className:"text-status-error",children:["Remove ",e.jsx("span",{className:"font-medium",children:t}),"?"]}),e.jsx("button",{onClick:$=>{$.stopPropagation(),ye(t)},className:"font-medium text-status-error hover:text-status-error/80",disabled:h.isPending,children:h.isPending?"...":"Yes"}),e.jsx("button",{onClick:$=>{$.stopPropagation(),O(null)},className:"text-text-tertiary hover:text-text-secondary",children:"No"})]}):b?e.jsxs("div",{children:[e.jsx(U,{value:C,onChange:g,onKeyDown:se,placeholder:"value (string or JSON)",mono:!he(x)}),e.jsxs("div",{className:"flex gap-2 mt-1.5",children:[Z&&e.jsx("button",{onClick:Q,className:"text-2xs font-medium text-accent hover:text-accent-hover",disabled:h.isPending,children:h.isPending?"Saving...":"Save"}),e.jsx("button",{onClick:z,className:"text-2xs text-text-tertiary hover:text-text-secondary",children:"Cancel"}),e.jsx("button",{onClick:$=>{$.stopPropagation(),O(t)},className:"text-2xs text-status-error/50 hover:text-status-error ml-auto",children:"Remove"})]})]}):he(x)?e.jsx("p",{className:"text-xs text-text-primary break-words whitespace-pre-wrap",children:String(x)}):e.jsx("pre",{className:"text-xs text-text-primary font-mono whitespace-pre-wrap break-words",children:typeof x=="string"?x:JSON.stringify(x,null,2)})})]},t)})})]})]})}function Ie({open:a,onClose:n,onCreated:l,prefillData:r,prefillDomain:m}){const{data:u}=fe(),N=pe(),[h,A]=o.useState(m||""),[k,S]=o.useState(""),[F,p]=o.useState(r?JSON.stringify(r,null,2):"{}"),[f,C]=o.useState(""),[g,j]=o.useState(""),E=((u==null?void 0:u.domains)??[]).map(i=>i.domain);if(o.useEffect(()=>{a&&(p(r?JSON.stringify(r,null,2):"{}"),A(m||""),S(""),C(""),j(""))},[a,r,m]),!a)return null;const P=async()=>{if(j(""),!h.trim()){j("Domain is required");return}if(!k.trim()){j("Key is required");return}let i;try{if(i=JSON.parse(F),typeof i!="object"||Array.isArray(i))throw new Error}catch{j("Data must be a valid JSON object");return}try{await N.mutateAsync({domain:h.trim(),key:k.trim(),data:i,tags:f?f.split(",").map(D=>D.trim()).filter(Boolean):[]}),l==null||l(h.trim(),k.trim()),n()}catch(D){j(D.message)}};return Re.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-40 bg-black/30",onClick:n}),e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-6 overflow-y-auto",children:e.jsxs("div",{className:"bg-surface-raised border border-surface-border rounded-lg shadow-lg w-full max-w-md max-h-[85vh] flex flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between px-5 py-4 border-b border-surface-border",children:[e.jsx("h3",{className:"text-sm font-medium text-text-primary",children:"New Knowledge Entry"}),e.jsx("button",{onClick:n,className:"text-text-tertiary hover:text-text-primary",children:e.jsx(_e,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"px-5 py-4 space-y-4 overflow-y-auto flex-1 min-h-0",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Domain"}),e.jsx("input",{type:"text",list:"domain-list",value:h,onChange:i=>A(i.target.value),placeholder:"e.g., screenshots, config, emails",className:"input text-xs w-full"}),e.jsx("datalist",{id:"domain-list",children:E.map(i=>e.jsx("option",{value:i},i))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Key"}),e.jsx("input",{type:"text",value:k,onChange:i=>S(i.target.value),placeholder:"e.g., homepage, user-profile, report-2026",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Data (JSON)"}),e.jsx("textarea",{value:F,onChange:i=>p(i.target.value),rows:8,className:"input-json w-full max-h-[30vh]"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Tags (comma-separated)"}),e.jsx("input",{type:"text",value:f,onChange:i=>C(i.target.value),placeholder:"e.g., important, review, 401k",className:"input text-xs w-full"})]}),g&&e.jsx("p",{className:"text-xs text-status-error",children:g})]}),e.jsxs("div",{className:"flex justify-end gap-2 px-5 py-3 border-t border-surface-border",children:[e.jsx("button",{onClick:n,className:"btn-ghost text-xs",children:"Cancel"}),e.jsx("button",{onClick:P,disabled:N.isPending,className:"btn-primary text-xs",children:N.isPending?"Creating...":"Create Entry"})]})]})})]}),document.body)}const Me=50;function at(){var L,V,J;const[a,n]=ge(),l=a.get("domain")||"",r=a.get("key")||"",[m,u]=o.useState(""),[N,h]=o.useState(""),[A,k]=o.useState(1),[S,F]=o.useState(Me),[p,f]=o.useState(!1),[C,g]=o.useState(),j=o.useCallback(s=>{console.debug("[Knowledge] drop received:",s.map(c=>({name:c.name,type:c.type,size:c.size})));const d=s.find(c=>c.name.endsWith(".json")||c.type==="application/json");if(!d){console.warn("[Knowledge] no JSON file found in dropped files");return}console.debug("[Knowledge] reading:",d.name);const w=new FileReader;w.onload=()=>{try{const c=JSON.parse(w.result);typeof c=="object"&&!Array.isArray(c)?(console.debug("[Knowledge] parsed object with keys:",Object.keys(c)),g(c),f(!0)):console.warn("[Knowledge] JSON is not a plain object, got:",Array.isArray(c)?"array":typeof c)}catch(c){console.warn("[Knowledge] JSON parse failed:",c)}},w.readAsText(d)},[]);o.useEffect(()=>{const s=setTimeout(()=>{h(m),k(1)},Je);return()=>clearTimeout(s)},[m]);const E=(A-1)*S,P=fe(),i=Ke(l,{search:N||void 0,limit:S,offset:E}),D=((L=P.data)==null?void 0:L.domains)??[],O=((V=i.data)==null?void 0:V.entries)??[],R=((J=i.data)==null?void 0:J.total)??0,T=o.useMemo(()=>{if(!m)return D;const s=m.toLowerCase();return D.filter(d=>d.domain.toLowerCase().includes(s))},[D,m]);function K(s,d){u(""),h(""),k(1);const w={};s&&(w.domain=s),d&&(w.key=d),n(w)}const v=r?"entry":l?"entries":"domains",B=v==="entries"?i.isLoading:v==="domains"?P.isLoading:!1,I=Math.ceil((v==="entries"?R:T.length)/S),q=l?`/knowledge/entries?domain=${encodeURIComponent(l)}&limit=${S}&offset=${E}${N?`&search=${encodeURIComponent(N)}`:""}`:void 0;return e.jsxs(Ce,{onDrop:j,label:"Drop a JSON file to create an entry",accept:".json,application/json",children:[e.jsxs("div",{children:[e.jsx(Ne,{title:"Knowledge Base",docsHash:"#docs:dashboard.md:knowledge",actions:e.jsxs("button",{onClick:()=>{g(void 0),f(!0)},className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(ce,{className:"w-3.5 h-3.5"}),"New Entry"]})}),e.jsxs("nav",{className:"flex items-center gap-1 text-sm mb-6 min-h-[28px]",children:[e.jsxs("button",{onClick:()=>K(""),className:`flex items-center gap-1.5 px-1.5 py-0.5 rounded transition-colors ${v==="domains"?"text-text-primary font-medium":"text-text-secondary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(le,{className:"w-4 h-4 text-accent/75",strokeWidth:1.5}),e.jsx("span",{children:"All Domains"})]}),l&&e.jsxs(e.Fragment,{children:[e.jsx(de,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsxs("button",{onClick:()=>K(l),className:`flex items-center gap-1.5 px-1.5 py-0.5 rounded transition-colors ${v==="entries"?"text-text-primary font-medium":"text-text-secondary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(xe,{className:"w-3.5 h-3.5 text-accent/60",strokeWidth:1.5}),l]})]}),r&&e.jsxs(e.Fragment,{children:[e.jsx(de,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsxs("span",{className:"flex items-center gap-1.5 px-1.5 py-0.5 text-text-primary font-medium",children:[e.jsx(me,{className:"w-3.5 h-3.5 text-accent/60",strokeWidth:1.5}),r]})]})]}),v==="entry"?e.jsx($e,{domain:l,entryKey:r,onDeleted:()=>K(l)}):e.jsxs(e.Fragment,{children:[e.jsx(ve,{actions:e.jsx(ke,{onRefresh:()=>v==="entries"?i.refetch():P.refetch(),isFetching:v==="entries"?i.isFetching:P.isFetching,apiPath:v==="entries"?q:"/knowledge/domains"}),children:e.jsx(we,{label:"Search",value:m,onChange:u,placeholder:l?"Filter by key or tag...":"Filter by domain..."})}),B?e.jsx("div",{className:"animate-pulse space-y-2 mt-4",children:Array.from({length:6}).map((s,d)=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded"},d))}):v==="domains"?T.length===0?e.jsx("div",{className:"cursor-pointer",onClick:()=>{g(void 0),f(!0)},children:e.jsx(oe,{icon:le,title:m?"No matching domains":"Knowledge Base Empty",description:m?void 0:"Create your first entry or drop a JSON file"})}):e.jsxs("table",{className:"w-full mt-2",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-left text-2xs uppercase tracking-wider text-text-tertiary",children:[e.jsx("th",{className:"pb-2 pl-2 font-medium",children:"Domain"}),e.jsx("th",{className:"pb-2 font-medium w-24 text-right",children:"Entries"}),e.jsx("th",{className:"pb-2 pr-2 font-medium w-40 text-right",children:"Latest"})]})}),e.jsx("tbody",{children:T.map(s=>e.jsxs("tr",{onClick:()=>K(s.domain),className:"row-hover cursor-pointer group",children:[e.jsx("td",{className:"py-2 pl-2",children:e.jsxs("span",{className:"flex items-center gap-2.5",children:[e.jsx(xe,{className:"w-4 h-4 text-accent/75 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-sm text-text-primary group-hover:text-accent transition-colors",children:s.domain})]})}),e.jsx("td",{className:"py-2 text-right text-xs text-text-secondary tabular-nums",children:s.count}),e.jsx("td",{className:"py-2 pr-2 text-right text-xs text-text-secondary",children:e.jsx(H,{date:s.latest})})]},s.domain))})]}):O.length===0?e.jsx("div",{className:"cursor-pointer",onClick:()=>{g(void 0),f(!0)},children:e.jsx(oe,{icon:ce,title:m?"No matching entries":"No entries in this domain",description:m?void 0:"Add an entry or drop a JSON file"})}):e.jsxs(e.Fragment,{children:[e.jsxs("table",{className:"w-full mt-2",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-left text-2xs uppercase tracking-wider text-text-tertiary",children:[e.jsx("th",{className:"pb-2 pl-2 font-medium w-[200px]",children:"Key"}),e.jsx("th",{className:"pb-2 font-medium",children:"Tags"}),e.jsx("th",{className:"pb-2 font-medium w-16 text-right",children:"Fields"}),e.jsx("th",{className:"pb-2 font-medium w-20 text-right",children:"Version"}),e.jsx("th",{className:"pb-2 pr-2 font-medium w-32 text-right",children:"Updated"})]})}),e.jsx("tbody",{children:O.map(s=>{var d;return e.jsxs("tr",{onClick:()=>K(l,s.key),className:"row-hover cursor-pointer group",children:[e.jsx("td",{className:"py-2 pl-2 w-[200px]",children:e.jsxs("span",{className:"flex items-center gap-2.5",children:[e.jsx(me,{className:"w-4 h-4 text-accent/75 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-sm text-text-primary group-hover:text-accent transition-colors truncate max-w-[160px]",title:s.key,children:s.key})]})}),e.jsx("td",{className:"py-2",children:e.jsxs("div",{className:"flex flex-wrap gap-1",children:[(d=s.tags)==null?void 0:d.slice(0,5).map(w=>e.jsx("span",{className:"inline-flex items-center px-1.5 py-0 rounded-full text-2xs font-medium bg-accent/10 text-accent",children:w},w)),s.tags&&s.tags.length>5&&e.jsxs("span",{className:"text-2xs text-text-tertiary",children:["+",s.tags.length-5]})]})}),e.jsx("td",{className:"py-2 text-right text-xs text-text-secondary tabular-nums",children:s.data?Object.keys(s.data).length:0}),e.jsxs("td",{className:"py-2 text-right text-xs text-text-secondary font-mono tabular-nums",children:["v",s.current_version]}),e.jsx("td",{className:"py-2 pr-2 text-right text-xs text-text-secondary",children:e.jsx(H,{date:s.updated_at})})]},s.key)})})]}),e.jsx(Se,{page:A,totalPages:I,onPageChange:k,total:R,pageSize:S,onPageSizeChange:F})]})]})]}),e.jsx(Ie,{open:p,onClose:()=>{f(!1),g(void 0)},onCreated:(s,d)=>{n({domain:s,key:d}),P.refetch()},prefillData:C,prefillDomain:l||void 0})]})}export{at as KnowledgePage};
-//# sourceMappingURL=index-DDHoDZRg.js.map
+import{a as o,j as e}from"./vendor-query-DvWWuNIB.js";import{P as Ne}from"./PageHeader-Di5Sz3an.js";import{F as ve,a as we}from"./FilterBar-xwN_b5fj.js";import{L as ke}from"./ListToolbar-zPVYPg3W.js";import{S as Se}from"./StickyPagination-DRuqKhZt.js";import{E as oe}from"./EmptyState-DgC_6njU.js";import{D as Ce}from"./DropZone-XlcY8hEH.js";import{T as H}from"./TimeAgo-Cv35DOiI.js";import{u as Pe,a as Ee,b as pe,c as De,d as Ae,e as Fe,f as Oe,g as ge,h as Ke}from"./knowledge-Coo6CKzo.js";import{e as Je}from"./index-BMlQYOE1.js";import{T as Te}from"./TagInput-BZ8vb2oW.js";import{au as Le,y as Ve,X as _e,g as ce,n as le,e as de,p as xe,bT as me}from"./vendor-icons-DeBdvyKJ.js";import{f as fe,b as Re}from"./vendor-react-_9U4mKFr.js";function We(a){return a==null?"":typeof a=="string"?a:JSON.stringify(a,null,2)}function ue(a){const n=a.trim();if(!n)return{value:"",looksLikeJson:!1,parsedOk:!1};const l=n.startsWith("{")||n.startsWith("[");try{return{value:JSON.parse(n),looksLikeJson:l,parsedOk:!0}}catch{return{value:n,looksLikeJson:l,parsedOk:!1}}}function he(a){if(typeof a=="string"){const n=a.trim();return!(n.startsWith("{")&&n.endsWith("}")||n.startsWith("[")&&n.endsWith("]"))}return typeof a=="number"||typeof a=="boolean"||a===null}function U({value:a,onChange:n,onKeyDown:l,placeholder:r,mono:m}){const u=o.useRef(null);return o.useEffect(()=>{u.current&&(u.current.style.height="auto",u.current.style.height=`${u.current.scrollHeight}px`,u.current.focus())},[a]),e.jsx("textarea",{ref:u,value:a,onChange:N=>n(N.target.value),onKeyDown:l,placeholder:r,rows:1,className:`w-full bg-transparent text-xs text-text-primary resize-none outline-none p-0 ${m?"font-mono":""}`,style:{minHeight:"1.5em"}})}function $e({domain:a,entryKey:n,onDeleted:l}){var re,ne,ie;const{data:r,isLoading:m,refetch:u}=Pe(a,n),N=Ee(),h=pe(),A=De(),k=Ae(),[S,F]=o.useState(!1),[p,g]=o.useState(null),[C,f]=o.useState(""),[j,E]=o.useState(""),[P,i]=o.useState(""),[D,O]=o.useState(null),[R,T]=o.useState(null),[K,v]=o.useState(!1),[B,I]=fe(),G=((re=Fe(a,n,!!r&&r.found!==!1).data)==null?void 0:re.versions)??[],L=B.get("version"),V=L&&/^[0-9]+$/.test(L)?parseInt(L,10):null,J=V!=null&&r&&V!==r.current_version?V:null,s=J!=null,d=Oe(a,n,J),w=o.useCallback((t,x)=>{I(y=>{const b=new URLSearchParams(y);return t===x?b.delete("version"):b.set("version",String(t)),b},{replace:!0})},[I]),c=s?(ne=d.data)==null?void 0:ne.data:r==null?void 0:r.data,M=c?Object.entries(c):[],je=o.useMemo(()=>{const t=j.trim().toLowerCase();return t?M.filter(([x])=>x.toLowerCase().includes(t)):M},[M,j]),Y=o.useCallback((t,x)=>x==="field"?t:We(c==null?void 0:c[t]),[c]),Z=p?C!==Y(p.field,p.column):!1;function X(t,x){s||(g({field:t,column:x}),f(Y(t,x)),O(null))}function z(){g(null),f("")}function ee(){T("Invalid JSON — saved as text"),setTimeout(()=>T(null),4e3)}async function Q(){if(!p||!c)return;const{field:t,column:x}=p;if(x==="value"){const{value:y,looksLikeJson:b,parsedOk:W}=ue(C);b&&!W&&ee(),await A.mutateAsync({domain:a,key:n,path:t,value:y})}else{const y=C.trim();if(!y||y===t){z();return}const b=c[t];await k.mutateAsync({domain:a,key:n,path:t}),await A.mutateAsync({domain:a,key:n,path:y,value:b})}g(null),f(""),u()}async function ye(t){await k.mutateAsync({domain:a,key:n,path:t}),O(null),g(null),u()}async function be(t){await h.mutateAsync({domain:a,key:n,data:c||{},tags:t,replace:!0}),u()}async function te(){const t=j.trim();if(!t)return;const{value:x,looksLikeJson:y,parsedOk:b}=ue(P);y&&!b&&ee();const W={...c,[t]:x||""};await h.mutateAsync({domain:a,key:n,data:W}),E(""),i(""),u()}function se(t){t.key==="Escape"?z():t.key==="Enter"&&(t.metaKey||t.ctrlKey)&&(t.preventDefault(),Q())}function ae(t){t.key==="Escape"?(E(""),i("")):t.key==="Enter"&&(t.metaKey||t.ctrlKey)&&(t.preventDefault(),te())}return m?e.jsxs("div",{className:"animate-pulse space-y-3 mt-4",children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-1/3"}),e.jsx("div",{className:"h-48 bg-surface-sunken rounded"})]}):!r||r.found===!1?e.jsx("p",{className:"text-sm text-text-tertiary mt-4",children:"Entry not found."}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("div",{className:"flex items-center gap-4 min-h-[28px]",children:K?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Te,{tags:r.tags||[],onChange:t=>{be(t)},placeholder:"Add tag...",compact:!0}),e.jsx("button",{onClick:()=>v(!1),className:"text-2xs text-text-tertiary hover:text-text-secondary shrink-0",children:"Done"})]}):e.jsx("div",{className:"flex items-center gap-1 cursor-text group",onClick:()=>v(!0),title:"Click to edit tags",children:r.tags&&r.tags.length>0?r.tags.map(t=>e.jsx("span",{className:"inline-flex items-center px-2 py-0.5 rounded-full text-2xs font-medium bg-accent/10 text-accent",children:t},t)):e.jsx("span",{className:"text-2xs text-text-tertiary/40 italic group-hover:text-text-tertiary",children:"add tags..."})})}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(Le,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),e.jsx("select",{value:String(J??r.current_version),onChange:t=>w(parseInt(t.target.value,10),r.current_version),title:"Version history","aria-label":"Version history",className:"select text-2xs py-1",children:(G.length>0?G:[{version:r.current_version,is_current:!0}]).map(t=>e.jsxs("option",{value:String(t.version),children:["v",t.version,t.is_current?" · current":""]},t.version))})]}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:e.jsx(H,{date:r.updated_at})}),S?e.jsxs("span",{className:"flex items-center gap-2 text-2xs",children:[e.jsx("span",{className:"text-status-error",children:"Delete entry?"}),e.jsx("button",{onClick:async()=>{try{await N.mutateAsync({domain:a,key:n}),l()}catch{}},className:"font-medium text-status-error hover:text-status-error/80",disabled:N.isPending,children:N.isPending?"Deleting...":"Yes"}),e.jsx("button",{onClick:()=>F(!1),className:"text-text-tertiary hover:text-text-secondary",children:"No"})]}):e.jsx("button",{onClick:()=>F(!0),className:"text-text-tertiary/50 hover:text-status-error transition-colors",title:"Delete entry",children:e.jsx(Ve,{className:"w-3.5 h-3.5"})})]})]}),s&&e.jsxs("div",{className:"flex items-center gap-2 mb-2 px-1 text-2xs",children:[e.jsxs("span",{className:"text-text-secondary",children:["Viewing ",e.jsxs("span",{className:"font-mono font-medium",children:["v",J]})," — an immutable edition",((ie=d.data)==null?void 0:ie.created_at)&&e.jsxs(e.Fragment,{children:[" from ",e.jsx(H,{date:d.data.created_at})]})]}),e.jsx("button",{onClick:()=>w(r.current_version,r.current_version),className:"font-medium text-accent hover:text-accent-hover",children:"Back to current"})]}),R&&e.jsxs("div",{className:"flex items-center justify-end gap-2 mb-2 px-1",children:[e.jsx("span",{className:"inline-block w-2.5 h-2.5 rounded-full dot-ring bg-status-warning animate-pulse"}),e.jsx("span",{className:"text-xs text-status-warning",children:R})]}),e.jsxs("table",{className:"w-full border-collapse",children:[e.jsxs("thead",{className:"sticky top-0 z-10 bg-surface",children:[e.jsxs("tr",{className:"text-left text-2xs uppercase tracking-wider text-text-tertiary border-b border-surface-border",children:[e.jsx("th",{className:"px-3 py-2 font-medium w-[200px] border-r border-surface-border",children:"Field"}),e.jsx("th",{className:"px-3 py-2 font-medium",children:"Value"})]}),!s&&e.jsxs("tr",{className:"border-b border-surface-border bg-surface",children:[e.jsx("td",{className:"px-3 py-2 align-top border-r border-surface-border",children:e.jsx("input",{value:j,onChange:t=>E(t.target.value),onKeyDown:ae,placeholder:M.length?"add or filter...":"new field",className:"w-full bg-transparent text-xs text-text-primary placeholder:text-text-tertiary/40 placeholder:italic outline-none p-0"})}),e.jsxs("td",{className:"px-3 py-2 align-top",children:[e.jsx(U,{value:P,onChange:i,onKeyDown:ae,placeholder:"value"}),j.trim()&&e.jsxs("div",{className:"flex gap-2 mt-1.5",children:[e.jsx("button",{onClick:te,className:"text-2xs font-medium text-accent hover:text-accent-hover",disabled:h.isPending,children:h.isPending?"Saving...":"Save"}),e.jsx("button",{onClick:()=>{E(""),i("")},className:"text-2xs text-text-tertiary hover:text-text-secondary",children:"Cancel"})]})]})]})]}),e.jsx("tbody",{children:je.map(([t,x])=>{const y=(p==null?void 0:p.field)===t&&p.column==="field",b=(p==null?void 0:p.field)===t&&p.column==="value",W=y||b,_=D===t;return e.jsxs("tr",{className:`border-b border-surface-border ${_?"bg-status-error/10":W?"":"hover:bg-surface-hover/30"}`,children:[e.jsx("td",{className:`px-3 py-2 align-top border-r cursor-text ${_?"bg-transparent border-r-transparent":y?"border-r-surface-border bg-accent/5 border-l-2 border-l-accent":"border-r-surface-border"}`,onClick:()=>!y&&!_&&X(t,"field"),children:y?e.jsxs("div",{children:[e.jsx(U,{value:C,onChange:f,onKeyDown:se,placeholder:"field name"}),Z&&e.jsxs("div",{className:"flex gap-2 mt-1.5",children:[e.jsx("button",{onClick:Q,className:"text-2xs font-medium text-accent hover:text-accent-hover",disabled:h.isPending,children:h.isPending?"Saving...":"Save"}),e.jsx("button",{onClick:z,className:"text-2xs text-text-tertiary hover:text-text-secondary",children:"Cancel"})]})]}):e.jsx("span",{className:"text-xs font-medium text-text-secondary break-all",children:t})}),e.jsx("td",{className:`px-3 py-2 align-top cursor-text ${_?"bg-transparent":b?"bg-accent/5 border-l-2 border-l-accent":""}`,onClick:()=>!b&&!_&&X(t,"value"),children:_?e.jsxs("span",{className:"flex items-center justify-end gap-2 text-2xs",children:[e.jsxs("span",{className:"text-status-error",children:["Remove ",e.jsx("span",{className:"font-medium",children:t}),"?"]}),e.jsx("button",{onClick:$=>{$.stopPropagation(),ye(t)},className:"font-medium text-status-error hover:text-status-error/80",disabled:h.isPending,children:h.isPending?"...":"Yes"}),e.jsx("button",{onClick:$=>{$.stopPropagation(),O(null)},className:"text-text-tertiary hover:text-text-secondary",children:"No"})]}):b?e.jsxs("div",{children:[e.jsx(U,{value:C,onChange:f,onKeyDown:se,placeholder:"value (string or JSON)",mono:!he(x)}),e.jsxs("div",{className:"flex gap-2 mt-1.5",children:[Z&&e.jsx("button",{onClick:Q,className:"text-2xs font-medium text-accent hover:text-accent-hover",disabled:h.isPending,children:h.isPending?"Saving...":"Save"}),e.jsx("button",{onClick:z,className:"text-2xs text-text-tertiary hover:text-text-secondary",children:"Cancel"}),e.jsx("button",{onClick:$=>{$.stopPropagation(),O(t)},className:"text-2xs text-status-error/50 hover:text-status-error ml-auto",children:"Remove"})]})]}):he(x)?e.jsx("p",{className:"text-xs text-text-primary break-words whitespace-pre-wrap",children:String(x)}):e.jsx("pre",{className:"text-xs text-text-primary font-mono whitespace-pre-wrap break-words",children:typeof x=="string"?x:JSON.stringify(x,null,2)})})]},t)})})]})]})}function Ie({open:a,onClose:n,onCreated:l,prefillData:r,prefillDomain:m}){const{data:u}=ge(),N=pe(),[h,A]=o.useState(m||""),[k,S]=o.useState(""),[F,p]=o.useState(r?JSON.stringify(r,null,2):"{}"),[g,C]=o.useState(""),[f,j]=o.useState(""),E=((u==null?void 0:u.domains)??[]).map(i=>i.domain);if(o.useEffect(()=>{a&&(p(r?JSON.stringify(r,null,2):"{}"),A(m||""),S(""),C(""),j(""))},[a,r,m]),!a)return null;const P=async()=>{if(j(""),!h.trim()){j("Domain is required");return}if(!k.trim()){j("Key is required");return}let i;try{if(i=JSON.parse(F),typeof i!="object"||Array.isArray(i))throw new Error}catch{j("Data must be a valid JSON object");return}try{await N.mutateAsync({domain:h.trim(),key:k.trim(),data:i,tags:g?g.split(",").map(D=>D.trim()).filter(Boolean):[]}),l==null||l(h.trim(),k.trim()),n()}catch(D){j(D.message)}};return Re.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-40 bg-black/30",onClick:n}),e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-6 overflow-y-auto",children:e.jsxs("div",{className:"bg-surface-raised border border-surface-border rounded-lg shadow-lg w-full max-w-md max-h-[85vh] flex flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between px-5 py-4 border-b border-surface-border",children:[e.jsx("h3",{className:"text-sm font-medium text-text-primary",children:"New Knowledge Entry"}),e.jsx("button",{onClick:n,className:"text-text-tertiary hover:text-text-primary",children:e.jsx(_e,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"px-5 py-4 space-y-4 overflow-y-auto flex-1 min-h-0",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Domain"}),e.jsx("input",{type:"text",list:"domain-list",value:h,onChange:i=>A(i.target.value),placeholder:"e.g., screenshots, config, emails",className:"input text-xs w-full"}),e.jsx("datalist",{id:"domain-list",children:E.map(i=>e.jsx("option",{value:i},i))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Key"}),e.jsx("input",{type:"text",value:k,onChange:i=>S(i.target.value),placeholder:"e.g., homepage, user-profile, report-2026",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Data (JSON)"}),e.jsx("textarea",{value:F,onChange:i=>p(i.target.value),rows:8,className:"input-json w-full max-h-[30vh]"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Tags (comma-separated)"}),e.jsx("input",{type:"text",value:g,onChange:i=>C(i.target.value),placeholder:"e.g., important, review, 401k",className:"input text-xs w-full"})]}),f&&e.jsx("p",{className:"text-xs text-status-error",children:f})]}),e.jsxs("div",{className:"flex justify-end gap-2 px-5 py-3 border-t border-surface-border",children:[e.jsx("button",{onClick:n,className:"btn-ghost text-xs",children:"Cancel"}),e.jsx("button",{onClick:P,disabled:N.isPending,className:"btn-primary text-xs",children:N.isPending?"Creating...":"Create Entry"})]})]})})]}),document.body)}const Me=50;function at(){var L,V,J;const[a,n]=fe(),l=a.get("domain")||"",r=a.get("key")||"",[m,u]=o.useState(""),[N,h]=o.useState(""),[A,k]=o.useState(1),[S,F]=o.useState(Me),[p,g]=o.useState(!1),[C,f]=o.useState(),j=o.useCallback(s=>{console.debug("[Knowledge] drop received:",s.map(c=>({name:c.name,type:c.type,size:c.size})));const d=s.find(c=>c.name.endsWith(".json")||c.type==="application/json");if(!d){console.warn("[Knowledge] no JSON file found in dropped files");return}console.debug("[Knowledge] reading:",d.name);const w=new FileReader;w.onload=()=>{try{const c=JSON.parse(w.result);typeof c=="object"&&!Array.isArray(c)?(console.debug("[Knowledge] parsed object with keys:",Object.keys(c)),f(c),g(!0)):console.warn("[Knowledge] JSON is not a plain object, got:",Array.isArray(c)?"array":typeof c)}catch(c){console.warn("[Knowledge] JSON parse failed:",c)}},w.readAsText(d)},[]);o.useEffect(()=>{const s=setTimeout(()=>{h(m),k(1)},Je);return()=>clearTimeout(s)},[m]);const E=(A-1)*S,P=ge(),i=Ke(l,{search:N||void 0,limit:S,offset:E}),D=((L=P.data)==null?void 0:L.domains)??[],O=((V=i.data)==null?void 0:V.entries)??[],R=((J=i.data)==null?void 0:J.total)??0,T=o.useMemo(()=>{if(!m)return D;const s=m.toLowerCase();return D.filter(d=>d.domain.toLowerCase().includes(s))},[D,m]);function K(s,d){u(""),h(""),k(1);const w={};s&&(w.domain=s),d&&(w.key=d),n(w)}const v=r?"entry":l?"entries":"domains",B=v==="entries"?i.isLoading:v==="domains"?P.isLoading:!1,I=Math.ceil((v==="entries"?R:T.length)/S),q=l?`/knowledge/entries?domain=${encodeURIComponent(l)}&limit=${S}&offset=${E}${N?`&search=${encodeURIComponent(N)}`:""}`:void 0;return e.jsxs(Ce,{onDrop:j,label:"Drop a JSON file to create an entry",accept:".json,application/json",children:[e.jsxs("div",{children:[e.jsx(Ne,{title:"Knowledge Base",docsHash:"#docs:dashboard.md:knowledge",actions:e.jsxs("button",{onClick:()=>{f(void 0),g(!0)},className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(ce,{className:"w-3.5 h-3.5"}),"New Entry"]})}),e.jsxs("nav",{className:"flex items-center gap-1 text-sm mb-6 min-h-[28px]",children:[e.jsxs("button",{onClick:()=>K(""),className:`flex items-center gap-1.5 px-1.5 py-0.5 rounded transition-colors ${v==="domains"?"text-text-primary font-medium":"text-text-secondary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(le,{className:"w-4 h-4 text-accent/75",strokeWidth:1.5}),e.jsx("span",{children:"All Domains"})]}),l&&e.jsxs(e.Fragment,{children:[e.jsx(de,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsxs("button",{onClick:()=>K(l),className:`flex items-center gap-1.5 px-1.5 py-0.5 rounded transition-colors ${v==="entries"?"text-text-primary font-medium":"text-text-secondary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(xe,{className:"w-3.5 h-3.5 text-accent/60",strokeWidth:1.5}),l]})]}),r&&e.jsxs(e.Fragment,{children:[e.jsx(de,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsxs("span",{className:"flex items-center gap-1.5 px-1.5 py-0.5 text-text-primary font-medium",children:[e.jsx(me,{className:"w-3.5 h-3.5 text-accent/60",strokeWidth:1.5}),r]})]})]}),v==="entry"?e.jsx($e,{domain:l,entryKey:r,onDeleted:()=>K(l)}):e.jsxs(e.Fragment,{children:[e.jsx(ve,{actions:e.jsx(ke,{onRefresh:()=>v==="entries"?i.refetch():P.refetch(),isFetching:v==="entries"?i.isFetching:P.isFetching,apiPath:v==="entries"?q:"/knowledge/domains"}),children:e.jsx(we,{label:"Search",value:m,onChange:u,placeholder:l?"Filter by key or tag...":"Filter by domain..."})}),B?e.jsx("div",{className:"animate-pulse space-y-2 mt-4",children:Array.from({length:6}).map((s,d)=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded"},d))}):v==="domains"?T.length===0?e.jsx("div",{className:"cursor-pointer",onClick:()=>{f(void 0),g(!0)},children:e.jsx(oe,{icon:le,title:m?"No matching domains":"Knowledge Base Empty",description:m?void 0:"Create your first entry or drop a JSON file"})}):e.jsxs("table",{className:"w-full mt-2",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-left text-2xs uppercase tracking-wider text-text-tertiary",children:[e.jsx("th",{className:"pb-2 pl-2 font-medium",children:"Domain"}),e.jsx("th",{className:"pb-2 font-medium w-24 text-right",children:"Entries"}),e.jsx("th",{className:"pb-2 pr-2 font-medium w-40 text-right",children:"Latest"})]})}),e.jsx("tbody",{children:T.map(s=>e.jsxs("tr",{onClick:()=>K(s.domain),className:"row-hover cursor-pointer group",children:[e.jsx("td",{className:"py-2 pl-2",children:e.jsxs("span",{className:"flex items-center gap-2.5",children:[e.jsx(xe,{className:"w-4 h-4 text-accent/75 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-sm text-text-primary group-hover:text-accent transition-colors",children:s.domain})]})}),e.jsx("td",{className:"py-2 text-right text-xs text-text-secondary tabular-nums",children:s.count}),e.jsx("td",{className:"py-2 pr-2 text-right text-xs text-text-secondary",children:e.jsx(H,{date:s.latest})})]},s.domain))})]}):O.length===0?e.jsx("div",{className:"cursor-pointer",onClick:()=>{f(void 0),g(!0)},children:e.jsx(oe,{icon:ce,title:m?"No matching entries":"No entries in this domain",description:m?void 0:"Add an entry or drop a JSON file"})}):e.jsxs(e.Fragment,{children:[e.jsxs("table",{className:"w-full mt-2",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-left text-2xs uppercase tracking-wider text-text-tertiary",children:[e.jsx("th",{className:"pb-2 pl-2 font-medium w-[200px]",children:"Key"}),e.jsx("th",{className:"pb-2 font-medium",children:"Tags"}),e.jsx("th",{className:"pb-2 font-medium w-16 text-right",children:"Fields"}),e.jsx("th",{className:"pb-2 font-medium w-20 text-right",children:"Version"}),e.jsx("th",{className:"pb-2 pr-2 font-medium w-32 text-right",children:"Updated"})]})}),e.jsx("tbody",{children:O.map(s=>{var d;return e.jsxs("tr",{onClick:()=>K(l,s.key),className:"row-hover cursor-pointer group",children:[e.jsx("td",{className:"py-2 pl-2 w-[200px]",children:e.jsxs("span",{className:"flex items-center gap-2.5",children:[e.jsx(me,{className:"w-4 h-4 text-accent/75 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-sm text-text-primary group-hover:text-accent transition-colors truncate max-w-[160px]",title:s.key,children:s.key})]})}),e.jsx("td",{className:"py-2",children:e.jsxs("div",{className:"flex flex-wrap gap-1",children:[(d=s.tags)==null?void 0:d.slice(0,5).map(w=>e.jsx("span",{className:"inline-flex items-center px-1.5 py-0 rounded-full text-2xs font-medium bg-accent/10 text-accent",children:w},w)),s.tags&&s.tags.length>5&&e.jsxs("span",{className:"text-2xs text-text-tertiary",children:["+",s.tags.length-5]})]})}),e.jsx("td",{className:"py-2 text-right text-xs text-text-secondary tabular-nums",children:s.data?Object.keys(s.data).length:0}),e.jsxs("td",{className:"py-2 text-right text-xs text-text-secondary font-mono tabular-nums",children:["v",s.current_version]}),e.jsx("td",{className:"py-2 pr-2 text-right text-xs text-text-secondary",children:e.jsx(H,{date:s.updated_at})})]},s.key)})})]}),e.jsx(Se,{page:A,totalPages:I,onPageChange:k,total:R,pageSize:S,onPageSizeChange:F})]})]})]}),e.jsx(Ie,{open:p,onClose:()=>{g(!1),f(void 0)},onCreated:(s,d)=>{n({domain:s,key:d}),P.refetch()},prefillData:C,prefillDomain:l||void 0})]})}export{at as KnowledgePage};
+//# sourceMappingURL=index-PcyGjmBm.js.map