@hotmeshio/long-tail 0.8.0 → 0.8.2

package/dashboard/dist/assets/{BotPicker-xGUCxJo-.js.map → BotPicker-ChgljKHj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BotPicker-xGUCxJo-.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=\"flex items-center gap-1.5 w-full px-1 py-1.5 bg-transparent border-b border-surface-border/60 text-left cursor-pointer hover:border-accent/50 transition-colors focus:outline-none focus:border-accent/50\"\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-ChgljKHj.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=\"flex items-center gap-1.5 w-full px-1 py-1.5 bg-transparent border-b border-surface-border/60 text-left cursor-pointer hover:border-accent/50 transition-colors focus:outline-none focus:border-accent/50\"\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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"}

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

@@ -0,0 +1,2 @@
+import{a as d,j as e}from"./vendor-query-B2UbickB.js";import{u as f}from"./capabilities-CMhFyoDl.js";import{T as N,S as y}from"./ToolTestPanel-CfwGdRdz.js";import{T as g}from"./ToolPill-BW0iRwZu.js";import{P as b}from"./PageHeader-DJo7yMUR.js";import{F as C,b as S,a as w}from"./FilterBar-B4Mk2PvT.js";import{aP as I,B as k,aQ as P,C as T,aR as E,D as L,aB as R,ai as q,x as D,P as O,Z as A}from"./vendor-icons-DOIDKgo6.js";import"./index-C8k3Z2su.js";import"./vendor-react-CXumBFUA.js";import"./mcp-C_qz25AB.js";import"./RunAsSelector-VCnEYIwj.js";import"./BotPicker-ChgljKHj.js";import"./bots-CsgYcYU_.js";import"./helpers-DzO-OGPe.js";const h={Communication:D,Analysis:q,Media:R,Data:L,Automation:E,Development:T,System:P,Reference:k,Other:I};function V(){const{data:t,isLoading:l}=f(),[i,c]=d.useState(""),[o,v]=d.useState(null),[r,p]=d.useState(null),m=(t==null?void 0:t.categories)??[],j=(t==null?void 0:t.totalTools)??0,u=d.useMemo(()=>{let s=m;if(o&&(s=s.filter(a=>a.name===o)),!i.trim())return s;const n=i.toLowerCase();return s.map(a=>({...a,tools:a.tools.filter(x=>x.name.toLowerCase().includes(n)||x.description.toLowerCase().includes(n)||x.serverName.toLowerCase().includes(n))})).filter(a=>a.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(a=>e.jsx(F,{tool:a,isSelected:(r==null?void 0:r.tool.name)===a.name&&(r==null?void 0:r.serverId)===a.serverId,onSelect:()=>p({serverId:a.serverId,serverName:a.serverName,tool:{name:a.name,description:a.description,inputSchema:a.inputSchema}})},`${a.serverId}-${a.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(B,{})})]})]})}function B(){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 F({tool:t,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:t.name,size:"md"}),e.jsx("p",{className:"flex-1 min-w-0 truncate text-[11px] text-text-tertiary group-hover:text-text-secondary transition-colors",children:t.description}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx(y,{name:t.serverName,serverId:t.serverId}),e.jsx(O,{className:`w-3 h-3 transition-opacity ${l?"text-accent opacity-100":"text-accent opacity-0 group-hover:opacity-100"}`,strokeWidth:1.5})]})]})]})}export{V as CapabilitiesPage};
+//# sourceMappingURL=CapabilitiesPage-DeybKoZM.js.map

package/dashboard/dist/assets/CapabilitiesPage-DeybKoZM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapabilitiesPage-DeybKoZM.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":"8nBAgBA,MAAMA,EAA6C,CACjD,cAAeC,EACf,SAAUC,EACV,MAAOC,EACP,KAAMC,EACN,WAAYC,EACZ,YAAaC,EACb,OAAQC,EACR,UAAWC,EACX,MAAOC,CACT,EAIO,SAASC,GAAmB,CACjC,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,EAAA,EACtB,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAE,EACjC,CAACC,EAAgBC,CAAiB,EAAIF,EAAAA,SAAwB,IAAI,EAClE,CAACG,EAAUC,CAAW,EAAIJ,EAAAA,SAItB,IAAI,EAERK,GAAaV,GAAA,YAAAA,EAAM,aAAc,CAAA,EACjCW,GAAaX,GAAA,YAAAA,EAAM,aAAc,EAEjCY,EAAWC,EAAAA,QAAQ,IAAM,CAC7B,IAAIC,EAAOJ,EAEX,GADIJ,MAAuBQ,EAAK,OAAQC,GAAMA,EAAE,OAAST,CAAc,GACnE,CAACH,EAAO,KAAA,EAAQ,OAAOW,EAC3B,MAAME,EAAIb,EAAO,YAAA,EACjB,OAAOW,EACJ,IAAKG,IAAS,CACb,GAAGA,EACH,MAAOA,EAAI,MAAM,OACdC,GACCA,EAAE,KAAK,cAAc,SAASF,CAAC,GAC/BE,EAAE,YAAY,cAAc,SAASF,CAAC,GACtCE,EAAE,WAAW,YAAA,EAAc,SAASF,CAAC,CAAA,CACzC,EACA,EACD,OAAQC,GAAQA,EAAI,MAAM,OAAS,CAAC,CACzC,EAAG,CAACP,EAAYP,EAAQG,CAAc,CAAC,EAEvC,cACG,MAAA,CACC,SAAA,CAAAa,EAAAA,IAACC,EAAA,CAAW,MAAM,cAAA,CAAe,EAGjCC,EAAAA,KAAC,MAAA,CAAI,UAAU,qCAGb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,aAGZ,SAAA,CAAA,CAACpB,GAAaS,EAAW,OAAS,UAChCY,EAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAA,CACC,MAAM,WACN,MAAOjB,GAAkB,GACzB,SAAWkB,GAAMjB,EAAkBiB,GAAK,IAAI,EAC5C,QAASd,EAAW,IAAKK,IAAO,CAAE,MAAOA,EAAE,KAAM,MAAOA,EAAE,IAAA,EAAO,CAAA,CAAA,EAEnEI,EAAAA,IAACM,EAAA,CACC,MAAM,SACN,MAAOtB,EACP,SAAUC,EACV,YAAa,GAAGO,CAAU,gBAAA,CAAA,CAC5B,EACF,EAIDV,EACCkB,EAAAA,IAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAC,EAAG,EAAG,CAAC,EAAE,IAAKO,UACb,MAAA,CACC,SAAA,CAAAP,EAAAA,IAAC,MAAA,CAAI,UAAU,yCAAA,CAA0C,EACzDA,EAAAA,IAAC,MAAA,CAAI,UAAU,YACZ,UAAC,EAAG,EAAG,CAAC,EAAE,IAAKQ,GACdN,EAAAA,KAAC,MAAA,CAAY,UAAU,cACrB,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,IAAC,MAAA,CAAI,UAAU,sCAAA,CAAuC,CAAA,CAAA,EAF9CQ,CAGV,CACD,CAAA,CACH,CAAA,CAAA,EATQD,CAUV,CACD,EACH,EACEd,EAAS,SAAW,EACtBO,EAAAA,IAAC,IAAA,CAAE,UAAU,kCACV,YAAUb,EAAiB,qCAAuC,iCAAA,CACrE,EAEAa,EAAAA,IAAC,MAAA,CAAI,UAAU,aACZ,SAAAP,EAAS,IAAKgB,GAAa,CAC1B,MAAMC,EAAOxC,EAAeuC,EAAS,IAAI,GAAKvC,EAAe,MAC7D,cACG,MAAA,CACC,SAAA,CAAAgC,EAAAA,KAAC,MAAA,CAAI,UAAU,qGACb,SAAA,CAAAF,EAAAA,IAACU,EAAA,CAAK,UAAU,sBAAsB,YAAa,IAAK,EACxDV,EAAAA,IAAC,KAAA,CAAG,UAAU,aAAc,WAAS,KAAK,QACzC,OAAA,CAAK,UAAU,+BAAgC,SAAAS,EAAS,MAAM,MAAA,CAAO,CAAA,EACxE,EACAT,EAAAA,IAAC,OAAI,UAAU,oCACZ,WAAS,MAAM,IAAKW,GACnBX,EAAAA,IAACY,EAAA,CAEC,KAAAD,EACA,YAAYtB,GAAA,YAAAA,EAAU,KAAK,QAASsB,EAAK,OAAQtB,GAAA,YAAAA,EAAU,YAAasB,EAAK,SAC7E,SAAU,IACRrB,EAAY,CACV,SAAUqB,EAAK,SACf,WAAYA,EAAK,WACjB,KAAM,CAAE,KAAMA,EAAK,KAAM,YAAaA,EAAK,YAAa,YAAaA,EAAK,WAAA,CAAY,CACvF,CAAA,EARE,GAAGA,EAAK,QAAQ,IAAIA,EAAK,IAAI,EAAA,CAWrC,CAAA,CACH,CAAA,CAAA,EArBQF,EAAS,IAsBnB,CAEJ,CAAC,CAAA,CACH,CAAA,EAEJ,EAGAT,EAAAA,IAAC,MAAA,CAAI,UAAU,eACZ,SAAAX,EACCW,EAAAA,IAACa,EAAA,CACC,SAAUxB,EAAS,SACnB,WAAYA,EAAS,WACrB,KAAMA,EAAS,KACf,QAAS,IAAMC,EAAY,IAAI,CAAA,CAAA,EAGjCU,EAAAA,IAACc,EAAA,CAAA,CAAc,CAAA,CAEnB,CAAA,CAAA,CAEF,CAAA,EACF,CAEJ,CAIA,SAASA,GAAgB,CACvB,OACEZ,EAAAA,KAAC,MAAA,CAAI,UAAU,oEACb,SAAA,CAAAF,EAAAA,IAACe,EAAA,CAAI,UAAU,+BAA+B,YAAa,EAAG,EAC9Df,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,sBAAmB,EAC7DA,EAAAA,IAAC,IAAA,CAAE,UAAU,6DAA6D,SAAA,4DAAA,CAE1E,CAAA,EACF,CAEJ,CAIA,SAASY,EAAQ,CACf,KAAAD,EACA,WAAAK,EACA,SAAAC,CACF,EAIG,CACD,OACEf,EAAAA,KAAC,MAAA,CACC,KAAK,SACL,SAAU,EACV,QAASe,EACT,UAAYC,GAAM,EAAMA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MAAKD,EAAA,CAAY,EACxE,UAAU,uFAET,SAAA,CAAAD,GAAchB,EAAAA,IAAC,OAAA,CAAK,UAAU,6DAAA,CAA8D,EAC7FE,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAF,EAAAA,IAACmB,EAAA,CAAS,KAAMR,EAAK,KAAM,KAAK,KAAK,EACrCX,EAAAA,IAAC,IAAA,CAAE,UAAU,2GACV,WAAK,YACR,EACAE,EAAAA,KAAC,MAAA,CAAI,UAAU,mCACb,SAAA,CAAAF,MAACoB,GAAW,KAAMT,EAAK,WAAY,SAAUA,EAAK,SAAU,EAC5DX,EAAAA,IAACqB,EAAA,CACC,UAAW,8BAA8BL,EAAa,0BAA4B,+CAA+C,GACjI,YAAa,GAAA,CAAA,CACf,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dashboard/dist/assets/{CollapsibleSection-CXMPecjj.js → CollapsibleSection-BPiTuPBk.js}

@@ -1,2 +1,2 @@
-import{j as t}from"./vendor-query-B2UbickB.js";import{C as a}from"./index-CKXSKsVZ.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-CXMPecjj.js.map
+import{j as t}from"./vendor-query-B2UbickB.js";import{C as a}from"./index-C8k3Z2su.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-BPiTuPBk.js.map

package/dashboard/dist/assets/{CollapsibleSection-CXMPecjj.js.map → CollapsibleSection-BPiTuPBk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleSection-CXMPecjj.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-BPiTuPBk.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/CredentialsPage-DXOcPWtd.js

@@ -0,0 +1,2 @@
+import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{P as g,Q as N,R as p,L as f,M as C}from"./index-C8k3Z2su.js";import{P as k}from"./PageHeader-DJo7yMUR.js";import{T as A}from"./TimeAgo-dnc1ZjKc.js";import{C as P}from"./ConfirmDeleteModal-D9_1b4MW.js";import{l as w,i as T,am as O,p as S}from"./vendor-icons-DOIDKgo6.js";import"./vendor-react-CXumBFUA.js";import"./Modal-CSrxpXeM.js";const o={anthropic:{name:"Anthropic",helpText:'Run "claude setup-token" for an OAuth token, or use an API key from console.anthropic.com.',placeholder:"sk-ant-oat01-... or sk-ant-api03-..."},openai:{name:"OpenAI",helpText:"Create an API key at platform.openai.com/api-keys.",placeholder:"sk-..."},google:{name:"Google",helpText:"Connect your Google account for Gmail, Calendar, and Drive access.",placeholder:"",oauth:!0}};function M(){var d,x;const{data:r,isLoading:m}=g(),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(w,{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:()=>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(P,{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{M as CredentialsPage};
+//# sourceMappingURL=CredentialsPage-DXOcPWtd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CredentialsPage-DXOcPWtd.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-[10px] px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary\">\n                      {conn.label}\n                    </span>\n                  )}\n                  {conn.credential_type && (\n                    <span className=\"text-[10px] px-1.5 py-0.5 bg-accent-faint rounded text-accent\">\n                      {conn.credential_type}\n                    </span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-3 mt-0.5\">\n                  {conn.email && (\n                    <span className=\"text-xs text-text-tertiary\">{conn.email}</span>\n                  )}\n                  {conn.expires_at && (\n                    <span className=\"text-xs text-text-tertiary\">\n                      Expires <TimeAgo date={conn.expires_at} />\n                    </span>\n                  )}\n                </div>\n              </div>\n\n              <button\n                onClick={() => setConfirmRevoke({ provider: conn.provider, label: conn.label })}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error\"\n                title=\"Revoke credential\"\n              >\n                <Trash2 className=\"w-4 h-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      <ConfirmDeleteModal\n        open={!!confirmRevoke}\n        onClose={() => setConfirmRevoke(null)}\n        onConfirm={handleRevoke}\n        title=\"Revoke Credential\"\n        description={\n          <>\n            Revoke the{' '}\n            <span className=\"font-medium text-text-primary capitalize\">\n              {confirmRevoke?.provider}\n            </span>\n            {confirmRevoke?.label !== 'default' && (\n              <> ({confirmRevoke?.label})</>\n            )}{' '}\n            credential? Tools will no longer be able to use this credential.\n          </>\n        }\n        isPending={disconnect.isPending}\n        error={disconnect.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["PROVIDERS","CredentialsPage","data","isLoading","useOAuthConnections","disconnect","useDisconnectOAuth","confirmRevoke","setConfirmRevoke","useState","addOpen","setAddOpen","selectedProvider","setSelectedProvider","connections","handleRevoke","connectUrl","provider","LT_BASE","getToken","jsx","PageHeader","jsxs","o","Plus","e","key","p","ChevronDown","_a","OAuthIcon","_b","i","Unplug","conn","TimeAgo","Trash2","ConfirmDeleteModal","Fragment"],"mappings":"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"}

package/dashboard/dist/assets/CronLabel-D3411N8x.js

@@ -0,0 +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-C8k3Z2su.js";import{R as l,a6 as p}from"./vendor-icons-DOIDKgo6.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-D3411N8x.js.map

package/dashboard/dist/assets/CronLabel-D3411N8x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CronLabel-D3411N8x.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"}

package/dashboard/dist/assets/{CustomDurationPicker-id6Tq64R.js → CustomDurationPicker-WG2tPSbV.js}

@@ -1,2 +1,2 @@
-import{j as a,a as o}from"./vendor-query-B2UbickB.js";import{M as d}from"./Modal-CSrxpXeM.js";import{u as p}from"./index-CKXSKsVZ.js";import{D as h,f as y}from"./constants-BHkpVaqx.js";function N({open:s,onClose:l,onConfirm:c,selectedCount:t,isPending:n,error:r}){const i=t&&t>1?`Cancel ${t} escalations`:"Cancel escalation";return a.jsx(d,{open:s,onClose:l,title:i,children:a.jsxs("div",{className:"space-y-4",children:[a.jsx("p",{className:"text-sm text-text-secondary",children:t&&t>1?`This will permanently cancel ${t} 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."}),a.jsx("p",{className:"text-xs text-text-tertiary",children:"This action cannot be undone."}),r&&a.jsx("p",{className:"text-xs text-status-error",children:r.message}),a.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[a.jsx("button",{onClick:l,disabled:n,className:"btn-secondary text-xs",children:"Keep"}),a.jsx("button",{onClick:c,disabled:n,className:"bg-status-error text-white px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity disabled:opacity-50",children:n?"Cancelling...":"Yes, Cancel"})]})]})})}function g(){const{data:s}=p();return o.useMemo(()=>{var c;return(((c=s==null?void 0:s.escalation)==null?void 0:c.claimDurations)??h).map(t=>({value:String(t),label:y(t)}))},[s])}const b=[{value:1,label:"minutes"},{value:60,label:"hours"}];function C({onChange:s,compact:l,autoFocus:c,"data-testid":t="custom-duration-input"}){const[n,r]=o.useState(""),[i,m]=o.useState(1);o.useEffect(()=>{const e=parseInt(n);s(e>0?e*i:0)},[n,i,s]);const u=l?"text-xs":"text-sm",x=l?"w-16":"w-20";return a.jsxs("div",{className:"flex items-center gap-2","data-testid":t,children:[a.jsx("input",{type:"number",min:1,max:i===60?24:1440,value:n,onChange:e=>r(e.target.value),placeholder:i===60?"hrs":"min",className:`input ${u} ${x} text-center`,autoFocus:c,"data-testid":`${t}-quantity`}),a.jsx("select",{value:i,onChange:e=>m(parseInt(e.target.value)),className:`select ${u} py-1`,"data-testid":`${t}-unit`,children:b.map(e=>a.jsx("option",{value:e.value,children:e.label},e.value))})]})}export{C,N as a,g as u};
-//# sourceMappingURL=CustomDurationPicker-id6Tq64R.js.map
+import{j as a,a as o}from"./vendor-query-B2UbickB.js";import{M as d}from"./Modal-CSrxpXeM.js";import{u as p}from"./index-C8k3Z2su.js";import{D as h,f as y}from"./constants-BHkpVaqx.js";function N({open:s,onClose:l,onConfirm:c,selectedCount:t,isPending:n,error:r}){const i=t&&t>1?`Cancel ${t} escalations`:"Cancel escalation";return a.jsx(d,{open:s,onClose:l,title:i,children:a.jsxs("div",{className:"space-y-4",children:[a.jsx("p",{className:"text-sm text-text-secondary",children:t&&t>1?`This will permanently cancel ${t} 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."}),a.jsx("p",{className:"text-xs text-text-tertiary",children:"This action cannot be undone."}),r&&a.jsx("p",{className:"text-xs text-status-error",children:r.message}),a.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[a.jsx("button",{onClick:l,disabled:n,className:"btn-secondary text-xs",children:"Keep"}),a.jsx("button",{onClick:c,disabled:n,className:"bg-status-error text-white px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity disabled:opacity-50",children:n?"Cancelling...":"Yes, Cancel"})]})]})})}function g(){const{data:s}=p();return o.useMemo(()=>{var c;return(((c=s==null?void 0:s.escalation)==null?void 0:c.claimDurations)??h).map(t=>({value:String(t),label:y(t)}))},[s])}const b=[{value:1,label:"minutes"},{value:60,label:"hours"}];function C({onChange:s,compact:l,autoFocus:c,"data-testid":t="custom-duration-input"}){const[n,r]=o.useState(""),[i,m]=o.useState(1);o.useEffect(()=>{const e=parseInt(n);s(e>0?e*i:0)},[n,i,s]);const u=l?"text-xs":"text-sm",x=l?"w-16":"w-20";return a.jsxs("div",{className:"flex items-center gap-2","data-testid":t,children:[a.jsx("input",{type:"number",min:1,max:i===60?24:1440,value:n,onChange:e=>r(e.target.value),placeholder:i===60?"hrs":"min",className:`input ${u} ${x} text-center`,autoFocus:c,"data-testid":`${t}-quantity`}),a.jsx("select",{value:i,onChange:e=>m(parseInt(e.target.value)),className:`select ${u} py-1`,"data-testid":`${t}-unit`,children:b.map(e=>a.jsx("option",{value:e.value,children:e.label},e.value))})]})}export{C,N as a,g as u};
+//# sourceMappingURL=CustomDurationPicker-WG2tPSbV.js.map

package/dashboard/dist/assets/{CustomDurationPicker-id6Tq64R.js.map → CustomDurationPicker-WG2tPSbV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CustomDurationPicker-id6Tq64R.js","sources":["../../src/components/common/modal/ConfirmCancelModal.tsx","../../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-white 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","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","useClaimDurations","settings","useSettings","useMemo","_a","DEFAULT_CLAIM_DURATIONS","m","formatClaimDuration","UNITS","CustomDurationPicker","onChange","compact","autoFocus","testId","quantity","setQuantity","useState","multiplier","setMultiplier","useEffect","q","textSize","inputWidth","u"],"mappings":"yLAWO,SAASA,EAAmB,CACjC,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAAC,EACA,UAAAC,EACA,MAAAC,CACF,EAA4B,CAC1B,MAAMC,EAAQH,GAAiBA,EAAgB,EAC3C,UAAUA,CAAa,eACvB,oBAEJ,OACEI,EAAAA,IAACC,GAAM,KAAAR,EAAY,QAAAC,EAAkB,MAAAK,EACnC,SAAAG,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAE,UAAU,8BACV,SAAAJ,GAAiBA,EAAgB,EAC9B,gCAAgCA,CAAa,2FAC7C,yHAAA,CACN,EACAI,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,gCAA6B,EACtEF,GAASE,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,WAAM,QAAQ,EAClEE,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,EAAAA,IAAC,UAAO,QAASN,EAAS,SAAUG,EAAW,UAAU,wBAAwB,SAAA,MAAA,CAEjF,EACAG,EAAAA,IAAC,SAAA,CACC,QAASL,EACT,SAAUE,EACV,UAAU,oHAET,WAAY,gBAAkB,aAAA,CAAA,CACjC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CCnCO,SAASM,GAA2C,CACzD,KAAM,CAAE,KAAMC,CAAA,EAAaC,EAAA,EAE3B,OAAOC,EAAAA,QAAQ,IAAM,OAEnB,SADgBC,EAAAH,GAAA,YAAAA,EAAU,aAAV,YAAAG,EAAsB,iBAAkBC,GACzC,IAAKC,IAAO,CACzB,MAAO,OAAOA,CAAC,EACf,MAAOC,EAAoBD,CAAC,CAAA,EAC5B,CACJ,EAAG,CAACL,CAAQ,CAAC,CACf,CCrBA,MAAMO,EAAQ,CACZ,CAAE,MAAO,EAAG,MAAO,SAAA,EACnB,CAAE,MAAO,GAAI,MAAO,OAAA,CACtB,EAYO,SAASC,EAAqB,CACnC,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAeC,EAAS,uBAC1B,EAA8B,CAC5B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAE,EACrC,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,CAAC,EAE9CG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAI,SAASN,CAAQ,EAC3BJ,EAASU,EAAI,EAAIA,EAAIH,EAAa,CAAC,CACrC,EAAG,CAACH,EAAUG,EAAYP,CAAQ,CAAC,EAEnC,MAAMW,EAAWV,EAAU,UAAY,UACjCW,EAAaX,EAAU,OAAS,OAEtC,OACEZ,EAAAA,KAAC,MAAA,CAAI,UAAU,0BAA0B,cAAac,EACpD,SAAA,CAAAhB,EAAAA,IAAC,QAAA,CACC,KAAK,SACL,IAAK,EACL,IAAKoB,IAAe,GAAK,GAAK,KAC9B,MAAOH,EACP,SAAW,GAAMC,EAAY,EAAE,OAAO,KAAK,EAC3C,YAAaE,IAAe,GAAK,MAAQ,MACzC,UAAW,SAASI,CAAQ,IAAIC,CAAU,eAC1C,UAAAV,EACA,cAAa,GAAGC,CAAM,WAAA,CAAA,EAExBhB,EAAAA,IAAC,SAAA,CACC,MAAOoB,EACP,SAAW,GAAMC,EAAc,SAAS,EAAE,OAAO,KAAK,CAAC,EACvD,UAAW,UAAUG,CAAQ,QAC7B,cAAa,GAAGR,CAAM,QAErB,SAAAL,EAAM,IAAKe,GACV1B,EAAAA,IAAC,SAAA,CAAqB,MAAO0B,EAAE,MAAQ,SAAAA,EAAE,KAAA,EAA5BA,EAAE,KAAgC,CAChD,CAAA,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"CustomDurationPicker-WG2tPSbV.js","sources":["../../src/components/common/modal/ConfirmCancelModal.tsx","../../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-white 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","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","useClaimDurations","settings","useSettings","useMemo","_a","DEFAULT_CLAIM_DURATIONS","m","formatClaimDuration","UNITS","CustomDurationPicker","onChange","compact","autoFocus","testId","quantity","setQuantity","useState","multiplier","setMultiplier","useEffect","q","textSize","inputWidth","u"],"mappings":"yLAWO,SAASA,EAAmB,CACjC,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAAC,EACA,UAAAC,EACA,MAAAC,CACF,EAA4B,CAC1B,MAAMC,EAAQH,GAAiBA,EAAgB,EAC3C,UAAUA,CAAa,eACvB,oBAEJ,OACEI,EAAAA,IAACC,GAAM,KAAAR,EAAY,QAAAC,EAAkB,MAAAK,EACnC,SAAAG,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAE,UAAU,8BACV,SAAAJ,GAAiBA,EAAgB,EAC9B,gCAAgCA,CAAa,2FAC7C,yHAAA,CACN,EACAI,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,gCAA6B,EACtEF,GAASE,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,WAAM,QAAQ,EAClEE,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,EAAAA,IAAC,UAAO,QAASN,EAAS,SAAUG,EAAW,UAAU,wBAAwB,SAAA,MAAA,CAEjF,EACAG,EAAAA,IAAC,SAAA,CACC,QAASL,EACT,SAAUE,EACV,UAAU,oHAET,WAAY,gBAAkB,aAAA,CAAA,CACjC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CCnCO,SAASM,GAA2C,CACzD,KAAM,CAAE,KAAMC,CAAA,EAAaC,EAAA,EAE3B,OAAOC,EAAAA,QAAQ,IAAM,OAEnB,SADgBC,EAAAH,GAAA,YAAAA,EAAU,aAAV,YAAAG,EAAsB,iBAAkBC,GACzC,IAAKC,IAAO,CACzB,MAAO,OAAOA,CAAC,EACf,MAAOC,EAAoBD,CAAC,CAAA,EAC5B,CACJ,EAAG,CAACL,CAAQ,CAAC,CACf,CCrBA,MAAMO,EAAQ,CACZ,CAAE,MAAO,EAAG,MAAO,SAAA,EACnB,CAAE,MAAO,GAAI,MAAO,OAAA,CACtB,EAYO,SAASC,EAAqB,CACnC,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAeC,EAAS,uBAC1B,EAA8B,CAC5B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAE,EACrC,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,CAAC,EAE9CG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAI,SAASN,CAAQ,EAC3BJ,EAASU,EAAI,EAAIA,EAAIH,EAAa,CAAC,CACrC,EAAG,CAACH,EAAUG,EAAYP,CAAQ,CAAC,EAEnC,MAAMW,EAAWV,EAAU,UAAY,UACjCW,EAAaX,EAAU,OAAS,OAEtC,OACEZ,EAAAA,KAAC,MAAA,CAAI,UAAU,0BAA0B,cAAac,EACpD,SAAA,CAAAhB,EAAAA,IAAC,QAAA,CACC,KAAK,SACL,IAAK,EACL,IAAKoB,IAAe,GAAK,GAAK,KAC9B,MAAOH,EACP,SAAW,GAAMC,EAAY,EAAE,OAAO,KAAK,EAC3C,YAAaE,IAAe,GAAK,MAAQ,MACzC,UAAW,SAASI,CAAQ,IAAIC,CAAU,eAC1C,UAAAV,EACA,cAAa,GAAGC,CAAM,WAAA,CAAA,EAExBhB,EAAAA,IAAC,SAAA,CACC,MAAOoB,EACP,SAAW,GAAMC,EAAc,SAAS,EAAE,OAAO,KAAK,CAAC,EACvD,UAAW,UAAUG,CAAQ,QAC7B,cAAa,GAAGR,CAAM,QAErB,SAAAL,EAAM,IAAKe,GACV1B,EAAAA,IAAC,SAAA,CAAqB,MAAO0B,EAAE,MAAQ,SAAAA,EAAE,KAAA,EAA5BA,EAAE,KAAgC,CAChD,CAAA,CAAA,CACH,EACF,CAEJ"}

package/dashboard/dist/assets/{DropZone-CZDmNBn-.js → DropZone-SgiK1WOl.js}

@@ -1,2 +1,2 @@
-import{a as n,j as l}from"./vendor-query-B2UbickB.js";import{aK as D}from"./vendor-icons-BaQqUm-e.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-CZDmNBn-.js.map
+import{a as n,j as l}from"./vendor-query-B2UbickB.js";import{aJ as D}from"./vendor-icons-DOIDKgo6.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-SgiK1WOl.js.map

package/dashboard/dist/assets/{DropZone-CZDmNBn-.js.map → DropZone-SgiK1WOl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DropZone-CZDmNBn-.js","sources":["../../src/components/common/DropZone.tsx"],"sourcesContent":["import { useState, useCallback, useRef, type DragEvent, type ReactNode } from 'react';\nimport { UploadCloud } from 'lucide-react';\n\ninterface DropZoneProps {\n  onDrop: (files: File[]) => void;\n  children: ReactNode;\n  label?: string;\n  accept?: string;\n  disabled?: boolean;\n}\n\nfunction matchesAccept(file: File, accept: string): boolean {\n  const patterns = accept.split(',').map(s => s.trim());\n  for (const pattern of patterns) {\n    if (pattern.startsWith('.') && file.name.toLowerCase().endsWith(pattern.toLowerCase())) return true;\n    if (pattern === file.type) return true;\n    if (pattern.endsWith('/*') && file.type.startsWith(pattern.slice(0, -1))) return true;\n  }\n  return false;\n}\n\nexport function DropZone({ onDrop, children, label = 'Drop files here', accept, disabled }: DropZoneProps) {\n  const [dragOver, setDragOver] = useState(false);\n  const dragCounter = useRef(0);\n\n  const handleDragEnter = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current++;\n    if (!disabled) setDragOver(true);\n  }, [disabled]);\n\n  const handleDragLeave = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current--;\n    if (dragCounter.current <= 0) {\n      dragCounter.current = 0;\n      setDragOver(false);\n    }\n  }, []);\n\n  const handleDragOver = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current = 0;\n    setDragOver(false);\n    if (disabled) return;\n\n    const files = Array.from(e.dataTransfer.files);\n    console.debug('[DropZone] dropped files:', files.map(f => ({ name: f.name, type: f.type, size: f.size })));\n\n    if (accept) {\n      const filtered = files.filter(f => matchesAccept(f, accept));\n      console.debug('[DropZone] after accept filter:', filtered.length, 'of', files.length);\n      if (filtered.length) onDrop(filtered);\n      else console.warn('[DropZone] no files matched accept pattern:', accept);\n    } else {\n      if (files.length) onDrop(files);\n    }\n  }, [onDrop, accept, disabled]);\n\n  return (\n    <div\n      className=\"relative\"\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n    >\n      {children}\n      {dragOver && (\n        <div className=\"fixed inset-0 z-50 flex flex-col items-center justify-center transition-opacity pointer-events-none\"\n          style={{ background: 'rgba(var(--color-surface-rgb, 255 255 255) / 0.85)' }}\n        >\n          <div className=\"flex flex-col items-center gap-2 px-6 py-5 rounded-xl border border-dashed border-text-quaternary/40\">\n            <UploadCloud className=\"w-8 h-8 text-text-tertiary\" />\n            <p className=\"text-xs text-text-secondary\">{label}</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["matchesAccept","file","accept","patterns","s","pattern","DropZone","onDrop","children","label","disabled","dragOver","setDragOver","useState","dragCounter","useRef","handleDragEnter","useCallback","e","handleDragLeave","handleDragOver","handleDrop","files","f","filtered","jsxs","jsx","UploadCloud"],"mappings":"sGAWA,SAASA,EAAcC,EAAYC,EAAyB,CAC1D,MAAMC,EAAWD,EAAO,MAAM,GAAG,EAAE,IAAIE,GAAKA,EAAE,MAAM,EACpD,UAAWC,KAAWF,EAGpB,GAFIE,EAAQ,WAAW,GAAG,GAAKJ,EAAK,KAAK,YAAA,EAAc,SAASI,EAAQ,YAAA,CAAa,GACjFA,IAAYJ,EAAK,MACjBI,EAAQ,SAAS,IAAI,GAAKJ,EAAK,KAAK,WAAWI,EAAQ,MAAM,EAAG,EAAE,CAAC,EAAG,MAAO,GAEnF,MAAO,EACT,CAEO,SAASC,EAAS,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAQ,kBAAmB,OAAAP,EAAQ,SAAAQ,GAA2B,CACzG,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAcC,EAAAA,OAAO,CAAC,EAEtBC,EAAkBC,cAAaC,GAAiB,CACpDA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,UACPJ,GAAUE,EAAY,EAAI,CACjC,EAAG,CAACF,CAAQ,CAAC,EAEPS,EAAkBF,cAAaC,GAAiB,CACpDA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,UACRA,EAAY,SAAW,IACzBA,EAAY,QAAU,EACtBF,EAAY,EAAK,EAErB,EAAG,CAAA,CAAE,EAECQ,EAAiBH,cAAaC,GAAiB,CACnDA,EAAE,eAAA,EACFA,EAAE,gBAAA,CACJ,EAAG,CAAA,CAAE,EAECG,EAAaJ,cAAaC,GAAiB,CAK/C,GAJAA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,QAAU,EACtBF,EAAY,EAAK,EACbF,EAAU,OAEd,MAAMY,EAAQ,MAAM,KAAKJ,EAAE,aAAa,KAAK,EAG7C,GAFA,QAAQ,MAAM,4BAA6BI,EAAM,IAAIC,IAAM,CAAE,KAAMA,EAAE,KAAM,KAAMA,EAAE,KAAM,KAAMA,EAAE,IAAA,EAAO,CAAC,EAErGrB,EAAQ,CACV,MAAMsB,EAAWF,EAAM,UAAYtB,EAAcuB,EAAGrB,CAAM,CAAC,EAC3D,QAAQ,MAAM,kCAAmCsB,EAAS,OAAQ,KAAMF,EAAM,MAAM,EAChFE,EAAS,OAAQjB,EAAOiB,CAAQ,EAC/B,QAAQ,KAAK,8CAA+CtB,CAAM,CACzE,MACMoB,EAAM,QAAQf,EAAOe,CAAK,CAElC,EAAG,CAACf,EAAQL,EAAQQ,CAAQ,CAAC,EAE7B,OACEe,EAAAA,KAAC,MAAA,CACC,UAAU,WACV,YAAaT,EACb,YAAaG,EACb,WAAYC,EACZ,OAAQC,EAEP,SAAA,CAAAb,EACAG,GACCe,EAAAA,IAAC,MAAA,CAAI,UAAU,sGACb,MAAO,CAAE,WAAY,oDAAA,EAErB,SAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,uGACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAY,UAAU,4BAAA,CAA6B,EACpDD,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAjB,CAAA,CAAM,CAAA,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,CAIR"}
+{"version":3,"file":"DropZone-SgiK1WOl.js","sources":["../../src/components/common/DropZone.tsx"],"sourcesContent":["import { useState, useCallback, useRef, type DragEvent, type ReactNode } from 'react';\nimport { UploadCloud } from 'lucide-react';\n\ninterface DropZoneProps {\n  onDrop: (files: File[]) => void;\n  children: ReactNode;\n  label?: string;\n  accept?: string;\n  disabled?: boolean;\n}\n\nfunction matchesAccept(file: File, accept: string): boolean {\n  const patterns = accept.split(',').map(s => s.trim());\n  for (const pattern of patterns) {\n    if (pattern.startsWith('.') && file.name.toLowerCase().endsWith(pattern.toLowerCase())) return true;\n    if (pattern === file.type) return true;\n    if (pattern.endsWith('/*') && file.type.startsWith(pattern.slice(0, -1))) return true;\n  }\n  return false;\n}\n\nexport function DropZone({ onDrop, children, label = 'Drop files here', accept, disabled }: DropZoneProps) {\n  const [dragOver, setDragOver] = useState(false);\n  const dragCounter = useRef(0);\n\n  const handleDragEnter = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current++;\n    if (!disabled) setDragOver(true);\n  }, [disabled]);\n\n  const handleDragLeave = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current--;\n    if (dragCounter.current <= 0) {\n      dragCounter.current = 0;\n      setDragOver(false);\n    }\n  }, []);\n\n  const handleDragOver = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounter.current = 0;\n    setDragOver(false);\n    if (disabled) return;\n\n    const files = Array.from(e.dataTransfer.files);\n    console.debug('[DropZone] dropped files:', files.map(f => ({ name: f.name, type: f.type, size: f.size })));\n\n    if (accept) {\n      const filtered = files.filter(f => matchesAccept(f, accept));\n      console.debug('[DropZone] after accept filter:', filtered.length, 'of', files.length);\n      if (filtered.length) onDrop(filtered);\n      else console.warn('[DropZone] no files matched accept pattern:', accept);\n    } else {\n      if (files.length) onDrop(files);\n    }\n  }, [onDrop, accept, disabled]);\n\n  return (\n    <div\n      className=\"relative\"\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n    >\n      {children}\n      {dragOver && (\n        <div className=\"fixed inset-0 z-50 flex flex-col items-center justify-center transition-opacity pointer-events-none\"\n          style={{ background: 'rgba(var(--color-surface-rgb, 255 255 255) / 0.85)' }}\n        >\n          <div className=\"flex flex-col items-center gap-2 px-6 py-5 rounded-xl border border-dashed border-text-quaternary/40\">\n            <UploadCloud className=\"w-8 h-8 text-text-tertiary\" />\n            <p className=\"text-xs text-text-secondary\">{label}</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["matchesAccept","file","accept","patterns","s","pattern","DropZone","onDrop","children","label","disabled","dragOver","setDragOver","useState","dragCounter","useRef","handleDragEnter","useCallback","e","handleDragLeave","handleDragOver","handleDrop","files","f","filtered","jsxs","jsx","UploadCloud"],"mappings":"sGAWA,SAASA,EAAcC,EAAYC,EAAyB,CAC1D,MAAMC,EAAWD,EAAO,MAAM,GAAG,EAAE,IAAIE,GAAKA,EAAE,MAAM,EACpD,UAAWC,KAAWF,EAGpB,GAFIE,EAAQ,WAAW,GAAG,GAAKJ,EAAK,KAAK,YAAA,EAAc,SAASI,EAAQ,YAAA,CAAa,GACjFA,IAAYJ,EAAK,MACjBI,EAAQ,SAAS,IAAI,GAAKJ,EAAK,KAAK,WAAWI,EAAQ,MAAM,EAAG,EAAE,CAAC,EAAG,MAAO,GAEnF,MAAO,EACT,CAEO,SAASC,EAAS,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAQ,kBAAmB,OAAAP,EAAQ,SAAAQ,GAA2B,CACzG,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAcC,EAAAA,OAAO,CAAC,EAEtBC,EAAkBC,cAAaC,GAAiB,CACpDA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,UACPJ,GAAUE,EAAY,EAAI,CACjC,EAAG,CAACF,CAAQ,CAAC,EAEPS,EAAkBF,cAAaC,GAAiB,CACpDA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,UACRA,EAAY,SAAW,IACzBA,EAAY,QAAU,EACtBF,EAAY,EAAK,EAErB,EAAG,CAAA,CAAE,EAECQ,EAAiBH,cAAaC,GAAiB,CACnDA,EAAE,eAAA,EACFA,EAAE,gBAAA,CACJ,EAAG,CAAA,CAAE,EAECG,EAAaJ,cAAaC,GAAiB,CAK/C,GAJAA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAY,QAAU,EACtBF,EAAY,EAAK,EACbF,EAAU,OAEd,MAAMY,EAAQ,MAAM,KAAKJ,EAAE,aAAa,KAAK,EAG7C,GAFA,QAAQ,MAAM,4BAA6BI,EAAM,IAAIC,IAAM,CAAE,KAAMA,EAAE,KAAM,KAAMA,EAAE,KAAM,KAAMA,EAAE,IAAA,EAAO,CAAC,EAErGrB,EAAQ,CACV,MAAMsB,EAAWF,EAAM,UAAYtB,EAAcuB,EAAGrB,CAAM,CAAC,EAC3D,QAAQ,MAAM,kCAAmCsB,EAAS,OAAQ,KAAMF,EAAM,MAAM,EAChFE,EAAS,OAAQjB,EAAOiB,CAAQ,EAC/B,QAAQ,KAAK,8CAA+CtB,CAAM,CACzE,MACMoB,EAAM,QAAQf,EAAOe,CAAK,CAElC,EAAG,CAACf,EAAQL,EAAQQ,CAAQ,CAAC,EAE7B,OACEe,EAAAA,KAAC,MAAA,CACC,UAAU,WACV,YAAaT,EACb,YAAaG,EACb,WAAYC,EACZ,OAAQC,EAEP,SAAA,CAAAb,EACAG,GACCe,EAAAA,IAAC,MAAA,CAAI,UAAU,sGACb,MAAO,CAAE,WAAY,oDAAA,EAErB,SAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,uGACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAY,UAAU,4BAAA,CAA6B,EACpDD,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAjB,CAAA,CAAM,CAAA,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,CAIR"}

package/dashboard/dist/assets/{ElapsedCell-B8TrnyT5.js → ElapsedCell-BFWEGSD7.js}

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

package/dashboard/dist/assets/{ElapsedCell-B8TrnyT5.js.map → ElapsedCell-BFWEGSD7.js.map}

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

package/dashboard/dist/assets/EscalationSchemaPage-D2Y5Yeqn.js

@@ -0,0 +1,9 @@
+import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{b as S,f as w,j as _,c as E}from"./roles-D8lPvFgG.js";import{J as C}from"./index-C8k3Z2su.js";import{g as j,B as O,V as R,ah as q}from"./vendor-icons-DOIDKgo6.js";import{e as V}from"./vendor-react-CXumBFUA.js";const J=`{
+  "type": "object",
+  "properties": {
+    "approved": { "type": "boolean", "title": "Approve?" },
+    "notes": { "type": "string", "title": "Notes" }
+  },
+  "required": ["approved"]
+}`;function v(o){const t=o.trim();if(!t)return{ok:!0,value:null};try{const r=JSON.parse(t);return typeof r!="object"||Array.isArray(r)||r===null?{ok:!1}:{ok:!0,value:r}}catch{return{ok:!1}}}function F(){const{role:o}=V(),{data:t,isLoading:r}=S(),n=w(),s=((t==null?void 0:t.roles)??[]).find(a=>a.role===o),[c,i]=l.useState(""),[h,u]=l.useState(""),[N,d]=l.useState(!1),[g,x]=l.useState(!1),[p,m]=l.useState(!1),f=l.useRef(null);l.useEffect(()=>{!s||f.current===s.role||(f.current=s.role,i(s.form_schema?JSON.stringify(s.form_schema,null,2):""),u(""),d(!1),m(!1))},[s]);const y=a=>{i(a),d(!0),x(!1),m(!v(a).ok)},b=()=>{const a=v(c);if(!a.ok||!s){m(!a.ok);return}n.mutate({role:s.role,form_schema:a.value??null,change_summary:h.trim()||void 0},{onSuccess:()=>{d(!1),x(!0),u(""),window.setTimeout(()=>x(!1),2500)}})},k=a=>{i(a?JSON.stringify(a,null,2):""),d(!0),x(!1),m(!1)};return r?e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-96 bg-surface-sunken rounded"})]}):s?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-10",children:[e.jsx("div",{children:e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(j,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-medium text-text-primary",children:"Escalation Schema"}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:escalation-schema"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(O,{className:"w-4 h-4",strokeWidth:1.5})}),e.jsx("span",{className:"font-mono text-sm text-text-tertiary",children:s.role}),s.current_schema_version!=null&&e.jsxs("span",{className:"text-[10px] font-mono text-text-quaternary",children:["v",s.current_schema_version," in use"]})]})}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[g&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(R,{className:"w-3 h-3"})," Saved"]}),n.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[220px] truncate",children:n.error.message}),e.jsx("button",{onClick:b,disabled:!N||p||n.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:n.isPending?"Saving…":"Save Version"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"col-span-2 space-y-6",children:[e.jsx("textarea",{value:c,onChange:a=>y(a.target.value),rows:28,spellCheck:!1,className:"input text-xs font-mono w-full resize-y leading-relaxed",placeholder:J}),p&&e.jsx("p",{className:"text-[10px] text-status-error -mt-4",children:"Invalid JSON"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Change Summary"}),e.jsx("input",{type:"text",value:h,onChange:a=>u(a.target.value),placeholder:"e.g., Added lotNumber field for shoe orders",className:"input text-sm w-full"}),e.jsx("p",{className:"text-[10px] text-text-quaternary mt-1.5",children:"Recorded on the version this save creates."})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(q,{className:"w-4 h-4 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"Versions"})]}),e.jsx(L,{role:s.role,onLoad:k})]})]})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(j,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"text-lg font-medium text-text-primary mb-2",children:"Role not found"})]})}function L({role:o,onLoad:t}){const{data:r}=_(o),n=(r==null?void 0:r.versions)??[];return n.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary leading-relaxed",children:"Versions appear here after the first save. Each schema change adds one; earlier versions stay viewable and loadable as an editing base."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(s=>e.jsx(P,{role:o,summary:s,onLoad:t},s.version))})}function P({role:o,summary:t,onLoad:r}){const[n,s]=l.useState(!1),c=E(o,t.version,n);return e.jsxs("div",{className:"py-2",children:[e.jsxs("button",{onClick:()=>s(i=>!i),className:"w-full text-left group",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:["v",t.version]}),t.is_current&&e.jsx("span",{className:"text-[9px] font-bold uppercase tracking-wider text-accent",children:"current"}),e.jsx("span",{className:"flex-1"}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0",children:new Date(t.created_at).toLocaleDateString()})]}),t.change_summary&&e.jsx("p",{className:"mt-0.5 text-[10px] text-text-tertiary truncate",children:t.change_summary})]}),n&&e.jsx("div",{className:"mt-2 space-y-2",children:c.data?e.jsxs(e.Fragment,{children:[c.data.form_schema?e.jsx(C,{data:c.data.form_schema,defaultCollapsed:!0}):e.jsx("p",{className:"text-[10px] text-text-quaternary",children:"This version carries no form schema."}),e.jsx("button",{onClick:()=>r(c.data.form_schema??null),className:"text-[10px] text-accent hover:underline",children:"Load into editor"})]}):e.jsx("p",{className:"text-[10px] text-text-quaternary",children:"Loading…"})})]})}export{F as EscalationSchemaPage};
+//# sourceMappingURL=EscalationSchemaPage-D2Y5Yeqn.js.map

package/dashboard/dist/assets/EscalationSchemaPage-D2Y5Yeqn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EscalationSchemaPage-D2Y5Yeqn.js","sources":["../../src/pages/admin/roles/EscalationSchemaPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Braces, Check, History, BookOpen } from 'lucide-react';\nimport {\n  useRoleDetails,\n  useRoleSchema,\n  useRoleSchemaVersions,\n  useUpdateRole,\n  type RoleSchemaVersionSummary,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\n\n/**\n * The escalation form schema, on its own page (/admin/roles/:role/schema).\n * This is the form a person completes to resolve the role's escalations —\n * versioned, pinnable by workflows (conditionLT schemaVersion), and worth a\n * full editing surface. Saving here writes ONLY the schema: one PATCH with\n * form_schema (+ optional change summary); every actual change appends the\n * next immutable version.\n */\n\nconst PLACEHOLDER = `{\n  \"type\": \"object\",\n  \"properties\": {\n    \"approved\": { \"type\": \"boolean\", \"title\": \"Approve?\" },\n    \"notes\": { \"type\": \"string\", \"title\": \"Notes\" }\n  },\n  \"required\": [\"approved\"]\n}`;\n\nfunction safeParseObject(text: string): { ok: boolean; value?: Record<string, unknown> | null } {\n  const trimmed = text.trim();\n  if (!trimmed) return { ok: true, value: null };\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) return { ok: false };\n    return { ok: true, value: parsed };\n  } catch {\n    return { ok: false };\n  }\n}\n\nexport function EscalationSchemaPage() {\n  const { role: roleKey } = useParams<{ role: string }>();\n  const { data, isLoading } = useRoleDetails();\n  const updateRole = useUpdateRole();\n\n  const role = (data?.roles ?? []).find((r) => r.role === roleKey);\n\n  const [text, setText] = useState('');\n  const [summary, setSummary] = useState('');\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [jsonError, setJsonError] = useState(false);\n\n  // Seed the editor from the live schema exactly once per role — refetches\n  // (cache invalidations, saves) must not clobber in-progress edits.\n  const seededFor = useRef<string | null>(null);\n  useEffect(() => {\n    if (!role || seededFor.current === role.role) return;\n    seededFor.current = role.role;\n    setText(role.form_schema ? JSON.stringify(role.form_schema, null, 2) : '');\n    setSummary('');\n    setDirty(false);\n    setJsonError(false);\n  }, [role]);\n\n  const handleEdit = (value: string) => {\n    setText(value);\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(!safeParseObject(value).ok);\n  };\n\n  const handleSave = () => {\n    const parsed = safeParseObject(text);\n    if (!parsed.ok || !role) { setJsonError(!parsed.ok); return; }\n    // Saving just the schema — nothing else rides this PATCH.\n    updateRole.mutate(\n      { role: role.role, form_schema: parsed.value ?? null, change_summary: summary.trim() || undefined },\n      {\n        onSuccess: () => {\n          setDirty(false);\n          setSavedOk(true);\n          setSummary('');\n          window.setTimeout(() => setSavedOk(false), 2500);\n        },\n      },\n    );\n  };\n\n  const loadIntoEditor = (schema: Record<string, unknown> | null) => {\n    setText(schema ? JSON.stringify(schema, null, 2) : '');\n    setDirty(true);\n    setSavedOk(false);\n    setJsonError(false);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-96 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!role) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <Braces className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"text-lg font-medium text-text-primary mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {/* ── Header ── */}\n      <div className=\"flex items-start justify-between mb-10\">\n        <div>\n          <div className=\"flex items-center gap-3 mb-1\">\n            <Braces className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"text-lg font-medium text-text-primary\">Escalation Schema</h1>\n            <button\n              onClick={() => { window.location.hash = '#docs:dashboard.md:escalation-schema'; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n            <span className=\"font-mono text-sm text-text-tertiary\">{role.role}</span>\n            {role.current_schema_version != null && (\n              <span className=\"text-[10px] font-mono text-text-quaternary\">\n                v{role.current_schema_version} in use\n              </span>\n            )}\n          </div>\n        </div>\n\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {savedOk && (\n            <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {updateRole.error && (\n            <span className=\"text-xs text-status-error max-w-[220px] truncate\">\n              {(updateRole.error as Error).message}\n            </span>\n          )}\n          <button\n            onClick={handleSave}\n            disabled={!dirty || jsonError || updateRole.isPending}\n            className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n          >\n            {updateRole.isPending ? 'Saving…' : 'Save Version'}\n          </button>\n        </div>\n      </div>\n\n      {/* ── Editor + version rail ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n        <div className=\"col-span-2 space-y-6\">\n          <textarea\n            value={text}\n            onChange={(e) => handleEdit(e.target.value)}\n            rows={28}\n            spellCheck={false}\n            className=\"input text-xs font-mono w-full resize-y leading-relaxed\"\n            placeholder={PLACEHOLDER}\n          />\n          {jsonError && <p className=\"text-[10px] text-status-error -mt-4\">Invalid JSON</p>}\n\n          <div>\n            <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Change Summary\n            </label>\n            <input\n              type=\"text\"\n              value={summary}\n              onChange={(e) => setSummary(e.target.value)}\n              placeholder=\"e.g., Added lotNumber field for shoe orders\"\n              className=\"input text-sm w-full\"\n            />\n            <p className=\"text-[10px] text-text-quaternary mt-1.5\">\n              Recorded on the version this save creates.\n            </p>\n          </div>\n        </div>\n\n        {/* Version history — view any snapshot, load one as the editing base */}\n        <div>\n          <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n            <History className=\"w-4 h-4 text-text-quaternary\" strokeWidth={1.5} />\n            <h2 className=\"section-h2\">Versions</h2>\n          </div>\n          <VersionRail role={role.role} onLoad={loadIntoEditor} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction VersionRail({\n  role,\n  onLoad,\n}: {\n  role: string;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const { data } = useRoleSchemaVersions(role);\n  const versions = data?.versions ?? [];\n\n  if (versions.length === 0) {\n    return (\n      <p className=\"text-[11px] text-text-tertiary leading-relaxed\">\n        Versions appear here after the first save. Each schema change adds one;\n        earlier versions stay viewable and loadable as an editing base.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"divide-y divide-surface-border/40\">\n      {versions.map((v) => (\n        <VersionEntry key={v.version} role={role} summary={v} onLoad={onLoad} />\n      ))}\n    </div>\n  );\n}\n\nfunction VersionEntry({\n  role,\n  summary,\n  onLoad,\n}: {\n  role: string;\n  summary: RoleSchemaVersionSummary;\n  onLoad: (schema: Record<string, unknown> | null) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  // Snapshot fetch is lazy — only when the entry is expanded.\n  const snapshot = useRoleSchema(role, summary.version, open);\n\n  return (\n    <div className=\"py-2\">\n      <button onClick={() => setOpen((o) => !o)} className=\"w-full text-left group\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs font-mono text-text-secondary\">v{summary.version}</span>\n          {summary.is_current && (\n            <span className=\"text-[9px] font-bold uppercase tracking-wider text-accent\">current</span>\n          )}\n          <span className=\"flex-1\" />\n          <span className=\"text-[10px] text-text-quaternary shrink-0\">\n            {new Date(summary.created_at).toLocaleDateString()}\n          </span>\n        </div>\n        {summary.change_summary && (\n          <p className=\"mt-0.5 text-[10px] text-text-tertiary truncate\">{summary.change_summary}</p>\n        )}\n      </button>\n      {open && (\n        <div className=\"mt-2 space-y-2\">\n          {snapshot.data ? (\n            <>\n              {snapshot.data.form_schema\n                ? <JsonViewer data={snapshot.data.form_schema} defaultCollapsed />\n                : <p className=\"text-[10px] text-text-quaternary\">This version carries no form schema.</p>}\n              <button\n                onClick={() => onLoad((snapshot.data!.form_schema ?? null) as Record<string, unknown> | null)}\n                className=\"text-[10px] text-accent hover:underline\"\n              >\n                Load into editor\n              </button>\n            </>\n          ) : (\n            <p className=\"text-[10px] text-text-quaternary\">Loading…</p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["PLACEHOLDER","safeParseObject","text","trimmed","parsed","EscalationSchemaPage","roleKey","useParams","data","isLoading","useRoleDetails","updateRole","useUpdateRole","role","r","setText","useState","summary","setSummary","dirty","setDirty","savedOk","setSavedOk","jsonError","setJsonError","seededFor","useRef","useEffect","handleEdit","value","handleSave","loadIntoEditor","schema","jsxs","jsx","Braces","BookOpen","Check","e","History","VersionRail","onLoad","useRoleSchemaVersions","versions","v","VersionEntry","open","setOpen","snapshot","useRoleSchema","o","Fragment","JsonViewer"],"mappings":"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"}

package/dashboard/dist/assets/{EscalationsOverview-CjLyujJ3.js → EscalationsOverview-VlLcX2YM.js}

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

package/dashboard/dist/assets/{EscalationsOverview-CjLyujJ3.js.map → EscalationsOverview-VlLcX2YM.js.map}

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

package/dashboard/dist/assets/EventTable-3MJw14jp.js

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

package/dashboard/dist/assets/EventTable-3MJw14jp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventTable-3MJw14jp.js","sources":["../../src/pages/workflows/workflow-execution/EventTable.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { FilterBar, FilterSelect } from '../../../components/common/data/FilterBar';\nimport { Collapsible } from '../../../components/common/layout/Collapsible';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventDetailPanel } from './EventDetailPanel';\nimport { formatDuration } from './utils';\n\ninterface EventTableProps {\n  events: WorkflowExecutionEvent[];\n  childTasks?: LTTaskRecord[];\n  /** Job id (workflowId) — enables the per-activity raw-stream drill-down. */\n  jid?: string;\n  /** HotMesh namespace / DB schema for the raw-stream lookup (default: durable). */\n  appId?: string;\n}\n\n/** Event types that represent the \"start\" phase of a paired operation */\nconst STARTED_TYPES = new Set([\n  'activity_task_scheduled',\n  'timer_started',\n  'child_workflow_execution_started',\n  'signal_wait_started',\n]);\n\n/** Completion event types that close a paired operation */\nconst COMPLETED_TYPES = new Set([\n  'activity_task_completed',\n  'activity_task_failed',\n  'timer_fired',\n  'child_workflow_execution_completed',\n  'child_workflow_execution_failed',\n  'workflow_execution_signaled',\n]);\n\n/**\n * Build a set of timeline_keys that have a matching completion event.\n * A \"scheduled\" event is only truly pending if no completion exists.\n */\nfunction buildCompletedKeys(events: WorkflowExecutionEvent[]): Set<string> {\n  const keys = new Set<string>();\n  for (const e of events) {\n    if (COMPLETED_TYPES.has(e.event_type) && e.attributes.timeline_key) {\n      keys.add(e.attributes.timeline_key);\n    }\n  }\n  return keys;\n}\n\nexport function EventTable({ events, childTasks, jid, appId }: EventTableProps) {\n  const [categoryFilter, setCategoryFilter] = useState('');\n  const [typeFilter, setTypeFilter] = useState('');\n  const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('asc');\n  const [expandedEvents, setExpandedEvents] = useState<Set<number>>(new Set());\n\n  const categories = [...new Set(events.map((e) => e.category))].sort();\n  const eventTypes = [...new Set(events.map((e) => e.event_type))].sort();\n  const completedKeys = buildCompletedKeys(events);\n\n  /** True only when a \"started/scheduled\" event has no matching completion */\n  const isPending = (evt: WorkflowExecutionEvent): boolean => {\n    if (evt.duration_ms !== null) return false;\n    if (!STARTED_TYPES.has(evt.event_type)) return false;\n    const tlk = evt.attributes.timeline_key;\n    if (tlk && completedKeys.has(tlk)) return false;\n    return true;\n  };\n\n  let filtered = events;\n  if (categoryFilter) filtered = filtered.filter((e) => e.category === categoryFilter);\n  if (typeFilter) filtered = filtered.filter((e) => e.event_type === typeFilter);\n\n  filtered = [...filtered].sort((a, b) =>\n    sortOrder === 'asc' ? a.event_id - b.event_id : b.event_id - a.event_id,\n  );\n\n  const categoryDot = (category: string) => {\n    switch (category) {\n      case 'activity':\n        return 'bg-status-active';\n      case 'signal':\n        return 'bg-status-success';\n      case 'timer':\n        return 'bg-status-warning';\n      case 'child_workflow':\n        return 'bg-accent';\n      default:\n        return 'bg-text-tertiary';\n    }\n  };\n\n  /** Build a descriptive label for an event row */\n  const eventLabel = (evt: WorkflowExecutionEvent): string => {\n    const base = evt.event_type;\n    if (evt.attributes.activity_type) {\n      return `${base} — ${evt.attributes.activity_type}`;\n    }\n    if (evt.attributes.signal_name) {\n      return `${base} — ${evt.attributes.signal_name}`;\n    }\n    if (evt.attributes.child_workflow_id) {\n      const id = evt.attributes.child_workflow_id;\n      const truncated = id.length > 24 ? `${id.slice(0, 24)}...` : id;\n      return `${base} — ${truncated}`;\n    }\n    return base;\n  };\n\n  /** Find a matching child task for an event's activity_type */\n  const findChildTask = (evt: WorkflowExecutionEvent): LTTaskRecord | undefined => {\n    if (!childTasks?.length) return undefined;\n    const activityType = evt.attributes.activity_type;\n    if (!activityType) return undefined;\n    return childTasks.find((t) => t.workflow_type === activityType);\n  };\n\n  const toggleEvent = (id: number) => {\n    setExpandedEvents((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  const allExpanded = filtered.length > 0 && filtered.every((e) => expandedEvents.has(e.event_id));\n\n  const toggleAll = () => {\n    if (allExpanded) {\n      setExpandedEvents(new Set());\n    } else {\n      setExpandedEvents(new Set(filtered.map((e) => e.event_id)));\n    }\n  };\n\n  return (\n    <div>\n      <div className=\"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3\">\n        <div className=\"flex items-center gap-4\">\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Events ({filtered.length})\n          </p>\n          {filtered.length > 0 && (\n            <button onClick={toggleAll} className=\"text-[10px] text-accent hover:underline\">\n              {allExpanded ? 'Collapse all' : 'Expand all'}\n            </button>\n          )}\n        </div>\n        <FilterBar>\n          <FilterSelect\n            label=\"Category\"\n            value={categoryFilter}\n            onChange={setCategoryFilter}\n            options={categories.map((c) => ({ value: c, label: c }))}\n          />\n          <FilterSelect\n            label=\"Type\"\n            value={typeFilter}\n            onChange={setTypeFilter}\n            options={eventTypes.map((t) => ({ value: t, label: t }))}\n          />\n          <button\n            onClick={() => setSortOrder((s) => (s === 'asc' ? 'desc' : 'asc'))}\n            className=\"btn-ghost text-xs\"\n          >\n            {sortOrder === 'asc' ? 'Oldest first' : 'Newest first'}\n          </button>\n        </FilterBar>\n      </div>\n\n      <div>\n        {filtered.length === 0 ? (\n          <div className=\"px-6 py-8 text-center\">\n            <p className=\"text-sm text-text-tertiary\">No events match the current filters</p>\n          </div>\n        ) : (\n          filtered.map((evt) => {\n            const isExpanded = expandedEvents.has(evt.event_id);\n            const pending = isPending(evt);\n\n            return (\n              <div\n                key={evt.event_id}\n                className=\"border-b border-surface-border last:border-b-0\"\n              >\n                {/* Row header */}\n                <div\n                  className=\"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200\"\n                  onClick={() => toggleEvent(evt.event_id)}\n                >\n                  {/* Expand chevron */}\n                  <span\n                    className={`text-[10px] text-text-tertiary transition-transform duration-300 ${isExpanded ? 'rotate-90' : ''}`}\n                  >\n                    &#9654;\n                  </span>\n\n                  <span className=\"text-xs font-mono text-text-tertiary w-8 shrink-0\">\n                    {evt.event_id}\n                  </span>\n                  <span\n                    className={`w-2 h-2 rounded-full dot-ring shrink-0 ${categoryDot(evt.category)}`}\n                  />\n                  <span className=\"text-sm text-text-primary flex-1 truncate\">\n                    {eventLabel(evt)}\n                  </span>\n                  <span className=\"text-xs font-mono text-text-tertiary shrink-0\">\n                    {pending ? (\n                      <span className=\"inline-flex items-center gap-1 text-status-warning\">\n                        <span className=\"w-1.5 h-1.5 rounded-full dot-ring bg-status-warning animate-pulse\" />\n                        Pending\n                      </span>\n                    ) : evt.duration_ms !== null ? (\n                      formatDuration(evt.duration_ms)\n                    ) : (\n                      '--'\n                    )}\n                  </span>\n                  <time className=\"text-[10px] font-mono text-text-tertiary shrink-0\">\n                    {new Date(evt.event_time).toLocaleTimeString()}\n                  </time>\n                </div>\n\n                {/* Inline detail panel — directly below the clicked row */}\n                <Collapsible open={isExpanded && !!evt.attributes}>\n                  <div className=\"px-6 pb-4 pl-16\">\n                    <EventDetailPanel\n                      event={evt}\n                      childTask={findChildTask(evt)}\n                      pending={pending}\n                      jid={jid}\n                      appId={appId}\n                      onClose={() => toggleEvent(evt.event_id)}\n                    />\n                  </div>\n                </Collapsible>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["STARTED_TYPES","COMPLETED_TYPES","buildCompletedKeys","events","keys","e","EventTable","childTasks","jid","appId","categoryFilter","setCategoryFilter","useState","typeFilter","setTypeFilter","sortOrder","setSortOrder","expandedEvents","setExpandedEvents","categories","eventTypes","completedKeys","isPending","evt","tlk","filtered","a","b","categoryDot","category","eventLabel","base","id","truncated","findChildTask","activityType","t","toggleEvent","prev","next","allExpanded","toggleAll","jsxs","jsx","FilterBar","FilterSelect","c","s","isExpanded","pending","formatDuration","Collapsible","EventDetailPanel"],"mappings":"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"}

package/dashboard/dist/assets/FilterBar-B4Mk2PvT.js

@@ -0,0 +1,2 @@
+import{j as e,a as n}from"./vendor-query-B2UbickB.js";function o({children:a,actions:s}){return e.jsx("div",{className:"sticky top-0 z-20 bg-surface pt-3 pb-3",children:e.jsx("div",{className:"bg-surface-sunken rounded-lg px-5 py-2",children:e.jsxs("div",{className:"flex items-center gap-5 flex-wrap",children:[a,s&&e.jsx("div",{className:"ml-auto flex items-center gap-2",children:s})]})})})}function m(){return e.jsx("span",{className:"h-3.5 w-px bg-surface-border shrink-0 self-center -mr-3"})}function d({label:a,value:s,onChange:c,options:i,required:x,placeholder:r}){return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("label",{className:"text-[10px] font-medium text-text-tertiary whitespace-nowrap",children:a}),e.jsxs("select",{value:s,onChange:t=>c(t.target.value),className:"select text-[11px] py-0.5 pl-0 pr-4",children:[!x&&e.jsx("option",{value:"",children:r||"All"}),i.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))]})]})}function f({label:a,value:s,onChange:c,placeholder:i}){const[x,r]=n.useState(s),t=n.useRef(void 0);n.useEffect(()=>{r(s)},[s]);const p=l=>{r(l),clearTimeout(t.current),t.current=setTimeout(()=>c(l),300)};return n.useEffect(()=>()=>clearTimeout(t.current),[]),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("label",{className:"text-[10px] text-text-tertiary whitespace-nowrap",children:a}),e.jsx("input",{type:"text",value:x,onChange:l=>p(l.target.value),placeholder:i,className:"input text-[11px] py-1 px-2 w-48 font-mono"})]})}export{o as F,f as a,d as b,m as c};
+//# sourceMappingURL=FilterBar-B4Mk2PvT.js.map

package/dashboard/dist/assets/FilterBar-B4Mk2PvT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar-B4Mk2PvT.js","sources":["../../src/components/common/data/FilterBar.tsx"],"sourcesContent":["import { useState, useEffect, useRef, type ReactNode } from 'react';\n\ninterface FilterBarProps {\n  children: ReactNode;\n  actions?: ReactNode;\n}\n\nexport function FilterBar({ children, actions }: FilterBarProps) {\n  return (\n    <div className=\"sticky top-0 z-20 bg-surface pt-3 pb-3\">\n      <div className=\"bg-surface-sunken rounded-lg px-5 py-2\">\n        <div className=\"flex items-center gap-5 flex-wrap\">\n          {children}\n          {actions && <div className=\"ml-auto flex items-center gap-2\">{actions}</div>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function FilterDivider() {\n  return <span className=\"h-3.5 w-px bg-surface-border shrink-0 self-center -mr-3\" />;\n}\n\ninterface FilterSelectProps {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  options: { value: string; label: string }[];\n  /** When true, omit the default \"All\" option — a value is always required. */\n  required?: boolean;\n  placeholder?: string;\n}\n\nexport function FilterSelect({ label, value, onChange, options, required, placeholder }: FilterSelectProps) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <label className=\"text-[10px] font-medium text-text-tertiary whitespace-nowrap\">{label}</label>\n      <select\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        className=\"select text-[11px] py-0.5 pl-0 pr-4\"\n      >\n        {!required && <option value=\"\">{placeholder || 'All'}</option>}\n        {options.map((opt) => (\n          <option key={opt.value} value={opt.value}>\n            {opt.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\ninterface FilterInputProps {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n}\n\nexport function FilterInput({ label, value, onChange, placeholder }: FilterInputProps) {\n  const [local, setLocal] = useState(value);\n  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  // Sync from parent when the URL-driven value changes externally\n  useEffect(() => { setLocal(value); }, [value]);\n\n  const handleChange = (v: string) => {\n    setLocal(v);\n    clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => onChange(v), 300);\n  };\n\n  // Flush on unmount\n  useEffect(() => () => clearTimeout(timerRef.current), []);\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <label className=\"text-[10px] text-text-tertiary whitespace-nowrap\">{label}</label>\n      <input\n        type=\"text\"\n        value={local}\n        onChange={(e) => handleChange(e.target.value)}\n        placeholder={placeholder}\n        className=\"input text-[11px] py-1 px-2 w-48 font-mono\"\n      />\n    </div>\n  );\n}\n"],"names":["FilterBar","children","actions","jsx","jsxs","FilterDivider","FilterSelect","label","value","onChange","options","required","placeholder","e","opt","FilterInput","local","setLocal","useState","timerRef","useRef","useEffect","handleChange","v"],"mappings":"sDAOO,SAASA,EAAU,CAAE,SAAAC,EAAU,QAAAC,GAA2B,CAC/D,OACEC,EAAAA,IAAC,MAAA,CAAI,UAAU,yCACb,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,yCACb,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACZ,SAAA,CAAAH,EACAC,GAAWC,EAAAA,IAAC,MAAA,CAAI,UAAU,kCAAmC,SAAAD,CAAA,CAAQ,CAAA,CAAA,CACxE,EACF,EACF,CAEJ,CAEO,SAASG,GAAgB,CAC9B,OAAOF,EAAAA,IAAC,OAAA,CAAK,UAAU,yDAAA,CAA0D,CACnF,CAYO,SAASG,EAAa,CAAE,MAAAC,EAAO,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,SAAAC,EAAU,YAAAC,GAAkC,CAC1G,OACER,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAD,EAAAA,IAAC,QAAA,CAAM,UAAU,+DAAgE,SAAAI,EAAM,EACvFH,EAAAA,KAAC,SAAA,CACC,MAAAI,EACA,SAAWK,GAAMJ,EAASI,EAAE,OAAO,KAAK,EACxC,UAAU,sCAET,SAAA,CAAA,CAACF,GAAYR,MAAC,SAAA,CAAO,MAAM,GAAI,YAAe,MAAM,EACpDO,EAAQ,IAAKI,GACZX,EAAAA,IAAC,SAAA,CAAuB,MAAOW,EAAI,MAChC,SAAAA,EAAI,KAAA,EADMA,EAAI,KAEjB,CACD,CAAA,CAAA,CAAA,CACH,EACF,CAEJ,CASO,SAASC,EAAY,CAAE,MAAAR,EAAO,MAAAC,EAAO,SAAAC,EAAU,YAAAG,GAAiC,CACrF,KAAM,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAASV,CAAK,EAClCW,EAAWC,EAAAA,OAAsC,MAAS,EAGhEC,EAAAA,UAAU,IAAM,CAAEJ,EAAST,CAAK,CAAG,EAAG,CAACA,CAAK,CAAC,EAE7C,MAAMc,EAAgBC,GAAc,CAClCN,EAASM,CAAC,EACV,aAAaJ,EAAS,OAAO,EAC7BA,EAAS,QAAU,WAAW,IAAMV,EAASc,CAAC,EAAG,GAAG,CACtD,EAGAF,OAAAA,EAAAA,UAAU,IAAM,IAAM,aAAaF,EAAS,OAAO,EAAG,CAAA,CAAE,EAGtDf,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAD,EAAAA,IAAC,QAAA,CAAM,UAAU,mDAAoD,SAAAI,EAAM,EAC3EJ,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOa,EACP,SAAWH,GAAMS,EAAaT,EAAE,OAAO,KAAK,EAC5C,YAAAD,EACA,UAAU,4CAAA,CAAA,CACZ,EACF,CAEJ"}