@hotmeshio/long-tail 0.4.9 → 0.4.11

package/dashboard/dist/assets/{CapabilitiesPage-C30RqH3d.js → CapabilitiesPage-y7fFEpue.js}

@@ -1,2 +1,2 @@
-import{a as p,j as e}from"./vendor-query-B2UbickB.js";import{u as N}from"./capabilities-CQ5WgulO.js";import{T as y}from"./ToolTestPanel-Dz-76HVQ.js";import{T as g}from"./ToolPill-CcKNnnrK.js";import{S as b}from"./ServerName-BXSm_14r.js";import{P as w}from"./PageHeader-B4w-LDUF.js";import{aI as v,B as k,f as C,aJ as S,aK as T,D as I,at as q,ae as A,w as L,aL as P,P as $}from"./vendor-icons-5gSix3t2.js";import"./index-B_e2uIz9.js";import"./vendor-react-CX88sFS5.js";import"./mcp-CvdtxZQK.js";import"./RunAsSelector-BpeN2J3V.js";import"./BotPicker-6Xk1Fq1l.js";import"./bots-CvrmNkL3.js";const u={Communication:{icon:L,color:"text-blue-400"},Analysis:{icon:A,color:"text-violet-400"},Media:{icon:q,color:"text-pink-400"},Data:{icon:I,color:"text-emerald-400"},Automation:{icon:T,color:"text-amber-400"},Development:{icon:S,color:"text-cyan-400"},System:{icon:C,color:"text-red-400"},Reference:{icon:k,color:"text-text-tertiary"},Other:{icon:v,color:"text-text-tertiary"}};function _(){const{data:r,isLoading:l}=N(),[i,m]=p.useState(""),[a,x]=p.useState(null),[c,h]=p.useState(null),d=(r==null?void 0:r.categories)??[],j=(r==null?void 0:r.totalTools)??0,f=p.useMemo(()=>{let s=d;if(a&&(s=s.filter(n=>n.name===a)),!i.trim())return s;const o=i.toLowerCase();return s.map(n=>({...n,tools:n.tools.filter(t=>t.name.toLowerCase().includes(o)||t.description.toLowerCase().includes(o)||t.serverName.toLowerCase().includes(o))})).filter(n=>n.tools.length>0)},[d,i,a]);return e.jsxs("div",{children:[e.jsx(w,{title:"Capabilities"}),!l&&d.length>0&&e.jsxs("div",{className:"flex items-center gap-5 mb-10",children:[e.jsxs("button",{onClick:()=>x(null),className:`flex flex-col items-center gap-1 transition-colors ${a===null?"text-accent":"text-text-quaternary hover:text-text-secondary"}`,children:[e.jsx(v,{className:"w-5 h-5",strokeWidth:1.5}),e.jsx("span",{className:"text-[9px] font-medium",children:"All"})]}),d.map(s=>{const o=u[s.name]??u.Other,n=o.icon,t=a===s.name;return e.jsxs("button",{onClick:()=>x(t?null:s.name),className:`flex flex-col items-center gap-1 transition-colors ${t?o.color:"text-text-quaternary hover:text-text-secondary"}`,children:[e.jsx(n,{className:"w-5 h-5",strokeWidth:1.5}),e.jsx("span",{className:"text-[9px] font-medium",children:s.name})]},s.name)}),e.jsx("span",{className:"flex-1"}),e.jsxs("div",{className:"relative",children:[e.jsx(P,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-text-quaternary"}),e.jsx("input",{type:"text",value:i,onChange:s=>m(s.target.value),placeholder:`Search ${j} capabilities...`,className:"pl-9 pr-3 py-1.5 text-sm bg-surface-sunken border border-surface-border rounded-md text-text-primary placeholder:text-text-quaternary focus:outline-none focus:ring-1 focus:ring-accent/50 w-56"})]})]}),e.jsxs("div",{className:"flex gap-0",children:[e.jsx("div",{className:`${c?"flex-1 min-w-0":"w-full"} transition-all`,children:l?e.jsx("div",{className:"animate-pulse space-y-6",children:[1,2,3].map(s=>e.jsxs("div",{children:[e.jsx("div",{className:"h-5 bg-surface-sunken rounded w-32 mb-4"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"})]})]},s))}):f.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:i||a?"No capabilities match your filter.":"No capabilities registered yet."}):e.jsx("div",{className:"space-y-10",children:f.map(s=>{const o=u[s.name]??u.Other,n=o.icon;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4 pb-2 border-b border-surface-border",children:[e.jsx(n,{className:`w-4.5 h-4.5 ${o.color}`,strokeWidth:1.5}),e.jsx("h2",{className:"text-sm font-semibold uppercase tracking-widest text-accent/80",children:s.name}),e.jsx("span",{className:"text-xs text-text-quaternary",children:s.tools.length})]}),e.jsx("div",{className:"space-y-0.5",children:s.tools.map(t=>e.jsx(E,{tool:t,onTry:()=>h({serverId:t.serverId,serverName:t.serverName,tool:{name:t.name,description:t.description,inputSchema:t.inputSchema}})},`${t.serverId}-${t.name}`))})]},s.name)})})}),c&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(y,{serverId:c.serverId,serverName:c.serverName,tool:c.tool,onClose:()=>h(null)})})]})]})}function E({tool:r,onTry:l}){var m;const i=Object.keys(((m=r.inputSchema)==null?void 0:m.properties)??{});return e.jsxs("div",{role:"button",tabIndex:0,onClick:l,onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&l()},className:"group w-full py-2 px-2 rounded-md hover:bg-surface-hover transition-colors text-left flex gap-4 items-start cursor-pointer",children:[e.jsx("div",{className:"w-56 shrink-0",children:e.jsx(g,{name:r.name,size:"md"})}),e.jsx("div",{className:"w-44 shrink-0 pt-0.5",children:i.length>0&&e.jsx("p",{className:"text-[9px] font-mono text-text-quaternary/70 leading-relaxed",children:i.map((a,x)=>x<i.length-1?e.jsxs("span",{children:[e.jsxs("span",{className:"whitespace-nowrap",children:[a," ·"]})," "]},a):e.jsx("span",{children:a},a))})}),e.jsx("p",{className:"text-[11px] text-text-tertiary leading-relaxed flex-1 pt-0.5",children:r.description}),e.jsxs("div",{className:"shrink-0 flex items-center gap-1.5 pt-0.5",children:[e.jsx(b,{name:r.serverName,serverId:r.serverId}),e.jsx($,{className:"w-2.5 h-2.5 text-accent opacity-0 group-hover:opacity-100 transition-opacity"})]})]})}export{_ as CapabilitiesPage};
-//# sourceMappingURL=CapabilitiesPage-C30RqH3d.js.map
+import{a as p,j as e}from"./vendor-query-B2UbickB.js";import{u as N}from"./capabilities-x0lc5Qr5.js";import{T as y}from"./ToolTestPanel-CoB5Ybz3.js";import{T as g}from"./ToolPill-CcKNnnrK.js";import{S as b}from"./ServerName-A6Wlv3vZ.js";import{P as w}from"./PageHeader-B4w-LDUF.js";import{aI as v,B as k,f as C,aJ as S,aK as T,D as I,at as q,ae as A,w as L,aL as P,P as $}from"./vendor-icons-5gSix3t2.js";import"./index-CGy9PrdX.js";import"./vendor-react-CXumBFUA.js";import"./mcp-CCWQrZNk.js";import"./RunAsSelector-DRMoYomI.js";import"./BotPicker-BW3DEEsk.js";import"./bots-DNEC8CB_.js";const u={Communication:{icon:L,color:"text-blue-400"},Analysis:{icon:A,color:"text-violet-400"},Media:{icon:q,color:"text-pink-400"},Data:{icon:I,color:"text-emerald-400"},Automation:{icon:T,color:"text-amber-400"},Development:{icon:S,color:"text-cyan-400"},System:{icon:C,color:"text-red-400"},Reference:{icon:k,color:"text-text-tertiary"},Other:{icon:v,color:"text-text-tertiary"}};function _(){const{data:r,isLoading:l}=N(),[i,m]=p.useState(""),[a,x]=p.useState(null),[c,h]=p.useState(null),d=(r==null?void 0:r.categories)??[],j=(r==null?void 0:r.totalTools)??0,f=p.useMemo(()=>{let s=d;if(a&&(s=s.filter(n=>n.name===a)),!i.trim())return s;const o=i.toLowerCase();return s.map(n=>({...n,tools:n.tools.filter(t=>t.name.toLowerCase().includes(o)||t.description.toLowerCase().includes(o)||t.serverName.toLowerCase().includes(o))})).filter(n=>n.tools.length>0)},[d,i,a]);return e.jsxs("div",{children:[e.jsx(w,{title:"Capabilities"}),!l&&d.length>0&&e.jsxs("div",{className:"flex items-center gap-5 mb-10",children:[e.jsxs("button",{onClick:()=>x(null),className:`flex flex-col items-center gap-1 transition-colors ${a===null?"text-accent":"text-text-quaternary hover:text-text-secondary"}`,children:[e.jsx(v,{className:"w-5 h-5",strokeWidth:1.5}),e.jsx("span",{className:"text-[9px] font-medium",children:"All"})]}),d.map(s=>{const o=u[s.name]??u.Other,n=o.icon,t=a===s.name;return e.jsxs("button",{onClick:()=>x(t?null:s.name),className:`flex flex-col items-center gap-1 transition-colors ${t?o.color:"text-text-quaternary hover:text-text-secondary"}`,children:[e.jsx(n,{className:"w-5 h-5",strokeWidth:1.5}),e.jsx("span",{className:"text-[9px] font-medium",children:s.name})]},s.name)}),e.jsx("span",{className:"flex-1"}),e.jsxs("div",{className:"relative",children:[e.jsx(P,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-text-quaternary"}),e.jsx("input",{type:"text",value:i,onChange:s=>m(s.target.value),placeholder:`Search ${j} capabilities...`,className:"pl-9 pr-3 py-1.5 text-sm bg-surface-sunken border border-surface-border rounded-md text-text-primary placeholder:text-text-quaternary focus:outline-none focus:ring-1 focus:ring-accent/50 w-56"})]})]}),e.jsxs("div",{className:"flex gap-0",children:[e.jsx("div",{className:`${c?"flex-1 min-w-0":"w-full"} transition-all`,children:l?e.jsx("div",{className:"animate-pulse space-y-6",children:[1,2,3].map(s=>e.jsxs("div",{children:[e.jsx("div",{className:"h-5 bg-surface-sunken rounded w-32 mb-4"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"})]})]},s))}):f.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:i||a?"No capabilities match your filter.":"No capabilities registered yet."}):e.jsx("div",{className:"space-y-10",children:f.map(s=>{const o=u[s.name]??u.Other,n=o.icon;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4 pb-2 border-b border-surface-border",children:[e.jsx(n,{className:`w-4.5 h-4.5 ${o.color}`,strokeWidth:1.5}),e.jsx("h2",{className:"text-sm font-semibold uppercase tracking-widest text-accent/80",children:s.name}),e.jsx("span",{className:"text-xs text-text-quaternary",children:s.tools.length})]}),e.jsx("div",{className:"space-y-0.5",children:s.tools.map(t=>e.jsx(E,{tool:t,onTry:()=>h({serverId:t.serverId,serverName:t.serverName,tool:{name:t.name,description:t.description,inputSchema:t.inputSchema}})},`${t.serverId}-${t.name}`))})]},s.name)})})}),c&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(y,{serverId:c.serverId,serverName:c.serverName,tool:c.tool,onClose:()=>h(null)})})]})]})}function E({tool:r,onTry:l}){var m;const i=Object.keys(((m=r.inputSchema)==null?void 0:m.properties)??{});return e.jsxs("div",{role:"button",tabIndex:0,onClick:l,onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&l()},className:"group w-full py-2 px-2 rounded-md hover:bg-surface-hover transition-colors text-left flex gap-4 items-start cursor-pointer",children:[e.jsx("div",{className:"w-56 shrink-0",children:e.jsx(g,{name:r.name,size:"md"})}),e.jsx("div",{className:"w-44 shrink-0 pt-0.5",children:i.length>0&&e.jsx("p",{className:"text-[9px] font-mono text-text-quaternary/70 leading-relaxed",children:i.map((a,x)=>x<i.length-1?e.jsxs("span",{children:[e.jsxs("span",{className:"whitespace-nowrap",children:[a," ·"]})," "]},a):e.jsx("span",{children:a},a))})}),e.jsx("p",{className:"text-[11px] text-text-tertiary leading-relaxed flex-1 pt-0.5",children:r.description}),e.jsxs("div",{className:"shrink-0 flex items-center gap-1.5 pt-0.5",children:[e.jsx(b,{name:r.serverName,serverId:r.serverId}),e.jsx($,{className:"w-2.5 h-2.5 text-accent opacity-0 group-hover:opacity-100 transition-opacity"})]})]})}export{_ as CapabilitiesPage};
+//# sourceMappingURL=CapabilitiesPage-y7fFEpue.js.map

package/dashboard/dist/assets/{CapabilitiesPage-C30RqH3d.js.map → CapabilitiesPage-y7fFEpue.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CapabilitiesPage-C30RqH3d.js","sources":["../../src/pages/capabilities/CapabilitiesPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Search, Play,\n  MessageSquare, Eye, Database, Cog, Code2, Shield, BookOpen,\n  LayoutGrid, Image,\n} from 'lucide-react';\nimport { useCapabilities, type CapabilityTool } from '../../api/capabilities';\nimport { ToolTestPanel } from '../../components/common/test/ToolTestPanel';\nimport { ToolPill } from '../../components/common/display/ToolPill';\nimport { ServerName } from '../../components/common/display/ServerName';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport type { LucideIcon } from 'lucide-react';\n\n// ── Category icons + colors ─────────────────────────────────────────────────\n\nconst CATEGORY_META: Record<string, { icon: LucideIcon; color: string }> = {\n  Communication: { icon: MessageSquare, color: 'text-blue-400' },\n  Analysis:      { icon: Eye,            color: 'text-violet-400' },\n  Media:         { icon: Image,          color: 'text-pink-400' },\n  Data:          { icon: Database,       color: 'text-emerald-400' },\n  Automation:    { icon: Cog,            color: 'text-amber-400' },\n  Development:   { icon: Code2,          color: 'text-cyan-400' },\n  System:        { icon: Shield,         color: 'text-red-400' },\n  Reference:     { icon: BookOpen,       color: 'text-text-tertiary' },\n  Other:         { icon: LayoutGrid,     color: 'text-text-tertiary' },\n};\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function CapabilitiesPage() {\n  const { data, isLoading } = useCapabilities();\n  const [search, setSearch] = useState('');\n  const [activeCategory, setActiveCategory] = useState<string | null>(null);\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: { name: string; description: string; inputSchema: Record<string, any> };\n  } | null>(null);\n\n  const categories = data?.categories ?? [];\n  const totalTools = data?.totalTools ?? 0;\n\n  // Filter by active category + search term\n  const filtered = useMemo(() => {\n    let cats = categories;\n    if (activeCategory) {\n      cats = cats.filter((c) => c.name === activeCategory);\n    }\n    if (!search.trim()) return cats;\n    const q = search.toLowerCase();\n    return cats\n      .map((cat) => ({\n        ...cat,\n        tools: cat.tools.filter(\n          (t) =>\n            t.name.toLowerCase().includes(q) ||\n            t.description.toLowerCase().includes(q) ||\n            t.serverName.toLowerCase().includes(q),\n        ),\n      }))\n      .filter((cat) => cat.tools.length > 0);\n  }, [categories, search, activeCategory]);\n\n  return (\n    <div>\n      <PageHeader title=\"Capabilities\" />\n\n      {/* Filter row: category icons + search */}\n      {!isLoading && categories.length > 0 && (\n        <div className=\"flex items-center gap-5 mb-10\">\n          <button\n            onClick={() => setActiveCategory(null)}\n            className={`flex flex-col items-center gap-1 transition-colors ${\n              activeCategory === null ? 'text-accent' : 'text-text-quaternary hover:text-text-secondary'\n            }`}\n          >\n            <LayoutGrid className=\"w-5 h-5\" strokeWidth={1.5} />\n            <span className=\"text-[9px] font-medium\">All</span>\n          </button>\n          {categories.map((cat) => {\n            const meta = CATEGORY_META[cat.name] ?? CATEGORY_META.Other;\n            const Icon = meta.icon;\n            const isActive = activeCategory === cat.name;\n            return (\n              <button\n                key={cat.name}\n                onClick={() => setActiveCategory(isActive ? null : cat.name)}\n                className={`flex flex-col items-center gap-1 transition-colors ${\n                  isActive ? meta.color : 'text-text-quaternary hover:text-text-secondary'\n                }`}\n              >\n                <Icon className=\"w-5 h-5\" strokeWidth={1.5} />\n                <span className=\"text-[9px] font-medium\">{cat.name}</span>\n              </button>\n            );\n          })}\n          <span className=\"flex-1\" />\n          <div className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-text-quaternary\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={`Search ${totalTools} capabilities...`}\n              className=\"pl-9 pr-3 py-1.5 text-sm bg-surface-sunken border border-surface-border rounded-md text-text-primary placeholder:text-text-quaternary focus:outline-none focus:ring-1 focus:ring-accent/50 w-56\"\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex gap-0\">\n        {/* Main content */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-6\">\n              {[1, 2, 3].map((i) => (\n                <div key={i}>\n                  <div className=\"h-5 bg-surface-sunken rounded w-32 mb-4\" />\n                  <div className=\"space-y-2\">\n                    <div className=\"h-4 bg-surface-sunken rounded w-full\" />\n                    <div className=\"h-4 bg-surface-sunken rounded w-3/4\" />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : filtered.length === 0 ? (\n            <p className=\"text-sm text-text-tertiary mt-8\">\n              {search || activeCategory ? 'No capabilities match your filter.' : 'No capabilities registered yet.'}\n            </p>\n          ) : (\n            <div className=\"space-y-10\">\n              {filtered.map((category) => {\n                const meta = CATEGORY_META[category.name] ?? CATEGORY_META.Other;\n                const Icon = meta.icon;\n                return (\n                  <div key={category.name}>\n                    <div className=\"flex items-center gap-2 mb-4 pb-2 border-b border-surface-border\">\n                      <Icon className={`w-4.5 h-4.5 ${meta.color}`} strokeWidth={1.5} />\n                      <h2 className=\"text-sm font-semibold uppercase tracking-widest text-accent/80\">{category.name}</h2>\n                      <span className=\"text-xs text-text-quaternary\">{category.tools.length}</span>\n                    </div>\n                    <div className=\"space-y-0.5\">\n                      {category.tools.map((tool) => (\n                        <ToolRow\n                          key={`${tool.serverId}-${tool.name}`}\n                          tool={tool}\n\n                          onTry={() =>\n                            setTryTool({\n                              serverId: tool.serverId,\n                              serverName: tool.serverName,\n                              tool: { name: tool.name, description: tool.description, inputSchema: tool.inputSchema },\n                            })\n                          }\n                        />\n                      ))}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n\n        {/* Try tool panel — sticky right sidebar */}\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    </div>\n  );\n}\n\n// ── Tool Row ────────────────────────────────────────────────────────────────\n\nfunction ToolRow({\n  tool,\n  onTry,\n}: {\n  tool: CapabilityTool;\n  onTry: () => void;\n}) {\n  const params = Object.keys(tool.inputSchema?.properties ?? {});\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onTry}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onTry(); }}\n      className=\"group w-full py-2 px-2 rounded-md hover:bg-surface-hover transition-colors text-left flex gap-4 items-start cursor-pointer\"\n    >\n      {/* Col 1: tool name — wider */}\n      <div className=\"w-56 shrink-0\">\n        <ToolPill name={tool.name} size=\"md\" />\n      </div>\n      {/* Col 2: params — inline with middot delimiter */}\n      <div className=\"w-44 shrink-0 pt-0.5\">\n        {params.length > 0 && (\n          <p className=\"text-[9px] font-mono text-text-quaternary/70 leading-relaxed\">\n            {params.map((p, i) => i < params.length - 1\n              ? <span key={p}><span className=\"whitespace-nowrap\">{p} ·</span> </span>\n              : <span key={p}>{p}</span>\n            )}\n          </p>\n        )}\n      </div>\n      {/* Col 3: description — takes remaining */}\n      <p className=\"text-[11px] text-text-tertiary leading-relaxed flex-1 pt-0.5\">{tool.description}</p>\n      {/* Col 4: server */}\n      <div className=\"shrink-0 flex items-center gap-1.5 pt-0.5\">\n        <ServerName name={tool.serverName} serverId={tool.serverId} />\n        <Play className=\"w-2.5 h-2.5 text-accent opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_META","MessageSquare","Eye","Image","Database","Cog","Code2","Shield","BookOpen","LayoutGrid","CapabilitiesPage","data","isLoading","useCapabilities","search","setSearch","useState","activeCategory","setActiveCategory","tryTool","setTryTool","categories","totalTools","filtered","useMemo","cats","c","q","cat","jsx","PageHeader","jsxs","meta","Icon","isActive","Search","e","i","category","tool","ToolRow","ToolTestPanel","onTry","params","_a","ToolPill","p","ServerName","Play"],"mappings":"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"}
+{"version":3,"file":"CapabilitiesPage-y7fFEpue.js","sources":["../../src/pages/capabilities/CapabilitiesPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Search, Play,\n  MessageSquare, Eye, Database, Cog, Code2, Shield, BookOpen,\n  LayoutGrid, Image,\n} from 'lucide-react';\nimport { useCapabilities, type CapabilityTool } from '../../api/capabilities';\nimport { ToolTestPanel } from '../../components/common/test/ToolTestPanel';\nimport { ToolPill } from '../../components/common/display/ToolPill';\nimport { ServerName } from '../../components/common/display/ServerName';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport type { LucideIcon } from 'lucide-react';\n\n// ── Category icons + colors ─────────────────────────────────────────────────\n\nconst CATEGORY_META: Record<string, { icon: LucideIcon; color: string }> = {\n  Communication: { icon: MessageSquare, color: 'text-blue-400' },\n  Analysis:      { icon: Eye,            color: 'text-violet-400' },\n  Media:         { icon: Image,          color: 'text-pink-400' },\n  Data:          { icon: Database,       color: 'text-emerald-400' },\n  Automation:    { icon: Cog,            color: 'text-amber-400' },\n  Development:   { icon: Code2,          color: 'text-cyan-400' },\n  System:        { icon: Shield,         color: 'text-red-400' },\n  Reference:     { icon: BookOpen,       color: 'text-text-tertiary' },\n  Other:         { icon: LayoutGrid,     color: 'text-text-tertiary' },\n};\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function CapabilitiesPage() {\n  const { data, isLoading } = useCapabilities();\n  const [search, setSearch] = useState('');\n  const [activeCategory, setActiveCategory] = useState<string | null>(null);\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: { name: string; description: string; inputSchema: Record<string, any> };\n  } | null>(null);\n\n  const categories = data?.categories ?? [];\n  const totalTools = data?.totalTools ?? 0;\n\n  // Filter by active category + search term\n  const filtered = useMemo(() => {\n    let cats = categories;\n    if (activeCategory) {\n      cats = cats.filter((c) => c.name === activeCategory);\n    }\n    if (!search.trim()) return cats;\n    const q = search.toLowerCase();\n    return cats\n      .map((cat) => ({\n        ...cat,\n        tools: cat.tools.filter(\n          (t) =>\n            t.name.toLowerCase().includes(q) ||\n            t.description.toLowerCase().includes(q) ||\n            t.serverName.toLowerCase().includes(q),\n        ),\n      }))\n      .filter((cat) => cat.tools.length > 0);\n  }, [categories, search, activeCategory]);\n\n  return (\n    <div>\n      <PageHeader title=\"Capabilities\" />\n\n      {/* Filter row: category icons + search */}\n      {!isLoading && categories.length > 0 && (\n        <div className=\"flex items-center gap-5 mb-10\">\n          <button\n            onClick={() => setActiveCategory(null)}\n            className={`flex flex-col items-center gap-1 transition-colors ${\n              activeCategory === null ? 'text-accent' : 'text-text-quaternary hover:text-text-secondary'\n            }`}\n          >\n            <LayoutGrid className=\"w-5 h-5\" strokeWidth={1.5} />\n            <span className=\"text-[9px] font-medium\">All</span>\n          </button>\n          {categories.map((cat) => {\n            const meta = CATEGORY_META[cat.name] ?? CATEGORY_META.Other;\n            const Icon = meta.icon;\n            const isActive = activeCategory === cat.name;\n            return (\n              <button\n                key={cat.name}\n                onClick={() => setActiveCategory(isActive ? null : cat.name)}\n                className={`flex flex-col items-center gap-1 transition-colors ${\n                  isActive ? meta.color : 'text-text-quaternary hover:text-text-secondary'\n                }`}\n              >\n                <Icon className=\"w-5 h-5\" strokeWidth={1.5} />\n                <span className=\"text-[9px] font-medium\">{cat.name}</span>\n              </button>\n            );\n          })}\n          <span className=\"flex-1\" />\n          <div className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-text-quaternary\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={`Search ${totalTools} capabilities...`}\n              className=\"pl-9 pr-3 py-1.5 text-sm bg-surface-sunken border border-surface-border rounded-md text-text-primary placeholder:text-text-quaternary focus:outline-none focus:ring-1 focus:ring-accent/50 w-56\"\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex gap-0\">\n        {/* Main content */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-6\">\n              {[1, 2, 3].map((i) => (\n                <div key={i}>\n                  <div className=\"h-5 bg-surface-sunken rounded w-32 mb-4\" />\n                  <div className=\"space-y-2\">\n                    <div className=\"h-4 bg-surface-sunken rounded w-full\" />\n                    <div className=\"h-4 bg-surface-sunken rounded w-3/4\" />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : filtered.length === 0 ? (\n            <p className=\"text-sm text-text-tertiary mt-8\">\n              {search || activeCategory ? 'No capabilities match your filter.' : 'No capabilities registered yet.'}\n            </p>\n          ) : (\n            <div className=\"space-y-10\">\n              {filtered.map((category) => {\n                const meta = CATEGORY_META[category.name] ?? CATEGORY_META.Other;\n                const Icon = meta.icon;\n                return (\n                  <div key={category.name}>\n                    <div className=\"flex items-center gap-2 mb-4 pb-2 border-b border-surface-border\">\n                      <Icon className={`w-4.5 h-4.5 ${meta.color}`} strokeWidth={1.5} />\n                      <h2 className=\"text-sm font-semibold uppercase tracking-widest text-accent/80\">{category.name}</h2>\n                      <span className=\"text-xs text-text-quaternary\">{category.tools.length}</span>\n                    </div>\n                    <div className=\"space-y-0.5\">\n                      {category.tools.map((tool) => (\n                        <ToolRow\n                          key={`${tool.serverId}-${tool.name}`}\n                          tool={tool}\n\n                          onTry={() =>\n                            setTryTool({\n                              serverId: tool.serverId,\n                              serverName: tool.serverName,\n                              tool: { name: tool.name, description: tool.description, inputSchema: tool.inputSchema },\n                            })\n                          }\n                        />\n                      ))}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n\n        {/* Try tool panel — sticky right sidebar */}\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    </div>\n  );\n}\n\n// ── Tool Row ────────────────────────────────────────────────────────────────\n\nfunction ToolRow({\n  tool,\n  onTry,\n}: {\n  tool: CapabilityTool;\n  onTry: () => void;\n}) {\n  const params = Object.keys(tool.inputSchema?.properties ?? {});\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onTry}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onTry(); }}\n      className=\"group w-full py-2 px-2 rounded-md hover:bg-surface-hover transition-colors text-left flex gap-4 items-start cursor-pointer\"\n    >\n      {/* Col 1: tool name — wider */}\n      <div className=\"w-56 shrink-0\">\n        <ToolPill name={tool.name} size=\"md\" />\n      </div>\n      {/* Col 2: params — inline with middot delimiter */}\n      <div className=\"w-44 shrink-0 pt-0.5\">\n        {params.length > 0 && (\n          <p className=\"text-[9px] font-mono text-text-quaternary/70 leading-relaxed\">\n            {params.map((p, i) => i < params.length - 1\n              ? <span key={p}><span className=\"whitespace-nowrap\">{p} ·</span> </span>\n              : <span key={p}>{p}</span>\n            )}\n          </p>\n        )}\n      </div>\n      {/* Col 3: description — takes remaining */}\n      <p className=\"text-[11px] text-text-tertiary leading-relaxed flex-1 pt-0.5\">{tool.description}</p>\n      {/* Col 4: server */}\n      <div className=\"shrink-0 flex items-center gap-1.5 pt-0.5\">\n        <ServerName name={tool.serverName} serverId={tool.serverId} />\n        <Play className=\"w-2.5 h-2.5 text-accent opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_META","MessageSquare","Eye","Image","Database","Cog","Code2","Shield","BookOpen","LayoutGrid","CapabilitiesPage","data","isLoading","useCapabilities","search","setSearch","useState","activeCategory","setActiveCategory","tryTool","setTryTool","categories","totalTools","filtered","useMemo","cats","c","q","cat","jsx","PageHeader","jsxs","meta","Icon","isActive","Search","e","i","category","tool","ToolRow","ToolTestPanel","onTry","params","_a","ToolPill","p","ServerName","Play"],"mappings":"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"}

package/dashboard/dist/assets/{CollapsibleSection-DR3D4kMt.js → CollapsibleSection-BqCrlb0a.js}

@@ -1,2 +1,2 @@
-import{j as t}from"./vendor-query-B2UbickB.js";import{C as a}from"./index-B_e2uIz9.js";function c({title:r,sectionKey:s,isCollapsed:e,onToggle:o,contentClassName:n,children:i}){return t.jsxs("div",{children:[t.jsxs("button",{onClick:()=>o(s),className:"flex items-center gap-3 w-full group/section",children:[t.jsx("svg",{className:`w-4 h-4 shrink-0 text-text-tertiary/40 group-hover/section:text-text-tertiary transition-all duration-200 ${e?"":"rotate-90"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})}),t.jsx("span",{className:`text-xs font-semibold uppercase tracking-widest transition-colors duration-200 ${e?"text-text-tertiary":"text-text-secondary"}`,children:r}),t.jsx("span",{className:"flex-1 border-b border-surface-border"})]}),t.jsx(a,{open:!e,children:t.jsx("div",{className:n??"mt-4 ml-7",children:i})})]})}export{c as C};
-//# sourceMappingURL=CollapsibleSection-DR3D4kMt.js.map
+import{j as t}from"./vendor-query-B2UbickB.js";import{C as a}from"./index-CGy9PrdX.js";function c({title:r,sectionKey:s,isCollapsed:e,onToggle:o,contentClassName:n,children:i}){return t.jsxs("div",{children:[t.jsxs("button",{onClick:()=>o(s),className:"flex items-center gap-3 w-full group/section",children:[t.jsx("svg",{className:`w-4 h-4 shrink-0 text-text-tertiary/40 group-hover/section:text-text-tertiary transition-all duration-200 ${e?"":"rotate-90"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})}),t.jsx("span",{className:`text-xs font-semibold uppercase tracking-widest transition-colors duration-200 ${e?"text-text-tertiary":"text-text-secondary"}`,children:r}),t.jsx("span",{className:"flex-1 border-b border-surface-border"})]}),t.jsx(a,{open:!e,children:t.jsx("div",{className:n??"mt-4 ml-7",children:i})})]})}export{c as C};
+//# sourceMappingURL=CollapsibleSection-BqCrlb0a.js.map

package/dashboard/dist/assets/{CollapsibleSection-DR3D4kMt.js.map → CollapsibleSection-BqCrlb0a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleSection-DR3D4kMt.js","sources":["../../src/components/common/layout/CollapsibleSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Collapsible } from './Collapsible';\n\n/**\n * Shared collapsible section with chevron toggle and horizontal rule.\n * Used by WorkflowExecutionPage, McpRunDetailPage, and YamlWorkflowDetailPage.\n */\nexport function CollapsibleSection({\n  title,\n  sectionKey,\n  isCollapsed,\n  onToggle,\n  contentClassName,\n  children,\n}: {\n  title: string;\n  sectionKey: string;\n  isCollapsed: boolean;\n  onToggle: (key: string) => void;\n  /** Optional class override for the content wrapper (default: \"mt-4 ml-7\") */\n  contentClassName?: string;\n  children: ReactNode;\n}) {\n  return (\n    <div>\n      <button\n        onClick={() => onToggle(sectionKey)}\n        className=\"flex items-center gap-3 w-full group/section\"\n      >\n        <svg\n          className={`w-4 h-4 shrink-0 text-text-tertiary/40 group-hover/section:text-text-tertiary transition-all duration-200 ${!isCollapsed ? 'rotate-90' : ''}`}\n          fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n        </svg>\n        <span className={`text-xs font-semibold uppercase tracking-widest transition-colors duration-200 ${isCollapsed ? 'text-text-tertiary' : 'text-text-secondary'}`}>\n          {title}\n        </span>\n        <span className=\"flex-1 border-b border-surface-border\" />\n      </button>\n      <Collapsible open={!isCollapsed}>\n        <div className={contentClassName ?? 'mt-4 ml-7'}>{children}</div>\n      </Collapsible>\n    </div>\n  );\n}\n"],"names":["CollapsibleSection","title","sectionKey","isCollapsed","onToggle","contentClassName","children","jsxs","jsx","Collapsible"],"mappings":"uFAOO,SAASA,EAAmB,CACjC,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,EAQG,CACD,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMH,EAASF,CAAU,EAClC,UAAU,+CAEV,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACC,UAAW,6GAA8GL,EAA4B,GAAd,WAAgB,GACvJ,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAEnE,eAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,cAAA,CAAe,CAAA,CAAA,EAEtEK,EAAAA,IAAC,QAAK,UAAW,kFAAkFL,EAAc,qBAAuB,qBAAqB,GAC1J,SAAAF,CAAA,CACH,EACAO,EAAAA,IAAC,OAAA,CAAK,UAAU,uCAAA,CAAwC,CAAA,CAAA,CAAA,EAE1DA,EAAAA,IAACC,EAAA,CAAY,KAAM,CAACN,EAClB,SAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWH,GAAoB,YAAc,SAAAC,CAAA,CAAS,CAAA,CAC7D,CAAA,EACF,CAEJ"}
+{"version":3,"file":"CollapsibleSection-BqCrlb0a.js","sources":["../../src/components/common/layout/CollapsibleSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Collapsible } from './Collapsible';\n\n/**\n * Shared collapsible section with chevron toggle and horizontal rule.\n * Used by WorkflowExecutionPage, McpRunDetailPage, and YamlWorkflowDetailPage.\n */\nexport function CollapsibleSection({\n  title,\n  sectionKey,\n  isCollapsed,\n  onToggle,\n  contentClassName,\n  children,\n}: {\n  title: string;\n  sectionKey: string;\n  isCollapsed: boolean;\n  onToggle: (key: string) => void;\n  /** Optional class override for the content wrapper (default: \"mt-4 ml-7\") */\n  contentClassName?: string;\n  children: ReactNode;\n}) {\n  return (\n    <div>\n      <button\n        onClick={() => onToggle(sectionKey)}\n        className=\"flex items-center gap-3 w-full group/section\"\n      >\n        <svg\n          className={`w-4 h-4 shrink-0 text-text-tertiary/40 group-hover/section:text-text-tertiary transition-all duration-200 ${!isCollapsed ? 'rotate-90' : ''}`}\n          fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n        </svg>\n        <span className={`text-xs font-semibold uppercase tracking-widest transition-colors duration-200 ${isCollapsed ? 'text-text-tertiary' : 'text-text-secondary'}`}>\n          {title}\n        </span>\n        <span className=\"flex-1 border-b border-surface-border\" />\n      </button>\n      <Collapsible open={!isCollapsed}>\n        <div className={contentClassName ?? 'mt-4 ml-7'}>{children}</div>\n      </Collapsible>\n    </div>\n  );\n}\n"],"names":["CollapsibleSection","title","sectionKey","isCollapsed","onToggle","contentClassName","children","jsxs","jsx","Collapsible"],"mappings":"uFAOO,SAASA,EAAmB,CACjC,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,EAQG,CACD,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMH,EAASF,CAAU,EAClC,UAAU,+CAEV,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACC,UAAW,6GAA8GL,EAA4B,GAAd,WAAgB,GACvJ,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAEnE,eAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,cAAA,CAAe,CAAA,CAAA,EAEtEK,EAAAA,IAAC,QAAK,UAAW,kFAAkFL,EAAc,qBAAuB,qBAAqB,GAC1J,SAAAF,CAAA,CACH,EACAO,EAAAA,IAAC,OAAA,CAAK,UAAU,uCAAA,CAAwC,CAAA,CAAA,CAAA,EAE1DA,EAAAA,IAACC,EAAA,CAAY,KAAM,CAACN,EAClB,SAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWH,GAAoB,YAAc,SAAAC,CAAA,CAAS,CAAA,CAC7D,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/{ConfirmDeleteModal-dOxidrSR.js → ConfirmDeleteModal-D9_1b4MW.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{M as l}from"./Modal-DEODGeqx.js";function d({open:r,onClose:t,onConfirm:x,title:c,description:i,isPending:s,error:a}){return e.jsx(l,{open:r,onClose:t,title:c,children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-text-secondary",children:i}),a&&e.jsx("p",{className:"text-xs text-status-error",children:a.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:t,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:x,className:"bg-status-error text-white px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity",disabled:s,children:s?"Deleting...":"Delete"})]})]})})}export{d as C};
-//# sourceMappingURL=ConfirmDeleteModal-dOxidrSR.js.map
+import{j as e}from"./vendor-query-B2UbickB.js";import{M as l}from"./Modal-CSrxpXeM.js";function d({open:r,onClose:t,onConfirm:x,title:c,description:i,isPending:s,error:a}){return e.jsx(l,{open:r,onClose:t,title:c,children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-text-secondary",children:i}),a&&e.jsx("p",{className:"text-xs text-status-error",children:a.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:t,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:x,className:"bg-status-error text-white px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity",disabled:s,children:s?"Deleting...":"Delete"})]})]})})}export{d as C};
+//# sourceMappingURL=ConfirmDeleteModal-D9_1b4MW.js.map

package/dashboard/dist/assets/{ConfirmDeleteModal-dOxidrSR.js.map → ConfirmDeleteModal-D9_1b4MW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDeleteModal-dOxidrSR.js","sources":["../../src/components/common/modal/ConfirmDeleteModal.tsx"],"sourcesContent":["import { Modal } from './Modal';\nimport type { ReactNode } from 'react';\n\ninterface ConfirmDeleteModalProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title: string;\n  description: ReactNode;\n  isPending?: boolean;\n  error?: Error | null;\n}\n\nexport function ConfirmDeleteModal({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  isPending,\n  error,\n}: ConfirmDeleteModalProps) {\n  return (\n    <Modal open={open} onClose={onClose} title={title}>\n      <div className=\"space-y-4\">\n        <p className=\"text-sm text-text-secondary\">{description}</p>\n        {error && <p className=\"text-xs text-status-error\">{error.message}</p>}\n        <div className=\"flex justify-end gap-3 pt-2\">\n          <button onClick={onClose} className=\"btn-secondary text-xs\">\n            Cancel\n          </button>\n          <button\n            onClick={onConfirm}\n            className=\"bg-status-error text-white px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity\"\n            disabled={isPending}\n          >\n            {isPending ? 'Deleting...' : 'Delete'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"],"names":["ConfirmDeleteModal","open","onClose","onConfirm","title","description","isPending","error","jsx","Modal","jsxs"],"mappings":"uFAaO,SAASA,EAAmB,CACjC,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,CACF,EAA4B,CAC1B,OACEC,EAAAA,IAACC,GAAM,KAAAR,EAAY,QAAAC,EAAkB,MAAAE,EACnC,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAH,EAAY,EACvDE,GAASC,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,WAAM,QAAQ,EAClEE,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,MAAC,SAAA,CAAO,QAASN,EAAS,UAAU,wBAAwB,SAAA,SAE5D,EACAM,EAAAA,IAAC,SAAA,CACC,QAASL,EACT,UAAU,gGACV,SAAUG,EAET,WAAY,cAAgB,QAAA,CAAA,CAC/B,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
+{"version":3,"file":"ConfirmDeleteModal-D9_1b4MW.js","sources":["../../src/components/common/modal/ConfirmDeleteModal.tsx"],"sourcesContent":["import { Modal } from './Modal';\nimport type { ReactNode } from 'react';\n\ninterface ConfirmDeleteModalProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title: string;\n  description: ReactNode;\n  isPending?: boolean;\n  error?: Error | null;\n}\n\nexport function ConfirmDeleteModal({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  isPending,\n  error,\n}: ConfirmDeleteModalProps) {\n  return (\n    <Modal open={open} onClose={onClose} title={title}>\n      <div className=\"space-y-4\">\n        <p className=\"text-sm text-text-secondary\">{description}</p>\n        {error && <p className=\"text-xs text-status-error\">{error.message}</p>}\n        <div className=\"flex justify-end gap-3 pt-2\">\n          <button onClick={onClose} className=\"btn-secondary text-xs\">\n            Cancel\n          </button>\n          <button\n            onClick={onConfirm}\n            className=\"bg-status-error text-white px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity\"\n            disabled={isPending}\n          >\n            {isPending ? 'Deleting...' : 'Delete'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"],"names":["ConfirmDeleteModal","open","onClose","onConfirm","title","description","isPending","error","jsx","Modal","jsxs"],"mappings":"uFAaO,SAASA,EAAmB,CACjC,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,CACF,EAA4B,CAC1B,OACEC,EAAAA,IAACC,GAAM,KAAAR,EAAY,QAAAC,EAAkB,MAAAE,EACnC,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAH,EAAY,EACvDE,GAASC,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,WAAM,QAAQ,EAClEE,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,MAAC,SAAA,CAAO,QAASN,EAAS,UAAU,wBAAwB,SAAA,SAE5D,EACAM,EAAAA,IAAC,SAAA,CACC,QAASL,EACT,UAAU,gGACV,SAAUG,EAET,WAAY,cAAgB,QAAA,CAAA,CAC/B,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dashboard/dist/assets/{CopyableId-D0SQ39nR.js → CopyableId-DaT0ZRHg.js}

@@ -1,2 +1,2 @@
-import{a as x,j as t}from"./vendor-query-B2UbickB.js";import{c as d}from"./vendor-react-CX88sFS5.js";const u=20;function h(e,o=u){if(e.length<=o)return e;const r=Math.floor((o-1)/2);return`${e.slice(0,r)}…${e.slice(-r)}`}function j({label:e,value:o,href:r,external:c}){const[s,i]=x.useState(!1),l=d();if(!o)return null;const a=n=>{n.stopPropagation(),navigator.clipboard.writeText(o),i(!0),setTimeout(()=>i(!1),1500)},p=n=>{n.stopPropagation(),r&&(c?window.open(r,"_blank","noopener,noreferrer"):l(r))};return t.jsxs("div",{className:"text-left group relative",children:[t.jsx("span",{className:"text-[11px] font-medium text-text-secondary uppercase tracking-wide",children:e}),t.jsxs("span",{className:"flex items-center gap-1 mt-0.5",children:[t.jsx("button",{onClick:a,title:o,className:"text-[12px] font-mono text-text-primary group-hover:text-accent transition-colors",children:h(o)}),t.jsx("button",{onClick:a,title:"Copy",className:"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5",children:t.jsx("svg",{className:`w-3 h-3 transition-colors ${s?"text-status-success":"text-text-tertiary hover:text-text-primary"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:s?t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"}):t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3"})})}),r&&t.jsx("button",{onClick:p,title:`View ${e}`,className:"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5",children:t.jsx("svg",{className:"w-3 h-3 text-text-tertiary hover:text-accent",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101M10.172 13.828a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"})})})]})]})}export{j as C};
-//# sourceMappingURL=CopyableId-D0SQ39nR.js.map
+import{a as x,j as t}from"./vendor-query-B2UbickB.js";import{c as d}from"./vendor-react-CXumBFUA.js";const u=20;function h(e,o=u){if(e.length<=o)return e;const r=Math.floor((o-1)/2);return`${e.slice(0,r)}…${e.slice(-r)}`}function j({label:e,value:o,href:r,external:c}){const[s,i]=x.useState(!1),l=d();if(!o)return null;const a=n=>{n.stopPropagation(),navigator.clipboard.writeText(o),i(!0),setTimeout(()=>i(!1),1500)},p=n=>{n.stopPropagation(),r&&(c?window.open(r,"_blank","noopener,noreferrer"):l(r))};return t.jsxs("div",{className:"text-left group relative",children:[t.jsx("span",{className:"text-[11px] font-medium text-text-secondary uppercase tracking-wide",children:e}),t.jsxs("span",{className:"flex items-center gap-1 mt-0.5",children:[t.jsx("button",{onClick:a,title:o,className:"text-[12px] font-mono text-text-primary group-hover:text-accent transition-colors",children:h(o)}),t.jsx("button",{onClick:a,title:"Copy",className:"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5",children:t.jsx("svg",{className:`w-3 h-3 transition-colors ${s?"text-status-success":"text-text-tertiary hover:text-text-primary"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:s?t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"}):t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3"})})}),r&&t.jsx("button",{onClick:p,title:`View ${e}`,className:"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5",children:t.jsx("svg",{className:"w-3 h-3 text-text-tertiary hover:text-accent",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101M10.172 13.828a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"})})})]})]})}export{j as C};
+//# sourceMappingURL=CopyableId-DaT0ZRHg.js.map

package/dashboard/dist/assets/{CopyableId-D0SQ39nR.js.map → CopyableId-DaT0ZRHg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CopyableId-D0SQ39nR.js","sources":["../../src/components/common/display/CopyableId.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\n\nconst ELLIPSIS_MAX = 20;\n\nfunction centerEllipsis(s: string, max = ELLIPSIS_MAX): string {\n  if (s.length <= max) return s;\n  const side = Math.floor((max - 1) / 2);\n  return `${s.slice(0, side)}…${s.slice(-side)}`;\n}\n\ninterface CopyableIdProps {\n  label: string;\n  value: string | null | undefined;\n  href?: string;\n  external?: boolean;\n}\n\nexport function CopyableId({ label, value, href, external }: CopyableIdProps) {\n  const [copied, setCopied] = useState(false);\n  const navigate = useNavigate();\n  if (!value) return null;\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    navigator.clipboard.writeText(value);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  const handleNavigate = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!href) return;\n    if (external) {\n      window.open(href, '_blank', 'noopener,noreferrer');\n    } else {\n      navigate(href);\n    }\n  };\n\n  return (\n    <div className=\"text-left group relative\">\n      <span className=\"text-[11px] font-medium text-text-secondary uppercase tracking-wide\">{label}</span>\n      <span className=\"flex items-center gap-1 mt-0.5\">\n        <button\n          onClick={handleCopy}\n          title={value}\n          className=\"text-[12px] font-mono text-text-primary group-hover:text-accent transition-colors\"\n        >\n          {centerEllipsis(value)}\n        </button>\n        <button onClick={handleCopy} title=\"Copy\" className=\"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5\">\n          <svg className={`w-3 h-3 transition-colors ${copied ? 'text-status-success' : 'text-text-tertiary hover:text-text-primary'}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            {copied\n              ? <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n              : <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3\" />\n            }\n          </svg>\n        </button>\n        {href && (\n          <button onClick={handleNavigate} title={`View ${label}`} className=\"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5\">\n            <svg className=\"w-3 h-3 text-text-tertiary hover:text-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101M10.172 13.828a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\" />\n            </svg>\n          </button>\n        )}\n      </span>\n    </div>\n  );\n}\n"],"names":["ELLIPSIS_MAX","centerEllipsis","s","max","side","CopyableId","label","value","href","external","copied","setCopied","useState","navigate","useNavigate","handleCopy","e","handleNavigate","jsxs","jsx"],"mappings":"qGAGA,MAAMA,EAAe,GAErB,SAASC,EAAeC,EAAWC,EAAMH,EAAsB,CAC7D,GAAIE,EAAE,QAAUC,EAAK,OAAOD,EAC5B,MAAME,EAAO,KAAK,OAAOD,EAAM,GAAK,CAAC,EACrC,MAAO,GAAGD,EAAE,MAAM,EAAGE,CAAI,CAAC,IAAIF,EAAE,MAAM,CAACE,CAAI,CAAC,EAC9C,CASO,SAASC,EAAW,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,SAAAC,GAA6B,CAC5E,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAA,EACjB,GAAI,CAACP,EAAO,OAAO,KAEnB,MAAMQ,EAAcC,GAAwB,CAC1CA,EAAE,gBAAA,EACF,UAAU,UAAU,UAAUT,CAAK,EACnCI,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAG,IAAI,CACzC,EAEMM,EAAkBD,GAAwB,CAC9CA,EAAE,gBAAA,EACGR,IACDC,EACF,OAAO,KAAKD,EAAM,SAAU,qBAAqB,EAEjDK,EAASL,CAAI,EAEjB,EAEA,OACEU,EAAAA,KAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,sEAAuE,SAAAb,EAAM,EAC7FY,EAAAA,KAAC,OAAA,CAAK,UAAU,iCACd,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACC,QAASJ,EACT,MAAOR,EACP,UAAU,oFAET,WAAeA,CAAK,CAAA,CAAA,QAEtB,SAAA,CAAO,QAASQ,EAAY,MAAM,OAAO,UAAU,sEAClD,SAAAI,EAAAA,IAAC,OAAI,UAAW,6BAA6BT,EAAS,sBAAwB,4CAA4C,GAAI,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAC9L,WACGS,MAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,iBAAiB,EACtEA,MAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,uIAAuI,EAElM,CAAA,CACF,EACCX,GACCW,EAAAA,IAAC,SAAA,CAAO,QAASF,EAAgB,MAAO,QAAQX,CAAK,GAAI,UAAU,sEACjE,SAAAa,EAAAA,IAAC,MAAA,CAAI,UAAU,+CAA+C,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAC/H,SAAAA,EAAAA,IAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,sIAAA,CAAuI,EAC9L,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ"}
+{"version":3,"file":"CopyableId-DaT0ZRHg.js","sources":["../../src/components/common/display/CopyableId.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\n\nconst ELLIPSIS_MAX = 20;\n\nfunction centerEllipsis(s: string, max = ELLIPSIS_MAX): string {\n  if (s.length <= max) return s;\n  const side = Math.floor((max - 1) / 2);\n  return `${s.slice(0, side)}…${s.slice(-side)}`;\n}\n\ninterface CopyableIdProps {\n  label: string;\n  value: string | null | undefined;\n  href?: string;\n  external?: boolean;\n}\n\nexport function CopyableId({ label, value, href, external }: CopyableIdProps) {\n  const [copied, setCopied] = useState(false);\n  const navigate = useNavigate();\n  if (!value) return null;\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    navigator.clipboard.writeText(value);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  const handleNavigate = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!href) return;\n    if (external) {\n      window.open(href, '_blank', 'noopener,noreferrer');\n    } else {\n      navigate(href);\n    }\n  };\n\n  return (\n    <div className=\"text-left group relative\">\n      <span className=\"text-[11px] font-medium text-text-secondary uppercase tracking-wide\">{label}</span>\n      <span className=\"flex items-center gap-1 mt-0.5\">\n        <button\n          onClick={handleCopy}\n          title={value}\n          className=\"text-[12px] font-mono text-text-primary group-hover:text-accent transition-colors\"\n        >\n          {centerEllipsis(value)}\n        </button>\n        <button onClick={handleCopy} title=\"Copy\" className=\"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5\">\n          <svg className={`w-3 h-3 transition-colors ${copied ? 'text-status-success' : 'text-text-tertiary hover:text-text-primary'}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            {copied\n              ? <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n              : <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3\" />\n            }\n          </svg>\n        </button>\n        {href && (\n          <button onClick={handleNavigate} title={`View ${label}`} className=\"opacity-0 group-hover:opacity-100 transition-opacity shrink-0 p-0.5\">\n            <svg className=\"w-3 h-3 text-text-tertiary hover:text-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101M10.172 13.828a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\" />\n            </svg>\n          </button>\n        )}\n      </span>\n    </div>\n  );\n}\n"],"names":["ELLIPSIS_MAX","centerEllipsis","s","max","side","CopyableId","label","value","href","external","copied","setCopied","useState","navigate","useNavigate","handleCopy","e","handleNavigate","jsxs","jsx"],"mappings":"qGAGA,MAAMA,EAAe,GAErB,SAASC,EAAeC,EAAWC,EAAMH,EAAsB,CAC7D,GAAIE,EAAE,QAAUC,EAAK,OAAOD,EAC5B,MAAME,EAAO,KAAK,OAAOD,EAAM,GAAK,CAAC,EACrC,MAAO,GAAGD,EAAE,MAAM,EAAGE,CAAI,CAAC,IAAIF,EAAE,MAAM,CAACE,CAAI,CAAC,EAC9C,CASO,SAASC,EAAW,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,SAAAC,GAA6B,CAC5E,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAA,EACjB,GAAI,CAACP,EAAO,OAAO,KAEnB,MAAMQ,EAAcC,GAAwB,CAC1CA,EAAE,gBAAA,EACF,UAAU,UAAU,UAAUT,CAAK,EACnCI,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAG,IAAI,CACzC,EAEMM,EAAkBD,GAAwB,CAC9CA,EAAE,gBAAA,EACGR,IACDC,EACF,OAAO,KAAKD,EAAM,SAAU,qBAAqB,EAEjDK,EAASL,CAAI,EAEjB,EAEA,OACEU,EAAAA,KAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,sEAAuE,SAAAb,EAAM,EAC7FY,EAAAA,KAAC,OAAA,CAAK,UAAU,iCACd,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACC,QAASJ,EACT,MAAOR,EACP,UAAU,oFAET,WAAeA,CAAK,CAAA,CAAA,QAEtB,SAAA,CAAO,QAASQ,EAAY,MAAM,OAAO,UAAU,sEAClD,SAAAI,EAAAA,IAAC,OAAI,UAAW,6BAA6BT,EAAS,sBAAwB,4CAA4C,GAAI,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAC9L,WACGS,MAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,iBAAiB,EACtEA,MAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,uIAAuI,EAElM,CAAA,CACF,EACCX,GACCW,EAAAA,IAAC,SAAA,CAAO,QAASF,EAAgB,MAAO,QAAQX,CAAK,GAAI,UAAU,sEACjE,SAAAa,EAAAA,IAAC,MAAA,CAAI,UAAU,+CAA+C,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAC/H,SAAAA,EAAAA,IAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,sIAAA,CAAuI,EAC9L,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/{CredentialsPage-2nEwkFSm.js → CredentialsPage-jr9En3Wc.js}

@@ -1,2 +1,2 @@
-import{a as i,j as e}from"./vendor-query-B2UbickB.js";import{A as y,B as N,O as p,L as f,E as C}from"./index-B_e2uIz9.js";import{P as k}from"./PageHeader-B4w-LDUF.js";import{T as A}from"./TimeAgo-DCjPMPw-.js";import{C as w}from"./ConfirmDeleteModal-dOxidrSR.js";import{l as P,i as T,ai as O,p as E}from"./vendor-icons-5gSix3t2.js";import"./vendor-react-CX88sFS5.js";import"./Modal-DEODGeqx.js";const o={anthropic:{name:"Anthropic",helpText:'Run "claude setup-token" for an OAuth token, or use an API key from console.anthropic.com.',placeholder:"sk-ant-oat01-... or sk-ant-api03-..."},openai:{name:"OpenAI",helpText:"Create an API key at platform.openai.com/api-keys.",placeholder:"sk-..."},google:{name:"Google",helpText:"Connect your Google account for Gmail, Calendar, and Drive access.",placeholder:"",oauth:!0}};function U(){var d,x;const{data:r,isLoading:m}=y(),n=N(),[a,l]=i.useState(null),[h,u]=i.useState(!1),[s,j]=i.useState("anthropic"),c=(r==null?void 0:r.connections)??[],b=()=>{a&&n.mutate({provider:a.provider,label:a.label},{onSuccess:()=>l(null)})},v=t=>`${f}/api/auth/oauth/connect/${t}?token=${encodeURIComponent(C()||"")}&returnTo=/credentials`;return e.jsxs("div",{children:[e.jsx(k,{title:"Credentials",docsHash:"#docs:dashboard.md:credentials",actions:e.jsxs("button",{onClick:()=>u(t=>!t),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(P,{className:"w-3.5 h-3.5"}),"Add Credential"]})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6",children:"Manage credentials used by tools when invoked on your behalf. Each credential is encrypted at rest and resolved automatically during tool execution."}),h&&e.jsxs("div",{className:"mb-6 p-4 bg-surface-raised border border-surface-border rounded-md space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("label",{className:"text-xs text-text-secondary font-medium",children:"Provider"}),e.jsxs("div",{className:"relative",children:[e.jsx("select",{value:s,onChange:t=>j(t.target.value),className:"input text-xs pr-7 appearance-none",children:Object.entries(o).map(([t,g])=>e.jsx("option",{value:t,children:g.name},t))}),e.jsx(T,{className:"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary pointer-events-none"})]})]}),e.jsx("p",{className:"text-xs text-text-tertiary",children:(d=o[s])==null?void 0:d.helpText}),e.jsxs("a",{href:v(s),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(p,{provider:s,className:"w-3.5 h-3.5"}),"Connect ",(x=o[s])==null?void 0:x.name]})]}),m?e.jsx("div",{className:"animate-pulse space-y-3",children:[1,2].map(t=>e.jsx("div",{className:"h-16 bg-surface-sunken rounded"},t))}):c.length===0?e.jsxs("div",{className:"text-center py-16 text-text-tertiary",children:[e.jsx(O,{className:"w-10 h-10 mx-auto mb-3 opacity-40"}),e.jsx("p",{className:"text-sm",children:"No credentials registered."}),e.jsx("p",{className:"text-xs mt-1",children:"Add a credential to enable tool authentication."})]}):e.jsx("div",{className:"space-y-2",children:c.map(t=>e.jsxs("div",{className:"group/row flex items-center gap-4 px-4 py-3 bg-surface-raised border border-surface-border rounded-md",children:[e.jsx(p,{provider:t.provider,className:"w-6 h-6 shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-text-primary font-medium capitalize",children:t.provider}),t.label!=="default"&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary",children:t.label}),t.credential_type&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 bg-accent-faint rounded text-accent",children:t.credential_type})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-0.5",children:[t.email&&e.jsx("span",{className:"text-xs text-text-tertiary",children:t.email}),t.expires_at&&e.jsxs("span",{className:"text-xs text-text-tertiary",children:["Expires ",e.jsx(A,{date:t.expires_at})]})]})]}),e.jsx("button",{onClick:()=>l({provider:t.provider,label:t.label}),className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error",title:"Revoke credential",children:e.jsx(E,{className:"w-4 h-4"})})]},`${t.provider}-${t.label}`))}),e.jsx(w,{open:!!a,onClose:()=>l(null),onConfirm:b,title:"Revoke Credential",description:e.jsxs(e.Fragment,{children:["Revoke the"," ",e.jsx("span",{className:"font-medium text-text-primary capitalize",children:a==null?void 0:a.provider}),(a==null?void 0:a.label)!=="default"&&e.jsxs(e.Fragment,{children:[" (",a==null?void 0:a.label,")"]})," ","credential? Tools will no longer be able to use this credential."]}),isPending:n.isPending,error:n.error})]})}export{U as CredentialsPage};
-//# sourceMappingURL=CredentialsPage-2nEwkFSm.js.map
+import{a as i,j as e}from"./vendor-query-B2UbickB.js";import{A as y,B as N,O as p,L as f,E as C}from"./index-CGy9PrdX.js";import{P as k}from"./PageHeader-B4w-LDUF.js";import{T as A}from"./TimeAgo-C3j486uV.js";import{C as w}from"./ConfirmDeleteModal-D9_1b4MW.js";import{l as P,i as T,ai as O,p as E}from"./vendor-icons-5gSix3t2.js";import"./vendor-react-CXumBFUA.js";import"./Modal-CSrxpXeM.js";const o={anthropic:{name:"Anthropic",helpText:'Run "claude setup-token" for an OAuth token, or use an API key from console.anthropic.com.',placeholder:"sk-ant-oat01-... or sk-ant-api03-..."},openai:{name:"OpenAI",helpText:"Create an API key at platform.openai.com/api-keys.",placeholder:"sk-..."},google:{name:"Google",helpText:"Connect your Google account for Gmail, Calendar, and Drive access.",placeholder:"",oauth:!0}};function U(){var d,x;const{data:r,isLoading:m}=y(),n=N(),[a,l]=i.useState(null),[h,u]=i.useState(!1),[s,j]=i.useState("anthropic"),c=(r==null?void 0:r.connections)??[],b=()=>{a&&n.mutate({provider:a.provider,label:a.label},{onSuccess:()=>l(null)})},v=t=>`${f}/api/auth/oauth/connect/${t}?token=${encodeURIComponent(C()||"")}&returnTo=/credentials`;return e.jsxs("div",{children:[e.jsx(k,{title:"Credentials",docsHash:"#docs:dashboard.md:credentials",actions:e.jsxs("button",{onClick:()=>u(t=>!t),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(P,{className:"w-3.5 h-3.5"}),"Add Credential"]})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6",children:"Manage credentials used by tools when invoked on your behalf. Each credential is encrypted at rest and resolved automatically during tool execution."}),h&&e.jsxs("div",{className:"mb-6 p-4 bg-surface-raised border border-surface-border rounded-md space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("label",{className:"text-xs text-text-secondary font-medium",children:"Provider"}),e.jsxs("div",{className:"relative",children:[e.jsx("select",{value:s,onChange:t=>j(t.target.value),className:"input text-xs pr-7 appearance-none",children:Object.entries(o).map(([t,g])=>e.jsx("option",{value:t,children:g.name},t))}),e.jsx(T,{className:"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary pointer-events-none"})]})]}),e.jsx("p",{className:"text-xs text-text-tertiary",children:(d=o[s])==null?void 0:d.helpText}),e.jsxs("a",{href:v(s),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(p,{provider:s,className:"w-3.5 h-3.5"}),"Connect ",(x=o[s])==null?void 0:x.name]})]}),m?e.jsx("div",{className:"animate-pulse space-y-3",children:[1,2].map(t=>e.jsx("div",{className:"h-16 bg-surface-sunken rounded"},t))}):c.length===0?e.jsxs("div",{className:"text-center py-16 text-text-tertiary",children:[e.jsx(O,{className:"w-10 h-10 mx-auto mb-3 opacity-40"}),e.jsx("p",{className:"text-sm",children:"No credentials registered."}),e.jsx("p",{className:"text-xs mt-1",children:"Add a credential to enable tool authentication."})]}):e.jsx("div",{className:"space-y-2",children:c.map(t=>e.jsxs("div",{className:"group/row flex items-center gap-4 px-4 py-3 bg-surface-raised border border-surface-border rounded-md",children:[e.jsx(p,{provider:t.provider,className:"w-6 h-6 shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-text-primary font-medium capitalize",children:t.provider}),t.label!=="default"&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary",children:t.label}),t.credential_type&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 bg-accent-faint rounded text-accent",children:t.credential_type})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-0.5",children:[t.email&&e.jsx("span",{className:"text-xs text-text-tertiary",children:t.email}),t.expires_at&&e.jsxs("span",{className:"text-xs text-text-tertiary",children:["Expires ",e.jsx(A,{date:t.expires_at})]})]})]}),e.jsx("button",{onClick:()=>l({provider:t.provider,label:t.label}),className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error",title:"Revoke credential",children:e.jsx(E,{className:"w-4 h-4"})})]},`${t.provider}-${t.label}`))}),e.jsx(w,{open:!!a,onClose:()=>l(null),onConfirm:b,title:"Revoke Credential",description:e.jsxs(e.Fragment,{children:["Revoke the"," ",e.jsx("span",{className:"font-medium text-text-primary capitalize",children:a==null?void 0:a.provider}),(a==null?void 0:a.label)!=="default"&&e.jsxs(e.Fragment,{children:[" (",a==null?void 0:a.label,")"]})," ","credential? Tools will no longer be able to use this credential."]}),isPending:n.isPending,error:n.error})]})}export{U as CredentialsPage};
+//# sourceMappingURL=CredentialsPage-jr9En3Wc.js.map

package/dashboard/dist/assets/{CredentialsPage-2nEwkFSm.js.map → CredentialsPage-jr9En3Wc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CredentialsPage-2nEwkFSm.js","sources":["../../src/pages/settings/CredentialsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Unplug, Trash2, Plus, ChevronDown } from 'lucide-react';\nimport { useOAuthConnections, useDisconnectOAuth } from '../../api/oauth';\nimport { getToken } from '../../api/client';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { OAuthIcon } from '../../components/common/OAuthIcon';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\nimport { ConfirmDeleteModal } from '../../components/common/modal/ConfirmDeleteModal';\nimport { LT_BASE } from '../../lib/base-path';\n\ninterface ConnectionToRevoke {\n  provider: string;\n  label: string;\n}\n\nconst PROVIDERS: Record<string, { name: string; helpText: string; placeholder: string; oauth?: boolean }> = {\n  anthropic: {\n    name: 'Anthropic',\n    helpText: 'Run \"claude setup-token\" for an OAuth token, or use an API key from console.anthropic.com.',\n    placeholder: 'sk-ant-oat01-... or sk-ant-api03-...',\n  },\n  openai: {\n    name: 'OpenAI',\n    helpText: 'Create an API key at platform.openai.com/api-keys.',\n    placeholder: 'sk-...',\n  },\n  google: {\n    name: 'Google',\n    helpText: 'Connect your Google account for Gmail, Calendar, and Drive access.',\n    placeholder: '',\n    oauth: true,\n  },\n};\n\nexport function CredentialsPage() {\n  const { data, isLoading } = useOAuthConnections();\n  const disconnect = useDisconnectOAuth();\n  const [confirmRevoke, setConfirmRevoke] = useState<ConnectionToRevoke | null>(null);\n  const [addOpen, setAddOpen] = useState(false);\n  const [selectedProvider, setSelectedProvider] = useState('anthropic');\n\n  const connections = data?.connections ?? [];\n\n  const handleRevoke = () => {\n    if (!confirmRevoke) return;\n    disconnect.mutate(\n      { provider: confirmRevoke.provider, label: confirmRevoke.label },\n      { onSuccess: () => setConfirmRevoke(null) },\n    );\n  };\n\n  const connectUrl = (provider: string) =>\n    `${LT_BASE}/api/auth/oauth/connect/${provider}?token=${encodeURIComponent(getToken() || '')}&returnTo=/credentials`;\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Credentials\"\n        docsHash=\"#docs:dashboard.md:credentials\"\n        actions={\n          <button\n            onClick={() => setAddOpen((o) => !o)}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <Plus className=\"w-3.5 h-3.5\" />\n            Add Credential\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6\">\n        Manage credentials used by tools when invoked on your behalf.\n        Each credential is encrypted at rest and resolved automatically during tool execution.\n      </p>\n\n      {/* Add credential dropdown */}\n      {addOpen && (\n        <div className=\"mb-6 p-4 bg-surface-raised border border-surface-border rounded-md space-y-3\">\n          <div className=\"flex items-center gap-3\">\n            <label className=\"text-xs text-text-secondary font-medium\">Provider</label>\n            <div className=\"relative\">\n              <select\n                value={selectedProvider}\n                onChange={(e) => setSelectedProvider(e.target.value)}\n                className=\"input text-xs pr-7 appearance-none\"\n              >\n                {Object.entries(PROVIDERS).map(([key, p]) => (\n                  <option key={key} value={key}>{p.name}</option>\n                ))}\n              </select>\n              <ChevronDown className=\"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary pointer-events-none\" />\n            </div>\n          </div>\n          <p className=\"text-xs text-text-tertiary\">\n            {PROVIDERS[selectedProvider]?.helpText}\n          </p>\n          <a\n            href={connectUrl(selectedProvider)}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <OAuthIcon provider={selectedProvider} className=\"w-3.5 h-3.5\" />\n            Connect {PROVIDERS[selectedProvider]?.name}\n          </a>\n        </div>\n      )}\n\n      {/* Credentials table */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-3\">\n          {[1, 2].map((i) => (\n            <div key={i} className=\"h-16 bg-surface-sunken rounded\" />\n          ))}\n        </div>\n      ) : connections.length === 0 ? (\n        <div className=\"text-center py-16 text-text-tertiary\">\n          <Unplug className=\"w-10 h-10 mx-auto mb-3 opacity-40\" />\n          <p className=\"text-sm\">No credentials registered.</p>\n          <p className=\"text-xs mt-1\">Add a credential to enable tool authentication.</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {connections.map((conn) => (\n            <div\n              key={`${conn.provider}-${conn.label}`}\n              className=\"group/row flex items-center gap-4 px-4 py-3 bg-surface-raised border border-surface-border rounded-md\"\n            >\n              <OAuthIcon provider={conn.provider} className=\"w-6 h-6 shrink-0\" />\n\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-sm text-text-primary font-medium capitalize\">\n                    {conn.provider}\n                  </span>\n                  {conn.label !== 'default' && (\n                    <span className=\"text-[10px] px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary\">\n                      {conn.label}\n                    </span>\n                  )}\n                  {conn.credential_type && (\n                    <span className=\"text-[10px] px-1.5 py-0.5 bg-accent-faint rounded text-accent\">\n                      {conn.credential_type}\n                    </span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-3 mt-0.5\">\n                  {conn.email && (\n                    <span className=\"text-xs text-text-tertiary\">{conn.email}</span>\n                  )}\n                  {conn.expires_at && (\n                    <span className=\"text-xs text-text-tertiary\">\n                      Expires <TimeAgo date={conn.expires_at} />\n                    </span>\n                  )}\n                </div>\n              </div>\n\n              <button\n                onClick={() => setConfirmRevoke({ provider: conn.provider, label: conn.label })}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error\"\n                title=\"Revoke credential\"\n              >\n                <Trash2 className=\"w-4 h-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      <ConfirmDeleteModal\n        open={!!confirmRevoke}\n        onClose={() => setConfirmRevoke(null)}\n        onConfirm={handleRevoke}\n        title=\"Revoke Credential\"\n        description={\n          <>\n            Revoke the{' '}\n            <span className=\"font-medium text-text-primary capitalize\">\n              {confirmRevoke?.provider}\n            </span>\n            {confirmRevoke?.label !== 'default' && (\n              <> ({confirmRevoke?.label})</>\n            )}{' '}\n            credential? Tools will no longer be able to use this credential.\n          </>\n        }\n        isPending={disconnect.isPending}\n        error={disconnect.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["PROVIDERS","CredentialsPage","data","isLoading","useOAuthConnections","disconnect","useDisconnectOAuth","confirmRevoke","setConfirmRevoke","useState","addOpen","setAddOpen","selectedProvider","setSelectedProvider","connections","handleRevoke","connectUrl","provider","LT_BASE","getToken","jsx","PageHeader","jsxs","o","Plus","e","key","p","ChevronDown","_a","OAuthIcon","_b","i","Unplug","conn","TimeAgo","Trash2","ConfirmDeleteModal","Fragment"],"mappings":"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"}
+{"version":3,"file":"CredentialsPage-jr9En3Wc.js","sources":["../../src/pages/settings/CredentialsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Unplug, Trash2, Plus, ChevronDown } from 'lucide-react';\nimport { useOAuthConnections, useDisconnectOAuth } from '../../api/oauth';\nimport { getToken } from '../../api/client';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { OAuthIcon } from '../../components/common/OAuthIcon';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\nimport { ConfirmDeleteModal } from '../../components/common/modal/ConfirmDeleteModal';\nimport { LT_BASE } from '../../lib/base-path';\n\ninterface ConnectionToRevoke {\n  provider: string;\n  label: string;\n}\n\nconst PROVIDERS: Record<string, { name: string; helpText: string; placeholder: string; oauth?: boolean }> = {\n  anthropic: {\n    name: 'Anthropic',\n    helpText: 'Run \"claude setup-token\" for an OAuth token, or use an API key from console.anthropic.com.',\n    placeholder: 'sk-ant-oat01-... or sk-ant-api03-...',\n  },\n  openai: {\n    name: 'OpenAI',\n    helpText: 'Create an API key at platform.openai.com/api-keys.',\n    placeholder: 'sk-...',\n  },\n  google: {\n    name: 'Google',\n    helpText: 'Connect your Google account for Gmail, Calendar, and Drive access.',\n    placeholder: '',\n    oauth: true,\n  },\n};\n\nexport function CredentialsPage() {\n  const { data, isLoading } = useOAuthConnections();\n  const disconnect = useDisconnectOAuth();\n  const [confirmRevoke, setConfirmRevoke] = useState<ConnectionToRevoke | null>(null);\n  const [addOpen, setAddOpen] = useState(false);\n  const [selectedProvider, setSelectedProvider] = useState('anthropic');\n\n  const connections = data?.connections ?? [];\n\n  const handleRevoke = () => {\n    if (!confirmRevoke) return;\n    disconnect.mutate(\n      { provider: confirmRevoke.provider, label: confirmRevoke.label },\n      { onSuccess: () => setConfirmRevoke(null) },\n    );\n  };\n\n  const connectUrl = (provider: string) =>\n    `${LT_BASE}/api/auth/oauth/connect/${provider}?token=${encodeURIComponent(getToken() || '')}&returnTo=/credentials`;\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Credentials\"\n        docsHash=\"#docs:dashboard.md:credentials\"\n        actions={\n          <button\n            onClick={() => setAddOpen((o) => !o)}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <Plus className=\"w-3.5 h-3.5\" />\n            Add Credential\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6\">\n        Manage credentials used by tools when invoked on your behalf.\n        Each credential is encrypted at rest and resolved automatically during tool execution.\n      </p>\n\n      {/* Add credential dropdown */}\n      {addOpen && (\n        <div className=\"mb-6 p-4 bg-surface-raised border border-surface-border rounded-md space-y-3\">\n          <div className=\"flex items-center gap-3\">\n            <label className=\"text-xs text-text-secondary font-medium\">Provider</label>\n            <div className=\"relative\">\n              <select\n                value={selectedProvider}\n                onChange={(e) => setSelectedProvider(e.target.value)}\n                className=\"input text-xs pr-7 appearance-none\"\n              >\n                {Object.entries(PROVIDERS).map(([key, p]) => (\n                  <option key={key} value={key}>{p.name}</option>\n                ))}\n              </select>\n              <ChevronDown className=\"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary pointer-events-none\" />\n            </div>\n          </div>\n          <p className=\"text-xs text-text-tertiary\">\n            {PROVIDERS[selectedProvider]?.helpText}\n          </p>\n          <a\n            href={connectUrl(selectedProvider)}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <OAuthIcon provider={selectedProvider} className=\"w-3.5 h-3.5\" />\n            Connect {PROVIDERS[selectedProvider]?.name}\n          </a>\n        </div>\n      )}\n\n      {/* Credentials table */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-3\">\n          {[1, 2].map((i) => (\n            <div key={i} className=\"h-16 bg-surface-sunken rounded\" />\n          ))}\n        </div>\n      ) : connections.length === 0 ? (\n        <div className=\"text-center py-16 text-text-tertiary\">\n          <Unplug className=\"w-10 h-10 mx-auto mb-3 opacity-40\" />\n          <p className=\"text-sm\">No credentials registered.</p>\n          <p className=\"text-xs mt-1\">Add a credential to enable tool authentication.</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {connections.map((conn) => (\n            <div\n              key={`${conn.provider}-${conn.label}`}\n              className=\"group/row flex items-center gap-4 px-4 py-3 bg-surface-raised border border-surface-border rounded-md\"\n            >\n              <OAuthIcon provider={conn.provider} className=\"w-6 h-6 shrink-0\" />\n\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-sm text-text-primary font-medium capitalize\">\n                    {conn.provider}\n                  </span>\n                  {conn.label !== 'default' && (\n                    <span className=\"text-[10px] px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary\">\n                      {conn.label}\n                    </span>\n                  )}\n                  {conn.credential_type && (\n                    <span className=\"text-[10px] px-1.5 py-0.5 bg-accent-faint rounded text-accent\">\n                      {conn.credential_type}\n                    </span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-3 mt-0.5\">\n                  {conn.email && (\n                    <span className=\"text-xs text-text-tertiary\">{conn.email}</span>\n                  )}\n                  {conn.expires_at && (\n                    <span className=\"text-xs text-text-tertiary\">\n                      Expires <TimeAgo date={conn.expires_at} />\n                    </span>\n                  )}\n                </div>\n              </div>\n\n              <button\n                onClick={() => setConfirmRevoke({ provider: conn.provider, label: conn.label })}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error\"\n                title=\"Revoke credential\"\n              >\n                <Trash2 className=\"w-4 h-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      <ConfirmDeleteModal\n        open={!!confirmRevoke}\n        onClose={() => setConfirmRevoke(null)}\n        onConfirm={handleRevoke}\n        title=\"Revoke Credential\"\n        description={\n          <>\n            Revoke the{' '}\n            <span className=\"font-medium text-text-primary capitalize\">\n              {confirmRevoke?.provider}\n            </span>\n            {confirmRevoke?.label !== 'default' && (\n              <> ({confirmRevoke?.label})</>\n            )}{' '}\n            credential? Tools will no longer be able to use this credential.\n          </>\n        }\n        isPending={disconnect.isPending}\n        error={disconnect.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["PROVIDERS","CredentialsPage","data","isLoading","useOAuthConnections","disconnect","useDisconnectOAuth","confirmRevoke","setConfirmRevoke","useState","addOpen","setAddOpen","selectedProvider","setSelectedProvider","connections","handleRevoke","connectUrl","provider","LT_BASE","getToken","jsx","PageHeader","jsxs","o","Plus","e","key","p","ChevronDown","_a","OAuthIcon","_b","i","Unplug","conn","TimeAgo","Trash2","ConfirmDeleteModal","Fragment"],"mappings":"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"}

package/dashboard/dist/assets/{CronLabel-Cfq2Hlsq.js → CronLabel-CcPaepiQ.js}

@@ -1,2 +1,2 @@
-import{u as o,b as i,c as r,j as u}from"./vendor-query-B2UbickB.js";import{b as n}from"./index-B_e2uIz9.js";import{a5 as c}from"./vendor-icons-5gSix3t2.js";function l(e){return o({queryKey:["agent-subscriptions",e],queryFn:()=>n(`/agents/${e}/subscriptions`),enabled:!!e})}function m(){const e=i();return r({mutationFn:({agentId:s,...t})=>n(`/agents/${s}/subscriptions`,{method:"POST",body:JSON.stringify(t)}),onSuccess:(s,t)=>{e.invalidateQueries({queryKey:["agent-subscriptions",t.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}function d(){const e=i();return r({mutationFn:({agentId:s,subId:t,...a})=>n(`/agents/${s}/subscriptions/${t}`,{method:"PUT",body:JSON.stringify(a)}),onSuccess:(s,t)=>{e.invalidateQueries({queryKey:["agent-subscriptions",t.agentId]})}})}function g(){const e=i();return r({mutationFn:({agentId:s,subId:t})=>n(`/agents/${s}/subscriptions/${t}`,{method:"DELETE"}),onSuccess:(s,t)=>{e.invalidateQueries({queryKey:["agent-subscriptions",t.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}function f({cron:e}){return u.jsxs("span",{className:"inline-flex items-center gap-1 text-[11px] font-mono text-text-secondary",children:[u.jsx(c,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary",strokeWidth:1.5}),e]})}export{f as C,m as a,d as b,g as c,l as u};
-//# sourceMappingURL=CronLabel-Cfq2Hlsq.js.map
+import{u as o,b as i,c as r,j as u}from"./vendor-query-B2UbickB.js";import{b as n}from"./index-CGy9PrdX.js";import{a5 as c}from"./vendor-icons-5gSix3t2.js";function l(e){return o({queryKey:["agent-subscriptions",e],queryFn:()=>n(`/agents/${e}/subscriptions`),enabled:!!e})}function m(){const e=i();return r({mutationFn:({agentId:s,...t})=>n(`/agents/${s}/subscriptions`,{method:"POST",body:JSON.stringify(t)}),onSuccess:(s,t)=>{e.invalidateQueries({queryKey:["agent-subscriptions",t.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}function d(){const e=i();return r({mutationFn:({agentId:s,subId:t,...a})=>n(`/agents/${s}/subscriptions/${t}`,{method:"PUT",body:JSON.stringify(a)}),onSuccess:(s,t)=>{e.invalidateQueries({queryKey:["agent-subscriptions",t.agentId]})}})}function g(){const e=i();return r({mutationFn:({agentId:s,subId:t})=>n(`/agents/${s}/subscriptions/${t}`,{method:"DELETE"}),onSuccess:(s,t)=>{e.invalidateQueries({queryKey:["agent-subscriptions",t.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}function f({cron:e}){return u.jsxs("span",{className:"inline-flex items-center gap-1 text-[11px] font-mono text-text-secondary",children:[u.jsx(c,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary",strokeWidth:1.5}),e]})}export{f as C,m as a,d as b,g as c,l as u};
+//# sourceMappingURL=CronLabel-CcPaepiQ.js.map

package/dashboard/dist/assets/{CronLabel-Cfq2Hlsq.js.map → CronLabel-CcPaepiQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CronLabel-Cfq2Hlsq.js","sources":["../../src/api/agent-subscriptions.ts","../../src/components/common/display/CronLabel.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\nexport interface AgentSubscription {\n  id: string;\n  agent_id: string;\n  topic: string;\n  filter?: Record<string, any>;\n  reaction_type: 'durable' | 'pipeline' | 'mcp_query' | 'capability';\n  workflow_type?: string;\n  pipeline_id?: string;\n  mcp_prompt?: string;\n  server_id?: string;\n  tool_name?: string;\n  input_mapping: Record<string, any>;\n  execute_as?: string;\n  enabled: boolean;\n  created_at: string;\n  updated_at: string;\n}\n\ninterface SubscriptionListResponse {\n  subscriptions: AgentSubscription[];\n}\n\nexport function useAgentSubscriptions(agentId: string | null) {\n  return useQuery<SubscriptionListResponse>({\n    queryKey: ['agent-subscriptions', agentId],\n    queryFn: () => apiFetch(`/agents/${agentId}/subscriptions`),\n    enabled: !!agentId,\n  });\n}\n\nexport function useCreateSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<AgentSubscription, Error, { agentId: string } & Partial<AgentSubscription>>({\n    mutationFn: ({ agentId, ...body }) =>\n      apiFetch(`/agents/${agentId}/subscriptions`, {\n        method: 'POST',\n        body: JSON.stringify(body),\n      }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n      queryClient.invalidateQueries({ queryKey: ['agents'] });\n    },\n  });\n}\n\nexport function useUpdateSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<AgentSubscription, Error, { agentId: string; subId: string } & Partial<AgentSubscription>>({\n    mutationFn: ({ agentId, subId, ...body }) =>\n      apiFetch(`/agents/${agentId}/subscriptions/${subId}`, {\n        method: 'PUT',\n        body: JSON.stringify(body),\n      }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n    },\n  });\n}\n\nexport function useDeleteSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<{ deleted: boolean }, Error, { agentId: string; subId: string }>({\n    mutationFn: ({ agentId, subId }) =>\n      apiFetch(`/agents/${agentId}/subscriptions/${subId}`, { method: 'DELETE' }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n      queryClient.invalidateQueries({ queryKey: ['agents'] });\n    },\n  });\n}\n","import { Clock } from 'lucide-react';\n\ninterface CronLabelProps {\n  cron: string;\n}\n\n/**\n * Universal cron expression display — Clock icon + monotype text.\n * Used everywhere a cron schedule is rendered.\n */\nexport function CronLabel({ cron }: CronLabelProps) {\n  return (\n    <span className=\"inline-flex items-center gap-1 text-[11px] font-mono text-text-secondary\">\n      <Clock className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n      {cron}\n    </span>\n  );\n}\n"],"names":["useAgentSubscriptions","agentId","useQuery","apiFetch","useCreateSubscription","queryClient","useQueryClient","useMutation","body","_","vars","useUpdateSubscription","subId","useDeleteSubscription","CronLabel","cron","jsxs","jsx","Clock"],"mappings":"4JAyBO,SAASA,EAAsBC,EAAwB,CAC5D,OAAOC,EAAmC,CACxC,SAAU,CAAC,sBAAuBD,CAAO,EACzC,QAAS,IAAME,EAAS,WAAWF,CAAO,gBAAgB,EAC1D,QAAS,CAAC,CAACA,CAAA,CACZ,CACH,CAEO,SAASG,GAAwB,CACtC,MAAMC,EAAcC,EAAA,EACpB,OAAOC,EAAwF,CAC7F,WAAY,CAAC,CAAE,QAAAN,EAAS,GAAGO,KACzBL,EAAS,WAAWF,CAAO,iBAAkB,CAC3C,OAAQ,OACR,KAAM,KAAK,UAAUO,CAAI,CAAA,CAC1B,EACH,UAAW,CAACC,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,EACjFL,EAAY,kBAAkB,CAAE,SAAU,CAAC,QAAQ,EAAG,CACxD,CAAA,CACD,CACH,CAEO,SAASM,GAAwB,CACtC,MAAMN,EAAcC,EAAA,EACpB,OAAOC,EAAuG,CAC5G,WAAY,CAAC,CAAE,QAAAN,EAAS,MAAAW,EAAO,GAAGJ,CAAA,IAChCL,EAAS,WAAWF,CAAO,kBAAkBW,CAAK,GAAI,CACpD,OAAQ,MACR,KAAM,KAAK,UAAUJ,CAAI,CAAA,CAC1B,EACH,UAAW,CAACC,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,CACnF,CAAA,CACD,CACH,CAEO,SAASG,GAAwB,CACtC,MAAMR,EAAcC,EAAA,EACpB,OAAOC,EAA6E,CAClF,WAAY,CAAC,CAAE,QAAAN,EAAS,MAAAW,KACtBT,EAAS,WAAWF,CAAO,kBAAkBW,CAAK,GAAI,CAAE,OAAQ,SAAU,EAC5E,UAAW,CAACH,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,EACjFL,EAAY,kBAAkB,CAAE,SAAU,CAAC,QAAQ,EAAG,CACxD,CAAA,CACD,CACH,CC9DO,SAASS,EAAU,CAAE,KAAAC,GAAwB,CAClD,OACEC,EAAAA,KAAC,OAAA,CAAK,UAAU,2EACd,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAM,UAAU,4CAA4C,YAAa,IAAK,EAC9EH,CAAA,EACH,CAEJ"}
+{"version":3,"file":"CronLabel-CcPaepiQ.js","sources":["../../src/api/agent-subscriptions.ts","../../src/components/common/display/CronLabel.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\nexport interface AgentSubscription {\n  id: string;\n  agent_id: string;\n  topic: string;\n  filter?: Record<string, any>;\n  reaction_type: 'durable' | 'pipeline' | 'mcp_query' | 'capability';\n  workflow_type?: string;\n  pipeline_id?: string;\n  mcp_prompt?: string;\n  server_id?: string;\n  tool_name?: string;\n  input_mapping: Record<string, any>;\n  execute_as?: string;\n  enabled: boolean;\n  created_at: string;\n  updated_at: string;\n}\n\ninterface SubscriptionListResponse {\n  subscriptions: AgentSubscription[];\n}\n\nexport function useAgentSubscriptions(agentId: string | null) {\n  return useQuery<SubscriptionListResponse>({\n    queryKey: ['agent-subscriptions', agentId],\n    queryFn: () => apiFetch(`/agents/${agentId}/subscriptions`),\n    enabled: !!agentId,\n  });\n}\n\nexport function useCreateSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<AgentSubscription, Error, { agentId: string } & Partial<AgentSubscription>>({\n    mutationFn: ({ agentId, ...body }) =>\n      apiFetch(`/agents/${agentId}/subscriptions`, {\n        method: 'POST',\n        body: JSON.stringify(body),\n      }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n      queryClient.invalidateQueries({ queryKey: ['agents'] });\n    },\n  });\n}\n\nexport function useUpdateSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<AgentSubscription, Error, { agentId: string; subId: string } & Partial<AgentSubscription>>({\n    mutationFn: ({ agentId, subId, ...body }) =>\n      apiFetch(`/agents/${agentId}/subscriptions/${subId}`, {\n        method: 'PUT',\n        body: JSON.stringify(body),\n      }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n    },\n  });\n}\n\nexport function useDeleteSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<{ deleted: boolean }, Error, { agentId: string; subId: string }>({\n    mutationFn: ({ agentId, subId }) =>\n      apiFetch(`/agents/${agentId}/subscriptions/${subId}`, { method: 'DELETE' }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n      queryClient.invalidateQueries({ queryKey: ['agents'] });\n    },\n  });\n}\n","import { Clock } from 'lucide-react';\n\ninterface CronLabelProps {\n  cron: string;\n}\n\n/**\n * Universal cron expression display — Clock icon + monotype text.\n * Used everywhere a cron schedule is rendered.\n */\nexport function CronLabel({ cron }: CronLabelProps) {\n  return (\n    <span className=\"inline-flex items-center gap-1 text-[11px] font-mono text-text-secondary\">\n      <Clock className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n      {cron}\n    </span>\n  );\n}\n"],"names":["useAgentSubscriptions","agentId","useQuery","apiFetch","useCreateSubscription","queryClient","useQueryClient","useMutation","body","_","vars","useUpdateSubscription","subId","useDeleteSubscription","CronLabel","cron","jsxs","jsx","Clock"],"mappings":"4JAyBO,SAASA,EAAsBC,EAAwB,CAC5D,OAAOC,EAAmC,CACxC,SAAU,CAAC,sBAAuBD,CAAO,EACzC,QAAS,IAAME,EAAS,WAAWF,CAAO,gBAAgB,EAC1D,QAAS,CAAC,CAACA,CAAA,CACZ,CACH,CAEO,SAASG,GAAwB,CACtC,MAAMC,EAAcC,EAAA,EACpB,OAAOC,EAAwF,CAC7F,WAAY,CAAC,CAAE,QAAAN,EAAS,GAAGO,KACzBL,EAAS,WAAWF,CAAO,iBAAkB,CAC3C,OAAQ,OACR,KAAM,KAAK,UAAUO,CAAI,CAAA,CAC1B,EACH,UAAW,CAACC,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,EACjFL,EAAY,kBAAkB,CAAE,SAAU,CAAC,QAAQ,EAAG,CACxD,CAAA,CACD,CACH,CAEO,SAASM,GAAwB,CACtC,MAAMN,EAAcC,EAAA,EACpB,OAAOC,EAAuG,CAC5G,WAAY,CAAC,CAAE,QAAAN,EAAS,MAAAW,EAAO,GAAGJ,CAAA,IAChCL,EAAS,WAAWF,CAAO,kBAAkBW,CAAK,GAAI,CACpD,OAAQ,MACR,KAAM,KAAK,UAAUJ,CAAI,CAAA,CAC1B,EACH,UAAW,CAACC,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,CACnF,CAAA,CACD,CACH,CAEO,SAASG,GAAwB,CACtC,MAAMR,EAAcC,EAAA,EACpB,OAAOC,EAA6E,CAClF,WAAY,CAAC,CAAE,QAAAN,EAAS,MAAAW,KACtBT,EAAS,WAAWF,CAAO,kBAAkBW,CAAK,GAAI,CAAE,OAAQ,SAAU,EAC5E,UAAW,CAACH,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,EACjFL,EAAY,kBAAkB,CAAE,SAAU,CAAC,QAAQ,EAAG,CACxD,CAAA,CACD,CACH,CC9DO,SAASS,EAAU,CAAE,KAAAC,GAAwB,CAClD,OACEC,EAAAA,KAAC,OAAA,CAAK,UAAU,2EACd,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAM,UAAU,4CAA4C,YAAa,IAAK,EAC9EH,CAAA,EACH,CAEJ"}

package/dashboard/dist/assets/{CustomDurationPicker-CSvIDpXD.js → CustomDurationPicker-CPkebwlV.js}

@@ -1,2 +1,2 @@
-import{a as u,j as i}from"./vendor-query-B2UbickB.js";import{u as x}from"./index-B_e2uIz9.js";import{D as d,f as v}from"./constants-BHkpVaqx.js";function j(){const{data:e}=x();return u.useMemo(()=>{var n;return(((n=e==null?void 0:e.escalation)==null?void 0:n.claimDurations)??d).map(a=>({value:String(a),label:v(a)}))},[e])}const f=[{value:1,label:"minutes"},{value:60,label:"hours"}];function C({onChange:e,compact:r,autoFocus:n,"data-testid":a="custom-duration-input"}){const[l,m]=u.useState(""),[s,c]=u.useState(1);u.useEffect(()=>{const t=parseInt(l);e(t>0?t*s:0)},[l,s,e]);const o=r?"text-xs":"text-sm",p=r?"w-16":"w-20";return i.jsxs("div",{className:"flex items-center gap-2","data-testid":a,children:[i.jsx("input",{type:"number",min:1,max:s===60?24:1440,value:l,onChange:t=>m(t.target.value),placeholder:s===60?"hrs":"min",className:`input ${o} ${p} text-center`,autoFocus:n,"data-testid":`${a}-quantity`}),i.jsx("select",{value:s,onChange:t=>c(parseInt(t.target.value)),className:`select ${o} py-1`,"data-testid":`${a}-unit`,children:f.map(t=>i.jsx("option",{value:t.value,children:t.label},t.value))})]})}export{C,j as u};
-//# sourceMappingURL=CustomDurationPicker-CSvIDpXD.js.map
+import{a as u,j as i}from"./vendor-query-B2UbickB.js";import{u as x}from"./index-CGy9PrdX.js";import{D as d,f as v}from"./constants-BHkpVaqx.js";function j(){const{data:e}=x();return u.useMemo(()=>{var n;return(((n=e==null?void 0:e.escalation)==null?void 0:n.claimDurations)??d).map(a=>({value:String(a),label:v(a)}))},[e])}const f=[{value:1,label:"minutes"},{value:60,label:"hours"}];function C({onChange:e,compact:r,autoFocus:n,"data-testid":a="custom-duration-input"}){const[l,m]=u.useState(""),[s,c]=u.useState(1);u.useEffect(()=>{const t=parseInt(l);e(t>0?t*s:0)},[l,s,e]);const o=r?"text-xs":"text-sm",p=r?"w-16":"w-20";return i.jsxs("div",{className:"flex items-center gap-2","data-testid":a,children:[i.jsx("input",{type:"number",min:1,max:s===60?24:1440,value:l,onChange:t=>m(t.target.value),placeholder:s===60?"hrs":"min",className:`input ${o} ${p} text-center`,autoFocus:n,"data-testid":`${a}-quantity`}),i.jsx("select",{value:s,onChange:t=>c(parseInt(t.target.value)),className:`select ${o} py-1`,"data-testid":`${a}-unit`,children:f.map(t=>i.jsx("option",{value:t.value,children:t.label},t.value))})]})}export{C,j as u};
+//# sourceMappingURL=CustomDurationPicker-CPkebwlV.js.map

package/dashboard/dist/assets/{CustomDurationPicker-CSvIDpXD.js.map → CustomDurationPicker-CPkebwlV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CustomDurationPicker-CSvIDpXD.js","sources":["../../src/hooks/useClaimDurations.ts","../../src/components/common/form/CustomDurationPicker.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useSettings } from '../api/settings';\nimport { DEFAULT_CLAIM_DURATIONS, formatClaimDuration } from '../lib/constants';\n\nexport interface ClaimDurationOption {\n  value: string;\n  label: string;\n}\n\n/**\n * Returns claim duration presets from server settings (with fallback).\n * Options are formatted for use in selects and tab rows.\n */\nexport function useClaimDurations(): ClaimDurationOption[] {\n  const { data: settings } = useSettings();\n\n  return useMemo(() => {\n    const minutes = settings?.escalation?.claimDurations ?? DEFAULT_CLAIM_DURATIONS;\n    return minutes.map((m) => ({\n      value: String(m),\n      label: formatClaimDuration(m),\n    }));\n  }, [settings]);\n}\n","import { useState, useEffect } from 'react';\n\nconst UNITS = [\n  { value: 1, label: 'minutes' },\n  { value: 60, label: 'hours' },\n] as const;\n\ninterface CustomDurationPickerProps {\n  /** Called with the computed duration in minutes whenever quantity or unit changes */\n  onChange: (minutes: number) => void;\n  /** Compact variant for inline use (e.g. action bars) */\n  compact?: boolean;\n  /** Auto-focus the quantity input */\n  autoFocus?: boolean;\n  'data-testid'?: string;\n}\n\nexport function CustomDurationPicker({\n  onChange,\n  compact,\n  autoFocus,\n  'data-testid': testId = 'custom-duration-input',\n}: CustomDurationPickerProps) {\n  const [quantity, setQuantity] = useState('');\n  const [multiplier, setMultiplier] = useState(1);\n\n  useEffect(() => {\n    const q = parseInt(quantity);\n    onChange(q > 0 ? q * multiplier : 0);\n  }, [quantity, multiplier, onChange]);\n\n  const textSize = compact ? 'text-xs' : 'text-sm';\n  const inputWidth = compact ? 'w-16' : 'w-20';\n\n  return (\n    <div className=\"flex items-center gap-2\" data-testid={testId}>\n      <input\n        type=\"number\"\n        min={1}\n        max={multiplier === 60 ? 24 : 1440}\n        value={quantity}\n        onChange={(e) => setQuantity(e.target.value)}\n        placeholder={multiplier === 60 ? 'hrs' : 'min'}\n        className={`input ${textSize} ${inputWidth} text-center`}\n        autoFocus={autoFocus}\n        data-testid={`${testId}-quantity`}\n      />\n      <select\n        value={multiplier}\n        onChange={(e) => setMultiplier(parseInt(e.target.value))}\n        className={`select ${textSize} py-1`}\n        data-testid={`${testId}-unit`}\n      >\n        {UNITS.map((u) => (\n          <option key={u.value} value={u.value}>{u.label}</option>\n        ))}\n      </select>\n    </div>\n  );\n}\n"],"names":["useClaimDurations","settings","useSettings","useMemo","_a","DEFAULT_CLAIM_DURATIONS","m","formatClaimDuration","UNITS","CustomDurationPicker","onChange","compact","autoFocus","testId","quantity","setQuantity","useState","multiplier","setMultiplier","useEffect","q","textSize","inputWidth","jsxs","jsx","e","u"],"mappings":"iJAaO,SAASA,GAA2C,CACzD,KAAM,CAAE,KAAMC,CAAA,EAAaC,EAAA,EAE3B,OAAOC,EAAAA,QAAQ,IAAM,OAEnB,SADgBC,EAAAH,GAAA,YAAAA,EAAU,aAAV,YAAAG,EAAsB,iBAAkBC,GACzC,IAAKC,IAAO,CACzB,MAAO,OAAOA,CAAC,EACf,MAAOC,EAAoBD,CAAC,CAAA,EAC5B,CACJ,EAAG,CAACL,CAAQ,CAAC,CACf,CCrBA,MAAMO,EAAQ,CACZ,CAAE,MAAO,EAAG,MAAO,SAAA,EACnB,CAAE,MAAO,GAAI,MAAO,OAAA,CACtB,EAYO,SAASC,EAAqB,CACnC,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAeC,EAAS,uBAC1B,EAA8B,CAC5B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAE,EACrC,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,CAAC,EAE9CG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAI,SAASN,CAAQ,EAC3BJ,EAASU,EAAI,EAAIA,EAAIH,EAAa,CAAC,CACrC,EAAG,CAACH,EAAUG,EAAYP,CAAQ,CAAC,EAEnC,MAAMW,EAAWV,EAAU,UAAY,UACjCW,EAAaX,EAAU,OAAS,OAEtC,OACEY,EAAAA,KAAC,MAAA,CAAI,UAAU,0BAA0B,cAAaV,EACpD,SAAA,CAAAW,EAAAA,IAAC,QAAA,CACC,KAAK,SACL,IAAK,EACL,IAAKP,IAAe,GAAK,GAAK,KAC9B,MAAOH,EACP,SAAWW,GAAMV,EAAYU,EAAE,OAAO,KAAK,EAC3C,YAAaR,IAAe,GAAK,MAAQ,MACzC,UAAW,SAASI,CAAQ,IAAIC,CAAU,eAC1C,UAAAV,EACA,cAAa,GAAGC,CAAM,WAAA,CAAA,EAExBW,EAAAA,IAAC,SAAA,CACC,MAAOP,EACP,SAAWQ,GAAMP,EAAc,SAASO,EAAE,OAAO,KAAK,CAAC,EACvD,UAAW,UAAUJ,CAAQ,QAC7B,cAAa,GAAGR,CAAM,QAErB,SAAAL,EAAM,IAAKkB,GACVF,EAAAA,IAAC,SAAA,CAAqB,MAAOE,EAAE,MAAQ,SAAAA,EAAE,KAAA,EAA5BA,EAAE,KAAgC,CAChD,CAAA,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"CustomDurationPicker-CPkebwlV.js","sources":["../../src/hooks/useClaimDurations.ts","../../src/components/common/form/CustomDurationPicker.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useSettings } from '../api/settings';\nimport { DEFAULT_CLAIM_DURATIONS, formatClaimDuration } from '../lib/constants';\n\nexport interface ClaimDurationOption {\n  value: string;\n  label: string;\n}\n\n/**\n * Returns claim duration presets from server settings (with fallback).\n * Options are formatted for use in selects and tab rows.\n */\nexport function useClaimDurations(): ClaimDurationOption[] {\n  const { data: settings } = useSettings();\n\n  return useMemo(() => {\n    const minutes = settings?.escalation?.claimDurations ?? DEFAULT_CLAIM_DURATIONS;\n    return minutes.map((m) => ({\n      value: String(m),\n      label: formatClaimDuration(m),\n    }));\n  }, [settings]);\n}\n","import { useState, useEffect } from 'react';\n\nconst UNITS = [\n  { value: 1, label: 'minutes' },\n  { value: 60, label: 'hours' },\n] as const;\n\ninterface CustomDurationPickerProps {\n  /** Called with the computed duration in minutes whenever quantity or unit changes */\n  onChange: (minutes: number) => void;\n  /** Compact variant for inline use (e.g. action bars) */\n  compact?: boolean;\n  /** Auto-focus the quantity input */\n  autoFocus?: boolean;\n  'data-testid'?: string;\n}\n\nexport function CustomDurationPicker({\n  onChange,\n  compact,\n  autoFocus,\n  'data-testid': testId = 'custom-duration-input',\n}: CustomDurationPickerProps) {\n  const [quantity, setQuantity] = useState('');\n  const [multiplier, setMultiplier] = useState(1);\n\n  useEffect(() => {\n    const q = parseInt(quantity);\n    onChange(q > 0 ? q * multiplier : 0);\n  }, [quantity, multiplier, onChange]);\n\n  const textSize = compact ? 'text-xs' : 'text-sm';\n  const inputWidth = compact ? 'w-16' : 'w-20';\n\n  return (\n    <div className=\"flex items-center gap-2\" data-testid={testId}>\n      <input\n        type=\"number\"\n        min={1}\n        max={multiplier === 60 ? 24 : 1440}\n        value={quantity}\n        onChange={(e) => setQuantity(e.target.value)}\n        placeholder={multiplier === 60 ? 'hrs' : 'min'}\n        className={`input ${textSize} ${inputWidth} text-center`}\n        autoFocus={autoFocus}\n        data-testid={`${testId}-quantity`}\n      />\n      <select\n        value={multiplier}\n        onChange={(e) => setMultiplier(parseInt(e.target.value))}\n        className={`select ${textSize} py-1`}\n        data-testid={`${testId}-unit`}\n      >\n        {UNITS.map((u) => (\n          <option key={u.value} value={u.value}>{u.label}</option>\n        ))}\n      </select>\n    </div>\n  );\n}\n"],"names":["useClaimDurations","settings","useSettings","useMemo","_a","DEFAULT_CLAIM_DURATIONS","m","formatClaimDuration","UNITS","CustomDurationPicker","onChange","compact","autoFocus","testId","quantity","setQuantity","useState","multiplier","setMultiplier","useEffect","q","textSize","inputWidth","jsxs","jsx","e","u"],"mappings":"iJAaO,SAASA,GAA2C,CACzD,KAAM,CAAE,KAAMC,CAAA,EAAaC,EAAA,EAE3B,OAAOC,EAAAA,QAAQ,IAAM,OAEnB,SADgBC,EAAAH,GAAA,YAAAA,EAAU,aAAV,YAAAG,EAAsB,iBAAkBC,GACzC,IAAKC,IAAO,CACzB,MAAO,OAAOA,CAAC,EACf,MAAOC,EAAoBD,CAAC,CAAA,EAC5B,CACJ,EAAG,CAACL,CAAQ,CAAC,CACf,CCrBA,MAAMO,EAAQ,CACZ,CAAE,MAAO,EAAG,MAAO,SAAA,EACnB,CAAE,MAAO,GAAI,MAAO,OAAA,CACtB,EAYO,SAASC,EAAqB,CACnC,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAeC,EAAS,uBAC1B,EAA8B,CAC5B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAE,EACrC,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,CAAC,EAE9CG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAI,SAASN,CAAQ,EAC3BJ,EAASU,EAAI,EAAIA,EAAIH,EAAa,CAAC,CACrC,EAAG,CAACH,EAAUG,EAAYP,CAAQ,CAAC,EAEnC,MAAMW,EAAWV,EAAU,UAAY,UACjCW,EAAaX,EAAU,OAAS,OAEtC,OACEY,EAAAA,KAAC,MAAA,CAAI,UAAU,0BAA0B,cAAaV,EACpD,SAAA,CAAAW,EAAAA,IAAC,QAAA,CACC,KAAK,SACL,IAAK,EACL,IAAKP,IAAe,GAAK,GAAK,KAC9B,MAAOH,EACP,SAAWW,GAAMV,EAAYU,EAAE,OAAO,KAAK,EAC3C,YAAaR,IAAe,GAAK,MAAQ,MACzC,UAAW,SAASI,CAAQ,IAAIC,CAAU,eAC1C,UAAAV,EACA,cAAa,GAAGC,CAAM,WAAA,CAAA,EAExBW,EAAAA,IAAC,SAAA,CACC,MAAOP,EACP,SAAWQ,GAAMP,EAAc,SAASO,EAAE,OAAO,KAAK,CAAC,EACvD,UAAW,UAAUJ,CAAQ,QAC7B,cAAa,GAAGR,CAAM,QAErB,SAAAL,EAAM,IAAKkB,GACVF,EAAAA,IAAC,SAAA,CAAqB,MAAOE,EAAE,MAAQ,SAAAA,EAAE,KAAA,EAA5BA,EAAE,KAAgC,CAChD,CAAA,CAAA,CACH,EACF,CAEJ"}

package/dashboard/dist/assets/{ElapsedCell-B4nhqILk.js → ElapsedCell-BjL_EpqA.js}

@@ -1,2 +1,2 @@
-import{a as s,j as n}from"./vendor-query-B2UbickB.js";import{z as p,x as f}from"./index-B_e2uIz9.js";function D({startDate:r,endDate:o,isLive:e}){const[l,c]=s.useState(Date.now);s.useEffect(()=>{if(!e)return;const u=setInterval(()=>c(Date.now()),1e3);return()=>clearInterval(u)},[e]);const x=new Date(r).getTime(),i=o?new Date(o).getTime():l,t=Math.max(0,i-x),a=p(t),m=s.useMemo(()=>[{label:"ms",value:String(t)},{label:"sec",value:`${(t/1e3).toFixed(3)}s`},{label:"text",value:a}],[t,a]);return n.jsx(f,{options:m,children:n.jsx("span",{className:`text-xs ${e?"text-status-active":"text-text-tertiary"}`,children:a})})}export{D as E};
-//# sourceMappingURL=ElapsedCell-B4nhqILk.js.map
+import{a as s,j as n}from"./vendor-query-B2UbickB.js";import{z as p,x as f}from"./index-CGy9PrdX.js";function D({startDate:r,endDate:o,isLive:e}){const[l,c]=s.useState(Date.now);s.useEffect(()=>{if(!e)return;const u=setInterval(()=>c(Date.now()),1e3);return()=>clearInterval(u)},[e]);const x=new Date(r).getTime(),i=o?new Date(o).getTime():l,t=Math.max(0,i-x),a=p(t),m=s.useMemo(()=>[{label:"ms",value:String(t)},{label:"sec",value:`${(t/1e3).toFixed(3)}s`},{label:"text",value:a}],[t,a]);return n.jsx(f,{options:m,children:n.jsx("span",{className:`text-xs ${e?"text-status-active":"text-text-tertiary"}`,children:a})})}export{D as E};
+//# sourceMappingURL=ElapsedCell-BjL_EpqA.js.map

package/dashboard/dist/assets/{ElapsedCell-B4nhqILk.js.map → ElapsedCell-BjL_EpqA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ElapsedCell-B4nhqILk.js","sources":["../../src/components/common/display/ElapsedCell.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { formatDurationCompact } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\ninterface ElapsedCellProps {\n  startDate: string;\n  endDate?: string | null;\n  isLive?: boolean;\n}\n\n/**\n * Elapsed duration cell for data tables.\n * Shows compact duration with hover tooltip. Ticks every second when live.\n */\nexport function ElapsedCell({ startDate, endDate, isLive }: ElapsedCellProps) {\n  const [now, setNow] = useState(Date.now);\n\n  useEffect(() => {\n    if (!isLive) return;\n    const id = setInterval(() => setNow(Date.now()), 1000);\n    return () => clearInterval(id);\n  }, [isLive]);\n\n  const start = new Date(startDate).getTime();\n  const end = endDate ? new Date(endDate).getTime() : now;\n  const ms = Math.max(0, end - start);\n\n  const display = formatDurationCompact(ms);\n\n  const options = useMemo(() => [\n    { label: 'ms', value: String(ms) },\n    { label: 'sec', value: `${(ms / 1000).toFixed(3)}s` },\n    { label: 'text', value: display },\n  ], [ms, display]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs ${isLive ? 'text-status-active' : 'text-text-tertiary'}`}>\n        {display}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["ElapsedCell","startDate","endDate","isLive","now","setNow","useState","useEffect","id","start","end","ms","display","formatDurationCompact","options","useMemo","jsx","DateTooltip"],"mappings":"qGAcO,SAASA,EAAY,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,GAA4B,CAC5E,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAS,KAAK,GAAG,EAEvCC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAQ,OACb,MAAMK,EAAK,YAAY,IAAMH,EAAO,KAAK,IAAA,CAAK,EAAG,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAE,CAC/B,EAAG,CAACL,CAAM,CAAC,EAEX,MAAMM,EAAQ,IAAI,KAAKR,CAAS,EAAE,QAAA,EAC5BS,EAAMR,EAAU,IAAI,KAAKA,CAAO,EAAE,UAAYE,EAC9CO,EAAK,KAAK,IAAI,EAAGD,EAAMD,CAAK,EAE5BG,EAAUC,EAAsBF,CAAE,EAElCG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,CAAE,MAAO,KAAM,MAAO,OAAOJ,CAAE,CAAA,EAC/B,CAAE,MAAO,MAAO,MAAO,IAAIA,EAAK,KAAM,QAAQ,CAAC,CAAC,GAAA,EAChD,CAAE,MAAO,OAAQ,MAAOC,CAAA,CAAQ,EAC/B,CAACD,EAAIC,CAAO,CAAC,EAEhB,OACEI,EAAAA,IAACC,EAAA,CAAY,QAAAH,EACX,SAAAE,EAAAA,IAAC,OAAA,CAAK,UAAW,WAAWb,EAAS,qBAAuB,oBAAoB,GAC7E,SAAAS,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"ElapsedCell-BjL_EpqA.js","sources":["../../src/components/common/display/ElapsedCell.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { formatDurationCompact } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\ninterface ElapsedCellProps {\n  startDate: string;\n  endDate?: string | null;\n  isLive?: boolean;\n}\n\n/**\n * Elapsed duration cell for data tables.\n * Shows compact duration with hover tooltip. Ticks every second when live.\n */\nexport function ElapsedCell({ startDate, endDate, isLive }: ElapsedCellProps) {\n  const [now, setNow] = useState(Date.now);\n\n  useEffect(() => {\n    if (!isLive) return;\n    const id = setInterval(() => setNow(Date.now()), 1000);\n    return () => clearInterval(id);\n  }, [isLive]);\n\n  const start = new Date(startDate).getTime();\n  const end = endDate ? new Date(endDate).getTime() : now;\n  const ms = Math.max(0, end - start);\n\n  const display = formatDurationCompact(ms);\n\n  const options = useMemo(() => [\n    { label: 'ms', value: String(ms) },\n    { label: 'sec', value: `${(ms / 1000).toFixed(3)}s` },\n    { label: 'text', value: display },\n  ], [ms, display]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs ${isLive ? 'text-status-active' : 'text-text-tertiary'}`}>\n        {display}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["ElapsedCell","startDate","endDate","isLive","now","setNow","useState","useEffect","id","start","end","ms","display","formatDurationCompact","options","useMemo","jsx","DateTooltip"],"mappings":"qGAcO,SAASA,EAAY,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,GAA4B,CAC5E,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAS,KAAK,GAAG,EAEvCC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAQ,OACb,MAAMK,EAAK,YAAY,IAAMH,EAAO,KAAK,IAAA,CAAK,EAAG,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAE,CAC/B,EAAG,CAACL,CAAM,CAAC,EAEX,MAAMM,EAAQ,IAAI,KAAKR,CAAS,EAAE,QAAA,EAC5BS,EAAMR,EAAU,IAAI,KAAKA,CAAO,EAAE,UAAYE,EAC9CO,EAAK,KAAK,IAAI,EAAGD,EAAMD,CAAK,EAE5BG,EAAUC,EAAsBF,CAAE,EAElCG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,CAAE,MAAO,KAAM,MAAO,OAAOJ,CAAE,CAAA,EAC/B,CAAE,MAAO,MAAO,MAAO,IAAIA,EAAK,KAAM,QAAQ,CAAC,CAAC,GAAA,EAChD,CAAE,MAAO,OAAQ,MAAOC,CAAA,CAAQ,EAC/B,CAACD,EAAIC,CAAO,CAAC,EAEhB,OACEI,EAAAA,IAACC,EAAA,CAAY,QAAAH,EACX,SAAAE,EAAAA,IAAC,OAAA,CAAK,UAAW,WAAWb,EAAS,qBAAuB,oBAAoB,GAC7E,SAAAS,CAAA,CACH,EACF,CAEJ"}

package/dashboard/dist/assets/{EscalationsOverview-CvMHVxgm.js → EscalationsOverview-DyFZKf53.js}

@@ -1,2 +1,2 @@
-import{a as m,j as e}from"./vendor-query-B2UbickB.js";import{i as u}from"./index-B_e2uIz9.js";import{e as p}from"./useEventHooks-CZR0V3cW.js";import{P as b}from"./PageHeader-B4w-LDUF.js";import{S as n}from"./StatCard-DlgF0CJC.js";import{c as j}from"./vendor-react-CX88sFS5.js";import"./vendor-icons-5gSix3t2.js";const v=[{label:"1h",value:"1h"},{label:"24h",value:"24h"},{label:"7d",value:"7d"},{label:"30d",value:"30d"}];function c({value:i,colorClass:r,onClick:o}){return i===0?e.jsx("span",{className:"text-text-tertiary",children:"0"}):e.jsx("button",{onClick:o,className:`${r} hover:underline tabular-nums font-medium`,children:i})}function $(){var d,x;p();const i=j(),[r,o]=m.useState("24h"),{data:s}=u(r),l=t=>{const h=new URLSearchParams(t).toString();i(`/escalations/available${h?`?${h}`:""}`)},a="pb-2 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary";return e.jsxs("div",{children:[e.jsx(b,{title:"Escalations",docsHash:"#docs:dashboard.md:escalations-overview"}),e.jsx("div",{className:"flex items-center gap-1 mb-6",children:v.map(t=>e.jsx("button",{onClick:()=>o(t.value),className:`px-3 py-1 text-xs rounded-full transition-colors ${r===t.value?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:t.label},t.value))}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[e.jsx(n,{label:"Open",value:(s==null?void 0:s.pending)??"—",colorClass:"text-status-pending",onClick:()=>l()}),e.jsx(n,{label:"Claimed",value:(s==null?void 0:s.claimed)??"—",colorClass:"text-status-active",onClick:()=>l()}),e.jsx(n,{label:"Created",value:(s==null?void 0:s.created)??"—",onClick:()=>l()}),e.jsx(n,{label:"Resolved",value:(s==null?void 0:s.resolved)??"—",colorClass:"text-status-success",onClick:()=>l()})]}),(((d=s==null?void 0:s.by_role)==null?void 0:d.length)??0)>0&&e.jsx("div",{className:"mb-8",children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Role"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"})]})}),e.jsx("tbody",{children:s.by_role.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({role:t.role}),className:"hover:text-accent hover:underline",children:t.role})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({role:t.role})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({role:t.role})})})]},t.role))})]})}),(((x=s==null?void 0:s.by_type)==null?void 0:x.length)??0)>0&&e.jsx("div",{children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Type"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Resolved"})]})}),e.jsx("tbody",{children:s.by_type.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({type:t.type}),className:"hover:text-accent hover:underline",children:t.type})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.resolved,colorClass:"text-status-success",onClick:()=>l({type:t.type})})})]},t.type))})]})}),s&&s.by_role.length===0&&s.by_type.length===0&&e.jsx("div",{className:"py-16 text-center",children:e.jsxs("p",{className:"text-sm text-text-tertiary",children:["No escalation activity in the last ",r]})})]})}export{$ as EscalationsOverview};
-//# sourceMappingURL=EscalationsOverview-CvMHVxgm.js.map
+import{a as m,j as e}from"./vendor-query-B2UbickB.js";import{i as u}from"./index-CGy9PrdX.js";import{e as p}from"./useEventHooks-BXzvSJIr.js";import{P as b}from"./PageHeader-B4w-LDUF.js";import{S as n}from"./StatCard-DlgF0CJC.js";import{c as j}from"./vendor-react-CXumBFUA.js";import"./vendor-icons-5gSix3t2.js";const v=[{label:"1h",value:"1h"},{label:"24h",value:"24h"},{label:"7d",value:"7d"},{label:"30d",value:"30d"}];function c({value:i,colorClass:r,onClick:o}){return i===0?e.jsx("span",{className:"text-text-tertiary",children:"0"}):e.jsx("button",{onClick:o,className:`${r} hover:underline tabular-nums font-medium`,children:i})}function $(){var d,x;p();const i=j(),[r,o]=m.useState("24h"),{data:s}=u(r),l=t=>{const h=new URLSearchParams(t).toString();i(`/escalations/available${h?`?${h}`:""}`)},a="pb-2 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary";return e.jsxs("div",{children:[e.jsx(b,{title:"Escalations",docsHash:"#docs:dashboard.md:escalations-overview"}),e.jsx("div",{className:"flex items-center gap-1 mb-6",children:v.map(t=>e.jsx("button",{onClick:()=>o(t.value),className:`px-3 py-1 text-xs rounded-full transition-colors ${r===t.value?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:t.label},t.value))}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[e.jsx(n,{label:"Open",value:(s==null?void 0:s.pending)??"—",colorClass:"text-status-pending",onClick:()=>l()}),e.jsx(n,{label:"Claimed",value:(s==null?void 0:s.claimed)??"—",colorClass:"text-status-active",onClick:()=>l()}),e.jsx(n,{label:"Created",value:(s==null?void 0:s.created)??"—",onClick:()=>l()}),e.jsx(n,{label:"Resolved",value:(s==null?void 0:s.resolved)??"—",colorClass:"text-status-success",onClick:()=>l()})]}),(((d=s==null?void 0:s.by_role)==null?void 0:d.length)??0)>0&&e.jsx("div",{className:"mb-8",children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Role"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"})]})}),e.jsx("tbody",{children:s.by_role.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({role:t.role}),className:"hover:text-accent hover:underline",children:t.role})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({role:t.role})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({role:t.role})})})]},t.role))})]})}),(((x=s==null?void 0:s.by_type)==null?void 0:x.length)??0)>0&&e.jsx("div",{children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Type"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Resolved"})]})}),e.jsx("tbody",{children:s.by_type.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({type:t.type}),className:"hover:text-accent hover:underline",children:t.type})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.resolved,colorClass:"text-status-success",onClick:()=>l({type:t.type})})})]},t.type))})]})}),s&&s.by_role.length===0&&s.by_type.length===0&&e.jsx("div",{className:"py-16 text-center",children:e.jsxs("p",{className:"text-sm text-text-tertiary",children:["No escalation activity in the last ",r]})})]})}export{$ as EscalationsOverview};
+//# sourceMappingURL=EscalationsOverview-DyFZKf53.js.map

package/dashboard/dist/assets/{EscalationsOverview-CvMHVxgm.js.map → EscalationsOverview-DyFZKf53.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EscalationsOverview-CvMHVxgm.js","sources":["../../src/pages/operator/EscalationsOverview.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useEscalationStats } from '../../api/escalations';\nimport { useEscalationStatsEvents } from '../../hooks/useEventHooks';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { StatCard } from '../../components/common/data/StatCard';\n\n// ── Duration filter ──────────────────────────────────────────────────────────\n\nconst DURATIONS = [\n  { label: '1h', value: '1h' },\n  { label: '24h', value: '24h' },\n  { label: '7d', value: '7d' },\n  { label: '30d', value: '30d' },\n] as const;\n\ntype DurationValue = (typeof DURATIONS)[number]['value'];\n\n// ── Clickable stat cell ──────────────────────────────────────────────────────\n\nfunction StatCell({\n  value,\n  colorClass,\n  onClick,\n}: {\n  value: number;\n  colorClass: string;\n  onClick: () => void;\n}) {\n  if (value === 0) {\n    return <span className=\"text-text-tertiary\">0</span>;\n  }\n  return (\n    <button\n      onClick={onClick}\n      className={`${colorClass} hover:underline tabular-nums font-medium`}\n    >\n      {value}\n    </button>\n  );\n}\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function EscalationsOverview() {\n  useEscalationStatsEvents();\n  const navigate = useNavigate();\n  const [duration, setDuration] = useState<DurationValue>('24h');\n\n  const { data: stats } = useEscalationStats(duration);\n\n  const goToList = (params?: Record<string, string>) => {\n    const qs = new URLSearchParams(params).toString();\n    navigate(`/escalations/available${qs ? `?${qs}` : ''}`);\n  };\n\n  const thCls = 'pb-2 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary';\n\n  return (\n    <div>\n      <PageHeader title=\"Escalations\" docsHash=\"#docs:dashboard.md:escalations-overview\" />\n\n      {/* Duration tabs */}\n      <div className=\"flex items-center gap-1 mb-6\">\n        {DURATIONS.map((d) => (\n          <button\n            key={d.value}\n            onClick={() => setDuration(d.value)}\n            className={`px-3 py-1 text-xs rounded-full transition-colors ${\n              duration === d.value\n                ? 'bg-accent text-text-inverse'\n                : 'text-text-tertiary hover:text-text-primary hover:bg-surface-hover'\n            }`}\n          >\n            {d.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Summary cards */}\n      <div className=\"grid grid-cols-4 gap-4 mb-8\">\n        <StatCard label=\"Open\" value={stats?.pending ?? '—'} colorClass=\"text-status-pending\" onClick={() => goToList()} />\n        <StatCard label=\"Claimed\" value={stats?.claimed ?? '—'} colorClass=\"text-status-active\" onClick={() => goToList()} />\n        <StatCard label=\"Created\" value={stats?.created ?? '—'} onClick={() => goToList()} />\n        <StatCard label=\"Resolved\" value={stats?.resolved ?? '—'} colorClass=\"text-status-success\" onClick={() => goToList()} />\n      </div>\n\n      {/* By-role table */}\n      {(stats?.by_role?.length ?? 0) > 0 && (\n        <div className=\"mb-8\">\n          <table className=\"w-full text-left\">\n            <thead>\n              <tr className=\"border-b border-surface-border\">\n                <th className={thCls}>Role</th>\n                <th className={`${thCls} text-right w-24`}>Pending</th>\n                <th className={`${thCls} text-right w-24`}>Claimed</th>\n              </tr>\n            </thead>\n            <tbody>\n              {stats!.by_role.map((row) => (\n                <tr key={row.role} className=\"border-b border-surface-border last:border-b-0\">\n                  <td className=\"py-3 text-sm font-mono text-text-primary\">\n                    <button\n                      onClick={() => goToList({ role: row.role })}\n                      className=\"hover:text-accent hover:underline\"\n                    >\n                      {row.role}\n                    </button>\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.pending}\n                      colorClass=\"text-status-pending\"\n                      onClick={() => goToList({ role: row.role })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.claimed}\n                      colorClass=\"text-status-active\"\n                      onClick={() => goToList({ role: row.role })}\n                    />\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* By-type table */}\n      {(stats?.by_type?.length ?? 0) > 0 && (\n        <div>\n          <table className=\"w-full text-left\">\n            <thead>\n              <tr className=\"border-b border-surface-border\">\n                <th className={thCls}>Type</th>\n                <th className={`${thCls} text-right w-24`}>Pending</th>\n                <th className={`${thCls} text-right w-24`}>Claimed</th>\n                <th className={`${thCls} text-right w-24`}>Resolved</th>\n              </tr>\n            </thead>\n            <tbody>\n              {stats!.by_type.map((row) => (\n                <tr key={row.type} className=\"border-b border-surface-border last:border-b-0\">\n                  <td className=\"py-3 text-sm font-mono text-text-primary\">\n                    <button\n                      onClick={() => goToList({ type: row.type })}\n                      className=\"hover:text-accent hover:underline\"\n                    >\n                      {row.type}\n                    </button>\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.pending}\n                      colorClass=\"text-status-pending\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.claimed}\n                      colorClass=\"text-status-active\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.resolved}\n                      colorClass=\"text-status-success\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* Empty state */}\n      {stats && stats.by_role.length === 0 && stats.by_type.length === 0 && (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-tertiary\">\n            No escalation activity in the last {duration}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["DURATIONS","StatCell","value","colorClass","onClick","jsx","EscalationsOverview","useEscalationStatsEvents","navigate","useNavigate","duration","setDuration","useState","stats","useEscalationStats","goToList","params","qs","thCls","PageHeader","d","jsxs","StatCard","_a","row","_b"],"mappings":"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"}
+{"version":3,"file":"EscalationsOverview-DyFZKf53.js","sources":["../../src/pages/operator/EscalationsOverview.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useEscalationStats } from '../../api/escalations';\nimport { useEscalationStatsEvents } from '../../hooks/useEventHooks';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { StatCard } from '../../components/common/data/StatCard';\n\n// ── Duration filter ──────────────────────────────────────────────────────────\n\nconst DURATIONS = [\n  { label: '1h', value: '1h' },\n  { label: '24h', value: '24h' },\n  { label: '7d', value: '7d' },\n  { label: '30d', value: '30d' },\n] as const;\n\ntype DurationValue = (typeof DURATIONS)[number]['value'];\n\n// ── Clickable stat cell ──────────────────────────────────────────────────────\n\nfunction StatCell({\n  value,\n  colorClass,\n  onClick,\n}: {\n  value: number;\n  colorClass: string;\n  onClick: () => void;\n}) {\n  if (value === 0) {\n    return <span className=\"text-text-tertiary\">0</span>;\n  }\n  return (\n    <button\n      onClick={onClick}\n      className={`${colorClass} hover:underline tabular-nums font-medium`}\n    >\n      {value}\n    </button>\n  );\n}\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function EscalationsOverview() {\n  useEscalationStatsEvents();\n  const navigate = useNavigate();\n  const [duration, setDuration] = useState<DurationValue>('24h');\n\n  const { data: stats } = useEscalationStats(duration);\n\n  const goToList = (params?: Record<string, string>) => {\n    const qs = new URLSearchParams(params).toString();\n    navigate(`/escalations/available${qs ? `?${qs}` : ''}`);\n  };\n\n  const thCls = 'pb-2 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary';\n\n  return (\n    <div>\n      <PageHeader title=\"Escalations\" docsHash=\"#docs:dashboard.md:escalations-overview\" />\n\n      {/* Duration tabs */}\n      <div className=\"flex items-center gap-1 mb-6\">\n        {DURATIONS.map((d) => (\n          <button\n            key={d.value}\n            onClick={() => setDuration(d.value)}\n            className={`px-3 py-1 text-xs rounded-full transition-colors ${\n              duration === d.value\n                ? 'bg-accent text-text-inverse'\n                : 'text-text-tertiary hover:text-text-primary hover:bg-surface-hover'\n            }`}\n          >\n            {d.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Summary cards */}\n      <div className=\"grid grid-cols-4 gap-4 mb-8\">\n        <StatCard label=\"Open\" value={stats?.pending ?? '—'} colorClass=\"text-status-pending\" onClick={() => goToList()} />\n        <StatCard label=\"Claimed\" value={stats?.claimed ?? '—'} colorClass=\"text-status-active\" onClick={() => goToList()} />\n        <StatCard label=\"Created\" value={stats?.created ?? '—'} onClick={() => goToList()} />\n        <StatCard label=\"Resolved\" value={stats?.resolved ?? '—'} colorClass=\"text-status-success\" onClick={() => goToList()} />\n      </div>\n\n      {/* By-role table */}\n      {(stats?.by_role?.length ?? 0) > 0 && (\n        <div className=\"mb-8\">\n          <table className=\"w-full text-left\">\n            <thead>\n              <tr className=\"border-b border-surface-border\">\n                <th className={thCls}>Role</th>\n                <th className={`${thCls} text-right w-24`}>Pending</th>\n                <th className={`${thCls} text-right w-24`}>Claimed</th>\n              </tr>\n            </thead>\n            <tbody>\n              {stats!.by_role.map((row) => (\n                <tr key={row.role} className=\"border-b border-surface-border last:border-b-0\">\n                  <td className=\"py-3 text-sm font-mono text-text-primary\">\n                    <button\n                      onClick={() => goToList({ role: row.role })}\n                      className=\"hover:text-accent hover:underline\"\n                    >\n                      {row.role}\n                    </button>\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.pending}\n                      colorClass=\"text-status-pending\"\n                      onClick={() => goToList({ role: row.role })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.claimed}\n                      colorClass=\"text-status-active\"\n                      onClick={() => goToList({ role: row.role })}\n                    />\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* By-type table */}\n      {(stats?.by_type?.length ?? 0) > 0 && (\n        <div>\n          <table className=\"w-full text-left\">\n            <thead>\n              <tr className=\"border-b border-surface-border\">\n                <th className={thCls}>Type</th>\n                <th className={`${thCls} text-right w-24`}>Pending</th>\n                <th className={`${thCls} text-right w-24`}>Claimed</th>\n                <th className={`${thCls} text-right w-24`}>Resolved</th>\n              </tr>\n            </thead>\n            <tbody>\n              {stats!.by_type.map((row) => (\n                <tr key={row.type} className=\"border-b border-surface-border last:border-b-0\">\n                  <td className=\"py-3 text-sm font-mono text-text-primary\">\n                    <button\n                      onClick={() => goToList({ type: row.type })}\n                      className=\"hover:text-accent hover:underline\"\n                    >\n                      {row.type}\n                    </button>\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.pending}\n                      colorClass=\"text-status-pending\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.claimed}\n                      colorClass=\"text-status-active\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.resolved}\n                      colorClass=\"text-status-success\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* Empty state */}\n      {stats && stats.by_role.length === 0 && stats.by_type.length === 0 && (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-tertiary\">\n            No escalation activity in the last {duration}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["DURATIONS","StatCell","value","colorClass","onClick","jsx","EscalationsOverview","useEscalationStatsEvents","navigate","useNavigate","duration","setDuration","useState","stats","useEscalationStats","goToList","params","qs","thCls","PageHeader","d","jsxs","StatCard","_a","row","_b"],"mappings":"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"}

package/dashboard/dist/assets/{EventTable-faF8fMen.js → EventTable-BFTY1gJh.js}

@@ -1,2 +1,2 @@
-import{a as o,j as t}from"./vendor-query-B2UbickB.js";import{F as C,b as f}from"./FilterBar-Ck4K4rzu.js";import{f as $,C as T}from"./index-B_e2uIz9.js";import{E as F}from"./SwimlaneTimeline-DSra_wMN.js";const D=new Set(["activity_task_scheduled","timer_started","child_workflow_execution_started","signal_wait_started"]),P=new Set(["activity_task_completed","activity_task_failed","timer_fired","child_workflow_execution_completed","child_workflow_execution_failed","workflow_execution_signaled"]);function O(l){const a=new Set;for(const i of l)P.has(i.event_type)&&i.attributes.timeline_key&&a.add(i.attributes.timeline_key);return a}function Y({events:l,childTasks:a}){const[i,_]=o.useState(""),[c,h]=o.useState(""),[x,y]=o.useState("asc"),[u,d]=o.useState(new Set),g=[...new Set(l.map(e=>e.category))].sort(),b=[...new Set(l.map(e=>e.event_type))].sort(),w=O(l),v=e=>{if(e.duration_ms!==null||!D.has(e.event_type))return!1;const s=e.attributes.timeline_key;return!(s&&w.has(s))};let n=l;i&&(n=n.filter(e=>e.category===i)),c&&(n=n.filter(e=>e.event_type===c)),n=[...n].sort((e,s)=>x==="asc"?e.event_id-s.event_id:s.event_id-e.event_id);const j=e=>{switch(e){case"activity":return"bg-blue-500";case"signal":return"bg-emerald-500";case"timer":return"bg-status-warning";case"child_workflow":return"bg-violet-500";default:return"bg-text-tertiary"}},k=e=>{const s=e.event_type;if(e.attributes.activity_type)return`${s} — ${e.attributes.activity_type}`;if(e.attributes.signal_name)return`${s} — ${e.attributes.signal_name}`;if(e.attributes.child_workflow_id){const r=e.attributes.child_workflow_id,S=r.length>24?`${r.slice(0,24)}...`:r;return`${s} — ${S}`}return s},N=e=>{if(!(a!=null&&a.length))return;const s=e.attributes.activity_type;if(s)return a.find(r=>r.workflow_type===s)},p=e=>{d(s=>{const r=new Set(s);return r.has(e)?r.delete(e):r.add(e),r})},m=n.length>0&&n.every(e=>u.has(e.event_id)),E=()=>{d(m?new Set:new Set(n.map(e=>e.event_id)))};return t.jsxs("div",{children:[t.jsxs("div",{className:"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:["Events (",n.length,")"]}),n.length>0&&t.jsx("button",{onClick:E,className:"text-[10px] text-accent hover:underline",children:m?"Collapse all":"Expand all"})]}),t.jsxs(C,{children:[t.jsx(f,{label:"Category",value:i,onChange:_,options:g.map(e=>({value:e,label:e}))}),t.jsx(f,{label:"Type",value:c,onChange:h,options:b.map(e=>({value:e,label:e}))}),t.jsx("button",{onClick:()=>y(e=>e==="asc"?"desc":"asc"),className:"btn-ghost text-xs",children:x==="asc"?"Oldest first":"Newest first"})]})]}),t.jsx("div",{children:n.length===0?t.jsx("div",{className:"px-6 py-8 text-center",children:t.jsx("p",{className:"text-sm text-text-tertiary",children:"No events match the current filters"})}):n.map(e=>{const s=u.has(e.event_id),r=v(e);return t.jsxs("div",{className:"border-b border-surface-border last:border-b-0",children:[t.jsxs("div",{className:"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200",onClick:()=>p(e.event_id),children:[t.jsx("span",{className:`text-[10px] text-text-tertiary transition-transform duration-300 ${s?"rotate-90":""}`,children:"▶"}),t.jsx("span",{className:"text-xs font-mono text-text-tertiary w-8 shrink-0",children:e.event_id}),t.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${j(e.category)}`}),t.jsx("span",{className:"text-sm text-text-primary flex-1 truncate",children:k(e)}),t.jsx("span",{className:"text-xs font-mono text-text-tertiary shrink-0",children:r?t.jsxs("span",{className:"inline-flex items-center gap-1 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-status-warning animate-pulse"}),"Pending"]}):e.duration_ms!==null?$(e.duration_ms):"--"}),t.jsx("time",{className:"text-[10px] font-mono text-text-tertiary shrink-0",children:new Date(e.event_time).toLocaleTimeString()})]}),t.jsx(T,{open:s&&!!e.attributes,children:t.jsx("div",{className:"px-6 pb-4 pl-16",children:t.jsx(F,{event:e,childTask:N(e),pending:r,onClose:()=>p(e.event_id)})})})]},e.event_id)})})]})}export{Y as E};
-//# sourceMappingURL=EventTable-faF8fMen.js.map
+import{a as o,j as t}from"./vendor-query-B2UbickB.js";import{F as C,b as f}from"./FilterBar-Ck4K4rzu.js";import{f as $,C as T}from"./index-CGy9PrdX.js";import{E as F}from"./SwimlaneTimeline-DsPrsDBU.js";const D=new Set(["activity_task_scheduled","timer_started","child_workflow_execution_started","signal_wait_started"]),P=new Set(["activity_task_completed","activity_task_failed","timer_fired","child_workflow_execution_completed","child_workflow_execution_failed","workflow_execution_signaled"]);function O(l){const a=new Set;for(const i of l)P.has(i.event_type)&&i.attributes.timeline_key&&a.add(i.attributes.timeline_key);return a}function Y({events:l,childTasks:a}){const[i,_]=o.useState(""),[c,h]=o.useState(""),[x,y]=o.useState("asc"),[u,d]=o.useState(new Set),g=[...new Set(l.map(e=>e.category))].sort(),b=[...new Set(l.map(e=>e.event_type))].sort(),w=O(l),v=e=>{if(e.duration_ms!==null||!D.has(e.event_type))return!1;const s=e.attributes.timeline_key;return!(s&&w.has(s))};let n=l;i&&(n=n.filter(e=>e.category===i)),c&&(n=n.filter(e=>e.event_type===c)),n=[...n].sort((e,s)=>x==="asc"?e.event_id-s.event_id:s.event_id-e.event_id);const j=e=>{switch(e){case"activity":return"bg-blue-500";case"signal":return"bg-emerald-500";case"timer":return"bg-status-warning";case"child_workflow":return"bg-violet-500";default:return"bg-text-tertiary"}},k=e=>{const s=e.event_type;if(e.attributes.activity_type)return`${s} — ${e.attributes.activity_type}`;if(e.attributes.signal_name)return`${s} — ${e.attributes.signal_name}`;if(e.attributes.child_workflow_id){const r=e.attributes.child_workflow_id,S=r.length>24?`${r.slice(0,24)}...`:r;return`${s} — ${S}`}return s},N=e=>{if(!(a!=null&&a.length))return;const s=e.attributes.activity_type;if(s)return a.find(r=>r.workflow_type===s)},p=e=>{d(s=>{const r=new Set(s);return r.has(e)?r.delete(e):r.add(e),r})},m=n.length>0&&n.every(e=>u.has(e.event_id)),E=()=>{d(m?new Set:new Set(n.map(e=>e.event_id)))};return t.jsxs("div",{children:[t.jsxs("div",{className:"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:["Events (",n.length,")"]}),n.length>0&&t.jsx("button",{onClick:E,className:"text-[10px] text-accent hover:underline",children:m?"Collapse all":"Expand all"})]}),t.jsxs(C,{children:[t.jsx(f,{label:"Category",value:i,onChange:_,options:g.map(e=>({value:e,label:e}))}),t.jsx(f,{label:"Type",value:c,onChange:h,options:b.map(e=>({value:e,label:e}))}),t.jsx("button",{onClick:()=>y(e=>e==="asc"?"desc":"asc"),className:"btn-ghost text-xs",children:x==="asc"?"Oldest first":"Newest first"})]})]}),t.jsx("div",{children:n.length===0?t.jsx("div",{className:"px-6 py-8 text-center",children:t.jsx("p",{className:"text-sm text-text-tertiary",children:"No events match the current filters"})}):n.map(e=>{const s=u.has(e.event_id),r=v(e);return t.jsxs("div",{className:"border-b border-surface-border last:border-b-0",children:[t.jsxs("div",{className:"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200",onClick:()=>p(e.event_id),children:[t.jsx("span",{className:`text-[10px] text-text-tertiary transition-transform duration-300 ${s?"rotate-90":""}`,children:"▶"}),t.jsx("span",{className:"text-xs font-mono text-text-tertiary w-8 shrink-0",children:e.event_id}),t.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${j(e.category)}`}),t.jsx("span",{className:"text-sm text-text-primary flex-1 truncate",children:k(e)}),t.jsx("span",{className:"text-xs font-mono text-text-tertiary shrink-0",children:r?t.jsxs("span",{className:"inline-flex items-center gap-1 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-status-warning animate-pulse"}),"Pending"]}):e.duration_ms!==null?$(e.duration_ms):"--"}),t.jsx("time",{className:"text-[10px] font-mono text-text-tertiary shrink-0",children:new Date(e.event_time).toLocaleTimeString()})]}),t.jsx(T,{open:s&&!!e.attributes,children:t.jsx("div",{className:"px-6 pb-4 pl-16",children:t.jsx(F,{event:e,childTask:N(e),pending:r,onClose:()=>p(e.event_id)})})})]},e.event_id)})})]})}export{Y as E};
+//# sourceMappingURL=EventTable-BFTY1gJh.js.map