@hotmeshio/long-tail 0.31.1 → 0.32.0

package/dashboard/dist/assets/{index-BxbQmeqh.js → index-qEd4FVmN.js}

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

package/dashboard/dist/assets/{index-BxbQmeqh.js.map → index-qEd4FVmN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BxbQmeqh.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-qEd4FVmN.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-v4rQ8ctJ.js

@@ -0,0 +1,3 @@
+import{b as Xt,a as d,j as e}from"./vendor-query-DvWWuNIB.js";import{ad as Ds,M as mt,ae as je,m as ve,a6 as lt,af as Os,ag as Ls,g as Qe,ah as Qt,J as Ee,h as $s,i as Ws,P as te,ai as Ot,aj as ot,a1 as Yt,ab as Fs,ak as Bs,z as Vs,al as qs,am as Js,an as Us,ao as Ks,ap as Gs,aq as zs,ar as Hs,as as Xs,at as Qs,r as Ys,au as Zs,s as ea,av as ta,aw as sa,W as aa,X as na,a as ra,c as ia,R as la,ax as Lt,y as oa,ay as ca,az as $t}from"./index-Do9Y6Fgt.js";import{E as da,d as ua,b as Ye,R as Zt,r as ma,p as xa,a as fa,w as pa,s as ha,v as ga,c as ba,F as ya,i as ja}from"./ResolverForm-DZmY6wJV.js";import{u as es,C as ts,r as Na,B as va,a as wa}from"./BulkAssignModal-DMNIkIn6.js";import{a as ss,u as xt,L as Ae,b as ka,e as Sa}from"./vendor-react-_9U4mKFr.js";import{P as Ca}from"./PageHeader-B7SOvLT8.js";import{L as _a}from"./ListToolbar-YP3uwvXC.js";import{i as Re}from"./validate-Be4GWnJ1.js";import{S as Ea}from"./StatusBadge-DHVwxre2.js";import{R as Ra}from"./RolePill-KhT-Yehm.js";import{C as tt}from"./CountdownTimer-DBLURjxh.js";import{C as oe}from"./CopyableId-Bn02zYxt.js";import{U as we}from"./UserName-D6y9AnuY.js";import{i as Aa,s as Ta,b as Ia,d as Ma,e as Pa,I as Da,m as Oa,D as La,a as ft}from"./escalation-items-Bj7bkwWy.js";import{d as $a}from"./metadata-display-B7X5hGxG.js";import{U as as,X as ns,h as Wa,a8 as Fa,_ as Ba,S as Va,as as qa,at as Ja,a4 as Ua,q as Ka,al as Ga,au as za,b as Ha,av as rs,aw as Wt,ax as Xa,a as Qa,$ as Ft,a0 as Bt,ay as Ya}from"./vendor-icons-D48ijXZU.js";import{r as Za,u as en,a as tn,E as sn}from"./RosterWidget-DRVj9xyk.js";import"./constants-CeBBTzf5.js";import"./WorkflowPill-BNm3R4pP.js";import"./useContainerWidth-D38m8eub.js";import"./useDebouncedValue-C5ESASfo.js";function an({escalationId:t}){var p;const a=ss(),r=xt(),o=Xt(),i=(p=a.state)==null?void 0:p[Ds],[l,u]=d.useState(!1),[x,g]=d.useState(null),[h,m]=d.useState(!1);if(!i||i.escalationId!==t||h)return null;const y=()=>{m(!0),r(a.pathname,{replace:!0,state:null})},f=async()=>{var s,v,S;u(!0),g(null);try{switch(i.verb){case je.CANCEL:await ve(`/escalations/${t}/cancel`,{method:"POST"});break;case je.CLAIM:case je.CLAIM_SHOW_DETAIL:await ve(`/escalations/${t}/claim`,{method:"POST",body:JSON.stringify({durationMinutes:((s=i.params)==null?void 0:s.durationMinutes)??30})});break;case je.RELEASE:await ve(`/escalations/${t}/release`,{method:"POST"});break;case je.RESOLVE:await ve(`/escalations/${t}/resolve`,{method:"POST",body:JSON.stringify({resolverPayload:((v=i.params)==null?void 0:v.resolverPayload)??{}})});break;case je.ESCALATE:await ve(`/escalations/${t}/escalate`,{method:"PATCH",body:JSON.stringify({targetRole:(S=i.params)==null?void 0:S.targetRole})});break;default:throw new Error(`Unsupported confirm verb "${i.verb}"`)}o.resetQueries({queryKey:["escalations"]}),o.resetQueries({queryKey:["escalationStats"]}),y()}catch(E){g(E.message)}finally{u(!1)}};return e.jsx(mt,{open:!0,onClose:y,title:"Confirm scan action",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-text-secondary",children:i.prompt}),x&&e.jsx("p",{className:"text-xs text-status-error",children:x}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:y,disabled:l,className:"btn-secondary text-xs",children:"No, go back"}),e.jsx("button",{onClick:f,disabled:l,className:"btn-primary text-xs",children:l?"Working…":"Yes, continue"})]})]})})}const Xe={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))"},ct=4;function Vt({pct:t,place:a,label:r,title:o,emphasis:i}){const l=e.jsx("span",{className:"w-px h-1 bg-text-quaternary/70","aria-hidden":!0}),u=e.jsx("span",{className:`whitespace-nowrap leading-none tabular-nums text-[10px] ${i?"text-text-tertiary":"text-text-quaternary"}`,children:r});return e.jsx("div",{title:o,className:`absolute ${a==="above"?"bottom-0":"top-0"} flex flex-col items-center gap-0 -translate-x-1/2 cursor-help`,style:{left:`${t}%`},children:a==="above"?e.jsxs(e.Fragment,{children:[u,l]}):e.jsxs(e.Fragment,{children:[l,u]})})}function nn({esc:t,className:a=""}){const r=new Date(t.created_at).getTime(),o=t.claimed_at?new Date(t.claimed_at).getTime():null,i=t.status==="resolved",l=t.status==="cancelled"||t.status==="expired",u=i||l,x=Re(t),g=!!o&&(x||u),h=i&&t.resolved_at?new Date(t.resolved_at).getTime():l?new Date(t.updated_at).getTime():Date.now(),m=Math.max(h-r,1),y=g&&o?Math.max(o-r,0):m,f=g&&o?Math.max(h-o,0):0,p=Math.min(100,Math.max(0,y/m*100)),s=g?Math.max(0,100-p):0,v=i?Xe.resolved:l?Xe.cancelled:Xe.claimed,S=i?"Resolved after":l?"Cancelled after":"In progress",E=lt(y),w=lt(m),A=i?`Resolved in ${w} total`:l?`Cancelled after ${w}`:`Open ${w} so far`,R=`Lifecycle bar: blue = time waiting to be claimed, ${i?"green":l?"red":"orange"} = ${S.toLowerCase()} the claim.`;return e.jsxs("div",{className:a,title:R,children:[e.jsx("div",{className:"relative h-2.5 font-mono",children:g&&e.jsx(Vt,{pct:p,place:"above",label:E,title:`Time to claim: ${E}`})}),e.jsxs("div",{className:"flex w-full rounded-full overflow-hidden",style:{height:ct,backgroundColor:"rgb(var(--lt-surface-sunken))"},title:R,children:[e.jsx("div",{style:{width:`${p}%`,minWidth:ct,backgroundColor:Xe.pending,opacity:.75},title:`Waiting ${E} — created → claimed`}),g&&s>0&&e.jsx("div",{style:{width:`${s}%`,minWidth:ct,backgroundColor:v,opacity:.75},title:`${S} ${lt(f)}`})]}),e.jsx("div",{className:"relative h-2.5 font-mono",children:e.jsx(Vt,{pct:100,place:"below",emphasis:!0,label:w,title:A})})]})}function rn({triage:t,payload:a}){const r=t.confidence??0,o=r>=.8?"text-status-success":r>=.5?"text-status-pending":"text-status-error",i=ln(t.originalData,a);return e.jsxs("div",{className:"space-y-5",children:[t.diagnosis&&e.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:t.diagnosis}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3 text-xs text-text-tertiary",children:[t.tool_calls_made!=null&&e.jsxs("span",{children:[t.tool_calls_made," tool call",t.tool_calls_made!==1?"s":""]}),t.tool_calls_made!=null&&e.jsx("span",{className:"text-text-quaternary",children:"·"}),e.jsxs("span",{className:`font-medium ${o}`,children:[Math.round(r*100),"% confidence"]})]}),t.actions_taken&&t.actions_taken.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.actions_taken.map((l,u)=>e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2 py-0.5 text-2xs
+                         text-text-secondary`,children:[e.jsx("svg",{className:"w-3 h-3 text-status-success shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}),l]},u))}),t.recommendation&&e.jsx("p",{className:"text-2xs text-text-tertiary italic",children:t.recommendation}),i.length>0&&e.jsx("div",{className:"space-y-4 pt-2",children:i.map(l=>e.jsx(on,{diff:l},l.key))})]})}function ln(t,a){if(!t)return[];const r=[];for(const o of Object.keys(t)){if(o.startsWith("_"))continue;const i=t[o],l=a[o];l!==void 0&&JSON.stringify(i)!==JSON.stringify(l)&&r.push({key:o,label:o.replace(/[_-]/g," "),original:i,corrected:l})}return r}function on({diff:t}){const a=qt(t.original),r=qt(t.corrected);return a!==null&&r!==null?e.jsx("div",{className:"@container",children:e.jsxs("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-x-8 gap-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),e.jsx("p",{className:"text-sm text-text-tertiary leading-relaxed line-through decoration-text-tertiary/30",children:a})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),e.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:r})]})]})}):e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),e.jsx("pre",{className:"text-xs text-text-tertiary font-mono whitespace-pre-wrap leading-relaxed",children:typeof t.original=="object"?JSON.stringify(t.original,null,2):String(t.original)})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),e.jsx("pre",{className:"text-xs text-text-primary font-mono whitespace-pre-wrap leading-relaxed",children:typeof t.corrected=="object"?JSON.stringify(t.corrected,null,2):String(t.corrected)})]})]})}function qt(t){return t==null?"null":typeof t=="string"?t:typeof t=="number"||typeof t=="boolean"?String(t):null}function cn({escalationId:t,items:a,canWrite:r,labelTemplate:o,labelContext:i,guardWrite:l}){var R,_;const u=Os(),x=Ls(),[g,h]=d.useState(""),[m,y]=d.useState(""),[f,p]=d.useState(null),s=r&&a.kind==="accumulate",v=(b,N)=>l?l(b,N):N(),S=a.max!==null&&a.count>=a.max,E=()=>{const b=g.trim();if(!b){p("An item key is required.");return}let N;if(m.trim())try{const k=JSON.parse(m);if(!k||typeof k!="object"||Array.isArray(k))throw new Error("object");N=k}catch{p("Payload must be a JSON object.");return}p(null),v("add an item",()=>u.mutate({id:t,itemKey:b,payload:N},{onSuccess:()=>{h(""),y("")}}))},w=a.kind==="batch"?"filled":"held",A=a.max===null?`${a.count} ${w}`:`${a.count} of ${a.max} ${w}`;return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[e.jsx("span",{className:"text-xs font-medium text-text-primary","data-testid":"items-headline",children:A}),e.jsx("span",{className:"text-2xs uppercase tracking-wide text-text-tertiary",children:a.kind==="batch"?"Batch":a.max===null?"Open":"Accumulator"})]}),a.items.length===0?e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"Nothing held yet."}):e.jsx("ol",{className:"divide-y divide-surface-border/60","data-testid":"items-list",children:a.items.map((b,N)=>{const k=Aa(o,b,i);return e.jsxs("li",{className:"py-2 flex items-start gap-2 group",children:[e.jsx("span",{className:"text-2xs text-text-quaternary font-mono w-5 shrink-0 text-right pt-0.5",children:N+1}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx("span",{className:`text-xs text-text-primary truncate ${k?"":"font-mono"}`,title:b.itemKey,"data-testid":"item-label",children:k??b.itemKey}),b.reciprocalId&&e.jsx(Ae,{to:`/escalations/detail/${b.reciprocalId}`,className:"icon-link text-2xs shrink-0",title:"Open the reciprocal escalation",children:"linked"})]}),b.payload&&e.jsx("div",{className:"text-2xs text-text-secondary truncate",title:JSON.stringify(b.payload),children:Ta(b.payload)}),e.jsxs("div",{className:"flex items-center gap-2 text-2xs text-text-tertiary",children:[b.at&&e.jsx(Qe,{date:b.at}),b.actor&&e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(as,{className:"w-2.5 h-2.5"}),e.jsx(we,{userId:b.actor})]})]})]}),s&&e.jsx("button",{type:"button",onClick:()=>v("remove an item",()=>x.mutate({id:t,itemKey:b.itemKey})),disabled:x.isPending,className:"icon-link opacity-50 group-hover:opacity-100 shrink-0 p-0.5",title:`Remove ${k??b.itemKey}`,"aria-label":`Remove ${k??b.itemKey}`,children:e.jsx(ns,{className:"w-3 h-3"})})]},b.itemKey)})}),a.kind==="batch"&&a.pending.length>0&&e.jsxs("p",{className:"text-2xs text-text-tertiary",children:["Awaiting: ",e.jsx("span",{className:"font-mono",children:a.pending.join(", ")})]}),s&&e.jsxs("form",{className:"space-y-2 pt-2 border-t border-surface-border/60",onSubmit:b=>{b.preventDefault(),E()},"data-testid":"add-item-form",children:[e.jsx("label",{className:"block text-2xs uppercase tracking-wide text-text-secondary",children:"Add item"}),e.jsx("input",{value:g,onChange:b=>h(b.target.value),placeholder:"Item key","aria-label":"Item key",disabled:S||u.isPending,className:"w-full text-xs font-mono px-2 py-1.5 rounded-md bg-surface-base border border-surface-border text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent disabled:opacity-50"}),e.jsx("textarea",{value:m,onChange:b=>y(b.target.value),placeholder:'Payload JSON (optional), e.g. {"weight": 2}',"aria-label":"Item payload",rows:2,disabled:S||u.isPending,className:"w-full text-xs font-mono px-2 py-1.5 rounded-md bg-surface-base border border-surface-border text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent disabled:opacity-50"}),e.jsxs("div",{className:"flex items-center justify-end gap-3",children:[S&&e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Every slot is held."}),e.jsxs("button",{type:"submit",disabled:S||u.isPending,className:"btn-secondary text-xs inline-flex items-center gap-1",children:[e.jsx(Wa,{className:"w-3 h-3"}),u.isPending?"Adding…":"Add"]})]}),(f||u.error||x.error)&&e.jsx("p",{className:"text-2xs text-status-error",role:"alert",children:f??((R=u.error)==null?void 0:R.message)??((_=x.error)==null?void 0:_.message)})]})]})}const D={HELP:"help",DETAILS:"details",TRIAGE:"triage",METADATA:"metadata",ITEMS:"items",CONTEXT:"context",RECORD:"record",ERRORS:"errors"},is="lt:escalation:panel:view";function dn(t){try{const a=localStorage.getItem(is);if(a&&t.includes(a))return a}catch{}return D.HELP}function un({metadata:t,role:a}){const r=$a(t);return r.length===0?e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No metadata on this escalation."}):e.jsx("dl",{className:"space-y-3.5",children:r.map(([o,i])=>{const l=typeof i=="object"&&i!==null?JSON.stringify(i):String(i),u=Ot(o,i,a),x=Ot(o,i);return e.jsxs("div",{className:"group relative",children:[e.jsx("dt",{className:"text-2xs font-medium text-text-secondary uppercase tracking-wide",children:ua(o)}),e.jsxs("dd",{className:"mt-0.5 flex items-center gap-1",children:[e.jsx("span",{className:"text-xs text-text-primary font-mono break-all flex-1",children:l}),e.jsx(Ae,{to:u,title:`Filter this queue: ${o} = ${l}`,className:"opacity-50 group-hover:opacity-100 transition-opacity shrink-0 p-0.5 text-text-quaternary hover:text-accent",children:e.jsx(za,{className:"w-3 h-3"})}),e.jsx(Ae,{to:x,title:`Search all queues: ${o} = ${l}`,className:"opacity-50 group-hover:opacity-100 transition-opacity shrink-0 p-0.5 text-text-quaternary hover:text-accent",children:e.jsx(Ha,{className:"w-3 h-3"})})]})]},o)})})}function mn({esc:t,claimed:a,isTerminal:r,isBuilder:o,traceUrl:i}){return e.jsxs("div",{className:"space-y-5",children:[e.jsxs("dl",{className:"space-y-3.5",children:[e.jsx(te,{label:"Status",children:e.jsx(Ea,{status:t.status})}),e.jsx(te,{label:"Assigned to Role",children:e.jsx(Ra,{role:t.role,size:"md"})}),e.jsxs(te,{label:"Priority",children:["P",t.priority]}),(a||r)&&t.assigned_to&&e.jsx(te,{label:"Claimed By",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 font-medium text-text-primary",children:[e.jsx(as,{className:"w-3 h-3 shrink-0 text-accent/75"}),e.jsx(we,{userId:t.assigned_to})]})}),e.jsx(te,{label:"Created",children:e.jsx(Qe,{date:t.created_at})}),(a||r)&&t.claimed_at&&e.jsx(te,{label:"Claimed",children:e.jsx(Qe,{date:t.claimed_at})}),a&&!r&&t.assigned_until&&e.jsx(te,{label:"Time Remaining",children:e.jsx(tt,{until:t.assigned_until})}),t.resolved_at&&e.jsx(te,{label:"Completed",children:e.jsx("span",{className:"text-status-success",children:e.jsx(Qe,{date:t.resolved_at})})})]}),o&&e.jsxs(e.Fragment,{children:[e.jsx("hr",{className:"border-surface-border/60"}),e.jsxs("div",{className:"space-y-3.5",children:[e.jsx(oe,{label:"Escalation ID",value:t.id}),t.task_id&&e.jsx(oe,{label:"Task ID",value:t.task_id,href:`/workflows/tasks/detail/${t.task_id}`}),t.workflow_type&&e.jsx(oe,{label:"Workflow Name",value:t.workflow_type,href:`/workflows/executions?entity=${encodeURIComponent(t.workflow_type)}`}),t.workflow_id&&e.jsx(oe,{label:"Workflow ID",value:t.workflow_id,href:`/workflows/executions/${t.workflow_id}`}),t.task_queue&&e.jsx(oe,{label:"Task Queue",value:t.task_queue,href:`/admin/controlplane?queue=${encodeURIComponent(t.task_queue)}`}),t.origin_id&&t.origin_id!==t.workflow_id&&e.jsx(oe,{label:"Origin",value:t.origin_id,href:`/processes/detail/${t.origin_id}`}),t.trace_id&&e.jsx(oe,{label:"Trace",value:t.trace_id,href:i?i.replace("{traceId}",t.trace_id):void 0,external:!0})]})]})]})}function xn({esc:t,schema:a,envelope:r,payload:o,resolver:i,triage:l,hasAI:u,claimed:x,claimedByMe:g,isTerminal:h,isBuilder:m,traceUrl:y,open:f,noGutter:p,formErrors:s,activePanel:v,onPanelChange:S,canWriteItems:E,guardItemWrite:w}){const A=xt(),R=Object.values(D),[_,b]=d.useState(()=>dn(R)),N=v??_,k=d.useCallback(P=>{try{localStorage.setItem(is,P)}catch{}b(P),S==null||S(P)},[S]);d.useEffect(()=>{v&&v!==_&&b(v)},[v]);const O=d.useMemo(()=>Ia(a,{escalation:t,metadata:t.metadata??null,envelope:r,payload:o,resolver:i})??Ma({isTerminal:h,status:t.status,claimed:x,claimedByMe:g}),[a,t,r,o,i,h,x,g]),T=d.useCallback(P=>{const L=P.target.closest("a"),F=L==null?void 0:L.getAttribute("href");F!=null&&F.startsWith("/")&&(P.preventDefault(),A(F))},[A]),W=d.useMemo(()=>Pa(t,r),[t,r]),q=[{id:D.HELP,icon:Fa,label:"Instructions",content:e.jsx(Qt,{content:O,onClick:T})},{id:D.DETAILS,icon:Ba,label:"Details",content:e.jsx(mn,{esc:t,claimed:x,isTerminal:h,isBuilder:m,traceUrl:y})},...u&&l?[{id:D.TRIAGE,icon:Va,label:"AI Analysis",content:e.jsx(rn,{triage:l,payload:o??{}})}]:[],{id:D.METADATA,icon:qa,label:"Metadata",content:e.jsx(un,{metadata:t.metadata,role:t.role})},...W?[{id:D.ITEMS,icon:Ja,label:"Items",content:e.jsx(cn,{escalationId:t.id,items:W,canWrite:!!E&&t.status==="pending",guardWrite:w,labelTemplate:a==null?void 0:a[Da],labelContext:{escalation:t,metadata:t.metadata??null,envelope:r,payload:o}})}]:[],{id:D.CONTEXT,icon:Ua,label:"Context",content:e.jsxs("div",{className:"space-y-5",children:[r!=null&&e.jsx(Ee,{data:r,label:"Input Envelope"}),o!=null&&e.jsx(Ee,{data:o,label:"Escalation Context"}),i!=null&&e.jsx(Ee,{data:i,label:"Resolver Payload"}),r==null&&o==null&&i==null&&e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No context on this escalation."})]})},...m?[{id:D.RECORD,icon:Ka,label:"Record",content:e.jsx(Ee,{data:t,label:"Escalation Record"})}]:[],...s&&s.length>0?[{id:D.ERRORS,icon:(({className:P})=>e.jsx(Ga,{className:`${P??""} text-status-error`})),label:"Errors",content:e.jsx(da,{errors:s,schema:a})}]:[]];return e.jsx($s,{open:f,width:384,className:"h-full",children:e.jsx("div",{className:`h-full${p?"":" pl-6"}`,children:e.jsxs("div",{className:"h-full flex flex-col bg-surface-hover",children:[e.jsx("div",{className:"shrink-0 pt-2 pb-0 flex justify-center",children:e.jsx(nn,{esc:t,className:"w-[80%]"})}),e.jsx("div",{className:"flex-1 min-h-0",children:e.jsx(Ws,{views:q,activeId:N,onViewChange:k,stickyClassName:"h-full min-h-0"})})]})})})}function fn(t){const{mode:a,activeView:r,onActiveViewChange:o,onClaim:i,claimPending:l,claimNudge:u,claimError:x,workflowType:g,json:h,onResolve:m,resolvePending:y,resolveError:f,requestTriage:p,triageNotes:s,onRelease:v,releasePending:S,onCancel:E,assignedTo:w,assignedUntil:A,onSubmitAttempt:R,onValidationErrors:_,escalationContext:b,labels:N={},submitBlocked:k,submitBlockedMessage:O,actingName:T,submitNeedsBadge:W,canManage:q,onReassign:P,onUnassign:L,unassignPending:F}=t,B=es(),[ae,K]=d.useState("30"),[de,G]=d.useState(0),[Te,ue]=d.useState(""),ne=ae==="custom",Ie=d.useCallback(C=>G(C),[]),Me=!!k&&!p;if(a==="terminal")return null;const I=()=>{const C=ne?de:parseInt(ae);!C||C<=0||i(C)},re=()=>{if(ue(""),p){const ke={_lt:{needsTriage:!0}};s.trim()&&(ke.notes=s.trim()),m(ke);return}const C=Ye(h,b);if(C.parseError){ue(C.parseError);return}if(C.errors.length>0){R==null||R(),_==null||_(C.errors);return}m(C.payload)},z=C=>`text-xs transition-colors ${C?"text-accent font-medium":"text-text-tertiary hover:text-accent"}`;return e.jsxs("div",{className:"shrink-0 h-[80px] bg-surface/95 backdrop-blur-sm border-t border-surface-border -ml-10 pl-10 pr-10 pt-3 pb-5","data-testid":"escalation-action-bar",children:[a==="available"&&e.jsxs("div",{"data-testid":"claim-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[B.map(C=>e.jsx("button",{onClick:()=>{K(C.value),G(0)},className:z(!ne&&ae===C.value),children:C.label},C.value)),e.jsx("button",{onClick:()=>K("custom"),className:z(ne),children:"Other"})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[N.cancel!==!1&&e.jsx("button",{onClick:E,className:"text-xs text-text-tertiary hover:text-status-error transition-colors",children:N.cancel??"Cancel escalation"}),e.jsx("div",{className:"flex-1"}),x&&!l&&e.jsx("p",{className:"text-xs text-status-error",role:"alert","data-testid":"claim-error",children:x.message}),ne&&e.jsx(ts,{onChange:Ie,compact:!0,autoFocus:!0}),e.jsx("button",{onClick:I,disabled:l||ne&&de<=0,className:`btn-primary text-xs ${u?"animate-[field-shake_0.4s_ease-in-out]":""}`,"data-testid":"claim-button",children:l?"Claiming...":N.claim??"Claim"},u)]})]}),a==="claimed_by_other"&&e.jsxs("div",{className:"flex items-center gap-4","data-testid":"claimed-other-bar",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Claimed by ",e.jsx("span",{className:"font-medium text-text-primary",children:w?e.jsx(we,{userId:w}):"unknown"})]}),A&&e.jsx(tt,{until:A}),f&&e.jsx("span",{className:"text-xs text-status-error",children:f.message}),q&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:P,className:"text-xs text-text-tertiary hover:text-accent transition-colors","data-testid":"admin-reassign",children:"Reassign…"}),e.jsx("button",{onClick:L,disabled:F,className:"text-xs text-text-tertiary hover:text-status-error transition-colors disabled:opacity-50","data-testid":"admin-unassign",children:F?"Returning…":"Return to queue"})]})]}),a==="claimed_by_me"&&e.jsxs("div",{"data-testid":"action-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[e.jsx("button",{onClick:()=>o("resolve"),className:z(r==="resolve"),children:g?"Resolve":"Acknowledge"}),e.jsx("button",{onClick:()=>o("release"),className:`text-xs transition-colors ${r==="release"?"text-status-error font-medium":"text-text-tertiary hover:text-status-error"}`,children:N.release??"Release"}),N.cancel!==!1&&e.jsx("button",{onClick:E,className:"text-xs transition-colors text-text-tertiary hover:text-status-error",children:N.cancel??"Cancel"})]}),r==="resolve"&&e.jsxs("div",{className:"flex items-center gap-4",children:[W?e.jsxs("p",{className:"flex items-center gap-1.5 text-sm text-text-secondary","data-testid":"submit-badge-warning",children:[e.jsx(rs,{className:"w-4 h-4 text-accent-muted shrink-0",strokeWidth:1.5}),"When you submit, you'll scan your badge to confirm you're"," ",e.jsx("span",{className:"font-medium text-text-primary",children:w?e.jsx(we,{userId:w}):"the claimant"}),"."]}):T&&e.jsxs("p",{className:"text-sm text-text-secondary","data-testid":"acting-claim-note",children:["Claimed by you ",e.jsxs("span",{className:"font-medium text-text-primary",children:["(",T,")"]})]}),!W&&T&&A&&e.jsx(tt,{until:A}),e.jsx("div",{className:"flex-1"}),Te&&e.jsx("span",{className:"text-xs text-status-error",children:Te}),f&&e.jsx("span",{className:"text-xs text-status-error",children:f.message}),Me&&O&&e.jsx("span",{className:"text-xs text-status-pending","data-testid":"submit-guard-message",children:O}),e.jsx("button",{onClick:re,disabled:y||Me,className:"btn-primary text-xs",children:y?g?"Submitting...":"Acknowledging...":p?"Send to Triage":N.submit??(g?"Submit":"Acknowledge")})]}),r==="release"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-xs text-text-secondary",children:"Release back to pool?"}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>o("resolve"),className:"btn-secondary text-xs",children:"Back"}),e.jsx("button",{onClick:v,disabled:S,className:"btn-primary text-xs bg-status-error hover:bg-status-error/80",children:S?"Releasing...":"Yes, Release"})]})]})]})}function dt({children:t}){return e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:t})}function pn({payload:t,isTerminal:a,resolverPayload:r,onRetryTriage:o,isRetrying:i}){const l=t.title,u=t.summary,x=t.diagnosis,g=t.tool_calls_made,h=t.result,m=r==null?void 0:r._lt,y=(m==null?void 0:m.triaged)===!0,f=m==null?void 0:m.triageWorkflowId,p=a&&y,[s,v]=d.useState(!1);return p?e.jsxs("div",{className:"rounded-md border border-status-success/30 bg-surface-raised",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-success shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm3.36 4.65a.5.5 0 00-.72 0L7 9.29 5.36 7.65a.5.5 0 10-.72.7l2 2a.5.5 0 00.72 0l4-4a.5.5 0 000-.7z"})}),e.jsx("span",{className:"text-xs font-medium text-status-success",children:"Resolved by AI Triage"})]}),typeof g=="number"&&e.jsxs("span",{className:"text-2xs font-mono px-2 py-0.5 rounded-full bg-status-success/10 text-status-success",children:[g," tool calls used"]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[l&&e.jsx("p",{className:"text-sm font-medium text-text-primary",children:l}),x&&e.jsxs("div",{children:[e.jsx(dt,{children:"Triage diagnosis"}),e.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:e.jsx(ot,{content:x})})]}),e.jsx("div",{className:"flex items-center gap-3",children:f&&e.jsx(Ae,{to:`/workflows/executions/${f}`,className:"text-2xs text-accent hover:underline",children:"View triage execution"})})]})]}):e.jsxs("div",{className:"rounded-md border border-status-warning/30 bg-surface-raised",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-warning shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm0 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 4zm0 7a.75.75 0 100-1.5.75.75 0 000 1.5z"})}),e.jsx("span",{className:"text-xs font-medium text-status-warning",children:"Tool Rounds Exhausted"})]}),typeof g=="number"&&e.jsxs("span",{className:"text-2xs font-mono px-2 py-0.5 rounded-full bg-status-warning/10 text-status-warning",children:[g," tool calls used"]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[l&&e.jsx("p",{className:"text-sm font-medium text-text-primary",children:l}),u&&e.jsxs("div",{children:[e.jsx(dt,{children:"What happened"}),e.jsx("div",{className:"text-xs text-text-secondary leading-relaxed",children:e.jsx(ot,{content:u})})]}),x&&e.jsxs("div",{children:[e.jsx(dt,{children:"What went wrong"}),e.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:e.jsx(ot,{content:x})})]}),h!=null&&e.jsxs("div",{children:[e.jsxs("button",{onClick:()=>v(!s),className:"flex items-center gap-1 text-2xs font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[e.jsx("svg",{className:`w-3 h-3 transition-transform ${s?"rotate-90":""}`,viewBox:"0 0 12 12",fill:"currentColor",children:e.jsx("path",{d:"M4.5 2l4 4-4 4"})}),"Partial results"]}),s&&e.jsx("div",{className:"mt-2",children:e.jsx(Ee,{data:h,defaultMode:"tree"})})]}),o&&!a&&e.jsx("div",{className:"pt-2",children:e.jsxs("button",{onClick:o,disabled:i,className:"inline-flex items-center gap-2 px-4 py-2 text-xs font-medium bg-accent text-text-inverse rounded-md hover:bg-accent/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:[e.jsx("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 14 14",fill:"currentColor",children:e.jsx("path",{d:"M7 1a6 6 0 100 12A6 6 0 007 1zm2.5 6.5l-3.5 2V5.5l3.5 2z"})}),i?"Sending to triage...":"Retry with AI Triage"]})})]})]})}const se={PENDING:"pending",CLAIMED:"claimed",RESOLVED:"resolved"};function ls(t){const a=t==null?void 0:t["x-lt-viewport"];return(a==null?void 0:a.type)!=="iframe"||typeof a.src!="string"||!a.src?null:a}function Jt(t,a){return a===se.CLAIMED?t.src:a===se.PENDING?t.onPending??null:t.onResolved??null}function Ze(t,a){if(!t.includes("{"))return t;try{const r=i=>{if(!i)return{};try{return JSON.parse(i)}catch{return{}}},o={...a.metadata??{},...r(a.envelope),...r(a.escalation_payload),...r(a.resolver_payload)};return t.replace(/\{([^}]+)\}/g,(i,l)=>Object.prototype.hasOwnProperty.call(o,l)?String(o[l]):`{${l}}`)}catch{return t}}function Ut(t){if(!t)return null;try{return JSON.parse(t)}catch{return null}}function et({src:t,escalation:a,schema:r,stage:o=se.CLAIMED,onResolve:i,onEscalate:l,readOnly:u=!1,submitAttempted:x,fill:g}){const h=d.useRef(null),m=d.useRef("");d.useEffect(()=>{try{const f=new URL(t);m.current=f.origin}catch{m.current=""}},[t]);const y=d.useCallback(()=>{const f=h.current;if(!(f!=null&&f.contentWindow)||!m.current)return;const s={type:"lt:init",escalation:{id:a.id,type:a.type,subtype:a.subtype,description:a.description,status:a.status,priority:a.priority,role:a.role,workflow_type:a.workflow_type,envelope:Ut(a.envelope),metadata:a.metadata??null,escalation_payload:Ut(a.escalation_payload)},schema:r,stage:o};f.contentWindow.postMessage(s,m.current)},[a,r,o]);return d.useEffect(()=>{const f=p=>{if(p.origin!==m.current)return;const s=p.data;if(!(!s||typeof s!="object"||typeof s.type!="string"))switch(s.type){case"lt:ready":y();break;case"lt:submit":!u&&s.payload&&typeof s.payload=="object"&&(i==null||i(s.payload));break;case"lt:escalate":!u&&typeof s.target=="string"&&s.target&&(l==null||l(s.target));break;case"lt:resize":{const v=h.current;v&&typeof s.height=="number"&&s.height>0&&(v.style.height=`${Math.min(s.height,2e3)}px`);break}}};return window.addEventListener("message",f),()=>window.removeEventListener("message",f)},[y,i,l,u]),d.useEffect(()=>{if(!x||u)return;const f=h.current;f!=null&&f.contentWindow&&m.current&&f.contentWindow.postMessage({type:"lt:validate"},m.current)},[x,u]),g?e.jsx("div",{className:"absolute inset-0 overflow-hidden",children:e.jsx("iframe",{ref:h,src:t,sandbox:"allow-scripts allow-same-origin allow-forms allow-pointer-lock allow-downloads",className:"w-full h-full border-0 block",title:"HITL Viewport",onLoad:y})}):e.jsx("div",{className:"rounded-md border border-surface-border overflow-hidden bg-white",children:e.jsx("iframe",{ref:h,src:t,sandbox:"allow-scripts allow-same-origin allow-forms allow-pointer-lock allow-downloads",className:"w-full border-0",style:{minHeight:"600px"},title:"HITL Viewport",onLoad:y})})}function hn({json:t,onJsonChange:a,requestTriage:r,onRequestTriageChange:o,triageNotes:i,onTriageNotesChange:l,disabled:u=!1,submitAttempted:x=!1,showTriage:g=!1,escalationContext:h,onOpenHelp:m,onDisabledClick:y,disabledHint:f}){return e.jsxs(e.Fragment,{children:[g&&e.jsx("div",{className:"flex items-center justify-between mb-3",children:r?e.jsxs("button",{onClick:()=>o(!1),className:"group flex items-center gap-2 text-left","data-testid":"triage-cancel",children:[e.jsx("span",{className:"flex items-center justify-center w-5 h-5 rounded-full bg-accent/10 text-accent shrink-0",children:e.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),e.jsxs("span",{className:"text-xs text-text-secondary group-hover:text-text-primary transition-colors",children:["AI Triage active."," ",e.jsx("span",{className:"text-accent group-hover:underline",children:"Cancel"})]})]}):e.jsxs("button",{onClick:()=>o(!0),className:"group flex items-center gap-2.5 text-left my-4","data-testid":"triage-callout",children:[e.jsx("span",{className:"flex items-center justify-center w-6 h-6 rounded-full bg-accent/10 text-accent shrink-0 animate-[triage-glow_6s_ease-in-out_infinite]",children:e.jsx("svg",{className:"w-3.5 h-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})}),e.jsxs("span",{className:"text-sm text-text-secondary group-hover:text-text-primary transition-colors",children:["This form doesn't capture the issue?"," ",e.jsx("span",{className:"text-accent group-hover:underline",children:"Request AI Triage"})]})]})}),e.jsxs("div",{className:"relative min-h-[200px]",children:[e.jsx("div",{className:r?"pointer-events-none select-none":"",children:e.jsx(Zt,{value:t,onChange:a,disabled:u,submitAttempted:x,escalationContext:h,onOpenHelp:m,onDisabledClick:y,disabledHint:f})}),r&&e.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col bg-surface/90 backdrop-blur-[2px] rounded-md border border-accent/20 p-5","data-testid":"triage-overlay",children:[e.jsx("p",{className:"text-xs text-text-secondary mb-3 leading-relaxed",children:"The resolution form will not be submitted. Describe the issue so AI triage can diagnose and fix it using available tools. The corrected result will come back as a new escalation for your review."}),e.jsx("textarea",{value:i,onChange:p=>l(p.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 Kt(t){if(!t)return null;try{return JSON.parse(t)}catch{return null}}function U(t,a,r,o){return{escalation:t,metadata:t.metadata??null,envelope:Kt(t.envelope),payload:Kt(t.escalation_payload),resolver:null,...a?{lookup:a}:{},...r?{roster:r}:{},...o?{file:o}:{}}}function gn(t){return Object.fromEntries(Object.entries(t.properties??{}).filter(([,a])=>(a==null?void 0:a["x-lt-widget"])===La.DOCUMENT).map(([a])=>[a,""]))}function bn({isRoundsExhausted:t,payloadObj:a,isTerminal:r,resolverPayload:o,onRetryTriage:i,isRetrying:l}){return e.jsxs(e.Fragment,{children:[t&&a&&e.jsx("div",{className:"mt-8",children:e.jsx(pn,{payload:a,isTerminal:r,resolverPayload:o,onRetryTriage:i,isRetrying:l})}),(a==null?void 0:a.category)==="missing_credential"&&e.jsxs("div",{className:"mt-8 bg-status-warning/10 border border-status-warning/30 rounded-md px-5 py-4 flex items-start gap-3",children:[e.jsx(Wt,{size:20,className:"text-status-warning mt-0.5 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-text-primary mb-1",children:"Missing Credential"}),e.jsxs("p",{className:"text-xs text-text-secondary mb-3",children:["This workflow requires a ",e.jsx("span",{className:"font-medium capitalize",children:String(a.provider)})," credential to continue. Register one and then resolve this escalation to retry."]}),e.jsxs(Ae,{to:"/credentials",className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(Wt,{size:12}),"Go to Credentials"]})]})]})]})}function yn({esc:t,resolverPayload:a,isTerminal:r,editable:o,activeView:i,metadataFormSchema:l,effectiveSchema:u,lookup:x,roster:g,file:h,json:m,onJsonChange:y,requestTriage:f,onRequestTriageChange:p,triageNotes:s,onTriageNotesChange:v,onResolve:S,onEscalate:E,onClaim:w,submitAttempted:A,isCertified:R,hasAI:_,onOpenHelp:b,onDisabledClick:N,disabledHint:k}){const O=u,T=U(t,x,g,h),W=ls(O);if(r){const L=W&&t.status==="resolved"?Jt(W,se.RESOLVED):null;if(L)return e.jsx("div",{className:"mt-3",children:e.jsx(et,{src:Ze(L,t),escalation:t,schema:O,stage:se.RESOLVED,readOnly:!0})});if(a==null)return null;const F=typeof a=="object"&&a!==null?a:{};if(!Object.keys(F).some(K=>!K.startsWith("$")&&!K.startsWith("_")))return null;const B=u??l,ae=B!=null&&B.properties?{...gn(B),...Oa(F,B),_form_schema:B}:F;return e.jsx("div",{className:"mt-3",children:e.jsx(Zt,{value:JSON.stringify(ae,null,2),onChange:()=>{},disabled:!0,escalationContext:T,disabledHint:k})})}if(i!=="resolve"||!(t.workflow_type||u))return null;const q=!!W&&!!S&&!!E;if(q&&!o){const L=Jt(W,se.PENDING);return L?e.jsx("div",{className:"mt-3",children:e.jsx(et,{src:Ze(L,t),escalation:t,schema:O,stage:se.PENDING,readOnly:!0})}):e.jsxs("button",{onClick:()=>w==null?void 0:w(),disabled:!w,className:"flex flex-col items-center justify-center min-h-[55vh] w-full gap-3 text-center group disabled:opacity-50 disabled:cursor-default",children:[e.jsx(Xa,{className:"w-10 h-10 text-text-tertiary group-hover:text-accent transition-colors",strokeWidth:1}),e.jsx("p",{className:"text-base font-medium text-text-primary group-hover:text-accent transition-colors",children:"Claim to launch the editor"})]})}const P=q?Ze(W.src,t):"";return e.jsx("div",{className:"mt-3",children:q?e.jsx(et,{src:P,escalation:t,schema:O,onResolve:S,onEscalate:E,submitAttempted:A}):e.jsx(hn,{json:m,onJsonChange:y,requestTriage:f,onRequestTriageChange:p,triageNotes:s,onTriageNotesChange:v,disabled:!o,submitAttempted:A,showTriage:!!R&&!!_,escalationContext:T,onOpenHelp:b,onDisabledClick:N,disabledHint:k})})}function jn({open:t,assignedUntil:a,onClose:r,onExtend:o,isPending:i}){const l=es(),[u,x]=d.useState("30"),[g,h]=d.useState(0),m=u==="custom",y=m?g:parseInt(u),f=d.useCallback(p=>h(p),[]);return e.jsx(mt,{open:t,onClose:r,title:"Claim Expiring",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Your claim on this escalation expires in"," ",e.jsx(tt,{until:a}),". When it lapses, the form locks and the item returns to the queue — your edits are kept as a draft. Extend to keep working."]}),e.jsxs("select",{value:u,onChange:p=>{x(p.target.value),h(0)},className:"select w-full text-sm","aria-label":"Extension duration",children:[l.map(p=>e.jsx("option",{value:p.value,children:p.label},p.value)),e.jsx("option",{value:"custom",children:"Other..."})]}),m&&e.jsx(ts,{onChange:f,autoFocus:!0}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:r,className:"btn-secondary text-xs",children:"Dismiss"}),e.jsx("button",{onClick:()=>o(y),className:"btn-primary text-xs",disabled:i||!y||y<=0,children:i?"Extending...":"Extend Claim"})]})]})})}const Nn=9e4;function vn(t,a=Nn){const[,r]=d.useState(0);if(d.useEffect(()=>{if(!t)return;const i=new Date(t).getTime()-Date.now();if(i<=0)return;const l=()=>r(g=>g+1),u=[],x=i-a;return x>0&&u.push(window.setTimeout(l,x)),u.push(window.setTimeout(l,i)),()=>u.forEach(g=>window.clearTimeout(g))},[t,a]),!t)return{expired:!1,expiringSoon:!1,msRemaining:0};const o=Math.max(0,new Date(t).getTime()-Date.now());return{expired:o<=0,expiringSoon:o>0&&o<=a,msRemaining:o}}const wn="lt:escalation:draft:";function pt(t){return`${wn}${t}`}function kn(t){try{return localStorage.getItem(pt(t))}catch{return null}}function Sn(t,a){try{localStorage.setItem(pt(t),a)}catch{}}function ut(t){try{localStorage.removeItem(pt(t))}catch{}}const Cn="x-lt-transition",_n="x-lt-transition-message",En="x-lt-transition-max-wait-seconds",Rn="x-lt-transition-done",An="Submitted. Preparing your next step…",Tn=30,In=5,Mn=300;function Pn(t){const a=typeof t=="number"?t:Number(t);return!Number.isFinite(a)||a<=0?Tn:Math.min(Mn,Math.max(In,Math.round(a)))}function Gt(t){if(!t||!t[Cn])return null;const a=t[_n];return{message:typeof a=="string"&&a.trim().length>0?a:An,maxWaitSeconds:Pn(t[En])}}function Dn(t){const a=t==null?void 0:t[Rn];return typeof a=="string"&&a.trim().length>0?a:null}const On="x-lt-submit-on-claim";function Ln(t){return!!(t!=null&&t[On])}const $n="x-lt-submit-guard",Wn="{{count}} related items are still pending",Fn="{{count}} expected items are still outstanding";function Bn(t){const a=t==null?void 0:t[$n];if(!a||typeof a!="object"||Array.isArray(a))return;const r=a;if(typeof r.roster=="string"&&r.roster)return r;if(!(!r.query||typeof r.query!="object"))return r}function Vn(t,a,r={}){const{user:o}=Yt(),i=ma((t==null?void 0:t.query)??{},a??{},o==null?void 0:o.userId),l=!!(t!=null&&t.roster),{data:u,isSuccess:x}=Fs({role:i.role,status:i.status,facets:i.facets,assigned_to:i.assigned_to,available:i.available,limit:1,enabled:!!t&&!l&&i.enabled});if(t&&l)return qn(t,r,a);const g=!!t&&t.mustBeEmpty!==!1&&i.enabled,h=(u==null?void 0:u.total)??0,m=g&&x&&h===0,y=g&&!m;let f="";if(y)if(h>0){const p=(t==null?void 0:t.message)??Wn;f=ft(p.replace(/\{\{count\}\}/g,String(h)),a??{})}else f="Checking related items…";return{blocked:y,count:h,message:f,confirmedEmpty:m}}function qn(t,a,r){const o=t.roster;if(!(o in a))return{blocked:!0,count:0,message:`Submit guard names roster "${o}", which the form does not declare`,confirmedEmpty:!1};const i=a[o];if(!i)return{blocked:!0,count:0,message:"Checking expected items…",confirmedEmpty:!1};const l=i.counts.outstanding;if(l<=0)return{blocked:!1,count:0,message:"",confirmedEmpty:!1};const u=t.message??Fn;return{blocked:!0,count:l,message:ft(u.replace(/\{\{count\}\}/g,String(l)),r??{}),confirmedEmpty:!1}}function Jn({open:t,message:a}){return t?ka.createPortal(e.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center px-4",children:[e.jsx("div",{className:"absolute inset-0 bg-text-primary/40 backdrop-blur-sm"}),e.jsxs("div",{role:"status","aria-live":"polite",className:"relative w-full max-w-sm bg-surface-raised border border-surface-border rounded-lg shadow-xl px-6 py-7 text-center",children:[e.jsx("div",{className:"flex justify-center mb-4","aria-hidden":"true",children:e.jsx("span",{className:"inline-block w-7 h-7 rounded-full border-2 border-surface-border border-t-accent animate-spin"})}),e.jsx("div",{className:"text-sm text-text-secondary [&_p]:m-0 [&_p+p]:mt-2",children:e.jsx(Qt,{content:a})})]})]}),document.body):null}function zt({open:t,verb:a="submit",claimantId:r,wrongBadgeName:o,anyBadge:i,message:l,onCancel:u}){return t?e.jsx(mt,{open:!0,onClose:u,title:`Scan your badge to ${a}`,children:e.jsxs("div",{className:"flex flex-col items-center text-center py-6","data-testid":"station-write-challenge",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx(Qa,{className:"w-7 h-7 text-text-quaternary",strokeWidth:1}),e.jsx(rs,{className:"w-9 h-9 text-accent-muted",strokeWidth:1})]}),e.jsx("p",{className:"text-lg text-text-secondary",children:i?e.jsxs(e.Fragment,{children:["Scan your badge to ",a,"."]}):e.jsxs(e.Fragment,{children:["Scan your badge to ",a," as"," ",e.jsx("span",{className:"font-medium text-text-primary",children:r?e.jsx(we,{userId:r}):"the claimant"}),"."]})}),l&&e.jsx("p",{className:"text-sm text-status-warning mt-3","data-testid":"badge-message",children:l}),o&&e.jsxs("p",{className:"text-sm text-status-error mt-3","data-testid":"wrong-badge",children:["That badge is ",o,"'s — scan the claimant's badge to ",a,"."]}),e.jsx("div",{className:"w-16 border-t border-surface-border my-6"}),e.jsx("button",{type:"button",onClick:u,className:"text-sm text-text-tertiary hover:text-text-secondary hover:underline",children:"Cancel"})]})}):null}function Un(){var a;const t=typeof document<"u"?document.activeElement:null;return t instanceof HTMLElement?((a=t.closest("[data-field-key]"))==null?void 0:a.getAttribute("data-field-key"))??null:null}function Kn({enabled:t,json:a,onJsonChange:r,context:o,onScanSubmit:i,onRosterScan:l}){var y;const u=(y=Bs())==null?void 0:y.pushCodeInterceptor,{data:x}=Vs({enabled:t,staleTime:6e4}),[g,h]=d.useState(null),m=d.useRef({json:a,onJsonChange:r,context:o,onScanSubmit:i,onRosterScan:l,schemes:(x==null?void 0:x.schemes)??[]});return m.current={json:a,onJsonChange:r,context:o,onScanSubmit:i,onRosterScan:l,schemes:(x==null?void 0:x.schemes)??[]},d.useEffect(()=>{if(!(!t||!u))return u(f=>{const{json:p,schemes:s}=m.current,v=qs(f,s);if(!v.ok||v.scheme.kind!=="action")return!1;let S;try{S=JSON.parse(p)}catch{return!1}const E=S._form_schema,w=xa(E,S,v.parsed.version,Un());if(!E||!w)return!1;const A=E.properties[w],R=Za(A);if(R&&"batch"in R.expected){const O=m.current.onRosterScan;return O?(O(w,f.trim()).then(T=>h({field:w,error:T,at:Date.now()})),!0):!1}const _={version:v.parsed.version,target:v.parsed.target,code:v.parsed.raw??f.trim()},b=fa(S[w],_,A,m.current.context);if(!b.ok)return h({field:w,error:b.error,at:Date.now()}),!0;const N={...S,[w]:b.value},k=JSON.stringify(N,null,2);return m.current.onJsonChange(k),h({field:w,error:null,at:Date.now()}),pa(E)&&ha(E,N)&&m.current.onScanSubmit(k),!0})},[t,u]),g}const os="lt:escalation:panel:open";function Gn(){try{const t=localStorage.getItem(os);return t===null?!0:t==="true"}catch{return!0}}function Ne(t){try{localStorage.setItem(os,String(t))}catch{}}function ce(t){if(!t)return null;try{return JSON.parse(t)}catch{return t}}function zn(t){const a=ce(t);return!a||typeof a!="object"||Array.isArray(a)?{}:Object.fromEntries(Object.entries(a).filter(([r])=>!r.startsWith("_")&&!r.startsWith("$")))}function gr(){const{id:t}=Sa();return e.jsx(Hn,{id:t},t)}function Hn({id:t}){var Tt,It,Mt,Pt,Dt;const{user:a,isSuperAdmin:r,hasRoleType:o}=Yt(),i=r||o("admin"),{identity:l,clear:u}=Js(),x=Us(),{data:g}=Ks((a==null?void 0:a.userId)??null),{viewerId:h,isViewer:m}=Gs(),y=xt(),f=ss(),p=Xt(),{data:s,isLoading:v,refetch:S,isFetching:E}=zs(t);Hs(t);const{hasLookupRefs:w,hasFileRefs:A}=d.useMemo(()=>{const n=ce(s==null?void 0:s.envelope),c=j=>Array.isArray(n==null?void 0:n[j])&&(n==null?void 0:n[j]).length>0;return{hasLookupRefs:c("lookups"),hasFileRefs:c("files")}},[s==null?void 0:s.envelope]),{data:R}=Xs(t,w),_=d.useMemo(()=>{var n;return(n=R==null?void 0:R.lookups)!=null&&n.length?Object.fromEntries(R.lookups.filter(c=>!c.missing).map(c=>[c.as??c.key,c.data])):null},[R]),{data:b}=Qs(t,A),N=d.useMemo(()=>{var n;return(n=b==null?void 0:b.files)!=null&&n.length?Object.fromEntries(b.files.filter(c=>c.as).map(c=>[c.as,c])):null},[b]),k=Ys(),O=Zs(),T=ea(),W=ta(),q=sa(),P=aa(),L=na(),[F,B]=d.useState(!1),[ae,K]=d.useState(!1),{data:de}=ra(),{data:G}=ia(),{isBuilder:Te}=la(),ue=de==null?void 0:de.find(n=>n.workflow_type===(s==null?void 0:s.workflow_type)),ne=((Tt=G==null?void 0:G.telemetry)==null?void 0:Tt.traceUrl)??null,[Ie,Me]=d.useState("resolve"),[I,re]=d.useState("{}"),[z,C]=d.useState(Gn),[ke,cs]=d.useState(!1),[ht,ds]=d.useState(""),[Pe,De]=d.useState(!1),[us,me]=d.useState([]),[ms,xs]=d.useState(0),[fs,xe]=d.useState(void 0),[X,st]=d.useState(null),[ps,gt]=d.useState(!1),bt=d.useRef(!1),Oe=d.useRef(null),yt=d.useRef(!1),Le=d.useRef(null),jt=d.useRef(()=>{}),[ie,$e]=d.useState(null),[J,We]=d.useState(null),hs=vn(s==null?void 0:s.assigned_until),[gs,bs]=d.useState(null);d.useEffect(()=>{if(!(!Pe||!s))try{const n=JSON.parse(I),c=n._form_schema;if(!c){me([]);return}me(ga(c,n,U(s,_,H,N)))}catch{}},[I,Pe,s]);const Fe=((It=s==null?void 0:s.metadata)==null?void 0:It.form_schema)??null,fe=(s==null?void 0:s.form_schema)??(ue==null?void 0:ue.resolver_schema)??null,M=Fe??fe,Nt=Ln(M),Q=Na(M),vt=d.useMemo(()=>zn(I),[I]),wt=en(M,s?{...U(s,_,null,N),resolver:vt,input:vt}:void 0),H=tn(wt),Se=Bn(M),pe=Vn(Se,s?U(s,_,H,N):void 0,wt),Be=d.useRef(!1),Ve=d.useRef(null);d.useEffect(()=>{if(Be.current)return;const n=Fe??(fe!=null&&fe.properties?fe:null);if(n!=null&&n.properties){Be.current=!0;const c=ce(s==null?void 0:s.envelope),j=c==null?void 0:c.formDefaults,$={...(s==null?void 0:s.metadata)??{},...typeof j=="object"&&j!==null?j:{}};Ve.current=ba(n,$);const ee=!((s==null?void 0:s.status)==="resolved"||(s==null?void 0:s.status)==="cancelled")&&(s!=null&&s.id)?kn(s.id):null,ye=ee?ce(ee):null;ye&&typeof ye=="object"&&!Array.isArray(ye)?re(JSON.stringify({...ye,_form_schema:n},null,2)):re(Ve.current)}else M&&(Be.current=!0,re(JSON.stringify(M,null,2)))},[M,Fe,fe,s==null?void 0:s.envelope,s==null?void 0:s.metadata,s==null?void 0:s.id,s==null?void 0:s.status]),d.useEffect(()=>{if(!Be.current||Ve.current===null||!(s!=null&&s.id)||s.status!=="pending")return;const n=s.id,c=window.setTimeout(()=>{I===Ve.current?ut(n):Sn(n,I)},400);return()=>window.clearTimeout(c)},[I,s==null?void 0:s.id,s==null?void 0:s.status]),d.useEffect(()=>{if(!X)return;const n=window.setTimeout(async()=>{var j;try{const $=new URLSearchParams({parent_id:t,assigned_to:h??"",status:"pending",limit:"1"}),be=await ve(`/escalations?${$}`),ee=(j=be==null?void 0:be.escalations)==null?void 0:j.find(ye=>m(ye.assigned_to));if(ee!=null&&ee.id&&ee.parent_id===t){st(null),y(`/escalations/detail/${ee.id}`);return}}catch{}st(null),p.resetQueries({queryKey:["escalations"]}),p.resetQueries({queryKey:["escalationStats"]});const c=X.doneDest;c?c.startsWith("/")?y(c):window.location.assign(c):y(-1)},X.maxWaitSeconds*1e3);return()=>window.clearTimeout(n)},[X,t,h,m,y,p]),d.useEffect(()=>{var n,c;bt.current||(n=f.state)!=null&&n.autoStart&&(!s||s.status!=="pending"||Re(s)||I!=="{}"&&(bt.current=!0,(c=Oe.current)==null||c.call(Oe)))},[s,I,f.state]),d.useEffect(()=>{var n;yt.current||!(Se!=null&&Se.autoResolveWhenEmpty)||!pe.confirmedEmpty||!s||s.status!=="pending"||!Re(s)||s.assigned_to===h&&I!=="{}"&&(yt.current=!0,(n=Le.current)==null||n.call(Le))},[pe.confirmedEmpty,Se,s,I,h]),d.useEffect(()=>{if(!(!ie||!s)&&l&&l.actorId===s.assigned_to){const{run:n}=ie;$e(null),Promise.resolve().then(n).finally(()=>u())}},[l,ie,s==null?void 0:s.assigned_to,u]),d.useEffect(()=>{if(!J||!l)return;const{run:n,keepBadge:c}=J;We(null),n().finally(()=>{c||u()})},[l,J,u]);const ys=(s==null?void 0:s.subtype)==="rounds_exhausted",js=!!s&&Re(s),Ns=(s==null?void 0:s.status)==="resolved"||(s==null?void 0:s.status)==="cancelled",V=Kn({enabled:x&&!!s&&js&&!Ns&&(s.assigned_to===h||Lt(g)),json:I,onJsonChange:re,context:s?U(s,_,H,N):void 0,onScanSubmit:n=>jt.current(n),onRosterScan:(n,c)=>new Promise(j=>{He("check this off",async()=>{try{await O.mutateAsync({id:t,field:n,code:c}),j(null)}catch($){j($.message)}},{keepBadge:!0})})}),[vs,ws]=d.useState(!1),kt=d.useMemo(()=>V&&{...V,message:`Scanned into ${Ht(M,V.field)}`},[V,M]);if(d.useLayoutEffect(()=>{var j;if(!V)return;const n=V.field.replace(/["\\]/g,$=>`\\${$}`),c=document.querySelector(`[data-field-key="${n}"]`);ws(!!c),(j=c==null?void 0:c.scrollIntoView)==null||j.call(c,{block:"nearest",behavior:"smooth"})},[V]),v)return e.jsxs("div",{className:"animate-pulse space-y-8",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-32 bg-surface-sunken rounded w-full"})]});if(!s)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Escalation not found."});const qe=Re(s),Y=qe&&s.assigned_to===h,ks=qe&&!Y,le=s.status==="resolved"||s.status==="cancelled",Je=x&&Lt(g)&&qe&&!le,Ue=Y||Je,at=Je&&s.assigned_to!==(a==null?void 0:a.userId),St=ls(M),nt=!!St&&Ue&&!le,Ke=ce(s.escalation_payload),he=ce(s.resolver_payload),Ge=ce(s.envelope),Ss=!!((Mt=Ge==null?void 0:Ge.metadata)!=null&&Mt.certified),Ct=oa(),_t=Ct!==null?Ct:!!((Pt=G==null?void 0:G.ai)!=null&&Pt.enabled),Z=typeof Ke=="object"&&Ke!==null&&!Array.isArray(Ke)?Ke:null,Cs=Z==null?void 0:Z._triage,_s=typeof he=="object"&&he!==null&&!Array.isArray(he)?he:null,ze=le?"terminal":Y||Je?"claimed_by_me":ks?"claimed_by_other":"available",Es=ze==="available"?`${typeof Q.claim=="string"?Q.claim:"Claim"} this escalation to edit the form`:ze==="claimed_by_other"?e.jsxs(e.Fragment,{children:["Claimed by ",s.assigned_to?e.jsx(we,{userId:s.assigned_to}):"another user"]}):s.status==="cancelled"?"This escalation is cancelled":s.status==="resolved"?"This escalation is resolved — the submitted values are shown":null,rt=n=>{He("claim",async()=>{await k.mutateAsync({id:t,durationMinutes:n}).catch(()=>{})},{keepBadge:!0})},Ce=()=>{p.resetQueries({queryKey:["escalations"]}),p.resetQueries({queryKey:["escalationStats"]}),y(-1)},Rs=()=>{const n=Dn(M);return n&&ft(n,U(s,_,H,N))||null},As=n=>{p.resetQueries({queryKey:["escalations"]}),p.resetQueries({queryKey:["escalationStats"]}),n.startsWith("/")?y(n):window.location.assign(n)},Ts=async n=>{try{await T.mutateAsync({id:t,resolverPayload:n})}catch($){if($ instanceof $t&&ja($.body)){De(!0),me($.body.violations),xe(D.ERRORS);return}throw $}ut(t);const c=Gt(M),j=Rs();if(c){st({...c,doneDest:j});return}if(j){As(j);return}Ce()},it=!!l&&l.actorId===s.assigned_to&&!l.subjectScoped,_e=(n,c)=>{if(at&&!(it&&n==="submit")){u(),$e({verb:n,run:c});return}if(!at){c();return}Promise.resolve().then(c).catch(j=>{j instanceof $t&&j.status===401&&$e({verb:n,run:c})})},He=(n,c,j)=>{if(j!=null&&j.badge){u(),x&&We({verb:n,run:c,message:j.badge,keepBadge:j.keepBadge});return}if(ca(g,x,l)){c();return}u(),We({verb:n,run:c,keepBadge:j==null?void 0:j.keepBadge})},ge=async n=>{_e("submit",()=>Ts(n))},Et=async n=>{try{await k.mutateAsync({id:t,durationMinutes:n})}catch{return}if(pe.blocked)return;const c=Ye(I,U(s,_,H,N));if(!c.parseError){if(c.errors.length>0){De(!0),me(c.errors),C(!0),Ne(!0),xe(D.ERRORS);return}await ge(c.payload)}};Oe.current=async()=>{var c;const n=(c=f.state)==null?void 0:c.durationMinutes;gt(!0),await Et(typeof n=="number"&&n>0?n:30),gt(!1)},Le.current=()=>{const n=Ye(I,U(s,_,H,N));n.parseError||n.errors.length>0||ge(n.payload)},jt.current=n=>{if(pe.blocked)return;const c=Ye(n,U(s,_,H,N));if(!c.parseError){if(c.errors.length>0){De(!0),me(c.errors),C(!0),Ne(!0),xe(D.ERRORS);return}ge(c.payload)}};const Rt=n=>{n&&_e("escalate",async()=>{await W.mutateAsync({id:t,targetRole:n}),Ce()})},Is=async()=>{Y||await k.mutateAsync({id:t,durationMinutes:30});const n=(Z==null?void 0:Z.diagnosis)||s.description||"";await T.mutateAsync({id:t,resolverPayload:{_lt:{needsTriage:!0},notes:n}}),Ce()},At=()=>{_e("release",async()=>{await k.mutateAsync({id:t,durationMinutes:0}),Ce()})},Ms=()=>{B(!1),_e("cancel",async()=>{await q.mutateAsync(t),ut(t),Ce()})},Ps=e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(_a,{onRefresh:()=>S(),isFetching:E,apiPath:`/escalations/${s.id}`,standalone:!0}),e.jsx("button",{onClick:()=>C(n=>(Ne(!n),!n)),className:"ml-2 text-accent/60 hover:text-accent transition-colors",title:z?"Hide side panel":"Show side panel",children:z?e.jsx(Ft,{className:"w-5 h-5",strokeWidth:1.5}):e.jsx(Bt,{className:"w-5 h-5",strokeWidth:1.5})})]});return e.jsxs("div",{className:"flex-1 min-h-0 min-w-0 flex items-stretch -mt-8 -mr-page-x -mb-16",children:[e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col min-h-0",children:[nt?e.jsxs("div",{className:"relative flex-1 min-h-0 -ml-page-x",children:[e.jsx("div",{className:"absolute top-3 right-3 z-50 flex items-center gap-0.5 bg-surface/90 backdrop-blur-sm rounded-lg px-1.5 py-1 shadow-sm border border-surface-border/40",children:[{onClick:At,disabled:k.isPending,label:Q.release??"Release",hoverClass:"hover:text-accent",icon:e.jsx(Ya,{className:"w-4 h-4",strokeWidth:1.5})},...Q.cancel===!1?[]:[{onClick:()=>B(!0),disabled:!1,label:Q.cancel??"Cancel",hoverClass:"hover:text-status-error",icon:e.jsx(ns,{className:"w-4 h-4",strokeWidth:1.5})}],{onClick:()=>C(n=>(Ne(!n),!n)),disabled:!1,label:z?"Hide panel":"Show panel",hoverClass:"hover:text-accent",icon:z?e.jsx(Ft,{className:"w-4 h-4",strokeWidth:1.5}):e.jsx(Bt,{className:"w-4 h-4",strokeWidth:1.5})}].map(({onClick:n,disabled:c,label:j,hoverClass:$,icon:be})=>e.jsxs("div",{className:"relative group/tip",children:[e.jsx("button",{onClick:n,disabled:c,className:`text-text-tertiary ${$} transition-colors disabled:opacity-40 disabled:cursor-default p-1.5 rounded-md`,children:be}),e.jsx("span",{className:"pointer-events-none absolute top-full left-1/2 -translate-x-1/2 mt-1.5 px-2 py-0.5 rounded text-2xs bg-surface-sunken text-text-primary whitespace-nowrap opacity-0 group-hover/tip:opacity-100 transition-opacity",children:j})]},j))}),e.jsx(et,{src:Ze(St.src,s),escalation:s,schema:M,stage:se.CLAIMED,onResolve:ge,onEscalate:Rt,submitAttempted:Pe,fill:!0})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"shrink-0 pt-8 pr-page-x",children:e.jsx(Ca,{title:s.description||"Escalation",actions:Ps})}),e.jsxs("div",{className:"flex-1 min-h-0 overflow-y-auto pr-page-x",children:[e.jsx(bn,{isRoundsExhausted:ys,payloadObj:Z,isTerminal:le,resolverPayload:he,onRetryTriage:Is,isRetrying:k.isPending||T.isPending}),V&&Ue&&!vs&&e.jsx("p",{role:"status",className:`text-sm mb-3 ${V.error?"text-status-error":"text-status-success"}`,children:V.error??`Scanned into ${Ht(M,V.field)}`},V.at),e.jsx(ya,{value:Ue&&kt?kt:null,children:e.jsx(sn.Provider,{value:He,children:e.jsx(yn,{esc:s,resolverPayload:he,isTerminal:le,editable:Ue,activeView:Ie,lookup:_,roster:H,file:N,metadataFormSchema:Fe,effectiveSchema:M,json:I,onJsonChange:re,requestTriage:ke,onRequestTriageChange:cs,triageNotes:ht,onTriageNotesChange:ds,onResolve:ge,onEscalate:Rt,onClaim:()=>rt(30),submitAttempted:Pe,isCertified:Ss,hasAI:_t,onOpenHelp:()=>{C(!0),Ne(!0),xe(D.HELP)},onDisabledClick:()=>xs(n=>n+1),disabledHint:Es})})}),e.jsx("div",{className:"h-10"})]})]}),!nt&&e.jsx(fn,{escalationContext:U(s,_,H,N),mode:ze,activeView:Ie,onActiveViewChange:Me,onClaim:Nt?n=>He("claim",()=>Et(n),{keepBadge:!0}):rt,claimError:k.error,claimPending:k.isPending||Nt&&T.isPending,claimNudge:ms,workflowType:s.workflow_type,json:I,onResolve:ge,resolvePending:T.isPending||T.isSuccess,resolveError:T.error,requestTriage:ke,triageNotes:ht,onRelease:At,releasePending:k.isPending,onCancel:()=>B(!0),assignedTo:s.assigned_to,assignedUntil:s.assigned_until,actingName:l&&(Y||it)?l.displayName:null,submitNeedsBadge:at&&!it,onSubmitAttempt:()=>De(!0),onValidationErrors:n=>{me(n),C(!0),Ne(!0),xe(D.ERRORS)},labels:Q,submitBlocked:pe.blocked,submitBlockedMessage:pe.message,canManage:i,onReassign:()=>K(!0),onUnassign:()=>L.mutate({ids:[t]}),unassignPending:L.isPending})]}),e.jsx(xn,{esc:s,schema:M,envelope:Ge,payload:Z,resolver:_s,triage:Cs??null,hasAI:_t,claimed:qe,claimedByMe:Y,isTerminal:le,isBuilder:Te,traceUrl:ne,open:z,noGutter:nt,formErrors:us,activePanel:fs,onPanelChange:xe,canWriteItems:ze==="available"||Y||i||Je,guardItemWrite:_e}),e.jsx(va,{open:ae,onClose:()=>K(!1),selectedCount:1,selectedRoles:s?[s.role]:[],onSubmit:(n,c)=>P.mutate({ids:[t],targetUserId:n,durationMinutes:c,reassign:!0},{onSuccess:()=>K(!1)}),isPending:P.isPending}),e.jsx(wa,{open:F,onClose:()=>B(!1),onConfirm:Ms,isPending:q.isPending,error:q.error,actionLabel:typeof Q.cancel=="string"?Q.cancel:void 0}),e.jsx(an,{escalationId:t}),e.jsx(zt,{open:!!J,verb:(J==null?void 0:J.verb)??"continue",message:J==null?void 0:J.message,anyBadge:!0,onCancel:()=>We(null)}),e.jsx(zt,{open:!!ie,verb:(ie==null?void 0:ie.verb)??"submit",claimantId:s.assigned_to,wrongBadgeName:l&&l.actorId!==s.assigned_to?l.displayName:null,onCancel:()=>$e(null)}),e.jsx(Jn,{open:!!X||ps,message:(X==null?void 0:X.message)??((Dt=Gt(M))==null?void 0:Dt.message)??"Starting…"}),Y&&!le&&s.assigned_until&&e.jsx(jn,{open:hs.expiringSoon&&s.assigned_until!==gs,assignedUntil:s.assigned_until,onClose:()=>bs(s.assigned_until??null),onExtend:rt,isPending:k.isPending})]})}function Ht(t,a){var i;const r=t==null?void 0:t.properties,o=(i=r==null?void 0:r[a])==null?void 0:i.title;return typeof o=="string"&&o?o:a}export{gr as EscalationDetailPage};
+//# sourceMappingURL=index-v4rQ8ctJ.js.map