@hotmeshio/long-tail 0.9.6 → 0.10.1

package/dashboard/dist/assets/{index-CuC_mNNA.js.map → index-BXrm76Hm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CuC_mNNA.js","sources":["../../src/hooks/useExpandedRows.ts","../../src/pages/mcp/servers/helpers.ts","../../src/pages/mcp/servers/ServerRow.tsx","../../src/pages/mcp/servers/McpServersPage.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\n/**\n * Track expanded row IDs with localStorage persistence.\n *\n * Resilient: if a stored ID no longer exists in the data, it's silently ignored.\n * Never blocks rendering — reads from localStorage synchronously on mount,\n * writes asynchronously on change.\n */\nexport function useExpandedRows(storageKey: string): {\n  expandedIds: Set<string>;\n  toggle: (id: string) => void;\n  isExpanded: (id: string) => boolean;\n} {\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(() => {\n    try {\n      const raw = localStorage.getItem(storageKey);\n      if (raw) {\n        const parsed = JSON.parse(raw);\n        if (Array.isArray(parsed)) return new Set(parsed);\n      }\n    } catch { /* corrupted or unavailable — start empty */ }\n    return new Set();\n  });\n\n  const persist = useCallback((next: Set<string>) => {\n    try {\n      localStorage.setItem(storageKey, JSON.stringify([...next]));\n    } catch { /* quota exceeded or unavailable — ignore */ }\n  }, [storageKey]);\n\n  const toggle = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      persist(next);\n      return next;\n    });\n  }, [persist]);\n\n  const isExpanded = useCallback((id: string) => expandedIds.has(id), [expandedIds]);\n\n  return { expandedIds, toggle, isExpanded };\n}\n","import type { McpServerRecord, McpToolManifest } from '../../../api/types';\n\nexport function isBuiltIn(row: McpServerRecord): boolean {\n  return !!(row.metadata as Record<string, unknown> | null)?.builtin\n    || !!(row.transport_config as Record<string, unknown> | null)?.builtin;\n}\n\n/** Check if a server or any of its tools match the search term */\nexport function matchesSearch(server: McpServerRecord, search: string): boolean {\n  if (!search) return true;\n  const q = search.toLowerCase();\n  if (server.name.toLowerCase().includes(q)) return true;\n  if (server.description?.toLowerCase().includes(q)) return true;\n  if ((server.tags ?? []).some((t) => t.toLowerCase().includes(q))) return true;\n  const tools = (server.tool_manifest ?? []) as McpToolManifest[];\n  return tools.some(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n\n/** Filter tools within a server that match the search term */\nexport function filterTools(tools: McpToolManifest[], search: string): McpToolManifest[] {\n  if (!search) return tools;\n  const q = search.toLowerCase();\n  return tools.filter(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n","import { ChevronRight, Pencil, Trash2, Plug, Unplug, Play } from 'lucide-react';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\nimport {\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n} from '../../../api/mcp';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { ToolPill } from '../../../components/common/display/ToolPill';\nimport { ServerName } from '../../../components/common/display/ServerName';\n\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { isBuiltIn } from './helpers';\n\nexport function ServerRow({\n  server,\n  expanded,\n  onToggle,\n  onEdit,\n  onDelete,\n  onTryTool,\n  connect,\n  disconnect,\n  visibleTools,\n}: {\n  server: McpServerRecord;\n  expanded: boolean;\n  onToggle: () => void;\n  onEdit: () => void;\n  onDelete: () => void;\n  onTryTool: (tool: McpToolManifest) => void;\n  connect: ReturnType<typeof useConnectMcpServer>;\n  disconnect: ReturnType<typeof useDisconnectMcpServer>;\n  visibleTools: McpToolManifest[];\n}) {\n  const allTools = (server.tool_manifest ?? []) as McpToolManifest[];\n  const builtin = isBuiltIn(server);\n  const tags = server.tags ?? [];\n\n  return (\n    <>\n      {/* Server header row */}\n      <tr\n        onClick={allTools.length > 0 ? onToggle : undefined}\n        className={`group/row border-b border-surface-border/50 transition-colors duration-100 ${\n          allTools.length > 0 ? 'cursor-pointer row-hover' : ''\n        }`}\n      >\n        {/* Name + tags */}\n        <td className=\"px-6 py-2.5\">\n          <div className=\"flex items-center gap-3\">\n            <span className={`transition-transform duration-150 ${expanded ? 'rotate-90' : ''} ${allTools.length === 0 ? 'opacity-0' : 'text-text-tertiary'}`}>\n              <ChevronRight size={14} />\n            </span>\n            <span className=\"flex items-center gap-1.5\">\n              <ServerName name={server.name} serverId={server.id} short={false} />\n              {allTools.length > 0 && (\n                <sup className=\"text-[9px] font-normal text-accent/70\">{allTools.length}</sup>\n              )}\n            </span>\n            {tags.length > 0 && (\n              <div className=\"flex gap-1 ml-auto shrink-0\">\n                {tags.slice(0, 3).map((tag) => (\n                  <span key={tag} className=\"inline-block px-1.5 py-0 text-[9px] text-text-tertiary bg-surface-sunken rounded\">\n                    {tag}\n                  </span>\n                ))}\n                {tags.length > 3 && (\n                  <span className=\"text-[9px] text-text-quaternary\" title={tags.slice(3).join(', ')}>&hellip;</span>\n                )}\n              </div>\n            )}\n          </div>\n        </td>\n\n        {/* Status */}\n        <td className=\"px-4 py-2.5 w-28 whitespace-nowrap\">\n          <StatusBadge status={server.status} />\n        </td>\n\n        {/* Actions */}\n        <td className=\"px-4 py-2.5 w-16\">\n          <RowActionGroup>\n            {!builtin && (\n              server.status === 'connected' ? (\n                <RowAction\n                  icon={Unplug}\n                  title=\"Disconnect server\"\n                  onClick={() => disconnect.mutate(server.id)}\n                />\n              ) : (\n                <RowAction\n                  icon={Plug}\n                  title=\"Connect server\"\n                  onClick={() => connect.mutate(server.id)}\n                  colorClass=\"text-text-tertiary hover:text-status-success\"\n                />\n              )\n            )}\n            <RowAction\n              icon={Pencil}\n              title=\"Edit server\"\n              onClick={onEdit}\n            />\n            {!builtin && (\n              <RowAction\n                icon={Trash2}\n                title=\"Delete server\"\n                onClick={onDelete}\n                colorClass=\"text-text-tertiary hover:text-status-error\"\n              />\n            )}\n          </RowActionGroup>\n        </td>\n      </tr>\n\n      {/* Expanded tool rows — real table rows for column alignment */}\n      {expanded && visibleTools.map((tool) => (\n        <tr\n          key={tool.name}\n          onClick={() => onTryTool(tool)}\n          className=\"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15\"\n        >\n          {/* Tool name + description */}\n          <td className=\"pl-14 pr-6 py-2.5\">\n            <ToolPill name={tool.name} size=\"md\" />\n            {tool.description && (\n              <p className=\"text-[11px] leading-snug text-text-quaternary mt-0.5\">{tool.description}</p>\n            )}\n          </td>\n\n          {/* Status — empty for tools */}\n          <td className=\"px-4 py-2.5 w-28\" />\n\n          {/* Actions — play on hover */}\n          <td className=\"px-4 py-2.5 w-16\">\n            <div className=\"flex items-center justify-end\">\n              <button\n                onClick={(e) => { e.stopPropagation(); onTryTool(tool); }}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent\"\n                title=\"Try tool\"\n              >\n                <Play className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </div>\n          </td>\n        </tr>\n      ))}\n    </>\n  );\n}\n","import { useState, useMemo, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  useMcpServers,\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n  useDeleteMcpServer,\n} from '../../../api/mcp';\nimport { EmptyState } from '../../../components/common/display/EmptyState';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useExpandedRows } from '../../../hooks/useExpandedRows';\nimport { ToolTestPanel } from '../../../components/common/test/ToolTestPanel';\nimport { matchesSearch, filterTools } from './helpers';\nimport { ServerRow } from './ServerRow';\n\nexport function McpServersPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', search: '', tag: '' },\n  });\n\n  const { data, isLoading } = useMcpServers({\n    status: filters.status || undefined,\n    search: filters.search || undefined,\n    tags: filters.tag || undefined,\n  });\n  const connect = useConnectMcpServer();\n  const disconnect = useDisconnectMcpServer();\n  const deleteServer = useDeleteMcpServer();\n\n  const [confirmDelete, setConfirmDelete] = useState<McpServerRecord | null>(null);\n  const { expandedIds, toggle: toggleExpand } = useExpandedRows('lt:expanded:mcp-servers');\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: McpToolManifest;\n  } | null>(null);\n\n  const servers = data?.servers ?? [];\n  const total = data?.total ?? 0;\n\n  // Derive unique tags from current result set for the filter dropdown\n  const tagOptions = useMemo(() => {\n    const allTags = new Set<string>();\n    for (const s of servers) {\n      for (const t of s.tags ?? []) allTags.add(t);\n    }\n    return [...allTags].sort().map((t) => ({ value: t, label: t }));\n  }, [servers]);\n\n  // Client-side search filtering for tool-level matches within expanded rows\n  const filteredServers = useMemo(() => {\n    if (!filters.search) return servers;\n    return servers.filter((s) => matchesSearch(s, filters.search));\n  }, [servers, filters.search]);\n\n  // Auto-expand servers whose tools match the search (so results are visible)\n  useEffect(() => {\n    if (!filters.search) return;\n    const q = filters.search.toLowerCase();\n    for (const s of filteredServers) {\n      const tools = (s.tool_manifest ?? []) as McpToolManifest[];\n      const hasToolMatch = tools.some(\n        (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n      );\n      if (hasToolMatch && !expandedIds.has(s.id)) {\n        toggleExpand(s.id);\n      }\n    }\n  }, [filters.search, filteredServers]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteServer.mutate(confirmDelete.id, {\n      onSuccess: () => setConfirmDelete(null),\n    });\n  };\n\n  if (isLoading) {\n    return (\n      <div>\n        <PageHeader title=\"Servers & Tools\" />\n        <div className=\"animate-pulse space-y-0\">\n          {Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n              <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Servers & Tools\"\n        docsHash=\"#docs:dashboard.md:mcp-server-tools\"\n        actions={\n          <button\n            onClick={() => navigate('/mcp/servers/new')}\n            className=\"btn-primary text-xs\"\n          >\n            Register Server\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed\">\n        Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer.\n      </p>\n\n      <FilterBar>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"Server or tool name...\"\n        />\n        <FilterSelect\n          label=\"Tag\"\n          value={filters.tag}\n          onChange={(v) => setFilter('tag', v)}\n          options={tagOptions}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'registered', label: 'Registered' },\n            { value: 'connected', label: 'Connected' },\n            { value: 'error', label: 'Error' },\n            { value: 'disconnected', label: 'Disconnected' },\n          ]}\n        />\n      </FilterBar>\n\n      <div className={`flex gap-0 ${tryTool ? '' : ''}`}>\n        {/* Server list */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {filteredServers.length === 0 ? (\n            <EmptyState title=\"No servers found\" />\n          ) : (\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b\">\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n                    Server / Tool\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary w-28\">\n                    Status\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface w-16\" />\n                </tr>\n              </thead>\n              <tbody>\n                {filteredServers.map((server) => (\n                  <ServerRow\n                    key={server.id}\n                    server={server}\n                    expanded={expandedIds.has(server.id)}\n                    onToggle={() => toggleExpand(server.id)}\n                    onEdit={() => navigate(`/mcp/servers/${server.id}`)}\n                    onDelete={() => setConfirmDelete(server)}\n                    onTryTool={(tool) =>\n                      setTryTool({\n                        serverId: server.id,\n                        serverName: server.name,\n                        tool,\n                      })\n                    }\n                    connect={connect}\n                    disconnect={disconnect}\n                    visibleTools={filterTools(\n                      (server.tool_manifest ?? []) as McpToolManifest[],\n                      filters.search,\n                    )}\n                  />\n                ))}\n              </tbody>\n            </table>\n          )}\n\n          <StickyPagination\n            page={pagination.page}\n            totalPages={pagination.totalPages(total)}\n            onPageChange={pagination.setPage}\n            total={total}\n            pageSize={pagination.pageSize}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </div>\n\n        {/* Test panel — slides in from right */}\n        {tryTool && (\n          <div className=\"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto\">\n            <ToolTestPanel\n              serverId={tryTool.serverId}\n              serverName={tryTool.serverName}\n              tool={tryTool.tool}\n              onClose={() => setTryTool(null)}\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Delete confirmation modal */}\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Delete MCP Server\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{confirmDelete?.name}</span>?\n            This will remove the server registration.\n          </>\n        }\n        isPending={deleteServer.isPending}\n        error={deleteServer.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["useExpandedRows","storageKey","expandedIds","setExpandedIds","useState","raw","parsed","persist","useCallback","next","toggle","id","prev","isExpanded","isBuiltIn","row","_a","_b","matchesSearch","server","search","q","t","filterTools","tools","ServerRow","expanded","onToggle","onEdit","onDelete","onTryTool","connect","disconnect","visibleTools","allTools","builtin","tags","jsxs","Fragment","jsx","ChevronRight","ServerName","tag","StatusBadge","RowActionGroup","RowAction","Unplug","Plug","Pencil","Trash2","tool","ToolPill","e","Play","McpServersPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","useMcpServers","useConnectMcpServer","useDisconnectMcpServer","deleteServer","useDeleteMcpServer","confirmDelete","setConfirmDelete","toggleExpand","tryTool","setTryTool","servers","total","tagOptions","useMemo","allTags","s","filteredServers","useEffect","handleDelete","PageHeader","_","i","FilterBar","FilterInput","v","FilterSelect","EmptyState","StickyPagination","ToolTestPanel","ConfirmDeleteModal"],"mappings":"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"}
+{"version":3,"file":"index-BXrm76Hm.js","sources":["../../src/hooks/useExpandedRows.ts","../../src/pages/mcp/servers/helpers.ts","../../src/pages/mcp/servers/ServerRow.tsx","../../src/pages/mcp/servers/McpServersPage.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\n/**\n * Track expanded row IDs with localStorage persistence.\n *\n * Resilient: if a stored ID no longer exists in the data, it's silently ignored.\n * Never blocks rendering — reads from localStorage synchronously on mount,\n * writes asynchronously on change.\n */\nexport function useExpandedRows(storageKey: string): {\n  expandedIds: Set<string>;\n  toggle: (id: string) => void;\n  isExpanded: (id: string) => boolean;\n} {\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(() => {\n    try {\n      const raw = localStorage.getItem(storageKey);\n      if (raw) {\n        const parsed = JSON.parse(raw);\n        if (Array.isArray(parsed)) return new Set(parsed);\n      }\n    } catch { /* corrupted or unavailable — start empty */ }\n    return new Set();\n  });\n\n  const persist = useCallback((next: Set<string>) => {\n    try {\n      localStorage.setItem(storageKey, JSON.stringify([...next]));\n    } catch { /* quota exceeded or unavailable — ignore */ }\n  }, [storageKey]);\n\n  const toggle = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      persist(next);\n      return next;\n    });\n  }, [persist]);\n\n  const isExpanded = useCallback((id: string) => expandedIds.has(id), [expandedIds]);\n\n  return { expandedIds, toggle, isExpanded };\n}\n","import type { McpServerRecord, McpToolManifest } from '../../../api/types';\n\nexport function isBuiltIn(row: McpServerRecord): boolean {\n  return !!(row.metadata as Record<string, unknown> | null)?.builtin\n    || !!(row.transport_config as Record<string, unknown> | null)?.builtin;\n}\n\n/** Check if a server or any of its tools match the search term */\nexport function matchesSearch(server: McpServerRecord, search: string): boolean {\n  if (!search) return true;\n  const q = search.toLowerCase();\n  if (server.name.toLowerCase().includes(q)) return true;\n  if (server.description?.toLowerCase().includes(q)) return true;\n  if ((server.tags ?? []).some((t) => t.toLowerCase().includes(q))) return true;\n  const tools = (server.tool_manifest ?? []) as McpToolManifest[];\n  return tools.some(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n\n/** Filter tools within a server that match the search term */\nexport function filterTools(tools: McpToolManifest[], search: string): McpToolManifest[] {\n  if (!search) return tools;\n  const q = search.toLowerCase();\n  return tools.filter(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n","import { ChevronRight, Pencil, Trash2, Plug, Unplug, Play } from 'lucide-react';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\nimport {\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n} from '../../../api/mcp';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { ToolPill } from '../../../components/common/display/ToolPill';\nimport { ServerName } from '../../../components/common/display/ServerName';\n\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { isBuiltIn } from './helpers';\n\nexport function ServerRow({\n  server,\n  expanded,\n  onToggle,\n  onEdit,\n  onDelete,\n  onTryTool,\n  connect,\n  disconnect,\n  visibleTools,\n}: {\n  server: McpServerRecord;\n  expanded: boolean;\n  onToggle: () => void;\n  onEdit: () => void;\n  onDelete: () => void;\n  onTryTool: (tool: McpToolManifest) => void;\n  connect: ReturnType<typeof useConnectMcpServer>;\n  disconnect: ReturnType<typeof useDisconnectMcpServer>;\n  visibleTools: McpToolManifest[];\n}) {\n  const allTools = (server.tool_manifest ?? []) as McpToolManifest[];\n  const builtin = isBuiltIn(server);\n  const tags = server.tags ?? [];\n\n  return (\n    <>\n      {/* Server header row */}\n      <tr\n        onClick={allTools.length > 0 ? onToggle : undefined}\n        className={`group/row border-b border-surface-border/50 transition-colors duration-100 ${\n          allTools.length > 0 ? 'cursor-pointer row-hover' : ''\n        }`}\n      >\n        {/* Name + tags */}\n        <td className=\"px-6 py-2.5\">\n          <div className=\"flex items-center gap-3\">\n            <span className={`transition-transform duration-150 ${expanded ? 'rotate-90' : ''} ${allTools.length === 0 ? 'opacity-0' : 'text-text-tertiary'}`}>\n              <ChevronRight size={14} />\n            </span>\n            <span className=\"flex items-center gap-1.5\">\n              <ServerName name={server.name} serverId={server.id} short={false} />\n              {allTools.length > 0 && (\n                <sup className=\"text-[9px] font-normal text-accent/70\">{allTools.length}</sup>\n              )}\n            </span>\n            {tags.length > 0 && (\n              <div className=\"flex gap-1 ml-auto shrink-0\">\n                {tags.slice(0, 3).map((tag) => (\n                  <span key={tag} className=\"inline-block px-1.5 py-0 text-[9px] text-text-tertiary bg-surface-sunken rounded\">\n                    {tag}\n                  </span>\n                ))}\n                {tags.length > 3 && (\n                  <span className=\"text-[9px] text-text-quaternary\" title={tags.slice(3).join(', ')}>&hellip;</span>\n                )}\n              </div>\n            )}\n          </div>\n        </td>\n\n        {/* Status */}\n        <td className=\"px-4 py-2.5 w-28 whitespace-nowrap\">\n          <StatusBadge status={server.status} />\n        </td>\n\n        {/* Actions */}\n        <td className=\"px-4 py-2.5 w-16\">\n          <RowActionGroup>\n            {!builtin && (\n              server.status === 'connected' ? (\n                <RowAction\n                  icon={Unplug}\n                  title=\"Disconnect server\"\n                  onClick={() => disconnect.mutate(server.id)}\n                />\n              ) : (\n                <RowAction\n                  icon={Plug}\n                  title=\"Connect server\"\n                  onClick={() => connect.mutate(server.id)}\n                  colorClass=\"text-text-tertiary hover:text-status-success\"\n                />\n              )\n            )}\n            <RowAction\n              icon={Pencil}\n              title=\"Edit server\"\n              onClick={onEdit}\n            />\n            {!builtin && (\n              <RowAction\n                icon={Trash2}\n                title=\"Delete server\"\n                onClick={onDelete}\n                colorClass=\"text-text-tertiary hover:text-status-error\"\n              />\n            )}\n          </RowActionGroup>\n        </td>\n      </tr>\n\n      {/* Expanded tool rows — real table rows for column alignment */}\n      {expanded && visibleTools.map((tool) => (\n        <tr\n          key={tool.name}\n          onClick={() => onTryTool(tool)}\n          className=\"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15\"\n        >\n          {/* Tool name + description */}\n          <td className=\"pl-14 pr-6 py-2.5\">\n            <ToolPill name={tool.name} size=\"md\" />\n            {tool.description && (\n              <p className=\"text-[11px] leading-snug text-text-quaternary mt-0.5\">{tool.description}</p>\n            )}\n          </td>\n\n          {/* Status — empty for tools */}\n          <td className=\"px-4 py-2.5 w-28\" />\n\n          {/* Actions — play on hover */}\n          <td className=\"px-4 py-2.5 w-16\">\n            <div className=\"flex items-center justify-end\">\n              <button\n                onClick={(e) => { e.stopPropagation(); onTryTool(tool); }}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent\"\n                title=\"Try tool\"\n              >\n                <Play className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </div>\n          </td>\n        </tr>\n      ))}\n    </>\n  );\n}\n","import { useState, useMemo, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  useMcpServers,\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n  useDeleteMcpServer,\n} from '../../../api/mcp';\nimport { EmptyState } from '../../../components/common/display/EmptyState';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useExpandedRows } from '../../../hooks/useExpandedRows';\nimport { ToolTestPanel } from '../../../components/common/test/ToolTestPanel';\nimport { matchesSearch, filterTools } from './helpers';\nimport { ServerRow } from './ServerRow';\n\nexport function McpServersPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', search: '', tag: '' },\n  });\n\n  const { data, isLoading } = useMcpServers({\n    status: filters.status || undefined,\n    search: filters.search || undefined,\n    tags: filters.tag || undefined,\n  });\n  const connect = useConnectMcpServer();\n  const disconnect = useDisconnectMcpServer();\n  const deleteServer = useDeleteMcpServer();\n\n  const [confirmDelete, setConfirmDelete] = useState<McpServerRecord | null>(null);\n  const { expandedIds, toggle: toggleExpand } = useExpandedRows('lt:expanded:mcp-servers');\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: McpToolManifest;\n  } | null>(null);\n\n  const servers = data?.servers ?? [];\n  const total = data?.total ?? 0;\n\n  // Derive unique tags from current result set for the filter dropdown\n  const tagOptions = useMemo(() => {\n    const allTags = new Set<string>();\n    for (const s of servers) {\n      for (const t of s.tags ?? []) allTags.add(t);\n    }\n    return [...allTags].sort().map((t) => ({ value: t, label: t }));\n  }, [servers]);\n\n  // Client-side search filtering for tool-level matches within expanded rows\n  const filteredServers = useMemo(() => {\n    if (!filters.search) return servers;\n    return servers.filter((s) => matchesSearch(s, filters.search));\n  }, [servers, filters.search]);\n\n  // Auto-expand servers whose tools match the search (so results are visible)\n  useEffect(() => {\n    if (!filters.search) return;\n    const q = filters.search.toLowerCase();\n    for (const s of filteredServers) {\n      const tools = (s.tool_manifest ?? []) as McpToolManifest[];\n      const hasToolMatch = tools.some(\n        (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n      );\n      if (hasToolMatch && !expandedIds.has(s.id)) {\n        toggleExpand(s.id);\n      }\n    }\n  }, [filters.search, filteredServers]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteServer.mutate(confirmDelete.id, {\n      onSuccess: () => setConfirmDelete(null),\n    });\n  };\n\n  if (isLoading) {\n    return (\n      <div>\n        <PageHeader title=\"Servers & Tools\" />\n        <div className=\"animate-pulse space-y-0\">\n          {Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n              <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Servers & Tools\"\n        docsHash=\"#docs:dashboard.md:mcp-server-tools\"\n        actions={\n          <button\n            onClick={() => navigate('/mcp/servers/new')}\n            className=\"btn-primary text-xs\"\n          >\n            Register Server\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed\">\n        Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer.\n      </p>\n\n      <FilterBar>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"Server or tool name...\"\n        />\n        <FilterSelect\n          label=\"Tag\"\n          value={filters.tag}\n          onChange={(v) => setFilter('tag', v)}\n          options={tagOptions}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'registered', label: 'Registered' },\n            { value: 'connected', label: 'Connected' },\n            { value: 'error', label: 'Error' },\n            { value: 'disconnected', label: 'Disconnected' },\n          ]}\n        />\n      </FilterBar>\n\n      <div className={`flex gap-0 ${tryTool ? '' : ''}`}>\n        {/* Server list */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {filteredServers.length === 0 ? (\n            <EmptyState title=\"No servers found\" />\n          ) : (\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b\">\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n                    Server / Tool\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary w-28\">\n                    Status\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface w-16\" />\n                </tr>\n              </thead>\n              <tbody>\n                {filteredServers.map((server) => (\n                  <ServerRow\n                    key={server.id}\n                    server={server}\n                    expanded={expandedIds.has(server.id)}\n                    onToggle={() => toggleExpand(server.id)}\n                    onEdit={() => navigate(`/mcp/servers/${server.id}`)}\n                    onDelete={() => setConfirmDelete(server)}\n                    onTryTool={(tool) =>\n                      setTryTool({\n                        serverId: server.id,\n                        serverName: server.name,\n                        tool,\n                      })\n                    }\n                    connect={connect}\n                    disconnect={disconnect}\n                    visibleTools={filterTools(\n                      (server.tool_manifest ?? []) as McpToolManifest[],\n                      filters.search,\n                    )}\n                  />\n                ))}\n              </tbody>\n            </table>\n          )}\n\n          <StickyPagination\n            page={pagination.page}\n            totalPages={pagination.totalPages(total)}\n            onPageChange={pagination.setPage}\n            total={total}\n            pageSize={pagination.pageSize}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </div>\n\n        {/* Test panel — slides in from right */}\n        {tryTool && (\n          <div className=\"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto\">\n            <ToolTestPanel\n              serverId={tryTool.serverId}\n              serverName={tryTool.serverName}\n              tool={tryTool.tool}\n              onClose={() => setTryTool(null)}\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Delete confirmation modal */}\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Delete MCP Server\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{confirmDelete?.name}</span>?\n            This will remove the server registration.\n          </>\n        }\n        isPending={deleteServer.isPending}\n        error={deleteServer.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["useExpandedRows","storageKey","expandedIds","setExpandedIds","useState","raw","parsed","persist","useCallback","next","toggle","id","prev","isExpanded","isBuiltIn","row","_a","_b","matchesSearch","server","search","q","t","filterTools","tools","ServerRow","expanded","onToggle","onEdit","onDelete","onTryTool","connect","disconnect","visibleTools","allTools","builtin","tags","jsxs","Fragment","jsx","ChevronRight","ServerName","tag","StatusBadge","RowActionGroup","RowAction","Unplug","Plug","Pencil","Trash2","tool","ToolPill","e","Play","McpServersPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","data","isLoading","useMcpServers","useConnectMcpServer","useDisconnectMcpServer","deleteServer","useDeleteMcpServer","confirmDelete","setConfirmDelete","toggleExpand","tryTool","setTryTool","servers","total","tagOptions","useMemo","allTags","s","filteredServers","useEffect","handleDelete","PageHeader","_","i","FilterBar","FilterInput","v","FilterSelect","EmptyState","StickyPagination","ToolTestPanel","ConfirmDeleteModal"],"mappings":"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"}

package/dashboard/dist/assets/index-BeFjLCIQ.js

@@ -0,0 +1,5 @@
+import{j as e,a as p,b as Rt}from"./vendor-query-B2UbickB.js";import{G as Te,M as Oe,J as be,b as Re,m as $t,L as At,g as Mt,h as It,O as St,P as Ot,Q as Dt,u as Pt,o as Lt,l as Wt}from"./index-iX8HLLB9.js";import{b as Ft,d as qt,H as Jt,g as at,u as it,C as lt,m as Vt,c as ot,a as Ht}from"./CustomDurationPicker-BxyjEX27.js";import{P as Ut}from"./PageHeader-BIY1YvKR.js";import{L as zt}from"./ListToolbar-CDlol8XJ.js";import{i as ct,C as Pe,m as Be}from"./CountdownTimer-DFqEYmiF.js";import{u as Gt}from"./workflows-DPhX5L5C.js";import{g as Yt}from"./useEventHooks-CqH8Pasj.js";import{S as Bt,a as Qt,P as X}from"./SlidePanel-DK4sWXmp.js";import{S as Xt}from"./StatusBadge-CEQMRmSQ.js";import{R as Kt}from"./RolePill-4LO_CuO3.js";import{C as te}from"./CopyableId-uot2mE_g.js";import{U as dt}from"./UserName-CkFpUqVK.js";import{K as Zt,al as es,S as ts,am as ss,z as xt,i as ns,a6 as ut,U as rs,aa as as,ab as is,an as Qe,ao as ls,ap as Xe,aq as Ke,ar as os,X as cs}from"./vendor-icons-Qk9qLjF_.js";import{c as mt,L as ke,e as ds}from"./vendor-react-CXumBFUA.js";import{M as xs}from"./Modal-D4afnAjc.js";import"./constants-BHkpVaqx.js";import"./users-BrcmIH7O.js";const we={pending:"#0ea5e9",claimed:"#f97316",resolved:"#16a34a",cancelled:"#ef4444"},$e=5;function Ze({pct:t,place:r,label:a,title:n,emphasis:s}){const i=e.jsx("span",{className:"w-px h-1.5 bg-slate-300","aria-hidden":!0}),d=e.jsx("span",{className:`whitespace-nowrap leading-none tabular-nums ${s?"text-text-secondary":"text-text-tertiary"}`,children:a});return e.jsx("div",{title:n,className:`absolute ${r==="above"?"bottom-0":"top-0"} flex flex-col items-center gap-0 -translate-x-1/2 cursor-help`,style:{left:`${t}%`},children:r==="above"?e.jsxs(e.Fragment,{children:[d,i]}):e.jsxs(e.Fragment,{children:[i,d]})})}function us({esc:t,className:r=""}){const a=new Date(t.created_at).getTime(),n=t.claimed_at?new Date(t.claimed_at).getTime():null,s=t.status==="resolved",i=t.status==="cancelled"||t.status==="expired",d=s||i,c=ct(t),o=!!n&&(c||d),l=s&&t.resolved_at?new Date(t.resolved_at).getTime():i?new Date(t.updated_at).getTime():Date.now(),x=Math.max(l-a,1),u=o&&n?Math.max(n-a,0):x,f=o&&n?Math.max(l-n,0):0,j=Math.min(100,Math.max(0,u/x*100)),h=o?Math.max(0,100-j):0,g=s?we.resolved:i?we.cancelled:we.claimed,m=s?"Resolved after":i?"Cancelled after":"In progress",$=Te(u),k=Te(x),I=s?`Resolved in ${k} total`:i?`Cancelled after ${k}`:`Open ${k} so far`,O=`Lifecycle bar: blue = time waiting to be claimed, ${s?"green":i?"red":"orange"} = ${m.toLowerCase()} the claim.`;return e.jsxs("div",{className:r,title:O,children:[e.jsx("div",{className:"relative h-3 text-[9px] font-mono",children:o&&e.jsx(Ze,{pct:j,place:"above",label:$,title:`Time to claim: ${$}`})}),e.jsxs("div",{className:"flex w-full rounded-full overflow-hidden",style:{height:$e,backgroundColor:"#e2e8f0"},title:O,children:[e.jsx("div",{style:{width:`${j}%`,minWidth:$e,backgroundColor:we.pending,opacity:.75},title:`Waiting ${$} — created → claimed`}),o&&h>0&&e.jsx("div",{style:{width:`${h}%`,minWidth:$e,backgroundColor:g,opacity:.75},title:`${m} ${Te(f)}`})]}),e.jsx("div",{className:"relative h-3 text-[9px] font-mono",children:e.jsx(Ze,{pct:100,place:"below",emphasis:!0,label:k,title:I})})]})}function ms({triage:t,payload:r}){const a=t.confidence??0,n=a>=.8?"text-status-success":a>=.5?"text-status-pending":"text-status-error",s=ps(t.originalData,r);return e.jsxs("div",{className:"space-y-5",children:[t.diagnosis&&e.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:t.diagnosis}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3 text-xs text-text-tertiary",children:[t.tool_calls_made!=null&&e.jsxs("span",{children:[t.tool_calls_made," tool call",t.tool_calls_made!==1?"s":""]}),t.tool_calls_made!=null&&e.jsx("span",{className:"text-text-quaternary",children:"·"}),e.jsxs("span",{className:`font-medium ${n}`,children:[Math.round(a*100),"% confidence"]})]}),t.actions_taken&&t.actions_taken.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.actions_taken.map((i,d)=>e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2 py-0.5 text-[11px]
+                         text-text-secondary`,children:[e.jsx("svg",{className:"w-3 h-3 text-status-success shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}),i]},d))}),t.recommendation&&e.jsx("p",{className:"text-[11px] text-text-tertiary italic",children:t.recommendation}),s.length>0&&e.jsx("div",{className:"space-y-4 pt-2",children:s.map(i=>e.jsx(fs,{diff:i},i.key))})]})}function ps(t,r){if(!t)return[];const a=[];for(const n of Object.keys(t)){if(n.startsWith("_"))continue;const s=t[n],i=r[n];i!==void 0&&JSON.stringify(s)!==JSON.stringify(i)&&a.push({key:n,label:n.replace(/[_-]/g," "),original:s,corrected:i})}return a}function fs({diff:t}){const r=et(t.original),a=et(t.corrected);return r!==null&&a!==null?e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),e.jsx("p",{className:"text-sm text-text-tertiary leading-relaxed line-through decoration-text-tertiary/30",children:r})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),e.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:a})]})]}):e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),e.jsx("pre",{className:"text-xs text-text-tertiary font-mono whitespace-pre-wrap leading-relaxed",children:typeof t.original=="object"?JSON.stringify(t.original,null,2):String(t.original)})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),e.jsx("pre",{className:"text-xs text-text-primary font-mono whitespace-pre-wrap leading-relaxed",children:typeof t.corrected=="object"?JSON.stringify(t.corrected,null,2):String(t.corrected)})]})]})}function et(t){return t==null?"null":typeof t=="string"?t:typeof t=="number"||typeof t=="boolean"?String(t):null}const z={HELP:"help",DETAILS:"details",TRIAGE:"triage",METADATA:"metadata",CONTEXT:"context",RECORD:"record",ERRORS:"errors"},pt="lt:escalation:panel:view";function hs(t){try{const r=localStorage.getItem(pt);if(r&&t.includes(r))return r}catch{}return z.HELP}const gs=new Set(["form_schema"]);function js({metadata:t,role:r}){const a=Object.entries(t??{}).filter(([n])=>!n.startsWith("_")&&!gs.has(n));return a.length===0?e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No metadata on this escalation."}):e.jsx("dl",{className:"space-y-3.5",children:a.map(([n,s])=>{const i=typeof s=="object"&&s!==null?JSON.stringify(s):String(s),d=Be(n,s,r),c=Be(n,s);return e.jsxs("div",{className:"group relative",children:[e.jsx("dt",{className:"text-[11px] font-medium text-text-secondary uppercase tracking-wide",children:n.replace(/[_-]/g," ")}),e.jsxs("dd",{className:"mt-0.5 flex items-center gap-1",children:[e.jsx("span",{className:"text-[12px] text-text-primary font-mono break-all flex-1",children:i}),e.jsx(ke,{to:d,title:`Filter this queue: ${n} = ${i}`,className:"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5 text-text-quaternary hover:text-accent",children:e.jsx(as,{className:"w-3 h-3"})}),e.jsx(ke,{to:c,title:`Search all queues: ${n} = ${i}`,className:"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5 text-text-quaternary hover:text-accent",children:e.jsx(is,{className:"w-3 h-3"})})]})]},n)})})}function ys({esc:t,claimed:r,isTerminal:a,isBuilder:n,traceUrl:s}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("dl",{className:"space-y-3.5",children:[e.jsx(X,{label:"Status",children:e.jsx(Xt,{status:t.status})}),e.jsx(X,{label:"Assigned to Role",children:e.jsx(Kt,{role:t.role,size:"md"})}),e.jsxs(X,{label:"Priority",children:["P",t.priority]}),(r||a)&&t.assigned_to&&e.jsx(X,{label:"Claimed By",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 font-medium text-text-primary",children:[e.jsx(rs,{className:"w-3 h-3 shrink-0 text-accent/75"}),e.jsx(dt,{userId:t.assigned_to})]})}),e.jsx(X,{label:"Created",children:e.jsx(Re,{date:t.created_at})}),(r||a)&&t.claimed_at&&e.jsx(X,{label:"Claimed",children:e.jsx(Re,{date:t.claimed_at})}),r&&!a&&t.assigned_until&&e.jsx(X,{label:"Time Remaining",children:e.jsx(Pe,{until:t.assigned_until})}),t.resolved_at&&e.jsx(X,{label:"Completed",children:e.jsx("span",{className:"text-status-success",children:e.jsx(Re,{date:t.resolved_at})})})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("hr",{className:"border-surface-border/60"}),e.jsxs("div",{className:"space-y-3.5",children:[e.jsx(te,{label:"Escalation ID",value:t.id}),t.task_id&&e.jsx(te,{label:"Task ID",value:t.task_id,href:`/workflows/tasks/detail/${t.task_id}`}),t.workflow_type&&e.jsx(te,{label:"Workflow Name",value:t.workflow_type,href:`/workflows/executions?entity=${encodeURIComponent(t.workflow_type)}`}),t.workflow_id&&e.jsx(te,{label:"Workflow ID",value:t.workflow_id,href:`/workflows/executions/${t.workflow_id}`}),t.task_queue&&e.jsx(te,{label:"Task Queue",value:t.task_queue,href:`/admin/controlplane?queue=${encodeURIComponent(t.task_queue)}`}),t.origin_id&&t.origin_id!==t.workflow_id&&e.jsx(te,{label:"Origin",value:t.origin_id,href:`/processes/detail/${t.origin_id}`}),t.trace_id&&e.jsx(te,{label:"Trace",value:t.trace_id,href:s?s.replace("{traceId}",t.trace_id):void 0,external:!0})]})]})]})}function bs({errors:t}){const r=a=>{const n=document.querySelector(`[data-field-key="${a}"]`);n&&(n.scrollIntoView({behavior:"smooth",block:"center"}),n.focus({preventScroll:!0}))};return t.length===0?e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No errors to display."}):e.jsxs("div",{className:"space-y-1",role:"alert","aria-live":"polite",children:[e.jsxs("p",{className:"text-[11px] font-semibold uppercase tracking-wider text-status-error mb-4",children:[t.length," ",t.length===1?"issue":"issues"," to resolve"]}),e.jsx("div",{className:"space-y-1.5",children:t.map(({field:a,message:n})=>e.jsxs("button",{onClick:()=>r(a),className:"w-full text-left flex items-start gap-3 px-3 py-2.5 rounded hover:bg-status-error/5 transition-colors group",children:[e.jsx(ut,{className:"w-3.5 h-3.5 mt-0.5 shrink-0 text-status-error/60 group-hover:text-status-error transition-colors"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-semibold text-text-primary capitalize leading-snug",children:a.replace(/[_-]/g," ")}),e.jsx("p",{className:"text-[11px] text-text-tertiary group-hover:text-text-secondary transition-colors leading-snug mt-0.5",children:n})]})]},a))}),e.jsx("p",{className:"text-[10px] text-text-quaternary mt-4 px-3",children:"Click an issue to scroll to and focus the field."})]})}function Ns({esc:t,schema:r,envelope:a,payload:n,resolver:s,triage:i,hasAI:d,claimed:c,claimedByMe:o,isTerminal:l,isBuilder:x,traceUrl:u,open:f,noGutter:j,formErrors:h,activePanel:g,onPanelChange:m}){const $=mt(),k=Object.values(z),[I,O]=p.useState(()=>hs(k)),R=g??I,_=p.useCallback(C=>{try{localStorage.setItem(pt,C)}catch{}O(C),m==null||m(C)},[m]);p.useEffect(()=>{g&&g!==I&&O(g)},[g]);const E=p.useMemo(()=>Ft(r,{escalation:t,metadata:t.metadata??null,envelope:a,payload:n,resolver:s})??qt({isTerminal:l,status:t.status,claimed:c,claimedByMe:o}),[r,t,a,n,s,l,c,o]),A=p.useCallback(C=>{const P=C.target.closest("a"),S=P==null?void 0:P.getAttribute("href");S!=null&&S.startsWith("/")&&(C.preventDefault(),$(S))},[$]),D=[{id:z.HELP,icon:Zt,label:"Instructions",content:e.jsx(Oe,{content:E,onClick:A})},{id:z.DETAILS,icon:es,label:"Details",content:e.jsx(ys,{esc:t,claimed:c,isTerminal:l,isBuilder:x,traceUrl:u})},...d&&i?[{id:z.TRIAGE,icon:ts,label:"AI Analysis",content:e.jsx(ms,{triage:i,payload:n??{}})}]:[],{id:z.METADATA,icon:ss,label:"Metadata",content:e.jsx(js,{metadata:t.metadata,role:t.role})},{id:z.CONTEXT,icon:xt,label:"Context",content:e.jsxs("div",{className:"space-y-5",children:[a!=null&&e.jsx(be,{data:a,label:"Input Envelope"}),n!=null&&e.jsx(be,{data:n,label:"Escalation Context"}),s!=null&&e.jsx(be,{data:s,label:"Resolver Payload"}),a==null&&n==null&&s==null&&e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No context on this escalation."})]})},...x?[{id:z.RECORD,icon:ns,label:"Record",content:e.jsx(be,{data:t,label:"Escalation Record"})}]:[],...h&&h.length>0?[{id:z.ERRORS,icon:(({className:C})=>e.jsx(ut,{className:`${C??""} text-status-error`})),label:"Errors",content:e.jsx(bs,{errors:h})}]:[]];return e.jsx(Bt,{open:f,width:384,className:"h-full",children:e.jsx("div",{className:`h-full${j?"":" pl-6"}`,children:e.jsxs("div",{className:"h-full flex flex-col bg-surface-hover",children:[e.jsx("div",{className:"shrink-0 pt-1.5 pb-0.5 flex justify-center",children:e.jsx(us,{esc:t,className:"w-[80%]"})}),e.jsx("div",{className:"flex-1 min-h-0",children:e.jsx(Qt,{views:D,activeId:R,onViewChange:_,stickyClassName:"h-full min-h-0"})})]})})})}function tt(t){return t!=null&&t!==""&&t!==!1&&t!==0}function Le(t,r){if(typeof t!="string"||t.length===0||!r)return!0;const a=t.startsWith("!"),n=a?t.slice(1):t,s=n.indexOf("."),i=s===-1?n:n.slice(0,s);if(!Jt.includes(i))return!0;const d=r[i];let c;if(s===-1)c=d;else try{c=at(d,n.slice(s+1))}catch{c=void 0}return a?!tt(c):tt(c)}function vs(t,r){if(typeof t!="string"||!r)return[];const a=t.indexOf(".");if(a===-1)return[];const n=r[t.slice(0,a)];if(!n||typeof n!="object")return[];let s=n;for(const i of t.slice(a+1).split("."))if(s=s[i],s===void 0)return[];return Array.isArray(s)?s:[]}function ws(t,r,a){if((r==null?void 0:r["x-lt-widget"])!=="checklist"||r["x-lt-require-all"]!==!0)return;const s=vs(r["x-lt-source"],a).filter(c=>c.required!==!1);if(s.length===0)return;const i=typeof t=="object"&&t!==null&&!Array.isArray(t)?t:{},d=s.filter(c=>!i[c.id]).length;if(d!==0)return`${d} of ${s.length} checks incomplete`}function ks(t,r,a){if(r){if(typeof t=="string"){const n=t.trim();if(n==="")return;const s=ce(r.minLength,r["x-lt-min-length"],a);if(s!==void 0&&n.length<s)return`Minimum ${s} character${s===1?"":"s"}`;const i=ce(r.maxLength,r["x-lt-max-length"],a);if(i!==void 0&&n.length>i)return`Maximum ${i} characters (${n.length} entered)`;const d=r.pattern;if(d)try{if(!new RegExp(d).test(n))return r["x-lt-pattern-error"]??"Invalid format"}catch{}const c=r.format;if(c==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n))return"Enter a valid email address";if(c==="uri"&&!/^https?:\/\/.+/.test(n))return"Enter a valid URL"}if(typeof t=="number"){const n=ce(r.minimum,r["x-lt-minimum"],a),s=ce(r.exclusiveMinimum,void 0,a),i=ce(r.maximum,r["x-lt-maximum"],a),d=ce(r.exclusiveMaximum,void 0,a);if(n!==void 0&&t<n)return`Minimum value is ${n}`;if(s!==void 0&&t<=s)return`Must be greater than ${s}`;if(i!==void 0&&t>i)return`Maximum value is ${i}`;if(d!==void 0&&t>=d)return`Must be less than ${d}`}}}function ce(t,r,a){if(typeof t=="number")return t;if(typeof r=="string"&&a){const n=r.indexOf(".");if(n!==-1){const s=r.slice(0,n),i=r.slice(n+1),d=a[s];if(d&&typeof d=="object"){const c=i.split(".");let o=d;for(const l of c)if(o=o[l],o===void 0)break;if(typeof o=="number")return o;if(typeof o=="string"){const l=Number(o);if(!Number.isNaN(l))return l}}}}}function We(t,r,a,n,s){if(!n)return;if(a){if(t==null||typeof t=="boolean"&&!t||typeof t=="string"&&t.trim()==="")return"Required";if(typeof t=="object"&&!Array.isArray(t)&&t!==null){const d=Object.values(t);if(d.length===0||d.every(c=>!c))return"Required"}}const i=ws(t,r,s);return i||ks(t,r,s)}function Cs(t){const{mode:r,activeView:a,onActiveViewChange:n,onClaim:s,claimPending:i,workflowType:d,json:c,onResolve:o,resolvePending:l,resolveError:x,requestTriage:u,triageNotes:f,currentRole:j,escalationTargets:h,onEscalate:g,escalatePending:m,escalateError:$,onRelease:k,releasePending:I,onCancel:O,assignedTo:R,assignedUntil:_,onSubmitAttempt:E,onValidationErrors:A,escalationContext:D}=t,C=it(),[P,S]=p.useState("30"),[G,L]=p.useState(0),[N,v]=p.useState(""),[y,T]=p.useState(""),M=P==="custom",de=p.useCallback(w=>L(w),[]);if(r==="terminal")return null;const ne=()=>{const w=M?G:parseInt(P);!w||w<=0||s(w)},xe=()=>{if(v(""),u){const ae={_lt:{needsTriage:!0}};f.trim()&&(ae.notes=f.trim()),o(ae);return}let w;try{w=JSON.parse(c)}catch{v("Invalid JSON");return}const W=w._form_schema;if(W){const ae=W.properties??{},me=new Set(W.required??[]),H={...D??{},resolver:w},Z=[];for(const[q,F]of Object.entries(ae)){if(!Le(F["x-lt-showIf"],H))continue;const Y=We(w[q],F,me.has(q),!0,H);Y&&Z.push({field:q,message:Y})}if(Z.length>0){E==null||E(),A==null||A(Z);const q=Z[0],F=Z.map(ie=>ie.field.replace(/[_-]/g," ")),Y=F.length<=2?F.join(", "):`${F.slice(0,2).join(", ")}...`;v(q.message==="Required"?`Required: ${Y}`:`${q.message} — ${Y}`);return}}const{_form_schema:ue,...re}=w;o(Vt(re,W))},J=w=>`text-xs transition-colors ${w?"text-accent font-medium":"text-text-tertiary hover:text-accent"}`;return e.jsxs("div",{className:"shrink-0 h-[80px] bg-surface/95 backdrop-blur-sm border-t border-surface-border -ml-10 pl-10 pr-10 pt-3 pb-5","data-testid":"escalation-action-bar",children:[r==="available"&&e.jsxs("div",{"data-testid":"claim-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[C.map(w=>e.jsx("button",{onClick:()=>{S(w.value),L(0)},className:J(!M&&P===w.value),children:w.label},w.value)),e.jsx("button",{onClick:()=>S("custom"),className:J(M),children:"Other"})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:O,className:"text-xs text-text-tertiary hover:text-status-error transition-colors",children:"Cancel escalation"}),e.jsx("div",{className:"flex-1"}),M&&e.jsx(lt,{onChange:de,compact:!0,autoFocus:!0}),e.jsx("button",{onClick:ne,disabled:i||M&&G<=0,className:"btn-primary text-xs",children:i?"Claiming...":"Claim"})]})]}),r==="claimed_by_other"&&e.jsxs("div",{className:"flex items-center gap-4","data-testid":"claimed-other-bar",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Claimed by ",e.jsx("span",{className:"font-medium text-text-primary",children:R?e.jsx(dt,{userId:R}):"unknown"})]}),_&&e.jsx(Pe,{until:_})]}),r==="claimed_by_me"&&e.jsxs("div",{"data-testid":"action-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[e.jsx("button",{onClick:()=>n("resolve"),className:J(a==="resolve"),children:d?"Resolve":"Acknowledge"}),h.length>0&&e.jsx("button",{onClick:()=>n("escalate"),className:J(a==="escalate"),children:"Escalate"}),e.jsx("button",{onClick:()=>n("release"),className:`text-xs transition-colors ${a==="release"?"text-status-error font-medium":"text-text-tertiary hover:text-status-error"}`,children:"Release"}),e.jsx("button",{onClick:O,className:"text-xs transition-colors text-text-tertiary hover:text-status-error",children:"Cancel"})]}),a==="resolve"&&e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"flex-1"}),N&&e.jsx("span",{className:"text-xs text-status-error",children:N}),x&&e.jsx("span",{className:"text-xs text-status-error",children:x.message}),e.jsx("button",{onClick:xe,disabled:l,className:"btn-primary text-xs",children:l?d?"Submitting...":"Acknowledging...":u?"Send to Triage":d?"Submit":"Acknowledge"})]}),a==="escalate"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs text-text-secondary",children:["From ",e.jsx("span",{className:"font-medium text-text-primary",children:j})," to"]}),e.jsxs("select",{value:y,onChange:w=>T(w.target.value),className:"select text-xs","data-testid":"escalate-select",children:[e.jsx("option",{value:"",children:"Select role..."}),h.map(w=>e.jsx("option",{value:w,children:w},w))]}),e.jsx("div",{className:"flex-1"}),$&&e.jsx("span",{className:"text-xs text-status-error",children:$.message}),e.jsx("button",{onClick:()=>g(y),disabled:!y||m,className:"btn-primary text-xs",children:m?"Escalating...":"Escalate"})]}),a==="release"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-xs text-text-secondary",children:"Release back to pool?"}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>n("resolve"),className:"btn-secondary text-xs",children:"Back"}),e.jsx("button",{onClick:k,disabled:I,className:"btn-primary text-xs bg-status-error hover:bg-status-error/80",children:I?"Releasing...":"Yes, Release"})]})]})]})}function K(t){return t.replace(/`([^`]+)`/g,'<code class="px-1 py-0.5 bg-surface-sunken rounded text-xs font-mono">$1</code>').replace(/\*\*\*(.+?)\*\*\*/g,"<strong><em>$1</em></strong>").replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/\*(.+?)\*/g,"<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="$2" class="text-accent-primary hover:underline" target="_blank" rel="noopener noreferrer">$1</a>')}function Ae({content:t,compact:r}){const a=[],n=/^```(\w*)\n([\s\S]*?)^```$/gm;let s=0,i;for(;(i=n.exec(t))!==null;)i.index>s&&a.push({type:"text",text:t.slice(s,i.index)}),a.push({type:"code",lang:i[1],code:i[2].replace(/\n$/,"")}),s=i.index+i[0].length;s<t.length&&a.push({type:"text",text:t.slice(s)});const d=r?{text:"text-xs",heading:"text-xs",list:"text-xs",code:"text-[11px]"}:{text:"text-sm",heading:"text-sm",list:"text-sm",code:"text-xs"},c=[];for(const o of a){if(o.type==="code"){const l=o.code.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");c.push(`<pre class="my-2 p-2.5 bg-surface-sunken rounded-md overflow-x-auto"><code class="${d.code} font-mono text-text-secondary leading-relaxed">${l}</code></pre>`);continue}c.push(..._s(o.text,d))}return e.jsx("div",{className:"prose-sm",dangerouslySetInnerHTML:{__html:c.join(`
+`)}})}function _s(t,r){const a=t.split(`
+`),n=[];let s=!1,i=!1,d=[];for(const c of a){const o=c.trim();if(o.startsWith("|")&&o.endsWith("|")){const l=o.slice(1,-1).split("|").map(x=>x.trim());if(l.every(x=>/^[-:]+$/.test(x)))continue;i||(i=!0,d=[]),d.push(l);continue}if(i){i=!1;const[l,...x]=d;n.push('<div class="overflow-x-auto my-2"><table class="text-xs w-full"><thead><tr>');for(const u of l)n.push(`<th class="text-left py-1 px-2 border-b border-border text-text-secondary font-medium">${K(u)}</th>`);n.push("</tr></thead><tbody>");for(const u of x){n.push("<tr>");for(const f of u)n.push(`<td class="py-1 px-2 border-b border-border/50">${K(f)}</td>`);n.push("</tr>")}n.push("</tbody></table></div>"),d=[]}if(!o){s&&(n.push("</ul>"),s=!1);continue}if(o.startsWith("### ")){s&&(n.push("</ul>"),s=!1),n.push(`<h4 class="${r.heading} font-semibold text-text-primary mt-3 mb-1">${K(o.slice(4))}</h4>`);continue}if(o.startsWith("## ")){s&&(n.push("</ul>"),s=!1),n.push(`<h3 class="${r.heading} font-semibold text-text-primary mt-3 mb-1">${K(o.slice(3))}</h3>`);continue}if(/^[-*_]{3,}$/.test(o)){s&&(n.push("</ul>"),s=!1),n.push('<hr class="border-border my-3" />');continue}if(/^[-*] /.test(o)){s||(n.push('<ul class="space-y-1 my-1">'),s=!0),n.push(`<li class="${r.list} text-text-secondary flex gap-2"><span class="text-text-tertiary shrink-0">-</span><span>${K(o.slice(2))}</span></li>`);continue}s&&(n.push("</ul>"),s=!1),n.push(`<p class="${r.text} text-text-secondary my-1">${K(o)}</p>`)}if(i&&d.length){const[c,...o]=d;n.push('<div class="overflow-x-auto my-2"><table class="text-xs w-full"><thead><tr>');for(const l of c)n.push(`<th class="text-left py-1 px-2 border-b border-border text-text-secondary font-medium">${K(l)}</th>`);n.push("</tr></thead><tbody>");for(const l of o){n.push("<tr>");for(const x of l)n.push(`<td class="py-1 px-2 border-b border-border/50">${K(x)}</td>`);n.push("</tr>")}n.push("</tbody></table></div>")}return s&&n.push("</ul>"),n}function Me({children:t}){return e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:t})}function Es({payload:t,isTerminal:r,resolverPayload:a,onRetryTriage:n,isRetrying:s}){const i=t.title,d=t.summary,c=t.diagnosis,o=t.tool_calls_made,l=t.result,x=a==null?void 0:a._lt,u=(x==null?void 0:x.triaged)===!0,f=x==null?void 0:x.triageWorkflowId,j=r&&u,[h,g]=p.useState(!1);return j?e.jsxs("div",{className:"rounded-md border border-status-success/30 bg-surface-raised",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-success shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm3.36 4.65a.5.5 0 00-.72 0L7 9.29 5.36 7.65a.5.5 0 10-.72.7l2 2a.5.5 0 00.72 0l4-4a.5.5 0 000-.7z"})}),e.jsx("span",{className:"text-xs font-medium text-status-success",children:"Resolved by AI Triage"})]}),typeof o=="number"&&e.jsxs("span",{className:"text-[10px] font-mono px-2 py-0.5 rounded-full bg-status-success/10 text-status-success",children:[o," tool calls used"]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[i&&e.jsx("p",{className:"text-sm font-medium text-text-primary",children:i}),c&&e.jsxs("div",{children:[e.jsx(Me,{children:"Triage diagnosis"}),e.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:e.jsx(Ae,{content:c})})]}),e.jsx("div",{className:"flex items-center gap-3",children:f&&e.jsx(ke,{to:`/workflows/executions/${f}`,className:"text-[10px] text-accent hover:underline",children:"View triage execution"})})]})]}):e.jsxs("div",{className:"rounded-md border border-status-warning/30 bg-surface-raised",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-warning shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm0 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 4zm0 7a.75.75 0 100-1.5.75.75 0 000 1.5z"})}),e.jsx("span",{className:"text-xs font-medium text-status-warning",children:"Tool Rounds Exhausted"})]}),typeof o=="number"&&e.jsxs("span",{className:"text-[10px] font-mono px-2 py-0.5 rounded-full bg-status-warning/10 text-status-warning",children:[o," tool calls used"]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[i&&e.jsx("p",{className:"text-sm font-medium text-text-primary",children:i}),d&&e.jsxs("div",{children:[e.jsx(Me,{children:"What happened"}),e.jsx("div",{className:"text-xs text-text-secondary leading-relaxed",children:e.jsx(Ae,{content:d})})]}),c&&e.jsxs("div",{children:[e.jsx(Me,{children:"What went wrong"}),e.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:e.jsx(Ae,{content:c})})]}),l!=null&&e.jsxs("div",{children:[e.jsxs("button",{onClick:()=>g(!h),className:"flex items-center gap-1 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[e.jsx("svg",{className:`w-3 h-3 transition-transform ${h?"rotate-90":""}`,viewBox:"0 0 12 12",fill:"currentColor",children:e.jsx("path",{d:"M4.5 2l4 4-4 4"})}),"Partial results"]}),h&&e.jsx("div",{className:"mt-2",children:e.jsx(be,{data:l,defaultMode:"tree"})})]}),n&&!r&&e.jsx("div",{className:"pt-2",children:e.jsxs("button",{onClick:n,disabled:s,className:"inline-flex items-center gap-2 px-4 py-2 text-xs font-medium bg-accent text-text-inverse rounded-md hover:bg-accent/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:[e.jsx("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 14 14",fill:"currentColor",children:e.jsx("path",{d:"M7 1a6 6 0 100 12A6 6 0 007 1zm2.5 6.5l-3.5 2V5.5l3.5 2z"})}),s?"Sending to triage...":"Retry with AI Triage"]})})]})]})}function st(t){if(!t)return null;try{return JSON.parse(t)}catch{return null}}function ft({src:t,escalation:r,schema:a,onResolve:n,onEscalate:s,submitAttempted:i,fill:d}){const c=p.useRef(null),o=p.useRef("");p.useEffect(()=>{try{const x=new URL(t);o.current=x.origin}catch{o.current=""}},[t]);const l=p.useCallback(()=>{const x=c.current;if(!(x!=null&&x.contentWindow)||!o.current)return;const f={type:"lt:init",escalation:{id:r.id,type:r.type,subtype:r.subtype,description:r.description,status:r.status,priority:r.priority,role:r.role,workflow_type:r.workflow_type,envelope:st(r.envelope),metadata:r.metadata??null,escalation_payload:st(r.escalation_payload)},schema:a};x.contentWindow.postMessage(f,o.current)},[r,a]);return p.useEffect(()=>{const x=u=>{if(u.origin!==o.current)return;const f=u.data;if(!(!f||typeof f!="object"||typeof f.type!="string"))switch(f.type){case"lt:ready":l();break;case"lt:submit":f.payload&&typeof f.payload=="object"&&n(f.payload);break;case"lt:escalate":typeof f.target=="string"&&f.target&&s(f.target);break;case"lt:resize":{const j=c.current;j&&typeof f.height=="number"&&f.height>0&&(j.style.height=`${Math.min(f.height,2e3)}px`);break}}};return window.addEventListener("message",x),()=>window.removeEventListener("message",x)},[l,n,s]),p.useEffect(()=>{if(!i)return;const x=c.current;x!=null&&x.contentWindow&&o.current&&x.contentWindow.postMessage({type:"lt:validate"},o.current)},[i]),d?e.jsx("div",{className:"absolute inset-0 overflow-hidden",children:e.jsx("iframe",{ref:c,src:t,sandbox:"allow-scripts allow-same-origin allow-forms allow-pointer-lock allow-downloads",className:"w-full h-full border-0 block",title:"HITL Viewport",onLoad:l})}):e.jsx("div",{className:"rounded-md border border-surface-border overflow-hidden bg-white",children:e.jsx("iframe",{ref:c,src:t,sandbox:"allow-scripts allow-same-origin allow-forms allow-pointer-lock allow-downloads",className:"w-full border-0",style:{minHeight:"600px"},title:"HITL Viewport",onLoad:l})})}function Ts({fieldKey:t,value:r,onChange:a,schema:n}){const s=p.useRef(null),i=(n==null?void 0:n.accept)??void 0,d=t.replace(/[_-]/g," "),c=n==null?void 0:n.description,o=p.useCallback(x=>{var j;const u=(j=x.target.files)==null?void 0:j[0];if(!u)return;const f=new FileReader;f.onload=()=>{typeof f.result=="string"&&a(f.result)},f.readAsDataURL(u)},[a]),l=r.startsWith("data:");return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:d}),c&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:c}),e.jsxs("div",{className:"mt-1",children:[e.jsx("input",{ref:s,type:"file",accept:i,onChange:o,className:"hidden"}),e.jsx("button",{type:"button",onClick:()=>{var x;return(x=s.current)==null?void 0:x.click()},className:"btn-secondary text-xs px-3 py-1.5",children:l?"Replace file":"Choose file"}),l&&e.jsx("span",{className:"ml-2 text-xs text-status-success",children:"File attached"})]})]})}function Rs({fieldKey:t,value:r,onChange:a,schema:n}){const s=t.replace(/[_-]/g," "),i=n==null?void 0:n.description,d=(n==null?void 0:n["x-lt-language"])??"",c=p.useCallback(o=>{if(o.key==="Tab"){o.preventDefault();const l=o.currentTarget,x=l.selectionStart,u=l.selectionEnd,f=r.substring(0,x)+"  "+r.substring(u);a(f),requestAnimationFrame(()=>{l.selectionStart=l.selectionEnd=x+2})}},[r,a]);return e.jsxs("div",{children:[e.jsxs("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:[s,d&&e.jsx("span",{className:"ml-2 text-text-tertiary/60 normal-case font-normal",children:d})]}),i&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:i}),e.jsx("textarea",{value:r,onChange:o=>a(o.target.value),onKeyDown:c,className:"input w-full mt-1 font-mono text-xs leading-relaxed",rows:10,spellCheck:!1})]})}function $s({fieldKey:t,value:r,onChange:a,schema:n}){const s=p.useRef(null),[i,d]=p.useState(!1),c=t.replace(/[_-]/g," "),o=n==null?void 0:n.description;p.useEffect(()=>{const h=s.current;if(!h)return;const g=h.getContext("2d");if(g&&(g.lineWidth=2,g.lineCap="round",g.strokeStyle="#1E1535",r&&r.startsWith("data:"))){const m=new Image;m.onload=()=>g.drawImage(m,0,0),m.src=r}},[]);const l=p.useCallback(h=>{const m=s.current.getBoundingClientRect();return"touches"in h?{x:h.touches[0].clientX-m.left,y:h.touches[0].clientY-m.top}:{x:h.clientX-m.left,y:h.clientY-m.top}},[]),x=p.useCallback(h=>{var $;d(!0);const g=($=s.current)==null?void 0:$.getContext("2d");if(!g)return;const m=l(h);g.beginPath(),g.moveTo(m.x,m.y)},[l]),u=p.useCallback(h=>{var $;if(!i)return;const g=($=s.current)==null?void 0:$.getContext("2d");if(!g)return;const m=l(h);g.lineTo(m.x,m.y),g.stroke()},[i,l]),f=p.useCallback(()=>{d(!1);const h=s.current;h&&a(h.toDataURL("image/png"))},[a]),j=p.useCallback(()=>{const h=s.current;if(!h)return;const g=h.getContext("2d");g&&(g.clearRect(0,0,h.width,h.height),a(""))},[a]);return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:c}),o&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:o}),e.jsx("div",{className:"mt-1 border border-surface-border rounded-md overflow-hidden bg-white",children:e.jsx("canvas",{ref:s,width:400,height:150,className:"w-full cursor-crosshair touch-none",onMouseDown:x,onMouseMove:u,onMouseUp:f,onMouseLeave:f,onTouchStart:x,onTouchMove:u,onTouchEnd:f})}),e.jsx("button",{type:"button",onClick:j,className:"mt-1 text-[10px] text-text-tertiary hover:text-accent transition-colors",children:"Clear"})]})}function As({fieldKey:t,value:r,onChange:a,schema:n}){const s=t.replace(/[_-]/g," "),i=n==null?void 0:n.description;return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:s}),i&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:i}),e.jsx("textarea",{value:r,onChange:d=>a(d.target.value),className:"input w-full mt-1 text-sm leading-relaxed",rows:8,placeholder:"Supports plain text. Markdown formatting is preserved."})]})}function Ms({fieldKey:t,value:r,onChange:a,schema:n}){const[s,i]=p.useState("write"),d=t.replace(/[_-]/g," "),c=n==null?void 0:n.description;return(n==null?void 0:n.readOnly)===!0?e.jsx(Oe,{content:r,className:"my-1"}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:d}),e.jsx("div",{className:"flex items-center gap-0.5",children:["write","preview"].map(l=>e.jsx("button",{type:"button",onClick:()=>i(l),className:`px-2 py-0.5 text-[10px] rounded transition-colors ${s===l?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:l==="write"?"Write":"Preview"},l))})]}),c&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:c}),s==="write"?e.jsx("textarea",{value:r,onChange:l=>a(l.target.value),className:"input w-full mt-1 text-sm font-mono leading-relaxed",rows:10,placeholder:"Write markdown — headings, lists, tables, code blocks, and links all render."}):e.jsx("div",{className:"mt-1 px-3 py-2 border border-surface-border rounded min-h-[120px]",children:r.trim()?e.jsx(Oe,{content:r}):e.jsx("p",{className:"text-xs text-text-quaternary italic",children:"Nothing to preview."})})]})}function Is({fieldKey:t,value:r,onChange:a,schema:n,escalationContext:s,isRequired:i,submitAttempted:d,error:c}){const o=n==null?void 0:n["x-lt-source"],l=(n==null?void 0:n["x-lt-require-all"])===!0,x=[];if(o&&s){const m=o.indexOf(".");if(m!==-1){const $=o.slice(0,m),k=o.slice(m+1);try{const I=at(s[$],k);Array.isArray(I)&&x.push(...I)}catch{}}}let u={};try{r&&(u=JSON.parse(r))}catch{}const f=m=>a(JSON.stringify({...u,[m]:!u[m]}));if(x.length===0)return e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-xs text-text-tertiary italic mt-1",children:"No checklist items. Provide checklist_items in the escalation envelope or metadata."}),c&&e.jsx("p",{className:"text-[10px] text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:c})]});const j=x.filter(m=>u[m.id]).length,h=(n==null?void 0:n.description)||"Checklist",g=(x.find(m=>!u[m.id]&&m.required!==!1)??x[0]).id;return e.jsxs("div",{role:"group","aria-label":h,"aria-required":i||void 0,"aria-invalid":c?!0:void 0,children:[e.jsx("div",{className:"space-y-2.5 mt-1",children:x.map(m=>{const $=u[m.id]??!1,k=!$&&!!d&&(l?m.required!==!1:j===0&&(m.required||i));return e.jsxs("label",{className:`flex items-start gap-3 cursor-pointer group select-none rounded px-2 py-1 -mx-2 transition-colors ${k?"bg-status-error/5":"hover:bg-surface-hover"}`,children:[e.jsx("input",{type:"checkbox",checked:$,onChange:()=>f(m.id),className:`mt-0.5 w-3.5 h-3.5 shrink-0 rounded ${k?"accent-status-error":"accent-accent"}`,"data-testid":`checklist-item-${m.id}`,...m.id===g?{"data-field-key":t}:{}}),e.jsxs("span",{className:`text-sm leading-snug transition-colors ${k?"text-status-error":"text-text-secondary group-hover:text-text-primary"}`,children:[m.label,m.required&&e.jsx("span",{className:`ml-0.5 text-[10px] ${k?"text-status-error":"text-text-quaternary"}`,children:"*"})]})]},m.id)})}),e.jsxs("p",{className:"text-[10px] text-text-quaternary mt-3 tabular-nums",children:[j," / ",x.length," confirmed",l?e.jsxs("span",{className:"ml-1 text-text-quaternary/60",children:["(all required",x.some(m=>m.required===!1)?" except optional":"",")"]}):i&&j===0&&!!d&&e.jsx("span",{className:"ml-1 text-text-quaternary/60",children:"(at least one required)"})]}),c&&e.jsx("p",{role:"alert",className:"text-[10px] text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:c})]})}const nt={"file-upload":Ts,"code-editor":Rs,signature:$s,"rich-text":As,markdown:Ms,checklist:Is};function ht({value:t,onChange:r,disabled:a,submitAttempted:n,escalationContext:s}){var G,L;const[i,d]=p.useState({}),[c,o]=p.useState({}),[l,x]=p.useState(null),[u,f]=p.useState(!1),[j,h]=p.useState(new Set);p.useEffect(()=>{try{const N=JSON.parse(t);if(typeof N=="object"&&N!==null&&!Array.isArray(N)){const v={},y={};for(const[T,M]of Object.entries(N))T.startsWith("_")?y[T]=M:v[T]=M;d(v),o(y),x(y._form_schema&&typeof y._form_schema=="object"?y._form_schema:null),f(!1)}}catch{f(!0)}},[t]);const g=p.useCallback(N=>{d(N),r(JSON.stringify({...N,...c},null,2))},[c,r]),m=p.useCallback((N,v)=>{g({...i,[N]:v})},[i,g]),$=p.useCallback(N=>{h(v=>{if(v.has(N))return v;const y=new Set(v);return y.add(N),y})},[]);if(u)return e.jsx("p",{className:"text-xs text-status-error",children:"Unable to parse resolver data as form. Use the JSON editor below."});const k=Object.entries(i);if(k.length===0)return e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No resolver fields defined."});const I=l==null?void 0:l["x-lt-order"],O=I?[...k].sort((N,v)=>{const y=I.indexOf(N[0]),T=I.indexOf(v[0]);return(y===-1?1/0:y)-(T===-1?1/0:T)}):k,R={...s??{},resolver:i},_=O.filter(([N,v])=>{var T;const y=(T=l==null?void 0:l.properties)==null?void 0:T[N];return!(!Le(y==null?void 0:y["x-lt-showIf"],R)||(y==null?void 0:y["x-lt-hide-if-empty"])===!0&&(v==null||v===""||v===!1||v===0))}),E=new Set((l==null?void 0:l.required)??[]),A=l==null?void 0:l["x-lt-layout"],D=l==null?void 0:l.title,C=l==null?void 0:l.description,P=[];for(const N of _){const[v]=N,y=(G=l==null?void 0:l.properties)==null?void 0:G[v],T=((L=y==null?void 0:y["x-lt-section"])==null?void 0:L.trim())||null,M=P[P.length-1];!M||M.name!==T?P.push({name:T,entries:[N]}):M.entries.push(N)}const S=N=>N.map(([v,y])=>{var w;const T=(w=l==null?void 0:l.properties)==null?void 0:w[v],M=(T==null?void 0:T.readOnly)===!0,de=(T==null?void 0:T["x-lt-span"])??1,ne=E.has(v),xe=j.has(v)||!!n,J=We(y,T,ne,xe,R);return e.jsx("div",{className:`animate-[field-enter_0.2s_ease-out] ${A==="two-column"&&de>=2?"col-span-2":""}`,children:e.jsx(gt,{fieldKey:v,value:y,onChange:W=>m(v,W),onBlur:()=>$(v),schema:l,isRequired:ne,isReadOnly:M,error:J,escalationContext:R,submitAttempted:!!n})},v)});return e.jsxs("div",{className:`pb-8 ${a?"opacity-60 pointer-events-none":""}`,inert:a||void 0,"aria-disabled":a||void 0,children:[D&&e.jsx("h3",{className:"text-lg font-light text-text-primary mb-1",children:D}),C&&e.jsx("p",{className:"text-sm text-text-secondary leading-relaxed mb-6",children:C}),e.jsx("div",{className:"space-y-10",children:P.map((N,v)=>e.jsxs("div",{className:N.name?"border-l-2 border-accent/30 bg-surface-sunken/80 rounded-[0.125em] p-4 animate-[section-enter_0.25s_ease-out]":"",children:[N.name&&e.jsxs("div",{className:"mb-5 flex items-center gap-2",children:[e.jsx(xt,{className:"w-3.5 h-3.5 text-accent/50 shrink-0",strokeWidth:1.5}),e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:N.name})]}),A==="two-column"?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-14 gap-y-6",children:S(N.entries)}):e.jsx("div",{className:"space-y-6",children:S(N.entries)})]},N.name??`__s${v}`))})]})}function gt({fieldKey:t,value:r,onChange:a,onBlur:n,schema:s,isRequired:i,isReadOnly:d,error:c,escalationContext:o,submitAttempted:l}){var O;const x=t.replace(/[_-]/g," "),u=(O=s==null?void 0:s.properties)==null?void 0:O[t],f=u==null?void 0:u["x-lt-widget"],j=`lt-field-${t}`,h=`${j}-error`,g=`${j}-help`,m=typeof(u==null?void 0:u.description)=="string"&&u.description.length>0,k={id:j,"aria-required":i||void 0,"aria-invalid":c?!0:void 0,"aria-describedby":c?h:m?g:void 0};if(d&&!(f==="markdown"&&typeof r=="string")){const R=r===null?"null":typeof r=="object"?JSON.stringify(r,null,2):String(r);return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,children:x}),e.jsx("p",{className:"text-sm text-text-secondary mt-0.5 whitespace-pre-wrap",children:R})]})}if(f&&f in nt){const R=nt[f],_={fieldKey:t,schema:u,escalationContext:o,isRequired:i,submitAttempted:l,error:c};if(typeof r=="string")return e.jsx(R,{..._,value:r,onChange:E=>a(E)});if(typeof r=="object"&&r!==null&&!Array.isArray(r))return e.jsx(R,{..._,value:JSON.stringify(r),onChange:E=>{try{a(JSON.parse(E))}catch{a(E)}}})}if(typeof r=="boolean")return e.jsxs("div",{children:[e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:r,onChange:R=>{a(R.target.checked),n==null||n()},className:"w-3.5 h-3.5 rounded accent-accent","data-field-key":t,...k}),e.jsxs("span",{className:"text-[11px] font-semibold uppercase tracking-wider text-text-secondary",children:[x,i&&e.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})]}),e.jsx(se,{error:c,id:h})]});if(typeof r=="number")return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,htmlFor:j,children:x}),e.jsx("input",{type:"number",value:r,onChange:R=>a(parseFloat(R.target.value)||0),onBlur:n,step:"any","data-field-key":t,className:je(!!c),...k}),e.jsx(se,{error:c,id:h})]});if(typeof r=="string"){const R=(u==null?void 0:u.format)==="password",_=u==null?void 0:u.enum,E=u==null?void 0:u.description;if(_!=null&&_.length)return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,htmlFor:j,children:x}),E&&e.jsx("p",{id:g,className:"text-[10px] text-text-tertiary mt-0.5",children:E}),e.jsx("select",{value:r,onChange:C=>a(C.target.value),onBlur:n,"data-field-key":t,className:Ss(!!c),...k,children:_.map(C=>e.jsx("option",{value:C,children:C},C))}),e.jsx(se,{error:c,id:h})]});if(R)return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,htmlFor:j,children:x}),E&&e.jsx("p",{id:g,className:"text-[10px] text-text-tertiary mt-0.5",children:E}),e.jsx("input",{type:"password",value:r,onChange:C=>a(C.target.value),onBlur:n,"data-field-key":t,className:je(!!c),autoComplete:"off",...k}),e.jsx(se,{error:c,id:h})]});const A=u==null?void 0:u.format,D={date:"date","date-time":"datetime-local",email:"email",uri:"url"};if(A&&A in D)return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,htmlFor:j,children:x}),E&&e.jsx("p",{id:g,className:"text-[10px] text-text-tertiary mt-0.5",children:E}),e.jsx("input",{type:D[A],value:r,onChange:C=>a(C.target.value),onBlur:n,"data-field-key":t,className:je(!!c),...k}),e.jsx(se,{error:c,id:h})]});if(A==="textarea"||r.length>80){const C=u==null?void 0:u.maxLength,P=u==null?void 0:u["x-lt-max-length"];let S=C;if(S===void 0&&P&&o){const L=P.indexOf(".");if(L!==-1){const N=P.slice(0,L),v=P.slice(L+1),y=o[N];if(y&&typeof y=="object"){let T=y;for(const M of v.split("."))if(T=T[M],T===void 0)break;if(typeof T=="number")S=T;else if(typeof T=="string"){const M=Number(T);Number.isNaN(M)||(S=M)}}}}const G=S!==void 0&&r.length>S;return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,htmlFor:j,children:x}),E&&e.jsx("p",{id:g,className:"text-[10px] text-text-tertiary mt-0.5",children:E}),e.jsx("textarea",{value:r,onChange:L=>{a(L.target.value),n==null||n()},onBlur:n,"data-field-key":t,className:`${je(!!c)} leading-relaxed`,rows:Math.min(6,Math.max(3,Math.ceil(r.length/60))),...k}),S!==void 0&&e.jsxs("p",{className:`text-[10px] mt-0.5 text-right tabular-nums ${G?"text-status-error font-medium":"text-text-quaternary"}`,children:[r.length," / ",S]}),e.jsx(se,{error:c,id:h})]})}return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,htmlFor:j,children:x}),E&&e.jsx("p",{id:g,className:"text-[10px] text-text-tertiary mt-0.5",children:E}),e.jsx("input",{type:"text",value:r,onChange:C=>a(C.target.value),onBlur:n,"data-field-key":t,className:je(!!c),...k}),e.jsx(se,{error:c,id:h})]})}if(r===null)return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,children:x}),e.jsx("p",{className:"text-xs text-text-tertiary italic mt-1",children:"null"})]});if(Array.isArray(r))return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,children:x}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:r.map((R,_)=>e.jsx("span",{className:"px-2 py-0.5 text-[11px] font-mono bg-surface-sunken rounded text-text-secondary",children:String(R)},_))})]});if(typeof r=="object"){const R=Object.entries(r);return e.jsxs("div",{children:[e.jsx(U,{isRequired:i,children:x}),e.jsx("div",{className:"ml-4 mt-2 pl-4 border-l border-accent-faint space-y-3",children:R.map(([_,E])=>e.jsx(gt,{fieldKey:_,value:E,onChange:A=>a({...r,[_]:A})},_))})]})}return null}function U({children:t,isRequired:r,htmlFor:a}){return e.jsxs("label",{htmlFor:a,className:"text-[11px] font-semibold uppercase tracking-wider text-text-secondary",children:[t,r&&e.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})}function se({error:t,id:r}){return t?e.jsx("p",{id:r,role:"alert",className:"text-[10px] text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:t}):null}function je(t){return t?"input text-sm w-full mt-1 border-status-error/50 focus:border-status-error animate-[field-shake_0.4s_ease-in-out]":"input text-sm w-full mt-1"}function Ss(t){return t?"select text-sm w-full mt-1 border-status-error/50 focus:border-status-error animate-[field-shake_0.4s_ease-in-out]":"select text-sm w-full mt-1"}function Os({json:t,onJsonChange:r,requestTriage:a,onRequestTriageChange:n,triageNotes:s,onTriageNotesChange:i,disabled:d=!1,submitAttempted:c=!1,showTriage:o=!1,escalationContext:l}){return e.jsxs(e.Fragment,{children:[o&&e.jsx("div",{className:"flex items-center justify-between mb-3",children:a?e.jsxs("button",{onClick:()=>n(!1),className:"group flex items-center gap-2 text-left","data-testid":"triage-cancel",children:[e.jsx("span",{className:"flex items-center justify-center w-5 h-5 rounded-full bg-accent/10 text-accent shrink-0",children:e.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),e.jsxs("span",{className:"text-xs text-text-secondary group-hover:text-text-primary transition-colors",children:["AI Triage active."," ",e.jsx("span",{className:"text-accent group-hover:underline",children:"Cancel"})]})]}):e.jsxs("button",{onClick:()=>n(!0),className:"group flex items-center gap-2.5 text-left my-4","data-testid":"triage-callout",children:[e.jsx("span",{className:"flex items-center justify-center w-6 h-6 rounded-full bg-accent/10 text-accent shrink-0 animate-[triage-glow_6s_ease-in-out_infinite]",children:e.jsx("svg",{className:"w-3.5 h-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})}),e.jsxs("span",{className:"text-[13px] text-text-secondary group-hover:text-text-primary transition-colors",children:["This form doesn't capture the issue?"," ",e.jsx("span",{className:"text-accent group-hover:underline",children:"Request AI Triage"})]})]})}),e.jsxs("div",{className:"relative min-h-[200px]",children:[e.jsx("div",{className:a?"pointer-events-none select-none":"",children:e.jsx(ht,{value:t,onChange:r,disabled:d,submitAttempted:c,escalationContext:l})}),a&&e.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col bg-surface/90 backdrop-blur-[2px] rounded-md border border-accent/20 p-5","data-testid":"triage-overlay",children:[e.jsx("p",{className:"text-xs text-text-secondary mb-3 leading-relaxed",children:"The resolution form will not be submitted. Describe the issue so AI triage can diagnose and fix it using available tools. The corrected result will come back as a new escalation for your review."}),e.jsx("textarea",{value:s,onChange:x=>i(x.target.value),placeholder:"e.g. Content is in Spanish — needs translation to English before review...",className:"input text-xs w-full flex-1 min-h-[80px] resize-none",autoFocus:!0,"data-testid":"triage-notes"})]})]})]})}function jt(t,r){if(!t.includes("{"))return t;try{const a=s=>{if(!s)return{};try{return JSON.parse(s)}catch{return{}}},n={...r.metadata??{},...a(r.envelope),...a(r.escalation_payload)};return t.replace(/\{([^}]+)\}/g,(s,i)=>Object.prototype.hasOwnProperty.call(n,i)?String(n[i]):`{${i}}`)}catch{return t}}function rt(t){if(!t)return null;try{return JSON.parse(t)}catch{return null}}function De(t){return{escalation:t,metadata:t.metadata??null,envelope:rt(t.envelope),payload:rt(t.escalation_payload),resolver:null}}function Ds({isRoundsExhausted:t,payloadObj:r,isTerminal:a,resolverPayload:n,onRetryTriage:s,isRetrying:i}){return e.jsxs(e.Fragment,{children:[t&&r&&e.jsx("div",{className:"mt-8",children:e.jsx(Es,{payload:r,isTerminal:a,resolverPayload:n,onRetryTriage:s,isRetrying:i})}),(r==null?void 0:r.category)==="missing_credential"&&e.jsxs("div",{className:"mt-8 bg-status-warning/10 border border-status-warning/30 rounded-md px-5 py-4 flex items-start gap-3",children:[e.jsx(Qe,{size:20,className:"text-status-warning mt-0.5 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-text-primary mb-1",children:"Missing Credential"}),e.jsxs("p",{className:"text-xs text-text-secondary mb-3",children:["This workflow requires a ",e.jsx("span",{className:"font-medium capitalize",children:String(r.provider)})," credential to continue. Register one and then resolve this escalation to retry."]}),e.jsxs(ke,{to:"/credentials",className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(Qe,{size:12}),"Go to Credentials"]})]})]})]})}function Ps({esc:t,resolverPayload:r,isTerminal:a,claimedByMe:n,activeView:s,metadataFormSchema:i,effectiveSchema:d,json:c,onJsonChange:o,requestTriage:l,onRequestTriageChange:x,triageNotes:u,onTriageNotesChange:f,onResolve:j,onEscalate:h,onClaim:g,submitAttempted:m,isCertified:$,hasAI:k}){const I=d,O=De(t);if(a){if(r==null)return null;const A=typeof r=="object"&&r!==null?r:{},D=d??i,C=D!=null&&D.properties?{...ot(A,D),_form_schema:D}:A;return e.jsx("div",{className:"mt-8 pt-6",children:e.jsx(ht,{value:JSON.stringify(C,null,2),onChange:()=>{},disabled:!0,escalationContext:O})})}if(s!=="resolve"||!(t.workflow_type||d))return null;const R=I==null?void 0:I["x-lt-viewport"],_=(R==null?void 0:R.type)==="iframe"&&!!R.src&&j&&h;if(_&&!n)return e.jsxs("button",{onClick:()=>g==null?void 0:g(),disabled:!g,className:"flex flex-col items-center justify-center min-h-[55vh] w-full gap-3 text-center group disabled:opacity-50 disabled:cursor-default",children:[e.jsx(ls,{className:"w-10 h-10 text-text-tertiary group-hover:text-accent transition-colors",strokeWidth:1}),e.jsx("p",{className:"text-base font-medium text-text-primary group-hover:text-accent transition-colors",children:"Claim to launch the editor"})]});const E=_?jt(R.src,t):"";return e.jsx("div",{className:"mt-8 pt-6",children:_?e.jsx(ft,{src:E,escalation:t,schema:I,onResolve:j,onEscalate:h,submitAttempted:m}):e.jsx(Os,{json:c,onJsonChange:o,requestTriage:l,onRequestTriageChange:x,triageNotes:u,onTriageNotesChange:f,disabled:!n,submitAttempted:m,showTriage:!!$&&!!k,escalationContext:O})})}function Ls({open:t,assignedUntil:r,onClose:a,onExtend:n,isPending:s}){const i=it(),[d,c]=p.useState("30"),[o,l]=p.useState(0),x=d==="custom",u=x?o:parseInt(d),f=p.useCallback(j=>l(j),[]);return e.jsx(xs,{open:t,onClose:a,title:"Claim Expiring",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Your claim on this escalation expires in"," ",e.jsx(Pe,{until:r}),". When it lapses, the form locks and the item returns to the queue — your edits are kept as a draft. Extend to keep working."]}),e.jsxs("select",{value:d,onChange:j=>{c(j.target.value),l(0)},className:"select w-full text-sm","aria-label":"Extension duration",children:[i.map(j=>e.jsx("option",{value:j.value,children:j.label},j.value)),e.jsx("option",{value:"custom",children:"Other..."})]}),x&&e.jsx(lt,{onChange:f,autoFocus:!0}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:a,className:"btn-secondary text-xs",children:"Dismiss"}),e.jsx("button",{onClick:()=>n(u),className:"btn-primary text-xs",disabled:s||!u||u<=0,children:s?"Extending...":"Extend Claim"})]})]})})}const Ws=9e4;function Fs(t,r=Ws){const[,a]=p.useState(0);if(p.useEffect(()=>{if(!t)return;const s=new Date(t).getTime()-Date.now();if(s<=0)return;const i=()=>a(o=>o+1),d=[],c=s-r;return c>0&&d.push(window.setTimeout(i,c)),d.push(window.setTimeout(i,s)),()=>d.forEach(o=>window.clearTimeout(o))},[t,r]),!t)return{expired:!1,expiringSoon:!1,msRemaining:0};const n=Math.max(0,new Date(t).getTime()-Date.now());return{expired:n<=0,expiringSoon:n>0&&n<=r,msRemaining:n}}const qs="lt:escalation:draft:";function Fe(t){return`${qs}${t}`}function Js(t){try{return localStorage.getItem(Fe(t))}catch{return null}}function Vs(t,r){try{localStorage.setItem(Fe(t),r)}catch{}}function Ie(t){try{localStorage.removeItem(Fe(t))}catch{}}const yt="lt:escalation:panel:open";function Hs(){try{const t=localStorage.getItem(yt);return t===null?!0:t==="true"}catch{return!0}}function Se(t){try{localStorage.setItem(yt,String(t))}catch{}}function ye(t){if(!t)return null;try{return JSON.parse(t)}catch{return t}}function dn(){var He,Ue,ze,Ge;const{id:t}=ds(),{user:r}=$t(),a=mt(),n=Rt(),{data:s,isLoading:i,refetch:d,isFetching:c}=At(t);Yt(t);const o=Mt(),l=It(),x=St(),u=Ot(),[f,j]=p.useState(!1),{data:h}=Dt((s==null?void 0:s.role)??""),{data:g}=Gt(),{data:m}=Pt(),{isBuilder:$}=Lt(),k=g==null?void 0:g.find(b=>b.workflow_type===(s==null?void 0:s.workflow_type)),I=((He=m==null?void 0:m.telemetry)==null?void 0:He.traceUrl)??null,[O,R]=p.useState("resolve"),[_,E]=p.useState("{}"),[A,D]=p.useState(Hs),[C,P]=p.useState(!1),[S,G]=p.useState(""),[L,N]=p.useState(!1),[v,y]=p.useState([]),[T,M]=p.useState(void 0),de=Fs(s==null?void 0:s.assigned_until),[ne,xe]=p.useState(null);p.useEffect(()=>{if(!(!L||!s))try{const b=JSON.parse(_),V=b._form_schema;if(!V){y([]);return}const Q=V.properties??{},fe=new Set(V.required??[]),oe={...De(s),resolver:b},he=[];for(const[ve,ge]of Object.entries(Q)){if(!Le(ge["x-lt-showIf"],oe))continue;const ee=We(b[ve],ge,fe.has(ve),!0,oe);ee&&he.push({field:ve,message:ee})}y(he)}catch{}},[_,L,s]);const J=((Ue=s==null?void 0:s.metadata)==null?void 0:Ue.form_schema)??null,w=(s==null?void 0:s.form_schema)??(k==null?void 0:k.resolver_schema)??null,W=J??w,ue=p.useRef(!1),re=p.useRef(null);p.useEffect(()=>{if(ue.current)return;const b=J??(w!=null&&w.properties?w:null);if(b!=null&&b.properties){ue.current=!0;const V=ye(s==null?void 0:s.envelope),Q=V==null?void 0:V.formDefaults,fe={...(s==null?void 0:s.metadata)??{},...typeof Q=="object"&&Q!==null?Q:{}},oe=ot(fe,b),he={_form_schema:b};for(const[Ye,Et]of Object.entries(b.properties)){const Tt=Et;he[Ye]=oe[Ye]??Tt.default??""}re.current=JSON.stringify(he,null,2);const ge=!((s==null?void 0:s.status)==="resolved"||(s==null?void 0:s.status)==="cancelled")&&(s!=null&&s.id)?Js(s.id):null,ee=ge?ye(ge):null;ee&&typeof ee=="object"&&!Array.isArray(ee)?E(JSON.stringify({...ee,_form_schema:b},null,2)):E(re.current)}else W&&(ue.current=!0,E(JSON.stringify(W,null,2)))},[W,J,w,s==null?void 0:s.envelope,s==null?void 0:s.metadata,s==null?void 0:s.id,s==null?void 0:s.status]),p.useEffect(()=>{if(!ue.current||re.current===null||!(s!=null&&s.id)||s.status!=="pending")return;const b=s.id,V=window.setTimeout(()=>{_===re.current?Ie(b):Vs(b,_)},400);return()=>window.clearTimeout(V)},[_,s==null?void 0:s.id,s==null?void 0:s.status]);const ae=(s==null?void 0:s.subtype)==="rounds_exhausted";if(i)return e.jsxs("div",{className:"animate-pulse space-y-8",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-32 bg-surface-sunken rounded w-full"})]});if(!s)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Escalation not found."});const me=ct(s),H=me&&s.assigned_to===(r==null?void 0:r.userId),Z=me&&!H,q=s.status==="resolved"||s.status==="cancelled",F=W==null?void 0:W["x-lt-viewport"],Y=(F==null?void 0:F.type)==="iframe"&&!!(F!=null&&F.src)&&H&&!q,ie=ye(s.escalation_payload),le=ye(s.resolver_payload),Ne=ye(s.envelope),bt=!!((ze=Ne==null?void 0:Ne.metadata)!=null&&ze.certified),qe=Wt(),Je=qe!==null?qe:!!((Ge=m==null?void 0:m.ai)!=null&&Ge.enabled),B=typeof ie=="object"&&ie!==null&&!Array.isArray(ie)?ie:null,Nt=B==null?void 0:B._triage,vt=typeof le=="object"&&le!==null&&!Array.isArray(le)?le:null,wt=q?"terminal":H?"claimed_by_me":Z?"claimed_by_other":"available",Ce=b=>{o.mutate({id:s.id,durationMinutes:b})},pe=()=>{n.resetQueries({queryKey:["escalations"]}),n.resetQueries({queryKey:["escalationStats"]}),a(-1)},_e=async b=>{await l.mutateAsync({id:s.id,resolverPayload:b}),Ie(s.id),pe()},Ee=async b=>{b&&(await x.mutateAsync({id:s.id,targetRole:b}),pe())},kt=async()=>{H||await o.mutateAsync({id:s.id,durationMinutes:30});const b=(B==null?void 0:B.diagnosis)||s.description||"";await l.mutateAsync({id:s.id,resolverPayload:{_lt:{needsTriage:!0},notes:b}}),pe()},Ve=async()=>{await o.mutateAsync({id:s.id,durationMinutes:0}),pe()},Ct=async()=>{await u.mutateAsync(s.id),Ie(s.id),j(!1),pe()},_t=e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(zt,{onRefresh:()=>d(),isFetching:c,apiPath:`/escalations/${s.id}`}),e.jsx("button",{onClick:()=>D(b=>(Se(!b),!b)),className:"ml-2 text-text-tertiary hover:text-accent transition-colors",title:A?"Hide side panel":"Show side panel",children:A?e.jsx(Xe,{className:"w-5 h-5",strokeWidth:1.5}):e.jsx(Ke,{className:"w-5 h-5",strokeWidth:1.5})})]});return e.jsxs("div",{className:"flex-1 min-h-0 min-w-0 flex items-stretch -mt-10 -mr-10 -mb-16",children:[e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col min-h-0",children:[Y?e.jsxs("div",{className:"relative flex-1 min-h-0 -ml-10",children:[e.jsx("div",{className:"absolute top-3 right-3 z-50 flex items-center gap-0.5 bg-surface/90 backdrop-blur-sm rounded-lg px-1.5 py-1 shadow-sm border border-surface-border/40",children:[{onClick:Ve,disabled:o.isPending,label:"Release",hoverClass:"hover:text-accent",icon:e.jsx(os,{className:"w-4 h-4",strokeWidth:1.5})},{onClick:()=>j(!0),disabled:!1,label:"Cancel",hoverClass:"hover:text-status-error",icon:e.jsx(cs,{className:"w-4 h-4",strokeWidth:1.5})},{onClick:()=>D(b=>(Se(!b),!b)),disabled:!1,label:A?"Hide panel":"Show panel",hoverClass:"hover:text-accent",icon:A?e.jsx(Xe,{className:"w-4 h-4",strokeWidth:1.5}):e.jsx(Ke,{className:"w-4 h-4",strokeWidth:1.5})}].map(({onClick:b,disabled:V,label:Q,hoverClass:fe,icon:oe})=>e.jsxs("div",{className:"relative group/tip",children:[e.jsx("button",{onClick:b,disabled:V,className:`text-text-tertiary ${fe} transition-colors disabled:opacity-40 disabled:cursor-default p-1.5 rounded-md`,children:oe}),e.jsx("span",{className:"pointer-events-none absolute top-full left-1/2 -translate-x-1/2 mt-1.5 px-2 py-0.5 rounded text-[11px] bg-surface-sunken text-text-primary whitespace-nowrap opacity-0 group-hover/tip:opacity-100 transition-opacity",children:Q})]},Q))}),e.jsx(ft,{src:jt(F.src,s),escalation:s,schema:W,onResolve:_e,onEscalate:Ee,submitAttempted:L,fill:!0})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"shrink-0 pt-10 pr-10",children:e.jsx(Ut,{title:s.description||"Escalation",actions:_t})}),e.jsxs("div",{className:"flex-1 min-h-0 overflow-y-auto pr-10",children:[e.jsx(Ds,{isRoundsExhausted:ae,payloadObj:B,isTerminal:q,resolverPayload:le,onRetryTriage:kt,isRetrying:o.isPending||l.isPending}),e.jsx(Ps,{esc:s,resolverPayload:le,isTerminal:q,claimedByMe:H,activeView:O,metadataFormSchema:J,effectiveSchema:W,json:_,onJsonChange:E,requestTriage:C,onRequestTriageChange:P,triageNotes:S,onTriageNotesChange:G,onResolve:_e,onEscalate:Ee,onClaim:()=>Ce(30),submitAttempted:L,isCertified:bt,hasAI:Je}),e.jsx("div",{className:"h-10"})]})]}),!Y&&e.jsx(Cs,{escalationContext:De(s),mode:wt,activeView:O,onActiveViewChange:R,onClaim:Ce,claimPending:o.isPending,workflowType:s.workflow_type,json:_,onResolve:_e,resolvePending:l.isPending,resolveError:l.error,requestTriage:C,triageNotes:S,currentRole:s.role,escalationTargets:((h==null?void 0:h.targets)??[]).filter(b=>b!==s.role),onEscalate:Ee,escalatePending:x.isPending,escalateError:x.error,onRelease:Ve,releasePending:o.isPending,onCancel:()=>j(!0),assignedTo:s.assigned_to,assignedUntil:s.assigned_until,onSubmitAttempt:()=>N(!0),onValidationErrors:b=>{y(b),D(!0),Se(!0),M(z.ERRORS)}})]}),e.jsx(Ns,{esc:s,schema:W,envelope:Ne,payload:B,resolver:vt,triage:Nt??null,hasAI:Je,claimed:me,claimedByMe:H,isTerminal:q,isBuilder:$,traceUrl:I,open:A,noGutter:Y,formErrors:v,activePanel:T,onPanelChange:M}),e.jsx(Ht,{open:f,onClose:()=>j(!1),onConfirm:Ct,isPending:u.isPending,error:u.error}),H&&!q&&s.assigned_until&&e.jsx(Ls,{open:de.expiringSoon&&s.assigned_until!==ne,assignedUntil:s.assigned_until,onClose:()=>xe(s.assigned_until??null),onExtend:Ce,isPending:o.isPending})]})}export{dn as EscalationDetailPage};
+//# sourceMappingURL=index-BeFjLCIQ.js.map