@hotmeshio/long-tail 0.10.2 → 0.10.4

package/dashboard/dist/assets/{BotPicker-2QEIpc-K.js → BotPicker-CidlGr6f.js}

@@ -1,2 +1,2 @@
-import{a as m,j as e}from"./vendor-query-B2UbickB.js";import{h as j}from"./bots-CAYJYL9E.js";import{b as d,X as y,ay as u,n as N,a1 as p}from"./vendor-icons-ihWGa7_d.js";function v({selected:s,onChange:r,placeholder:h}){const{data:l}=j({limit:100}),c=((l==null?void 0:l.bots)??[]).filter(t=>t.status==="active"),[i,a]=m.useState(!1),o=m.useRef(null);m.useEffect(()=>{const t=n=>{o.current&&!o.current.contains(n.target)&&a(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[]);const x=c.find(t=>t.external_id===s),f=h??"Invoking user (default)";return e.jsxs("div",{ref:o,className:"relative",children:[e.jsxs("button",{type:"button",onClick:()=>a(!i),className:"field flex items-center gap-1.5 text-left cursor-pointer hover:border-accent",children:[s&&x?e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-accent/[0.08] text-text-secondary text-[11px]",children:[e.jsx(d,{className:"w-2.5 h-2.5 shrink-0 text-accent/75"}),x.display_name||x.external_id,e.jsx("span",{role:"button",onClick:t=>{t.stopPropagation(),r("")},className:"ml-0.5 hover:text-status-error transition-colors",children:e.jsx(y,{className:"w-2.5 h-2.5"})})]}):e.jsxs("span",{className:"inline-flex items-center gap-1 text-xs text-text-tertiary",children:[e.jsx(u,{className:"w-3 h-3 shrink-0"}),f]}),e.jsx(N,{className:`w-3.5 h-3.5 ml-auto shrink-0 text-text-tertiary transition-transform ${i?"rotate-180":""}`})]}),i&&e.jsxs("div",{className:"absolute z-20 mt-1 w-full bg-surface-raised border border-surface-border rounded-md shadow-lg max-h-48 overflow-y-auto",children:[e.jsxs("button",{type:"button",onClick:()=>{r(""),a(!1)},className:`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${s?"text-text-primary hover:bg-surface-sunken":"bg-accent/[0.06] text-accent"}`,children:[e.jsx(u,{className:"w-3 h-3 shrink-0 text-text-tertiary"}),e.jsx("span",{className:"flex-1",children:"Invoking user"}),!s&&e.jsx(p,{className:"w-3 h-3 shrink-0"})]}),c.length===0?e.jsx("p",{className:"px-3 py-2 text-xs text-text-tertiary",children:"No bot accounts"}):c.map(t=>{const n=s===t.external_id;return e.jsxs("button",{type:"button",onClick:()=>{r(t.external_id),a(!1)},className:`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${n?"bg-accent/[0.06] text-accent":"text-text-primary hover:bg-surface-sunken"}`,children:[e.jsx(d,{className:"w-3 h-3 shrink-0 text-accent/60"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{children:t.display_name||t.external_id}),t.display_name&&t.display_name!==t.external_id&&e.jsx("span",{className:"ml-1 text-text-tertiary font-mono",children:t.external_id})]}),n&&e.jsx(p,{className:"w-3 h-3 shrink-0"})]},t.id)})]})]})}export{v as B};
-//# sourceMappingURL=BotPicker-2QEIpc-K.js.map
+import{a as m,j as e}from"./vendor-query-B2UbickB.js";import{h as j}from"./bots-ClgSrxel.js";import{c as d,X as N,az as u,p as y,a2 as p}from"./vendor-icons-DKCAtTJ9.js";function v({selected:s,onChange:r,placeholder:h}){const{data:l}=j({limit:100}),c=((l==null?void 0:l.bots)??[]).filter(t=>t.status==="active"),[i,a]=m.useState(!1),o=m.useRef(null);m.useEffect(()=>{const t=n=>{o.current&&!o.current.contains(n.target)&&a(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[]);const x=c.find(t=>t.external_id===s),f=h??"Invoking user (default)";return e.jsxs("div",{ref:o,className:"relative",children:[e.jsxs("button",{type:"button",onClick:()=>a(!i),className:"field flex items-center gap-1.5 text-left cursor-pointer hover:border-accent",children:[s&&x?e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-accent/[0.08] text-text-secondary text-2xs",children:[e.jsx(d,{className:"w-2.5 h-2.5 shrink-0 text-accent/75"}),x.display_name||x.external_id,e.jsx("span",{role:"button",onClick:t=>{t.stopPropagation(),r("")},className:"ml-0.5 hover:text-status-error transition-colors",children:e.jsx(N,{className:"w-2.5 h-2.5"})})]}):e.jsxs("span",{className:"inline-flex items-center gap-1 text-xs text-text-tertiary",children:[e.jsx(u,{className:"w-3 h-3 shrink-0"}),f]}),e.jsx(y,{className:`w-3.5 h-3.5 ml-auto shrink-0 text-text-tertiary transition-transform ${i?"rotate-180":""}`})]}),i&&e.jsxs("div",{className:"absolute z-[100] mt-1 w-full bg-surface-raised border border-surface-border rounded-md shadow-lg max-h-48 overflow-y-auto",children:[e.jsxs("button",{type:"button",onClick:()=>{r(""),a(!1)},className:`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${s?"text-text-primary hover:bg-surface-sunken":"bg-accent/[0.06] text-accent"}`,children:[e.jsx(u,{className:"w-3 h-3 shrink-0 text-text-tertiary"}),e.jsx("span",{className:"flex-1",children:"Invoking user"}),!s&&e.jsx(p,{className:"w-3 h-3 shrink-0"})]}),c.length===0?e.jsx("p",{className:"px-3 py-2 text-xs text-text-tertiary",children:"No bot accounts"}):c.map(t=>{const n=s===t.external_id;return e.jsxs("button",{type:"button",onClick:()=>{r(t.external_id),a(!1)},className:`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${n?"bg-accent/[0.06] text-accent":"text-text-primary hover:bg-surface-sunken"}`,children:[e.jsx(d,{className:"w-3 h-3 shrink-0 text-accent/60"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{children:t.display_name||t.external_id}),t.display_name&&t.display_name!==t.external_id&&e.jsx("span",{className:"ml-1 text-text-tertiary font-mono",children:t.external_id})]}),n&&e.jsx(p,{className:"w-3 h-3 shrink-0"})]},t.id)})]})]})}export{v as B};
+//# sourceMappingURL=BotPicker-CidlGr6f.js.map

package/dashboard/dist/assets/{BotPicker-2QEIpc-K.js.map → BotPicker-CidlGr6f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BotPicker-2QEIpc-K.js","sources":["../../src/components/common/form/BotPicker.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { Bot, X, ChevronDown, Check, UserCircle } from 'lucide-react';\nimport { useBots } from '../../../api/bots';\n\ninterface BotPickerProps {\n  selected: string;\n  onChange: (botExternalId: string) => void;\n  placeholder?: string;\n}\n\nexport function BotPicker({ selected, onChange, placeholder }: BotPickerProps) {\n  const { data } = useBots({ limit: 100 });\n  const bots = (data?.bots ?? []).filter((b) => b.status === 'active');\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const selectedBot = bots.find((b) => b.external_id === selected);\n  const placeholderText = placeholder ?? 'Invoking user (default)';\n\n  return (\n    <div ref={ref} className=\"relative\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className=\"field flex items-center gap-1.5 text-left cursor-pointer hover:border-accent\"\n      >\n        {selected && selectedBot ? (\n          <span className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-accent/[0.08] text-text-secondary text-[11px]\">\n            <Bot className=\"w-2.5 h-2.5 shrink-0 text-accent/75\" />\n            {selectedBot.display_name || selectedBot.external_id}\n            <span\n              role=\"button\"\n              onClick={(e) => { e.stopPropagation(); onChange(''); }}\n              className=\"ml-0.5 hover:text-status-error transition-colors\"\n            >\n              <X className=\"w-2.5 h-2.5\" />\n            </span>\n          </span>\n        ) : (\n          <span className=\"inline-flex items-center gap-1 text-xs text-text-tertiary\">\n            <UserCircle className=\"w-3 h-3 shrink-0\" />\n            {placeholderText}\n          </span>\n        )}\n        <ChevronDown className={`w-3.5 h-3.5 ml-auto shrink-0 text-text-tertiary transition-transform ${open ? 'rotate-180' : ''}`} />\n      </button>\n\n      {open && (\n        <div className=\"absolute z-20 mt-1 w-full bg-surface-raised border border-surface-border rounded-md shadow-lg max-h-48 overflow-y-auto\">\n          {/* Default: invoking user */}\n          <button\n            type=\"button\"\n            onClick={() => { onChange(''); setOpen(false); }}\n            className={`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${\n              !selected ? 'bg-accent/[0.06] text-accent' : 'text-text-primary hover:bg-surface-sunken'\n            }`}\n          >\n            <UserCircle className=\"w-3 h-3 shrink-0 text-text-tertiary\" />\n            <span className=\"flex-1\">Invoking user</span>\n            {!selected && <Check className=\"w-3 h-3 shrink-0\" />}\n          </button>\n\n          {bots.length === 0 ? (\n            <p className=\"px-3 py-2 text-xs text-text-tertiary\">No bot accounts</p>\n          ) : (\n            bots.map((bot) => {\n              const isSelected = selected === bot.external_id;\n              return (\n                <button\n                  key={bot.id}\n                  type=\"button\"\n                  onClick={() => { onChange(bot.external_id); setOpen(false); }}\n                  className={`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${\n                    isSelected\n                      ? 'bg-accent/[0.06] text-accent'\n                      : 'text-text-primary hover:bg-surface-sunken'\n                  }`}\n                >\n                  <Bot className=\"w-3 h-3 shrink-0 text-accent/60\" />\n                  <div className=\"flex-1 min-w-0\">\n                    <span>{bot.display_name || bot.external_id}</span>\n                    {bot.display_name && bot.display_name !== bot.external_id && (\n                      <span className=\"ml-1 text-text-tertiary font-mono\">{bot.external_id}</span>\n                    )}\n                  </div>\n                  {isSelected && <Check className=\"w-3 h-3 shrink-0\" />}\n                </button>\n              );\n            })\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["BotPicker","selected","onChange","placeholder","data","useBots","bots","b","open","setOpen","useState","ref","useRef","useEffect","handler","e","selectedBot","placeholderText","jsxs","jsx","Bot","X","UserCircle","ChevronDown","Check","bot","isSelected"],"mappings":"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"}
+{"version":3,"file":"BotPicker-CidlGr6f.js","sources":["../../src/components/common/form/BotPicker.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { Bot, X, ChevronDown, Check, UserCircle } from 'lucide-react';\nimport { useBots } from '../../../api/bots';\n\ninterface BotPickerProps {\n  selected: string;\n  onChange: (botExternalId: string) => void;\n  placeholder?: string;\n}\n\nexport function BotPicker({ selected, onChange, placeholder }: BotPickerProps) {\n  const { data } = useBots({ limit: 100 });\n  const bots = (data?.bots ?? []).filter((b) => b.status === 'active');\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const selectedBot = bots.find((b) => b.external_id === selected);\n  const placeholderText = placeholder ?? 'Invoking user (default)';\n\n  return (\n    <div ref={ref} className=\"relative\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className=\"field flex items-center gap-1.5 text-left cursor-pointer hover:border-accent\"\n      >\n        {selected && selectedBot ? (\n          <span className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-accent/[0.08] text-text-secondary text-2xs\">\n            <Bot className=\"w-2.5 h-2.5 shrink-0 text-accent/75\" />\n            {selectedBot.display_name || selectedBot.external_id}\n            <span\n              role=\"button\"\n              onClick={(e) => { e.stopPropagation(); onChange(''); }}\n              className=\"ml-0.5 hover:text-status-error transition-colors\"\n            >\n              <X className=\"w-2.5 h-2.5\" />\n            </span>\n          </span>\n        ) : (\n          <span className=\"inline-flex items-center gap-1 text-xs text-text-tertiary\">\n            <UserCircle className=\"w-3 h-3 shrink-0\" />\n            {placeholderText}\n          </span>\n        )}\n        <ChevronDown className={`w-3.5 h-3.5 ml-auto shrink-0 text-text-tertiary transition-transform ${open ? 'rotate-180' : ''}`} />\n      </button>\n\n      {open && (\n        <div className=\"absolute z-[100] mt-1 w-full bg-surface-raised border border-surface-border rounded-md shadow-lg max-h-48 overflow-y-auto\">\n          {/* Default: invoking user */}\n          <button\n            type=\"button\"\n            onClick={() => { onChange(''); setOpen(false); }}\n            className={`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${\n              !selected ? 'bg-accent/[0.06] text-accent' : 'text-text-primary hover:bg-surface-sunken'\n            }`}\n          >\n            <UserCircle className=\"w-3 h-3 shrink-0 text-text-tertiary\" />\n            <span className=\"flex-1\">Invoking user</span>\n            {!selected && <Check className=\"w-3 h-3 shrink-0\" />}\n          </button>\n\n          {bots.length === 0 ? (\n            <p className=\"px-3 py-2 text-xs text-text-tertiary\">No bot accounts</p>\n          ) : (\n            bots.map((bot) => {\n              const isSelected = selected === bot.external_id;\n              return (\n                <button\n                  key={bot.id}\n                  type=\"button\"\n                  onClick={() => { onChange(bot.external_id); setOpen(false); }}\n                  className={`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${\n                    isSelected\n                      ? 'bg-accent/[0.06] text-accent'\n                      : 'text-text-primary hover:bg-surface-sunken'\n                  }`}\n                >\n                  <Bot className=\"w-3 h-3 shrink-0 text-accent/60\" />\n                  <div className=\"flex-1 min-w-0\">\n                    <span>{bot.display_name || bot.external_id}</span>\n                    {bot.display_name && bot.display_name !== bot.external_id && (\n                      <span className=\"ml-1 text-text-tertiary font-mono\">{bot.external_id}</span>\n                    )}\n                  </div>\n                  {isSelected && <Check className=\"w-3 h-3 shrink-0\" />}\n                </button>\n              );\n            })\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["BotPicker","selected","onChange","placeholder","data","useBots","bots","b","open","setOpen","useState","ref","useRef","useEffect","handler","e","selectedBot","placeholderText","jsxs","jsx","Bot","X","UserCircle","ChevronDown","Check","bot","isSelected"],"mappings":"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"}

package/dashboard/dist/assets/CapabilitiesPage-BMNNTa0D.js

@@ -0,0 +1,2 @@
+import{a as d,j as e}from"./vendor-query-B2UbickB.js";import{u as f}from"./capabilities-JUaKsby4.js";import{T as N,S as y}from"./ToolTestPanel-U3NaF_T_.js";import{T as g}from"./ToolPill-xX-buQtY.js";import{P as b}from"./PageHeader-DvEmMMP6.js";import{F as C,b as S,a as w}from"./FilterBar-BR3ztZ8y.js";import{L as I,B as k,b6 as T,C as E,b7 as L,D as P,aV as q,E as D,K as O,g as R,Z as A}from"./vendor-icons-DKCAtTJ9.js";import"./index-C-8xXyvr.js";import"./vendor-react-CXumBFUA.js";import"./mcp-CBcz4BCS.js";import"./RunAsSelector-DzYcpQTm.js";import"./BotPicker-CidlGr6f.js";import"./bots-ClgSrxel.js";import"./helpers-DzO-OGPe.js";const h={Communication:O,Analysis:D,Media:q,Data:P,Automation:L,Development:E,System:T,Reference:k,Other:I};function U(){const{data:a,isLoading:l}=f(),[i,c]=d.useState(""),[o,v]=d.useState(null),[r,p]=d.useState(null),m=(a==null?void 0:a.categories)??[],j=(a==null?void 0:a.totalTools)??0,u=d.useMemo(()=>{let s=m;if(o&&(s=s.filter(t=>t.name===o)),!i.trim())return s;const n=i.toLowerCase();return s.map(t=>({...t,tools:t.tools.filter(x=>x.name.toLowerCase().includes(n)||x.description.toLowerCase().includes(n)||x.serverName.toLowerCase().includes(n))})).filter(t=>t.tools.length>0)},[m,i,o]);return e.jsxs("div",{children:[e.jsx(b,{title:"Capabilities"}),e.jsxs("div",{className:"grid grid-cols-3 gap-8 items-start",children:[e.jsxs("div",{className:"col-span-2",children:[!l&&m.length>0&&e.jsxs(C,{children:[e.jsx(S,{label:"Category",value:o??"",onChange:s=>v(s||null),options:m.map(s=>({value:s.name,label:s.name}))}),e.jsx(w,{label:"Search",value:i,onChange:c,placeholder:`${j} capabilities…`})]}),l?e.jsx("div",{className:"animate-pulse space-y-8",children:[1,2,3].map(s=>e.jsxs("div",{children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-28 mb-4"}),e.jsx("div",{className:"space-y-3",children:[1,2,3].map(n=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-36"}),e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]},n))})]},s))}):u.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:i||o?"No capabilities match your filter.":"No capabilities registered yet."}):e.jsx("div",{className:"space-y-10",children:u.map(s=>{const n=h[s.name]??h.Other;return e.jsxs("div",{children:[e.jsxs("div",{className:"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border",children:[e.jsx(n,{className:"w-3 h-3 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:s.name}),e.jsx("span",{className:"text-xs text-text-quaternary",children:s.tools.length})]}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:s.tools.map(t=>e.jsx($,{tool:t,isSelected:(r==null?void 0:r.tool.name)===t.name&&(r==null?void 0:r.serverId)===t.serverId,onSelect:()=>p({serverId:t.serverId,serverName:t.serverName,tool:{name:t.name,description:t.description,inputSchema:t.inputSchema}})},`${t.serverId}-${t.name}`))})]},s.name)})})]}),e.jsx("div",{className:"sticky top-4",children:r?e.jsx(N,{serverId:r.serverId,serverName:r.serverName,tool:r.tool,onClose:()=>p(null)}):e.jsx(F,{})})]})]})}function F(){return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 gap-3 text-center",children:[e.jsx(A,{className:"w-7 h-7 text-text-quaternary",strokeWidth:1}),e.jsx("p",{className:"text-sm text-text-tertiary",children:"Select a capability"}),e.jsx("p",{className:"text-xs text-text-quaternary leading-relaxed max-w-[200px]",children:"Explore its inputs, run it live, and inspect the response."})]})}function $({tool:a,isSelected:l,onSelect:i}){return e.jsxs("div",{role:"button",tabIndex:0,onClick:i,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&i()},className:"group relative py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors text-left",children:[l&&e.jsx("span",{className:"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(g,{name:a.name,size:"md"}),e.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors",children:a.description}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx(y,{name:a.serverName,serverId:a.serverId}),e.jsx(R,{className:`w-3 h-3 transition-opacity ${l?"text-accent opacity-100":"text-accent opacity-0 group-hover:opacity-100"}`,strokeWidth:1.5})]})]})]})}export{U as CapabilitiesPage};
+//# sourceMappingURL=CapabilitiesPage-BMNNTa0D.js.map

package/dashboard/dist/assets/{CapabilitiesPage-lQJGZ_-t.js.map → CapabilitiesPage-BMNNTa0D.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CapabilitiesPage-lQJGZ_-t.js","sources":["../../src/pages/capabilities/CapabilitiesPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Play,\n  MessageSquare, Eye, Database, Cog, Code2, Shield, BookOpen,\n  LayoutGrid, Image, Zap,\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 { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport type { LucideIcon } from 'lucide-react';\n\n// ── Category meta ─────────────────────────────────────────────────────────────\n\nconst CATEGORY_ICONS: Record<string, LucideIcon> = {\n  Communication: MessageSquare,\n  Analysis: Eye,\n  Media: Image,\n  Data: Database,\n  Automation: Cog,\n  Development: Code2,\n  System: Shield,\n  Reference: BookOpen,\n  Other: LayoutGrid,\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 [selected, setSelected] = 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  const filtered = useMemo(() => {\n    let cats = categories;\n    if (activeCategory) cats = cats.filter((c) => c.name === activeCategory);\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      {/* Two-panel grid */}\n      <div className=\"grid grid-cols-3 gap-8 items-start\">\n\n        {/* ── Left: filter bar + capability list (2 cols) ── */}\n        <div className=\"col-span-2\">\n\n          {/* Sticky: category select + search — spans only the list column */}\n          {!isLoading && categories.length > 0 && (\n            <FilterBar>\n              <FilterSelect\n                label=\"Category\"\n                value={activeCategory ?? ''}\n                onChange={(v) => setActiveCategory(v || null)}\n                options={categories.map((c) => ({ value: c.name, label: c.name }))}\n              />\n              <FilterInput\n                label=\"Search\"\n                value={search}\n                onChange={setSearch}\n                placeholder={`${totalTools} capabilities…`}\n              />\n            </FilterBar>\n          )}\n\n          {/* Capability list */}\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-8\">\n              {[1, 2, 3].map((i) => (\n                <div key={i}>\n                  <div className=\"h-4 bg-surface-sunken rounded w-28 mb-4\" />\n                  <div className=\"space-y-3\">\n                    {[1, 2, 3].map((j) => (\n                      <div key={j} className=\"space-y-1.5\">\n                        <div className=\"h-4 bg-surface-sunken rounded w-36\" />\n                        <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n                      </div>\n                    ))}\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 Icon = CATEGORY_ICONS[category.name] ?? CATEGORY_ICONS.Other;\n                return (\n                  <div key={category.name}>\n                    <div className=\"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border\">\n                      <Icon className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                      <h2 className=\"section-h2\">{category.name}</h2>\n                      <span className=\"text-xs text-text-quaternary\">{category.tools.length}</span>\n                    </div>\n                    <div className=\"divide-y divide-surface-border/30\">\n                      {category.tools.map((tool) => (\n                        <ToolRow\n                          key={`${tool.serverId}-${tool.name}`}\n                          tool={tool}\n                          isSelected={selected?.tool.name === tool.name && selected?.serverId === tool.serverId}\n                          onSelect={() =>\n                            setSelected({\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        {/* ── Right: run panel (1 col, sticky) ── */}\n        <div className=\"sticky top-4\">\n          {selected ? (\n            <ToolTestPanel\n              serverId={selected.serverId}\n              serverName={selected.serverName}\n              tool={selected.tool}\n              onClose={() => setSelected(null)}\n            />\n          ) : (\n            <EmptyRunPanel />\n          )}\n        </div>\n\n      </div>\n    </div>\n  );\n}\n\n// ── Empty run panel ──────────────────────────────────────────────────────────\n\nfunction EmptyRunPanel() {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20 gap-3 text-center\">\n      <Zap className=\"w-7 h-7 text-text-quaternary\" strokeWidth={1} />\n      <p className=\"text-sm text-text-tertiary\">Select a capability</p>\n      <p className=\"text-xs text-text-quaternary leading-relaxed max-w-[200px]\">\n        Explore its inputs, run it live, and inspect the response.\n      </p>\n    </div>\n  );\n}\n\n// ── Tool row ─────────────────────────────────────────────────────────────────\n\nfunction ToolRow({\n  tool,\n  isSelected,\n  onSelect,\n}: {\n  tool: CapabilityTool;\n  isSelected: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onSelect}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onSelect(); }}\n      className=\"group relative py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors text-left\"\n    >\n      {isSelected && <span className=\"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full\" />}\n      <div className=\"flex items-center gap-3\">\n        <ToolPill name={tool.name} size=\"md\" />\n        <p className=\"flex-1 min-w-0 truncate text-[11px] text-text-tertiary group-hover:text-text-secondary transition-colors\">\n          {tool.description}\n        </p>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <ServerName name={tool.serverName} serverId={tool.serverId} />\n          <Play\n            className={`w-3 h-3 transition-opacity ${isSelected ? 'text-accent opacity-100' : 'text-accent opacity-0 group-hover:opacity-100'}`}\n            strokeWidth={1.5}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ICONS","MessageSquare","Eye","Image","Database","Cog","Code2","Shield","BookOpen","LayoutGrid","CapabilitiesPage","data","isLoading","useCapabilities","search","setSearch","useState","activeCategory","setActiveCategory","selected","setSelected","categories","totalTools","filtered","useMemo","cats","c","q","cat","t","jsx","PageHeader","jsxs","FilterBar","FilterSelect","v","FilterInput","i","j","category","Icon","tool","ToolRow","ToolTestPanel","EmptyRunPanel","Zap","isSelected","onSelect","e","ToolPill","ServerName","Play"],"mappings":"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"}
+{"version":3,"file":"CapabilitiesPage-BMNNTa0D.js","sources":["../../src/pages/capabilities/CapabilitiesPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Play,\n  MessageSquare, Eye, Database, Cog, Code2, Shield, BookOpen,\n  LayoutGrid, Image, Zap,\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 { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport type { LucideIcon } from 'lucide-react';\n\n// ── Category meta ─────────────────────────────────────────────────────────────\n\nconst CATEGORY_ICONS: Record<string, LucideIcon> = {\n  Communication: MessageSquare,\n  Analysis: Eye,\n  Media: Image,\n  Data: Database,\n  Automation: Cog,\n  Development: Code2,\n  System: Shield,\n  Reference: BookOpen,\n  Other: LayoutGrid,\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 [selected, setSelected] = 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  const filtered = useMemo(() => {\n    let cats = categories;\n    if (activeCategory) cats = cats.filter((c) => c.name === activeCategory);\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      {/* Two-panel grid */}\n      <div className=\"grid grid-cols-3 gap-8 items-start\">\n\n        {/* ── Left: filter bar + capability list (2 cols) ── */}\n        <div className=\"col-span-2\">\n\n          {/* Sticky: category select + search — spans only the list column */}\n          {!isLoading && categories.length > 0 && (\n            <FilterBar>\n              <FilterSelect\n                label=\"Category\"\n                value={activeCategory ?? ''}\n                onChange={(v) => setActiveCategory(v || null)}\n                options={categories.map((c) => ({ value: c.name, label: c.name }))}\n              />\n              <FilterInput\n                label=\"Search\"\n                value={search}\n                onChange={setSearch}\n                placeholder={`${totalTools} capabilities…`}\n              />\n            </FilterBar>\n          )}\n\n          {/* Capability list */}\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-8\">\n              {[1, 2, 3].map((i) => (\n                <div key={i}>\n                  <div className=\"h-4 bg-surface-sunken rounded w-28 mb-4\" />\n                  <div className=\"space-y-3\">\n                    {[1, 2, 3].map((j) => (\n                      <div key={j} className=\"space-y-1.5\">\n                        <div className=\"h-4 bg-surface-sunken rounded w-36\" />\n                        <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n                      </div>\n                    ))}\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 Icon = CATEGORY_ICONS[category.name] ?? CATEGORY_ICONS.Other;\n                return (\n                  <div key={category.name}>\n                    <div className=\"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border\">\n                      <Icon className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                      <h2 className=\"section-h2\">{category.name}</h2>\n                      <span className=\"text-xs text-text-quaternary\">{category.tools.length}</span>\n                    </div>\n                    <div className=\"divide-y divide-surface-border/30\">\n                      {category.tools.map((tool) => (\n                        <ToolRow\n                          key={`${tool.serverId}-${tool.name}`}\n                          tool={tool}\n                          isSelected={selected?.tool.name === tool.name && selected?.serverId === tool.serverId}\n                          onSelect={() =>\n                            setSelected({\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        {/* ── Right: run panel (1 col, sticky) ── */}\n        <div className=\"sticky top-4\">\n          {selected ? (\n            <ToolTestPanel\n              serverId={selected.serverId}\n              serverName={selected.serverName}\n              tool={selected.tool}\n              onClose={() => setSelected(null)}\n            />\n          ) : (\n            <EmptyRunPanel />\n          )}\n        </div>\n\n      </div>\n    </div>\n  );\n}\n\n// ── Empty run panel ──────────────────────────────────────────────────────────\n\nfunction EmptyRunPanel() {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20 gap-3 text-center\">\n      <Zap className=\"w-7 h-7 text-text-quaternary\" strokeWidth={1} />\n      <p className=\"text-sm text-text-tertiary\">Select a capability</p>\n      <p className=\"text-xs text-text-quaternary leading-relaxed max-w-[200px]\">\n        Explore its inputs, run it live, and inspect the response.\n      </p>\n    </div>\n  );\n}\n\n// ── Tool row ─────────────────────────────────────────────────────────────────\n\nfunction ToolRow({\n  tool,\n  isSelected,\n  onSelect,\n}: {\n  tool: CapabilityTool;\n  isSelected: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onSelect}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onSelect(); }}\n      className=\"group relative py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors text-left\"\n    >\n      {isSelected && <span className=\"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full\" />}\n      <div className=\"flex items-center gap-3\">\n        <ToolPill name={tool.name} size=\"md\" />\n        <p className=\"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors\">\n          {tool.description}\n        </p>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <ServerName name={tool.serverName} serverId={tool.serverId} />\n          <Play\n            className={`w-3 h-3 transition-opacity ${isSelected ? 'text-accent opacity-100' : 'text-accent opacity-0 group-hover:opacity-100'}`}\n            strokeWidth={1.5}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ICONS","MessageSquare","Eye","Image","Database","Cog","Code2","Shield","BookOpen","LayoutGrid","CapabilitiesPage","data","isLoading","useCapabilities","search","setSearch","useState","activeCategory","setActiveCategory","selected","setSelected","categories","totalTools","filtered","useMemo","cats","c","q","cat","t","jsx","PageHeader","jsxs","FilterBar","FilterSelect","v","FilterInput","i","j","category","Icon","tool","ToolRow","ToolTestPanel","EmptyRunPanel","Zap","isSelected","onSelect","e","ToolPill","ServerName","Play"],"mappings":"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"}

package/dashboard/dist/assets/{CollapsibleSection-CHWP0WI6.js → CollapsibleSection-W9F9lziT.js}

@@ -1,2 +1,2 @@
-import{j as t}from"./vendor-query-B2UbickB.js";import{C as a}from"./index-DIgiIoou.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-CHWP0WI6.js.map
+import{j as t}from"./vendor-query-B2UbickB.js";import{C as a}from"./index-C-8xXyvr.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-W9F9lziT.js.map

package/dashboard/dist/assets/{CollapsibleSection-CHWP0WI6.js.map → CollapsibleSection-W9F9lziT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleSection-CHWP0WI6.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-W9F9lziT.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-BUh-Dzba.js

@@ -0,0 +1,2 @@
+import{j as e}from"./vendor-query-B2UbickB.js";import{M as i}from"./Modal-D4afnAjc.js";function d({open:r,onClose:t,onConfirm:x,title:n,description:c,isPending:s,error:a}){return e.jsx(i,{open:r,onClose:t,title:n,children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-text-secondary",children:c}),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-text-inverse 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-BUh-Dzba.js.map

package/dashboard/dist/assets/{ConfirmDeleteModal-C0x0HcHX.js.map → ConfirmDeleteModal-BUh-Dzba.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDeleteModal-C0x0HcHX.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-BUh-Dzba.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-text-inverse 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,uGACV,SAAUG,EAET,WAAY,cAAgB,QAAA,CAAA,CAC/B,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dashboard/dist/assets/{CopyableId-uot2mE_g.js → CopyableId-B1mxKfVb.js}

@@ -1,2 +1,2 @@
-import{a as h,j as t}from"./vendor-query-B2UbickB.js";import{c as m}from"./vendor-react-CXumBFUA.js";const f=20;function l(o,e=f){if(o.length<=e)return o;const n=Math.floor((e-1)/2);return`${o.slice(0,n)}…${o.slice(-n)}`}function k({label:o,value:e,href:n,external:p,bare:x}){const[i,a]=h.useState(!1),d=m();if(!e)return null;const r=s=>{s.stopPropagation(),navigator.clipboard.writeText(e),a(!0),setTimeout(()=>a(!1),1500)},u=s=>{s.stopPropagation(),n&&(p?window.open(n,"_blank","noopener,noreferrer"):d(n))},c=t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:r,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 ${i?"text-status-success":"text-text-tertiary hover:text-text-primary"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:i?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"})})}),n&&t.jsx("button",{onClick:u,title:`View ${o??"link"}`,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"})})})]});return x?t.jsxs("span",{className:"flex items-center gap-1 group relative",children:[t.jsx("button",{onClick:r,title:e,className:"font-mono text-text-primary group-hover:text-accent transition-colors",children:l(e)}),c]}):t.jsxs("div",{className:"text-left group relative",children:[t.jsx("span",{className:"text-[11px] font-medium text-text-secondary uppercase tracking-wide",children:o}),t.jsxs("span",{className:"flex items-center gap-1 mt-0.5",children:[t.jsx("button",{onClick:r,title:e,className:"flex-1 text-left text-[12px] font-mono text-text-primary group-hover:text-accent transition-colors",children:l(e)}),c]})]})}export{k as C};
-//# sourceMappingURL=CopyableId-uot2mE_g.js.map
+import{a as h,j as t}from"./vendor-query-B2UbickB.js";import{c as m}from"./vendor-react-CXumBFUA.js";const f=20;function l(o,e=f){if(o.length<=e)return o;const n=Math.floor((e-1)/2);return`${o.slice(0,n)}…${o.slice(-n)}`}function k({label:o,value:e,href:n,external:p,bare:x}){const[i,a]=h.useState(!1),d=m();if(!e)return null;const r=s=>{s.stopPropagation(),navigator.clipboard.writeText(e),a(!0),setTimeout(()=>a(!1),1500)},u=s=>{s.stopPropagation(),n&&(p?window.open(n,"_blank","noopener,noreferrer"):d(n))},c=t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:r,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 ${i?"text-status-success":"text-text-tertiary hover:text-text-primary"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:i?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"})})}),n&&t.jsx("button",{onClick:u,title:`View ${o??"link"}`,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"})})})]});return x?t.jsxs("span",{className:"flex items-center gap-1 group relative",children:[t.jsx("button",{onClick:r,title:e,className:"font-mono text-text-primary group-hover:text-accent transition-colors",children:l(e)}),c]}):t.jsxs("div",{className:"text-left group relative",children:[t.jsx("span",{className:"text-2xs font-medium text-text-secondary uppercase tracking-wide",children:o}),t.jsxs("span",{className:"flex items-center gap-1 mt-0.5",children:[t.jsx("button",{onClick:r,title:e,className:"flex-1 text-left text-xs font-mono text-text-primary group-hover:text-accent transition-colors",children:l(e)}),c]})]})}export{k as C};
+//# sourceMappingURL=CopyableId-B1mxKfVb.js.map

package/dashboard/dist/assets/{CopyableId-uot2mE_g.js.map → CopyableId-B1mxKfVb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CopyableId-uot2mE_g.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  /** Render only the value row (copy/navigate), without the built-in label. */\n  bare?: boolean;\n}\n\nexport function CopyableId({ label, value, href, external, bare }: 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  const valueButtons = (\n    <>\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 ?? 'link'}`} 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    </>\n  );\n\n  if (bare) {\n    return (\n      <span className=\"flex items-center gap-1 group relative\">\n        <button onClick={handleCopy} title={value} className=\"font-mono text-text-primary group-hover:text-accent transition-colors\">\n          {centerEllipsis(value)}\n        </button>\n        {valueButtons}\n      </span>\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 onClick={handleCopy} title={value} className=\"flex-1 text-left text-[12px] font-mono text-text-primary group-hover:text-accent transition-colors\">\n          {centerEllipsis(value)}\n        </button>\n        {valueButtons}\n      </span>\n    </div>\n  );\n}\n"],"names":["ELLIPSIS_MAX","centerEllipsis","s","max","side","CopyableId","label","value","href","external","bare","copied","setCopied","useState","navigate","useNavigate","handleCopy","e","handleNavigate","valueButtons","jsxs","Fragment","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,CAWO,SAASC,EAAW,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,KAAAC,GAAyB,CAClF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAA,EACjB,GAAI,CAACR,EAAO,OAAO,KAEnB,MAAMS,EAAcC,GAAwB,CAC1CA,EAAE,gBAAA,EACF,UAAU,UAAU,UAAUV,CAAK,EACnCK,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAG,IAAI,CACzC,EAEMM,EAAkBD,GAAwB,CAC9CA,EAAE,gBAAA,EACGT,IACDC,EACF,OAAO,KAAKD,EAAM,SAAU,qBAAqB,EAEjDM,EAASN,CAAI,EAEjB,EAEMW,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,UAAO,QAASN,EAAY,MAAM,OAAO,UAAU,sEAClD,SAAAM,EAAAA,IAAC,MAAA,CAAI,UAAW,6BAA6BX,EAAS,sBAAwB,4CAA4C,GAAI,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAC9L,WACGW,MAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,iBAAiB,EACtEA,MAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,uIAAuI,EAElM,CAAA,CACF,EACCd,GACCc,EAAAA,IAAC,SAAA,CAAO,QAASJ,EAAgB,MAAO,QAAQZ,GAAS,MAAM,GAAI,UAAU,sEAC3E,SAAAgB,EAAAA,IAAC,OAAI,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,EAEJ,EAGF,OAAIZ,EAEAU,EAAAA,KAAC,OAAA,CAAK,UAAU,yCACd,SAAA,CAAAE,EAAAA,IAAC,SAAA,CAAO,QAASN,EAAY,MAAOT,EAAO,UAAU,wEAClD,SAAAN,EAAeM,CAAK,CAAA,CACvB,EACCY,CAAA,EACH,EAKFC,EAAAA,KAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,sEAAuE,SAAAhB,EAAM,EAC7Fc,EAAAA,KAAC,OAAA,CAAK,UAAU,iCACd,SAAA,CAAAE,EAAAA,IAAC,SAAA,CAAO,QAASN,EAAY,MAAOT,EAAO,UAAU,qGAClD,SAAAN,EAAeM,CAAK,CAAA,CACvB,EACCY,CAAA,CAAA,CACH,CAAA,EACF,CAEJ"}
+{"version":3,"file":"CopyableId-B1mxKfVb.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  /** Render only the value row (copy/navigate), without the built-in label. */\n  bare?: boolean;\n}\n\nexport function CopyableId({ label, value, href, external, bare }: 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  const valueButtons = (\n    <>\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 ?? 'link'}`} 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    </>\n  );\n\n  if (bare) {\n    return (\n      <span className=\"flex items-center gap-1 group relative\">\n        <button onClick={handleCopy} title={value} className=\"font-mono text-text-primary group-hover:text-accent transition-colors\">\n          {centerEllipsis(value)}\n        </button>\n        {valueButtons}\n      </span>\n    );\n  }\n\n  return (\n    <div className=\"text-left group relative\">\n      <span className=\"text-2xs font-medium text-text-secondary uppercase tracking-wide\">{label}</span>\n      <span className=\"flex items-center gap-1 mt-0.5\">\n        <button onClick={handleCopy} title={value} className=\"flex-1 text-left text-xs font-mono text-text-primary group-hover:text-accent transition-colors\">\n          {centerEllipsis(value)}\n        </button>\n        {valueButtons}\n      </span>\n    </div>\n  );\n}\n"],"names":["ELLIPSIS_MAX","centerEllipsis","s","max","side","CopyableId","label","value","href","external","bare","copied","setCopied","useState","navigate","useNavigate","handleCopy","e","handleNavigate","valueButtons","jsxs","Fragment","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,CAWO,SAASC,EAAW,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,KAAAC,GAAyB,CAClF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAA,EACjB,GAAI,CAACR,EAAO,OAAO,KAEnB,MAAMS,EAAcC,GAAwB,CAC1CA,EAAE,gBAAA,EACF,UAAU,UAAU,UAAUV,CAAK,EACnCK,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAG,IAAI,CACzC,EAEMM,EAAkBD,GAAwB,CAC9CA,EAAE,gBAAA,EACGT,IACDC,EACF,OAAO,KAAKD,EAAM,SAAU,qBAAqB,EAEjDM,EAASN,CAAI,EAEjB,EAEMW,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,UAAO,QAASN,EAAY,MAAM,OAAO,UAAU,sEAClD,SAAAM,EAAAA,IAAC,MAAA,CAAI,UAAW,6BAA6BX,EAAS,sBAAwB,4CAA4C,GAAI,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAC9L,WACGW,MAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,iBAAiB,EACtEA,MAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,uIAAuI,EAElM,CAAA,CACF,EACCd,GACCc,EAAAA,IAAC,SAAA,CAAO,QAASJ,EAAgB,MAAO,QAAQZ,GAAS,MAAM,GAAI,UAAU,sEAC3E,SAAAgB,EAAAA,IAAC,OAAI,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,EAEJ,EAGF,OAAIZ,EAEAU,EAAAA,KAAC,OAAA,CAAK,UAAU,yCACd,SAAA,CAAAE,EAAAA,IAAC,SAAA,CAAO,QAASN,EAAY,MAAOT,EAAO,UAAU,wEAClD,SAAAN,EAAeM,CAAK,CAAA,CACvB,EACCY,CAAA,EACH,EAKFC,EAAAA,KAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,mEAAoE,SAAAhB,EAAM,EAC1Fc,EAAAA,KAAC,OAAA,CAAK,UAAU,iCACd,SAAA,CAAAE,EAAAA,IAAC,SAAA,CAAO,QAASN,EAAY,MAAOT,EAAO,UAAU,iGAClD,SAAAN,EAAeM,CAAK,CAAA,CACvB,EACCY,CAAA,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/CountdownTimer-lkv_7msa.js

@@ -0,0 +1,2 @@
+import{a as n,j as r}from"./vendor-query-B2UbickB.js";import{_ as l,$ as c,a0 as m}from"./index-C-8xXyvr.js";function w(t){return!!(t.assigned_to&&t.assigned_until&&new Date(t.assigned_until)>new Date)}function d(t){return!t.workflow_type}const a=[{maxMs:0,color:"text-status-error"},{maxMs:300*1e3,color:"text-status-error"},{maxMs:900*1e3,color:"text-status-warning"},{maxMs:1/0,color:"text-text-secondary"}];function u(t){if(t<=0)return a[0].color;for(const e of a)if(t<e.maxMs)return e.color;return a[a.length-1].color}function g({until:t}){const[e,s]=n.useState(()=>new Date(t).getTime()-Date.now());n.useEffect(()=>{const o=setInterval(()=>{s(new Date(t).getTime()-Date.now())},1e3);return()=>clearInterval(o)},[t]);const i=n.useMemo(()=>{const o=new Date(t);return[{label:"ms",value:String(Math.max(0,e))},{label:"until",value:o.toISOString()},{label:"local",value:l(o,"MMM d, yyyy h:mm:ss a")}]},[t,e]);return r.jsx(c,{options:i,children:r.jsx("span",{className:`text-xs font-mono ${u(e)}`,children:m(e)})})}export{g as C,d as a,w as i};
+//# sourceMappingURL=CountdownTimer-lkv_7msa.js.map

package/dashboard/dist/assets/{CountdownTimer-TXsRlTU4.js.map → CountdownTimer-lkv_7msa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CountdownTimer-TXsRlTU4.js","sources":["../../src/lib/escalation.ts","../../src/components/common/display/CountdownTimer.tsx"],"sourcesContent":["import type { LTEscalationRecord } from '../api/types';\n\nexport function isEffectivelyClaimed(esc: LTEscalationRecord): boolean {\n  return !!(\n    esc.assigned_to &&\n    esc.assigned_until &&\n    new Date(esc.assigned_until) > new Date()\n  );\n}\n\n/** An ACK escalation has no associated workflow — it's a notification, not a task. */\nexport function isAckEscalation(esc: LTEscalationRecord): boolean {\n  return !esc.workflow_type;\n}\n\nexport function isAvailable(esc: LTEscalationRecord): boolean {\n  return (\n    esc.status === 'pending' &&\n    (!esc.assigned_to ||\n      !esc.assigned_until ||\n      new Date(esc.assigned_until) <= new Date())\n  );\n}\n","import { useState, useEffect, useMemo } from 'react';\nimport { format as fnsFormat } from 'date-fns';\nimport { formatRemaining } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\nconst COUNTDOWN_THRESHOLDS = [\n  { maxMs: 0,              color: 'text-status-error' },\n  { maxMs: 5 * 60 * 1000,  color: 'text-status-error' },\n  { maxMs: 15 * 60 * 1000, color: 'text-status-warning' },\n  { maxMs: Infinity,        color: 'text-text-secondary' },\n] as const;\n\nfunction countdownColor(remainingMs: number): string {\n  if (remainingMs <= 0) return COUNTDOWN_THRESHOLDS[0].color;\n  for (const t of COUNTDOWN_THRESHOLDS) {\n    if (remainingMs < t.maxMs) return t.color;\n  }\n  return COUNTDOWN_THRESHOLDS[COUNTDOWN_THRESHOLDS.length - 1].color;\n}\n\nexport function CountdownTimer({ until }: { until: string }) {\n  const [remaining, setRemaining] = useState(() => new Date(until).getTime() - Date.now());\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setRemaining(new Date(until).getTime() - Date.now());\n    }, 1000);\n    return () => clearInterval(interval);\n  }, [until]);\n\n  const options = useMemo(() => {\n    const d = new Date(until);\n    return [\n      { label: 'ms', value: String(Math.max(0, remaining)) },\n      { label: 'until', value: d.toISOString() },\n      { label: 'local', value: fnsFormat(d, 'MMM d, yyyy h:mm:ss a') },\n    ];\n  }, [until, remaining]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs font-mono ${countdownColor(remaining)}`}>\n        {formatRemaining(remaining)}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["isEffectivelyClaimed","esc","isAckEscalation","COUNTDOWN_THRESHOLDS","countdownColor","remainingMs","t","CountdownTimer","until","remaining","setRemaining","useState","useEffect","interval","options","useMemo","d","fnsFormat","jsx","DateTooltip","formatRemaining"],"mappings":"uGAEO,SAASA,EAAqBC,EAAkC,CACrE,MAAO,CAAC,EACNA,EAAI,aACJA,EAAI,gBACJ,IAAI,KAAKA,EAAI,cAAc,EAAI,IAAI,KAEvC,CAGO,SAASC,EAAgBD,EAAkC,CAChE,MAAO,CAACA,EAAI,aACd,CCRA,MAAME,EAAuB,CAC3B,CAAE,MAAO,EAAgB,MAAO,mBAAA,EAChC,CAAE,MAAO,IAAS,IAAO,MAAO,mBAAA,EAChC,CAAE,MAAO,IAAU,IAAM,MAAO,qBAAA,EAChC,CAAE,MAAO,IAAiB,MAAO,qBAAA,CACnC,EAEA,SAASC,EAAeC,EAA6B,CACnD,GAAIA,GAAe,EAAG,OAAOF,EAAqB,CAAC,EAAE,MACrD,UAAWG,KAAKH,EACd,GAAIE,EAAcC,EAAE,MAAO,OAAOA,EAAE,MAEtC,OAAOH,EAAqBA,EAAqB,OAAS,CAAC,EAAE,KAC/D,CAEO,SAASI,EAAe,CAAE,MAAAC,GAA4B,CAC3D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,IAAM,IAAI,KAAKH,CAAK,EAAE,QAAA,EAAY,KAAK,KAAK,EAEvFI,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,YAAY,IAAM,CACjCH,EAAa,IAAI,KAAKF,CAAK,EAAE,UAAY,KAAK,KAAK,CACrD,EAAG,GAAI,EACP,MAAO,IAAM,cAAcK,CAAQ,CACrC,EAAG,CAACL,CAAK,CAAC,EAEV,MAAMM,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,MAAMC,EAAI,IAAI,KAAKR,CAAK,EACxB,MAAO,CACL,CAAE,MAAO,KAAM,MAAO,OAAO,KAAK,IAAI,EAAGC,CAAS,CAAC,CAAA,EACnD,CAAE,MAAO,QAAS,MAAOO,EAAE,aAAY,EACvC,CAAE,MAAO,QAAS,MAAOC,EAAUD,EAAG,uBAAuB,CAAA,CAAE,CAEnE,EAAG,CAACR,EAAOC,CAAS,CAAC,EAErB,OACES,EAAAA,IAACC,EAAA,CAAY,QAAAL,EACX,SAAAI,MAAC,QAAK,UAAW,qBAAqBd,EAAeK,CAAS,CAAC,GAC5D,SAAAW,EAAgBX,CAAS,EAC5B,EACF,CAEJ"}
+{"version":3,"file":"CountdownTimer-lkv_7msa.js","sources":["../../src/lib/escalation.ts","../../src/components/common/display/CountdownTimer.tsx"],"sourcesContent":["import type { LTEscalationRecord } from '../api/types';\n\nexport function isEffectivelyClaimed(esc: LTEscalationRecord): boolean {\n  return !!(\n    esc.assigned_to &&\n    esc.assigned_until &&\n    new Date(esc.assigned_until) > new Date()\n  );\n}\n\n/** An ACK escalation has no associated workflow — it's a notification, not a task. */\nexport function isAckEscalation(esc: LTEscalationRecord): boolean {\n  return !esc.workflow_type;\n}\n\nexport function isAvailable(esc: LTEscalationRecord): boolean {\n  return (\n    esc.status === 'pending' &&\n    (!esc.assigned_to ||\n      !esc.assigned_until ||\n      new Date(esc.assigned_until) <= new Date())\n  );\n}\n","import { useState, useEffect, useMemo } from 'react';\nimport { format as fnsFormat } from 'date-fns';\nimport { formatRemaining } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\nconst COUNTDOWN_THRESHOLDS = [\n  { maxMs: 0,              color: 'text-status-error' },\n  { maxMs: 5 * 60 * 1000,  color: 'text-status-error' },\n  { maxMs: 15 * 60 * 1000, color: 'text-status-warning' },\n  { maxMs: Infinity,        color: 'text-text-secondary' },\n] as const;\n\nfunction countdownColor(remainingMs: number): string {\n  if (remainingMs <= 0) return COUNTDOWN_THRESHOLDS[0].color;\n  for (const t of COUNTDOWN_THRESHOLDS) {\n    if (remainingMs < t.maxMs) return t.color;\n  }\n  return COUNTDOWN_THRESHOLDS[COUNTDOWN_THRESHOLDS.length - 1].color;\n}\n\nexport function CountdownTimer({ until }: { until: string }) {\n  const [remaining, setRemaining] = useState(() => new Date(until).getTime() - Date.now());\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setRemaining(new Date(until).getTime() - Date.now());\n    }, 1000);\n    return () => clearInterval(interval);\n  }, [until]);\n\n  const options = useMemo(() => {\n    const d = new Date(until);\n    return [\n      { label: 'ms', value: String(Math.max(0, remaining)) },\n      { label: 'until', value: d.toISOString() },\n      { label: 'local', value: fnsFormat(d, 'MMM d, yyyy h:mm:ss a') },\n    ];\n  }, [until, remaining]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs font-mono ${countdownColor(remaining)}`}>\n        {formatRemaining(remaining)}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["isEffectivelyClaimed","esc","isAckEscalation","COUNTDOWN_THRESHOLDS","countdownColor","remainingMs","t","CountdownTimer","until","remaining","setRemaining","useState","useEffect","interval","options","useMemo","d","fnsFormat","jsx","DateTooltip","formatRemaining"],"mappings":"6GAEO,SAASA,EAAqBC,EAAkC,CACrE,MAAO,CAAC,EACNA,EAAI,aACJA,EAAI,gBACJ,IAAI,KAAKA,EAAI,cAAc,EAAI,IAAI,KAEvC,CAGO,SAASC,EAAgBD,EAAkC,CAChE,MAAO,CAACA,EAAI,aACd,CCRA,MAAME,EAAuB,CAC3B,CAAE,MAAO,EAAgB,MAAO,mBAAA,EAChC,CAAE,MAAO,IAAS,IAAO,MAAO,mBAAA,EAChC,CAAE,MAAO,IAAU,IAAM,MAAO,qBAAA,EAChC,CAAE,MAAO,IAAiB,MAAO,qBAAA,CACnC,EAEA,SAASC,EAAeC,EAA6B,CACnD,GAAIA,GAAe,EAAG,OAAOF,EAAqB,CAAC,EAAE,MACrD,UAAWG,KAAKH,EACd,GAAIE,EAAcC,EAAE,MAAO,OAAOA,EAAE,MAEtC,OAAOH,EAAqBA,EAAqB,OAAS,CAAC,EAAE,KAC/D,CAEO,SAASI,EAAe,CAAE,MAAAC,GAA4B,CAC3D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,IAAM,IAAI,KAAKH,CAAK,EAAE,QAAA,EAAY,KAAK,KAAK,EAEvFI,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,YAAY,IAAM,CACjCH,EAAa,IAAI,KAAKF,CAAK,EAAE,UAAY,KAAK,KAAK,CACrD,EAAG,GAAI,EACP,MAAO,IAAM,cAAcK,CAAQ,CACrC,EAAG,CAACL,CAAK,CAAC,EAEV,MAAMM,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,MAAMC,EAAI,IAAI,KAAKR,CAAK,EACxB,MAAO,CACL,CAAE,MAAO,KAAM,MAAO,OAAO,KAAK,IAAI,EAAGC,CAAS,CAAC,CAAA,EACnD,CAAE,MAAO,QAAS,MAAOO,EAAE,aAAY,EACvC,CAAE,MAAO,QAAS,MAAOC,EAAUD,EAAG,uBAAuB,CAAA,CAAE,CAEnE,EAAG,CAACR,EAAOC,CAAS,CAAC,EAErB,OACES,EAAAA,IAACC,EAAA,CAAY,QAAAL,EACX,SAAAI,MAAC,QAAK,UAAW,qBAAqBd,EAAeK,CAAS,CAAC,GAC5D,SAAAW,EAAgBX,CAAS,EAC5B,EACF,CAEJ"}

package/dashboard/dist/assets/{CredentialsPage-BKxS-1sA.js → CredentialsPage-DyOgfnPB.js}

@@ -1,2 +1,2 @@
-import{a as i,j as e}from"./vendor-query-B2UbickB.js";import{aj as g,ak as N,al as p,aa as f,ab as C}from"./index-DIgiIoou.js";import{P as k}from"./PageHeader-Bxa1XFz0.js";import{T as A}from"./TimeAgo-BKOl-7Tt.js";import{C as w}from"./ConfirmDeleteModal-C0x0HcHX.js";import{c as P,n as T,aE as O,u as E}from"./vendor-icons-ihWGa7_d.js";import"./vendor-react-CXumBFUA.js";import"./Modal-D4afnAjc.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 z(){var d,x;const{data:r,isLoading:m}=g(),n=N(),[a,l]=i.useState(null),[h,u]=i.useState(!1),[s,j]=i.useState("anthropic"),c=(r==null?void 0:r.connections)??[],v=()=>{a&&n.mutate({provider:a.provider,label:a.label},{onSuccess:()=>l(null)})},b=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 pb-5 border-b border-surface-border/60 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,y])=>e.jsx("option",{value:t,children:y.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:b(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:"divide-y divide-surface-border/30",children:c.map(t=>e.jsxs("div",{className:"group/row flex items-center gap-4 px-3 py-2.5 -mx-3",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:v,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{z as CredentialsPage};
-//# sourceMappingURL=CredentialsPage-BKxS-1sA.js.map
+import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{af as y,ag as N,ah as p,ac as f,ad as C}from"./index-C-8xXyvr.js";import{P as k}from"./PageHeader-DvEmMMP6.js";import{T as A}from"./TimeAgo-D7dSIY7-.js";import{C as w}from"./ConfirmDeleteModal-BUh-Dzba.js";import{d as P,p as T,aF as O,T as S}from"./vendor-icons-DKCAtTJ9.js";import"./vendor-react-CXumBFUA.js";import"./Modal-D4afnAjc.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,i]=l.useState(null),[h,u]=l.useState(!1),[s,j]=l.useState("anthropic"),c=(r==null?void 0:r.connections)??[],v=()=>{a&&n.mutate({provider:a.provider,label:a.label},{onSuccess:()=>i(null)})},b=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 pb-5 border-b border-surface-border/60 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:b(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:"divide-y divide-surface-border/30",children:c.map(t=>e.jsxs("div",{className:"group/row flex items-center gap-4 px-3 py-2.5 -mx-3",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-2xs px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary",children:t.label}),t.credential_type&&e.jsx("span",{className:"text-2xs 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:()=>i({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(S,{className:"w-4 h-4"})})]},`${t.provider}-${t.label}`))}),e.jsx(w,{open:!!a,onClose:()=>i(null),onConfirm:v,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-DyOgfnPB.js.map

package/dashboard/dist/assets/CredentialsPage-DyOgfnPB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CredentialsPage-DyOgfnPB.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 pb-5 border-b border-surface-border/60 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=\"divide-y divide-surface-border/30\">\n          {connections.map((conn) => (\n            <div\n              key={`${conn.provider}-${conn.label}`}\n              className=\"group/row flex items-center gap-4 px-3 py-2.5 -mx-3\"\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-2xs 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-2xs 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-Bd2G0Rap.js → CronLabel-geum95dj.js}

@@ -1,2 +1,2 @@
-import{u as c,b as r,c as o,j as n}from"./vendor-query-B2UbickB.js";import{d as i}from"./index-DIgiIoou.js";import{R as l,ak as p}from"./vendor-icons-ihWGa7_d.js";function g(e){return c({queryKey:["agent-subscriptions",e],queryFn:()=>i(`/agents/${e}/subscriptions`),enabled:!!e})}function b(){const e=r();return o({mutationFn:({agentId:t,...s})=>i(`/agents/${t}/subscriptions`,{method:"POST",body:JSON.stringify(s)}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}function f(){const e=r();return o({mutationFn:({agentId:t,subId:s,...a})=>i(`/agents/${t}/subscriptions/${s}`,{method:"PUT",body:JSON.stringify(a)}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]})}})}function h(){const e=r();return o({mutationFn:({agentId:t,subId:s})=>i(`/agents/${t}/subscriptions/${s}`,{method:"DELETE"}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}const y={task:"text-status-active",workflow:"text-accent",escalation:"text-status-warning",activity:"text-status-active",knowledge:"text-accent",agent:"text-status-success",app:"text-status-error",milestone:"text-accent"};function q({topic:e}){const t=e.split("."),s=t[0]==="system"?t[1]:t[0],a=y[s]??"text-text-quaternary",u=t[0]==="system"?`${t[1]}.${t[t.length-1]}`:t.slice(-2).join(".");return n.jsxs("span",{className:"inline-flex items-center gap-1 text-[11px] font-mono text-text-secondary",children:[n.jsx(l,{className:`w-2.5 h-2.5 shrink-0 ${a}`,strokeWidth:1.5}),u]})}function C({cron:e}){return n.jsxs("span",{className:"inline-flex items-center gap-1 text-[11px] font-mono text-text-secondary",children:[n.jsx(p,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary",strokeWidth:1.5}),e]})}export{C,q as E,b as a,f as b,h as c,g as u};
-//# sourceMappingURL=CronLabel-Bd2G0Rap.js.map
+import{u as c,b as r,c as o,j as n}from"./vendor-query-B2UbickB.js";import{d as i}from"./index-C-8xXyvr.js";import{R as l,al as y}from"./vendor-icons-DKCAtTJ9.js";function g(e){return c({queryKey:["agent-subscriptions",e],queryFn:()=>i(`/agents/${e}/subscriptions`),enabled:!!e})}function b(){const e=r();return o({mutationFn:({agentId:t,...s})=>i(`/agents/${t}/subscriptions`,{method:"POST",body:JSON.stringify(s)}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}function f(){const e=r();return o({mutationFn:({agentId:t,subId:s,...a})=>i(`/agents/${t}/subscriptions/${s}`,{method:"PUT",body:JSON.stringify(a)}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]})}})}function h(){const e=r();return o({mutationFn:({agentId:t,subId:s})=>i(`/agents/${t}/subscriptions/${s}`,{method:"DELETE"}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}const p={task:"text-status-active",workflow:"text-accent",escalation:"text-status-warning",activity:"text-status-active",knowledge:"text-accent",agent:"text-status-success",app:"text-status-error",milestone:"text-accent"};function q({topic:e}){const t=e.split("."),s=t[0]==="system"?t[1]:t[0],a=p[s]??"text-text-quaternary",u=t[0]==="system"?`${t[1]}.${t[t.length-1]}`:t.slice(-2).join(".");return n.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary",children:[n.jsx(l,{className:`w-2.5 h-2.5 shrink-0 ${a}`,strokeWidth:1.5}),u]})}function C({cron:e}){return n.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary",children:[n.jsx(y,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary",strokeWidth:1.5}),e]})}export{C,q as E,b as a,f as b,h as c,g as u};
+//# sourceMappingURL=CronLabel-geum95dj.js.map

package/dashboard/dist/assets/{CronLabel-Bd2G0Rap.js.map → CronLabel-geum95dj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CronLabel-Bd2G0Rap.js","sources":["../../src/api/agent-subscriptions.ts","../../src/components/common/display/EventTopicPill.tsx","../../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 { Radio } from 'lucide-react';\n\n/**\n * Universal event topic display — Radio icon + monotype text.\n * Used everywhere an event subscription topic is rendered.\n * No border, no background — matches CronLabel's simplicity.\n */\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'text-status-active',\n  workflow:   'text-accent',\n  escalation: 'text-status-warning',\n  activity:   'text-status-active',\n  knowledge:  'text-accent',\n  agent:      'text-status-success',\n  app:        'text-status-error',\n  milestone:  'text-accent',\n};\n\ninterface EventTopicPillProps {\n  topic: string;\n}\n\nexport function EventTopicPill({ topic }: EventTopicPillProps) {\n  const parts = topic.split('.');\n  const category = parts[0] === 'system' ? parts[1] : parts[0];\n  const iconColor = CATEGORY_COLORS[category] ?? 'text-text-quaternary';\n  // Show category.action for system events (e.g., workflow.completed)\n  const shortTopic = parts[0] === 'system'\n    ? `${parts[1]}.${parts[parts.length - 1]}`\n    : parts.slice(-2).join('.');\n\n  return (\n    <span className=\"inline-flex items-center gap-1 text-[11px] font-mono text-text-secondary\">\n      <Radio className={`w-2.5 h-2.5 shrink-0 ${iconColor}`} strokeWidth={1.5} />\n      {shortTopic}\n    </span>\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","CATEGORY_COLORS","EventTopicPill","topic","parts","category","iconColor","shortTopic","jsxs","jsx","Radio","CronLabel","cron","Clock"],"mappings":"mKAyBO,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,CChEA,MAAMS,EAA0C,CAC9C,KAAY,qBACZ,SAAY,cACZ,WAAY,sBACZ,SAAY,qBACZ,UAAY,cACZ,MAAY,sBACZ,IAAY,oBACZ,UAAY,aACd,EAMO,SAASC,EAAe,CAAE,MAAAC,GAA8B,CAC7D,MAAMC,EAAQD,EAAM,MAAM,GAAG,EACvBE,EAAWD,EAAM,CAAC,IAAM,SAAWA,EAAM,CAAC,EAAIA,EAAM,CAAC,EACrDE,EAAYL,EAAgBI,CAAQ,GAAK,uBAEzCE,EAAaH,EAAM,CAAC,IAAM,SAC5B,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAMA,EAAM,OAAS,CAAC,CAAC,GACtCA,EAAM,MAAM,EAAE,EAAE,KAAK,GAAG,EAE5B,OACEI,EAAAA,KAAC,OAAA,CAAK,UAAU,2EACd,SAAA,CAAAC,MAACC,GAAM,UAAW,wBAAwBJ,CAAS,GAAI,YAAa,IAAK,EACxEC,CAAA,EACH,CAEJ,CC5BO,SAASI,EAAU,CAAE,KAAAC,GAAwB,CAClD,OACEJ,EAAAA,KAAC,OAAA,CAAK,UAAU,2EACd,SAAA,CAAAC,EAAAA,IAACI,EAAA,CAAM,UAAU,4CAA4C,YAAa,IAAK,EAC9ED,CAAA,EACH,CAEJ"}
+{"version":3,"file":"CronLabel-geum95dj.js","sources":["../../src/api/agent-subscriptions.ts","../../src/components/common/display/EventTopicPill.tsx","../../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 { Radio } from 'lucide-react';\n\n/**\n * Universal event topic display — Radio icon + monotype text.\n * Used everywhere an event subscription topic is rendered.\n * No border, no background — matches CronLabel's simplicity.\n */\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'text-status-active',\n  workflow:   'text-accent',\n  escalation: 'text-status-warning',\n  activity:   'text-status-active',\n  knowledge:  'text-accent',\n  agent:      'text-status-success',\n  app:        'text-status-error',\n  milestone:  'text-accent',\n};\n\ninterface EventTopicPillProps {\n  topic: string;\n}\n\nexport function EventTopicPill({ topic }: EventTopicPillProps) {\n  const parts = topic.split('.');\n  const category = parts[0] === 'system' ? parts[1] : parts[0];\n  const iconColor = CATEGORY_COLORS[category] ?? 'text-text-quaternary';\n  // Show category.action for system events (e.g., workflow.completed)\n  const shortTopic = parts[0] === 'system'\n    ? `${parts[1]}.${parts[parts.length - 1]}`\n    : parts.slice(-2).join('.');\n\n  return (\n    <span className=\"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary\">\n      <Radio className={`w-2.5 h-2.5 shrink-0 ${iconColor}`} strokeWidth={1.5} />\n      {shortTopic}\n    </span>\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-2xs 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","CATEGORY_COLORS","EventTopicPill","topic","parts","category","iconColor","shortTopic","jsxs","jsx","Radio","CronLabel","cron","Clock"],"mappings":"mKAyBO,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,CChEA,MAAMS,EAA0C,CAC9C,KAAY,qBACZ,SAAY,cACZ,WAAY,sBACZ,SAAY,qBACZ,UAAY,cACZ,MAAY,sBACZ,IAAY,oBACZ,UAAY,aACd,EAMO,SAASC,EAAe,CAAE,MAAAC,GAA8B,CAC7D,MAAMC,EAAQD,EAAM,MAAM,GAAG,EACvBE,EAAWD,EAAM,CAAC,IAAM,SAAWA,EAAM,CAAC,EAAIA,EAAM,CAAC,EACrDE,EAAYL,EAAgBI,CAAQ,GAAK,uBAEzCE,EAAaH,EAAM,CAAC,IAAM,SAC5B,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAMA,EAAM,OAAS,CAAC,CAAC,GACtCA,EAAM,MAAM,EAAE,EAAE,KAAK,GAAG,EAE5B,OACEI,EAAAA,KAAC,OAAA,CAAK,UAAU,wEACd,SAAA,CAAAC,MAACC,GAAM,UAAW,wBAAwBJ,CAAS,GAAI,YAAa,IAAK,EACxEC,CAAA,EACH,CAEJ,CC5BO,SAASI,EAAU,CAAE,KAAAC,GAAwB,CAClD,OACEJ,EAAAA,KAAC,OAAA,CAAK,UAAU,wEACd,SAAA,CAAAC,EAAAA,IAACI,EAAA,CAAM,UAAU,4CAA4C,YAAa,IAAK,EAC9ED,CAAA,EACH,CAEJ"}

package/dashboard/dist/assets/CustomDurationPicker-ClufO2ew.js

@@ -0,0 +1,2 @@
+import{j as l,a as f}from"./vendor-query-B2UbickB.js";import{M as b}from"./Modal-D4afnAjc.js";import{u as g}from"./index-C-8xXyvr.js";import{D as w,f as v}from"./constants-BHkpVaqx.js";function D({open:t,onClose:n,onConfirm:s,selectedCount:e,isPending:i,error:o}){const r=e&&e>1?`Cancel ${e} escalations`:"Cancel escalation";return l.jsx(b,{open:t,onClose:n,title:r,children:l.jsxs("div",{className:"space-y-4",children:[l.jsx("p",{className:"text-sm text-text-secondary",children:e&&e>1?`This will permanently cancel ${e} escalations. Any waiting workflows will be unblocked and receive a cancellation signal.`:"This will permanently cancel this escalation. Any waiting workflow will be unblocked and receive a cancellation signal."}),l.jsx("p",{className:"text-xs text-text-tertiary",children:"This action cannot be undone."}),o&&l.jsx("p",{className:"text-xs text-status-error",children:o.message}),l.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[l.jsx("button",{onClick:n,disabled:i,className:"btn-secondary text-xs",children:"Keep"}),l.jsx("button",{onClick:s,disabled:i,className:"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity disabled:opacity-50",children:i?"Cancelling...":"Yes, Cancel"})]})]})})}const j=new Set(["__proto__","constructor","prototype"]);function m(t){const n=[];for(const s of t.split(".")){const e=s.match(/^([^[\]]*)((?:\[\d+\])*)$/);if(!e)throw new Error(`invalid x-lt-bind path segment: "${s}"`);const[,i,o]=e;if(i){if(j.has(i))throw new Error(`x-lt-bind path may not target "${i}"`);n.push({key:i})}for(const r of o.match(/\d+/g)??[])n.push({index:Number(r)})}if(n.length===0)throw new Error(`empty x-lt-bind path: "${t}"`);return n}function k(t,n,s){const e=m(n);let i=t;for(let r=0;r<e.length-1;r++){const u=e[r],d=e[r+1],c="key"in u?u.key:u.index,a="index"in d;(i[c]==null||typeof i[c]!="object")&&(i[c]=a?[]:{}),i=i[c]}const o=e[e.length-1];i["key"in o?o.key:o.index]=s}function y(t,n){let s=t;for(const e of m(n)){if(s==null||typeof s!="object")return;s=s["key"in e?e.key:e.index]}return s}function h(t,n){const s=n==null?void 0:n["x-lt-bind"];return typeof s=="string"&&s.length>0?s:t}function I(t,n){const s=n==null?void 0:n.properties;if(!s)return{...t};const e={};for(const[i,o]of Object.entries(s))i in t&&k(e,h(i,o),t[i]);return e}function S(t,n){const s=n==null?void 0:n.properties;if(!s)return t?{...t}:{};const e={};for(const[i,o]of Object.entries(s)){const r=y(t,h(i,o));r!==void 0&&(e[i]=r)}return e}const N=["escalation","metadata","envelope","payload","resolver"],T=/\{\{\s*([^{}]+?)\s*\}\}/g,p="—";function x(t){if(t==null)return p;if(typeof t=="string")return t;if(typeof t=="number"||typeof t=="boolean")return String(t);try{return JSON.stringify(t)}catch{return p}}function E(t,n){return t.replace(T,(s,e)=>{const i=e.indexOf("."),o=i===-1?e:e.slice(0,i);if(!N.includes(o))return p;const r=n[o];if(i===-1)return x(r);try{return x(y(r,e.slice(i+1)))}catch{return p}})}function _(t){const n=t==null?void 0:t["x-lt-help"];if(typeof n=="string"&&n.trim().length>0)return n;const s=t==null?void 0:t["x-lt-context"];return typeof s=="string"&&s.trim().length>0?s:null}function H(t,n){const s=_(t);return s?E(s,n):null}function F({isTerminal:t,status:n,claimed:s,claimedByMe:e}){return t?n==="cancelled"?"This escalation was cancelled. The record is shown for reference.":"This escalation has been resolved. The submitted form is shown for reference.":e?"You have claimed this escalation. Fill out the form and submit to resolve it.":s?"Another user has claimed this escalation. It unlocks if their claim expires or is released.":"Claim this escalation to enable the form."}function K(){const{data:t}=g();return f.useMemo(()=>{var s;return(((s=t==null?void 0:t.escalation)==null?void 0:s.claimDurations)??w).map(e=>({value:String(e),label:v(e)}))},[t])}const $=[{value:1,label:"minutes"},{value:60,label:"hours"}];function L({onChange:t,compact:n,autoFocus:s,"data-testid":e="custom-duration-input"}){const[i,o]=f.useState(""),[r,u]=f.useState(1);f.useEffect(()=>{const a=parseInt(i);t(a>0?a*r:0)},[i,r,t]);const d=n?"text-xs":"text-sm",c=n?"w-16":"w-20";return l.jsxs("div",{className:"flex items-center gap-2","data-testid":e,children:[l.jsx("input",{type:"number",min:1,max:r===60?24:1440,value:i,onChange:a=>o(a.target.value),placeholder:r===60?"hrs":"min",className:`input ${d} ${c} text-center`,autoFocus:s,"data-testid":`${e}-quantity`}),l.jsx("select",{value:r,onChange:a=>u(parseInt(a.target.value)),className:`select ${d} py-1`,"data-testid":`${e}-unit`,children:$.map(a=>l.jsx("option",{value:a.value,children:a.label},a.value))})]})}export{L as C,N as H,D as a,H as b,S as c,F as d,y as g,E as i,I as m,K as u};
+//# sourceMappingURL=CustomDurationPicker-ClufO2ew.js.map

package/dashboard/dist/assets/CustomDurationPicker-ClufO2ew.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomDurationPicker-ClufO2ew.js","sources":["../../src/components/common/modal/ConfirmCancelModal.tsx","../../../shared/form-validation/x-lt-bind.ts","../../../shared/form-validation/x-lt-help.ts","../../src/hooks/useClaimDurations.ts","../../src/components/common/form/CustomDurationPicker.tsx"],"sourcesContent":["import { Modal } from './Modal';\n\ninterface ConfirmCancelModalProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  selectedCount?: number;\n  isPending?: boolean;\n  error?: Error | null;\n}\n\nexport function ConfirmCancelModal({\n  open,\n  onClose,\n  onConfirm,\n  selectedCount,\n  isPending,\n  error,\n}: ConfirmCancelModalProps) {\n  const title = selectedCount && selectedCount > 1\n    ? `Cancel ${selectedCount} escalations`\n    : 'Cancel escalation';\n\n  return (\n    <Modal open={open} onClose={onClose} title={title}>\n      <div className=\"space-y-4\">\n        <p className=\"text-sm text-text-secondary\">\n          {selectedCount && selectedCount > 1\n            ? `This will permanently cancel ${selectedCount} escalations. Any waiting workflows will be unblocked and receive a cancellation signal.`\n            : 'This will permanently cancel this escalation. Any waiting workflow will be unblocked and receive a cancellation signal.'}\n        </p>\n        <p className=\"text-xs text-text-tertiary\">This action cannot be undone.</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} disabled={isPending} className=\"btn-secondary text-xs\">\n            Keep\n          </button>\n          <button\n            onClick={onConfirm}\n            disabled={isPending}\n            className=\"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity disabled:opacity-50\"\n          >\n            {isPending ? 'Cancelling...' : 'Yes, Cancel'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","/**\n * x-lt-bind — maps the escalation FORM (flat field values the user edits) to and\n * from the PAYLOAD (the nested JSON the workflow consumes). A form_schema property\n * may declare `x-lt-bind: \"a.b[0].c\"`, the path its value occupies in the payload;\n * a property with no bind sits at its own name at the root (1:1). This module is\n * isomorphic — the dashboard renders forms with it, and the API layer inverts a\n * submitted payload through it to validate against the form contract. One\n * implementation, both sides.\n *\n *   mapPayloadToForm  — payload → flat form values, to PREFILL/display the form\n *                       (server-side: to validate a submitted payload)\n *   mapFormToPayload  — flat form values → payload, the shape submitted/stored\n */\n\ntype PathSeg = { key: string } | { index: number };\n\nconst BLOCKED_KEYS = new Set(['__proto__', 'constructor', 'prototype']);\n\n/** Parse a bind path — dot keys with optional `[n]` indices. Rejects pollution keys. */\nexport function parsePath(path: string): PathSeg[] {\n  const segs: PathSeg[] = [];\n  for (const raw of path.split('.')) {\n    const m = raw.match(/^([^[\\]]*)((?:\\[\\d+\\])*)$/);\n    if (!m) throw new Error(`invalid x-lt-bind path segment: \"${raw}\"`);\n    const [, name, brackets] = m;\n    if (name) {\n      if (BLOCKED_KEYS.has(name)) throw new Error(`x-lt-bind path may not target \"${name}\"`);\n      segs.push({ key: name });\n    }\n    for (const b of brackets.match(/\\d+/g) ?? []) segs.push({ index: Number(b) });\n  }\n  if (segs.length === 0) throw new Error(`empty x-lt-bind path: \"${path}\"`);\n  return segs;\n}\n\n/** Set `value` at `path` inside `root`, creating intermediate objects/arrays. */\nexport function setDeep(root: Record<string, any>, path: string, value: unknown): void {\n  const segs = parsePath(path);\n  let node: any = root;\n  for (let i = 0; i < segs.length - 1; i++) {\n    const seg = segs[i];\n    const next = segs[i + 1];\n    const childKey = 'key' in seg ? seg.key : seg.index;\n    const wantArray = 'index' in next;\n    if (node[childKey] == null || typeof node[childKey] !== 'object') {\n      node[childKey] = wantArray ? [] : {};\n    }\n    node = node[childKey];\n  }\n  const last = segs[segs.length - 1];\n  node['key' in last ? last.key : last.index] = value;\n}\n\n/** Read the value at `path` inside `root` (undefined if any segment is missing). */\nexport function getDeep(root: unknown, path: string): unknown {\n  let node: any = root;\n  for (const seg of parsePath(path)) {\n    if (node == null || typeof node !== 'object') return undefined;\n    node = node['key' in seg ? seg.key : seg.index];\n  }\n  return node;\n}\n\n/** The bind path for a form property (its `x-lt-bind`, or the property name). */\nexport function bindPathFor(propName: string, propDef: Record<string, any> | undefined): string {\n  const bind = propDef?.['x-lt-bind'];\n  return typeof bind === 'string' && bind.length > 0 ? bind : propName;\n}\n\n/**\n * Assemble the payload from the form's flat values. A field absent from\n * `formValues` is omitted (so clearing/deleting a field drops it from the\n * payload). Unknown keys not declared in the schema are dropped. With no schema\n * properties, values pass through unchanged.\n */\nexport function mapFormToPayload(\n  formValues: Record<string, any>,\n  formSchema: Record<string, any> | null | undefined,\n): Record<string, any> {\n  const props = formSchema?.properties as Record<string, any> | undefined;\n  if (!props) return { ...formValues };\n  const payload: Record<string, any> = {};\n  for (const [name, def] of Object.entries(props)) {\n    if (!(name in formValues)) continue;\n    setDeep(payload, bindPathFor(name, def as Record<string, any>), formValues[name]);\n  }\n  return payload;\n}\n\n/**\n * Reverse of {@link mapFormToPayload}: pull each form field's value out of the\n * payload via its bind path, to prefill/display the form. A field whose bound\n * path is missing from the payload is omitted (the caller falls back to the\n * schema default).\n */\nexport function mapPayloadToForm(\n  payload: Record<string, any> | null | undefined,\n  formSchema: Record<string, any> | null | undefined,\n): Record<string, any> {\n  const props = formSchema?.properties as Record<string, any> | undefined;\n  if (!props) return payload ? { ...payload } : {};\n  const form: Record<string, any> = {};\n  for (const [name, def] of Object.entries(props)) {\n    const v = getDeep(payload, bindPathFor(name, def as Record<string, any>));\n    if (v !== undefined) form[name] = v;\n  }\n  return form;\n}\n","/**\n * x-lt-help — the form's guidance content, rendered in the side panel beside\n * the resolve form. A form_schema may declare schema-level `x-lt-help`: a\n * markdown string whose `{{domain.path}}` tokens interpolate values from the\n * escalation surface, so help text can reference the live record:\n *\n *   {{escalation.role}}                        — any column on the escalation row\n *   {{metadata.schema_version}}                — the row's metadata dict\n *   {{envelope.formDefaults.customer.name}}    — the workflow-sent input envelope\n *   {{payload.category}}                       — the escalation context payload\n *   {{resolver.notes}}                         — the submitted resolver payload\n *\n * Paths reuse the x-lt-bind syntax (`a.b[0].c`). A missing value renders as an\n * em dash. `x-lt-context` is accepted as the plain-text fallback source when\n * `x-lt-help` is absent.\n */\nimport { getDeep } from './x-lt-bind';\n\n/** The token domains a help template may reference. */\nexport const HELP_DOMAINS = ['escalation', 'metadata', 'envelope', 'payload', 'resolver'] as const;\nexport type HelpDomain = (typeof HELP_DOMAINS)[number];\n\nexport type HelpTokenContext = Partial<Record<HelpDomain, Record<string, unknown> | null>>;\n\nconst TOKEN_PATTERN = /\\{\\{\\s*([^{}]+?)\\s*\\}\\}/g;\nconst MISSING_VALUE = '—';\n\nfunction formatTokenValue(value: unknown): string {\n  if (value === undefined || value === null) return MISSING_VALUE;\n  if (typeof value === 'string') return value;\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return MISSING_VALUE;\n  }\n}\n\n/** Replace every `{{domain.path}}` token with its value from the context. */\nexport function interpolateHelp(template: string, ctx: HelpTokenContext): string {\n  return template.replace(TOKEN_PATTERN, (_match, rawPath: string) => {\n    const dot = rawPath.indexOf('.');\n    const domain = (dot === -1 ? rawPath : rawPath.slice(0, dot)) as HelpDomain;\n    if (!HELP_DOMAINS.includes(domain)) return MISSING_VALUE;\n    const root = ctx[domain];\n    if (dot === -1) return formatTokenValue(root);\n    try {\n      return formatTokenValue(getDeep(root, rawPath.slice(dot + 1)));\n    } catch {\n      return MISSING_VALUE;\n    }\n  });\n}\n\n/** The schema's help source: `x-lt-help` first, `x-lt-context` as fallback. */\nexport function resolveHelpSource(schema: Record<string, unknown> | null | undefined): string | null {\n  const help = schema?.['x-lt-help'];\n  if (typeof help === 'string' && help.trim().length > 0) return help;\n  const context = schema?.['x-lt-context'];\n  if (typeof context === 'string' && context.trim().length > 0) return context;\n  return null;\n}\n\n/** The schema's help content, interpolated. Null when the schema declares none. */\nexport function buildHelpMarkdown(\n  schema: Record<string, unknown> | null | undefined,\n  ctx: HelpTokenContext,\n): string | null {\n  const source = resolveHelpSource(schema);\n  return source ? interpolateHelp(source, ctx) : null;\n}\n\nexport interface HelpStateHint {\n  isTerminal: boolean;\n  status?: string;\n  claimed: boolean;\n  claimedByMe: boolean;\n}\n\n/**\n * State-aware guidance shown when the schema carries no help content — the\n * panel always tells the user what this page expects of them right now.\n */\nexport function defaultHelpMarkdown({ isTerminal, status, claimed, claimedByMe }: HelpStateHint): string {\n  if (isTerminal) {\n    return status === 'cancelled'\n      ? 'This escalation was cancelled. The record is shown for reference.'\n      : 'This escalation has been resolved. The submitted form is shown for reference.';\n  }\n  if (claimedByMe) return 'You have claimed this escalation. Fill out the form and submit to resolve it.';\n  if (claimed) return 'Another user has claimed this escalation. It unlocks if their claim expires or is released.';\n  return 'Claim this escalation to enable the form.';\n}\n","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":["ConfirmCancelModal","open","onClose","onConfirm","selectedCount","isPending","error","title","jsx","Modal","jsxs","BLOCKED_KEYS","parsePath","path","segs","raw","m","name","brackets","b","setDeep","root","value","node","i","seg","next","childKey","wantArray","last","getDeep","bindPathFor","propName","propDef","bind","mapFormToPayload","formValues","formSchema","props","payload","def","mapPayloadToForm","form","v","HELP_DOMAINS","TOKEN_PATTERN","MISSING_VALUE","formatTokenValue","interpolateHelp","template","ctx","_match","rawPath","dot","domain","resolveHelpSource","schema","help","context","buildHelpMarkdown","source","defaultHelpMarkdown","isTerminal","status","claimed","claimedByMe","useClaimDurations","settings","useSettings","useMemo","_a","DEFAULT_CLAIM_DURATIONS","formatClaimDuration","UNITS","CustomDurationPicker","onChange","compact","autoFocus","testId","quantity","setQuantity","useState","multiplier","setMultiplier","useEffect","q","textSize","inputWidth","e","u"],"mappings":"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"}

package/dashboard/dist/assets/DataTable-BTu2AaEl.js

@@ -0,0 +1,2 @@
+import{a as m,j as e}from"./vendor-query-B2UbickB.js";import{E}from"./EmptyState-BcsfPq9T.js";function F(){const[r,t]=m.useState(null),[d,a]=m.useState(null),s=m.useCallback(i=>t(i),[]);return m.useEffect(()=>{if(!r||typeof ResizeObserver>"u")return;const i=new ResizeObserver(p=>{const o=p[0];o&&a(o.contentRect.width)});return i.observe(r),()=>i.disconnect()},[r]),[s,d]}const v={split:"hidden @split/table:table-cell",wall:"hidden @wall/table:table-cell"};function S(r){const t=r.some(i=>i.priority!==void 0),d=[],a=[],s=[];return r.forEach((i,p)=>{const o=i.priority??(t?2:p===0?1:2);o===1?d.push(i):o===3?s.push(i):a.push(i)}),{identity:d,meta:a,dropped:s}}const A=48;function C(){if(typeof window>"u"||typeof document>"u")return 16;const r=parseFloat(getComputedStyle(document.documentElement).fontSize);return Number.isFinite(r)&&r>0?r:16}function z({active:r,direction:t}){return e.jsx("svg",{className:`w-3 h-3 shrink-0 transition-all duration-150 ${r?"text-accent opacity-100":"opacity-0 group-hover/sorthead:opacity-40 text-text-tertiary"} ${r&&t==="asc"?"rotate-180":""}`,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})}function D({columns:r,sort:t,onSort:d}){const a=r.filter(s=>s.sortable);return a.length===0?null:e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 border-b",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wide text-text-tertiary",children:"Sort"}),e.jsxs("select",{className:"select text-2xs py-1",value:(t==null?void 0:t.sort_by)??"",onChange:s=>s.target.value&&d(s.target.value),children:[!(t!=null&&t.sort_by)&&e.jsx("option",{value:"",disabled:!0,children:"Choose…"}),a.map(s=>e.jsx("option",{value:s.key,children:typeof s.label=="string"?s.label:s.key},s.key))]}),(t==null?void 0:t.sort_by)&&e.jsx("button",{onClick:()=>d(t.sort_by),className:"text-2xs text-text-tertiary hover:text-accent transition-colors tabular-nums",title:"Flip sort direction",children:t.order==="asc"?"↑ asc":"↓ desc"})]})}function M({columns:r,data:t,keyFn:d,onRowClick:a,activeRowKey:s,rowClassName:i,isLoading:p,emptyMessage:o="No records found",sort:h,onSort:b,inline:g,layout:N="auto",forceCardMode:k}){const[f,y]=F(),$=k??(y!==null&&y<A*C());if(p)return e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((n,c)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},c))});if(!t.length)return o?e.jsx(E,{title:o}):null;if($){const{identity:n,meta:c}=S(r),x=Math.max(0,n.findIndex(l=>!/(^|\s)w-\d/.test(l.className??"")));return e.jsxs("div",{ref:f,className:"@container/table",children:[b&&e.jsx(D,{columns:r,sort:h,onSort:b}),e.jsx("div",{className:"divide-y divide-surface-border",children:t.map((l,j)=>{const w=s!=null&&d(l)===s;return e.jsxs("div",{onClick:a?()=>a(l):void 0,className:`py-3 px-4 transition-colors duration-100 ${a?"cursor-pointer row-hover":""} ${w?"border-l-2 border-l-accent":""} ${i?i(l):""}`,children:[e.jsx("div",{className:"flex items-center gap-2 min-w-0",children:n.map((u,_)=>e.jsx("div",{className:_===x?"flex-1 min-w-0":"shrink-0",children:u.render(l,j)},u.key))}),c.length>0&&e.jsx("dl",{className:"mt-2 grid grid-cols-1 @dict-inline/table:grid-cols-[max-content_1fr] gap-x-6 gap-y-1 items-baseline",children:c.map(u=>e.jsxs(m.Fragment,{children:[e.jsx("dt",{className:"text-2xs font-semibold uppercase tracking-wide text-text-tertiary",children:u.label}),e.jsx("dd",{className:"text-sm min-w-0 break-words",children:u.render(l,j)})]},u.key))})]},d(l))})})]})}return e.jsx("div",{ref:f,className:"@container/table",children:e.jsxs("table",{className:`w-full ${N==="fixed"?"table-fixed":""}`,children:[e.jsx("thead",{children:e.jsx("tr",{className:"border-b",children:r.map(n=>{const c=n.sortable&&b,x=(h==null?void 0:h.sort_by)===n.key;return e.jsx("th",{onClick:c?()=>b(n.key):void 0,className:`${g?"":"sticky top-[60px] z-10 "}bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary whitespace-nowrap ${n.showFrom?v[n.showFrom]:""} ${n.className??""} ${c?"cursor-pointer select-none group/sorthead hover:text-text-secondary transition-colors":""}`,children:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[n.label,c&&e.jsx(z,{active:x,direction:x?h.order:"desc"})]})},n.key)})})}),e.jsx("tbody",{children:t.map((n,c)=>{const x=s!=null&&d(n)===s;return e.jsx("tr",{onClick:a?()=>a(n):void 0,className:`group/row border-b last:border-b-0 transition-colors duration-100 ${a?"cursor-pointer row-hover":""} ${x?"border-l-2 border-l-accent":""} ${i?i(n):""}`,children:r.map(l=>e.jsx("td",{className:`px-6 py-2.5 text-sm overflow-hidden ${l.showFrom?v[l.showFrom]:""} ${l.className??""}`,children:l.render(n,c)},l.key))},d(n))})})]})})}export{M as D};
+//# sourceMappingURL=DataTable-BTu2AaEl.js.map

package/dashboard/dist/assets/DataTable-BTu2AaEl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable-BTu2AaEl.js","sources":["../../src/hooks/useContainerWidth.ts","../../src/components/common/data/DataTable.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\n/**\n * Measures an element's content-box width via ResizeObserver — the hook form\n * of \"geometry follows the container\". Returns a CALLBACK ref (the observed\n * element can mount late, e.g. after a loading state) and the width: `null`\n * before the first measure and in environments without ResizeObserver\n * (jsdom), which callers treat as \"wide\".\n */\nexport function useContainerWidth<T extends HTMLElement>(): [(node: T | null) => void, number | null] {\n  const [el, setEl] = useState<T | null>(null);\n  const [width, setWidth] = useState<number | null>(null);\n\n  const ref = useCallback((node: T | null) => setEl(node), []);\n\n  useEffect(() => {\n    if (!el || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) setWidth(entry.contentRect.width);\n    });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [el]);\n\n  return [ref, width];\n}\n","import { Fragment, type ReactNode } from 'react';\nimport { EmptyState } from '../display/EmptyState';\nimport { useContainerWidth } from '../../../hooks/useContainerWidth';\nimport type { SortState } from '../../../hooks/useFilterParams';\n\nexport interface Column<T> {\n  key: string;\n  label: string | ReactNode;\n  render: (row: T, index: number) => ReactNode;\n  className?: string;\n  /** If true, this column header is clickable and triggers onSort. */\n  sortable?: boolean;\n  /**\n   * Card-fold behavior when the container drops below the @table threshold:\n   * 1 = identity — always visible, forms the card's title line;\n   * 2 = folds into the card body as a label/value pair (default);\n   * 3 = dropped in card mode.\n   */\n  priority?: 1 | 2 | 3;\n  /**\n   * Table-mode disclosure: the column renders only when the table's\n   * container clears the named threshold. The column budget governs the\n   * floor; enrichment columns return with room.\n   */\n  showFrom?: 'split' | 'wall';\n}\n\n/* Literal class strings so Tailwind's scanner sees the container variants. */\nconst SHOW_FROM_CLASS: Record<NonNullable<Column<unknown>['showFrom']>, string> = {\n  split: 'hidden @split/table:table-cell',\n  wall: 'hidden @wall/table:table-cell',\n};\n\n/**\n * Split columns by card-fold priority. When NO column declares a priority,\n * the first column is the identity and the rest fold — the sane default for\n * every list page. When any column declares one, undeclared columns fold.\n * Exported for tests.\n */\nexport function partitionColumns<T>(columns: Column<T>[]): {\n  identity: Column<T>[];\n  meta: Column<T>[];\n  dropped: Column<T>[];\n} {\n  const anyDeclared = columns.some((c) => c.priority !== undefined);\n  const identity: Column<T>[] = [];\n  const meta: Column<T>[] = [];\n  const dropped: Column<T>[] = [];\n  columns.forEach((col, i) => {\n    const priority = col.priority ?? (anyDeclared ? 2 : i === 0 ? 1 : 2);\n    if (priority === 1) identity.push(col);\n    else if (priority === 3) dropped.push(col);\n    else meta.push(col);\n  });\n  return { identity, meta, dropped };\n}\n\ninterface DataTableProps<T> {\n  columns: Column<T>[];\n  data: T[];\n  keyFn: (row: T) => string;\n  onRowClick?: (row: T) => void;\n  /** Highlight the row whose keyFn matches this value. */\n  activeRowKey?: string | null;\n  /** Optional per-row class name for custom styling (e.g., engine vs worker tint). */\n  rowClassName?: (row: T) => string;\n  isLoading?: boolean;\n  emptyMessage?: string;\n  /** Current sort state — pass to show active sort indicator. */\n  sort?: SortState;\n  /** Called when a sortable column header is clicked. */\n  onSort?: (column: string) => void;\n  /** Disable the sticky header (useful when nested inside collapsible sections). */\n  inline?: boolean;\n  /**\n   * `fixed` locks the table to its container width: columns with width\n   * classes keep them, the rest share the remainder, and long content\n   * truncates instead of widening the table. Use beside a slide panel where\n   * the table must shrink as the panel expands.\n   */\n  layout?: 'auto' | 'fixed';\n  /** Force console-card rendering regardless of measured width (tests). */\n  forceCardMode?: boolean;\n}\n\n/** The @table threshold in rem — below this the table folds into cards. */\nconst CARD_FOLD_REM = 48;\n\nfunction rootFontPx(): number {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return 16;\n  const size = parseFloat(getComputedStyle(document.documentElement).fontSize);\n  return Number.isFinite(size) && size > 0 ? size : 16;\n}\n\nfunction SortIcon({ active, direction }: { active: boolean; direction: 'asc' | 'desc' }) {\n  return (\n    <svg\n      className={`w-3 h-3 shrink-0 transition-all duration-150 ${\n        active ? 'text-accent opacity-100' : 'opacity-0 group-hover/sorthead:opacity-40 text-text-tertiary'\n      } ${active && direction === 'asc' ? 'rotate-180' : ''}`}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2.5}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  );\n}\n\n/** Compact sort control for card mode, where there is no header row. */\nfunction CardSortControl<T>({ columns, sort, onSort }: {\n  columns: Column<T>[];\n  sort?: SortState;\n  onSort: (column: string) => void;\n}) {\n  const sortable = columns.filter((c) => c.sortable);\n  if (sortable.length === 0) return null;\n  return (\n    <div className=\"flex items-center gap-2 px-4 py-2 border-b\">\n      <span className=\"text-2xs font-semibold uppercase tracking-wide text-text-tertiary\">Sort</span>\n      <select\n        className=\"select text-2xs py-1\"\n        value={sort?.sort_by ?? ''}\n        onChange={(e) => e.target.value && onSort(e.target.value)}\n      >\n        {!sort?.sort_by && <option value=\"\" disabled>Choose…</option>}\n        {sortable.map((c) => (\n          <option key={c.key} value={c.key}>{typeof c.label === 'string' ? c.label : c.key}</option>\n        ))}\n      </select>\n      {sort?.sort_by && (\n        <button\n          onClick={() => onSort(sort.sort_by)}\n          className=\"text-2xs text-text-tertiary hover:text-accent transition-colors tabular-nums\"\n          title=\"Flip sort direction\"\n        >\n          {sort.order === 'asc' ? '↑ asc' : '↓ desc'}\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport function DataTable<T>({\n  columns,\n  data,\n  keyFn,\n  onRowClick,\n  activeRowKey,\n  rowClassName,\n  isLoading,\n  emptyMessage = 'No records found',\n  sort,\n  onSort,\n  inline,\n  layout = 'auto',\n  forceCardMode,\n}: DataTableProps<T>) {\n  const [wrapRef, width] = useContainerWidth<HTMLDivElement>();\n  const cardMode = forceCardMode ?? (width !== null && width < CARD_FOLD_REM * rootFontPx());\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-0\">\n        {Array.from({ length: 5 }).map((_, i) => (\n          <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n            <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  if (!data.length) {\n    return emptyMessage ? <EmptyState title={emptyMessage} /> : null;\n  }\n\n  if (cardMode) {\n    // A table row IS a dictionary: identity columns form the title line, the\n    // rest fold into dense console-style pairs. Tables never scroll\n    // horizontally — they fold.\n    const { identity, meta } = partitionColumns(columns);\n    // The title line: glyph/width-classed identity columns (status dots,\n    // checkboxes, countdowns) hold their size; the first free-width identity\n    // column (the description) flexes and truncates.\n    const flexAt = Math.max(0, identity.findIndex((c) => !/(^|\\s)w-\\d/.test(c.className ?? '')));\n    return (\n      <div ref={wrapRef} className=\"@container/table\">\n        {onSort && <CardSortControl columns={columns} sort={sort} onSort={onSort} />}\n        <div className=\"divide-y divide-surface-border\">\n          {data.map((row, index) => {\n            const isActive = activeRowKey != null && keyFn(row) === activeRowKey;\n            return (\n              <div\n                key={keyFn(row)}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                className={`py-3 px-4 transition-colors duration-100 ${\n                  onRowClick ? 'cursor-pointer row-hover' : ''\n                } ${isActive ? 'border-l-2 border-l-accent' : ''} ${rowClassName ? rowClassName(row) : ''}`}\n              >\n                <div className=\"flex items-center gap-2 min-w-0\">\n                  {identity.map((col, i) => (\n                    <div key={col.key} className={i === flexAt ? 'flex-1 min-w-0' : 'shrink-0'}>\n                      {col.render(row, index)}\n                    </div>\n                  ))}\n                </div>\n                {meta.length > 0 && (\n                  <dl className=\"mt-2 grid grid-cols-1 @dict-inline/table:grid-cols-[max-content_1fr] gap-x-6 gap-y-1 items-baseline\">\n                    {meta.map((col) => (\n                      <Fragment key={col.key}>\n                        <dt className=\"text-2xs font-semibold uppercase tracking-wide text-text-tertiary\">\n                          {col.label}\n                        </dt>\n                        <dd className=\"text-sm min-w-0 break-words\">{col.render(row, index)}</dd>\n                      </Fragment>\n                    ))}\n                  </dl>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={wrapRef} className=\"@container/table\">\n      <table className={`w-full ${layout === 'fixed' ? 'table-fixed' : ''}`}>\n        <thead>\n          <tr className=\"border-b\">\n            {columns.map((col) => {\n              const isSortable = col.sortable && onSort;\n              const isActive = sort?.sort_by === col.key;\n\n              return (\n                <th\n                  key={col.key}\n                  onClick={isSortable ? () => onSort(col.key) : undefined}\n                  className={`${inline ? '' : 'sticky top-[60px] z-10 '}bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary whitespace-nowrap ${col.showFrom ? SHOW_FROM_CLASS[col.showFrom] : ''} ${col.className ?? ''} ${\n                    isSortable ? 'cursor-pointer select-none group/sorthead hover:text-text-secondary transition-colors' : ''\n                  }`}\n                >\n                  <span className=\"inline-flex items-center gap-1\">\n                    {col.label}\n                    {isSortable && (\n                      <SortIcon active={isActive} direction={isActive ? sort.order : 'desc'} />\n                    )}\n                  </span>\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((row, index) => {\n            const isActive = activeRowKey != null && keyFn(row) === activeRowKey;\n            return (\n            <tr\n              key={keyFn(row)}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={`group/row border-b last:border-b-0 transition-colors duration-100 ${\n                onRowClick ? 'cursor-pointer row-hover' : ''\n              } ${isActive ? 'border-l-2 border-l-accent' : ''} ${rowClassName ? rowClassName(row) : ''}`}\n            >\n              {columns.map((col) => (\n                <td\n                  key={col.key}\n                  className={`px-6 py-2.5 text-sm overflow-hidden ${col.showFrom ? SHOW_FROM_CLASS[col.showFrom] : ''} ${col.className ?? ''}`}\n                >\n                  {col.render(row, index)}\n                </td>\n              ))}\n            </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"],"names":["useContainerWidth","el","setEl","useState","width","setWidth","ref","useCallback","node","useEffect","observer","entries","entry","SHOW_FROM_CLASS","partitionColumns","columns","anyDeclared","c","identity","meta","dropped","col","i","priority","CARD_FOLD_REM","rootFontPx","size","SortIcon","active","direction","jsx","CardSortControl","sort","onSort","sortable","jsxs","e","DataTable","data","keyFn","onRowClick","activeRowKey","rowClassName","isLoading","emptyMessage","inline","layout","forceCardMode","wrapRef","cardMode","_","EmptyState","flexAt","row","index","isActive","Fragment","isSortable"],"mappings":"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"}

package/dashboard/dist/assets/{DropZone-DNDEgMpJ.js → DropZone-C3hOjJtC.js}

@@ -1,2 +1,2 @@
-import{a as n,j as l}from"./vendor-query-B2UbickB.js";import{a_ as D}from"./vendor-icons-ihWGa7_d.js";function v(r,c){const p=c.split(",").map(e=>e.trim());for(const e of p)if(e.startsWith(".")&&r.name.toLowerCase().endsWith(e.toLowerCase())||e===r.type||e.endsWith("/*")&&r.type.startsWith(e.slice(0,-1)))return!0;return!1}function j({onDrop:r,children:c,label:p="Drop files here",accept:e,disabled:i}){const[u,f]=n.useState(!1),s=n.useRef(0),d=n.useCallback(t=>{t.preventDefault(),t.stopPropagation(),s.current++,i||f(!0)},[i]),g=n.useCallback(t=>{t.preventDefault(),t.stopPropagation(),s.current--,s.current<=0&&(s.current=0,f(!1))},[]),x=n.useCallback(t=>{t.preventDefault(),t.stopPropagation()},[]),h=n.useCallback(t=>{if(t.preventDefault(),t.stopPropagation(),s.current=0,f(!1),i)return;const o=Array.from(t.dataTransfer.files);if(console.debug("[DropZone] dropped files:",o.map(a=>({name:a.name,type:a.type,size:a.size}))),e){const a=o.filter(m=>v(m,e));console.debug("[DropZone] after accept filter:",a.length,"of",o.length),a.length?r(a):console.warn("[DropZone] no files matched accept pattern:",e)}else o.length&&r(o)},[r,e,i]);return l.jsxs("div",{className:"relative",onDragEnter:d,onDragLeave:g,onDragOver:x,onDrop:h,children:[c,u&&l.jsx("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center transition-opacity pointer-events-none",style:{background:"rgba(var(--color-surface-rgb, 255 255 255) / 0.85)"},children:l.jsxs("div",{className:"flex flex-col items-center gap-2 px-6 py-5 rounded-xl border border-dashed border-text-quaternary/40",children:[l.jsx(D,{className:"w-8 h-8 text-text-tertiary"}),l.jsx("p",{className:"text-xs text-text-secondary",children:p})]})})]})}export{j as D};
-//# sourceMappingURL=DropZone-DNDEgMpJ.js.map
+import{a as n,j as l}from"./vendor-query-B2UbickB.js";import{b0 as D}from"./vendor-icons-DKCAtTJ9.js";function v(r,c){const p=c.split(",").map(e=>e.trim());for(const e of p)if(e.startsWith(".")&&r.name.toLowerCase().endsWith(e.toLowerCase())||e===r.type||e.endsWith("/*")&&r.type.startsWith(e.slice(0,-1)))return!0;return!1}function j({onDrop:r,children:c,label:p="Drop files here",accept:e,disabled:i}){const[u,f]=n.useState(!1),s=n.useRef(0),d=n.useCallback(t=>{t.preventDefault(),t.stopPropagation(),s.current++,i||f(!0)},[i]),g=n.useCallback(t=>{t.preventDefault(),t.stopPropagation(),s.current--,s.current<=0&&(s.current=0,f(!1))},[]),x=n.useCallback(t=>{t.preventDefault(),t.stopPropagation()},[]),h=n.useCallback(t=>{if(t.preventDefault(),t.stopPropagation(),s.current=0,f(!1),i)return;const o=Array.from(t.dataTransfer.files);if(console.debug("[DropZone] dropped files:",o.map(a=>({name:a.name,type:a.type,size:a.size}))),e){const a=o.filter(m=>v(m,e));console.debug("[DropZone] after accept filter:",a.length,"of",o.length),a.length?r(a):console.warn("[DropZone] no files matched accept pattern:",e)}else o.length&&r(o)},[r,e,i]);return l.jsxs("div",{className:"relative",onDragEnter:d,onDragLeave:g,onDragOver:x,onDrop:h,children:[c,u&&l.jsx("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center transition-opacity pointer-events-none",style:{background:"rgba(var(--color-surface-rgb, 255 255 255) / 0.85)"},children:l.jsxs("div",{className:"flex flex-col items-center gap-2 px-6 py-5 rounded-xl border border-dashed border-text-quaternary/40",children:[l.jsx(D,{className:"w-8 h-8 text-text-tertiary"}),l.jsx("p",{className:"text-xs text-text-secondary",children:p})]})})]})}export{j as D};
+//# sourceMappingURL=DropZone-C3hOjJtC.js.map