@hotmeshio/long-tail 0.1.16 → 0.1.18

package/dashboard/dist/assets/helpers-D50KFFkI.js

@@ -0,0 +1,2 @@
+import{j as n}from"./vendor-query-B2UbickB.js";import{T as o}from"./TimeAgo-BihIwEbB.js";import{S as l}from"./StatusBadge-XQlNFwmH.js";const i={"* * * * *":"Every minute","*/5 * * * *":"Every 5 minutes","*/15 * * * *":"Every 15 minutes","*/30 * * * *":"Every 30 minutes","0 * * * *":"Every hour","0 */2 * * *":"Every 2 hours","0 */6 * * *":"Every 6 hours","0 */12 * * *":"Every 12 hours","0 0 * * *":"Daily at midnight","0 9 * * *":"Daily at 9 AM","0 9 * * 1-5":"Weekdays at 9 AM","0 0 * * 0":"Weekly (Sunday midnight)","0 0 1 * *":"Monthly (1st at midnight)","0 2 * * *":"Daily at 2 AM"};function c(t){return i[t]??""}const f=[["*/15 * * * *","Every 15 min"],["0 * * * *","Every hour"],["0 */6 * * *","Every 6 hours"],["0 9 * * *","Daily 9 AM"],["0 9 * * 1-5","Weekdays 9 AM"],["0 0 * * 0","Weekly (Sun)"]];function E(t){const r=t==null?void 0:t.data;if(!r||typeof r!="object"||Array.isArray(r))return null;const s=Object.entries(r);return s.length===0||!s.every(([,e])=>typeof e=="string"||typeof e=="number"||typeof e=="boolean"||e===null)?null:s.map(([e,a])=>({key:e,value:a===null?"":String(a),type:a===null?"string":typeof a}))}const h=[{key:"workflow_id",label:"Workflow ID",render:t=>n.jsx("span",{className:"font-mono text-[11px] text-text-secondary",children:t.workflow_id.length>40?`${t.workflow_id.slice(0,40)}...`:t.workflow_id})},{key:"status",label:"Status",render:t=>n.jsx(l,{status:t.status}),className:"w-28"},{key:"created_at",label:"Started",render:t=>n.jsx(o,{date:t.created_at}),className:"w-32"}];export{f as C,c as d,E as e,h as j};
+//# sourceMappingURL=helpers-D50KFFkI.js.map

package/dashboard/dist/assets/{helpers-CQG3Rh2y.js.map → helpers-D50KFFkI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"helpers-CQG3Rh2y.js","sources":["../../src/pages/workflows/cron/helpers.tsx"],"sourcesContent":["import type { LTJob } from '../../../api/types';\nimport type { Column } from '../../../components/common/data/DataTable';\nimport { TimeAgo } from '../../../components/common/display/TimeAgo';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\n\n// -- Cron descriptions -------------------------------------------------------\n\nconst CRON_DESCRIPTIONS: Record<string, string> = {\n  '* * * * *': 'Every minute',\n  '*/5 * * * *': 'Every 5 minutes',\n  '*/15 * * * *': 'Every 15 minutes',\n  '*/30 * * * *': 'Every 30 minutes',\n  '0 * * * *': 'Every hour',\n  '0 */2 * * *': 'Every 2 hours',\n  '0 */6 * * *': 'Every 6 hours',\n  '0 */12 * * *': 'Every 12 hours',\n  '0 0 * * *': 'Daily at midnight',\n  '0 9 * * *': 'Daily at 9 AM',\n  '0 9 * * 1-5': 'Weekdays at 9 AM',\n  '0 0 * * 0': 'Weekly (Sunday midnight)',\n  '0 0 1 * *': 'Monthly (1st at midnight)',\n  '0 2 * * *': 'Daily at 2 AM',\n};\n\nexport function describeCron(expr: string): string {\n  return CRON_DESCRIPTIONS[expr] ?? '';\n}\n\nexport const COMMON_PATTERNS: [string, string][] = [\n  ['*/15 * * * *', 'Every 15 min'],\n  ['0 * * * *', 'Every hour'],\n  ['0 */6 * * *', 'Every 6 hours'],\n  ['0 9 * * *', 'Daily 9 AM'],\n  ['0 9 * * 1-5', 'Weekdays 9 AM'],\n  ['0 0 * * 0', 'Weekly (Sun)'],\n];\n\nexport const DEFAULT_ENVELOPE = '{\\n  \"data\": {},\\n  \"metadata\": {}\\n}';\n\n// -- Envelope helpers ---------------------------------------------------------\n\n/** Extract simple string/number/boolean keys from `data` for form view. */\nexport function extractFormFields(\n  envelope: Record<string, unknown>,\n): { key: string; value: string; type: string }[] | null {\n  const data = envelope?.data;\n  if (!data || typeof data !== 'object' || Array.isArray(data)) return null;\n  const entries = Object.entries(data as Record<string, unknown>);\n  if (entries.length === 0) return null;\n  // Only show form if all values are scalar\n  const allScalar = entries.every(\n    ([, v]) => typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean' || v === null,\n  );\n  if (!allScalar) return null;\n  return entries.map(([key, value]) => ({\n    key,\n    value: value === null ? '' : String(value),\n    type: value === null ? 'string' : typeof value,\n  }));\n}\n\n// -- Recent jobs table columns ------------------------------------------------\n\nexport const jobColumns: Column<LTJob>[] = [\n  {\n    key: 'workflow_id',\n    label: 'Workflow ID',\n    render: (row) => (\n      <span className=\"font-mono text-[11px] text-text-secondary\">\n        {row.workflow_id.length > 40\n          ? `${row.workflow_id.slice(0, 40)}...`\n          : row.workflow_id}\n      </span>\n    ),\n  },\n  {\n    key: 'status',\n    label: 'Status',\n    render: (row) => <StatusBadge status={row.status} />,\n    className: 'w-28',\n  },\n  {\n    key: 'created_at',\n    label: 'Started',\n    render: (row) => <TimeAgo date={row.created_at} />,\n    className: 'w-32',\n  },\n];\n"],"names":["CRON_DESCRIPTIONS","describeCron","expr","COMMON_PATTERNS","extractFormFields","envelope","data","entries","v","key","value","jobColumns","row","jsxDEV","this","StatusBadge","TimeAgo"],"mappings":"gIAOA,MAAMA,EAA4C,CAChD,YAAa,eACb,cAAe,kBACf,eAAgB,mBAChB,eAAgB,mBAChB,YAAa,aACb,cAAe,gBACf,cAAe,gBACf,eAAgB,iBAChB,YAAa,oBACb,YAAa,gBACb,cAAe,mBACf,YAAa,2BACb,YAAa,4BACb,YAAa,eACf,EAEO,SAASC,EAAaC,EAAsB,CACjD,OAAOF,EAAkBE,CAAI,GAAK,EACpC,CAEO,MAAMC,EAAsC,CACjD,CAAC,eAAgB,cAAc,EAC/B,CAAC,YAAa,YAAY,EAC1B,CAAC,cAAe,eAAe,EAC/B,CAAC,YAAa,YAAY,EAC1B,CAAC,cAAe,eAAe,EAC/B,CAAC,YAAa,cAAc,CAC9B,EAOO,SAASC,EACdC,EACuD,CACvD,MAAMC,EAAOD,GAAA,YAAAA,EAAU,KACvB,GAAI,CAACC,GAAQ,OAAOA,GAAS,UAAY,MAAM,QAAQA,CAAI,EAAG,OAAO,KACrE,MAAMC,EAAU,OAAO,QAAQD,CAA+B,EAM9D,OALIC,EAAQ,SAAW,GAKnB,CAHcA,EAAQ,MACxB,CAAC,EAAGC,CAAC,IAAM,OAAOA,GAAM,UAAY,OAAOA,GAAM,UAAY,OAAOA,GAAM,WAAaA,IAAM,IAAA,EAExE,KAChBD,EAAQ,IAAI,CAAC,CAACE,EAAKC,CAAK,KAAO,CACpC,IAAAD,EACA,MAAOC,IAAU,KAAO,GAAK,OAAOA,CAAK,EACzC,KAAMA,IAAU,KAAO,SAAW,OAAOA,CAAA,EACzC,CACJ,CAIO,MAAMC,EAA8B,CACzC,CACE,IAAK,cACL,MAAO,cACP,OAASC,GACPC,EAAAA,OAAC,QAAK,UAAU,4CACb,WAAI,YAAY,OAAS,GACtB,GAAGD,EAAI,YAAY,MAAM,EAAG,EAAE,CAAC,MAC/BA,EAAI,aAHV,OAAA,GAAA,CAAA,SAAA,sDAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAIA,CAAA,EAGJ,CACE,IAAK,SACL,MAAO,SACP,OAASF,YAASG,EAAA,CAAY,OAAQH,EAAI,MAAA,EAAzB,OAAA,GAAA,CAAA,SAAA,sDAAA,WAAA,GAAA,aAAA,EAAA,EAAAE,MAAiC,EAClD,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,OAASF,YAASI,EAAA,CAAQ,KAAMJ,EAAI,UAAA,EAAnB,OAAA,GAAA,CAAA,SAAA,sDAAA,WAAA,GAAA,aAAA,EAAA,EAAAE,MAA+B,EAChD,UAAW,MAAA,CAEf"}
+{"version":3,"file":"helpers-D50KFFkI.js","sources":["../../src/pages/workflows/cron/helpers.tsx"],"sourcesContent":["import type { LTJob } from '../../../api/types';\nimport type { Column } from '../../../components/common/data/DataTable';\nimport { TimeAgo } from '../../../components/common/display/TimeAgo';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\n\n// -- Cron descriptions -------------------------------------------------------\n\nconst CRON_DESCRIPTIONS: Record<string, string> = {\n  '* * * * *': 'Every minute',\n  '*/5 * * * *': 'Every 5 minutes',\n  '*/15 * * * *': 'Every 15 minutes',\n  '*/30 * * * *': 'Every 30 minutes',\n  '0 * * * *': 'Every hour',\n  '0 */2 * * *': 'Every 2 hours',\n  '0 */6 * * *': 'Every 6 hours',\n  '0 */12 * * *': 'Every 12 hours',\n  '0 0 * * *': 'Daily at midnight',\n  '0 9 * * *': 'Daily at 9 AM',\n  '0 9 * * 1-5': 'Weekdays at 9 AM',\n  '0 0 * * 0': 'Weekly (Sunday midnight)',\n  '0 0 1 * *': 'Monthly (1st at midnight)',\n  '0 2 * * *': 'Daily at 2 AM',\n};\n\nexport function describeCron(expr: string): string {\n  return CRON_DESCRIPTIONS[expr] ?? '';\n}\n\nexport const COMMON_PATTERNS: [string, string][] = [\n  ['*/15 * * * *', 'Every 15 min'],\n  ['0 * * * *', 'Every hour'],\n  ['0 */6 * * *', 'Every 6 hours'],\n  ['0 9 * * *', 'Daily 9 AM'],\n  ['0 9 * * 1-5', 'Weekdays 9 AM'],\n  ['0 0 * * 0', 'Weekly (Sun)'],\n];\n\nexport const DEFAULT_ENVELOPE = '{\\n  \"data\": {},\\n  \"metadata\": {}\\n}';\n\n// -- Envelope helpers ---------------------------------------------------------\n\n/** Extract simple string/number/boolean keys from `data` for form view. */\nexport function extractFormFields(\n  envelope: Record<string, unknown>,\n): { key: string; value: string; type: string }[] | null {\n  const data = envelope?.data;\n  if (!data || typeof data !== 'object' || Array.isArray(data)) return null;\n  const entries = Object.entries(data as Record<string, unknown>);\n  if (entries.length === 0) return null;\n  // Only show form if all values are scalar\n  const allScalar = entries.every(\n    ([, v]) => typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean' || v === null,\n  );\n  if (!allScalar) return null;\n  return entries.map(([key, value]) => ({\n    key,\n    value: value === null ? '' : String(value),\n    type: value === null ? 'string' : typeof value,\n  }));\n}\n\n// -- Recent jobs table columns ------------------------------------------------\n\nexport const jobColumns: Column<LTJob>[] = [\n  {\n    key: 'workflow_id',\n    label: 'Workflow ID',\n    render: (row) => (\n      <span className=\"font-mono text-[11px] text-text-secondary\">\n        {row.workflow_id.length > 40\n          ? `${row.workflow_id.slice(0, 40)}...`\n          : row.workflow_id}\n      </span>\n    ),\n  },\n  {\n    key: 'status',\n    label: 'Status',\n    render: (row) => <StatusBadge status={row.status} />,\n    className: 'w-28',\n  },\n  {\n    key: 'created_at',\n    label: 'Started',\n    render: (row) => <TimeAgo date={row.created_at} />,\n    className: 'w-32',\n  },\n];\n"],"names":["CRON_DESCRIPTIONS","describeCron","expr","COMMON_PATTERNS","extractFormFields","envelope","data","entries","v","key","value","jobColumns","row","jsx","StatusBadge","TimeAgo"],"mappings":"uIAOA,MAAMA,EAA4C,CAChD,YAAa,eACb,cAAe,kBACf,eAAgB,mBAChB,eAAgB,mBAChB,YAAa,aACb,cAAe,gBACf,cAAe,gBACf,eAAgB,iBAChB,YAAa,oBACb,YAAa,gBACb,cAAe,mBACf,YAAa,2BACb,YAAa,4BACb,YAAa,eACf,EAEO,SAASC,EAAaC,EAAsB,CACjD,OAAOF,EAAkBE,CAAI,GAAK,EACpC,CAEO,MAAMC,EAAsC,CACjD,CAAC,eAAgB,cAAc,EAC/B,CAAC,YAAa,YAAY,EAC1B,CAAC,cAAe,eAAe,EAC/B,CAAC,YAAa,YAAY,EAC1B,CAAC,cAAe,eAAe,EAC/B,CAAC,YAAa,cAAc,CAC9B,EAOO,SAASC,EACdC,EACuD,CACvD,MAAMC,EAAOD,GAAA,YAAAA,EAAU,KACvB,GAAI,CAACC,GAAQ,OAAOA,GAAS,UAAY,MAAM,QAAQA,CAAI,EAAG,OAAO,KACrE,MAAMC,EAAU,OAAO,QAAQD,CAA+B,EAM9D,OALIC,EAAQ,SAAW,GAKnB,CAHcA,EAAQ,MACxB,CAAC,EAAGC,CAAC,IAAM,OAAOA,GAAM,UAAY,OAAOA,GAAM,UAAY,OAAOA,GAAM,WAAaA,IAAM,IAAA,EAExE,KAChBD,EAAQ,IAAI,CAAC,CAACE,EAAKC,CAAK,KAAO,CACpC,IAAAD,EACA,MAAOC,IAAU,KAAO,GAAK,OAAOA,CAAK,EACzC,KAAMA,IAAU,KAAO,SAAW,OAAOA,CAAA,EACzC,CACJ,CAIO,MAAMC,EAA8B,CACzC,CACE,IAAK,cACL,MAAO,cACP,OAASC,GACPC,EAAAA,IAAC,QAAK,UAAU,4CACb,WAAI,YAAY,OAAS,GACtB,GAAGD,EAAI,YAAY,MAAM,EAAG,EAAE,CAAC,MAC/BA,EAAI,WAAA,CACV,CAAA,EAGJ,CACE,IAAK,SACL,MAAO,SACP,OAASA,SAASE,EAAA,CAAY,OAAQF,EAAI,OAAQ,EAClD,UAAW,MAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,OAASA,SAASG,EAAA,CAAQ,KAAMH,EAAI,WAAY,EAChD,UAAW,MAAA,CAEf"}

package/dashboard/dist/assets/index-B-ioA6yv.js

@@ -0,0 +1,2 @@
+import{a as h,j as e}from"./vendor-query-B2UbickB.js";import{a as z,u as J,b as D,c as F,d as O}from"./mcp-D0GrHRFe.js";import{E as I}from"./EmptyState-BcsfPq9T.js";import{C as _}from"./ConfirmDeleteModal-dOxidrSR.js";import{P as R}from"./PageHeader-B-SN5GZ2.js";import{F as $,a as q,b as T}from"./FilterBar-Ck4K4rzu.js";import{S as A}from"./StickyPagination-F9FZsRy9.js";import{u as W}from"./useFilterParams-DZCAaBC7.js";import{u as B}from"./useExpandedRows-CkcEntB-.js";import{J as U}from"./index-BUjxYyxc.js";import{b as G,R as H}from"./RunAsSelector-CD7_Dmb0.js";import{X as V,a6 as K,P as E,_ as M,a2 as X,k as Q,ab as Y,ac as Z,z as ee,l as te,W as se}from"./vendor-icons-BkK55L-1.js";import{L,c as re}from"./vendor-react-CX88sFS5.js";import{R as ae,a as w}from"./RowActions-Dg-Fsm5O.js";import{S as ne}from"./StatusBadge-XQlNFwmH.js";import"./Modal-DEODGeqx.js";import"./BotPicker-C2xR1xay.js";import"./bots-BZPXDh_y.js";function oe({error:s}){const t=s instanceof Error?s.message:"";return t.startsWith("No credential found for provider")?e.jsxs("div",{className:"bg-status-warning/10 border border-status-warning/30 rounded-md px-3 py-2 flex items-start gap-2",children:[e.jsx(X,{size:14,className:"text-status-warning mt-0.5 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-medium text-text-primary mb-0.5",children:"Credential required"}),e.jsx("p",{className:"text-[11px] text-text-secondary mb-1",children:t}),e.jsxs(L,{to:"/credentials",className:"text-[11px] text-accent hover:underline inline-flex items-center gap-1",children:["Go to Credentials ",e.jsx(M,{size:10})]})]})]}):e.jsx("div",{className:"bg-status-error/10 border border-status-error/20 rounded-md px-3 py-2",children:e.jsx("p",{className:"text-[11px] text-status-error",children:t||"Tool call failed"})})}function ie({data:s}){const t=s==null?void 0:s.result,n=t==null?void 0:t.job_id,c=(t==null?void 0:t.namespace)||"longtail";return n?e.jsxs(L,{to:`/mcp/executions/${encodeURIComponent(n)}?namespace=${encodeURIComponent(c)}`,className:"inline-flex items-center gap-1.5 text-xs text-accent hover:underline",children:[e.jsx(M,{size:12}),"View Execution"]}):null}function le({serverId:s,serverName:t,tool:n,onClose:c}){const a=z(),[d,j]=h.useState(!1),[m,p]=h.useState({}),[i,f]=h.useState(""),[g,l]=h.useState(""),[x,N]=h.useState("");h.useEffect(()=>{const o=G(n.inputSchema);p(o),f(JSON.stringify(o,null,2)),j(!1),l(""),a.reset()},[n.name,s]);const y=!!a.data||!!a.error,v=()=>{if(!d)f(JSON.stringify(m,null,2));else try{p(JSON.parse(i))}catch{}j(!d)},C=()=>{l(""),a.reset();let o;if(d)try{o=JSON.parse(i)}catch{l("Invalid JSON");return}else o={...m};a.mutate({serverId:s,toolName:n.name,arguments:o,...x?{execute_as:x}:{}})};return e.jsxs("div",{className:"border-l border-surface-border bg-surface-raised flex flex-col h-full",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border shrink-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-xs font-medium text-text-primary truncate",children:t}),e.jsx("code",{className:"text-[11px] font-mono text-accent truncate block",children:n.name})]}),e.jsx("button",{onClick:c,className:"p-1 text-text-tertiary hover:text-text-primary shrink-0 ml-2",children:e.jsx(V,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 py-3 space-y-4",children:[e.jsx(H,{selected:x,onChange:N}),n.description&&e.jsx("p",{className:"text-[11px] text-text-secondary leading-relaxed",children:n.description}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Request"}),e.jsx("button",{onClick:v,className:"text-[10px] text-accent hover:underline",children:d?"Form view":"JSON view"})]}),d?e.jsx("textarea",{value:i,onChange:o=>f(o.target.value),className:"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-2 font-mono text-[11px] text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary resize-y",rows:6,spellCheck:!1}):e.jsxs("div",{className:"space-y-3 max-h-[300px] overflow-y-auto",children:[Object.entries(m).map(([o,b])=>e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:o}),typeof b=="boolean"?e.jsxs("select",{value:String(b),onChange:r=>p({...m,[o]:r.target.value==="true"}),className:"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary",children:[e.jsx("option",{value:"true",children:"true"}),e.jsx("option",{value:"false",children:"false"})]}):typeof b=="object"?e.jsx("textarea",{value:JSON.stringify(b,null,2),onChange:r=>{try{p({...m,[o]:JSON.parse(r.target.value)})}catch{}},className:"w-full min-h-[60px] px-3 py-1.5 bg-surface-sunken border border-surface-border rounded-md font-mono text-xs text-text-primary resize-y focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary"}):e.jsx("input",{type:typeof b=="number"?"number":"text",value:String(b??""),onChange:r=>p({...m,[o]:typeof b=="number"?Number(r.target.value):r.target.value}),className:"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary"})]},o)),Object.keys(m).length===0&&e.jsx("p",{className:"text-[11px] text-text-tertiary italic",children:"No input fields defined"})]}),g&&e.jsx("p",{className:"text-[11px] text-status-error mt-1",children:g})]}),e.jsx("button",{onClick:C,disabled:a.isPending,className:"btn-primary text-xs disabled:opacity-50 inline-flex items-center gap-1.5",children:a.isPending?"Running...":y?e.jsxs(e.Fragment,{children:[e.jsx(K,{size:12})," Re-run"]}):e.jsxs(e.Fragment,{children:[e.jsx(E,{size:12})," Run"]})}),a.isPending&&e.jsxs("div",{className:"animate-pulse",children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Response"}),e.jsx("div",{className:"h-20 bg-surface-sunken rounded-md"})]}),a.data?e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{data:a.data,label:"Response",defaultCollapsed:!0}),e.jsx(ie,{data:a.data})]}):null,a.error?e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Response"}),e.jsx(oe,{error:a.error})]}):null]})]})}function ce(s){var t,n;return!!((t=s.metadata)!=null&&t.builtin)||!!((n=s.transport_config)!=null&&n.builtin)}function de(s,t){var a;if(!t)return!0;const n=t.toLowerCase();return s.name.toLowerCase().includes(n)||(a=s.description)!=null&&a.toLowerCase().includes(n)||(s.tags??[]).some(d=>d.toLowerCase().includes(n))?!0:(s.tool_manifest??[]).some(d=>{var j;return d.name.toLowerCase().includes(n)||((j=d.description)==null?void 0:j.toLowerCase().includes(n))})}function xe(s,t){if(!t)return s;const n=t.toLowerCase();return s.filter(c=>{var a;return c.name.toLowerCase().includes(n)||((a=c.description)==null?void 0:a.toLowerCase().includes(n))})}function ue({server:s,expanded:t,onToggle:n,onEdit:c,onDelete:a,onTryTool:d,connect:j,disconnect:m,visibleTools:p}){const i=s.tool_manifest??[],f=ce(s),g=s.tags??[];return e.jsxs(e.Fragment,{children:[e.jsxs("tr",{onClick:i.length>0?n:void 0,className:`group/row border-b border-surface-border/50 transition-colors duration-100 ${i.length>0?"cursor-pointer row-hover":""}`,children:[e.jsx("td",{className:"px-6 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:`transition-transform duration-150 ${t?"rotate-90":""} ${i.length===0?"opacity-0":"text-text-tertiary"}`,children:e.jsx(Q,{size:14})}),e.jsxs("p",{className:"text-sm text-text-primary font-medium",children:[s.name,i.length>0&&e.jsx("sup",{className:"ml-1 text-[9px] font-normal text-accent/70",children:i.length})]}),g.length>0&&e.jsxs("div",{className:"flex gap-1 ml-auto shrink-0",children:[g.slice(0,3).map(l=>e.jsx("span",{className:"inline-block px-1.5 py-0 text-[9px] text-text-tertiary bg-surface-sunken rounded",children:l},l)),g.length>3&&e.jsx("span",{className:"text-[9px] text-text-quaternary",title:g.slice(3).join(", "),children:"…"})]})]})}),e.jsx("td",{className:"px-4 py-2.5 w-28 whitespace-nowrap",children:e.jsx(ne,{status:s.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(ae,{children:[!f&&(s.status==="connected"?e.jsx(w,{icon:Y,title:"Disconnect server",onClick:()=>m.mutate(s.id)}):e.jsx(w,{icon:Z,title:"Connect server",onClick:()=>j.mutate(s.id),colorClass:"text-text-tertiary hover:text-status-success"})),e.jsx(w,{icon:ee,title:"Edit server",onClick:c}),!f&&e.jsx(w,{icon:te,title:"Delete server",onClick:a,colorClass:"text-text-tertiary hover:text-status-error"})]})})]}),t&&p.map(l=>e.jsxs("tr",{onClick:()=>d(l),className:"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15",children:[e.jsxs("td",{className:"pl-14 pr-6 py-2.5",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-0.5 text-[13px] font-mono bg-accent/[0.06] text-text-secondary rounded-lg",children:[e.jsx(se,{className:"w-3 h-3 shrink-0 text-accent/75"}),l.name]}),l.description&&e.jsx("p",{className:"text-[11px] leading-snug text-text-quaternary mt-0.5",children:l.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:x=>{x.stopPropagation(),d(l)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(E,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},l.name))]})}function Le(){const s=re(),{filters:t,setFilter:n,pagination:c}=W({filters:{status:"",search:"",tag:""}}),{data:a,isLoading:d}=J({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),j=D(),m=F(),p=O(),[i,f]=h.useState(null),{expandedIds:g,toggle:l}=B("lt:expanded:mcp-servers"),[x,N]=h.useState(null),y=(a==null?void 0:a.servers)??[],v=(a==null?void 0:a.total)??0,C=h.useMemo(()=>{const r=new Set;for(const u of y)for(const S of u.tags??[])r.add(S);return[...r].sort().map(u=>({value:u,label:u}))},[y]),o=h.useMemo(()=>t.search?y.filter(r=>de(r,t.search)):y,[y,t.search]);h.useEffect(()=>{if(!t.search)return;const r=t.search.toLowerCase();for(const u of o)(u.tool_manifest??[]).some(k=>{var P;return k.name.toLowerCase().includes(r)||((P=k.description)==null?void 0:P.toLowerCase().includes(r))})&&!g.has(u.id)&&l(u.id)},[t.search,o]);const b=()=>{i&&p.mutate(i.id,{onSuccess:()=>f(null)})};return d?e.jsxs("div",{children:[e.jsx(R,{title:"MCP Server Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((r,u)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},u))})]}):e.jsxs("div",{children:[e.jsx(R,{title:"MCP Server Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>s("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs($,{children:[e.jsx(q,{label:"Search",value:t.search,onChange:r=>n("search",r),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:r=>n("tag",r),options:C}),e.jsx(T,{label:"Status",value:t.status,onChange:r=>n("status",r),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${x?"flex-1 min-w-0":"w-full"} transition-all`,children:[o.length===0?e.jsx(I,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:o.map(r=>e.jsx(ue,{server:r,expanded:g.has(r.id),onToggle:()=>l(r.id),onEdit:()=>s(`/mcp/servers/${r.id}`),onDelete:()=>f(r),onTryTool:u=>N({serverId:r.id,serverName:r.name,tool:u}),connect:j,disconnect:m,visibleTools:xe(r.tool_manifest??[],t.search)},r.id))})]}),e.jsx(A,{page:c.page,totalPages:c.totalPages(v),onPageChange:c.setPage,total:v,pageSize:c.pageSize,onPageSizeChange:c.setPageSize})]}),x&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 h-[calc(100vh-12rem)]",children:e.jsx(le,{serverId:x.serverId,serverName:x.serverName,tool:x.tool,onClose:()=>N(null)})})]}),e.jsx(_,{open:!!i,onClose:()=>f(null),onConfirm:b,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:i==null?void 0:i.name}),"? This will remove the server registration."]}),isPending:p.isPending,error:p.error})]})}export{Le as McpServersPage};
+//# sourceMappingURL=index-B-ioA6yv.js.map

package/dashboard/dist/assets/index-B-ioA6yv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B-ioA6yv.js","sources":["../../src/components/common/test/ToolTestPanel.tsx","../../src/pages/mcp/servers/helpers.ts","../../src/pages/mcp/servers/ServerRow.tsx","../../src/pages/mcp/servers/McpServersPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { X, RotateCcw, Play, ExternalLink, KeyRound } from 'lucide-react';\nimport { useCallMcpTool } from '../../../api/mcp';\nimport { JsonViewer } from '../data/JsonViewer';\nimport { RunAsSelector } from '../form/RunAsSelector';\nimport type { McpToolManifest } from '../../../api/types';\nimport { buildSkeleton } from '../../../pages/mcp/mcp-query-detail/helpers';\n\nfunction ToolErrorDisplay({ error }: { error: Error | null }) {\n  const msg = error instanceof Error ? error.message : '';\n  if (msg.startsWith('No credential found for provider')) {\n    return (\n      <div className=\"bg-status-warning/10 border border-status-warning/30 rounded-md px-3 py-2 flex items-start gap-2\">\n        <KeyRound size={14} className=\"text-status-warning mt-0.5 shrink-0\" />\n        <div>\n          <p className=\"text-[11px] font-medium text-text-primary mb-0.5\">Credential required</p>\n          <p className=\"text-[11px] text-text-secondary mb-1\">{msg}</p>\n          <Link to=\"/credentials\" className=\"text-[11px] text-accent hover:underline inline-flex items-center gap-1\">\n            Go to Credentials <ExternalLink size={10} />\n          </Link>\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div className=\"bg-status-error/10 border border-status-error/20 rounded-md px-3 py-2\">\n      <p className=\"text-[11px] text-status-error\">{msg || 'Tool call failed'}</p>\n    </div>\n  );\n}\n\nfunction ExecutionLink({ data }: { data: unknown }) {\n  const res = (data as any)?.result;\n  const jobId = res?.job_id;\n  const ns = res?.namespace || 'longtail';\n  if (!jobId) return null;\n  return (\n    <Link\n      to={`/mcp/executions/${encodeURIComponent(jobId)}?namespace=${encodeURIComponent(ns)}`}\n      className=\"inline-flex items-center gap-1.5 text-xs text-accent hover:underline\"\n    >\n      <ExternalLink size={12} />\n      View Execution\n    </Link>\n  );\n}\n\ninterface ToolTestPanelProps {\n  serverId: string;\n  serverName: string;\n  tool: McpToolManifest;\n  onClose: () => void;\n}\n\nexport function ToolTestPanel({ serverId, serverName, tool, onClose }: ToolTestPanelProps) {\n  const callTool = useCallMcpTool();\n  const [jsonMode, setJsonMode] = useState(false);\n  const [fields, setFields] = useState<Record<string, any>>({});\n  const [argsJson, setArgsJson] = useState('');\n  const [jsonError, setJsonError] = useState('');\n  const [executeAs, setExecuteAs] = useState('');\n\n  useEffect(() => {\n    const skeleton = buildSkeleton(tool.inputSchema);\n    setFields(skeleton);\n    setArgsJson(JSON.stringify(skeleton, null, 2));\n    setJsonMode(false);\n    setJsonError('');\n    callTool.reset();\n  }, [tool.name, serverId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const hasResult = !!callTool.data || !!callTool.error;\n\n  const toggleMode = () => {\n    if (!jsonMode) {\n      setArgsJson(JSON.stringify(fields, null, 2));\n    } else {\n      try { setFields(JSON.parse(argsJson)); } catch { /* keep fields */ }\n    }\n    setJsonMode(!jsonMode);\n  };\n\n  const handleRun = () => {\n    setJsonError('');\n    callTool.reset();\n    let parsed: Record<string, unknown>;\n    if (jsonMode) {\n      try { parsed = JSON.parse(argsJson); } catch { setJsonError('Invalid JSON'); return; }\n    } else {\n      parsed = { ...fields };\n    }\n    callTool.mutate({\n      serverId,\n      toolName: tool.name,\n      arguments: parsed,\n      ...(executeAs ? { execute_as: executeAs } : {}),\n    });\n  };\n\n  return (\n    <div className=\"border-l border-surface-border bg-surface-raised flex flex-col h-full\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between px-4 py-3 border-b border-surface-border shrink-0\">\n        <div className=\"min-w-0\">\n          <p className=\"text-xs font-medium text-text-primary truncate\">{serverName}</p>\n          <code className=\"text-[11px] font-mono text-accent truncate block\">{tool.name}</code>\n        </div>\n        <button onClick={onClose} className=\"p-1 text-text-tertiary hover:text-text-primary shrink-0 ml-2\">\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n\n      {/* Scrollable body */}\n      <div className=\"flex-1 overflow-y-auto px-4 py-3 space-y-4\">\n        <RunAsSelector selected={executeAs} onChange={setExecuteAs} />\n\n        {tool.description && (\n          <p className=\"text-[11px] text-text-secondary leading-relaxed\">{tool.description}</p>\n        )}\n\n        {/* Form / JSON toggle input */}\n        <div>\n          <div className=\"flex items-center justify-between mb-1\">\n            <label className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">Request</label>\n            <button onClick={toggleMode} className=\"text-[10px] text-accent hover:underline\">\n              {jsonMode ? 'Form view' : 'JSON view'}\n            </button>\n          </div>\n\n          {jsonMode ? (\n            <textarea\n              value={argsJson}\n              onChange={(e) => setArgsJson(e.target.value)}\n              className=\"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-2 font-mono text-[11px] text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary resize-y\"\n              rows={6}\n              spellCheck={false}\n            />\n          ) : (\n            <div className=\"space-y-3 max-h-[300px] overflow-y-auto\">\n              {Object.entries(fields).map(([key, value]) => (\n                <div key={key}>\n                  <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">{key}</label>\n                  {typeof value === 'boolean' ? (\n                    <select\n                      value={String(value)}\n                      onChange={(e) => setFields({ ...fields, [key]: e.target.value === 'true' })}\n                      className=\"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary\"\n                    >\n                      <option value=\"true\">true</option>\n                      <option value=\"false\">false</option>\n                    </select>\n                  ) : typeof value === 'object' ? (\n                    <textarea\n                      value={JSON.stringify(value, null, 2)}\n                      onChange={(e) => { try { setFields({ ...fields, [key]: JSON.parse(e.target.value) }); } catch { /* invalid */ } }}\n                      className=\"w-full min-h-[60px] px-3 py-1.5 bg-surface-sunken border border-surface-border rounded-md font-mono text-xs text-text-primary resize-y focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary\"\n                    />\n                  ) : (\n                    <input\n                      type={typeof value === 'number' ? 'number' : 'text'}\n                      value={String(value ?? '')}\n                      onChange={(e) => setFields({ ...fields, [key]: typeof value === 'number' ? Number(e.target.value) : e.target.value })}\n                      className=\"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary\"\n                    />\n                  )}\n                </div>\n              ))}\n              {Object.keys(fields).length === 0 && (\n                <p className=\"text-[11px] text-text-tertiary italic\">No input fields defined</p>\n              )}\n            </div>\n          )}\n          {jsonError && <p className=\"text-[11px] text-status-error mt-1\">{jsonError}</p>}\n        </div>\n\n        {/* Run button */}\n        <button\n          onClick={handleRun}\n          disabled={callTool.isPending}\n          className=\"btn-primary text-xs disabled:opacity-50 inline-flex items-center gap-1.5\"\n        >\n          {callTool.isPending ? (\n            'Running...'\n          ) : hasResult ? (\n            <><RotateCcw size={12} /> Re-run</>\n          ) : (\n            <><Play size={12} /> Run</>\n          )}\n        </button>\n\n        {/* Response */}\n        {callTool.isPending && (\n          <div className=\"animate-pulse\">\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Response</p>\n            <div className=\"h-20 bg-surface-sunken rounded-md\" />\n          </div>\n        )}\n        {callTool.data ? (\n          <div className=\"space-y-2\">\n            <JsonViewer data={callTool.data as Record<string, unknown>} label=\"Response\" defaultCollapsed />\n            <ExecutionLink data={callTool.data} />\n          </div>\n        ) : null}\n        {callTool.error ? (\n          <div>\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Response</p>\n            <ToolErrorDisplay error={callTool.error as Error | null} />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n","import type { McpServerRecord, McpToolManifest } from '../../../api/types';\n\nexport function isBuiltIn(row: McpServerRecord): boolean {\n  return !!(row.metadata as Record<string, unknown> | null)?.builtin\n    || !!(row.transport_config as Record<string, unknown> | null)?.builtin;\n}\n\n/** Check if a server or any of its tools match the search term */\nexport function matchesSearch(server: McpServerRecord, search: string): boolean {\n  if (!search) return true;\n  const q = search.toLowerCase();\n  if (server.name.toLowerCase().includes(q)) return true;\n  if (server.description?.toLowerCase().includes(q)) return true;\n  if ((server.tags ?? []).some((t) => t.toLowerCase().includes(q))) return true;\n  const tools = (server.tool_manifest ?? []) as McpToolManifest[];\n  return tools.some(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n\n/** Filter tools within a server that match the search term */\nexport function filterTools(tools: McpToolManifest[], search: string): McpToolManifest[] {\n  if (!search) return tools;\n  const q = search.toLowerCase();\n  return tools.filter(\n    (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n  );\n}\n","import { ChevronRight, Pencil, Trash2, Plug, Unplug, Play, Wrench } from 'lucide-react';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\nimport {\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n} from '../../../api/mcp';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\n\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { isBuiltIn } from './helpers';\n\nexport function ServerRow({\n  server,\n  expanded,\n  onToggle,\n  onEdit,\n  onDelete,\n  onTryTool,\n  connect,\n  disconnect,\n  visibleTools,\n}: {\n  server: McpServerRecord;\n  expanded: boolean;\n  onToggle: () => void;\n  onEdit: () => void;\n  onDelete: () => void;\n  onTryTool: (tool: McpToolManifest) => void;\n  connect: ReturnType<typeof useConnectMcpServer>;\n  disconnect: ReturnType<typeof useDisconnectMcpServer>;\n  visibleTools: McpToolManifest[];\n}) {\n  const allTools = (server.tool_manifest ?? []) as McpToolManifest[];\n  const builtin = isBuiltIn(server);\n  const tags = server.tags ?? [];\n\n  return (\n    <>\n      {/* Server header row */}\n      <tr\n        onClick={allTools.length > 0 ? onToggle : undefined}\n        className={`group/row border-b border-surface-border/50 transition-colors duration-100 ${\n          allTools.length > 0 ? 'cursor-pointer row-hover' : ''\n        }`}\n      >\n        {/* Name + tags */}\n        <td className=\"px-6 py-2.5\">\n          <div className=\"flex items-center gap-3\">\n            <span className={`transition-transform duration-150 ${expanded ? 'rotate-90' : ''} ${allTools.length === 0 ? 'opacity-0' : 'text-text-tertiary'}`}>\n              <ChevronRight size={14} />\n            </span>\n            <p className=\"text-sm text-text-primary font-medium\">\n              {server.name}\n              {allTools.length > 0 && (\n                <sup className=\"ml-1 text-[9px] font-normal text-accent/70\">{allTools.length}</sup>\n              )}\n            </p>\n            {tags.length > 0 && (\n              <div className=\"flex gap-1 ml-auto shrink-0\">\n                {tags.slice(0, 3).map((tag) => (\n                  <span key={tag} className=\"inline-block px-1.5 py-0 text-[9px] text-text-tertiary bg-surface-sunken rounded\">\n                    {tag}\n                  </span>\n                ))}\n                {tags.length > 3 && (\n                  <span className=\"text-[9px] text-text-quaternary\" title={tags.slice(3).join(', ')}>&hellip;</span>\n                )}\n              </div>\n            )}\n          </div>\n        </td>\n\n        {/* Status */}\n        <td className=\"px-4 py-2.5 w-28 whitespace-nowrap\">\n          <StatusBadge status={server.status} />\n        </td>\n\n        {/* Actions */}\n        <td className=\"px-4 py-2.5 w-16\">\n          <RowActionGroup>\n            {!builtin && (\n              server.status === 'connected' ? (\n                <RowAction\n                  icon={Unplug}\n                  title=\"Disconnect server\"\n                  onClick={() => disconnect.mutate(server.id)}\n                />\n              ) : (\n                <RowAction\n                  icon={Plug}\n                  title=\"Connect server\"\n                  onClick={() => connect.mutate(server.id)}\n                  colorClass=\"text-text-tertiary hover:text-status-success\"\n                />\n              )\n            )}\n            <RowAction\n              icon={Pencil}\n              title=\"Edit server\"\n              onClick={onEdit}\n            />\n            {!builtin && (\n              <RowAction\n                icon={Trash2}\n                title=\"Delete server\"\n                onClick={onDelete}\n                colorClass=\"text-text-tertiary hover:text-status-error\"\n              />\n            )}\n          </RowActionGroup>\n        </td>\n      </tr>\n\n      {/* Expanded tool rows — real table rows for column alignment */}\n      {expanded && visibleTools.map((tool) => (\n        <tr\n          key={tool.name}\n          onClick={() => onTryTool(tool)}\n          className=\"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15\"\n        >\n          {/* Tool name + description */}\n          <td className=\"pl-14 pr-6 py-2.5\">\n            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-0.5 text-[13px] font-mono bg-accent/[0.06] text-text-secondary rounded-lg\">\n              <Wrench className=\"w-3 h-3 shrink-0 text-accent/75\" />\n              {tool.name}\n            </span>\n            {tool.description && (\n              <p className=\"text-[11px] leading-snug text-text-quaternary mt-0.5\">{tool.description}</p>\n            )}\n          </td>\n\n          {/* Status — empty for tools */}\n          <td className=\"px-4 py-2.5 w-28\" />\n\n          {/* Actions — play on hover */}\n          <td className=\"px-4 py-2.5 w-16\">\n            <div className=\"flex items-center justify-end\">\n              <button\n                onClick={(e) => { e.stopPropagation(); onTryTool(tool); }}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent\"\n                title=\"Try tool\"\n              >\n                <Play className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </div>\n          </td>\n        </tr>\n      ))}\n    </>\n  );\n}\n","import { useState, useMemo, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  useMcpServers,\n  useConnectMcpServer,\n  useDisconnectMcpServer,\n  useDeleteMcpServer,\n} from '../../../api/mcp';\nimport { EmptyState } from '../../../components/common/display/EmptyState';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport type { McpServerRecord, McpToolManifest } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useExpandedRows } from '../../../hooks/useExpandedRows';\nimport { ToolTestPanel } from '../../../components/common/test/ToolTestPanel';\nimport { matchesSearch, filterTools } from './helpers';\nimport { ServerRow } from './ServerRow';\n\nexport function McpServersPage() {\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { status: '', search: '', tag: '' },\n  });\n\n  const { data, isLoading } = useMcpServers({\n    status: filters.status || undefined,\n    search: filters.search || undefined,\n    tags: filters.tag || undefined,\n  });\n  const connect = useConnectMcpServer();\n  const disconnect = useDisconnectMcpServer();\n  const deleteServer = useDeleteMcpServer();\n\n  const [confirmDelete, setConfirmDelete] = useState<McpServerRecord | null>(null);\n  const { expandedIds, toggle: toggleExpand } = useExpandedRows('lt:expanded:mcp-servers');\n  const [tryTool, setTryTool] = useState<{\n    serverId: string;\n    serverName: string;\n    tool: McpToolManifest;\n  } | null>(null);\n\n  const servers = data?.servers ?? [];\n  const total = data?.total ?? 0;\n\n  // Derive unique tags from current result set for the filter dropdown\n  const tagOptions = useMemo(() => {\n    const allTags = new Set<string>();\n    for (const s of servers) {\n      for (const t of s.tags ?? []) allTags.add(t);\n    }\n    return [...allTags].sort().map((t) => ({ value: t, label: t }));\n  }, [servers]);\n\n  // Client-side search filtering for tool-level matches within expanded rows\n  const filteredServers = useMemo(() => {\n    if (!filters.search) return servers;\n    return servers.filter((s) => matchesSearch(s, filters.search));\n  }, [servers, filters.search]);\n\n  // Auto-expand servers whose tools match the search (so results are visible)\n  useEffect(() => {\n    if (!filters.search) return;\n    const q = filters.search.toLowerCase();\n    for (const s of filteredServers) {\n      const tools = (s.tool_manifest ?? []) as McpToolManifest[];\n      const hasToolMatch = tools.some(\n        (t) => t.name.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q),\n      );\n      if (hasToolMatch && !expandedIds.has(s.id)) {\n        toggleExpand(s.id);\n      }\n    }\n  }, [filters.search, filteredServers]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteServer.mutate(confirmDelete.id, {\n      onSuccess: () => setConfirmDelete(null),\n    });\n  };\n\n  if (isLoading) {\n    return (\n      <div>\n        <PageHeader title=\"MCP Server Tools\" />\n        <div className=\"animate-pulse space-y-0\">\n          {Array.from({ length: 5 }).map((_, i) => (\n            <div key={i} className=\"h-14 border-b last:border-b-0 px-6 flex items-center\">\n              <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"MCP Server Tools\"\n        docsHash=\"#docs:dashboard.md:mcp-server-tools\"\n        actions={\n          <button\n            onClick={() => navigate('/mcp/servers/new')}\n            className=\"btn-primary text-xs\"\n          >\n            Register Server\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed\">\n        Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer.\n      </p>\n\n      <FilterBar>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"Server or tool name...\"\n        />\n        <FilterSelect\n          label=\"Tag\"\n          value={filters.tag}\n          onChange={(v) => setFilter('tag', v)}\n          options={tagOptions}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'registered', label: 'Registered' },\n            { value: 'connected', label: 'Connected' },\n            { value: 'error', label: 'Error' },\n            { value: 'disconnected', label: 'Disconnected' },\n          ]}\n        />\n      </FilterBar>\n\n      <div className={`flex gap-0 ${tryTool ? '' : ''}`}>\n        {/* Server list */}\n        <div className={`${tryTool ? 'flex-1 min-w-0' : 'w-full'} transition-all`}>\n          {filteredServers.length === 0 ? (\n            <EmptyState title=\"No servers found\" />\n          ) : (\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b\">\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n                    Server / Tool\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-[10px] font-semibold uppercase tracking-widest text-text-tertiary w-28\">\n                    Status\n                  </th>\n                  <th className=\"sticky top-[2.75rem] z-10 bg-surface w-16\" />\n                </tr>\n              </thead>\n              <tbody>\n                {filteredServers.map((server) => (\n                  <ServerRow\n                    key={server.id}\n                    server={server}\n                    expanded={expandedIds.has(server.id)}\n                    onToggle={() => toggleExpand(server.id)}\n                    onEdit={() => navigate(`/mcp/servers/${server.id}`)}\n                    onDelete={() => setConfirmDelete(server)}\n                    onTryTool={(tool) =>\n                      setTryTool({\n                        serverId: server.id,\n                        serverName: server.name,\n                        tool,\n                      })\n                    }\n                    connect={connect}\n                    disconnect={disconnect}\n                    visibleTools={filterTools(\n                      (server.tool_manifest ?? []) as McpToolManifest[],\n                      filters.search,\n                    )}\n                  />\n                ))}\n              </tbody>\n            </table>\n          )}\n\n          <StickyPagination\n            page={pagination.page}\n            totalPages={pagination.totalPages(total)}\n            onPageChange={pagination.setPage}\n            total={total}\n            pageSize={pagination.pageSize}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </div>\n\n        {/* Test panel — slides in from right */}\n        {tryTool && (\n          <div className=\"w-[380px] shrink-0 sticky top-0 h-[calc(100vh-12rem)]\">\n            <ToolTestPanel\n              serverId={tryTool.serverId}\n              serverName={tryTool.serverName}\n              tool={tryTool.tool}\n              onClose={() => setTryTool(null)}\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Delete confirmation modal */}\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Delete MCP Server\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{confirmDelete?.name}</span>?\n            This will remove the server registration.\n          </>\n        }\n        isPending={deleteServer.isPending}\n        error={deleteServer.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["ToolErrorDisplay","error","msg","jsxs","jsx","KeyRound","Link","ExternalLink","ExecutionLink","data","res","jobId","ns","ToolTestPanel","serverId","serverName","tool","onClose","callTool","useCallMcpTool","jsonMode","setJsonMode","useState","fields","setFields","argsJson","setArgsJson","jsonError","setJsonError","executeAs","setExecuteAs","useEffect","skeleton","buildSkeleton","hasResult","toggleMode","handleRun","parsed","X","RunAsSelector","e","key","value","Fragment","RotateCcw","Play","JsonViewer","isBuiltIn","row","_a","_b","matchesSearch","server","search","q","t","filterTools","tools","ServerRow","expanded","onToggle","onEdit","onDelete","onTryTool","connect","disconnect","visibleTools","allTools","builtin","tags","ChevronRight","tag","StatusBadge","RowActionGroup","RowAction","Unplug","Plug","Pencil","Trash2","Wrench","McpServersPage","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","isLoading","useMcpServers","useConnectMcpServer","useDisconnectMcpServer","deleteServer","useDeleteMcpServer","confirmDelete","setConfirmDelete","expandedIds","toggleExpand","useExpandedRows","tryTool","setTryTool","servers","total","tagOptions","useMemo","allTags","s","filteredServers","handleDelete","PageHeader","_","i","FilterBar","FilterInput","v","FilterSelect","EmptyState","StickyPagination","ConfirmDeleteModal"],"mappings":"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"}

package/dashboard/dist/assets/index-B-jzKfuv.js

@@ -0,0 +1,2 @@
+import{a as n,j as t}from"./vendor-query-B2UbickB.js";import{h}from"./workflows-D6diL54s.js";import{D as g}from"./DataTable-D3-wSEf0.js";import{F as y,b as j}from"./FilterBar-Ck4K4rzu.js";import{R as q,a as u}from"./RowActions-Dg-Fsm5O.js";import{u as C}from"./useFilterParams-DZCAaBC7.js";import{P as R}from"./PageHeader-B-SN5GZ2.js";import{T as b}from"./TaskQueuePill-Ce8KlXtR.js";import{W as N}from"./WorkflowPill-DUDDyBsj.js";import{a5 as _,a7 as v,N as I}from"./vendor-icons-BkK55L-1.js";import{c as P}from"./vendor-react-CX88sFS5.js";import"./index-BUjxYyxc.js";import"./EmptyState-BcsfPq9T.js";function H(){const r=P(),{data:c,isLoading:m}=h(),{filters:s,setFilter:i}=C({filters:{search:"",queue:""}}),[a,p]=n.useState(s.search);n.useEffect(()=>{if(a===s.search)return;const e=setTimeout(()=>i("search",a),300);return()=>clearTimeout(e)},[a,i,s.search]);const o=c??[],d=n.useMemo(()=>[...new Set(o.map(e=>e.task_queue).filter(Boolean))].sort(),[o]),f=n.useMemo(()=>{let e=o;if(s.search){const l=s.search.toLowerCase();e=e.filter(w=>w.name.toLowerCase().includes(l))}return s.queue&&(e=e.filter(l=>l.task_queue===s.queue)),e},[o,s]),k=[{key:"name",label:"Workflow",render:e=>t.jsx(N,{type:e.name})},{key:"task_queue",label:"Queue",render:e=>t.jsx(b,{queue:e.task_queue}),className:"whitespace-nowrap"},{key:"registered",label:"Status",render:e=>e.registered?t.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-accent/10 text-accent",children:[t.jsx(_,{className:"w-3 h-3"}),"Certified"]}):t.jsx("span",{className:"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-surface-sunken text-text-tertiary",children:"Durable"}),className:"whitespace-nowrap"},{key:"actions",label:"",render:e=>t.jsx(q,{children:e.registered?t.jsx(u,{icon:v,title:"View config",onClick:()=>r(`/workflows/registry/${encodeURIComponent(e.name)}`)}):t.jsx(u,{icon:I,title:"Register workflow",onClick:()=>r(`/workflows/registry/new?workflow_type=${encodeURIComponent(e.name)}&task_queue=${encodeURIComponent(e.task_queue)}`)})}),className:"w-16 text-right"}],x=e=>{e.registered?r(`/workflows/registry/${encodeURIComponent(e.name)}`):r(`/workflows/registry/new?workflow_type=${encodeURIComponent(e.name)}&task_queue=${encodeURIComponent(e.task_queue)}`)};return t.jsxs("div",{children:[t.jsx(R,{title:"Workers",docsHash:"#docs:dashboard.md:task-queues"}),t.jsxs(y,{children:[t.jsx("input",{type:"text",placeholder:"Search workers...",value:a,onChange:e=>p(e.target.value),className:"input text-[11px] py-1 px-2 w-56"}),t.jsx(j,{label:"Queue",value:s.queue,onChange:e=>i("queue",e),options:d.map(e=>({value:e,label:e}))})]}),t.jsx(g,{columns:k,data:f,keyFn:e=>e.name,onRowClick:x,isLoading:m,emptyMessage:"No active workers"})]})}export{H as WorkersPage};
+//# sourceMappingURL=index-B-jzKfuv.js.map

package/dashboard/dist/assets/index-B-jzKfuv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B-jzKfuv.js","sources":["../../src/pages/workflows/workers/WorkersPage.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Plus, Eye, ShieldCheck } from 'lucide-react';\nimport { useActiveWorkers } from '../../../api/workflows';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { FilterBar, FilterSelect } from '../../../components/common/data/FilterBar';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport type { ActiveWorker } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { TaskQueuePill } from '../../../components/common/display/TaskQueuePill';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function WorkersPage() {\n  const navigate = useNavigate();\n  const { data, isLoading } = useActiveWorkers();\n  const { filters, setFilter } = useFilterParams({\n    filters: { search: '', queue: '' },\n  });\n\n  const [searchInput, setSearchInput] = useState(filters.search);\n\n  useEffect(() => {\n    if (searchInput === filters.search) return;\n    const timer = setTimeout(() => setFilter('search', searchInput), 300);\n    return () => clearTimeout(timer);\n  }, [searchInput, setFilter, filters.search]);\n\n  const allWorkers = data ?? [];\n\n  const queues = useMemo(\n    () => [...new Set(allWorkers.map((w) => w.task_queue).filter(Boolean))].sort(),\n    [allWorkers],\n  );\n\n  const workers = useMemo(() => {\n    let result = allWorkers;\n    if (filters.search) {\n      const q = filters.search.toLowerCase();\n      result = result.filter((w) => w.name.toLowerCase().includes(q));\n    }\n    if (filters.queue) result = result.filter((w) => w.task_queue === filters.queue);\n    return result;\n  }, [allWorkers, filters]);\n\n  const columns: Column<ActiveWorker>[] = [\n    {\n      key: 'name',\n      label: 'Workflow',\n      render: (row) => <WorkflowPill type={row.name} />,\n    },\n    {\n      key: 'task_queue',\n      label: 'Queue',\n      render: (row) => <TaskQueuePill queue={row.task_queue} />,\n      className: 'whitespace-nowrap',\n    },\n    {\n      key: 'registered',\n      label: 'Status',\n      render: (row) => row.registered\n        ? <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-accent/10 text-accent\"><ShieldCheck className=\"w-3 h-3\" />Certified</span>\n        : <span className=\"inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-surface-sunken text-text-tertiary\">Durable</span>,\n      className: 'whitespace-nowrap',\n    },\n    {\n      key: 'actions',\n      label: '',\n      render: (row) => (\n        <RowActionGroup>\n          {row.registered ? (\n            <RowAction\n              icon={Eye}\n              title=\"View config\"\n              onClick={() => navigate(`/workflows/registry/${encodeURIComponent(row.name)}`)}\n            />\n          ) : (\n            <RowAction\n              icon={Plus}\n              title=\"Register workflow\"\n              onClick={() => navigate(`/workflows/registry/new?workflow_type=${encodeURIComponent(row.name)}&task_queue=${encodeURIComponent(row.task_queue)}`)}\n            />\n          )}\n        </RowActionGroup>\n      ),\n      className: 'w-16 text-right',\n    },\n  ];\n\n  const handleRowClick = (row: ActiveWorker) => {\n    if (row.registered) {\n      navigate(`/workflows/registry/${encodeURIComponent(row.name)}`);\n    } else {\n      navigate(`/workflows/registry/new?workflow_type=${encodeURIComponent(row.name)}&task_queue=${encodeURIComponent(row.task_queue)}`);\n    }\n  };\n\n  return (\n    <div>\n      <PageHeader title=\"Workers\" docsHash=\"#docs:dashboard.md:task-queues\" />\n\n      <FilterBar>\n        <input\n          type=\"text\"\n          placeholder=\"Search workers...\"\n          value={searchInput}\n          onChange={(e) => setSearchInput(e.target.value)}\n          className=\"input text-[11px] py-1 px-2 w-56\"\n        />\n        <FilterSelect\n          label=\"Queue\"\n          value={filters.queue}\n          onChange={(v) => setFilter('queue', v)}\n          options={queues.map((q) => ({ value: q, label: q }))}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={workers}\n        keyFn={(row) => row.name}\n        onRowClick={handleRowClick}\n        isLoading={isLoading}\n        emptyMessage=\"No active workers\"\n      />\n    </div>\n  );\n}\n"],"names":["WorkersPage","navigate","useNavigate","data","isLoading","useActiveWorkers","filters","setFilter","useFilterParams","searchInput","setSearchInput","useState","useEffect","timer","allWorkers","queues","useMemo","w","workers","result","q","columns","row","WorkflowPill","TaskQueuePill","jsxs","jsx","ShieldCheck","RowActionGroup","RowAction","Eye","Plus","handleRowClick","PageHeader","FilterBar","FilterSelect","v","DataTable"],"mappings":"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"}

package/dashboard/dist/assets/index-BMpoMc4A.js

@@ -0,0 +1,2 @@
+import{u as z,c as re,b as we,j as e,a as l}from"./vendor-query-B2UbickB.js";import{P as ve}from"./PageHeaderWithStats-BZ3AGT5s.js";import{F as Se,b as Te}from"./FilterBar-Ck4K4rzu.js";import{u as Re}from"./useFilterParams-DZCAaBC7.js";import{b as I,C as W,u as _e,J as Ee}from"./index-BUjxYyxc.js";import{R as ae,a as J}from"./RowActions-Dg-Fsm5O.js";import{ah as L,ai as G,aj as Me,P as $e,k as Pe,A as Fe,$ as Ae,R as Qe,S as Oe,ak as Ie,E as Be,al as We}from"./vendor-icons-BkK55L-1.js";import{M as Je}from"./Modal-DEODGeqx.js";import{D as oe}from"./DataTable-D3-wSEf0.js";import{C as V}from"./CollapsibleSection-CRtHQsAv.js";import{T as Le}from"./TaskQueuePill-Ce8KlXtR.js";import"./vendor-react-CX88sFS5.js";import"./EmptyState-BcsfPq9T.js";function qe(){return I("/controlplane/apps")}function Ke(t){return I(`/controlplane/rollcall?app_id=${encodeURIComponent(t)}`)}function Ue(t){return I("/controlplane/throttle",{method:"POST",body:JSON.stringify(t)})}function Ve(t){return I("/controlplane/subscribe",{method:"POST",body:JSON.stringify(t)})}function Ge(t,s,n){let r=`/controlplane/streams?app_id=${encodeURIComponent(t)}&duration=${encodeURIComponent(s)}`;return I(r)}function le(){return z({queryKey:["controlplane","apps"],queryFn:qe,staleTime:6e4})}function ze(t,s){return z({queryKey:["controlplane","rollcall",t],queryFn:()=>Ke(t),enabled:!!t,refetchInterval:s})}function ie(){const t=we();return re({mutationFn:Ue,onSuccess:()=>{setTimeout(()=>{t.invalidateQueries({queryKey:["controlplane","rollcall"]})},1500)}})}function He(t,s,n,r){return z({queryKey:["controlplane","streams",t,s,""],queryFn:()=>Ge(t,s),enabled:!!t,staleTime:15e3,refetchInterval:r})}function De(){return re({mutationFn:Ve})}const Ye=[{label:"15m",value:"15m"},{label:"30m",value:"30m"},{label:"1h",value:"1h"},{label:"1d",value:"1d"},{label:"7d",value:"7d"}],Xe={pong:"text-status-success",ping:"text-accent",throttle:"text-status-warning",job:"text-purple-400",work:"text-text-secondary",activate:"text-status-error",cron:"text-text-tertiary",user:"text-text-secondary"},Ze=250;function Q(t){return!!t.worker_topic}function O(t){return typeof t.throttle=="number"&&t.throttle!==0}function H(t){return t===void 0||t===0?"Normal":t===-1?"Paused":t>=864e5?`${(t/864e5).toFixed(0)}d`:t>=36e5?`${(t/36e5).toFixed(1)}h`:t>=6e4?`${(t/6e4).toFixed(1)}m`:t>=1e3?`${(t/1e3).toFixed(1)}s`:`${t}ms`}function ce(t,s){if(!t||!s)return"—";const n=parseFloat(t),r=parseFloat(s);return isNaN(n)||isNaN(r)?"—":`${(n-r).toFixed(1)} / ${n.toFixed(1)} GB`}function ue(t){return t.replace(/^hmsh:[^:]+:x:/,"")||"(engine)"}const xe=[{key:"pong",label:"Pong",description:"Roll call responses"},{key:"ping",label:"Ping",description:"Roll call broadcasts"},{key:"throttle",label:"Throttle",description:"Throttle commands"},{key:"job",label:"Job",description:"Job lifecycle events"},{key:"work",label:"Work",description:"Worker dispatch events"},{key:"activate",label:"Activate",description:"Worker activation"},{key:"cron",label:"Cron",description:"Cron schedule triggers"},{key:"user",label:"User",description:"User-defined messages"}];function T(t){return`${t.engine_id}-${t.worker_topic||"engine"}`}function et(t){const s=new Map;for(const n of t){if(!n.worker_topic)continue;const r=n.worker_topic;s.has(r)||s.set(r,[]),s.get(r).push(n)}return s}function tt(t){let s=0,n=0,r=0;for(const o of t)if(o.counts)for(const[a,m]of Object.entries(o.counts))s+=m,a==="200"?n+=m:a==="500"&&(r+=m);return{total:s,success:n,errors:r}}function st(){return{key:"throttle",label:"Throttle",render:t=>{const s=t.throttle;return s===-1?e.jsx("span",{className:"text-xs text-status-error font-medium",children:"Paused"}):s&&s>0?e.jsx("span",{className:"text-xs text-status-warning font-medium",children:H(s)}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"0"})},className:"w-24"}}function nt(){return{key:"memory",label:"Memory",render:t=>{var s,n;return e.jsx("span",{className:"text-xs font-mono text-text-tertiary",children:ce((s=t.system)==null?void 0:s.TotalMemoryGB,(n=t.system)==null?void 0:n.FreeMemoryGB)})},className:"w-36"}}function rt(t,s){return{key:"actions",label:"",render:n=>e.jsxs(ae,{children:[O(n)&&e.jsx(J,{icon:G,title:"Resume (remove throttle)",onClick:()=>s(n),colorClass:"text-text-tertiary hover:text-status-success"}),e.jsx(J,{icon:L,title:"Adjust throttle",onClick:()=>t(n)})]}),className:"w-16"}}function at(t){const s=t.profiles.some(n=>t.selectedIds.has(T(n)));return[{key:"select",label:e.jsxs("span",{className:"inline-flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",checked:t.profiles.length>0&&t.profiles.every(n=>t.selectedIds.has(T(n))),onChange:t.toggleAll,className:"rounded"}),s&&t.onBulkThrottle&&e.jsx(L,{className:"w-[14px] h-[14px] text-text-tertiary hover:text-accent cursor-pointer",strokeWidth:1.5,onClick:n=>{n.stopPropagation(),t.onBulkThrottle()}})]}),render:n=>e.jsx("input",{type:"checkbox",checked:t.selectedIds.has(T(n)),onChange:r=>{r.stopPropagation(),t.toggleCheckbox(n)},onClick:r=>r.stopPropagation(),className:"rounded"}),className:"w-16"},{key:"engine_id",label:"Engine ID",render:n=>e.jsx("span",{className:"text-xs font-mono text-text-tertiary",children:n.engine_id}),className:"w-48"},st(),{key:"processed",label:"Processed",render:n=>{const r=tt([n]);return e.jsx("span",{className:"text-xs font-mono text-text-tertiary",children:r.total.toLocaleString()})},className:"w-24"},nt(),rt(t.onRowThrottle,t.onResumeThrottle)]}function ot({activeAppId:t,allProfiles:s,profiles:n}){const r=ie(),[o,a]=l.useState(new Set),[m,i]=l.useState(!1),[f,c]=l.useState([]);l.useEffect(()=>{a(new Set)},[t]);const v=l.useCallback(p=>{a(R=>{const w=new Set(R),_=T(p);return w.has(_)?w.delete(_):w.add(_),w})},[]),j=l.useCallback(()=>{o.size===n.length?a(new Set):a(new Set(n.map(T)))},[n,o.size]),x=l.useMemo(()=>{const p=n.filter(k=>o.has(T(k)));if(p.length===0)return[];if(p.length===s.length)return[{label:"Entire Mesh"}];const R=p.filter(k=>!Q(k)),w=p.filter(Q),_=[];for(const k of R)_.push({label:`Engine ${k.engine_id}`,guid:k.engine_id});const M=new Map;for(const k of w){const E=k.worker_topic;M.has(E)||M.set(E,[]),M.get(E).push(k)}for(const[k,E]of M){const q=s.filter(P=>P.worker_topic===k);if(E.length===q.length)_.push({label:k,topic:k});else for(const P of E)_.push({label:`${k} ${P.engine_id}`,guid:P.engine_id})}return _},[n,s,o]);return{selectedIds:o,setSelectedIds:a,toggleCheckbox:v,toggleAll:j,throttleModalOpen:m,throttleTargets:f,selectedThrottleTargets:x,throttleMutation:r,handleBulkThrottle:p=>{const R=f.length>0?f:x;for(const w of R)r.mutate({appId:t,throttle:p,...w.topic?{topic:w.topic}:{},...w.guid?{guid:w.guid}:{}});i(!1),c([])},handleRowClick:p=>{const R=Q(p)?`${p.worker_topic} ${p.engine_id}`:`Engine ${p.engine_id}`;c([{label:R,guid:p.engine_id}]),i(!0)},handleBulkThrottleOpen:()=>{c(x),i(!0)},handleResumeThrottle:p=>{r.mutate({appId:t,throttle:0,guid:p.engine_id})},handleResumeQueue:p=>{r.mutate({appId:t,throttle:0,topic:p})},handleQueueThrottle:p=>{c([{label:p,topic:p}]),i(!0)},closeThrottleModal:()=>{i(!1),c([])}}}const lt=[{label:"Resume",ms:0},{label:"0.5s",ms:500},{label:"1s",ms:1e3},{label:"5s",ms:5e3},{label:"30s",ms:3e4},{label:"Pause",ms:-1}];function it({target:t}){const s=t.label==="Entire Mesh",n=t.label==="All Engines"||t.label.startsWith("Engine "),r=s?"bg-status-error/10 text-status-error":n?"bg-blue-500/10 text-blue-500":"bg-accent/[0.06] text-text-secondary",o=t.guid?"guid":t.topic?"topic":"mesh";return e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2 py-0.5 text-[10px] font-medium rounded-lg ${r}`,children:[t.label,e.jsx("span",{className:"text-[8px] opacity-50",children:o})]})}function ct({open:t,onClose:s,targets:n,onApply:r,isPending:o}){const[a,m]=l.useState("0");return e.jsx(Je,{open:t,onClose:s,title:"Adjust Throttle",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-2",children:"Targets"}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:n.map((i,f)=>e.jsx(it,{target:i},i.guid||i.topic||f))})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-2",children:"Presets"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:lt.map(i=>e.jsx("button",{onClick:()=>{m(i.ms===-1?"-1":String(i.ms/1e3)),r(i.ms)},disabled:o,className:`px-3 py-1.5 text-xs rounded transition-colors ${i.ms===-1?"bg-status-error/10 text-status-error hover:bg-status-error/20":i.ms===0?"bg-status-success/10 text-status-success hover:bg-status-success/20":"bg-surface-sunken text-text-secondary hover:bg-surface-hover"} disabled:opacity-50`,children:i.label},i.label))})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-2",children:"Custom (seconds between messages)"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("input",{type:"number",step:"0.1",min:"-1",value:a,onChange:i=>m(i.target.value),className:"input text-xs py-1.5 px-3 w-28"}),e.jsx("button",{onClick:()=>{const i=parseFloat(a);isNaN(i)||r(i===-1?-1:Math.round(i*1e3))},disabled:o,className:"btn-primary text-xs py-1.5 px-4 disabled:opacity-50",children:"Apply"})]}),e.jsx("p",{className:"text-[10px] text-text-tertiary mt-1",children:"0 = resume, -1 = pause indefinitely"})]})]})})}function ut(){const{data:t}=le(),s=ie(),[n,r]=l.useState(!1),o=(t==null?void 0:t.apps)??[],a=m=>{for(const i of o)s.mutate({appId:i.appId,throttle:m});r(!1)};return n?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-status-error",children:"Pause all queues?"}),e.jsx("button",{onClick:()=>a(-1),className:"px-2.5 py-1 text-xs rounded-md bg-status-error text-white hover:bg-status-error/90 transition-colors",children:"Confirm"}),e.jsx("button",{onClick:()=>r(!1),className:"px-2.5 py-1 text-xs text-text-tertiary hover:text-text-primary transition-colors",children:"Cancel"})]}):e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:()=>r(!0),className:"flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-md text-status-error/80 hover:text-status-error hover:bg-status-error/10 transition-colors",title:"Pause all queues",children:[e.jsx(Me,{className:"w-3.5 h-3.5"}),"Pause All"]}),e.jsxs("button",{onClick:()=>a(0),className:"flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-md text-status-success/80 hover:text-status-success hover:bg-status-success/10 transition-colors",title:"Resume all queues",children:[e.jsx($e,{className:"w-3.5 h-3.5"}),"Resume All"]})]})}function xt({byStream:t,onNodeFilter:s}){const[n,r]=l.useState(!1);if(l.useEffect(()=>{r(!1);const c=requestAnimationFrame(()=>r(!0));return()=>cancelAnimationFrame(c)},[t]),t.length===0)return e.jsx("p",{className:"text-xs text-text-tertiary py-4 text-center",children:"No activity in this period"});const o=t.filter(c=>c.stream_type==="engine"),a=t.filter(c=>c.stream_type==="worker"),m=Math.max(...t.map(c=>c.count)),i=c=>{const v=m>0?c.count/m*100:0,j=c.stream_type==="engine",x=j?"(all engines)":ue(c.stream_name),h=j?"bg-blue-500/70":"bg-accent/60",S=j?"text-blue-500":"text-text-tertiary";return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:`text-[9px] font-mono ${S} w-36 truncate text-right shrink-0`,title:c.stream_name,children:x}),e.jsx("div",{className:"flex-1 h-4 bg-surface-sunken rounded overflow-hidden",children:e.jsx("div",{className:`h-full ${h} rounded transition-all duration-500 ease-out`,style:{width:n?`${v}%`:"0%"}})}),e.jsx("span",{className:"text-[10px] font-mono tabular-nums text-text-secondary w-12 text-right shrink-0",children:c.count.toLocaleString()})]},`${c.stream_type}-${c.stream_name}`)},f="text-[9px] uppercase tracking-widest font-semibold mb-1 cursor-pointer hover:underline";return e.jsxs("div",{className:"space-y-1.5",children:[o.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("p",{className:`${f} text-blue-500/70 hover:text-blue-500`,onClick:()=>s==null?void 0:s("engines"),children:"Engine Message Volume"}),o.map(i),a.length>0&&e.jsx("div",{className:"h-2"})]}),a.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("p",{className:`${f} text-accent/70 hover:text-accent`,onClick:()=>s==null?void 0:s("workers"),children:"Worker Message Volume"}),a.map(i)]})]})}function dt({queue:t,workers:s,expanded:n,onToggle:r,onWorkerClick:o,onResumeThrottle:a,onQueueThrottle:m,onResumeQueue:i,byStream:f,activeDuration:c}){const v=l.useMemo(()=>{const x=f.find(h=>h.stream_type==="worker"&&ue(h.stream_name)===t);return(x==null?void 0:x.count)??0},[f,t]),j=l.useMemo(()=>[{key:"engine_id",label:"Worker ID",render:x=>e.jsx("span",{className:"text-xs font-mono text-text-tertiary",children:x.engine_id}),className:"w-48"},{key:"throttle",label:"Throttle",render:x=>{const h=x.throttle;return h===-1?e.jsx("span",{className:"text-xs text-status-error font-medium",children:"Paused"}):h&&h>0?e.jsx("span",{className:"text-xs text-status-warning font-medium",children:H(h)}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"0"})},className:"w-24"},{key:"memory",label:"Memory",render:x=>{var h,S;return e.jsx("span",{className:"text-xs font-mono text-text-tertiary",children:ce((h=x.system)==null?void 0:h.TotalMemoryGB,(S=x.system)==null?void 0:S.FreeMemoryGB)})},className:"w-36"},{key:"actions",label:"",render:x=>e.jsxs(ae,{children:[O(x)&&e.jsx(J,{icon:G,title:"Resume (remove throttle)",onClick:()=>a(x),colorClass:"text-text-tertiary hover:text-status-success"}),e.jsx(J,{icon:L,title:"Adjust throttle",onClick:()=>o(x)})]}),className:"w-16"}],[o,a]);return e.jsxs("div",{children:[e.jsxs("button",{onClick:()=>r(t),className:"group/row relative flex items-center gap-3 w-full py-2 hover:bg-surface-hover transition-colors text-left rounded",children:[e.jsx(Pe,{className:`w-3.5 h-3.5 text-text-tertiary/50 transition-transform duration-200 ${n?"rotate-90":""}`,strokeWidth:2}),e.jsx(Le,{queue:t,size:"sm"}),e.jsx("span",{className:"flex-1"}),e.jsxs("span",{className:`flex items-center gap-1 text-xs w-24 ${s.some(O)?"text-status-warning":"text-text-tertiary"}`,children:[e.jsx(Fe,{className:"w-3 h-3 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"font-mono tabular-nums",children:s.length}),e.jsx("span",{children:"workers"})]}),e.jsx("span",{className:"flex items-center gap-1 text-xs font-mono text-text-tertiary w-28 justify-end mr-16",children:v>0?e.jsxs(e.Fragment,{children:[e.jsx(Ae,{className:"w-3 h-3 shrink-0",strokeWidth:1.5}),v.toLocaleString()," in ",c]}):e.jsx("span",{className:"text-text-tertiary/40",children:"—"})}),e.jsxs("span",{className:"absolute right-3 top-1/2 -translate-y-1/2 opacity-0 group-hover/row:opacity-100 transition-opacity flex items-center gap-2",children:[s.some(O)&&e.jsx(G,{className:"w-4 h-4 text-text-tertiary hover:text-status-success",strokeWidth:1.5,onClick:x=>{x.stopPropagation(),i(t)}}),e.jsx(L,{className:"w-4 h-4 text-text-tertiary hover:text-accent",strokeWidth:1.5,onClick:x=>{x.stopPropagation(),m(t)}})]})]}),e.jsx(W,{open:n,children:e.jsx("div",{className:"ml-6",children:e.jsx(oe,{columns:j,data:s,keyFn:T,onRowClick:o,emptyMessage:"No workers",inline:!0})})})]})}let mt=0;function pt({event:t}){var r,o,a;const[s,n]=l.useState(!1);return e.jsxs("div",{className:"border-b border-surface-border/50 last:border-b-0",children:[e.jsxs("button",{onClick:()=>n(!s),className:"flex items-center gap-2 py-1.5 w-full text-left hover:bg-surface-hover/50 transition-colors",children:[e.jsx("span",{className:"text-[9px] font-mono text-text-tertiary whitespace-nowrap tabular-nums shrink-0",children:new Date(t.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"})}),e.jsx("span",{className:`text-[9px] font-medium px-1 py-0.5 rounded ${Xe[t.type]||"text-text-tertiary"} bg-surface-sunken whitespace-nowrap shrink-0`,children:t.type}),e.jsxs("span",{className:"text-[9px] text-text-tertiary font-mono flex-1 min-w-0 break-all",children:[(r=t.data)!=null&&r.guid?String(t.data.guid):"",(o=t.data)!=null&&o.topic?` ${String(t.data.topic)}`:"",t.type==="throttle"?` → ${H((a=t.data)==null?void 0:a.throttle)}`:""]}),e.jsx("svg",{className:`w-2.5 h-2.5 text-text-tertiary shrink-0 transition-transform duration-150 ${s?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),e.jsx(W,{open:s,children:e.jsx("div",{className:"pb-2",children:e.jsx(Ee,{data:t.data})})})]})}function ht({channels:t,onToggle:s,customFilter:n,onCustomFilterChange:r}){return e.jsxs("div",{className:"space-y-3 pb-3 border-b border-surface-border mb-3",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Channels"}),e.jsx("p",{className:"text-[9px] text-text-tertiary",children:"Unchecked channels are dropped before buffering"})]}),e.jsx("div",{className:"grid grid-cols-2 gap-1",children:xe.map(o=>e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer py-0.5",children:[e.jsx("input",{type:"checkbox",checked:t.has(o.key),onChange:()=>s(o.key),className:"w-3 h-3 rounded border-border accent-accent"}),e.jsx("span",{className:"text-[10px] text-text-secondary",title:o.description,children:o.label})]},o.key))}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Text Filter"}),e.jsx("input",{type:"text",value:n,onChange:o=>r(o.target.value),placeholder:"pong",className:"input text-[10px] font-mono py-1 px-2 w-full"}),e.jsxs("p",{className:"text-[9px] text-text-tertiary mt-1",children:["Filter by event type, e.g. ",e.jsx("span",{className:"font-mono",children:"pong"}),", ",e.jsx("span",{className:"font-mono",children:"throttle"}),", or any text in the event data."]})]})]})}function gt({bridgeActive:t}){const[s,n]=l.useState(!1),[r,o]=l.useState(!1),[a,m]=l.useState([]),[i,f]=l.useState(()=>new Set(xe.map(u=>u.key))),[c,v]=l.useState(""),j=l.useRef(i);l.useEffect(()=>{j.current=i},[i]);const x=l.useRef(c);l.useEffect(()=>{x.current=c},[c]);const h=u=>{f(g=>{const y=new Set(g);return y.has(u)?y.delete(u):y.add(u),y})};_e("lt.events.mesh.>",l.useCallback(u=>{var C;const g=((C=u.type)==null?void 0:C.replace("mesh.",""))||"unknown";if(!j.current.has(g))return;const y=x.current;y&&!`${g} ${JSON.stringify(u.data||u)}`.toLowerCase().includes(y.toLowerCase())||m($=>[{id:++mt,type:g,timestamp:u.timestamp||new Date().toISOString(),data:u.data||u},...$].slice(0,Ze))},[]));const S=()=>m([]);return e.jsxs("div",{className:"border-l border-surface-border pl-6 pt-4 min-h-[300px] sticky top-14 self-start max-h-[calc(100vh-8rem)] flex flex-col",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Event Stream"}),e.jsx(Qe,{className:`w-3 h-3 ${t?"text-status-success animate-pulse":"text-text-tertiary"}`}),e.jsx("span",{className:"text-[9px] text-text-tertiary",children:t?"Live":"..."}),e.jsxs("span",{className:"ml-auto flex items-center gap-1",children:[e.jsx("button",{onClick:()=>{n(u=>!u),o(!1)},className:`p-1 rounded transition-colors ${s?"text-accent bg-accent/10":"text-text-tertiary hover:text-text-primary"}`,title:"Configure channels",children:e.jsx(Oe,{className:"w-3.5 h-3.5"})}),e.jsx("button",{onClick:()=>{o(u=>!u),n(!1)},className:`p-1 rounded transition-colors ${r?"text-accent bg-accent/10":"text-text-tertiary hover:text-text-primary"}`,title:"View raw JSON",children:e.jsx(Ie,{className:"w-3.5 h-3.5"})}),a.length>0&&e.jsx("button",{onClick:S,className:"p-1 rounded text-text-tertiary hover:text-text-primary transition-colors",title:"Clear events",children:e.jsx(Be,{className:"w-3.5 h-3.5"})})]})]}),e.jsx(W,{open:s,children:e.jsx(ht,{channels:i,onToggle:h,customFilter:c,onCustomFilterChange:v})}),e.jsx(W,{open:r,children:e.jsx("div",{className:"pb-3 border-b border-surface-border mb-3",children:e.jsx("pre",{className:"text-[9px] font-mono text-text-tertiary bg-surface-sunken rounded-lg p-3 max-h-[50vh] overflow-auto whitespace-pre-wrap",children:JSON.stringify(a.slice(0,50),null,2)})})}),a.length>0&&e.jsxs("p",{className:"text-[9px] text-text-tertiary mb-2",children:[a.length," events"]}),e.jsx("div",{className:"flex-1 overflow-y-auto",children:a.length===0?e.jsx("p",{className:"text-xs text-text-tertiary py-6 text-center",children:t?"Waiting for events...":"Subscribing..."}):a.map(u=>e.jsx(pt,{event:u},u.id))})]})}function ft({collapsed:t,toggleSection:s,activeDuration:n,streamStats:r,isLoading:o,queueMap:a,expandedQueues:m,toggleQueue:i,allQueuesExpanded:f,toggleAllQueues:c,handleRowClick:v,handleResumeThrottle:j,handleQueueThrottle:x,handleResumeQueue:h,engineColumns:S,engines:u,bridgeActive:g}){return e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-[1fr_340px] gap-6",children:[e.jsxs("div",{className:"flex flex-col gap-12 mt-10",children:[e.jsx(V,{title:`Stream Volume (${n})`,sectionKey:"volume",isCollapsed:!!t.volume,onToggle:s,contentClassName:"mt-4 ml-7",children:e.jsx(xt,{byStream:(r==null?void 0:r.byStream)??[],onNodeFilter:()=>{},onQueueFilter:()=>{}})}),e.jsx(V,{title:"Worker Queues",sectionKey:"queues",isCollapsed:!!t.queues,onToggle:s,contentClassName:"mt-4 ml-7 flex flex-col gap-0",children:o?e.jsx("p",{className:"text-xs text-text-tertiary",children:"Discovering mesh nodes..."}):a.size===0?e.jsx("p",{className:"text-xs text-text-tertiary",children:'No worker queues found. Click "Roll Call" to discover.'}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex justify-end mb-2",children:e.jsx("button",{onClick:c,className:"text-[10px] text-accent hover:underline",children:f?"Collapse all":"Expand all"})}),[...a.entries()].sort(([y],[C])=>y.localeCompare(C)).map(([y,C])=>e.jsx(dt,{queue:y,workers:C,expanded:m.has(y),onToggle:i,onWorkerClick:v,onResumeThrottle:j,onQueueThrottle:x,onResumeQueue:h,byStream:(r==null?void 0:r.byStream)??[],activeDuration:n},y))]})}),e.jsx(V,{title:"Engines",sectionKey:"engines",isCollapsed:!!t.engines,onToggle:s,contentClassName:"mt-4 ml-7",children:e.jsx(oe,{columns:S,data:u,keyFn:T,onRowClick:v,isLoading:o,emptyMessage:o?"Discovering engines...":"No engines found.",inline:!0})})]}),e.jsx(gt,{bridgeActive:g})]})}function Mt(){var ne;const{data:t}=le(),s=(t==null?void 0:t.apps)??[],{filters:n,setFilter:r}=Re({filters:{app_id:"",duration:"1h"}}),o=((ne=s[0])==null?void 0:ne.appId)??"durable",a=n.app_id||o,m=n.duration||"1h",i=De(),f=6e4,{data:c,isLoading:v,error:j,refetch:x,isFetching:h}=ze(a,f),{data:S}=He(a,m,void 0,f),u=l.useMemo(()=>[...(c==null?void 0:c.profiles)??[]].sort((b,N)=>{const A=b.worker_topic||b.stream||"",B=N.worker_topic||N.stream||"";return!b.worker_topic&&N.worker_topic?-1:b.worker_topic&&!N.worker_topic?1:A.localeCompare(B)}),[c==null?void 0:c.profiles]),g=l.useMemo(()=>u.filter(d=>!Q(d)),[u]),y=l.useMemo(()=>u.filter(Q),[u]),C=l.useMemo(()=>et(u),[u]),$=u.filter(O).length,p=l.useMemo(()=>{const d=new Set(s.map(b=>b.appId));return a&&d.add(a),[...d].sort().map(b=>({value:b,label:b}))},[s,a]),[R,w]=l.useState(new Set),_=l.useCallback(d=>{w(b=>{const N=new Set(b);return N.has(d)?N.delete(d):N.add(d),N})},[]),M=C.size>0&&[...C.keys()].every(d=>R.has(d)),k=l.useCallback(()=>{w(M?new Set:new Set(C.keys()))},[M,C]),E="lt:controlplane:collapsed",[q,P]=l.useState(()=>{try{return JSON.parse(localStorage.getItem(E)||"{}")}catch{return{}}}),de=l.useCallback(d=>{P(b=>{const N={...b,[d]:!b[d]};return localStorage.setItem(E,JSON.stringify(N)),N})},[]),{selectedIds:F,setSelectedIds:D,toggleCheckbox:Y,throttleModalOpen:me,throttleTargets:X,selectedThrottleTargets:pe,throttleMutation:he,handleBulkThrottle:ge,handleRowClick:K,handleBulkThrottleOpen:Z,handleResumeThrottle:U,handleResumeQueue:fe,handleQueueThrottle:be,closeThrottleModal:ye}=ot({activeAppId:a,allProfiles:u,profiles:u}),ee=l.useCallback(()=>{const d=new Set(g.map(T)),b=g.length>0&&g.every(N=>F.has(T(N)));D(N=>{const A=new Set(N);for(const B of d)b?A.delete(B):A.add(B);return A})},[g,F,D]),te=l.useCallback(()=>{g.filter(b=>F.has(T(b))).length!==0&&Z()},[g,F,Z]),je=l.useMemo(()=>at({profiles:g,selectedIds:F,toggleAll:ee,toggleCheckbox:Y,onRowThrottle:K,onResumeThrottle:U,onBulkThrottle:te}),[g,F,ee,Y,K,U,te]),ke=l.useMemo(()=>{const d=[{label:"Engines",value:g.length,dotClass:"bg-blue-500"},{label:"Workers",value:y.length,dotClass:"bg-text-secondary"},{label:"Queues",value:C.size}];return $>0&&d.push({label:"Throttled",value:$,dotClass:"bg-status-warning"}),d},[g.length,y.length,C.size,$]),[se,Ne]=l.useState(!1),Ce=l.useCallback(()=>{i.mutate({appId:a},{onSuccess:()=>Ne(!0)})},[a,i]);return l.useEffect(()=>{!se&&a&&Ce()},[a]),e.jsxs("div",{children:[e.jsx(ve,{title:"Task Queues",docsHash:"#docs:dashboard.md:task-queues",stats:ke,actions:e.jsx(ut,{})}),e.jsxs(Se,{actions:e.jsx("div",{className:"flex items-center gap-1",children:Ye.map(d=>e.jsx("button",{onClick:()=>r("duration",d.value),className:`px-3 py-1 text-xs rounded-full transition-colors ${m===d.value?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:d.label},d.value))}),children:[e.jsx(Te,{label:"Application",value:n.app_id,onChange:d=>r("app_id",d),options:p}),e.jsxs("button",{onClick:()=>x(),disabled:h,className:"flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-tertiary hover:text-text-primary transition-colors disabled:opacity-50",children:[e.jsx(We,{className:`w-3.5 h-3.5 ${h?"animate-spin":""}`}),"Roll Call"]})]}),j&&e.jsx("div",{className:"mb-6 px-4 py-3 rounded bg-status-error/10 border border-status-error/20",children:e.jsx("p",{className:"text-xs text-status-error font-medium",children:j.message==="Session expired"?"Session expired — please log in again.":`Failed to load mesh data: ${j.message}`})}),e.jsx(ft,{collapsed:q,toggleSection:de,activeDuration:m,streamStats:S,isLoading:v,queueMap:C,expandedQueues:R,toggleQueue:_,allQueuesExpanded:M,toggleAllQueues:k,handleRowClick:K,handleResumeThrottle:U,handleQueueThrottle:be,handleResumeQueue:fe,engineColumns:je,engines:g,bridgeActive:se}),e.jsx(ct,{open:me,onClose:ye,targets:X.length>0?X:pe,onApply:ge,isPending:he.isPending})]})}export{Mt as ControlPlanePage};
+//# sourceMappingURL=index-BMpoMc4A.js.map