@hotmeshio/long-tail 0.10.4 → 0.10.6

package/dashboard/dist/assets/{index-CnsPBTXL.js.map → index-Dh6F3Wbx.js.map}

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

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

@@ -0,0 +1,5 @@
+import{j as t,a as g,b as ze}from"./vendor-query-B2UbickB.js";import{M as At,Q as Lt,J as ft,R as Ye,T as Be,U as Q,b as Tt,m as ee,V as me,P as Ft,K as Ge,k as Xe,g as Qe,h as Ze,W as Ke,X as ts,Y as es,u as ss,t as ns,j as rs,Z as as}from"./index-BmsZnbW1.js";import{b as is,d as os,H as ls,g as qt,u as fe,C as he,m as cs,i as yt,r as ge,c as je,a as ds}from"./CustomDurationPicker-znQCEiPe.js";import{P as xs}from"./PageHeader-DlcE3U5L.js";import{L as us}from"./ListToolbar-B6ZoJ4Rd.js";import{i as be,C as St}from"./CountdownTimer-CQSukTT4.js";import{u as ps}from"./workflows-DYTqfgom.js";import{g as ms}from"./useEventHooks-CKpFrpjc.js";import{S as ye}from"./StatusBadge-BbqghFMi.js";import{R as fs}from"./RolePill-dzo14hB_.js";import{C as nt}from"./CopyableId-BpB-NvDh.js";import{U as Ne}from"./UserName-Doe8DDXc.js";import{Q as Vt,am as hs,S as gs,an as js,H as ve,n as bs,a8 as we,U as ys,ab as Ns,ac as vs,a1 as ws,ao as ks,ap as Cs,aq as Wt,ar as _s,as as se,at as Es,au as ne,av as re,aw as As,X as Ts}from"./vendor-icons-BE_WrH2z.js";import{a as ke,L as at,e as $s}from"./vendor-react-BpdAFEQc.js";import{M as Rs}from"./Modal-CA2Iv02H.js";import"./StickyPagination-4cY0OXWj.js";import"./constants-BHkpVaqx.js";import"./users-BdvakxB1.js";const Os={SCHEMA_VALIDATION:"schema_validation"};function Is(e){return typeof e=="object"&&e!==null&&e.code===Os.SCHEMA_VALIDATION&&Array.isArray(e.violations)}const bt={pending:"rgb(var(--lt-status-queued-graphic))",claimed:"rgb(var(--lt-status-claimed-graphic))",resolved:"rgb(var(--lt-status-success-graphic))",cancelled:"rgb(var(--lt-status-error))"},$t=5;function ae({pct:e,place:s,label:a,title:r,emphasis:n}){const i=t.jsx("span",{className:"w-px h-1.5 bg-text-quaternary","aria-hidden":!0}),c=t.jsx("span",{className:`whitespace-nowrap leading-none tabular-nums ${n?"text-text-secondary":"text-text-tertiary"}`,children:a});return t.jsx("div",{title:r,className:`absolute ${s==="above"?"bottom-0":"top-0"} flex flex-col items-center gap-0 -translate-x-1/2 cursor-help`,style:{left:`${e}%`},children:s==="above"?t.jsxs(t.Fragment,{children:[c,i]}):t.jsxs(t.Fragment,{children:[i,c]})})}function Ds({esc:e,className:s=""}){const a=new Date(e.created_at).getTime(),r=e.claimed_at?new Date(e.claimed_at).getTime():null,n=e.status==="resolved",i=e.status==="cancelled"||e.status==="expired",c=n||i,d=be(e),l=!!r&&(d||c),x=n&&e.resolved_at?new Date(e.resolved_at).getTime():i?new Date(e.updated_at).getTime():Date.now(),o=Math.max(x-a,1),u=l&&r?Math.max(r-a,0):o,m=l&&r?Math.max(x-r,0):0,f=Math.min(100,Math.max(0,u/o*100)),N=l?Math.max(0,100-f):0,j=n?bt.resolved:i?bt.cancelled:bt.claimed,p=n?"Resolved after":i?"Cancelled after":"In progress",v=At(u),A=At(o),h=n?`Resolved in ${A} total`:i?`Cancelled after ${A}`:`Open ${A} so far`,C=`Lifecycle bar: blue = time waiting to be claimed, ${n?"green":i?"red":"orange"} = ${p.toLowerCase()} the claim.`;return t.jsxs("div",{className:s,title:C,children:[t.jsx("div",{className:"relative h-3 text-2xs font-mono",children:l&&t.jsx(ae,{pct:f,place:"above",label:v,title:`Time to claim: ${v}`})}),t.jsxs("div",{className:"flex w-full rounded-full overflow-hidden",style:{height:$t,backgroundColor:"rgb(var(--lt-surface-sunken))"},title:C,children:[t.jsx("div",{style:{width:`${f}%`,minWidth:$t,backgroundColor:bt.pending,opacity:.75},title:`Waiting ${v} — created → claimed`}),l&&N>0&&t.jsx("div",{style:{width:`${N}%`,minWidth:$t,backgroundColor:j,opacity:.75},title:`${p} ${At(m)}`})]}),t.jsx("div",{className:"relative h-3 text-2xs font-mono",children:t.jsx(ae,{pct:100,place:"below",emphasis:!0,label:A,title:h})})]})}function Ms({triage:e,payload:s}){const a=e.confidence??0,r=a>=.8?"text-status-success":a>=.5?"text-status-pending":"text-status-error",n=Ls(e.originalData,s);return t.jsxs("div",{className:"space-y-5",children:[e.diagnosis&&t.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:e.diagnosis}),t.jsxs("div",{className:"flex flex-wrap items-center gap-3 text-xs text-text-tertiary",children:[e.tool_calls_made!=null&&t.jsxs("span",{children:[e.tool_calls_made," tool call",e.tool_calls_made!==1?"s":""]}),e.tool_calls_made!=null&&t.jsx("span",{className:"text-text-quaternary",children:"·"}),t.jsxs("span",{className:`font-medium ${r}`,children:[Math.round(a*100),"% confidence"]})]}),e.actions_taken&&e.actions_taken.length>0&&t.jsx("div",{className:"flex flex-wrap gap-1.5",children:e.actions_taken.map((i,c)=>t.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2 py-0.5 text-2xs
+                         text-text-secondary`,children:[t.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:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}),i]},c))}),e.recommendation&&t.jsx("p",{className:"text-2xs text-text-tertiary italic",children:e.recommendation}),n.length>0&&t.jsx("div",{className:"space-y-4 pt-2",children:n.map(i=>t.jsx(Ws,{diff:i},i.key))})]})}function Ls(e,s){if(!e)return[];const a=[];for(const r of Object.keys(e)){if(r.startsWith("_"))continue;const n=e[r],i=s[r];i!==void 0&&JSON.stringify(n)!==JSON.stringify(i)&&a.push({key:r,label:r.replace(/[_-]/g," "),original:n,corrected:i})}return a}function Ws({diff:e}){const s=ie(e.original),a=ie(e.corrected);return s!==null&&a!==null?t.jsx("div",{className:"@container",children:t.jsxs("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-x-8 gap-y-3",children:[t.jsxs("div",{children:[t.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[e.label," ",t.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),t.jsx("p",{className:"text-sm text-text-tertiary leading-relaxed line-through decoration-text-tertiary/30",children:s})]}),t.jsxs("div",{children:[t.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[e.label," ",t.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),t.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:a})]})]})}):t.jsxs("div",{className:"space-y-3",children:[t.jsxs("div",{children:[t.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[e.label," ",t.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),t.jsx("pre",{className:"text-xs text-text-tertiary font-mono whitespace-pre-wrap leading-relaxed",children:typeof e.original=="object"?JSON.stringify(e.original,null,2):String(e.original)})]}),t.jsxs("div",{children:[t.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[e.label," ",t.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),t.jsx("pre",{className:"text-xs text-text-primary font-mono whitespace-pre-wrap leading-relaxed",children:typeof e.corrected=="object"?JSON.stringify(e.corrected,null,2):String(e.corrected)})]})]})}function ie(e){return e==null?"null":typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?String(e):null}function B(e,s){const a=s==null?void 0:s.title;if(typeof a=="string"&&a.trim().length>0)return a.trim();const r=e.split(/[_-]+/).filter(Boolean);return r.length<=1?e:r.map(n=>Ps(n)?n:n.charAt(0).toUpperCase()+n.slice(1)).join(" ")}function Ps(e){return e.length>1&&e===e.toUpperCase()&&/[A-Z]/.test(e)}const J={HELP:"help",DETAILS:"details",TRIAGE:"triage",METADATA:"metadata",CONTEXT:"context",RECORD:"record",ERRORS:"errors"},Ce="lt:escalation:panel:view";function Fs(e){try{const s=localStorage.getItem(Ce);if(s&&e.includes(s))return s}catch{}return J.HELP}const qs=new Set(["form_schema"]);function Ss({metadata:e,role:s}){const a=Object.entries(e??{}).filter(([r])=>!r.startsWith("_")&&!qs.has(r));return a.length===0?t.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No metadata on this escalation."}):t.jsx("dl",{className:"space-y-3.5",children:a.map(([r,n])=>{const i=typeof n=="object"&&n!==null?JSON.stringify(n):String(n),c=ee(r,n,s),d=ee(r,n);return t.jsxs("div",{className:"group relative",children:[t.jsx("dt",{className:"text-2xs font-medium text-text-secondary uppercase tracking-wide",children:B(r)}),t.jsxs("dd",{className:"mt-0.5 flex items-center gap-1",children:[t.jsx("span",{className:"text-xs text-text-primary font-mono break-all flex-1",children:i}),t.jsx(at,{to:c,title:`Filter this queue: ${r} = ${i}`,className:"opacity-50 group-hover:opacity-100 transition-opacity shrink-0 p-0.5 text-text-quaternary hover:text-accent",children:t.jsx(Ns,{className:"w-3 h-3"})}),t.jsx(at,{to:d,title:`Search all queues: ${r} = ${i}`,className:"opacity-50 group-hover:opacity-100 transition-opacity shrink-0 p-0.5 text-text-quaternary hover:text-accent",children:t.jsx(vs,{className:"w-3 h-3"})})]})]},r)})})}function Vs({esc:e,claimed:s,isTerminal:a,isBuilder:r,traceUrl:n}){return t.jsxs("div",{className:"space-y-5",children:[t.jsxs("dl",{className:"space-y-3.5",children:[t.jsx(Q,{label:"Status",children:t.jsx(ye,{status:e.status})}),t.jsx(Q,{label:"Assigned to Role",children:t.jsx(fs,{role:e.role,size:"md"})}),t.jsxs(Q,{label:"Priority",children:["P",e.priority]}),(s||a)&&e.assigned_to&&t.jsx(Q,{label:"Claimed By",children:t.jsxs("span",{className:"inline-flex items-center gap-1.5 font-medium text-text-primary",children:[t.jsx(ys,{className:"w-3 h-3 shrink-0 text-accent/75"}),t.jsx(Ne,{userId:e.assigned_to})]})}),t.jsx(Q,{label:"Created",children:t.jsx(Tt,{date:e.created_at})}),(s||a)&&e.claimed_at&&t.jsx(Q,{label:"Claimed",children:t.jsx(Tt,{date:e.claimed_at})}),s&&!a&&e.assigned_until&&t.jsx(Q,{label:"Time Remaining",children:t.jsx(St,{until:e.assigned_until})}),e.resolved_at&&t.jsx(Q,{label:"Completed",children:t.jsx("span",{className:"text-status-success",children:t.jsx(Tt,{date:e.resolved_at})})})]}),r&&t.jsxs(t.Fragment,{children:[t.jsx("hr",{className:"border-surface-border/60"}),t.jsxs("div",{className:"space-y-3.5",children:[t.jsx(nt,{label:"Escalation ID",value:e.id}),e.task_id&&t.jsx(nt,{label:"Task ID",value:e.task_id,href:`/workflows/tasks/detail/${e.task_id}`}),e.workflow_type&&t.jsx(nt,{label:"Workflow Name",value:e.workflow_type,href:`/workflows/executions?entity=${encodeURIComponent(e.workflow_type)}`}),e.workflow_id&&t.jsx(nt,{label:"Workflow ID",value:e.workflow_id,href:`/workflows/executions/${e.workflow_id}`}),e.task_queue&&t.jsx(nt,{label:"Task Queue",value:e.task_queue,href:`/admin/controlplane?queue=${encodeURIComponent(e.task_queue)}`}),e.origin_id&&e.origin_id!==e.workflow_id&&t.jsx(nt,{label:"Origin",value:e.origin_id,href:`/processes/detail/${e.origin_id}`}),e.trace_id&&t.jsx(nt,{label:"Trace",value:e.trace_id,href:n?n.replace("{traceId}",e.trace_id):void 0,external:!0})]})]})]})}function Hs({errors:e,schema:s}){const a=r=>{const n=document.querySelector(`[data-field-key="${r}"]`);n&&(n.scrollIntoView({behavior:"smooth",block:"center"}),n.focus({preventScroll:!0}))};return e.length===0?t.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No errors to display."}):t.jsxs("div",{className:"space-y-1",role:"alert","aria-live":"polite",children:[t.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-wider text-status-error mb-4",children:[e.length," ",e.length===1?"issue":"issues"," to resolve"]}),t.jsx("div",{className:"space-y-1.5",children:e.map(({field:r,message:n})=>{var i;return t.jsxs("button",{onClick:()=>a(r),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:[t.jsx(we,{className:"w-3.5 h-3.5 mt-0.5 shrink-0 text-status-error/60 group-hover:text-status-error transition-colors"}),t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold text-text-primary leading-snug",children:B(r,(i=s==null?void 0:s.properties)==null?void 0:i[r])}),t.jsx("p",{className:"text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors leading-snug mt-0.5",children:n})]})]},r)})}),t.jsx("p",{className:"text-2xs text-text-quaternary mt-4 px-3",children:"Click an issue to scroll to and focus the field."})]})}function Js({esc:e,schema:s,envelope:a,payload:r,resolver:n,triage:i,hasAI:c,claimed:d,claimedByMe:l,isTerminal:x,isBuilder:o,traceUrl:u,open:m,noGutter:f,formErrors:N,activePanel:j,onPanelChange:p}){const v=ke(),A=Object.values(J),[h,C]=g.useState(()=>Fs(A)),I=j??h,R=g.useCallback(k=>{try{localStorage.setItem(Ce,k)}catch{}C(k),p==null||p(k)},[p]);g.useEffect(()=>{j&&j!==h&&C(j)},[j]);const P=g.useMemo(()=>is(s,{escalation:e,metadata:e.metadata??null,envelope:a,payload:r,resolver:n})??os({isTerminal:x,status:e.status,claimed:d,claimedByMe:l}),[s,e,a,r,n,x,d,l]),E=g.useCallback(k=>{const O=k.target.closest("a"),S=O==null?void 0:O.getAttribute("href");S!=null&&S.startsWith("/")&&(k.preventDefault(),v(S))},[v]),T=[{id:J.HELP,icon:Vt,label:"Instructions",content:t.jsx(Lt,{content:P,onClick:E})},{id:J.DETAILS,icon:hs,label:"Details",content:t.jsx(Vs,{esc:e,claimed:d,isTerminal:x,isBuilder:o,traceUrl:u})},...c&&i?[{id:J.TRIAGE,icon:gs,label:"AI Analysis",content:t.jsx(Ms,{triage:i,payload:r??{}})}]:[],{id:J.METADATA,icon:js,label:"Metadata",content:t.jsx(Ss,{metadata:e.metadata,role:e.role})},{id:J.CONTEXT,icon:ve,label:"Context",content:t.jsxs("div",{className:"space-y-5",children:[a!=null&&t.jsx(ft,{data:a,label:"Input Envelope"}),r!=null&&t.jsx(ft,{data:r,label:"Escalation Context"}),n!=null&&t.jsx(ft,{data:n,label:"Resolver Payload"}),a==null&&r==null&&n==null&&t.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No context on this escalation."})]})},...o?[{id:J.RECORD,icon:bs,label:"Record",content:t.jsx(ft,{data:e,label:"Escalation Record"})}]:[],...N&&N.length>0?[{id:J.ERRORS,icon:(({className:k})=>t.jsx(we,{className:`${k??""} text-status-error`})),label:"Errors",content:t.jsx(Hs,{errors:N,schema:s})}]:[]];return t.jsx(Ye,{open:m,width:384,className:"h-full",children:t.jsx("div",{className:`h-full${f?"":" pl-6"}`,children:t.jsxs("div",{className:"h-full flex flex-col bg-surface-hover",children:[t.jsx("div",{className:"shrink-0 pt-1.5 pb-0.5 flex justify-center",children:t.jsx(Ds,{esc:e,className:"w-[80%]"})}),t.jsx("div",{className:"flex-1 min-h-0",children:t.jsx(Be,{views:T,activeId:I,onViewChange:R,stickyClassName:"h-full min-h-0"})})]})})})}function Us(e,s){if(typeof e!="string"||!s)return[];const a=e.indexOf(".");if(a===-1)return[];const r=s[e.slice(0,a)];if(!r||typeof r!="object")return[];let n=r;for(const i of e.slice(a+1).split("."))if(n=n[i],n===void 0)return[];return Array.isArray(n)?n:[]}function zs(e,s,a){if((s==null?void 0:s["x-lt-widget"])!=="checklist"||s["x-lt-require-all"]!==!0)return;const n=Us(s["x-lt-source"],a).filter(d=>d.required!==!1);if(n.length===0)return;const i=typeof e=="object"&&e!==null&&!Array.isArray(e)?e:{},c=n.filter(d=>!i[d.id]).length;if(c!==0)return`${c} of ${n.length} checks incomplete`}function Ys(e,s){const a=s==null?void 0:s.type;if(typeof a=="string"&&!(e==null||e===""))switch(a){case"string":return typeof e=="string"?void 0:"Expected text";case"number":return typeof e=="number"&&Number.isFinite(e)?void 0:"Expected a number";case"integer":return typeof e=="number"&&Number.isInteger(e)?void 0:"Expected a whole number";case"boolean":return typeof e=="boolean"?void 0:"Expected true or false";case"array":return Array.isArray(e)?void 0:"Expected a list";case"object":return typeof e=="object"&&!Array.isArray(e)?void 0:"Expected an object";default:return}}function Bs(e,s,a){if(!s)return;const r=s.enum;if(Array.isArray(r)&&r.length>0&&e!==void 0&&e!==null&&e!==""&&!r.includes(e))return`Must be one of: ${r.map(n=>String(n)).join(", ")}`;if(typeof e=="string"){const n=e.trim();if(n==="")return;const i=dt(s.minLength,s["x-lt-min-length"],a);if(i!==void 0&&n.length<i)return`Minimum ${i} character${i===1?"":"s"}`;const c=dt(s.maxLength,s["x-lt-max-length"],a);if(c!==void 0&&n.length>c)return`Maximum ${c} characters (${n.length} entered)`;const d=s.pattern;if(d)try{if(!new RegExp(d).test(n))return s["x-lt-pattern-error"]??"Invalid format"}catch{}const l=s.format;if(l==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n))return"Enter a valid email address";if(l==="uri"&&!/^https?:\/\/.+/.test(n))return"Enter a valid URL"}if(typeof e=="number"){const n=dt(s.minimum,s["x-lt-minimum"],a),i=dt(s.exclusiveMinimum,void 0,a),c=dt(s.maximum,s["x-lt-maximum"],a),d=dt(s.exclusiveMaximum,void 0,a);if(n!==void 0&&e<n)return`Minimum value is ${n}`;if(i!==void 0&&e<=i)return`Must be greater than ${i}`;if(c!==void 0&&e>c)return`Maximum value is ${c}`;if(d!==void 0&&e>=d)return`Must be less than ${d}`}}function dt(e,s,a){if(typeof e=="number")return e;if(typeof s=="string"&&a){const r=s.indexOf(".");if(r!==-1){const n=s.slice(0,r),i=s.slice(r+1),c=a[n];if(c&&typeof c=="object"){const d=i.split(".");let l=c;for(const x of d)if(l=l[x],l===void 0)break;if(typeof l=="number")return l;if(typeof l=="string"){const x=Number(l);if(!Number.isNaN(x))return x}}}}}function _e(e,s,a,r,n){if(!r)return;if(a){if(e==null||typeof e=="boolean"&&!e||typeof e=="string"&&e.trim()==="")return"Required";if(typeof e=="object"&&!Array.isArray(e)&&e!==null){const d=Object.values(e);if(d.length===0||d.every(l=>!l))return"Required"}}const i=Ys(e,s);if(i)return i;const c=zs(e,s,n);return c||Bs(e,s,n)}function oe(e){return e!=null&&e!==""&&e!==!1&&e!==0}function Gs(e){return e==null?"":typeof e=="object"?JSON.stringify(e):String(e)}function le(e,s){const a=e.indexOf("."),r=a===-1?e:e.slice(0,a);if(!ls.includes(r))return{known:!1,value:void 0};const n=s[r];if(a===-1)return{known:!0,value:n};try{return{known:!0,value:qt(n,e.slice(a+1))}}catch{return{known:!0,value:void 0}}}function Ee(e,s){if(typeof e!="string"||e.length===0||!s)return!0;const a=e.startsWith("!"),r=a?e.slice(1):e,n=r.indexOf("!="),i=r.indexOf("=");if(n!==-1||i!==-1&&i!==n+1){const l=n!==-1&&(i===-1||n<i),x=l?n:i,o=r.slice(0,x).trim(),u=r.slice(x+(l?2:1)).trim(),{known:m,value:f}=le(o,s);if(!m)return!0;const N=Gs(f)===u,j=l?!N:N;return a?!j:j}const{known:c,value:d}=le(r,s);return c?a?!oe(d):oe(d):!0}function Ae(e,s,a){if(!e)return[];const r=e.properties??{},n=new Set(e.required??[]),i={...a??{},resolver:s},c=[];for(const[d,l]of Object.entries(r)){if(!Ee(l["x-lt-showIf"],i))continue;const x=_e(s[d],l,n.has(d),!0,i);x&&c.push({field:d,message:x})}return c}function Xs(e){const{mode:s,activeView:a,onActiveViewChange:r,onClaim:n,claimPending:i,workflowType:c,json:d,onResolve:l,resolvePending:x,resolveError:o,requestTriage:u,triageNotes:m,currentRole:f,escalationTargets:N,onEscalate:j,escalatePending:p,escalateError:v,onRelease:A,releasePending:h,onCancel:C,assignedTo:I,assignedUntil:R,onSubmitAttempt:P,onValidationErrors:E,escalationContext:T}=e,k=fe(),[O,S]=g.useState("30"),[F,W]=g.useState(0),[V,G]=g.useState(""),[b,$]=g.useState(""),y=O==="custom",D=g.useCallback(_=>W(_),[]);if(s==="terminal")return null;const L=()=>{const _=y?F:parseInt(O);!_||_<=0||n(_)},U=()=>{if(G(""),u){const tt={_lt:{needsTriage:!0}};m.trim()&&(tt.notes=m.trim()),l(tt);return}let _;try{_=JSON.parse(d)}catch{G("Invalid JSON");return}const M=_._form_schema;if(M){const tt=Ae(M,_,T);if(tt.length>0){P==null||P(),E==null||E(tt);return}}const{_form_schema:K,...it}=_;l(cs(it,M))},z=_=>`text-xs transition-colors ${_?"text-accent font-medium":"text-text-tertiary hover:text-accent"}`;return t.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:[s==="available"&&t.jsxs("div",{"data-testid":"claim-bar",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[k.map(_=>t.jsx("button",{onClick:()=>{S(_.value),W(0)},className:z(!y&&O===_.value),children:_.label},_.value)),t.jsx("button",{onClick:()=>S("custom"),className:z(y),children:"Other"})]}),t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("button",{onClick:C,className:"text-xs text-text-tertiary hover:text-status-error transition-colors",children:"Cancel escalation"}),t.jsx("div",{className:"flex-1"}),y&&t.jsx(he,{onChange:D,compact:!0,autoFocus:!0}),t.jsx("button",{onClick:L,disabled:i||y&&F<=0,className:"btn-primary text-xs",children:i?"Claiming...":"Claim"})]})]}),s==="claimed_by_other"&&t.jsxs("div",{className:"flex items-center gap-4","data-testid":"claimed-other-bar",children:[t.jsxs("p",{className:"text-sm text-text-secondary",children:["Claimed by ",t.jsx("span",{className:"font-medium text-text-primary",children:I?t.jsx(Ne,{userId:I}):"unknown"})]}),R&&t.jsx(St,{until:R})]}),s==="claimed_by_me"&&t.jsxs("div",{"data-testid":"action-bar",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[t.jsx("button",{onClick:()=>r("resolve"),className:z(a==="resolve"),children:c?"Resolve":"Acknowledge"}),N.length>0&&t.jsx("button",{onClick:()=>r("escalate"),className:z(a==="escalate"),children:"Escalate"}),t.jsx("button",{onClick:()=>r("release"),className:`text-xs transition-colors ${a==="release"?"text-status-error font-medium":"text-text-tertiary hover:text-status-error"}`,children:"Release"}),t.jsx("button",{onClick:C,className:"text-xs transition-colors text-text-tertiary hover:text-status-error",children:"Cancel"})]}),a==="resolve"&&t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsx("div",{className:"flex-1"}),V&&t.jsx("span",{className:"text-xs text-status-error",children:V}),o&&t.jsx("span",{className:"text-xs text-status-error",children:o.message}),t.jsx("button",{onClick:U,disabled:x,className:"btn-primary text-xs",children:x?c?"Submitting...":"Acknowledging...":u?"Send to Triage":c?"Submit":"Acknowledge"})]}),a==="escalate"&&t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsxs("span",{className:"text-xs text-text-secondary",children:["From ",t.jsx("span",{className:"font-medium text-text-primary",children:f})," to"]}),t.jsxs("select",{value:b,onChange:_=>$(_.target.value),className:"select text-xs","data-testid":"escalate-select",children:[t.jsx("option",{value:"",children:"Select role..."}),N.map(_=>t.jsx("option",{value:_,children:_},_))]}),t.jsx("div",{className:"flex-1"}),v&&t.jsx("span",{className:"text-xs text-status-error",children:v.message}),t.jsx("button",{onClick:()=>j(b),disabled:!b||p,className:"btn-primary text-xs",children:p?"Escalating...":"Escalate"})]}),a==="release"&&t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("span",{className:"text-xs text-text-secondary",children:"Release back to pool?"}),t.jsx("div",{className:"flex-1"}),t.jsx("button",{onClick:()=>r("resolve"),className:"btn-secondary text-xs",children:"Back"}),t.jsx("button",{onClick:A,disabled:h,className:"btn-primary text-xs bg-status-error hover:bg-status-error/80",children:h?"Releasing...":"Yes, Release"})]})]})]})}function Z(e){return e.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 Rt({content:e,compact:s}){const a=[],r=/^```(\w*)\n([\s\S]*?)^```$/gm;let n=0,i;for(;(i=r.exec(e))!==null;)i.index>n&&a.push({type:"text",text:e.slice(n,i.index)}),a.push({type:"code",lang:i[1],code:i[2].replace(/\n$/,"")}),n=i.index+i[0].length;n<e.length&&a.push({type:"text",text:e.slice(n)});const c=s?{text:"text-xs",heading:"text-xs",list:"text-xs",code:"text-2xs"}:{text:"text-sm",heading:"text-sm",list:"text-sm",code:"text-xs"},d=[];for(const l of a){if(l.type==="code"){const x=l.code.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");d.push(`<pre class="my-2 p-2.5 bg-surface-sunken rounded-md overflow-x-auto"><code class="${c.code} font-mono text-text-secondary leading-relaxed">${x}</code></pre>`);continue}d.push(...Qs(l.text,c))}return t.jsx("div",{className:"prose-sm",dangerouslySetInnerHTML:{__html:d.join(`
+`)}})}function Qs(e,s){const a=e.split(`
+`),r=[];let n=!1,i=!1,c=[];for(const d of a){const l=d.trim();if(l.startsWith("|")&&l.endsWith("|")){const x=l.slice(1,-1).split("|").map(o=>o.trim());if(x.every(o=>/^[-:]+$/.test(o)))continue;i||(i=!0,c=[]),c.push(x);continue}if(i){i=!1;const[x,...o]=c;r.push('<div class="overflow-x-auto my-2"><table class="text-xs w-full"><thead><tr>');for(const u of x)r.push(`<th class="text-left py-1 px-2 border-b border-border text-text-secondary font-medium">${Z(u)}</th>`);r.push("</tr></thead><tbody>");for(const u of o){r.push("<tr>");for(const m of u)r.push(`<td class="py-1 px-2 border-b border-border/50">${Z(m)}</td>`);r.push("</tr>")}r.push("</tbody></table></div>"),c=[]}if(!l){n&&(r.push("</ul>"),n=!1);continue}if(l.startsWith("### ")){n&&(r.push("</ul>"),n=!1),r.push(`<h4 class="${s.heading} font-semibold text-text-primary mt-3 mb-1">${Z(l.slice(4))}</h4>`);continue}if(l.startsWith("## ")){n&&(r.push("</ul>"),n=!1),r.push(`<h3 class="${s.heading} font-semibold text-text-primary mt-3 mb-1">${Z(l.slice(3))}</h3>`);continue}if(/^[-*_]{3,}$/.test(l)){n&&(r.push("</ul>"),n=!1),r.push('<hr class="border-border my-3" />');continue}if(/^[-*] /.test(l)){n||(r.push('<ul class="space-y-1 my-1">'),n=!0),r.push(`<li class="${s.list} text-text-secondary flex gap-2"><span class="text-text-tertiary shrink-0">-</span><span>${Z(l.slice(2))}</span></li>`);continue}n&&(r.push("</ul>"),n=!1),r.push(`<p class="${s.text} text-text-secondary my-1">${Z(l)}</p>`)}if(i&&c.length){const[d,...l]=c;r.push('<div class="overflow-x-auto my-2"><table class="text-xs w-full"><thead><tr>');for(const x of d)r.push(`<th class="text-left py-1 px-2 border-b border-border text-text-secondary font-medium">${Z(x)}</th>`);r.push("</tr></thead><tbody>");for(const x of l){r.push("<tr>");for(const o of x)r.push(`<td class="py-1 px-2 border-b border-border/50">${Z(o)}</td>`);r.push("</tr>")}r.push("</tbody></table></div>")}return n&&r.push("</ul>"),r}function Ot({children:e}){return t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:e})}function Zs({payload:e,isTerminal:s,resolverPayload:a,onRetryTriage:r,isRetrying:n}){const i=e.title,c=e.summary,d=e.diagnosis,l=e.tool_calls_made,x=e.result,o=a==null?void 0:a._lt,u=(o==null?void 0:o.triaged)===!0,m=o==null?void 0:o.triageWorkflowId,f=s&&u,[N,j]=g.useState(!1);return f?t.jsxs("div",{className:"rounded-md border border-status-success/30 bg-surface-raised",children:[t.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("svg",{className:"w-4 h-4 text-status-success shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:t.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"})}),t.jsx("span",{className:"text-xs font-medium text-status-success",children:"Resolved by AI Triage"})]}),typeof l=="number"&&t.jsxs("span",{className:"text-2xs font-mono px-2 py-0.5 rounded-full bg-status-success/10 text-status-success",children:[l," tool calls used"]})]}),t.jsxs("div",{className:"px-4 py-4 space-y-4",children:[i&&t.jsx("p",{className:"text-sm font-medium text-text-primary",children:i}),d&&t.jsxs("div",{children:[t.jsx(Ot,{children:"Triage diagnosis"}),t.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:t.jsx(Rt,{content:d})})]}),t.jsx("div",{className:"flex items-center gap-3",children:m&&t.jsx(at,{to:`/workflows/executions/${m}`,className:"text-2xs text-accent hover:underline",children:"View triage execution"})})]})]}):t.jsxs("div",{className:"rounded-md border border-status-warning/30 bg-surface-raised",children:[t.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("svg",{className:"w-4 h-4 text-status-warning shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:t.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"})}),t.jsx("span",{className:"text-xs font-medium text-status-warning",children:"Tool Rounds Exhausted"})]}),typeof l=="number"&&t.jsxs("span",{className:"text-2xs font-mono px-2 py-0.5 rounded-full bg-status-warning/10 text-status-warning",children:[l," tool calls used"]})]}),t.jsxs("div",{className:"px-4 py-4 space-y-4",children:[i&&t.jsx("p",{className:"text-sm font-medium text-text-primary",children:i}),c&&t.jsxs("div",{children:[t.jsx(Ot,{children:"What happened"}),t.jsx("div",{className:"text-xs text-text-secondary leading-relaxed",children:t.jsx(Rt,{content:c})})]}),d&&t.jsxs("div",{children:[t.jsx(Ot,{children:"What went wrong"}),t.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:t.jsx(Rt,{content:d})})]}),x!=null&&t.jsxs("div",{children:[t.jsxs("button",{onClick:()=>j(!N),className:"flex items-center gap-1 text-2xs font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[t.jsx("svg",{className:`w-3 h-3 transition-transform ${N?"rotate-90":""}`,viewBox:"0 0 12 12",fill:"currentColor",children:t.jsx("path",{d:"M4.5 2l4 4-4 4"})}),"Partial results"]}),N&&t.jsx("div",{className:"mt-2",children:t.jsx(ft,{data:x,defaultMode:"tree"})})]}),r&&!s&&t.jsx("div",{className:"pt-2",children:t.jsxs("button",{onClick:r,disabled:n,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:[t.jsx("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 14 14",fill:"currentColor",children:t.jsx("path",{d:"M7 1a6 6 0 100 12A6 6 0 007 1zm2.5 6.5l-3.5 2V5.5l3.5 2z"})}),n?"Sending to triage...":"Retry with AI Triage"]})})]})]})}function ce(e){if(!e)return null;try{return JSON.parse(e)}catch{return null}}function Te({src:e,escalation:s,schema:a,onResolve:r,onEscalate:n,submitAttempted:i,fill:c}){const d=g.useRef(null),l=g.useRef("");g.useEffect(()=>{try{const o=new URL(e);l.current=o.origin}catch{l.current=""}},[e]);const x=g.useCallback(()=>{const o=d.current;if(!(o!=null&&o.contentWindow)||!l.current)return;const m={type:"lt:init",escalation:{id:s.id,type:s.type,subtype:s.subtype,description:s.description,status:s.status,priority:s.priority,role:s.role,workflow_type:s.workflow_type,envelope:ce(s.envelope),metadata:s.metadata??null,escalation_payload:ce(s.escalation_payload)},schema:a};o.contentWindow.postMessage(m,l.current)},[s,a]);return g.useEffect(()=>{const o=u=>{if(u.origin!==l.current)return;const m=u.data;if(!(!m||typeof m!="object"||typeof m.type!="string"))switch(m.type){case"lt:ready":x();break;case"lt:submit":m.payload&&typeof m.payload=="object"&&r(m.payload);break;case"lt:escalate":typeof m.target=="string"&&m.target&&n(m.target);break;case"lt:resize":{const f=d.current;f&&typeof m.height=="number"&&m.height>0&&(f.style.height=`${Math.min(m.height,2e3)}px`);break}}};return window.addEventListener("message",o),()=>window.removeEventListener("message",o)},[x,r,n]),g.useEffect(()=>{if(!i)return;const o=d.current;o!=null&&o.contentWindow&&l.current&&o.contentWindow.postMessage({type:"lt:validate"},l.current)},[i]),c?t.jsx("div",{className:"absolute inset-0 overflow-hidden",children:t.jsx("iframe",{ref:d,src:e,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:x})}):t.jsx("div",{className:"rounded-md border border-surface-border overflow-hidden bg-white",children:t.jsx("iframe",{ref:d,src:e,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:x})})}function q({children:e,isRequired:s,htmlFor:a}){return t.jsxs("label",{htmlFor:a,className:"block text-2xs font-semibold uppercase tracking-wider text-text-secondary",children:[e,s&&t.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})}function Y({id:e,children:s}){return t.jsx("p",{id:e,className:"text-2xs text-text-tertiary mt-0.5 leading-snug",children:s})}function rt({error:e,id:s}){return e?t.jsx("p",{id:s,role:"alert",className:"text-2xs text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:e}):null}function ut(e){return e?"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 Ks(e){return e?"select text-sm mt-1 min-w-[min(16rem,100%)] max-w-full border-status-error/50 focus:border-status-error animate-[field-shake_0.4s_ease-in-out]":"select text-sm mt-1 min-w-[min(16rem,100%)] max-w-full"}function tn({fieldKey:e,value:s,onChange:a,schema:r,isRequired:n}){const i=g.useRef(null),c=(r==null?void 0:r.accept)??void 0,d=B(e,r),l=r==null?void 0:r.description,x=g.useCallback(u=>{var N;const m=(N=u.target.files)==null?void 0:N[0];if(!m)return;const f=new FileReader;f.onload=()=>{typeof f.result=="string"&&a(f.result)},f.readAsDataURL(m)},[a]),o=s.startsWith("data:");return t.jsxs("div",{children:[t.jsx(q,{isRequired:n,children:d}),l&&t.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:l}),t.jsxs("div",{className:"mt-1",children:[t.jsx("input",{ref:i,type:"file",accept:c,onChange:x,className:"hidden"}),t.jsx("button",{type:"button",onClick:()=>{var u;return(u=i.current)==null?void 0:u.click()},className:"btn-secondary text-xs px-3 py-1.5",children:o?"Replace file":"Choose file"}),o&&t.jsx("span",{className:"ml-2 text-xs text-status-success",children:"File attached"})]})]})}function en({fieldKey:e,value:s,onChange:a,schema:r,isRequired:n}){const i=B(e,r),c=r==null?void 0:r.description,d=(r==null?void 0:r["x-lt-language"])??"",l=g.useCallback(x=>{if(x.key==="Tab"){x.preventDefault();const o=x.currentTarget,u=o.selectionStart,m=o.selectionEnd,f=s.substring(0,u)+"  "+s.substring(m);a(f),requestAnimationFrame(()=>{o.selectionStart=o.selectionEnd=u+2})}},[s,a]);return t.jsxs("div",{children:[t.jsxs(q,{isRequired:n,children:[i,d&&t.jsx("span",{className:"ml-2 text-text-tertiary/60 normal-case font-normal",children:d})]}),c&&t.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:c}),t.jsx("textarea",{value:s,onChange:x=>a(x.target.value),onKeyDown:l,className:"input w-full mt-1 font-mono text-xs leading-relaxed",rows:10,spellCheck:!1})]})}function sn({fieldKey:e,value:s,onChange:a,schema:r,isRequired:n}){const i=g.useRef(null),[c,d]=g.useState(!1),l=B(e,r),x=r==null?void 0:r.description;g.useEffect(()=>{const j=i.current;if(!j)return;const p=j.getContext("2d");if(p&&(p.lineWidth=2,p.lineCap="round",p.strokeStyle="#1E1535",s&&s.startsWith("data:"))){const v=new Image;v.onload=()=>p.drawImage(v,0,0),v.src=s}},[]);const o=g.useCallback(j=>{const p=i.current,v=p.getBoundingClientRect(),A=v.width>0?p.width/v.width:1,h=v.height>0?p.height/v.height:1;return"touches"in j?{x:(j.touches[0].clientX-v.left)*A,y:(j.touches[0].clientY-v.top)*h}:{x:(j.clientX-v.left)*A,y:(j.clientY-v.top)*h}},[]),u=g.useCallback(j=>{var A;d(!0);const p=(A=i.current)==null?void 0:A.getContext("2d");if(!p)return;const v=o(j);p.beginPath(),p.moveTo(v.x,v.y)},[o]),m=g.useCallback(j=>{var A;if(!c)return;const p=(A=i.current)==null?void 0:A.getContext("2d");if(!p)return;const v=o(j);p.lineTo(v.x,v.y),p.stroke()},[c,o]),f=g.useCallback(()=>{d(!1);const j=i.current;j&&a(j.toDataURL("image/png"))},[a]),N=g.useCallback(()=>{const j=i.current;if(!j)return;const p=j.getContext("2d");p&&(p.clearRect(0,0,j.width,j.height),a(""))},[a]);return t.jsxs("div",{children:[t.jsx(q,{isRequired:n,children:l}),x&&t.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:x}),t.jsx("div",{className:"mt-1 max-w-[25rem] border border-surface-border rounded-md overflow-hidden bg-white",children:t.jsx("canvas",{ref:i,width:400,height:150,className:"w-full cursor-crosshair touch-none",onMouseDown:u,onMouseMove:m,onMouseUp:f,onMouseLeave:f,onTouchStart:u,onTouchMove:m,onTouchEnd:f})}),t.jsx("button",{type:"button",onClick:N,className:"mt-1 text-2xs text-text-tertiary hover:text-accent transition-colors",children:"Clear"})]})}function nn({fieldKey:e,value:s,onChange:a,schema:r,isRequired:n}){const i=B(e,r),c=r==null?void 0:r.description;return t.jsxs("div",{children:[t.jsx(q,{isRequired:n,children:i}),c&&t.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:c}),t.jsx("textarea",{value:s,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 rn({fieldKey:e,value:s,onChange:a,schema:r,isRequired:n}){const[i,c]=g.useState("write"),d=B(e,r),l=r==null?void 0:r.description;return(r==null?void 0:r.readOnly)===!0?t.jsx(Lt,{content:s,className:"my-1"}):t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsx(q,{isRequired:n,children:d}),t.jsx("div",{className:"flex items-center gap-0.5",children:["write","preview"].map(o=>t.jsx("button",{type:"button",onClick:()=>c(o),className:`px-2 py-0.5 text-2xs rounded transition-colors ${i===o?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:o==="write"?"Write":"Preview"},o))})]}),l&&t.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:l}),i==="write"?t.jsx("textarea",{value:s,onChange:o=>a(o.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."}):t.jsx("div",{className:"mt-1 px-3 py-2 border border-surface-border rounded min-h-[120px]",children:s.trim()?t.jsx(Lt,{content:s}):t.jsx("p",{className:"text-xs text-text-quaternary italic",children:"Nothing to preview."})})]})}const an=28;function on({fieldKey:e,value:s,onChange:a,schema:r,escalationContext:n,isRequired:i,submitAttempted:c,error:d}){const l=r==null?void 0:r["x-lt-source"],x=(r==null?void 0:r["x-lt-require-all"])===!0,o=[];if(l&&n){const h=l.indexOf(".");if(h!==-1){const C=l.slice(0,h),I=l.slice(h+1);try{const R=qt(n[C],I);Array.isArray(R)&&o.push(...R)}catch{}}}let u={};try{s&&(u=JSON.parse(s))}catch{}const m=h=>a(JSON.stringify({...u,[h]:!u[h]})),f=B(e,r),N=r==null?void 0:r.description;if(o.length===0)return t.jsxs(t.Fragment,{children:[t.jsx("p",{className:"text-xs text-text-tertiary italic mt-1",children:"No checklist items. Provide checklist_items in the escalation envelope or metadata."}),d&&t.jsx("p",{className:"text-2xs text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:d})]});const j=r==null?void 0:r["x-lt-variant"],p=j==="chips"||j==="rows"?j:x||o.some(h=>h.label.length>an)?"rows":"chips",v=o.filter(h=>u[h.id]).length,A=(o.find(h=>!u[h.id]&&h.required!==!1)??o[0]).id;return t.jsxs("div",{role:"group","aria-label":f,"aria-required":i||void 0,"aria-invalid":d?!0:void 0,children:[t.jsx(q,{isRequired:i,children:f}),N&&t.jsx(Y,{children:N}),p==="chips"?t.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:o.map(h=>{const C=u[h.id]??!1,I=!C&&!!c&&v===0&&(h.required||i);return t.jsxs("label",{className:`inline-flex items-center gap-1.5 cursor-pointer select-none px-3.5 py-2 text-sm border transition-colors rounded-[var(--lt-radius-field)] ${C?"bg-accent border-accent text-text-inverse":I?"bg-surface-field border-status-error/60 text-status-error":"bg-surface-field border-surface-field-border text-text-secondary hover:border-accent hover:text-text-primary"}`,children:[t.jsx("input",{type:"checkbox",checked:C,onChange:()=>m(h.id),className:"sr-only","data-testid":`checklist-item-${h.id}`,...h.id===A?{"data-field-key":e}:{}}),C&&t.jsx(ws,{className:"w-3.5 h-3.5 shrink-0",strokeWidth:2.5}),h.label]},h.id)})}):t.jsx("div",{className:"space-y-2.5 mt-2",children:o.map(h=>{const C=u[h.id]??!1,I=!C&&!!c&&(x?h.required!==!1:v===0&&(h.required||i));return t.jsxs("label",{className:`flex items-start gap-3 cursor-pointer group select-none rounded px-2 py-1 -mx-2 transition-colors ${I?"bg-status-error/5":"hover:bg-surface-hover"}`,children:[t.jsx("input",{type:"checkbox",checked:C,onChange:()=>m(h.id),className:`mt-0.5 w-3.5 h-3.5 shrink-0 rounded ${I?"accent-status-error":"accent-accent"}`,"data-testid":`checklist-item-${h.id}`,...h.id===A?{"data-field-key":e}:{}}),t.jsxs("span",{className:`text-sm leading-snug transition-colors ${I?"text-status-error":"text-text-secondary group-hover:text-text-primary"}`,children:[h.label,h.required&&t.jsx("span",{className:`ml-0.5 text-2xs ${I?"text-status-error":"text-text-quaternary"}`,children:"*"})]})]},h.id)})}),t.jsx("p",{className:"text-2xs text-text-quaternary mt-3 tabular-nums",children:p==="chips"?t.jsxs(t.Fragment,{children:[v," selected",i&&v===0&&!!c&&t.jsx("span",{className:"ml-1 text-text-quaternary/60",children:"(check at least one)"})]}):t.jsxs(t.Fragment,{children:[v," / ",o.length," confirmed",x?t.jsxs("span",{className:"ml-1 text-text-quaternary/60",children:["(all required",o.some(h=>h.required===!1)?" except optional":"",")"]}):i&&v===0&&!!c&&t.jsx("span",{className:"ml-1 text-text-quaternary/60",children:"(at least one required)"})]})}),d&&t.jsx("p",{role:"alert",className:"text-2xs text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:d})]})}const ln=/\.(png|jpe?g|gif|webp|avif|bmp|svg)(\?.*)?$/i;function cn(e){var r,n,i,c;const s=e.trim();if(!s)return{kind:"none"};const a=(n=(r=/^data:([^;,]+)[;,]/.exec(s))==null?void 0:r[1])==null?void 0:n.toLowerCase();if(a)return a.startsWith("image/")?{kind:"image",src:s}:{kind:"file",href:s,label:a==="application/pdf"?"PDF":a,isData:!0};if(/^https?:\/\//i.test(s)){if(ln.test(s))return{kind:"image",src:s};const d=(c=(i=/\.([a-z0-9]{2,5})(\?.*)?$/i.exec(s))==null?void 0:i[1])==null?void 0:c.toUpperCase();return{kind:"file",href:s,label:d??"attachment",isData:!1}}return{kind:"none"}}function de({fieldKey:e,value:s,schema:a}){const[r,n]=g.useState(!1),i=cn(s??""),c=e.replace(/[_-]/g," "),d=a==null?void 0:a.description,l=t.jsxs(t.Fragment,{children:[t.jsx("label",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:c}),d&&t.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:d})]});return i.kind==="none"?t.jsxs("div",{children:[l,t.jsx("p",{className:"text-xs text-text-quaternary italic mt-1",children:"No attachment"})]}):i.kind==="image"?t.jsxs("div",{children:[l,t.jsxs("div",{className:"mt-1",children:[t.jsx("button",{type:"button",onClick:()=>n(!0),className:"block rounded-[0.125em] border border-surface-border overflow-hidden hover:border-accent transition-colors",title:"View full size",children:t.jsx("img",{src:i.src,alt:e.replace(/[_-]/g," "),className:"max-h-48 max-w-full object-contain","data-testid":`attachment-image-${e}`})}),r&&t.jsx("div",{className:"fixed inset-0 z-[100] bg-text-primary/60 backdrop-blur-sm flex items-center justify-center p-8 cursor-zoom-out",onClick:()=>n(!1),role:"dialog","aria-modal":"true","aria-label":`${c} — full size`,children:t.jsx("img",{src:i.src,alt:c,className:"max-h-[90vh] max-w-[90vw] object-contain"})})]})]}):t.jsxs("div",{children:[l,t.jsx("div",{className:"mt-1",children:t.jsxs("a",{href:i.href,...i.isData?{download:`${e}.${i.label==="PDF"?"pdf":"bin"}`}:{target:"_blank",rel:"noopener noreferrer"},className:"inline-flex items-center gap-1.5 text-xs text-accent hover:text-accent-hover transition-colors","data-testid":`attachment-link-${e}`,children:[t.jsx(ks,{className:"w-3.5 h-3.5",strokeWidth:1.5}),i.isData?`Download ${i.label}`:`Open ${i.label}`,i.isData?t.jsx(Cs,{className:"w-3 h-3",strokeWidth:1.5}):t.jsx(Wt,{className:"w-3 h-3",strokeWidth:1.5})]})})]})}function dn({fieldKey:e,schema:s,escalationContext:a}){const r=(s==null?void 0:s["x-lt-href"])??"",n=r&&a?yt(r,a):r,i=(s==null?void 0:s.title)??(s==null?void 0:s.description)??"Open",c=s==null?void 0:s.description,d=n.startsWith("/"),l=!n.trim();return t.jsxs("div",{"data-field-key":e,children:[t.jsx(q,{children:i}),c&&t.jsx(Y,{children:c}),t.jsx("div",{className:"mt-1",children:l?t.jsx("span",{className:"text-xs text-text-quaternary italic",children:"No link configured"}):d?t.jsxs(at,{to:n,className:"inline-flex items-center gap-1 text-xs text-accent hover:text-accent-hover transition-colors","data-testid":`link-widget-${e}`,children:[i,t.jsx(Wt,{className:"w-3 h-3 shrink-0",strokeWidth:1.5})]}):t.jsxs("a",{href:n,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-1 text-xs text-accent hover:text-accent-hover transition-colors","data-testid":`link-widget-${e}`,children:[i,t.jsx(Wt,{className:"w-3 h-3 shrink-0",strokeWidth:1.5})]})})]})}const xe="—";function xn(e,s){if(!e||!s)return"";const a=e.indexOf(".");if(a===-1)return"";const r=e.slice(0,a),n=e.slice(a+1);try{const i=qt(s[r],n);return typeof i=="string"?i:""}catch{return""}}function un(e,s){if(!e||e===xe)return xe;if(s==="age"){const a=new Date(e);return Number.isNaN(a.getTime())?e:Ft(e)}return e}function pn({fieldKey:e,schema:s,escalationContext:a}){const r=s==null?void 0:s["x-lt-source"],n=(s==null?void 0:s["x-lt-fields"])??[],i=(s==null?void 0:s.title)??"Linked escalation",c=s==null?void 0:s.description,d=xn(r,a),{data:l,isLoading:x,isError:o}=me(d);return t.jsxs("div",{"data-field-key":e,children:[t.jsx(q,{children:i}),c&&t.jsx(Y,{children:c}),t.jsx("div",{className:"mt-1",children:!d||o?t.jsx("p",{className:"text-xs text-text-quaternary italic","data-testid":`escalation-widget-empty-${e}`,children:"No linked record"}):x?t.jsx(fn,{}):l?t.jsx(mn,{esc:l,fields:n,fieldKey:e}):t.jsx("p",{className:"text-xs text-text-quaternary italic",children:"No linked record"})})]})}function mn({esc:e,fields:s,fieldKey:a}){if(!e)return null;const r=ge(e);return t.jsxs("div",{className:"border-l-2 border-accent-faint pl-3 py-2 space-y-2","data-testid":`escalation-widget-card-${a}`,children:[t.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[t.jsxs("span",{className:"text-2xs font-semibold uppercase tracking-wider text-text-secondary",children:[e.type,e.subtype&&e.subtype!==e.type?` · ${e.subtype}`:""]}),t.jsx(ye,{status:e.status})]}),e.description&&t.jsx("p",{className:"text-xs text-text-primary leading-snug",children:e.description}),s.length>0&&t.jsx("dl",{className:"grid grid-cols-[auto_1fr] gap-x-4 gap-y-0.5",children:s.map(n=>{const i=yt(n.value,r),c=un(i,n.format);return t.jsxs("div",{className:"contents",children:[t.jsx("dt",{className:"text-2xs text-text-tertiary whitespace-nowrap",children:n.label}),t.jsx("dd",{className:"text-2xs text-text-primary",children:c})]},n.label)})}),t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsxs("span",{className:"text-2xs text-text-quaternary",children:[e.role," · ",Ft(e.created_at)]}),t.jsxs(at,{to:`/escalations/detail/${e.id}`,className:"inline-flex items-center gap-0.5 text-2xs text-accent hover:text-accent-hover transition-colors",title:"Open escalation detail",children:["Detail",t.jsx(_s,{className:"w-3 h-3 shrink-0",strokeWidth:1.5})]})]})]})}function fn(){return t.jsxs("div",{className:"border-l-2 border-accent-faint pl-3 py-2 space-y-2 animate-pulse",children:[t.jsx("div",{className:"h-3 w-32 bg-surface-sunken rounded"}),t.jsx("div",{className:"h-3 w-48 bg-surface-sunken rounded"}),t.jsx("div",{className:"h-3 w-24 bg-surface-sunken rounded"})]})}const hn=[{label:"Description",value:"{{escalation.description}}"},{label:"Role",value:"{{escalation.role}}"},{label:"Age",value:"{{escalation.created_at}}",format:"age"}],ue="—";function gn(e,s){if(!e)return{};const a={};for(const[r,n]of Object.entries(e))a[r]=typeof n=="string"?yt(n,s):n;return a}function jn(e,s){if(!e||e===ue)return ue;if(s==="age"){const a=new Date(e);return Number.isNaN(a.getTime())?e:Ft(e)}return e}function bn({fieldKey:e,schema:s,escalationContext:a}){const r=(s==null?void 0:s["x-lt-query"])??{},n=(s==null?void 0:s["x-lt-columns"])??hn,i=(s==null?void 0:s.title)??"Related items",c=s==null?void 0:s.description,d=a??{},l=gn(r.facets,d),{data:x,isLoading:o}=Ge({role:r.role,status:r.status,facets:l,available:r.available,limit:r.limit??5,enabled:!!(r.role||Object.keys(l).length)}),u=(x==null?void 0:x.escalations)??[];return t.jsxs("div",{"data-field-key":e,children:[t.jsx(q,{children:i}),c&&t.jsx(Y,{children:c}),t.jsx("div",{className:"mt-1","data-testid":`escalation-list-widget-${e}`,children:o?t.jsx(Nn,{columns:n.length}):t.jsx(yn,{escalations:u,columns:n,fieldKey:e})})]})}function yn({escalations:e,columns:s,fieldKey:a}){return e.length===0?t.jsx("p",{className:"text-xs text-text-quaternary italic py-1","data-testid":`escalation-list-empty-${a}`,children:"No items found"}):t.jsxs("table",{className:"w-full text-xs border-collapse","data-testid":`escalation-list-table-${a}`,children:[t.jsx("thead",{children:t.jsxs("tr",{className:"border-b border-surface-border",children:[s.map(r=>t.jsx("th",{className:"text-left text-2xs font-semibold uppercase tracking-wider text-text-tertiary pb-1 pr-3 last:pr-0",children:r.label},r.label)),t.jsx("th",{className:"w-4"})]})}),t.jsx("tbody",{children:e.map(r=>{const n=ge(r);return t.jsxs("tr",{className:"border-b border-surface-border/50 last:border-0 hover:bg-surface-sunken/50 transition-colors",children:[s.map(i=>{const c=yt(i.value,n),d=jn(c,i.format);return t.jsx("td",{className:"py-1 pr-3 last:pr-0 text-text-primary align-top",children:d},i.label)}),t.jsx("td",{className:"py-1 align-top",children:t.jsx(at,{to:`/escalations/detail/${r.id}`,className:"text-accent hover:text-accent-hover transition-colors",title:"Open escalation detail",tabIndex:-1,children:"→"})})]},r.id)})})]})}function Nn({columns:e}){return t.jsx("div",{className:"space-y-1.5 animate-pulse",children:[0,1,2].map(s=>t.jsx("div",{className:"flex gap-4",children:Array.from({length:e},(a,r)=>t.jsx("div",{className:"h-3 bg-surface-sunken rounded flex-1"},r))},s))})}const It={"file-upload":tn,"code-editor":en,signature:sn,"rich-text":nn,markdown:rn,checklist:on,attachment:de,image:de,link:dn,escalation:pn,"escalation-list":bn};function $e({fieldKey:e,value:s,onChange:a,onBlur:r,schema:n,isRequired:i,isReadOnly:c,error:d,escalationContext:l,submitAttempted:x}){var P;const o=(P=n==null?void 0:n.properties)==null?void 0:P[e],u=B(e,o),m=o==null?void 0:o["x-lt-widget"],f=`lt-field-${e}`,N=`${f}-error`,j=`${f}-help`,p=typeof(o==null?void 0:o.description)=="string"&&o.description.length>0?o.description:void 0,h={id:f,"aria-required":i||void 0,"aria-invalid":d?!0:void 0,"aria-describedby":d?N:p!==void 0?j:void 0},C=m==="markdown"&&typeof s=="string",I=(m==="attachment"||m==="image")&&typeof s=="string",R=!!(m&&m in It);if(c&&!C&&!I&&!R){const E=s===null?"null":typeof s=="object"?JSON.stringify(s,null,2):String(s);return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,children:u}),t.jsx("p",{className:"text-sm text-text-secondary mt-0.5 whitespace-pre-wrap",children:E})]})}if(m&&m in It){const E=It[m],T=i||(o==null?void 0:o["x-lt-require-all"])===!0,k={fieldKey:e,schema:o,escalationContext:l,isRequired:T,submitAttempted:x,error:d};if((o==null?void 0:o.type)==="object"){const O=typeof s=="string"?s:typeof s=="object"&&s!==null&&!Array.isArray(s)?JSON.stringify(s):"";return t.jsx(E,{...k,value:O,onChange:S=>{try{a(JSON.parse(S))}catch{a(S)}}})}if(typeof s=="string")return t.jsx(E,{...k,value:s,onChange:O=>a(O)});if(typeof s=="object"&&s!==null&&!Array.isArray(s))return t.jsx(E,{...k,value:JSON.stringify(s),onChange:O=>{try{a(JSON.parse(O))}catch{a(O)}}})}if(typeof s=="boolean")return t.jsxs("div",{children:[t.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[t.jsx("input",{type:"checkbox",checked:s,onChange:E=>{a(E.target.checked),r==null||r()},className:"w-3.5 h-3.5 rounded accent-accent","data-field-key":e,...h}),t.jsxs("span",{className:"text-2xs font-semibold uppercase tracking-wider text-text-secondary",children:[u,i&&t.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})]}),p&&t.jsx(Y,{id:j,children:p}),t.jsx(rt,{error:d,id:N})]});if(typeof s=="number")return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,htmlFor:f,children:u}),p&&t.jsx(Y,{id:j,children:p}),t.jsx("input",{type:"number",value:s,onChange:E=>a(parseFloat(E.target.value)||0),onBlur:r,step:"any","data-field-key":e,className:`${ut(!!d)} max-w-48`,...h}),t.jsx(rt,{error:d,id:N})]});if(typeof s=="string"){const E=(o==null?void 0:o.format)==="password",T=o==null?void 0:o.enum;if(T!=null&&T.length){const F=s===""&&!T.includes("");return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,htmlFor:f,children:u}),p&&t.jsx(Y,{id:j,children:p}),t.jsxs("select",{value:s,onChange:W=>a(W.target.value),onBlur:r,"data-field-key":e,className:Ks(!!d),...h,children:[F&&t.jsx("option",{value:"",disabled:!0,children:"Choose…"}),T.map(W=>t.jsx("option",{value:W,children:W},W))]}),t.jsx(rt,{error:d,id:N})]})}if(E)return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,htmlFor:f,children:u}),p&&t.jsx(Y,{id:j,children:p}),t.jsx("input",{type:"password",value:s,onChange:F=>a(F.target.value),onBlur:r,"data-field-key":e,className:ut(!!d),autoComplete:"off",...h}),t.jsx(rt,{error:d,id:N})]});const k=o==null?void 0:o.format,O={date:"date","date-time":"datetime-local",email:"email",uri:"url"},S={date:"max-w-48","date-time":"max-w-64"};if(k&&k in O)return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,htmlFor:f,children:u}),p&&t.jsx(Y,{id:j,children:p}),t.jsx("input",{type:O[k],value:s,onChange:F=>a(F.target.value),onBlur:r,"data-field-key":e,className:`${ut(!!d)} ${S[k]??""}`,...h}),t.jsx(rt,{error:d,id:N})]});if(k==="textarea"||s.length>80){const F=o==null?void 0:o.maxLength,W=o==null?void 0:o["x-lt-max-length"];let V=F;if(V===void 0&&W&&l){const b=W.indexOf(".");if(b!==-1){const $=W.slice(0,b),y=W.slice(b+1),D=l[$];if(D&&typeof D=="object"){let L=D;for(const U of y.split("."))if(L=L[U],L===void 0)break;if(typeof L=="number")V=L;else if(typeof L=="string"){const U=Number(L);Number.isNaN(U)||(V=U)}}}}const G=V!==void 0&&s.length>V;return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,htmlFor:f,children:u}),p&&t.jsx(Y,{id:j,children:p}),t.jsx("textarea",{value:s,onChange:b=>{a(b.target.value),r==null||r()},onBlur:r,"data-field-key":e,className:`${ut(!!d)} leading-relaxed`,rows:Math.min(6,Math.max(3,Math.ceil(s.length/60))),...h}),V!==void 0&&t.jsxs("p",{className:`text-2xs mt-0.5 text-right tabular-nums ${G?"text-status-error font-medium":"text-text-quaternary"}`,children:[s.length," / ",V]}),t.jsx(rt,{error:d,id:N})]})}return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,htmlFor:f,children:u}),p&&t.jsx(Y,{id:j,children:p}),t.jsx("input",{type:"text",value:s,onChange:F=>a(F.target.value),onBlur:r,"data-field-key":e,className:ut(!!d),...h}),t.jsx(rt,{error:d,id:N})]})}if(s===null)return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,children:u}),t.jsx("p",{className:"text-xs text-text-tertiary italic mt-1",children:"null"})]});if(Array.isArray(s))return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,children:u}),t.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:s.map((E,T)=>t.jsx("span",{className:"px-2 py-0.5 text-2xs font-mono bg-surface-sunken rounded text-text-secondary",children:String(E)},T))})]});if(typeof s=="object"){const E=Object.entries(s);return t.jsxs("div",{children:[t.jsx(q,{isRequired:i,children:u}),t.jsx("div",{className:"ml-4 mt-2 pl-4 border-l border-accent-faint space-y-3",children:E.map(([T,k])=>t.jsx($e,{fieldKey:T,value:k,onChange:O=>a({...s,[T]:O})},T))})]})}return null}function vn({items:e,columns:s=1}){if(e.length===0)return null;const a=s>=2&&e.length>1?"grid-cols-1 @dict-inline:grid-cols-[max-content_1fr] @dict-pairs:grid-cols-[max-content_1fr_max-content_1fr]":"grid-cols-1 @dict-inline:grid-cols-[max-content_1fr]";return t.jsx("div",{className:"@container",children:t.jsx("dl",{className:`grid ${a} items-baseline gap-x-6 @dict-pairs:gap-x-8 gap-y-1.5`,children:e.map(({key:r,label:n,value:i})=>t.jsxs(g.Fragment,{children:[t.jsx("dt",{className:"text-2xs font-semibold uppercase tracking-wide text-text-secondary mt-2 first:mt-0 @dict-inline:mt-0",children:n}),t.jsx("dd",{className:"text-sm text-text-primary break-words min-w-0","data-field-key":r,children:wn(i)})]},r))})})}function wn(e){return e==null||e===""?"—":typeof e=="boolean"?e?"Yes":"No":typeof e=="object"?JSON.stringify(e):String(e)}const Dt="dictionary",kn=new Set(["markdown","attachment","image"]);function Re(e,s){if(!s)return;const a=e==null?void 0:e["x-lt-section-options"],r=a==null?void 0:a[s];return r&&typeof r=="object"?r:void 0}function Cn(e,s,a){var d,l;const r=(d=e==null?void 0:e.properties)==null?void 0:d[a];if((r==null?void 0:r.readOnly)!==!0)return!1;const n=r==null?void 0:r["x-lt-widget"];if(typeof n=="string"&&kn.has(n))return!1;const i=r==null?void 0:r["x-lt-display"];if(typeof i=="string")return i===Dt;const c=(l=Re(e,s))==null?void 0:l.display;return typeof c=="string"?c===Dt:(e==null?void 0:e["x-lt-display"])===Dt}function _n(e,s,a,r){var i;const n=[];for(const c of e){const[d]=c,l=n[n.length-1];if(Cn(s,a,d)){(l==null?void 0:l.kind)==="dictionary"?l.entries.push(c):n.push({kind:"dictionary",entries:[c]});continue}const x=(i=s==null?void 0:s.properties)==null?void 0:i[d],o=x==null?void 0:x["x-lt-column-group"];if(r==="two-column"&&typeof o=="string"&&o.trim()){(l==null?void 0:l.kind)==="column-group"&&l.name===o?l.entries.push(c):n.push({kind:"column-group",name:o,entries:[c]});continue}n.push({kind:"field",entry:c})}return n}function En({name:e,entries:s,formSchema:a,layout:r,renderField:n}){const i=_n(s,a,e,r),c=Re(a,e),d=(c==null?void 0:c.columns)??(r==="two-column"?2:1),l=o=>o.map(([u,m])=>{var f;return{key:u,label:B(u,(f=a==null?void 0:a.properties)==null?void 0:f[u]),value:m}}),x=()=>i.map((o,u)=>o.kind==="dictionary"?t.jsx("div",{className:r==="two-column"?"col-span-full":"",children:t.jsx(vn,{items:l(o.entries),columns:d})},`dict-${u}`):o.kind==="column-group"?t.jsx("div",{className:"@container",children:t.jsx("div",{className:"grid grid-cols-1 @grp-cols:grid-cols-2 gap-x-4 gap-y-5",children:o.entries.map(m=>n(m))})},`group-${o.name}-${u}`):n(o.entry));return t.jsxs("div",{className:e?"border border-surface-border/60 border-l-2 border-l-accent/30 bg-surface-sunken rounded-[0.125em] p-4 animate-[section-enter_0.25s_ease-out]":"",children:[e&&t.jsxs("div",{className:"mb-4 flex items-center gap-2",children:[t.jsx(ve,{className:"w-5 h-5 text-accent/60 shrink-0",strokeWidth:1.5}),t.jsx("p",{className:"text-[1.40625rem] font-semibold tracking-wider text-heading [font-variant-caps:small-caps]",children:e})]}),r==="two-column"?t.jsx("div",{className:"@container",children:t.jsx("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-x-col-gap gap-y-5",children:x()})}):t.jsx("div",{className:"space-y-5",children:x()})]})}function Oe({value:e,onChange:s,disabled:a,submitAttempted:r,escalationContext:n,onOpenHelp:i}){var V,G;const[c,d]=g.useState({}),[l,x]=g.useState({}),[o,u]=g.useState(null),[m,f]=g.useState(!1),[N,j]=g.useState(new Set);g.useEffect(()=>{try{const b=JSON.parse(e);if(typeof b=="object"&&b!==null&&!Array.isArray(b)){const $={},y={};for(const[D,L]of Object.entries(b))D.startsWith("_")?y[D]=L:$[D]=L;d($),x(y),u(y._form_schema&&typeof y._form_schema=="object"?y._form_schema:null),f(!1)}}catch{f(!0)}},[e]);const p=g.useCallback(b=>{d(b),s(JSON.stringify({...b,...l},null,2))},[l,s]),v=g.useCallback((b,$)=>{p({...c,[b]:$})},[c,p]),A=g.useCallback(b=>{j($=>{if($.has(b))return $;const y=new Set($);return y.add(b),y})},[]);if(m)return t.jsx("p",{className:"text-xs text-status-error",children:"Unable to parse resolver data as form. Use the JSON editor below."});const h=Object.entries(c);if(h.length===0)return t.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No resolver fields defined."});const C=o==null?void 0:o["x-lt-order"],I=C?[...h].sort((b,$)=>{const y=C.indexOf(b[0]),D=C.indexOf($[0]);return(y===-1?1/0:y)-(D===-1?1/0:D)}):h,R={...n??{},resolver:c},P=I.filter(([b,$])=>{var D;const y=(D=o==null?void 0:o.properties)==null?void 0:D[b];return!(!Ee(y==null?void 0:y["x-lt-showIf"],R)||(y==null?void 0:y["x-lt-hide-if-empty"])===!0&&($==null||$===""||$===!1||$===0))}),E=new Set((o==null?void 0:o.required)??[]),T=o==null?void 0:o["x-lt-layout"],k=o==null?void 0:o.title,O=o==null?void 0:o.description,S=typeof(o==null?void 0:o["x-lt-help"])=="string"||typeof(o==null?void 0:o["x-lt-context"])=="string",F=[];for(const b of P){const[$]=b,y=(V=o==null?void 0:o.properties)==null?void 0:V[$],D=((G=y==null?void 0:y["x-lt-section"])==null?void 0:G.trim())||null,L=F[F.length-1];!L||L.name!==D?F.push({name:D,entries:[b]}):L.entries.push(b)}const W=([b,$])=>{var M;const y=(M=o==null?void 0:o.properties)==null?void 0:M[b],D=(y==null?void 0:y.readOnly)===!0,L=(y==null?void 0:y["x-lt-span"])??1,U=E.has(b),z=N.has(b)||!!r,_=_e($,y,U,z,R);return t.jsx("div",{className:`animate-[field-enter_0.2s_ease-out] ${T==="two-column"&&L>=2?"col-span-full":""}`,children:t.jsx($e,{fieldKey:b,value:$,onChange:K=>v(b,K),onBlur:()=>A(b),schema:o,isRequired:U,isReadOnly:D,error:_,escalationContext:R,submitAttempted:!!r})},b)};return t.jsxs("div",{className:`pb-8 max-w-form ${a?"opacity-60 pointer-events-none":""}`,inert:a||void 0,"aria-disabled":a||void 0,children:[k&&t.jsxs("div",{className:"mb-1 flex items-center gap-1.5",children:[t.jsx("h3",{className:"heading-3",children:k}),S&&i&&t.jsx("button",{type:"button",onClick:i,title:"Open instructions","aria-label":"Open instructions",className:"p-1 rounded-md text-text-tertiary hover:text-accent hover:bg-surface-hover transition-colors",children:t.jsx(Vt,{className:"w-4 h-4",strokeWidth:1.5})})]}),O&&t.jsx("p",{className:"text-sm text-text-secondary leading-relaxed mb-6",children:O}),t.jsx("div",{className:"space-y-8",children:F.map((b,$)=>t.jsx(En,{name:b.name,entries:b.entries,formSchema:o,layout:T,renderField:W},b.name??`__s${$}`))})]})}function An({json:e,onJsonChange:s,requestTriage:a,onRequestTriageChange:r,triageNotes:n,onTriageNotesChange:i,disabled:c=!1,submitAttempted:d=!1,showTriage:l=!1,escalationContext:x,onOpenHelp:o}){return t.jsxs(t.Fragment,{children:[l&&t.jsx("div",{className:"flex items-center justify-between mb-3",children:a?t.jsxs("button",{onClick:()=>r(!1),className:"group flex items-center gap-2 text-left","data-testid":"triage-cancel",children:[t.jsx("span",{className:"flex items-center justify-center w-5 h-5 rounded-full bg-accent/10 text-accent shrink-0",children:t.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),t.jsxs("span",{className:"text-xs text-text-secondary group-hover:text-text-primary transition-colors",children:["AI Triage active."," ",t.jsx("span",{className:"text-accent group-hover:underline",children:"Cancel"})]})]}):t.jsxs("button",{onClick:()=>r(!0),className:"group flex items-center gap-2.5 text-left my-4","data-testid":"triage-callout",children:[t.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:t.jsx("svg",{className:"w-3.5 h-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.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"})})}),t.jsxs("span",{className:"text-sm text-text-secondary group-hover:text-text-primary transition-colors",children:["This form doesn't capture the issue?"," ",t.jsx("span",{className:"text-accent group-hover:underline",children:"Request AI Triage"})]})]})}),t.jsxs("div",{className:"relative min-h-[200px]",children:[t.jsx("div",{className:a?"pointer-events-none select-none":"",children:t.jsx(Oe,{value:e,onChange:s,disabled:c,submitAttempted:d,escalationContext:x,onOpenHelp:o})}),a&&t.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:[t.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."}),t.jsx("textarea",{value:n,onChange:u=>i(u.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 Ie(e,s){if(!e.includes("{"))return e;try{const a=n=>{if(!n)return{};try{return JSON.parse(n)}catch{return{}}},r={...s.metadata??{},...a(s.envelope),...a(s.escalation_payload)};return e.replace(/\{([^}]+)\}/g,(n,i)=>Object.prototype.hasOwnProperty.call(r,i)?String(r[i]):`{${i}}`)}catch{return e}}function pe(e){if(!e)return null;try{return JSON.parse(e)}catch{return null}}function Pt(e){return{escalation:e,metadata:e.metadata??null,envelope:pe(e.envelope),payload:pe(e.escalation_payload),resolver:null}}function Tn({isRoundsExhausted:e,payloadObj:s,isTerminal:a,resolverPayload:r,onRetryTriage:n,isRetrying:i}){return t.jsxs(t.Fragment,{children:[e&&s&&t.jsx("div",{className:"mt-8",children:t.jsx(Zs,{payload:s,isTerminal:a,resolverPayload:r,onRetryTriage:n,isRetrying:i})}),(s==null?void 0:s.category)==="missing_credential"&&t.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:[t.jsx(se,{size:20,className:"text-status-warning mt-0.5 shrink-0"}),t.jsxs("div",{children:[t.jsx("p",{className:"text-sm font-medium text-text-primary mb-1",children:"Missing Credential"}),t.jsxs("p",{className:"text-xs text-text-secondary mb-3",children:["This workflow requires a ",t.jsx("span",{className:"font-medium capitalize",children:String(s.provider)})," credential to continue. Register one and then resolve this escalation to retry."]}),t.jsxs(at,{to:"/credentials",className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[t.jsx(se,{size:12}),"Go to Credentials"]})]})]})]})}function $n({esc:e,resolverPayload:s,isTerminal:a,claimedByMe:r,activeView:n,metadataFormSchema:i,effectiveSchema:c,json:d,onJsonChange:l,requestTriage:x,onRequestTriageChange:o,triageNotes:u,onTriageNotesChange:m,onResolve:f,onEscalate:N,onClaim:j,submitAttempted:p,isCertified:v,hasAI:A,onOpenHelp:h}){const C=c,I=Pt(e);if(a){if(s==null)return null;const T=typeof s=="object"&&s!==null?s:{},k=c??i,O=k!=null&&k.properties?{...je(T,k),_form_schema:k}:T;return t.jsx("div",{className:"mt-3",children:t.jsx(Oe,{value:JSON.stringify(O,null,2),onChange:()=>{},disabled:!0,escalationContext:I})})}if(n!=="resolve"||!(e.workflow_type||c))return null;const R=C==null?void 0:C["x-lt-viewport"],P=(R==null?void 0:R.type)==="iframe"&&!!R.src&&f&&N;if(P&&!r)return t.jsxs("button",{onClick:()=>j==null?void 0:j(),disabled:!j,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:[t.jsx(Es,{className:"w-10 h-10 text-text-tertiary group-hover:text-accent transition-colors",strokeWidth:1}),t.jsx("p",{className:"text-base font-medium text-text-primary group-hover:text-accent transition-colors",children:"Claim to launch the editor"})]});const E=P?Ie(R.src,e):"";return t.jsx("div",{className:"mt-3",children:P?t.jsx(Te,{src:E,escalation:e,schema:C,onResolve:f,onEscalate:N,submitAttempted:p}):t.jsx(An,{json:d,onJsonChange:l,requestTriage:x,onRequestTriageChange:o,triageNotes:u,onTriageNotesChange:m,disabled:!r,submitAttempted:p,showTriage:!!v&&!!A,escalationContext:I,onOpenHelp:h})})}function Rn({open:e,assignedUntil:s,onClose:a,onExtend:r,isPending:n}){const i=fe(),[c,d]=g.useState("30"),[l,x]=g.useState(0),o=c==="custom",u=o?l:parseInt(c),m=g.useCallback(f=>x(f),[]);return t.jsx(Rs,{open:e,onClose:a,title:"Claim Expiring",children:t.jsxs("div",{className:"space-y-4",children:[t.jsxs("p",{className:"text-sm text-text-secondary",children:["Your claim on this escalation expires in"," ",t.jsx(St,{until:s}),". When it lapses, the form locks and the item returns to the queue — your edits are kept as a draft. Extend to keep working."]}),t.jsxs("select",{value:c,onChange:f=>{d(f.target.value),x(0)},className:"select w-full text-sm","aria-label":"Extension duration",children:[i.map(f=>t.jsx("option",{value:f.value,children:f.label},f.value)),t.jsx("option",{value:"custom",children:"Other..."})]}),o&&t.jsx(he,{onChange:m,autoFocus:!0}),t.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[t.jsx("button",{onClick:a,className:"btn-secondary text-xs",children:"Dismiss"}),t.jsx("button",{onClick:()=>r(u),className:"btn-primary text-xs",disabled:n||!u||u<=0,children:n?"Extending...":"Extend Claim"})]})]})})}const On=9e4;function In(e,s=On){const[,a]=g.useState(0);if(g.useEffect(()=>{if(!e)return;const n=new Date(e).getTime()-Date.now();if(n<=0)return;const i=()=>a(l=>l+1),c=[],d=n-s;return d>0&&c.push(window.setTimeout(i,d)),c.push(window.setTimeout(i,n)),()=>c.forEach(l=>window.clearTimeout(l))},[e,s]),!e)return{expired:!1,expiringSoon:!1,msRemaining:0};const r=Math.max(0,new Date(e).getTime()-Date.now());return{expired:r<=0,expiringSoon:r>0&&r<=s,msRemaining:r}}const Dn="lt:escalation:draft:";function Ht(e){return`${Dn}${e}`}function Mn(e){try{return localStorage.getItem(Ht(e))}catch{return null}}function Ln(e,s){try{localStorage.setItem(Ht(e),s)}catch{}}function Mt(e){try{localStorage.removeItem(Ht(e))}catch{}}const De="lt:escalation:panel:open";function Wn(){try{const e=localStorage.getItem(De);return e===null?!0:e==="true"}catch{return!0}}function pt(e){try{localStorage.setItem(De,String(e))}catch{}}function mt(e){if(!e)return null;try{return JSON.parse(e)}catch{return e}}function nr(){var Yt,Bt,Gt,Xt;const{id:e}=$s(),{user:s}=Xe(),a=ke(),r=ze(),{data:n,isLoading:i,refetch:c,isFetching:d}=me(e);ms(e);const l=Qe(),x=Ze(),o=Ke(),u=ts(),[m,f]=g.useState(!1),{data:N}=es((n==null?void 0:n.role)??""),{data:j}=ps(),{data:p}=ss(),{isBuilder:v}=ns(),A=j==null?void 0:j.find(w=>w.workflow_type===(n==null?void 0:n.workflow_type)),h=((Yt=p==null?void 0:p.telemetry)==null?void 0:Yt.traceUrl)??null,[C,I]=g.useState("resolve"),[R,P]=g.useState("{}"),[E,T]=g.useState(Wn),[k,O]=g.useState(!1),[S,F]=g.useState(""),[W,V]=g.useState(!1),[G,b]=g.useState([]),[$,y]=g.useState(void 0),D=In(n==null?void 0:n.assigned_until),[L,U]=g.useState(null);g.useEffect(()=>{if(!(!W||!n))try{const w=JSON.parse(R),H=w._form_schema;if(!H){b([]);return}b(Ae(H,w,Pt(n)))}catch{}},[R,W,n]);const z=((Bt=n==null?void 0:n.metadata)==null?void 0:Bt.form_schema)??null,_=(n==null?void 0:n.form_schema)??(A==null?void 0:A.resolver_schema)??null,M=z??_,K=g.useRef(!1),it=g.useRef(null);g.useEffect(()=>{if(K.current)return;const w=z??(_!=null&&_.properties?_:null);if(w!=null&&w.properties){K.current=!0;const H=mt(n==null?void 0:n.envelope),ct=H==null?void 0:H.formDefaults,_t={...(n==null?void 0:n.metadata)??{},...typeof ct=="object"&&ct!==null?ct:{}},Et=je(_t,w),Qt={_form_schema:w};for(const[Kt,Je]of Object.entries(w.properties)){const te=Je,Ue=te.type==="object"?{}:"";Qt[Kt]=Et[Kt]??te.default??Ue}it.current=JSON.stringify(Qt,null,2);const Zt=!((n==null?void 0:n.status)==="resolved"||(n==null?void 0:n.status)==="cancelled")&&(n!=null&&n.id)?Mn(n.id):null,jt=Zt?mt(Zt):null;jt&&typeof jt=="object"&&!Array.isArray(jt)?P(JSON.stringify({...jt,_form_schema:w},null,2)):P(it.current)}else M&&(K.current=!0,P(JSON.stringify(M,null,2)))},[M,z,_,n==null?void 0:n.envelope,n==null?void 0:n.metadata,n==null?void 0:n.id,n==null?void 0:n.status]),g.useEffect(()=>{if(!K.current||it.current===null||!(n!=null&&n.id)||n.status!=="pending")return;const w=n.id,H=window.setTimeout(()=>{R===it.current?Mt(w):Ln(w,R)},400);return()=>window.clearTimeout(H)},[R,n==null?void 0:n.id,n==null?void 0:n.status]);const tt=(n==null?void 0:n.subtype)==="rounds_exhausted";if(i)return t.jsxs("div",{className:"animate-pulse space-y-8",children:[t.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),t.jsx("div",{className:"h-32 bg-surface-sunken rounded w-full"})]});if(!n)return t.jsx("p",{className:"text-sm text-text-secondary",children:"Escalation not found."});const Nt=be(n),et=Nt&&n.assigned_to===(s==null?void 0:s.userId),Me=Nt&&!et,ot=n.status==="resolved"||n.status==="cancelled",st=M==null?void 0:M["x-lt-viewport"],vt=(st==null?void 0:st.type)==="iframe"&&!!(st!=null&&st.src)&&et&&!ot,ht=mt(n.escalation_payload),lt=mt(n.resolver_payload),gt=mt(n.envelope),Le=!!((Gt=gt==null?void 0:gt.metadata)!=null&&Gt.certified),Jt=rs(),Ut=Jt!==null?Jt:!!((Xt=p==null?void 0:p.ai)!=null&&Xt.enabled),X=typeof ht=="object"&&ht!==null&&!Array.isArray(ht)?ht:null,We=X==null?void 0:X._triage,Pe=typeof lt=="object"&&lt!==null&&!Array.isArray(lt)?lt:null,Fe=ot?"terminal":et?"claimed_by_me":Me?"claimed_by_other":"available",wt=w=>{l.mutate({id:n.id,durationMinutes:w})},xt=()=>{r.resetQueries({queryKey:["escalations"]}),r.resetQueries({queryKey:["escalationStats"]}),a(-1)},kt=async w=>{try{await x.mutateAsync({id:n.id,resolverPayload:w})}catch(H){if(H instanceof as&&Is(H.body)){V(!0),b(H.body.violations),y(J.ERRORS);return}throw H}Mt(n.id),xt()},Ct=async w=>{w&&(await o.mutateAsync({id:n.id,targetRole:w}),xt())},qe=async()=>{et||await l.mutateAsync({id:n.id,durationMinutes:30});const w=(X==null?void 0:X.diagnosis)||n.description||"";await x.mutateAsync({id:n.id,resolverPayload:{_lt:{needsTriage:!0},notes:w}}),xt()},zt=async()=>{await l.mutateAsync({id:n.id,durationMinutes:0}),xt()},Se=async()=>{await u.mutateAsync(n.id),Mt(n.id),f(!1),xt()},Ve=typeof(M==null?void 0:M["x-lt-help"])=="string"||typeof(M==null?void 0:M["x-lt-context"])=="string",He=t.jsxs("div",{className:"flex items-center gap-2",children:[Ve&&t.jsx("button",{onClick:()=>{T(!0),pt(!0),y(J.HELP)},className:"text-text-tertiary hover:text-accent transition-colors",title:"Open instructions",children:t.jsx(Vt,{className:"w-5 h-5",strokeWidth:1.5})}),t.jsx(us,{onRefresh:()=>c(),isFetching:d,apiPath:`/escalations/${n.id}`,standalone:!0}),t.jsx("button",{onClick:()=>T(w=>(pt(!w),!w)),className:"ml-2 text-text-tertiary hover:text-accent transition-colors",title:E?"Hide side panel":"Show side panel",children:E?t.jsx(ne,{className:"w-5 h-5",strokeWidth:1.5}):t.jsx(re,{className:"w-5 h-5",strokeWidth:1.5})})]});return t.jsxs("div",{className:"flex-1 min-h-0 min-w-0 flex items-stretch -mt-8 -mr-page-x -mb-16",children:[t.jsxs("div",{className:"flex-1 min-w-0 flex flex-col min-h-0",children:[vt?t.jsxs("div",{className:"relative flex-1 min-h-0 -ml-page-x",children:[t.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:zt,disabled:l.isPending,label:"Release",hoverClass:"hover:text-accent",icon:t.jsx(As,{className:"w-4 h-4",strokeWidth:1.5})},{onClick:()=>f(!0),disabled:!1,label:"Cancel",hoverClass:"hover:text-status-error",icon:t.jsx(Ts,{className:"w-4 h-4",strokeWidth:1.5})},{onClick:()=>T(w=>(pt(!w),!w)),disabled:!1,label:E?"Hide panel":"Show panel",hoverClass:"hover:text-accent",icon:E?t.jsx(ne,{className:"w-4 h-4",strokeWidth:1.5}):t.jsx(re,{className:"w-4 h-4",strokeWidth:1.5})}].map(({onClick:w,disabled:H,label:ct,hoverClass:_t,icon:Et})=>t.jsxs("div",{className:"relative group/tip",children:[t.jsx("button",{onClick:w,disabled:H,className:`text-text-tertiary ${_t} transition-colors disabled:opacity-40 disabled:cursor-default p-1.5 rounded-md`,children:Et}),t.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-2xs bg-surface-sunken text-text-primary whitespace-nowrap opacity-0 group-hover/tip:opacity-100 transition-opacity",children:ct})]},ct))}),t.jsx(Te,{src:Ie(st.src,n),escalation:n,schema:M,onResolve:kt,onEscalate:Ct,submitAttempted:W,fill:!0})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"shrink-0 pt-8 pr-page-x",children:t.jsx(xs,{title:n.description||"Escalation",actions:He})}),t.jsxs("div",{className:"flex-1 min-h-0 overflow-y-auto pr-page-x",children:[t.jsx(Tn,{isRoundsExhausted:tt,payloadObj:X,isTerminal:ot,resolverPayload:lt,onRetryTriage:qe,isRetrying:l.isPending||x.isPending}),t.jsx($n,{esc:n,resolverPayload:lt,isTerminal:ot,claimedByMe:et,activeView:C,metadataFormSchema:z,effectiveSchema:M,json:R,onJsonChange:P,requestTriage:k,onRequestTriageChange:O,triageNotes:S,onTriageNotesChange:F,onResolve:kt,onEscalate:Ct,onClaim:()=>wt(30),submitAttempted:W,isCertified:Le,hasAI:Ut,onOpenHelp:()=>{T(!0),pt(!0),y(J.HELP)}}),t.jsx("div",{className:"h-10"})]})]}),!vt&&t.jsx(Xs,{escalationContext:Pt(n),mode:Fe,activeView:C,onActiveViewChange:I,onClaim:wt,claimPending:l.isPending,workflowType:n.workflow_type,json:R,onResolve:kt,resolvePending:x.isPending,resolveError:x.error,requestTriage:k,triageNotes:S,currentRole:n.role,escalationTargets:((N==null?void 0:N.targets)??[]).filter(w=>w!==n.role),onEscalate:Ct,escalatePending:o.isPending,escalateError:o.error,onRelease:zt,releasePending:l.isPending,onCancel:()=>f(!0),assignedTo:n.assigned_to,assignedUntil:n.assigned_until,onSubmitAttempt:()=>V(!0),onValidationErrors:w=>{b(w),T(!0),pt(!0),y(J.ERRORS)}})]}),t.jsx(Js,{esc:n,schema:M,envelope:gt,payload:X,resolver:Pe,triage:We??null,hasAI:Ut,claimed:Nt,claimedByMe:et,isTerminal:ot,isBuilder:v,traceUrl:h,open:E,noGutter:vt,formErrors:G,activePanel:$,onPanelChange:y}),t.jsx(ds,{open:m,onClose:()=>f(!1),onConfirm:Se,isPending:u.isPending,error:u.error}),et&&!ot&&n.assigned_until&&t.jsx(Rn,{open:D.expiringSoon&&n.assigned_until!==L,assignedUntil:n.assigned_until,onClose:()=>U(n.assigned_until??null),onExtend:wt,isPending:l.isPending})]})}export{nr as EscalationDetailPage};
+//# sourceMappingURL=index-Wu6GCvUq.js.map