@hotmeshio/long-tail 0.10.6 → 0.10.7

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

@@ -1,2 +1,2 @@
-import{a as u,j as e}from"./vendor-query-B2UbickB.js";import{u as L,a as M,b as D,c as I}from"./mcp-C4upVuuP.js";import{E as R}from"./EmptyState-BcsfPq9T.js";import{C as z}from"./ConfirmDeleteModal-DD7SEMeX.js";import{P as k}from"./PageHeader-DlcE3U5L.js";import{F,a as _,b as T}from"./FilterBar-OqpCEYW2.js";import{S as $}from"./StickyPagination-4cY0OXWj.js";import{u as q}from"./useFilterParams-CvRyYHJN.js";import{S as A,T as B}from"./ToolTestPanel-x7po38Fn.js";import{R as O,a as b}from"./RowActions-BA9L9djf.js";import{S as H}from"./StatusBadge-BbqghFMi.js";import{T as J}from"./ToolPill-CKHYG6eV.js";import{a as G,aE as U,aF as W,a0 as Q,T as V,g as X}from"./vendor-icons-BE_WrH2z.js";import{a as Y}from"./vendor-react-BpdAFEQc.js";import"./index-BmsZnbW1.js";import"./Modal-CA2Iv02H.js";import"./RunAsSelector-CWBQWKM0.js";import"./BotPicker-D-WegFKH.js";import"./bots-C0vU7IG9.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(H,{status:s.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(O,{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(J,{name:c.name,size:"md"}),c.description&&e.jsx("p",{className:"text-2xs leading-snug text-text-quaternary mt-0.5",children:c.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:h=>{h.stopPropagation(),m(c)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(X,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},c.name))]})}function Se(){const s=Y(),{filters:t,setFilter:a,pagination:i}=q({filters:{status:"",search:"",tag:""}}),{data:n,isLoading:m}=L({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),o=M(),p=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 E=()=>{l&&x.mutate(l.id,{onSuccess:()=>f(null)})};return m?e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((r,d)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},d))})]}):e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>s("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs(F,{children:[e.jsx(_,{label:"Search",value:t.search,onChange:r=>a("search",r),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:r=>a("tag",r),options:P}),e.jsx(T,{label:"Status",value:t.status,onChange:r=>a("status",r),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${h?"flex-1 min-w-0":"w-full"} transition-all`,children:[v.length===0?e.jsx(R,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:v.map(r=>e.jsx(se,{server:r,expanded:g.has(r.id),onToggle:()=>c(r.id),onEdit:()=>s(`/mcp/servers/${r.id}`),onDelete:()=>f(r),onTryTool:d=>w({serverId:r.id,serverName:r.name,tool:d}),connect:o,disconnect:p,visibleTools:te(r.tool_manifest??[],t.search)},r.id))})]}),e.jsx($,{page:i.page,totalPages:i.totalPages(y),onPageChange:i.setPage,total:y,pageSize:i.pageSize,onPageSizeChange:i.setPageSize})]}),h&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(B,{serverId:h.serverId,serverName:h.serverName,tool:h.tool,onClose:()=>w(null)})})]}),e.jsx(z,{open:!!l,onClose:()=>f(null),onConfirm:E,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:l==null?void 0:l.name}),"? This will remove the server registration."]}),isPending:x.isPending,error:x.error})]})}export{Se as McpServersPage};
-//# sourceMappingURL=index-Dh6F3Wbx.js.map
+import{a as u,j as e}from"./vendor-query-B2UbickB.js";import{u as L,a as M,b as D,c as I}from"./mcp-BwjeqkHn.js";import{E as R}from"./EmptyState-BcsfPq9T.js";import{C as z}from"./ConfirmDeleteModal-DD7SEMeX.js";import{P as k}from"./PageHeader-DlcE3U5L.js";import{F,a as _,b as T}from"./FilterBar-B0taDH7I.js";import{S as $}from"./StickyPagination-qLaLa33X.js";import{u as q}from"./useFilterParams-CvRyYHJN.js";import{S as A,T as B}from"./ToolTestPanel-Dli94RPI.js";import{R as O,a as b}from"./RowActions-BA9L9djf.js";import{S as H}from"./StatusBadge-BbqghFMi.js";import{T as J}from"./ToolPill-CKHYG6eV.js";import{a as G,aE as U,aF as W,a0 as Q,T as V,g as X}from"./vendor-icons-BE_WrH2z.js";import{a as Y}from"./vendor-react-BpdAFEQc.js";import"./index-C6UuVkz7.js";import"./Modal-CA2Iv02H.js";import"./RunAsSelector-DQp_keSD.js";import"./BotPicker-Bj4MB_so.js";import"./bots-DZ1MQUms.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(H,{status:s.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(O,{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(J,{name:c.name,size:"md"}),c.description&&e.jsx("p",{className:"text-2xs leading-snug text-text-quaternary mt-0.5",children:c.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:h=>{h.stopPropagation(),m(c)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(X,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},c.name))]})}function Se(){const s=Y(),{filters:t,setFilter:a,pagination:i}=q({filters:{status:"",search:"",tag:""}}),{data:n,isLoading:m}=L({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),o=M(),p=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 E=()=>{l&&x.mutate(l.id,{onSuccess:()=>f(null)})};return m?e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((r,d)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},d))})]}):e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>s("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs(F,{children:[e.jsx(_,{label:"Search",value:t.search,onChange:r=>a("search",r),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:r=>a("tag",r),options:P}),e.jsx(T,{label:"Status",value:t.status,onChange:r=>a("status",r),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${h?"flex-1 min-w-0":"w-full"} transition-all`,children:[v.length===0?e.jsx(R,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:v.map(r=>e.jsx(se,{server:r,expanded:g.has(r.id),onToggle:()=>c(r.id),onEdit:()=>s(`/mcp/servers/${r.id}`),onDelete:()=>f(r),onTryTool:d=>w({serverId:r.id,serverName:r.name,tool:d}),connect:o,disconnect:p,visibleTools:te(r.tool_manifest??[],t.search)},r.id))})]}),e.jsx($,{page:i.page,totalPages:i.totalPages(y),onPageChange:i.setPage,total:y,pageSize:i.pageSize,onPageSizeChange:i.setPageSize})]}),h&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(B,{serverId:h.serverId,serverName:h.serverName,tool:h.tool,onClose:()=>w(null)})})]}),e.jsx(z,{open:!!l,onClose:()=>f(null),onConfirm:E,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:l==null?void 0:l.name}),"? This will remove the server registration."]}),isPending:x.isPending,error:x.error})]})}export{Se as McpServersPage};
+//# sourceMappingURL=index-CMv6YMJY.js.map

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

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

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