@hotmeshio/long-tail 0.18.1 → 0.19.1

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

@@ -0,0 +1,6 @@
+import{a as d,j as e}from"./vendor-query-DvWWuNIB.js";import{a0 as U,au as Q,J as z,av as H,aa as K,i as Z,ad as W,Q as Y,aw as X,ao as ee,ax as te,ay as se}from"./index-BMlQYOE1.js";import{P as re}from"./PageHeader-Di5Sz3an.js";import"./FilterBar-xwN_b5fj.js";import{V as ae,W as ne}from"./WorkflowPill--AYMW7u_.js";import{w as oe,s as P,b as le}from"./seed-form-json-DvPsISxD.js";import{W as ie,J as ce,aA as ue,ar as O,f as J,j as de,aB as xe,aC as me,ah as $,a4 as pe,aD as fe}from"./vendor-icons-DeBdvyKJ.js";import{N as he}from"./NamespacePill-Bb3revqD.js";import{B as we}from"./BotPicker-CC5vI_Sv.js";import{L as V,f as je}from"./vendor-react-_9U4mKFr.js";import{R as Ne}from"./ResolverForm-Dy0yirtP.js";import{E as ke,b as R,i as ve}from"./resolver-payload-C1dXB3n6.js";import{b as be}from"./EscalationListView-uuZRMSLB.js";import"./bots-f_tyhl4I.js";import"./StatusBadge-DHVwxre2.js";import"./DataTable-7C7riavf.js";import"./EmptyState-DgC_6njU.js";import"./UserName-BceRCeDF.js";import"./StickyPagination-DRuqKhZt.js";function ye(t){const[r,a]=d.useState(()=>{try{return window.matchMedia(t).matches}catch{return!1}});return d.useEffect(()=>{let s;try{s=window.matchMedia(t)}catch{return}a(s.matches);const n=o=>a(o.matches);return s.addEventListener("change",n),()=>s.removeEventListener("change",n)},[t]),r}function B({icon:t,tier:r,className:a,strokeWidth:s=1.5}){const n=oe(t)??ae[r]??ie;return e.jsx(n,{className:a,strokeWidth:s,"aria-hidden":!0})}function S(t){return t.replace(/[_\-.]+/g," ").replace(/([a-z\d])([A-Z])/g,"$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g,"$1 $2").replace(/([a-zA-Z])(\d)/g,"$1 $2").trim().split(/\s+/).filter(Boolean).map(a=>a===a.toUpperCase()&&a.length>1?a:a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const ge="No Queue";function D(t){return[...new Set(t.map(r=>r.task_queue).filter(Boolean))].sort()}function q(t,r,a){const s=r.toLowerCase().trim(),n=c=>{var u;return!s||c.workflow_type.toLowerCase().includes(s)||((u=c.description)==null?void 0:u.toLowerCase().includes(s))},x=(a?[a]:D(t)).map(c=>({queue:c,workflows:t.filter(u=>u.task_queue===c&&n(u))})).filter(c=>c.workflows.length>0);if(!a){const c=t.filter(u=>!u.task_queue&&n(u));c.length>0&&x.push({queue:"",workflows:c})}return x}function Se(t){var r,a;return((a=(r=q(t,"",null)[0])==null?void 0:r.workflows[0])==null?void 0:a.workflow_type)??null}function Ee({configs:t,selectedType:r,onSelect:a,tierMap:s,activeTypes:n,search:o,activeQueue:x,compact:c=!1}){const u=d.useMemo(()=>q(t,o,x),[t,o,x]);return u.length===0?e.jsx("p",{className:"text-sm text-text-tertiary py-8 text-center",children:"No workflows match your filter."}):e.jsx("div",{className:c?"space-y-6":"space-y-10",children:u.map(({queue:m,workflows:p})=>e.jsxs("div",{children:[e.jsxs("div",{className:`flex items-center gap-2 py-2 mb-1 border-b border-surface-border ${c?"":"sticky top-[60px] z-10 bg-surface mb-2"}`,children:[m?e.jsx(ce,{className:"w-3 h-3 text-accent shrink-0",strokeWidth:1.5}):e.jsx(ue,{className:"w-3 h-3 text-text-quaternary shrink-0",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2 truncate",title:m||void 0,children:m?S(m):ge}),e.jsx("span",{className:"text-xs text-text-quaternary",children:p.length})]}),e.jsx("div",{className:c?"":"divide-y divide-surface-border/30",children:p.map(i=>e.jsx(_e,{config:i,isSelected:r===i.workflow_type,tier:s.get(i.workflow_type)??"durable",cronActive:(n==null?void 0:n.has(i.workflow_type))??!1,onSelect:a,compact:c},i.workflow_type))})]},m||"__none__"))})}function _e({config:t,isSelected:r,tier:a,cronActive:s,onSelect:n,compact:o}){const x=a==="certified"?"certified":a==="registered"?"registered":"durable";return o?e.jsxs("button",{onClick:()=>n(t),"aria-current":r?"true":void 0,title:t.workflow_type,className:`group w-full text-left flex items-center gap-2.5 pl-3 pr-2 py-2 border-l-2 transition-colors ${r?"border-accent bg-accent/10 text-accent":"border-transparent text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(B,{icon:t.icon,tier:a,className:`w-5 h-5 shrink-0 ${r?"text-accent":"text-accent/65"}`}),e.jsx("span",{className:"text-sm truncate",children:S(t.workflow_type)}),s&&e.jsx("span",{title:"Cron schedule active",className:"ml-auto shrink-0",children:e.jsx(O,{className:"w-3 h-3 text-status-success/70"})})]}):e.jsxs("button",{onClick:()=>n(t),className:"group relative w-full text-left py-2 px-3 -mx-3 rounded-md hover:bg-surface-hover/30 transition-colors duration-150",children:[r&&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(ne,{type:t.workflow_type,size:"md",variant:x}),t.description&&e.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors",children:t.description}),e.jsxs("span",{className:"ml-auto flex items-center gap-2 shrink-0",children:[t.execute_as&&e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-2xs bg-accent/10 text-accent rounded",children:[e.jsx(J,{className:"w-2.5 h-2.5"}),t.execute_as]}),s&&e.jsx("span",{title:"Cron schedule active",children:e.jsx(O,{className:"w-3 h-3 text-status-success/70 shrink-0"})}),e.jsx(he,{namespace:"durable"}),e.jsx("span",{title:"Configure & invoke",children:e.jsx(de,{className:`w-3 h-3 transition-opacity ${r?"text-accent opacity-100":"text-accent opacity-0 group-hover:opacity-100"}`,strokeWidth:1.5})})]})]})]})}function Ie({config:t,overrideBot:r,onOverrideChange:a,showOverride:s}){const{user:n}=U(),o=r||t.execute_as;return e.jsxs("div",{className:"bg-surface-sunken rounded-lg px-4 py-3 space-y-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:"text-2xs text-text-tertiary uppercase tracking-wider font-medium",children:"Running as"}),o&&!r&&e.jsx("span",{className:"text-2xs text-text-tertiary",children:"configured default"}),r&&e.jsx("span",{className:"text-2xs text-accent",children:"admin override"})]}),e.jsx("div",{className:"field flex items-center gap-1.5",children:o?e.jsxs(e.Fragment,{children:[e.jsx(J,{className:"w-3.5 h-3.5 text-accent/70 shrink-0"}),e.jsx("span",{className:"text-xs text-text-primary font-mono",children:o})]}):e.jsxs(e.Fragment,{children:[e.jsx(xe,{className:"w-3.5 h-3.5 text-text-tertiary shrink-0"}),e.jsx("span",{className:"text-xs text-text-primary",children:(n==null?void 0:n.displayName)||(n==null?void 0:n.username)||"you"})]})})]}),s&&a&&e.jsxs("div",{children:[e.jsx("label",{className:"text-2xs text-text-tertiary uppercase tracking-wider font-medium mb-1 block",children:"Override identity"}),e.jsx(we,{selected:r??"",onChange:a,placeholder:t.execute_as?`Default: ${t.execute_as}`:"Invoking user (default)"})]})]})}const A=`{
+  "data": {},
+  "metadata": {}
+}`;function Ce(t){return typeof t=="boolean"?"boolean":typeof t=="number"?"number":Array.isArray(t)?"array":t!==null&&typeof t=="object"?"object":"string"}function T(t){if(!t)return[];const r=t.data;return!r||typeof r!="object"?[]:Object.entries(r).map(([a,s])=>({key:a,type:Ce(s),defaultValue:s}))}function C(t){return{...t}}function L(t,r){return JSON.stringify({data:t,metadata:r},null,2)}function Pe({selectedConfig:t,isJsonMode:r,hasFormView:a,jsonInput:s,formFields:n,dataFields:o,onJsonChange:x,onToggleMode:c,onUpdateFormField:u,onSetFormFields:m}){return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-baseline justify-between mb-2",children:[e.jsx("label",{className:"block text-xs text-text-secondary",children:"Envelope"}),e.jsxs("div",{className:"flex items-center gap-3",children:[a&&e.jsx("button",{type:"button",onClick:c,className:"text-2xs text-accent hover:underline",children:r?"Form view":"JSON view"}),t.envelope_schema?e.jsx("span",{className:"text-2xs text-accent",children:"Pre-filled from workflow config"}):e.jsx("span",{className:"text-2xs text-status-warning",children:"No template"})]})]}),!t.envelope_schema&&e.jsx("div",{className:"bg-surface-sunken border border-surface-border rounded px-4 py-3 mb-3",children:e.jsxs("p",{className:"text-xs text-text-secondary leading-relaxed",children:["This workflow has no input template. Edit the JSON directly below, or ",e.jsx(V,{to:"/workflows/registry/new",className:"text-status-success hover:underline",children:"register it"})," in the Workflow Registry with an envelope schema for pre-filled fields and form-based input."]})}),r||!a?e.jsx("textarea",{value:s,onChange:p=>x(p.target.value),className:"input-json",rows:12,spellCheck:!1}):e.jsx("div",{className:"space-y-3",children:o.map(({key:p,type:i})=>{var j,k;const h=n[p],w=typeof h=="string"?h:JSON.stringify(h??(i==="array"?[]:{}),null,2),v=Math.min(20,Math.max(4,((k=(j=w==null?void 0:w.split)==null?void 0:j.call(w,`
+`))==null?void 0:k.length)??4));return e.jsxs("div",{children:[e.jsxs("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[p,e.jsx("span",{className:"ml-2 font-normal normal-case",children:i})]}),i==="boolean"?e.jsxs("select",{value:String(h??!1),onChange:f=>u(p,f.target.value,i),className:"select text-xs w-full",children:[e.jsx("option",{value:"true",children:"true"}),e.jsx("option",{value:"false",children:"false"})]}):i==="object"||i==="array"?e.jsx("textarea",{value:w,onChange:f=>{try{u(p,JSON.parse(f.target.value),i)}catch{m({...n,[p]:f.target.value})}},className:"input-json w-full",rows:v,spellCheck:!1}):e.jsx("input",{type:i==="number"?"number":"text",value:String(h??""),onChange:f=>u(p,f.target.value,i),className:"input text-xs w-full"})]},p)})}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-1.5",children:["The envelope wraps your workflow input. ",e.jsx("code",{className:"text-accent/80",children:"data"})," holds workflow-specific fields; ",e.jsx("code",{className:"text-accent/80",children:"metadata"})," is optional context."]})]})}const g={RUNNING:"running",COMPLETED:"completed",FAILED:"failed"};function M(t,r){return`lt.events.system.workflow.${t}.${r}`}function Oe(t){const[r,a]=d.useState(g.RUNNING),[s,n]=d.useState(void 0);return d.useEffect(()=>{a(g.RUNNING),n(void 0)},[t]),Q([M(t,"completed"),M(t,"failed")],o=>{o.workflowId===t&&(a(o.type.endsWith(".failed")?g.FAILED:g.COMPLETED),n(o.data))}),{outcome:r,payload:s}}function Re({workflowId:t,outcome:r,executionPath:a}){const s=r===g.FAILED?"text-status-error":"text-status-success",n=r===g.RUNNING?"Started":r===g.COMPLETED?"Completed":"Failed";return e.jsxs("p",{className:"flex items-center gap-1.5 text-xs min-w-0",role:"status","data-testid":"started-run",children:[e.jsx("span",{className:s,children:n}),r===g.RUNNING&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-accent animate-pulse","aria-hidden":!0}),e.jsx("span",{className:"text-text-quaternary",children:"·"}),e.jsx("span",{className:"font-mono text-text-secondary truncate",children:t}),a&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-text-quaternary",children:"·"}),e.jsx(V,{to:a,className:"text-accent hover:underline shrink-0",children:"View workflow →"})]})]})}function Ae({payload:t}){return!t||Object.keys(t).length===0?null:e.jsx("div",{className:"mt-3 h-48 overflow-y-auto rounded-md border border-surface-border bg-surface-raised px-3 py-2","data-testid":"started-run-result",children:e.jsx(z,{data:t,label:"Result"})})}function G({onSubmit:t,onSubmitAgain:r,pending:a,error:s,issueCount:n=0,onShowIssues:o,startedId:x,executionPath:c}){const{connected:u}=H(),m=Oe(x??""),p=x!==null;return e.jsxs("div",{className:"sticky bottom-0 z-10 bg-surface border-t border-surface-border/40 pt-3 pb-16 -mb-16",children:[e.jsxs("div",{className:"flex items-center justify-between gap-6 min-h-9",children:[e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-1",children:[!u&&e.jsxs("p",{className:"flex items-center gap-1.5 text-2xs text-status-warning","data-testid":"events-warning",children:[e.jsx(me,{className:"w-3 h-3 shrink-0",strokeWidth:1.5}),"Live events are off, so the result will not appear here.",e.jsx("button",{type:"button",onClick:()=>window.location.reload(),className:"text-accent hover:underline",children:"Reconnect events"})]}),n>0&&o?e.jsxs("button",{type:"button",onClick:o,className:"flex items-center gap-1.5 text-xs text-status-error hover:underline","data-testid":"invoke-issues",children:[e.jsx($,{className:"w-3.5 h-3.5",strokeWidth:1.5}),n," ",n===1?"issue":"issues"," to resolve"]}):s?e.jsx("p",{className:"text-xs text-status-error",role:"alert",children:s}):null,x&&e.jsx(Re,{workflowId:x,outcome:m.outcome,executionPath:c})]}),e.jsx("div",{className:"shrink-0",children:p?e.jsx("button",{type:"button",onClick:r,className:"text-xs text-accent hover:underline","data-testid":"invoke-again",children:"Submit again"}):e.jsx("button",{type:"button",onClick:t,disabled:a,className:"btn-primary px-8 py-2","data-testid":"invoke-start",children:a?"Submitting…":"Submit"})})]}),p&&m.outcome!==g.RUNNING&&e.jsx(Ae,{payload:m.payload})]})}const F="lt:invoke:prefill";function Te({selected:t,metadata:r,submission:a,lead:s}){const[n,o]=d.useState(A),[x,c]=d.useState(""),[u,m]=d.useState({}),[p,i]=d.useState(!1),h=d.useMemo(()=>T(t.envelope_schema??null),[t.envelope_schema]),w=h.length>0;d.useEffect(()=>{var N;c(""),a.reset();const f=sessionStorage.getItem(F);if(f){sessionStorage.removeItem(F),o(f);try{const b=JSON.parse(f),y=(b==null?void 0:b.data)??b;y&&typeof y=="object"&&m(C(y))}catch{}i(!0);return}o(t.envelope_schema?JSON.stringify(t.envelope_schema,null,2):A);const l=(N=t.envelope_schema)==null?void 0:N.data;m(l&&typeof l=="object"?C(l):{}),i(!T(t.envelope_schema??null).length)},[t.workflow_type]);const v=()=>{if(p)try{const f=JSON.parse(n);f.data&&typeof f.data=="object"&&m(C(f.data))}catch{}else o(L(u,r));i(!p)},j=(f,l,N)=>{let b=l;N==="number"?b=l===""?0:Number(l):N==="boolean"&&(b=l==="true"||l===!0);const y={...u,[f]:b};m(y),o(L(y,r))},k=()=>{c("");let f;try{f=JSON.parse(n)}catch{c("Invalid JSON");return}const{data:l,metadata:N}=f;if(!l||typeof l!="object"){c('Envelope must include a "data" object');return}a.submit(l,N??{})};return e.jsxs("div",{children:[e.jsxs("div",{className:"space-y-6 pb-6",children:[s,e.jsx(Pe,{selectedConfig:t,isJsonMode:p,hasFormView:w,jsonInput:n,formFields:u,dataFields:h,onJsonChange:f=>{o(f),c("")},onToggleMode:v,onUpdateFormField:j,onSetFormFields:m})]}),e.jsx(G,{onSubmitAgain:a.reset,onSubmit:k,pending:a.pending,error:x||a.error,startedId:a.startedId,executionPath:a.executionPath})]})}const E="invoke-help",Le=380,I={INSTRUCTIONS:"instructions",ISSUES:"issues"};function Me({view:t,onViewChange:r,onClose:a,helpMarkdown:s,errors:n,schema:o}){const x=[];s&&x.push({id:I.INSTRUCTIONS,icon:pe,label:"Instructions",content:e.jsx(W,{content:s})}),x.push({id:I.ISSUES,icon:$,label:"Issues",content:e.jsx(ke,{errors:n,schema:o})});const c=x.some(u=>u.id===t)?t:x[0].id;return e.jsx(Z,{views:x,activeId:c,onViewChange:u=>r(u),onClose:a,stickyClassName:"h-full min-h-0",labelInline:!0})}function Fe({schema:t,context:r,errors:a}){const s=K(),n=s==null?void 0:s.setPanel,o=s==null?void 0:s.closePanel,x=(s==null?void 0:s.ownerKey)??null,c=(s==null?void 0:s.open)??!1,[u,m]=d.useState(null),p=d.useMemo(()=>be(t,r),[t,r]),i=d.useCallback(()=>{m(null),o==null||o(E)},[o]);d.useEffect(()=>{!n||!u||n(e.jsx(Me,{view:u,onViewChange:m,onClose:i,helpMarkdown:p,errors:a,schema:t}),{key:E,width:Le})},[n,u,p,a,t,i]),d.useEffect(()=>{u&&c&&x&&x!==E&&m(null)},[u,c,x]);const h=d.useRef(o);return h.current=o,d.useEffect(()=>()=>{var w;(w=h.current)==null||w.call(h,E)},[]),{hasInstructions:!!p,open:u!==null,showInstructions:()=>m(I.INSTRUCTIONS),showIssues:()=>m(I.ISSUES),close:i}}function Ue({selected:t,schema:r,metadata:a,submission:s,lead:n}){const[o,x]=d.useState(()=>P(r)),[c,u]=d.useState(!1),[m,p]=d.useState([]),[i,h]=d.useState(null);d.useEffect(()=>{x(P(r)),u(!1),p([]),h(null),s.reset()},[t.workflow_type]);const w=d.useMemo(()=>({...le(a),resolver:null}),[a]),v=d.useMemo(()=>{try{const l=JSON.parse(o);return{...w,resolver:l,input:l}}catch{return w}},[o,w]);d.useEffect(()=>{c&&p(R(o,w).errors)},[o,c,w]);const j=m.length>0?m:s.violations,k=Fe({schema:r,context:v,errors:j});d.useEffect(()=>{s.violations.length>0&&k.showIssues()},[s.violations]);const f=()=>{u(!0);const l=R(o,w);if(l.parseError){h(l.parseError);return}if(h(null),l.errors.length>0){p(l.errors),k.showIssues();return}p([]),s.submit(l.payload,a)};return e.jsxs("div",{"data-testid":"rich-invoke-form",children:[e.jsxs("div",{className:"space-y-6 pb-6",children:[n,e.jsx(Ne,{value:o,onChange:x,submitAttempted:c,escalationContext:w,onOpenHelp:k.hasInstructions?k.showInstructions:void 0})]}),e.jsx(G,{onSubmitAgain:s.reset,onSubmit:f,pending:s.pending,error:i??s.error,issueCount:j.length,onShowIssues:k.showIssues,startedId:s.startedId,executionPath:s.executionPath})]})}const We="/workflows/executions";function Je(t,r){const{realIsBuilder:a}=Y(),s=X(),[n,o]=d.useState(null),[x,c]=d.useState([]),[u,m]=d.useState(null),p=d.useCallback(()=>{o(null),c([]),m(null),s.reset()},[s]);return{submit:d.useCallback(async(h,w)=>{o(null),c([]),m(null);const v={...w};r.certified&&(v.certified=!0);try{const j=await s.mutateAsync({workflowType:t.workflow_type,data:h,metadata:v,...r.overrideBot?{execute_as:r.overrideBot}:{}});m(j.workflowId)}catch(j){j instanceof ee&&ve(j.body)?(c(j.body.violations),o(j.body.error)):o(j instanceof Error?j.message:"Invocation failed")}},[s,r.certified,r.overrideBot,t.workflow_type]),reset:p,pending:s.isPending,error:n,violations:x,startedId:u,executionPath:u&&a?`${We}/${encodeURIComponent(u)}`:null}}function $e({selected:t}){const{isSuperAdmin:r,hasRoleType:a}=U(),s=r||a("admin"),[n,o]=d.useState(""),[x,c]=d.useState(t.certified);d.useEffect(()=>{o(""),c(t.certified)},[t.workflow_type,t.certified]);const u=d.useMemo(()=>{var h;const i=(h=t.envelope_schema)==null?void 0:h.metadata;return i&&typeof i=="object"?i:{}},[t.envelope_schema]),m=Je(t,{certified:x,overrideBot:n}),p=e.jsxs(e.Fragment,{children:[t.description&&e.jsx(W,{content:t.description,className:"text-xs text-text-secondary leading-relaxed"}),e.jsx(Ie,{config:t,overrideBot:n,onOverrideChange:o,showOverride:s}),t.certified&&e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:x,onChange:i=>c(i.target.checked),className:"rounded border-surface-border text-accent focus:ring-accent/30"}),e.jsx(fe,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-xs text-text-secondary",children:"Enable task tracking and escalation routing"})]})]});return e.jsxs("div",{className:"max-w-form","data-testid":"invoke-form",children:[e.jsxs("header",{className:"sticky top-0 z-10 bg-surface -mt-8 pt-8 flex items-baseline gap-3 min-w-0 pb-3 mb-5 border-b border-surface-border/60",children:[e.jsx(B,{icon:t.icon,tier:t.tier,className:"w-7 h-7 self-center shrink-0 text-accent"}),e.jsx("h2",{className:"heading-2 truncate",title:t.workflow_type,children:S(t.workflow_type)}),e.jsx("span",{className:"text-2xs font-mono text-text-quaternary shrink-0",children:t.workflow_type}),e.jsx("span",{className:"text-2xs uppercase tracking-widest text-text-tertiary shrink-0",children:t.tier}),t.task_queue&&e.jsx("span",{className:"text-2xs font-mono text-text-quaternary truncate",children:t.task_queue})]}),t.input_schema?e.jsx(Ue,{selected:t,schema:t.input_schema,metadata:u,submission:m,lead:p}):e.jsx(Te,{selected:t,metadata:u,submission:m,lead:p})]})}const _="type",Ve=!1;function Be(){const[t,r]=je(),{data:a,isLoading:s}=te(),{data:n}=se(),o=ye("(max-width: 1279px)"),x=t.get(_)??"",[c,u]=d.useState(""),[m,p]=d.useState(null),i=a??[],h=d.useMemo(()=>{const l=new Map;for(const N of i)l.set(N.workflow_type,N.tier);return l},[i]),w=i.find(l=>l.workflow_type===x),v=new Set((n??[]).filter(l=>l.active).map(l=>l.workflow_type)),j=d.useCallback((l,N={})=>{r(b=>{const y=new URLSearchParams(b);return l?y.set(_,l):y.delete(_),y},{replace:N.replace??!1})},[r]);if(d.useEffect(()=>{if(t.get(_)||i.length===0)return;const l=Se(i);l&&j(l,{replace:!0})},[i,t,j]),s)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-40 bg-surface-sunken rounded"})]});const k=D(i),f=w?e.jsx($e,{selected:w}):e.jsx("p",{className:"text-xs text-text-tertiary",children:"Choose a tool to begin."});return e.jsxs("div",{children:[e.jsx(re,{title:"Invoke Tool",docsHash:"#docs:dashboard.md:invoke-tool"}),i.length===0?e.jsxs("div",{className:"py-16 text-center",children:[e.jsx("p",{className:"text-sm text-text-primary mb-1",children:"No tools to invoke"}),e.jsx("p",{className:"text-xs text-text-tertiary",children:"Mark workflows as invocable in the registry, or start the server with examples enabled."})]}):o?e.jsxs(e.Fragment,{children:[e.jsxs("label",{className:"block mb-6 max-w-2xl",children:[e.jsx("span",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Tool"}),e.jsxs("select",{value:x,onChange:l=>j(l.target.value||null),className:"select text-xs font-mono w-full",children:[e.jsx("option",{value:"",children:"Choose a tool…"}),k.map(l=>e.jsx("optgroup",{label:S(l),children:i.filter(N=>(N.task_queue||"")===l).map(N=>e.jsx("option",{value:N.workflow_type,children:S(N.workflow_type)},N.workflow_type))},l)),i.filter(l=>!l.task_queue).map(l=>e.jsx("option",{value:l.workflow_type,children:S(l.workflow_type)},l.workflow_type))]})]}),e.jsx("div",{className:"pt-8",children:f})]}):e.jsxs("div",{className:"flex gap-10 items-start",children:[e.jsxs("aside",{className:"w-1/4 min-w-[15rem] shrink-0 sticky top-0 self-start -mt-8 pt-8 max-h-[calc(100vh-5rem)] overflow-y-auto pr-1 space-y-4","data-testid":"invoke-list",children:[Ve,e.jsx(Ee,{configs:i,selectedType:x,onSelect:l=>j(l.workflow_type),tierMap:h,activeTypes:v,search:c,activeQueue:m,compact:!0})]}),e.jsx("section",{className:"flex-1 min-w-0",children:f})]})]})}function ct(){return e.jsx(Be,{})}export{ct as DurableInvokePage,Be as StartWorkflowPage};
+//# sourceMappingURL=index-DPLssnMW.js.map

package/dashboard/dist/assets/index-DPLssnMW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DPLssnMW.js","sources":["../../src/hooks/useMediaQuery.ts","../../src/components/common/display/WorkflowIcon.tsx","../../src/lib/identifier-label.ts","../../src/pages/workflows/start/WorkflowSelector.tsx","../../src/pages/workflows/start/IdentitySummary.tsx","../../src/pages/workflows/start/helpers.ts","../../src/pages/workflows/start/EnvelopeEditor.tsx","../../src/pages/workflows/start/StartedRunNotice.tsx","../../src/pages/workflows/start/InvokeFooter.tsx","../../src/pages/workflows/start/LegacyInvokeForm.tsx","../../src/pages/workflows/start/InvokeSidePanel.tsx","../../src/pages/workflows/start/RichInvokeForm.tsx","../../src/pages/workflows/start/use-invoke-submit.ts","../../src/pages/workflows/start/StartNowPanel.tsx","../../src/pages/workflows/start/StartWorkflowPage.tsx","../../src/pages/workflows/start/DurableInvokePage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Tracks a viewport media query. Unlike container measurement, the viewport\n * is stable while shell panels open and close, so layout decisions made on\n * it never feed back into themselves. Returns false in environments without\n * matchMedia (jsdom), which callers treat as \"wide\".\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState<boolean>(() => {\n    try {\n      return window.matchMedia(query).matches;\n    } catch {\n      return false;\n    }\n  });\n\n  useEffect(() => {\n    let mql: MediaQueryList;\n    try {\n      mql = window.matchMedia(query);\n    } catch {\n      return;\n    }\n    setMatches(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => setMatches(e.matches);\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [query]);\n\n  return matches;\n}\n","import { Workflow } from 'lucide-react';\nimport { VARIANT_ICON } from './WorkflowPill';\nimport { workflowIconGlyph } from '../../../lib/workflow-icons';\nimport type { WorkflowTier } from '../../../api/types';\n\n/**\n * A workflow's face: its declared icon when it has one, otherwise the glyph\n * of its tier. The same mark heads the form and leads each list row.\n */\nexport function WorkflowIcon({ icon, tier, className, strokeWidth = 1.5 }: {\n  icon: string | null | undefined;\n  tier: WorkflowTier;\n  className?: string;\n  strokeWidth?: number;\n}) {\n  // Server-provided tier strings may outrun this bundle; degrade to the durable glyph.\n  const Glyph = workflowIconGlyph(icon) ?? VARIANT_ICON[tier] ?? Workflow;\n  return <Glyph className={className} strokeWidth={strokeWidth} aria-hidden />;\n}\n","/**\n * A human label for a code identifier: camelCase, snake_case, kebab-case, and\n * digit runs become Title Case words. `fleetTools` → `Fleet Tools`,\n * `print_order2` → `Print Order 2`. Acronyms keep their capitals: `mcpQuery`\n * → `Mcp Query` is avoided by treating an all-caps run as one word.\n */\nexport function identifierToTitle(id: string): string {\n  const words = id\n    .replace(/[_\\-.]+/g, ' ')\n    .replace(/([a-z\\d])([A-Z])/g, '$1 $2')\n    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')\n    .replace(/([a-zA-Z])(\\d)/g, '$1 $2')\n    .trim()\n    .split(/\\s+/)\n    .filter(Boolean);\n  return words\n    .map((w) => (w === w.toUpperCase() && w.length > 1 ? w : w.charAt(0).toUpperCase() + w.slice(1)))\n    .join(' ');\n}\n","import { useMemo } from 'react';\nimport { Bot, Clock, Play, Server, Wrench } from 'lucide-react';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport { WorkflowIcon } from '../../../components/common/display/WorkflowIcon';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { NamespacePill } from '../../../components/common/display/NamespacePill';\nimport type { LTWorkflowConfig, WorkflowTier } from '../../../api/types';\n\nconst NO_QUEUE_LABEL = 'No Queue';\n\n/** The queue set a filter offers — shared with the grouping below. */\nexport function workflowQueues(configs: LTWorkflowConfig[]): string[] {\n  return [...new Set(configs.map((c) => c.task_queue).filter(Boolean))].sort() as string[];\n}\n\n/** One section per task queue; unqueued workflows trail under their own heading when no queue filter is active. */\nexport function groupWorkflows(\n  configs: LTWorkflowConfig[],\n  search: string,\n  activeQueue: string | null,\n): { queue: string; workflows: LTWorkflowConfig[] }[] {\n  const q = search.toLowerCase().trim();\n  const matches = (c: LTWorkflowConfig) =>\n    !q || c.workflow_type.toLowerCase().includes(q) || c.description?.toLowerCase().includes(q);\n\n  const targetQueues = activeQueue ? [activeQueue] : workflowQueues(configs);\n  const sections = targetQueues\n    .map((queue) => ({ queue, workflows: configs.filter((c) => c.task_queue === queue && matches(c)) }))\n    .filter((g) => g.workflows.length > 0);\n\n  if (!activeQueue) {\n    const noQueue = configs.filter((c) => !c.task_queue && matches(c));\n    if (noQueue.length > 0) sections.push({ queue: '', workflows: noQueue });\n  }\n  return sections;\n}\n\n/** The first row of the unfiltered list — what the page preselects. */\nexport function firstWorkflowType(configs: LTWorkflowConfig[]): string | null {\n  return groupWorkflows(configs, '', null)[0]?.workflows[0]?.workflow_type ?? null;\n}\n\nexport function WorkflowSelector({\n  configs,\n  selectedType,\n  onSelect,\n  tierMap,\n  activeTypes,\n  search,\n  activeQueue,\n  compact = false,\n}: {\n  configs: LTWorkflowConfig[];\n  selectedType: string;\n  onSelect: (config: LTWorkflowConfig) => void;\n  tierMap: Map<string, WorkflowTier>;\n  activeTypes?: Set<string>;\n  search: string;\n  activeQueue: string | null;\n  /** The narrow list column beside the form: name and tier only, headings in flow. */\n  compact?: boolean;\n}) {\n  const grouped = useMemo(() => groupWorkflows(configs, search, activeQueue), [configs, search, activeQueue]);\n\n  if (grouped.length === 0) {\n    return <p className=\"text-sm text-text-tertiary py-8 text-center\">No workflows match your filter.</p>;\n  }\n\n  return (\n    <div className={compact ? 'space-y-6' : 'space-y-10'}>\n      {grouped.map(({ queue, workflows }) => (\n        <div key={queue || '__none__'}>\n          <div className={`flex items-center gap-2 py-2 mb-1 border-b border-surface-border ${compact ? '' : 'sticky top-[60px] z-10 bg-surface mb-2'}`}>\n            {queue ? (\n              <Server className=\"w-3 h-3 text-accent shrink-0\" strokeWidth={1.5} />\n            ) : (\n              <Wrench className=\"w-3 h-3 text-text-quaternary shrink-0\" strokeWidth={1.5} />\n            )}\n            <h2 className=\"section-h2 truncate\" title={queue || undefined}>{queue ? identifierToTitle(queue) : NO_QUEUE_LABEL}</h2>\n            <span className=\"text-xs text-text-quaternary\">{workflows.length}</span>\n          </div>\n          <div className={compact ? '' : 'divide-y divide-surface-border/30'}>\n            {workflows.map((config) => (\n              <WorkflowRow\n                key={config.workflow_type}\n                config={config}\n                isSelected={selectedType === config.workflow_type}\n                tier={tierMap.get(config.workflow_type) ?? 'durable'}\n                cronActive={activeTypes?.has(config.workflow_type) ?? false}\n                onSelect={onSelect}\n                compact={compact}\n              />\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction WorkflowRow({\n  config,\n  isSelected,\n  tier,\n  cronActive,\n  onSelect,\n  compact,\n}: {\n  config: LTWorkflowConfig;\n  isSelected: boolean;\n  tier: WorkflowTier;\n  cronActive: boolean;\n  onSelect: (config: LTWorkflowConfig) => void;\n  compact: boolean;\n}) {\n  const variant = tier === 'certified' ? 'certified' : tier === 'registered' ? 'registered' : 'durable';\n\n  if (compact) {\n    return (\n      <button\n        onClick={() => onSelect(config)}\n        aria-current={isSelected ? 'true' : undefined}\n        title={config.workflow_type}\n        className={`group w-full text-left flex items-center gap-2.5 pl-3 pr-2 py-2 border-l-2 transition-colors ${\n          isSelected ? 'border-accent bg-accent/10 text-accent' : 'border-transparent text-text-primary hover:bg-surface-hover'\n        }`}\n      >\n        <WorkflowIcon icon={config.icon} tier={tier} className={`w-5 h-5 shrink-0 ${isSelected ? 'text-accent' : 'text-accent/65'}`} />\n        <span className=\"text-sm truncate\">{identifierToTitle(config.workflow_type)}</span>\n        {cronActive && (\n          <span title=\"Cron schedule active\" className=\"ml-auto shrink-0\">\n            <Clock className=\"w-3 h-3 text-status-success/70\" />\n          </span>\n        )}\n      </button>\n    );\n  }\n\n  return (\n    <button\n      onClick={() => onSelect(config)}\n      className=\"group relative w-full text-left py-2 px-3 -mx-3 rounded-md hover:bg-surface-hover/30 transition-colors duration-150\"\n    >\n      {isSelected && (\n        <span className=\"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full\" />\n      )}\n      <div className=\"flex items-center gap-3\">\n        <WorkflowPill type={config.workflow_type} size=\"md\" variant={variant} />\n        {config.description && (\n          <p className=\"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors\">\n            {config.description}\n          </p>\n        )}\n        <span className=\"ml-auto flex items-center gap-2 shrink-0\">\n          {config.execute_as && (\n            <span className=\"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-2xs bg-accent/10 text-accent rounded\">\n              <Bot className=\"w-2.5 h-2.5\" />\n              {config.execute_as}\n            </span>\n          )}\n          {cronActive && (\n            <span title=\"Cron schedule active\">\n              <Clock className=\"w-3 h-3 text-status-success/70 shrink-0\" />\n            </span>\n          )}\n          <NamespacePill namespace=\"durable\" />\n          <span title=\"Configure & invoke\">\n            <Play\n              className={`w-3 h-3 transition-opacity ${\n                isSelected ? 'text-accent opacity-100' : 'text-accent opacity-0 group-hover:opacity-100'\n              }`}\n              strokeWidth={1.5}\n            />\n          </span>\n        </span>\n      </div>\n    </button>\n  );\n}\n","import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from '../../../components/common/form/BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\nimport type { LTWorkflowConfig } from '../../../api/types';\n\nexport function IdentitySummary({\n  config,\n  overrideBot,\n  onOverrideChange,\n  showOverride,\n}: {\n  config: LTWorkflowConfig;\n  overrideBot?: string;\n  onOverrideChange?: (botExternalId: string) => void;\n  showOverride?: boolean;\n}) {\n  const { user } = useAuth();\n  const effectiveBot = overrideBot || config.execute_as;\n\n  return (\n    <div className=\"bg-surface-sunken rounded-lg px-4 py-3 space-y-3\">\n      <div>\n        <div className=\"flex items-center justify-between mb-1\">\n          <span className=\"text-2xs text-text-tertiary uppercase tracking-wider font-medium\">Running as</span>\n          {effectiveBot && !overrideBot && (\n            <span className=\"text-2xs text-text-tertiary\">configured default</span>\n          )}\n          {overrideBot && (\n            <span className=\"text-2xs text-accent\">admin override</span>\n          )}\n        </div>\n        {/* Read-only identity, styled as a field so it reads consistently with\n            the Override control below and pops off the sunken band. */}\n        <div className=\"field flex items-center gap-1.5\">\n          {effectiveBot ? (\n            <>\n              <Bot className=\"w-3.5 h-3.5 text-accent/70 shrink-0\" />\n              <span className=\"text-xs text-text-primary font-mono\">{effectiveBot}</span>\n            </>\n          ) : (\n            <>\n              <UserCircle className=\"w-3.5 h-3.5 text-text-tertiary shrink-0\" />\n              <span className=\"text-xs text-text-primary\">\n                {user?.displayName || user?.username || 'you'}\n              </span>\n            </>\n          )}\n        </div>\n      </div>\n      {showOverride && onOverrideChange && (\n        <div>\n          <label className=\"text-2xs text-text-tertiary uppercase tracking-wider font-medium mb-1 block\">Override identity</label>\n          <BotPicker\n            selected={overrideBot ?? ''}\n            onChange={onOverrideChange}\n            placeholder={config.execute_as ? `Default: ${config.execute_as}` : 'Invoking user (default)'}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n","export const DEFAULT_ENVELOPE = '{\\n  \"data\": {},\\n  \"metadata\": {}\\n}';\n\n/** Infer a simple field type from a value. */\nexport function inferTypeFromValue(value: unknown): string {\n  if (typeof value === 'boolean') return 'boolean';\n  if (typeof value === 'number') return 'number';\n  if (Array.isArray(value)) return 'array';\n  if (value !== null && typeof value === 'object') return 'object';\n  return 'string';\n}\n\n/** Extract the data keys from an envelope_schema and their inferred types. */\nexport function extractDataFields(\n  schema: Record<string, unknown> | null,\n): { key: string; type: string; defaultValue: unknown }[] {\n  if (!schema) return [];\n  const data = schema.data;\n  if (!data || typeof data !== 'object') return [];\n  return Object.entries(data as Record<string, unknown>).map(([key, value]) => ({\n    key,\n    type: inferTypeFromValue(value),\n    defaultValue: value,\n  }));\n}\n\n/** Build form field values from data object. */\nexport function dataToFields(data: Record<string, unknown>): Record<string, unknown> {\n  return { ...data };\n}\n\n/** Build full envelope JSON string from form fields + metadata. */\nexport function fieldsToJson(\n  fields: Record<string, unknown>,\n  metadata: Record<string, unknown>,\n): string {\n  return JSON.stringify({ data: fields, metadata }, null, 2);\n}\n","import { Link } from 'react-router-dom';\nimport type { LTWorkflowConfig } from '../../../api/types';\n\ninterface DataField {\n  key: string;\n  type: string;\n  defaultValue: unknown;\n}\n\nexport function EnvelopeEditor({\n  selectedConfig,\n  isJsonMode,\n  hasFormView,\n  jsonInput,\n  formFields,\n  dataFields,\n  onJsonChange,\n  onToggleMode,\n  onUpdateFormField,\n  onSetFormFields,\n}: {\n  selectedConfig: LTWorkflowConfig;\n  isJsonMode: boolean;\n  hasFormView: boolean;\n  jsonInput: string;\n  formFields: Record<string, unknown>;\n  dataFields: DataField[];\n  onJsonChange: (value: string) => void;\n  onToggleMode: () => void;\n  onUpdateFormField: (key: string, value: unknown, type: string) => void;\n  onSetFormFields: (fields: Record<string, unknown>) => void;\n}) {\n  return (\n    <div>\n      <div className=\"flex items-baseline justify-between mb-2\">\n        <label className=\"block text-xs text-text-secondary\">\n          Envelope\n        </label>\n        <div className=\"flex items-center gap-3\">\n          {hasFormView && (\n            <button\n              type=\"button\"\n              onClick={onToggleMode}\n              className=\"text-2xs text-accent hover:underline\"\n            >\n              {isJsonMode ? 'Form view' : 'JSON view'}\n            </button>\n          )}\n          {selectedConfig.envelope_schema ? (\n            <span className=\"text-2xs text-accent\">\n              Pre-filled from workflow config\n            </span>\n          ) : (\n            <span className=\"text-2xs text-status-warning\">\n              No template\n            </span>\n          )}\n        </div>\n      </div>\n\n      {!selectedConfig.envelope_schema && (\n        <div className=\"bg-surface-sunken border border-surface-border rounded px-4 py-3 mb-3\">\n          <p className=\"text-xs text-text-secondary leading-relaxed\">\n            This workflow has no input template. Edit the JSON directly below, or <Link to=\"/workflows/registry/new\" className=\"text-status-success hover:underline\">register it</Link> in the Workflow Registry with an envelope schema for pre-filled fields and form-based input.\n          </p>\n        </div>\n      )}\n\n      {isJsonMode || !hasFormView ? (\n        /* JSON view */\n        <textarea\n          value={jsonInput}\n          onChange={(e) => onJsonChange(e.target.value)}\n          className=\"input-json\"\n          rows={12}\n          spellCheck={false}\n        />\n      ) : (\n        /* Form view */\n        <div className=\"space-y-3\">\n          {dataFields.map(({ key, type }) => {\n            const value = formFields[key];\n            const jsonValue =\n              typeof value === 'string'\n                ? value\n                : JSON.stringify(\n                    value ?? (type === 'array' ? [] : {}),\n                    null,\n                    2,\n                  );\n            const textareaRows = Math.min(\n              20,\n              Math.max(4, (jsonValue?.split?.('\\n')?.length ?? 4)),\n            );\n            return (\n              <div key={key}>\n                <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n                  {key}\n                  <span className=\"ml-2 font-normal normal-case\">\n                    {type}\n                  </span>\n                </label>\n                {type === 'boolean' ? (\n                  <select\n                    value={String(value ?? false)}\n                    onChange={(e) =>\n                      onUpdateFormField(key, e.target.value, type)\n                    }\n                    className=\"select text-xs w-full\"\n                  >\n                    <option value=\"true\">true</option>\n                    <option value=\"false\">false</option>\n                  </select>\n                ) : type === 'object' || type === 'array' ? (\n                  <textarea\n                    value={jsonValue}\n                    onChange={(e) => {\n                      try {\n                        onUpdateFormField(\n                          key,\n                          JSON.parse(e.target.value),\n                          type,\n                        );\n                      } catch {\n                        // Keep raw text without syncing to JSON\n                        onSetFormFields({\n                          ...formFields,\n                          [key]: e.target.value,\n                        });\n                      }\n                    }}\n                    className=\"input-json w-full\"\n                    rows={textareaRows}\n                    spellCheck={false}\n                  />\n                ) : (\n                  <input\n                    type={type === 'number' ? 'number' : 'text'}\n                    value={String(value ?? '')}\n                    onChange={(e) =>\n                      onUpdateFormField(key, e.target.value, type)\n                    }\n                    className=\"input text-xs w-full\"\n                  />\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      <p className=\"text-2xs text-text-tertiary mt-1.5\">\n        The envelope wraps your workflow input. <code className=\"text-accent/80\">data</code> holds workflow-specific fields; <code className=\"text-accent/80\">metadata</code> is optional context.\n      </p>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useEventSubscriptions } from '../../../hooks/useEventContext';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport type { NatsLTEvent } from '../../../lib/nats/types';\n\nexport const RUN_OUTCOMES = {\n  RUNNING: 'running',\n  COMPLETED: 'completed',\n  FAILED: 'failed',\n} as const;\nexport type RunOutcome = (typeof RUN_OUTCOMES)[keyof typeof RUN_OUTCOMES];\n\n/** The dashboard subject for one run's lifecycle events. */\nexport function workflowEventPattern(workflowId: string, action: 'completed' | 'failed'): string {\n  return `lt.events.system.workflow.${workflowId}.${action}`;\n}\n\n/**\n * Follows one run: subscribes to its completed and failed subjects the moment\n * it starts and holds the outcome and the returned payload.\n */\nexport function useRunOutcome(workflowId: string): { outcome: RunOutcome; payload: Record<string, unknown> | undefined } {\n  const [outcome, setOutcome] = useState<RunOutcome>(RUN_OUTCOMES.RUNNING);\n  const [payload, setPayload] = useState<Record<string, unknown> | undefined>(undefined);\n\n  useEffect(() => {\n    setOutcome(RUN_OUTCOMES.RUNNING);\n    setPayload(undefined);\n  }, [workflowId]);\n\n  useEventSubscriptions(\n    [workflowEventPattern(workflowId, 'completed'), workflowEventPattern(workflowId, 'failed')],\n    (event: NatsLTEvent) => {\n      if (event.workflowId !== workflowId) return;\n      setOutcome(event.type.endsWith('.failed') ? RUN_OUTCOMES.FAILED : RUN_OUTCOMES.COMPLETED);\n      setPayload(event.data);\n    },\n  );\n\n  return { outcome, payload };\n}\n\n/** The one-line status: outcome, id, and the execution link for callers who may open it. */\nexport function RunStatusLine({ workflowId, outcome, executionPath }: { workflowId: string; outcome: RunOutcome; executionPath: string | null }) {\n  const tone = outcome === RUN_OUTCOMES.FAILED ? 'text-status-error' : 'text-status-success';\n  const label = outcome === RUN_OUTCOMES.RUNNING ? 'Started'\n    : outcome === RUN_OUTCOMES.COMPLETED ? 'Completed' : 'Failed';\n  return (\n    <p className=\"flex items-center gap-1.5 text-xs min-w-0\" role=\"status\" data-testid=\"started-run\">\n      <span className={tone}>{label}</span>\n      {outcome === RUN_OUTCOMES.RUNNING && <span className=\"w-1.5 h-1.5 rounded-full bg-accent animate-pulse\" aria-hidden />}\n      <span className=\"text-text-quaternary\">·</span>\n      <span className=\"font-mono text-text-secondary truncate\">{workflowId}</span>\n      {executionPath && (\n        <>\n          <span className=\"text-text-quaternary\">·</span>\n          <Link to={executionPath} className=\"text-accent hover:underline shrink-0\">View workflow →</Link>\n        </>\n      )}\n    </p>\n  );\n}\n\n/** The returned payload, full width in a fixed-height zone that scrolls on its own. */\nexport function RunResult({ payload }: { payload: Record<string, unknown> | undefined }) {\n  if (!payload || Object.keys(payload).length === 0) return null;\n  return (\n    <div\n      className=\"mt-3 h-48 overflow-y-auto rounded-md border border-surface-border bg-surface-raised px-3 py-2\"\n      data-testid=\"started-run-result\"\n    >\n      <JsonViewer data={payload} label=\"Result\" />\n    </div>\n  );\n}\n","import { AlertCircle, RadioTower } from 'lucide-react';\nimport { useEventStatus } from '../../../hooks/useEventContext';\nimport { RunResult, RunStatusLine, RUN_OUTCOMES, useRunOutcome } from './StartedRunNotice';\n\n/**\n * The submit row every invoke form shares, stuck to the bottom of the shell\n * scroll. One line: status on the left, Submit on the right. Once a run\n * starts the button gives way to \"Submit again\" until the person chooses it,\n * and the returned result fills the width beneath in a zone that scrolls on\n * its own. A live events warning appears when the result could not arrive.\n */\nexport function InvokeFooter({\n  onSubmit,\n  onSubmitAgain,\n  pending,\n  error,\n  issueCount = 0,\n  onShowIssues,\n  startedId,\n  executionPath,\n}: {\n  onSubmit: () => void;\n  /** Clears the last run so the button arms again. */\n  onSubmitAgain: () => void;\n  pending: boolean;\n  error: string | null;\n  issueCount?: number;\n  onShowIssues?: () => void;\n  startedId: string | null;\n  executionPath: string | null;\n}) {\n  const { connected } = useEventStatus();\n  const run = useRunOutcome(startedId ?? '');\n  const submitted = startedId !== null;\n\n  return (\n    <div className=\"sticky bottom-0 z-10 bg-surface border-t border-surface-border/40 pt-3 pb-16 -mb-16\">\n      <div className=\"flex items-center justify-between gap-6 min-h-9\">\n        <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\n          {!connected && (\n            <p className=\"flex items-center gap-1.5 text-2xs text-status-warning\" data-testid=\"events-warning\">\n              <RadioTower className=\"w-3 h-3 shrink-0\" strokeWidth={1.5} />\n              Live events are off, so the result will not appear here.\n              <button type=\"button\" onClick={() => window.location.reload()} className=\"text-accent hover:underline\">\n                Reconnect events\n              </button>\n            </p>\n          )}\n          {issueCount > 0 && onShowIssues ? (\n            <button\n              type=\"button\"\n              onClick={onShowIssues}\n              className=\"flex items-center gap-1.5 text-xs text-status-error hover:underline\"\n              data-testid=\"invoke-issues\"\n            >\n              <AlertCircle className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              {issueCount} {issueCount === 1 ? 'issue' : 'issues'} to resolve\n            </button>\n          ) : error ? (\n            <p className=\"text-xs text-status-error\" role=\"alert\">{error}</p>\n          ) : null}\n          {startedId && <RunStatusLine workflowId={startedId} outcome={run.outcome} executionPath={executionPath} />}\n        </div>\n\n        <div className=\"shrink-0\">\n          {submitted ? (\n            <button\n              type=\"button\"\n              onClick={onSubmitAgain}\n              className=\"text-xs text-accent hover:underline\"\n              data-testid=\"invoke-again\"\n            >\n              Submit again\n            </button>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={onSubmit}\n              disabled={pending}\n              className=\"btn-primary px-8 py-2\"\n              data-testid=\"invoke-start\"\n            >\n              {pending ? 'Submitting…' : 'Submit'}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {submitted && run.outcome !== RUN_OUTCOMES.RUNNING && <RunResult payload={run.payload} />}\n    </div>\n  );\n}\n","import { useEffect, useMemo, useState, type ReactNode } from 'react';\nimport type { LTWorkflowConfig } from '../../../api/types';\nimport { DEFAULT_ENVELOPE, extractDataFields, dataToFields, fieldsToJson } from './helpers';\nimport { EnvelopeEditor } from './EnvelopeEditor';\nimport { InvokeFooter } from './InvokeFooter';\nimport type { InvokeSubmission } from './use-invoke-submit';\n\nconst PREFILL_KEY = 'lt:invoke:prefill';\n\n/**\n * The template-driven envelope form: fields inferred from envelope_schema\n * values, with a JSON view for anything the template cannot express. The\n * surface every workflow gets until it declares an input_schema.\n */\nexport function LegacyInvokeForm({\n  selected,\n  metadata,\n  submission,\n  lead,\n}: {\n  selected: LTWorkflowConfig;\n  metadata: Record<string, unknown>;\n  submission: InvokeSubmission;\n  /** Content that scrolls with the form ahead of its fields: description, identity, options. */\n  lead?: ReactNode;\n}) {\n  const [jsonInput, setJsonInput] = useState(DEFAULT_ENVELOPE);\n  const [parseError, setParseError] = useState('');\n  const [formFields, setFormFields] = useState<Record<string, unknown>>({});\n  const [isJsonMode, setIsJsonMode] = useState(false);\n\n  const dataFields = useMemo(\n    () => extractDataFields(selected.envelope_schema ?? null),\n    [selected.envelope_schema],\n  );\n  const hasFormView = dataFields.length > 0;\n\n  useEffect(() => {\n    setParseError('');\n    submission.reset();\n\n    // A registry hand-off arrives through sessionStorage and opens in JSON view.\n    const prefill = sessionStorage.getItem(PREFILL_KEY);\n    if (prefill) {\n      sessionStorage.removeItem(PREFILL_KEY);\n      setJsonInput(prefill);\n      try {\n        const parsed = JSON.parse(prefill);\n        const data = parsed?.data ?? parsed;\n        if (data && typeof data === 'object') setFormFields(dataToFields(data));\n      } catch { /* use as-is */ }\n      setIsJsonMode(true);\n      return;\n    }\n\n    setJsonInput(selected.envelope_schema ? JSON.stringify(selected.envelope_schema, null, 2) : DEFAULT_ENVELOPE);\n    const data = selected.envelope_schema?.data;\n    setFormFields(data && typeof data === 'object' ? dataToFields(data as Record<string, unknown>) : {});\n    setIsJsonMode(!extractDataFields(selected.envelope_schema ?? null).length);\n  }, [selected.workflow_type]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleToggleMode = () => {\n    if (isJsonMode) {\n      try {\n        const parsed = JSON.parse(jsonInput);\n        if (parsed.data && typeof parsed.data === 'object') setFormFields(dataToFields(parsed.data));\n      } catch { /* keep existing */ }\n    } else {\n      setJsonInput(fieldsToJson(formFields, metadata));\n    }\n    setIsJsonMode(!isJsonMode);\n  };\n\n  const updateFormField = (key: string, value: unknown, type: string) => {\n    let parsed = value;\n    if (type === 'number') parsed = value === '' ? 0 : Number(value);\n    else if (type === 'boolean') parsed = value === 'true' || value === true;\n    const updated = { ...formFields, [key]: parsed };\n    setFormFields(updated);\n    setJsonInput(fieldsToJson(updated, metadata));\n  };\n\n  const handleInvoke = () => {\n    setParseError('');\n    let envelope: Record<string, unknown>;\n    try {\n      envelope = JSON.parse(jsonInput);\n    } catch {\n      setParseError('Invalid JSON');\n      return;\n    }\n    const { data, metadata: envelopeMetadata } = envelope;\n    if (!data || typeof data !== 'object') {\n      setParseError('Envelope must include a \"data\" object');\n      return;\n    }\n    void submission.submit(\n      data as Record<string, unknown>,\n      (envelopeMetadata as Record<string, unknown> | undefined) ?? {},\n    );\n  };\n\n  return (\n    <div>\n      <div className=\"space-y-6 pb-6\">\n        {lead}\n        <EnvelopeEditor\n        selectedConfig={selected}\n        isJsonMode={isJsonMode}\n        hasFormView={hasFormView}\n        jsonInput={jsonInput}\n        formFields={formFields}\n        dataFields={dataFields}\n        onJsonChange={(v) => { setJsonInput(v); setParseError(''); }}\n        onToggleMode={handleToggleMode}\n        onUpdateFormField={updateFormField}\n        onSetFormFields={setFormFields}\n      />\n      </div>\n      <InvokeFooter\n        onSubmitAgain={submission.reset}\n        onSubmit={handleInvoke}\n        pending={submission.pending}\n        error={parseError || submission.error}\n        startedId={submission.startedId}\n        executionPath={submission.executionPath}\n      />\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { AlertCircle, HelpCircle } from 'lucide-react';\nimport { SlidePanelViews, type SlidePanelView } from '../../../components/common/layout/SlidePanel';\nimport { MarkdownRenderer } from '../../../components/common/display/MarkdownRenderer';\nimport { ErrorsPanel } from '../../../components/escalation/ErrorsPanel';\nimport { useShellPanelOptional } from '../../../hooks/useShellPanel';\nimport { buildHelpMarkdown } from '../../../lib/x-lt-help';\nimport type { ShowIfContext } from '../../../lib/x-lt-show-if';\nimport type { FieldError } from '../../../lib/field-validator';\n\nexport const INVOKE_PANEL_KEY = 'invoke-help';\nconst PANEL_WIDTH = 380;\n\nexport const INVOKE_PANEL_VIEWS = {\n  INSTRUCTIONS: 'instructions',\n  ISSUES: 'issues',\n} as const;\ntype InvokePanelView = (typeof INVOKE_PANEL_VIEWS)[keyof typeof INVOKE_PANEL_VIEWS];\n\nfunction InvokePanelContent({\n  view,\n  onViewChange,\n  onClose,\n  helpMarkdown,\n  errors,\n  schema,\n}: {\n  view: InvokePanelView;\n  onViewChange: (v: InvokePanelView) => void;\n  onClose: () => void;\n  helpMarkdown: string | null;\n  errors: FieldError[];\n  schema: Record<string, unknown>;\n}) {\n  const views: SlidePanelView[] = [];\n  if (helpMarkdown) {\n    views.push({\n      id: INVOKE_PANEL_VIEWS.INSTRUCTIONS,\n      icon: HelpCircle,\n      label: 'Instructions',\n      content: <MarkdownRenderer content={helpMarkdown} />,\n    });\n  }\n  views.push({\n    id: INVOKE_PANEL_VIEWS.ISSUES,\n    icon: AlertCircle,\n    label: 'Issues',\n    content: <ErrorsPanel errors={errors} schema={schema} />,\n  });\n  const activeId = views.some((v) => v.id === view) ? view : views[0].id;\n  return (\n    <SlidePanelViews\n      views={views}\n      activeId={activeId}\n      onViewChange={(id) => onViewChange(id as InvokePanelView)}\n      onClose={onClose}\n      stickyClassName=\"h-full min-h-0\"\n      labelInline\n    />\n  );\n}\n\n/**\n * The invoke form's side panel in the shell's right slot: Instructions\n * (x-lt-help, re-interpolated against the live values) and Issues (the\n * current violations, click-to-focus). Content follows the form while the\n * panel is open; the slot is released on unmount.\n */\nexport function useInvokeSidePanel({\n  schema,\n  context,\n  errors,\n}: {\n  schema: Record<string, unknown>;\n  context: ShowIfContext;\n  errors: FieldError[];\n}) {\n  const shell = useShellPanelOptional();\n  // The provider's callbacks are stable; the context object is not.\n  const setPanel = shell?.setPanel;\n  const closePanel = shell?.closePanel;\n  const ownerKey = shell?.ownerKey ?? null;\n  const slotOpen = shell?.open ?? false;\n  const [view, setView] = useState<InvokePanelView | null>(null);\n\n  const helpMarkdown = useMemo(() => buildHelpMarkdown(schema, context), [schema, context]);\n\n  const close = useCallback(() => {\n    setView(null);\n    closePanel?.(INVOKE_PANEL_KEY);\n  }, [closePanel]);\n\n  useEffect(() => {\n    if (!setPanel || !view) return;\n    setPanel(\n      <InvokePanelContent\n        view={view}\n        onViewChange={setView}\n        onClose={close}\n        helpMarkdown={helpMarkdown}\n        errors={errors}\n        schema={schema}\n      />,\n      { key: INVOKE_PANEL_KEY, width: PANEL_WIDTH },\n    );\n  }, [setPanel, view, helpMarkdown, errors, schema, close]);\n\n  // Another claimant taking the slot ends our view.\n  useEffect(() => {\n    if (view && slotOpen && ownerKey && ownerKey !== INVOKE_PANEL_KEY) setView(null);\n  }, [view, slotOpen, ownerKey]);\n\n  const closeRef = useRef(closePanel);\n  closeRef.current = closePanel;\n  useEffect(() => () => { closeRef.current?.(INVOKE_PANEL_KEY); }, []);\n\n  return {\n    hasInstructions: !!helpMarkdown,\n    open: view !== null,\n    showInstructions: () => setView(INVOKE_PANEL_VIEWS.INSTRUCTIONS),\n    showIssues: () => setView(INVOKE_PANEL_VIEWS.ISSUES),\n    close,\n  };\n}\n","import { useEffect, useMemo, useState, type ReactNode } from 'react';\nimport { ResolverForm } from '../../../components/escalation/ResolverForm';\nimport { buildResolverPayload } from '../../../lib/resolver-payload';\nimport { buildInvokeFormContext } from '../../../lib/invoke-context';\nimport { seedFormJson } from '../../../lib/seed-form-json';\nimport type { ShowIfContext } from '../../../lib/x-lt-show-if';\nimport type { FieldError } from '../../../lib/field-validator';\nimport type { LTWorkflowConfig } from '../../../api/types';\nimport { InvokeFooter } from './InvokeFooter';\nimport { useInvokeSidePanel } from './InvokeSidePanel';\nimport type { InvokeSubmission } from './use-invoke-submit';\n\n/**\n * The x-lt-* invoke form. The declared input_schema renders through the same\n * ResolverForm the escalation surface uses; live values drive x-lt-showIf\n * under `input` and `resolver`; submit runs the shared validation pass, maps\n * x-lt-bind into the nested `data`, and posts the envelope the API has\n * always taken. A server 422 lands in the same Issues view.\n */\nexport function RichInvokeForm({\n  selected,\n  schema,\n  metadata,\n  submission,\n  lead,\n}: {\n  selected: LTWorkflowConfig;\n  schema: Record<string, unknown>;\n  metadata: Record<string, unknown>;\n  submission: InvokeSubmission;\n  /** Content that scrolls with the form ahead of its fields: description, identity, options. */\n  lead?: ReactNode;\n}) {\n  const [json, setJson] = useState(() => seedFormJson(schema));\n  const [submitAttempted, setSubmitAttempted] = useState(false);\n  const [clientErrors, setClientErrors] = useState<FieldError[]>([]);\n  const [parseError, setParseError] = useState<string | null>(null);\n\n  useEffect(() => {\n    setJson(seedFormJson(schema));\n    setSubmitAttempted(false);\n    setClientErrors([]);\n    setParseError(null);\n    submission.reset();\n  }, [selected.workflow_type]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const context = useMemo<ShowIfContext>(\n    () => ({ ...buildInvokeFormContext(metadata), resolver: null }),\n    [metadata],\n  );\n  const liveContext = useMemo<ShowIfContext>(() => {\n    try {\n      const values = JSON.parse(json) as Record<string, unknown>;\n      return { ...context, resolver: values, input: values };\n    } catch {\n      return context;\n    }\n  }, [json, context]);\n\n  // Once a submit was tried, the issue list tracks every edit.\n  useEffect(() => {\n    if (!submitAttempted) return;\n    setClientErrors(buildResolverPayload(json, context).errors);\n  }, [json, submitAttempted, context]);\n\n  const errors = clientErrors.length > 0 ? clientErrors : submission.violations;\n  const panel = useInvokeSidePanel({ schema, context: liveContext, errors });\n\n  useEffect(() => {\n    if (submission.violations.length > 0) panel.showIssues();\n  }, [submission.violations]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleSubmit = () => {\n    setSubmitAttempted(true);\n    const result = buildResolverPayload(json, context);\n    if (result.parseError) {\n      setParseError(result.parseError);\n      return;\n    }\n    setParseError(null);\n    if (result.errors.length > 0) {\n      setClientErrors(result.errors);\n      panel.showIssues();\n      return;\n    }\n    setClientErrors([]);\n    void submission.submit(result.payload!, metadata);\n  };\n\n  return (\n    <div data-testid=\"rich-invoke-form\">\n      <div className=\"space-y-6 pb-6\">\n        {lead}\n        <ResolverForm\n        value={json}\n        onChange={setJson}\n        submitAttempted={submitAttempted}\n        escalationContext={context}\n        onOpenHelp={panel.hasInstructions ? panel.showInstructions : undefined}\n      />\n      </div>\n      <InvokeFooter\n        onSubmitAgain={submission.reset}\n        onSubmit={handleSubmit}\n        pending={submission.pending}\n        error={parseError ?? submission.error}\n        issueCount={errors.length}\n        onShowIssues={panel.showIssues}\n        startedId={submission.startedId}\n        executionPath={submission.executionPath}\n      />\n    </div>\n  );\n}\n","import { useCallback, useState } from 'react';\nimport { useInvokeWorkflow } from '../../../api/workflows';\nimport { ApiError } from '../../../api/client';\nimport { isValidationErrorBody } from '../../../lib/validation';\nimport { useAccess } from '../../../hooks/useAccess';\nimport type { FieldError } from '../../../lib/field-validator';\nimport type { LTWorkflowConfig } from '../../../api/types';\n\nexport const EXECUTIONS_PATH = '/workflows/executions';\n\n/** What a form needs from the submission: the call, its state, and the outcome. */\nexport interface InvokeSubmission {\n  submit: (data: Record<string, unknown>, metadata: Record<string, unknown>) => Promise<void>;\n  reset: () => void;\n  pending: boolean;\n  error: string | null;\n  /** Field violations from a 422; the form surfaces them as issues. */\n  violations: FieldError[];\n  startedId: string | null;\n  /** The started run's page, for callers who may open executions. */\n  executionPath: string | null;\n}\n\n/**\n * One submit path for both invoke forms. Merges the per-run certified flag\n * and identity override, posts the same envelope the API has always taken,\n * and maps a 422 into field violations. Everyone stays on the page and sees\n * the started id; builders also get the link to its execution, a page only\n * they may open.\n */\nexport function useInvokeSubmit(\n  selected: Pick<LTWorkflowConfig, 'workflow_type'>,\n  run: { certified: boolean; overrideBot: string },\n): InvokeSubmission {\n  const { realIsBuilder } = useAccess();\n  const mutation = useInvokeWorkflow();\n  const [error, setError] = useState<string | null>(null);\n  const [violations, setViolations] = useState<FieldError[]>([]);\n  const [startedId, setStartedId] = useState<string | null>(null);\n\n  const reset = useCallback(() => {\n    setError(null);\n    setViolations([]);\n    setStartedId(null);\n    mutation.reset();\n  }, [mutation]);\n\n  const submit = useCallback(async (data: Record<string, unknown>, metadata: Record<string, unknown>) => {\n    setError(null);\n    setViolations([]);\n    setStartedId(null);\n    const resolvedMetadata: Record<string, unknown> = { ...metadata };\n    if (run.certified) resolvedMetadata.certified = true;\n    try {\n      const result = await mutation.mutateAsync({\n        workflowType: selected.workflow_type,\n        data,\n        metadata: resolvedMetadata,\n        ...(run.overrideBot ? { execute_as: run.overrideBot } : {}),\n      });\n      setStartedId(result.workflowId);\n    } catch (err) {\n      if (err instanceof ApiError && isValidationErrorBody(err.body)) {\n        setViolations(err.body.violations);\n        setError(err.body.error);\n      } else {\n        setError(err instanceof Error ? err.message : 'Invocation failed');\n      }\n    }\n  }, [mutation, run.certified, run.overrideBot, selected.workflow_type]);\n\n  return {\n    submit,\n    reset,\n    pending: mutation.isPending,\n    error,\n    violations,\n    startedId,\n    executionPath: startedId && realIsBuilder ? `${EXECUTIONS_PATH}/${encodeURIComponent(startedId)}` : null,\n  };\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { ShieldCheck } from 'lucide-react';\nimport { useAuth } from '../../../hooks/useAuth';\nimport type { InvocableWorkflow } from '../../../api/types';\nimport { WorkflowIcon } from '../../../components/common/display/WorkflowIcon';\nimport { MarkdownRenderer } from '../../../components/common/display/MarkdownRenderer';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { IdentitySummary } from './IdentitySummary';\nimport { LegacyInvokeForm } from './LegacyInvokeForm';\nimport { RichInvokeForm } from './RichInvokeForm';\nimport { useInvokeSubmit } from './use-invoke-submit';\n\n/**\n * The form column. The workflow's name is the column's heading and stays\n * put; Start stays put at the bottom; description, identity, options, and\n * the fields scroll between them. A declared input_schema renders the\n * x-lt-* form; otherwise the envelope template form.\n */\nexport function StartNowPanel({ selected }: { selected: InvocableWorkflow }) {\n  const { isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n  const [overrideBot, setOverrideBot] = useState('');\n  // Per-run interceptor opt-out, offered when the registration is certified.\n  const [certified, setCertified] = useState(selected.certified);\n\n  useEffect(() => {\n    setOverrideBot('');\n    setCertified(selected.certified);\n  }, [selected.workflow_type, selected.certified]);\n\n  const metadata = useMemo(() => {\n    const md = selected.envelope_schema?.metadata;\n    return md && typeof md === 'object' ? (md as Record<string, unknown>) : {};\n  }, [selected.envelope_schema]);\n\n  const submission = useInvokeSubmit(selected, { certified, overrideBot });\n\n  const lead = (\n    <>\n      {selected.description && (\n        <MarkdownRenderer content={selected.description} className=\"text-xs text-text-secondary leading-relaxed\" />\n      )}\n      <IdentitySummary\n        config={selected}\n        overrideBot={overrideBot}\n        onOverrideChange={setOverrideBot}\n        showOverride={isAdmin}\n      />\n      {selected.certified && (\n        <label className=\"flex items-center gap-2 cursor-pointer\">\n          <input\n            type=\"checkbox\"\n            checked={certified}\n            onChange={(e) => setCertified(e.target.checked)}\n            className=\"rounded border-surface-border text-accent focus:ring-accent/30\"\n          />\n          <ShieldCheck className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-xs text-text-secondary\">Enable task tracking and escalation routing</span>\n        </label>\n      )}\n    </>\n  );\n\n  return (\n    <div className=\"max-w-form\" data-testid=\"invoke-form\">\n      {/* Sticks to the top of the shell scroll; the pulled-up padding covers the page gutter above it. */}\n      <header className=\"sticky top-0 z-10 bg-surface -mt-8 pt-8 flex items-baseline gap-3 min-w-0 pb-3 mb-5 border-b border-surface-border/60\">\n        <WorkflowIcon icon={selected.icon} tier={selected.tier} className=\"w-7 h-7 self-center shrink-0 text-accent\" />\n        <h2 className=\"heading-2 truncate\" title={selected.workflow_type}>\n          {identifierToTitle(selected.workflow_type)}\n        </h2>\n        <span className=\"text-2xs font-mono text-text-quaternary shrink-0\">{selected.workflow_type}</span>\n        <span className=\"text-2xs uppercase tracking-widest text-text-tertiary shrink-0\">{selected.tier}</span>\n        {selected.task_queue && (\n          <span className=\"text-2xs font-mono text-text-quaternary truncate\">{selected.task_queue}</span>\n        )}\n      </header>\n\n      {selected.input_schema ? (\n        <RichInvokeForm selected={selected} schema={selected.input_schema} metadata={metadata} submission={submission} lead={lead} />\n      ) : (\n        <LegacyInvokeForm selected={selected} metadata={metadata} submission={submission} lead={lead} />\n      )}\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { useInvocableWorkflows, useCronStatus } from '../../../api/workflows';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { useMediaQuery } from '../../../hooks/useMediaQuery';\nimport type { InvocableWorkflow, WorkflowTier } from '../../../api/types';\nimport { WorkflowSelector, workflowQueues, firstWorkflowType } from './WorkflowSelector';\nimport { identifierToTitle } from '../../../lib/identifier-label';\nimport { StartNowPanel } from './StartNowPanel';\n\nconst TYPE_PARAM = 'type';\n// A few dozen workflows read fine grouped by queue; the filters wait for scale to demand them.\nconst LIST_FILTERS_VISIBLE = false;\n\n/**\n * Invoke — the list of workflows the caller may run beside the form for the\n * one chosen. The list is grouped by queue and takes a quarter of the row;\n * the form takes the rest. Selection lives in `?type=`, and the first row\n * is preselected so the page opens on a form, never on an empty column.\n */\nexport function StartWorkflowPage() {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const { data: invocable, isLoading } = useInvocableWorkflows();\n  const { data: cronEntries } = useCronStatus();\n  // Below xl the list and the form cannot share the row: the list folds\n  // into a select and the form takes the full width.\n  const compact = useMediaQuery('(max-width: 1279px)');\n\n  const selectedType = searchParams.get(TYPE_PARAM) ?? '';\n  const [search, setSearch] = useState('');\n  const [activeQueue, setActiveQueue] = useState<string | null>(null);\n\n  const workflows: InvocableWorkflow[] = invocable ?? [];\n  const tierMap = useMemo(() => {\n    const map = new Map<string, WorkflowTier>();\n    for (const w of workflows) map.set(w.workflow_type, w.tier);\n    return map;\n  }, [workflows]);\n  const selected = workflows.find((c) => c.workflow_type === selectedType);\n  const activeTypes = new Set((cronEntries ?? []).filter((e) => e.active).map((e) => e.workflow_type));\n\n  // A user's choice is a history entry; the opening preselect only rewrites the landing URL.\n  const setType = useCallback(\n    (value: string | null, opts: { replace?: boolean } = {}) => {\n      setSearchParams(\n        (prev) => {\n          const next = new URLSearchParams(prev);\n          if (value) next.set(TYPE_PARAM, value);\n          else next.delete(TYPE_PARAM);\n          return next;\n        },\n        { replace: opts.replace ?? false },\n      );\n    },\n    [setSearchParams],\n  );\n\n  useEffect(() => {\n    if (searchParams.get(TYPE_PARAM) || workflows.length === 0) return;\n    const first = firstWorkflowType(workflows);\n    if (first) setType(first, { replace: true });\n  }, [workflows, searchParams, setType]);\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  const queues = workflowQueues(workflows);\n  const form = selected\n    ? <StartNowPanel selected={selected} />\n    : <p className=\"text-xs text-text-tertiary\">Choose a tool to begin.</p>;\n\n  return (\n    <div>\n      <PageHeader title=\"Invoke Tool\" docsHash=\"#docs:dashboard.md:invoke-tool\" />\n\n      {workflows.length === 0 ? (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-primary mb-1\">No tools to invoke</p>\n          <p className=\"text-xs text-text-tertiary\">Mark workflows as invocable in the registry, or start the server with examples enabled.</p>\n        </div>\n      ) : compact ? (\n        <>\n          <label className=\"block mb-6 max-w-2xl\">\n            <span className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">Tool</span>\n            <select\n              value={selectedType}\n              onChange={(e) => setType(e.target.value || null)}\n              className=\"select text-xs font-mono w-full\"\n            >\n              <option value=\"\">Choose a tool…</option>\n              {queues.map((q) => (\n                <optgroup key={q} label={identifierToTitle(q)}>\n                  {workflows\n                    .filter((c) => (c.task_queue || '') === q)\n                    .map((c) => (\n                      <option key={c.workflow_type} value={c.workflow_type}>{identifierToTitle(c.workflow_type)}</option>\n                    ))}\n                </optgroup>\n              ))}\n              {workflows\n                .filter((c) => !c.task_queue)\n                .map((c) => (\n                  <option key={c.workflow_type} value={c.workflow_type}>{identifierToTitle(c.workflow_type)}</option>\n                ))}\n            </select>\n          </label>\n          {/* The form heading pulls itself up over the page gutter when stuck; give it that room here so it never covers the picker. */}\n          <div className=\"pt-8\">{form}</div>\n        </>\n      ) : (\n        <div className=\"flex gap-10 items-start\">\n          {/* The page scrolls as a whole; the list column and the form's title and Start stick while the title of the page rides away. */}\n          <aside className=\"w-1/4 min-w-[15rem] shrink-0 sticky top-0 self-start -mt-8 pt-8 max-h-[calc(100vh-5rem)] overflow-y-auto pr-1 space-y-4\" data-testid=\"invoke-list\">\n            {LIST_FILTERS_VISIBLE && <div className=\"flex flex-col gap-3\">\n              {queues.length > 1 && (\n                <FilterSelect\n                  label=\"Queue\"\n                  value={activeQueue ?? ''}\n                  onChange={(v) => setActiveQueue(v || null)}\n                  options={queues.map((q) => ({ value: q, label: q }))}\n                />\n              )}\n              <FilterInput\n                label=\"Search\"\n                value={search}\n                onChange={setSearch}\n                placeholder={`${workflows.length} workflows…`}\n              />\n            </div>}\n            <WorkflowSelector\n              configs={workflows}\n              selectedType={selectedType}\n              onSelect={(c) => setType(c.workflow_type)}\n              tierMap={tierMap}\n              activeTypes={activeTypes}\n              search={search}\n              activeQueue={activeQueue}\n              compact\n            />\n          </aside>\n          <section className=\"flex-1 min-w-0\">{form}</section>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { StartWorkflowPage } from './StartWorkflowPage';\n\nexport function DurableInvokePage() {\n  return <StartWorkflowPage />;\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","mql","onChange","e","WorkflowIcon","icon","tier","className","strokeWidth","Glyph","workflowIconGlyph","VARIANT_ICON","Workflow","jsx","identifierToTitle","id","w","NO_QUEUE_LABEL","workflowQueues","configs","c","groupWorkflows","search","activeQueue","q","_a","sections","queue","g","noQueue","firstWorkflowType","_b","WorkflowSelector","selectedType","onSelect","tierMap","activeTypes","compact","grouped","useMemo","workflows","jsxs","Server","Wrench","config","WorkflowRow","isSelected","cronActive","variant","Clock","WorkflowPill","Bot","NamespacePill","Play","IdentitySummary","overrideBot","onOverrideChange","showOverride","user","useAuth","effectiveBot","Fragment","UserCircle","BotPicker","DEFAULT_ENVELOPE","inferTypeFromValue","value","extractDataFields","schema","data","key","dataToFields","fieldsToJson","fields","metadata","EnvelopeEditor","selectedConfig","isJsonMode","hasFormView","jsonInput","formFields","dataFields","onJsonChange","onToggleMode","onUpdateFormField","onSetFormFields","Link","type","jsonValue","textareaRows","RUN_OUTCOMES","workflowEventPattern","workflowId","action","useRunOutcome","outcome","setOutcome","payload","setPayload","useEventSubscriptions","event","RunStatusLine","executionPath","tone","label","RunResult","JsonViewer","InvokeFooter","onSubmit","onSubmitAgain","pending","error","issueCount","onShowIssues","startedId","connected","useEventStatus","run","submitted","RadioTower","AlertCircle","PREFILL_KEY","LegacyInvokeForm","selected","submission","lead","setJsonInput","parseError","setParseError","setFormFields","setIsJsonMode","prefill","parsed","handleToggleMode","updateFormField","updated","handleInvoke","envelope","envelopeMetadata","v","INVOKE_PANEL_KEY","PANEL_WIDTH","INVOKE_PANEL_VIEWS","InvokePanelContent","view","onViewChange","onClose","helpMarkdown","errors","views","HelpCircle","MarkdownRenderer","ErrorsPanel","activeId","SlidePanelViews","useInvokeSidePanel","context","shell","useShellPanelOptional","setPanel","closePanel","ownerKey","slotOpen","setView","buildHelpMarkdown","close","useCallback","closeRef","useRef","RichInvokeForm","json","setJson","seedFormJson","submitAttempted","setSubmitAttempted","clientErrors","setClientErrors","buildInvokeFormContext","liveContext","values","buildResolverPayload","panel","handleSubmit","result","ResolverForm","EXECUTIONS_PATH","useInvokeSubmit","realIsBuilder","useAccess","mutation","useInvokeWorkflow","setError","violations","setViolations","setStartedId","reset","resolvedMetadata","err","ApiError","isValidationErrorBody","StartNowPanel","isSuperAdmin","hasRoleType","isAdmin","setOverrideBot","certified","setCertified","md","ShieldCheck","TYPE_PARAM","LIST_FILTERS_VISIBLE","StartWorkflowPage","searchParams","setSearchParams","useSearchParams","invocable","isLoading","useInvocableWorkflows","cronEntries","useCronStatus","setSearch","setActiveQueue","map","setType","opts","prev","next","first","queues","form","PageHeader","DurableInvokePage"],"mappings":"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"}

package/dashboard/dist/assets/{index-DsKqDMs4.js → index-DWse7ERF.js}

@@ -1,2 +1,2 @@
-import{a as u,j as e}from"./vendor-query-RUZdMvN6.js";import{u as L,a as M,b as I,c as D}from"./mcp-CQ_TD2P9.js";import{E as R}from"./EmptyState-lpUFYfun.js";import{C as z}from"./ConfirmDeleteModal-6CidwpPx.js";import{P as k}from"./PageHeader-DZmymFBS.js";import{F,a as _,b as T}from"./FilterBar-Fin1IqHc.js";import{S as $}from"./StickyPagination-BGHQbp0_.js";import{u as q}from"./useFilterParams-crmlBw_l.js";import{S as A,T as B}from"./ToolTestPanel-CEGY5jss.js";import{R as J,a as b}from"./RowActions-eYrzgQSj.js";import{S as O}from"./StatusBadge-BDeUwPtb.js";import{T as H}from"./ToolPill-OQ3mC11d.js";import{d as G,aI as U,aJ as W,a8 as Q,T as V,i as X}from"./vendor-icons-R9b9gQ04.js";import{u as Y}from"./vendor-react-CdqEC2zv.js";import"./index-D88VWEVp.js";import"./RunAsSelector-DoLFJ0mZ.js";import"./BotPicker-CbL7gQFq.js";import"./bots-q1UYqaIh.js";import"./helpers-DzO-OGPe.js";function Z(s){const[t,a]=u.useState(()=>{try{const o=localStorage.getItem(s);if(o){const p=JSON.parse(o);if(Array.isArray(p))return new Set(p)}}catch{}return new Set}),i=u.useCallback(o=>{try{localStorage.setItem(s,JSON.stringify([...o]))}catch{}},[s]),n=u.useCallback(o=>{a(p=>{const x=new Set(p);return x.has(o)?x.delete(o):x.add(o),i(x),x})},[i]),m=u.useCallback(o=>t.has(o),[t]);return{expandedIds:t,toggle:n,isExpanded:m}}function K(s){var t,a;return!!((t=s.metadata)!=null&&t.builtin)||!!((a=s.transport_config)!=null&&a.builtin)}function ee(s,t){var n;if(!t)return!0;const a=t.toLowerCase();return s.name.toLowerCase().includes(a)||(n=s.description)!=null&&n.toLowerCase().includes(a)||(s.tags??[]).some(m=>m.toLowerCase().includes(a))?!0:(s.tool_manifest??[]).some(m=>{var o;return m.name.toLowerCase().includes(a)||((o=m.description)==null?void 0:o.toLowerCase().includes(a))})}function te(s,t){if(!t)return s;const a=t.toLowerCase();return s.filter(i=>{var n;return i.name.toLowerCase().includes(a)||((n=i.description)==null?void 0:n.toLowerCase().includes(a))})}function se({server:s,expanded:t,onToggle:a,onEdit:i,onDelete:n,onTryTool:m,connect:o,disconnect:p,visibleTools:x}){const l=s.tool_manifest??[],f=K(s),g=s.tags??[];return e.jsxs(e.Fragment,{children:[e.jsxs("tr",{onClick:l.length>0?a:void 0,className:`group/row border-b border-surface-border/50 transition-colors duration-100 ${l.length>0?"cursor-pointer row-hover":""}`,children:[e.jsx("td",{className:"px-6 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:`transition-transform duration-150 ${t?"rotate-90":""} ${l.length===0?"opacity-0":"text-text-tertiary"}`,children:e.jsx(G,{size:14})}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(A,{name:s.name,serverId:s.id,short:!1}),l.length>0&&e.jsx("sup",{className:"text-2xs font-normal text-accent/70",children:l.length})]}),g.length>0&&e.jsxs("div",{className:"flex gap-1 ml-auto shrink-0",children:[g.slice(0,3).map(c=>e.jsx("span",{className:"inline-block px-1.5 py-0 text-2xs text-text-tertiary bg-surface-sunken rounded",children:c},c)),g.length>3&&e.jsx("span",{className:"text-2xs text-text-quaternary",title:g.slice(3).join(", "),children:"…"})]})]})}),e.jsx("td",{className:"px-4 py-2.5 w-28 whitespace-nowrap",children:e.jsx(O,{status:s.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(J,{children:[!f&&(s.status==="connected"?e.jsx(b,{icon:U,title:"Disconnect server",onClick:()=>p.mutate(s.id)}):e.jsx(b,{icon:W,title:"Connect server",onClick:()=>o.mutate(s.id),colorClass:"text-text-tertiary hover:text-status-success"})),e.jsx(b,{icon:Q,title:"Edit server",onClick:i}),!f&&e.jsx(b,{icon:V,title:"Delete server",onClick:n,colorClass:"text-text-tertiary hover:text-status-error"})]})})]}),t&&x.map(c=>e.jsxs("tr",{onClick:()=>m(c),className:"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15",children:[e.jsxs("td",{className:"pl-14 pr-6 py-2.5",children:[e.jsx(H,{name:c.name,size:"md"}),c.description&&e.jsx("p",{className:"text-2xs leading-snug text-text-quaternary mt-0.5",children:c.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:h=>{h.stopPropagation(),m(c)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(X,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},c.name))]})}function Ce(){const s=Y(),{filters:t,setFilter:a,pagination:i}=q({filters:{status:"",search:"",tag:""}}),{data:n,isLoading:m}=L({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),o=M(),p=I(),x=D(),[l,f]=u.useState(null),{expandedIds:g,toggle:c}=Z("lt:expanded:mcp-servers"),[h,w]=u.useState(null),j=(n==null?void 0:n.servers)??[],y=(n==null?void 0:n.total)??0,P=u.useMemo(()=>{const r=new Set;for(const d of j)for(const C of d.tags??[])r.add(C);return[...r].sort().map(d=>({value:d,label:d}))},[j]),v=u.useMemo(()=>t.search?j.filter(r=>ee(r,t.search)):j,[j,t.search]);u.useEffect(()=>{if(!t.search)return;const r=t.search.toLowerCase();for(const d of v)(d.tool_manifest??[]).some(S=>{var N;return S.name.toLowerCase().includes(r)||((N=S.description)==null?void 0:N.toLowerCase().includes(r))})&&!g.has(d.id)&&c(d.id)},[t.search,v]);const E=()=>{l&&x.mutate(l.id,{onSuccess:()=>f(null)})};return m?e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((r,d)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},d))})]}):e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>s("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs(F,{children:[e.jsx(_,{label:"Search",value:t.search,onChange:r=>a("search",r),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:r=>a("tag",r),options:P}),e.jsx(T,{label:"Status",value:t.status,onChange:r=>a("status",r),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${h?"flex-1 min-w-0":"w-full"} transition-all`,children:[v.length===0?e.jsx(R,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:v.map(r=>e.jsx(se,{server:r,expanded:g.has(r.id),onToggle:()=>c(r.id),onEdit:()=>s(`/mcp/servers/${r.id}`),onDelete:()=>f(r),onTryTool:d=>w({serverId:r.id,serverName:r.name,tool:d}),connect:o,disconnect:p,visibleTools:te(r.tool_manifest??[],t.search)},r.id))})]}),e.jsx($,{page:i.page,totalPages:i.totalPages(y),onPageChange:i.setPage,total:y,pageSize:i.pageSize,onPageSizeChange:i.setPageSize})]}),h&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(B,{serverId:h.serverId,serverName:h.serverName,tool:h.tool,onClose:()=>w(null)})})]}),e.jsx(z,{open:!!l,onClose:()=>f(null),onConfirm:E,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:l==null?void 0:l.name}),"? This will remove the server registration."]}),isPending:x.isPending,error:x.error})]})}export{Ce as McpServersPage};
-//# sourceMappingURL=index-DsKqDMs4.js.map
+import{a as u,j as e}from"./vendor-query-DvWWuNIB.js";import{u as L,a as M,b as D,c as I}from"./mcp-Cz5eFnP_.js";import{E as R}from"./EmptyState-DgC_6njU.js";import{C as z}from"./ConfirmDeleteModal-BJdLN6No.js";import{P as k}from"./PageHeader-Di5Sz3an.js";import{F,a as _,b as T}from"./FilterBar-xwN_b5fj.js";import{S as $}from"./StickyPagination-DRuqKhZt.js";import{u as q}from"./useFilterParams-DBRw1Hcv.js";import{S as A,T as B}from"./ToolTestPanel-DvuLFWqQ.js";import{R as O,a as b}from"./RowActions-Bdd7z4eB.js";import{S as H}from"./StatusBadge-DHVwxre2.js";import{T as J}from"./ToolPill-FkgTXIhq.js";import{e as G,bx as U,by as W,a9 as Q,y as V,j as X}from"./vendor-icons-DeBdvyKJ.js";import{u as Y}from"./vendor-react-_9U4mKFr.js";import"./index-BMlQYOE1.js";import"./RunAsSelector-BwZTJ4Yj.js";import"./BotPicker-CC5vI_Sv.js";import"./bots-f_tyhl4I.js";import"./helpers-DzO-OGPe.js";function Z(s){const[t,a]=u.useState(()=>{try{const o=localStorage.getItem(s);if(o){const p=JSON.parse(o);if(Array.isArray(p))return new Set(p)}}catch{}return new Set}),i=u.useCallback(o=>{try{localStorage.setItem(s,JSON.stringify([...o]))}catch{}},[s]),n=u.useCallback(o=>{a(p=>{const x=new Set(p);return x.has(o)?x.delete(o):x.add(o),i(x),x})},[i]),m=u.useCallback(o=>t.has(o),[t]);return{expandedIds:t,toggle:n,isExpanded:m}}function K(s){var t,a;return!!((t=s.metadata)!=null&&t.builtin)||!!((a=s.transport_config)!=null&&a.builtin)}function ee(s,t){var n;if(!t)return!0;const a=t.toLowerCase();return s.name.toLowerCase().includes(a)||(n=s.description)!=null&&n.toLowerCase().includes(a)||(s.tags??[]).some(m=>m.toLowerCase().includes(a))?!0:(s.tool_manifest??[]).some(m=>{var o;return m.name.toLowerCase().includes(a)||((o=m.description)==null?void 0:o.toLowerCase().includes(a))})}function te(s,t){if(!t)return s;const a=t.toLowerCase();return s.filter(i=>{var n;return i.name.toLowerCase().includes(a)||((n=i.description)==null?void 0:n.toLowerCase().includes(a))})}function se({server:s,expanded:t,onToggle:a,onEdit:i,onDelete:n,onTryTool:m,connect:o,disconnect:p,visibleTools:x}){const l=s.tool_manifest??[],f=K(s),g=s.tags??[];return e.jsxs(e.Fragment,{children:[e.jsxs("tr",{onClick:l.length>0?a:void 0,className:`group/row border-b border-surface-border/50 transition-colors duration-100 ${l.length>0?"cursor-pointer row-hover":""}`,children:[e.jsx("td",{className:"px-6 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:`transition-transform duration-150 ${t?"rotate-90":""} ${l.length===0?"opacity-0":"text-text-tertiary"}`,children:e.jsx(G,{size:14})}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(A,{name:s.name,serverId:s.id,short:!1}),l.length>0&&e.jsx("sup",{className:"text-2xs font-normal text-accent/70",children:l.length})]}),g.length>0&&e.jsxs("div",{className:"flex gap-1 ml-auto shrink-0",children:[g.slice(0,3).map(c=>e.jsx("span",{className:"inline-block px-1.5 py-0 text-2xs text-text-tertiary bg-surface-sunken rounded",children:c},c)),g.length>3&&e.jsx("span",{className:"text-2xs text-text-quaternary",title:g.slice(3).join(", "),children:"…"})]})]})}),e.jsx("td",{className:"px-4 py-2.5 w-28 whitespace-nowrap",children:e.jsx(H,{status:s.status})}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsxs(O,{children:[!f&&(s.status==="connected"?e.jsx(b,{icon:U,title:"Disconnect server",onClick:()=>p.mutate(s.id)}):e.jsx(b,{icon:W,title:"Connect server",onClick:()=>o.mutate(s.id),colorClass:"text-text-tertiary hover:text-status-success"})),e.jsx(b,{icon:Q,title:"Edit server",onClick:i}),!f&&e.jsx(b,{icon:V,title:"Delete server",onClick:n,colorClass:"text-text-tertiary hover:text-status-error"})]})})]}),t&&x.map(c=>e.jsxs("tr",{onClick:()=>m(c),className:"group/row cursor-pointer hover:bg-surface-hover/50 transition-colors border-b border-surface-border/15",children:[e.jsxs("td",{className:"pl-14 pr-6 py-2.5",children:[e.jsx(J,{name:c.name,size:"md"}),c.description&&e.jsx("p",{className:"text-2xs leading-snug text-text-quaternary mt-0.5",children:c.description})]}),e.jsx("td",{className:"px-4 py-2.5 w-28"}),e.jsx("td",{className:"px-4 py-2.5 w-16",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:h=>{h.stopPropagation(),m(c)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-accent",title:"Try tool",children:e.jsx(X,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})})]},c.name))]})}function Ce(){const s=Y(),{filters:t,setFilter:a,pagination:i}=q({filters:{status:"",search:"",tag:""}}),{data:n,isLoading:m}=L({status:t.status||void 0,search:t.search||void 0,tags:t.tag||void 0}),o=M(),p=D(),x=I(),[l,f]=u.useState(null),{expandedIds:g,toggle:c}=Z("lt:expanded:mcp-servers"),[h,y]=u.useState(null),j=(n==null?void 0:n.servers)??[],w=(n==null?void 0:n.total)??0,P=u.useMemo(()=>{const r=new Set;for(const d of j)for(const C of d.tags??[])r.add(C);return[...r].sort().map(d=>({value:d,label:d}))},[j]),v=u.useMemo(()=>t.search?j.filter(r=>ee(r,t.search)):j,[j,t.search]);u.useEffect(()=>{if(!t.search)return;const r=t.search.toLowerCase();for(const d of v)(d.tool_manifest??[]).some(S=>{var N;return S.name.toLowerCase().includes(r)||((N=S.description)==null?void 0:N.toLowerCase().includes(r))})&&!g.has(d.id)&&c(d.id)},[t.search,v]);const E=()=>{l&&x.mutate(l.id,{onSuccess:()=>f(null)})};return m?e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools"}),e.jsx("div",{className:"animate-pulse space-y-0",children:Array.from({length:5}).map((r,d)=>e.jsx("div",{className:"h-14 border-b last:border-b-0 px-6 flex items-center",children:e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})},d))})]}):e.jsxs("div",{children:[e.jsx(k,{title:"Servers & Tools",docsHash:"#docs:dashboard.md:mcp-server-tools",actions:e.jsx("button",{onClick:()=>s("/mcp/servers/new"),className:"btn-primary text-xs",children:"Register Server"})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6 max-w-2xl leading-relaxed",children:"Registered MCP servers and their available tools. Each server exposes tools that can be used by the MCP Tool Designer."}),e.jsxs(F,{children:[e.jsx(_,{label:"Search",value:t.search,onChange:r=>a("search",r),placeholder:"Server or tool name..."}),e.jsx(T,{label:"Tag",value:t.tag,onChange:r=>a("tag",r),options:P}),e.jsx(T,{label:"Status",value:t.status,onChange:r=>a("status",r),options:[{value:"registered",label:"Registered"},{value:"connected",label:"Connected"},{value:"error",label:"Error"},{value:"disconnected",label:"Disconnected"}]})]}),e.jsxs("div",{className:"flex gap-0 ",children:[e.jsxs("div",{className:`${h?"flex-1 min-w-0":"w-full"} transition-all`,children:[v.length===0?e.jsx(R,{title:"No servers found"}):e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-6 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Server / Tool"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface px-4 py-3 text-left text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28",children:"Status"}),e.jsx("th",{className:"sticky top-[2.75rem] z-10 bg-surface w-16"})]})}),e.jsx("tbody",{children:v.map(r=>e.jsx(se,{server:r,expanded:g.has(r.id),onToggle:()=>c(r.id),onEdit:()=>s(`/mcp/servers/${r.id}`),onDelete:()=>f(r),onTryTool:d=>y({serverId:r.id,serverName:r.name,tool:d}),connect:o,disconnect:p,visibleTools:te(r.tool_manifest??[],t.search)},r.id))})]}),e.jsx($,{page:i.page,totalPages:i.totalPages(w),onPageChange:i.setPage,total:w,pageSize:i.pageSize,onPageSizeChange:i.setPageSize})]}),h&&e.jsx("div",{className:"w-[380px] shrink-0 sticky top-0 max-h-screen overflow-y-auto",children:e.jsx(B,{serverId:h.serverId,serverName:h.serverName,tool:h.tool,onClose:()=>y(null)})})]}),e.jsx(z,{open:!!l,onClose:()=>f(null),onConfirm:E,title:"Delete MCP Server",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:l==null?void 0:l.name}),"? This will remove the server registration."]}),isPending:x.isPending,error:x.error})]})}export{Ce as McpServersPage};
+//# sourceMappingURL=index-DWse7ERF.js.map

package/dashboard/dist/assets/{index-DsKqDMs4.js.map → index-DWse7ERF.js.map}

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

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

@@ -0,0 +1,11 @@
+import{a as d,j as e}from"./vendor-query-DvWWuNIB.js";import{az as K,aD as U,Z as X,a as Y,aE as V,at as Z}from"./index-BMlQYOE1.js";import{F as ee,b as te,a as se}from"./FilterBar-xwN_b5fj.js";import{C as $}from"./ConfirmDeleteModal-BJdLN6No.js";import{R as P}from"./RolePill-DhnVPK4q.js";import{W as re}from"./WorkflowPill--AYMW7u_.js";import{P as ne}from"./PageHeader-Di5Sz3an.js";import{J as oe,aA as q,aD as L,aF as ae,j as M,aG as ie,aH as A,a2 as le,U as F,X as ce,C as de,aa as me,aI as D,k as ue,E as xe}from"./vendor-icons-DeBdvyKJ.js";import{u as Q,e as pe,f as he}from"./vendor-react-_9U4mKFr.js";import{B as fe}from"./BotPicker-CC5vI_Sv.js";import{N as we}from"./NamespacePill-Bb3revqD.js";import{R as ge}from"./ResolverForm-Dy0yirtP.js";import{s as ve,b as je,f as ke,w as E}from"./seed-form-json-DvPsISxD.js";import"./bots-f_tyhl4I.js";import"./EscalationListView-uuZRMSLB.js";import"./DataTable-7C7riavf.js";import"./EmptyState-DgC_6njU.js";import"./StatusBadge-DHVwxre2.js";import"./UserName-BceRCeDF.js";import"./StickyPagination-DRuqKhZt.js";function ye({tier:t}){return t==="certified"?e.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-medium text-status-success",children:[e.jsx(L,{className:"w-3 h-3"}),"Certified"]}):t==="registered"?e.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-medium text-text-secondary",children:[e.jsx(le,{className:"w-3 h-3"}),"Registered"]}):e.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-medium text-text-quaternary",children:[e.jsx(q,{className:"w-3 h-3"}),"Durable"]})}function Ve(){const t=Q(),{data:r,isLoading:c}=K(),x=U(),[i,p]=d.useState(""),[n,v]=d.useState(null),[f,y]=d.useState(null),m=r??[],j=d.useMemo(()=>[...new Set(m.map(a=>a.task_queue).filter(Boolean))].sort(),[m]),l=d.useMemo(()=>{const a=i.toLowerCase().trim();return(n?[n]:j).map(w=>({queue:w,workflows:m.filter(_=>{var h;return _.task_queue===w&&(!a||_.workflow_type.toLowerCase().includes(a)||((h=_.description)==null?void 0:h.toLowerCase().includes(a)))})})).filter(w=>w.workflows.length>0)},[m,j,i,n]),u=d.useMemo(()=>{const a=i.toLowerCase().trim();return n?[]:m.filter(g=>{var w;return!g.task_queue&&(!a||g.workflow_type.toLowerCase().includes(a)||((w=g.description)==null?void 0:w.toLowerCase().includes(a)))})},[m,i,n]),s=a=>{a.registered?t(`/workflows/registry/${encodeURIComponent(a.workflow_type)}`):t(`/workflows/registry/new?workflow_type=${encodeURIComponent(a.workflow_type)}&task_queue=${encodeURIComponent(a.task_queue??"")}`)},S=()=>{f&&x.mutate(f,{onSuccess:()=>y(null)})};return e.jsxs("div",{children:[e.jsx(ne,{title:"Registered Workflows",docsHash:"#docs:dashboard.md:workflow-registry",actions:e.jsx("button",{onClick:()=>t("/workflows/registry/new"),className:"btn-primary text-xs",children:"Register Workflow"})}),!c&&j.length>0&&e.jsxs(ee,{children:[e.jsx(te,{label:"Queue",value:n??"",onChange:a=>v(a||null),options:j.map(a=>({value:a,label:a}))}),e.jsx(se,{label:"Search",value:i,onChange:p,placeholder:`${m.length} workflows…`})]}),c?e.jsx(Ne,{}):l.length===0&&u.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:i||n?"No workflows match your filter.":"No workflows discovered yet."}):e.jsxs("div",{className:"space-y-10",children:[l.map(({queue:a,workflows:g})=>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(oe,{className:"w-3 h-3 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:a}),e.jsx("span",{className:"text-xs text-text-quaternary",children:g.length})]}),e.jsx(O,{}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:g.map(w=>e.jsx(T,{wf:w,onRowClick:s,onDelete:y,onNavigate:t},w.workflow_type))})]},a)),u.length>0&&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(q,{className:"w-3 h-3 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"No Queue"}),e.jsx("span",{className:"text-xs text-text-quaternary",children:u.length})]}),e.jsx(O,{}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:u.map(a=>e.jsx(T,{wf:a,onRowClick:s,onDelete:y,onNavigate:t},a.workflow_type))})]})]}),e.jsx($,{open:!!f,onClose:()=>y(null),onConfirm:S,title:"Unregister Workflow",description:e.jsxs(e.Fragment,{children:["Delete the registration for"," ",e.jsx("span",{className:"font-mono font-medium text-text-primary",children:f}),"? This removes its invocation settings, certification, and interceptor treatment; the workflow keeps running as a plain durable workflow. To demote certified → registered instead, open the workflow and uncheck Certify — that keeps every setting."]}),isPending:x.isPending,error:x.error})]})}const B="grid grid-cols-[minmax(0,1fr)_7rem_13rem_4.5rem] gap-x-6";function O(){return e.jsxs("div",{className:`${B} px-3 pb-2 pt-1`,children:[e.jsx("span",{className:"text-2xs font-medium text-text-quaternary",children:"Workflow"}),e.jsx("span",{className:"text-2xs font-medium text-text-quaternary",children:"Tier"}),e.jsx("span",{className:"text-2xs font-medium text-text-quaternary",children:"Access"}),e.jsx("span",{})]})}function T({wf:t,onRowClick:r,onDelete:c,onNavigate:x}){const i=t.roles??[],p=t.invocation_roles??[];return e.jsxs("div",{role:"button",tabIndex:0,onClick:()=>r(t),onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&r(t)},className:`group ${B} py-2 px-3 -mx-3 rounded-md cursor-pointer transition-colors items-center`,children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[e.jsx(re,{type:t.workflow_type,size:"md",variant:t.tier==="certified"?"certified":t.tier==="registered"?"registered":"durable"}),t.description&&e.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors",children:t.description})]}),e.jsx("div",{children:e.jsx(ye,{tier:t.tier??"durable"})}),e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0 overflow-hidden whitespace-nowrap",children:[i.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("span",{title:"Escalation roles",children:e.jsx(L,{className:"w-3 h-3 text-text-quaternary shrink-0"})}),i.map(n=>e.jsx(P,{role:n},`e-${n}`))]}),p.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("span",{title:"Invocation roles",children:e.jsx(ae,{className:"w-3 h-3 text-text-quaternary shrink-0"})}),p.map(n=>e.jsx(P,{role:n},`i-${n}`))]}),i.length===0&&p.length===0&&e.jsx("span",{className:"text-xs text-text-quaternary",children:"—"})]}),e.jsxs("div",{className:"flex items-center justify-end gap-2.5 opacity-0 group-hover:opacity-100 transition-opacity",children:[t.invocable&&e.jsx("button",{title:"Invoke workflow",onClick:n=>{n.stopPropagation(),x(`/workflows/start?type=${encodeURIComponent(t.workflow_type)}&mode=now`)},className:"text-text-quaternary hover:text-status-success transition-colors",children:e.jsx(M,{className:"w-3.5 h-3.5"})}),t.tier==="durable"&&e.jsx("button",{title:"Configure workflow",onClick:n=>{n.stopPropagation(),x(`/workflows/registry/new?workflow_type=${encodeURIComponent(t.workflow_type)}&task_queue=${encodeURIComponent(t.task_queue??"")}`)},className:"text-text-quaternary hover:text-status-info transition-colors",children:e.jsx(q,{className:"w-3.5 h-3.5"})}),t.tier==="registered"&&e.jsx("button",{title:"Certify workflow",onClick:n=>{n.stopPropagation(),x(`/workflows/registry/${encodeURIComponent(t.workflow_type)}`)},className:"text-text-quaternary hover:text-status-success transition-colors",children:e.jsx(ie,{className:"w-3.5 h-3.5"})}),t.registered&&e.jsx("button",{title:"Unregister workflow",onClick:n=>{n.stopPropagation(),c(t.workflow_type)},className:"text-text-quaternary hover:text-status-warning transition-colors",children:e.jsx(A,{className:"w-3.5 h-3.5"})})]})]})}function Ne(){return e.jsx("div",{className:"animate-pulse space-y-8 mt-4",children:[1,2].map(t=>e.jsxs("div",{children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-36 mb-4"}),e.jsx("div",{className:"space-y-4",children:[1,2,3].map(r=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]},r))})]},t))})}function be({selected:t,onChange:r,single:c,placeholder:x}){const{data:i}=X(),p=(i==null?void 0:i.roles)??[],[n,v]=d.useState(!1),f=d.useRef(null);d.useEffect(()=>{const l=u=>{f.current&&!f.current.contains(u.target)&&v(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)},[]);const y=l=>{c?(r(t.includes(l)?[]:[l]),v(!1)):r(t.includes(l)?t.filter(u=>u!==l):[...t,l])},m=l=>{r(t.filter(u=>u!==l))},j=x??(c?"Select role...":"Add roles...");return e.jsxs("div",{ref:f,className:"relative",children:[e.jsxs("button",{type:"button",onClick:()=>v(!n),className:"flex flex-wrap items-center gap-1.5 w-full min-h-[34px] px-2 py-1.5 bg-surface-sunken border border-surface-border rounded-md text-left cursor-pointer hover:border-accent/40 transition-colors focus:ring-1 focus:ring-accent focus:outline-none",children:[t.length===0&&e.jsx("span",{className:"text-xs text-text-tertiary",children:j}),t.map(l=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-accent/[0.08] text-text-secondary text-2xs",children:[e.jsx(F,{className:"w-2.5 h-2.5 shrink-0 text-accent/75"}),l,e.jsx("span",{role:"button",onClick:u=>{u.stopPropagation(),m(l)},className:"ml-0.5 hover:text-status-error transition-colors",children:e.jsx(ce,{className:"w-2.5 h-2.5"})})]},l)),e.jsx(de,{className:`w-3.5 h-3.5 ml-auto shrink-0 text-text-tertiary transition-transform ${n?"rotate-180":""}`})]}),n&&e.jsx("div",{className:"absolute z-[100] mt-1 w-full bg-surface-raised border border-surface-border rounded-md shadow-lg max-h-48 overflow-y-auto",children:p.length===0?e.jsx("p",{className:"px-3 py-2 text-xs text-text-tertiary",children:"No roles defined"}):p.map(l=>{const u=t.includes(l);return e.jsxs("button",{type:"button",onClick:()=>y(l),className:`flex items-center gap-2 w-full px-3 py-1.5 text-left text-xs transition-colors ${u?"bg-accent/[0.06] text-accent":"text-text-primary hover:bg-surface-sunken"}`,children:[e.jsx(F,{className:"w-3 h-3 shrink-0 text-accent/60"}),e.jsx("span",{className:"flex-1",children:l}),u&&e.jsx(me,{className:"w-3 h-3 shrink-0"})]},l)})})]})}function I(t){return t.split(",").map(r=>r.trim()).filter(Boolean)}const R={workflow_type:"",description:"",task_queue:"",default_role:"reviewer",invocable:!1,roles:"",invocation_roles:"",consumes:"",envelope_schema:"",input_schema:"",icon:"",resolver_schema:"",cron_schedule:"",execute_as:"",certified:!1};function _e(t){const r=(t.roles??[]).join(", "),c=(t.consumes??[]).join(", ");return{workflow_type:t.workflow_type,description:t.description??"",task_queue:t.task_queue??"",default_role:t.default_role,invocable:t.invocable,roles:r,invocation_roles:(t.invocation_roles??[]).join(", "),consumes:c,envelope_schema:t.envelope_schema?JSON.stringify(t.envelope_schema,null,2):"",input_schema:t.input_schema?JSON.stringify(t.input_schema,null,2):"",icon:t.icon??"",resolver_schema:t.resolver_schema?JSON.stringify(t.resolver_schema,null,2):"",cron_schedule:t.cron_schedule??"",execute_as:t.execute_as??"",certified:t.certified}}function C(t){if(!t.trim())return!0;try{return JSON.parse(t),!0}catch{return!1}}function Ce(t){if(!t.trim())return null;try{const r=JSON.parse(t);return r&&typeof r=="object"&&!Array.isArray(r)&&r.properties?r:null}catch{return null}}function Se({schemaText:t}){const r=d.useMemo(()=>Ce(t),[t]),c=d.useMemo(()=>r?ve(r):"",[r]),[x,i]=d.useState(c);d.useEffect(()=>{i(c)},[c]);const p=d.useMemo(()=>({...je({}),resolver:null}),[]);return r?e.jsx("div",{className:"@container","data-testid":"input-form-preview",children:e.jsx(ge,{value:x,onChange:i,escalationContext:p})}):e.jsxs("p",{className:"text-2xs text-text-tertiary",children:["A schema with ",e.jsx("code",{className:"font-mono",children:"properties"})," previews here as the operator's form."]})}function Ie({value:t,onChange:r}){const[c,x]=d.useState(""),i=d.useMemo(()=>ke(c),[c]),p=E(t);return e.jsxs("div",{className:"space-y-2","data-testid":"workflow-icon-picker",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"text",value:c,onChange:n=>x(n.target.value),placeholder:"Filter icons…","aria-label":"Filter icons",className:"input text-2xs py-1 w-40"}),e.jsxs("span",{className:"flex items-center gap-1.5 text-2xs text-text-tertiary min-w-0",children:[p?e.jsx(p,{className:"w-3.5 h-3.5 text-accent shrink-0",strokeWidth:1.5}):e.jsx(D,{className:"w-3.5 h-3.5 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"font-mono truncate",children:t||"tier glyph"})]})]}),e.jsxs("div",{className:"flex flex-wrap gap-1",role:"listbox","aria-label":"Workflow icon",children:[e.jsx("button",{type:"button",role:"option","aria-selected":!t,title:"No icon (tier glyph)",onClick:()=>r(""),className:`p-1.5 rounded-md border transition-colors ${t?"border-transparent text-text-quaternary hover:bg-surface-hover hover:text-text-secondary":"border-accent bg-accent/10 text-accent"}`,children:e.jsx(D,{className:"w-4 h-4",strokeWidth:1.5})}),i.map(n=>{const v=E(n),f=t===n;return e.jsx("button",{type:"button",role:"option","aria-selected":f,title:n,onClick:()=>r(n),className:`p-1.5 rounded-md border transition-colors ${f?"border-accent bg-accent/10 text-accent":"border-transparent text-text-tertiary hover:bg-surface-hover hover:text-text-primary"}`,children:e.jsx(v,{className:"w-4 h-4",strokeWidth:1.5})},n)}),i.length===0&&e.jsx("p",{className:"text-2xs text-text-tertiary px-1 py-1.5",children:"No icon matches."})]})]})}function W({icon:t,color:r,children:c}){return e.jsxs("div",{className:"flex items-center gap-2 mb-4 pb-2 border-b border-surface-border",children:[e.jsx(t,{className:`w-4 h-4 ${r}`,strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:c})]})}function b({label:t,hint:r,children:c}){return e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("label",{className:"label",children:t}),c,r&&e.jsx("p",{className:"hint",children:r})]})}const J="input-json w-full";function Re(t){return I(t)}function We(t){return t.join(", ")}const qe=new Set(["mcpQuery","mcpDeterministic","mcpQueryRouter","mcpTriage","mcpTriageRouter","mcpTriageDeterministic","insightQuery"]);function Ze(){const{workflowType:t}=pe(),r=!t,c=Q(),[x]=he(),{data:i,isLoading:p}=Y(),n=V(),v=U(),[f,y]=d.useState(!1),m=(i==null?void 0:i.find(o=>o.workflow_type===t))??null,{data:j}=Z({limit:500}),l=d.useMemo(()=>{const o=new Set((i??[]).map(k=>k.workflow_type));return[...new Set(((j==null?void 0:j.jobs)??[]).map(k=>k.entity))].filter(k=>!o.has(k)&&!qe.has(k)).sort()},[i,j]),u=d.useMemo(()=>{if(!r)return R;const o=x.get("workflow_type")??"",N=x.get("task_queue")??"";return o||N?{...R,workflow_type:o,task_queue:N}:R},[r,x]),[s,S]=d.useState(u),[a,g]=d.useState(""),[w,_]=d.useState(!1),h=d.useCallback((o,N)=>S(k=>({...k,[o]:N})),[]);d.useEffect(()=>{if(!w){if(r){S(u),_(!0);return}m&&(S(_e(m)),_(!0))}},[m,r,w,u]);const z=()=>{if(!s.workflow_type.trim())return;g("");let o=null,N=null,k=null;try{s.envelope_schema.trim()&&(o=JSON.parse(s.envelope_schema))}catch{g("Invalid JSON in Envelope Schema");return}try{s.input_schema.trim()&&(N=JSON.parse(s.input_schema))}catch{g("Invalid JSON in Input Form");return}try{s.resolver_schema.trim()&&(k=JSON.parse(s.resolver_schema))}catch{g("Invalid JSON in Resolver Schema");return}n.mutate({workflow_type:s.workflow_type.trim(),description:s.description.trim()||null,task_queue:s.task_queue.trim()||null,default_role:s.default_role.trim()||"reviewer",invocable:s.invocable,certified:s.certified,roles:I(s.roles),invocation_roles:I(s.invocation_roles),consumes:I(s.consumes),envelope_schema:o,input_schema:N,icon:s.icon||null,resolver_schema:k,cron_schedule:s.cron_schedule.trim()||null,execute_as:s.execute_as.trim()||null},{onSuccess:()=>c("/workflows/registry")})};if(p)return 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-40 bg-surface-sunken rounded"})]});if(!r&&!m)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Config not found."});const H=!!s.workflow_type.trim()&&C(s.envelope_schema)&&C(s.input_schema)&&C(s.resolver_schema),G=r&&!s.workflow_type&&l.length>0;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-light font-mono text-text-primary",children:r?"New Workflow":(m==null?void 0:m.workflow_type)??""}),m&&e.jsx("div",{className:"flex items-center gap-2 mt-2",children:e.jsx(we,{namespace:"durable"})})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-1",children:[m&&e.jsxs("button",{onClick:()=>y(!0),className:"flex items-center gap-1.5 text-2xs text-status-warning hover:underline mr-3",title:"Delete this registration — the workflow returns to plain durable",children:[e.jsx(A,{className:"w-3 h-3",strokeWidth:1.5})," Unregister"]}),e.jsx("button",{onClick:()=>c("/workflows/registry"),className:"btn-ghost text-xs",children:"Cancel"}),e.jsx("button",{onClick:z,disabled:!H||n.isPending,className:"btn-primary text-xs",children:n.isPending?"Saving…":r?"Register":"Save"})]})]}),e.jsxs("div",{className:"grid grid-cols-1 @wall:grid-cols-3 gap-x-14 gap-y-10",children:[e.jsxs("div",{children:[e.jsx(W,{icon:ue,color:"text-accent",children:"Identity"}),e.jsxs("div",{className:"space-y-5",children:[e.jsx(b,{label:"Workflow Type",hint:"Register a workflow to configure invocation and HITL escalation routing.",children:G?e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-xs text-text-secondary",children:"Select a durable workflow to register:"}),e.jsx("div",{className:"grid gap-1",children:l.map(o=>e.jsx("button",{onClick:()=>h("workflow_type",o),className:"flex items-center gap-2 px-3 py-2 text-left text-xs font-mono rounded-md border border-surface-border hover:border-accent/50 hover:bg-accent/[0.04] transition-colors",children:o},o))}),e.jsxs("div",{className:"flex items-center gap-2 pt-1",children:[e.jsx("span",{className:"text-2xs text-text-tertiary",children:"or"}),e.jsx("input",{type:"text",onChange:o=>h("workflow_type",o.target.value),placeholder:"Enter type manually",className:"input font-mono flex-1"})]})]}):e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"text",value:s.workflow_type,onChange:o=>h("workflow_type",o.target.value),disabled:!r,placeholder:"reviewContent",className:"input font-mono w-full"}),r&&s.workflow_type&&l.length>0&&e.jsx("button",{onClick:()=>h("workflow_type",""),className:"text-2xs text-accent hover:underline mt-1",children:"Choose from durable workflows"})]})}),e.jsx(b,{label:"Icon",hint:"Leads the workflow's row and heading on the Invoke Tool page so operators tell tools apart at a glance. Declared in code as WORKFLOW_ICONS.*",children:e.jsx(Ie,{value:s.icon,onChange:o=>h("icon",o)})}),e.jsx(b,{label:"Description",children:e.jsx("input",{type:"text",value:s.description,onChange:o=>h("description",o.target.value),placeholder:"Describe what this workflow does",className:"input text-xs w-full"})}),e.jsx(b,{label:"Task Queue",hint:"Durable task queue this workflow listens on.",children:e.jsx("input",{type:"text",value:s.task_queue,onChange:o=>h("task_queue",o.target.value),placeholder:"lt-review",className:"input font-mono w-full"})})]})]}),e.jsxs("div",{children:[e.jsx(W,{icon:M,color:"text-accent",children:"Invocation"}),e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:s.invocable,onChange:o=>h("invocable",o.target.checked),className:"w-4 h-4 rounded border-border accent-accent"}),e.jsx("span",{className:"text-xs text-text-primary font-medium",children:"Invocable"})]}),e.jsx("p",{className:"hint",children:"Allow this workflow to be started from the dashboard or API."})]}),s.invocable?e.jsxs(e.Fragment,{children:[e.jsx(b,{label:"Run As",hint:"Bot identity to run under. Default runs as the invoking user.",children:e.jsx(fe,{selected:s.execute_as,onChange:o=>h("execute_as",o)})}),e.jsx(b,{label:"Invocation Roles",hint:"Only users with these roles can start this workflow. Empty = all authenticated users.",children:e.jsx(be,{selected:Re(s.invocation_roles),onChange:o=>h("invocation_roles",We(o)),placeholder:"Select roles…"})}),e.jsxs(b,{label:"Input Form",hint:e.jsx("button",{type:"button",onClick:()=>{window.location.hash="#docs:hitl/invoke-form.md"},className:"text-accent hover:underline",children:"Authoring reference →"}),children:[e.jsx("textarea",{value:s.input_schema,onChange:o=>h("input_schema",o.target.value),placeholder:`{
+  "x-lt-layout": "two-column",
+  "required": ["serialNumber"],
+  "properties": {
+    "serialNumber": { "type": "string", "title": "Serial number", "description": "Read it off the label" }
+  }
+}`,className:J,rows:14,spellCheck:!1,"data-testid":"input-form-editor"}),s.input_schema.trim()&&!C(s.input_schema)&&e.jsx("p",{className:"text-2xs text-status-error mt-1",children:"Invalid JSON"})]}),e.jsxs(b,{label:s.input_schema.trim()?"Envelope Metadata":"Envelope Schema",hint:s.input_schema.trim()?e.jsxs(e.Fragment,{children:["With an input form, only ",e.jsx("code",{className:"font-mono",children:"metadata"})," is read from here and stamped on every run; ",e.jsx("code",{className:"font-mono",children:"data"})," comes from the form."]}):e.jsxs(e.Fragment,{children:["Pre-fills the JSON editor when invoking. Include ",e.jsx("code",{className:"font-mono",children:"data"})," (input) and optional ",e.jsx("code",{className:"font-mono",children:"metadata"}),". Declare an input form above for a rich, validated form instead."]}),children:[e.jsx("textarea",{value:s.envelope_schema,onChange:o=>h("envelope_schema",o.target.value),placeholder:`{
+  "data": {},
+  "metadata": {}
+}`,className:J,rows:8,spellCheck:!1}),s.envelope_schema.trim()&&!C(s.envelope_schema)&&e.jsx("p",{className:"text-2xs text-status-error mt-1",children:"Invalid JSON"})]})]}):e.jsxs("p",{className:"text-2xs text-text-tertiary py-2",children:["Enable ",e.jsx("span",{className:"font-medium text-text-secondary",children:"Invocable"})," to configure invocation roles and an input template."]})]})]}),e.jsxs("div",{className:"@wall:sticky @wall:top-0 self-start max-h-[calc(100vh-6rem)] overflow-y-auto",children:[e.jsx(W,{icon:xe,color:"text-accent",children:"Preview"}),s.invocable&&s.input_schema.trim()&&C(s.input_schema)?e.jsx(Se,{schemaText:s.input_schema}):e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:s.invocable?"Declare an Input Form and it previews here as the operator's form, live as you type.":"Enable Invocable and declare an Input Form to preview the operator's form here."})]})]}),(a||n.error)&&e.jsx("p",{className:"text-xs text-status-error mt-8",children:a||n.error.message}),e.jsx($,{open:f,onClose:()=>y(!1),onConfirm:()=>v.mutate(m.workflow_type,{onSuccess:()=>c("/workflows/registry")}),title:"Unregister Workflow",description:e.jsxs(e.Fragment,{children:["Delete the registration for"," ",e.jsx("span",{className:"font-mono font-medium text-text-primary",children:m==null?void 0:m.workflow_type}),"? This removes its invocation settings, certification, and interceptor treatment; the workflow keeps running as a plain durable workflow. Escalation schemas versioned on roles are untouched."]}),isPending:v.isPending,error:v.error})]})}export{Ze as WorkflowConfigDetailPage,Ve as WorkflowConfigsPage};
+//# sourceMappingURL=index-DoETPlJP.js.map