flujo-ai 3.18.0 → 3.19.0

package/.next/server/app/flows/page.js

@@ -1,4 +1,4 @@
-(()=>{var a={};a.id=3080,a.ids=[3080],a.modules={261:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/app-paths")},3295:a=>{"use strict";a.exports=require("next/dist/server/app-render/after-task-async-storage.external.js")},9718:(a,b,c)=>{"use strict";c.d(b,{Zg:()=>d.Z,Mj:()=>g});var d=c(60418),e=c(38301);let f=(0,c(19815).h)("utils/storage/frontend.ts");function g(a,b){f.verbose("useLocalStorage: Entering method");let[c,d]=(0,e.useState)(b),[g,h]=(0,e.useState)(!0),i=(0,e.useRef)(c);return[c,(0,e.useCallback)(async b=>{f.verbose("setValue: Entering method");try{let c=b instanceof Function?b(i.current):b;if(d(c),!(await fetch("/api/storage",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:a,value:c})})).ok)throw Error("Failed to save value")}catch(b){f.warn(`Error setting storage key "${a}":`,b)}},[a]),g]}},10057:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(97954).registerClientReference)(function(){throw Error("Attempted to call the default export of \"C:\\\\Users\\\\MarioAndreschak\\\\Documents\\\\GitHub\\\\FLUJO\\\\src\\\\app\\\\flows\\\\page.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"C:\\Users\\MarioAndreschak\\Documents\\GitHub\\FLUJO\\src\\app\\flows\\page.tsx","default")},10846:a=>{"use strict";a.exports=require("next/dist/compiled/next-server/app-page.runtime.prod.js")},19121:a=>{"use strict";a.exports=require("next/dist/server/app-render/action-async-storage.external.js")},25525:(a,b,c)=>{Promise.resolve().then(c.bind(c,71507))},26713:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/is-bot")},28354:a=>{"use strict";a.exports=require("util")},29294:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-async-storage.external.js")},33873:a=>{"use strict";a.exports=require("path")},41025:a=>{"use strict";a.exports=require("next/dist/server/app-render/dynamic-access-async-storage.external.js")},53773:(a,b,c)=>{"use strict";c.d(b,{A:()=>v});var d=c(38301),e=c(43249),f=c(3253),g=c(33105),h=c(2783),i=c(38435),j=c(30583),k=c(69467),l=c(49103),m=c(80751),n=c(49939),o=c(21124);let p=(0,l.A)(),q=(0,i.A)("div",{name:"MuiStack",slot:"Root",overridesResolver:(a,b)=>b.root});function r(a){return(0,j.A)({props:a,name:"MuiStack",defaultTheme:p})}let s=({ownerState:a,theme:b})=>{let c={display:"flex",flexDirection:"column",...(0,m.NI)({theme:b},(0,m.kW)({values:a.direction,breakpoints:b.breakpoints.values}),a=>({flexDirection:a}))};if(a.spacing){let d=(0,n.LX)(b),e=Object.keys(b.breakpoints.values).reduce((b,c)=>(("object"==typeof a.spacing&&null!=a.spacing[c]||"object"==typeof a.direction&&null!=a.direction[c])&&(b[c]=!0),b),{}),g=(0,m.kW)({values:a.direction,base:e}),h=(0,m.kW)({values:a.spacing,base:e});"object"==typeof g&&Object.keys(g).forEach((a,b,c)=>{if(!g[a]){let d=b>0?g[c[b-1]]:"column";g[a]=d}}),c=(0,f.A)(c,(0,m.NI)({theme:b},h,(b,c)=>a.useFlexGap?{gap:(0,n._W)(d,b)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[c?g[c]:a.direction]}`]:(0,n._W)(d,b)}}))}return(0,m.iZ)(b.breakpoints,c)};var t=c(18168),u=c(6636);let v=function(a={}){let{createStyledComponent:b=q,useThemeProps:c=r,componentName:f="MuiStack"}=a,i=b(s);return d.forwardRef(function(a,b){let j=c(a),{component:l="div",direction:m="column",spacing:n=0,divider:p,children:q,className:r,useFlexGap:s=!1,...t}=(0,k.A)(j),u=(0,h.A)({root:["root"]},a=>(0,g.Ay)(f,a),{});return(0,o.jsx)(i,{as:l,ownerState:{direction:m,spacing:n,useFlexGap:s},ref:b,className:(0,e.A)(u.root,r),...t,children:p?function(a,b){let c=d.Children.toArray(a).filter(Boolean);return c.reduce((a,e,f)=>(a.push(e),f<c.length-1&&a.push(d.cloneElement(b,{key:`separator-${f}`})),a),[])}(q,p):q})})}({createStyledComponent:(0,t.Ay)("div",{name:"MuiStack",slot:"Root",overridesResolver:(a,b)=>b.root}),useThemeProps:a=>(0,u.b)({props:a,name:"MuiStack"})})},55511:a=>{"use strict";a.exports=require("crypto")},60418:(a,b,c)=>{"use strict";c.d(b,{Z:()=>d});var d=function(a){return a.MODELS="models",a.FLOWS="flows",a.CHAT_HISTORY="history",a.THEME="theme",a.ENCRYPTION_KEY="encryption_key",a.MCP_SERVERS="mcp_servers",a.GLOBAL_ENV_VARS="global_env_vars",a.CURRENT_CONVERSATION_ID="current_conversation_id",a.SELECTED_FLOW_ID="selected_flow_id",a.SPEECH_SETTINGS="speech_settings",a.SPOTLIGHT_SERVERS="spotlight_servers",a.PLANNED_EXECUTIONS="planned_executions",a.MCP_AUTO_INSTALL_SETTINGS="mcp_auto_install_settings",a}({})},63033:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-unit-async-storage.external.js")},67317:(a,b,c)=>{Promise.resolve().then(c.bind(c,10057))},71507:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>c4});var d=c(21124),e=c(38301),f=c.n(e),g=c(60839),h=c(81637),i=c(79515),j=c(20830),k=c(49565),l=c(44079),m=c(43312),n=c(99561),o=c(88745),p=c(40512),q=c(83899),r=c(52327),s=c(7503),t=c(37674),u=c(19925),v=c(27080);let w=(0,v.A)((0,d.jsx)("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"}),"ArrowBack");var x=c(47902);let y=(0,v.A)((0,d.jsx)("path",{d:"m19 9 1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25z"}),"AutoAwesome");var z=c(18168),A=c(54573),B=c(91059),C=c(19815),D=c(95791),E=c(2117),F=c(63281),G=c(28055),H=c(46973);H.TG.ArrowClosed;let I={type:"mcpEdge",animated:!1,style:{stroke:"#1976d2",strokeWidth:2},markerEnd:{type:H.TG.ArrowClosed,width:20,height:20,color:"#1976d2"},markerStart:{type:H.TG.ArrowClosed,width:20,height:20,color:"#1976d2"}};function J(a){return!!a&&a.includes("mcp")}function K(a,b,c,d){if("start"===c)return"Start nodes cannot have incoming connections";if("finish"===a)return"Finish nodes cannot have outgoing connections";if("mcp"===a||"mcp"===c||J(b)||J(d)){if(("mcp"!==a||"process"!==c)&&("process"!==a||"mcp"!==c))return"MCP connections must link an MCP node to a Process node via MCP handles";if("process"===a&&!J(b))return"Connect MCP nodes from the Process node's left/right MCP handles"}return null}function L(a,b,c){return b.filter(b=>b.data?.edgeType!=="mcp"&&(b.source===a?b.target!==c:!!(b.target===a&&b.data?.bidirectional)&&b.source!==c))}function M(a,b,c=[]){if(!a.source||!a.target||!a.sourceHandle||!a.targetHandle)return console.error("Invalid connection: Missing source, target, or handles",a),!1;let d=b.find(b=>b.id===a.source),e=b.find(b=>b.id===a.target);if(!d||!e)return console.error("Invalid connection: Source or target node not found",a),!1;let f=K(d.type,a.sourceHandle,e.type,a.targetHandle);return f?(console.error(`Invalid connection: ${f}`),!1):"subflow"!==d.type||!(L(d.id,c,a.target).length>0)||(console.error("Invalid connection: Subflow nodes can only have one outgoing connection"),!1)}function N(a,b){let c=b.find(b=>b.id===a.source),d=b.find(b=>b.id===a.target),e=a.sourceHandle,f=a.targetHandle,g=c?.type==="mcp"||d?.type==="mcp"||J(e)||J(f),h=`${a.source}:${e}->${a.target}:${f}`;return g?{id:h,...a,type:"mcpEdge",data:{edgeType:"mcp"},animated:!1,markerEnd:I.markerEnd,markerStart:I.markerStart,style:I.style}:{id:h,...a,type:"custom",data:{edgeType:"standard"},animated:!0}}function O(a,b,c=[]){let d=b.find(b=>b.id===a.source),e=b.find(b=>b.id===a.target);return!!d&&!!e&&("subflow"!==e.type||!(L(e.id,c,a.source).length>0))&&null===K(e.type,null,d.type,null)}function P(a,b){let c=a=>a.data?.edgeType==="mcp";return b.filter(b=>b.id===a.id||(c(a)?c(b)&&(b.source===a.source&&b.target===a.target||b.source===a.target&&b.target===a.source):!c(b)&&b.source===a.source&&b.target===a.target)).map(a=>a.id)}function Q(a){return a.data?.edgeType==="mcp"}var R=c(6537),S=c(8070),T=c(94367),U=c(50553),V=c(84233),W=c(7118),X=c(91034),Y=c(38941),Z=c(95345),$=c(12033);let _=({open:a,position:b,onClose:c,onDelete:e,onEditProperties:f,onCopy:g,onPaste:h,canPaste:i,canCopy:j,nodeId:k,selection:l,edgeId:m})=>{let n=[];return k&&!l&&n.push((0,d.jsxs)(T.A,{onClick:()=>{f&&f(),c()},children:[(0,d.jsx)(U.A,{children:(0,d.jsx)($.A,{fontSize:"small"})}),(0,d.jsx)(V.A,{children:"Edit Properties"})]},"edit")),g&&(k||l)&&n.push((0,d.jsxs)(T.A,{onClick:()=>{g&&g(),c()},disabled:!j,children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(Y.A,{fontSize:"small"})}),(0,d.jsx)(V.A,{children:"Copy"})]},"copy")),h&&n.push((0,d.jsxs)(T.A,{onClick:()=>{h&&h(),c()},disabled:!i,children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(Z.A,{fontSize:"small"})}),(0,d.jsx)(V.A,{children:"Paste"})]},"paste")),(k||m||l)&&n.push((0,d.jsx)(B.A,{},"delete-divider"),(0,d.jsxs)(T.A,{onClick:()=>{e(),c()},sx:{color:"error.main"},children:[(0,d.jsx)(U.A,{sx:{color:"error.main"},children:(0,d.jsx)(X.A,{fontSize:"small"})}),(0,d.jsx)(V.A,{children:"Delete"})]},"delete")),(0,d.jsx)(W.A,{open:a,onClose:c,anchorReference:"anchorPosition",anchorPosition:null!==b.y&&null!==b.x?{top:b.y,left:b.x}:void 0,children:n})};var aa=c(90837),ab=c(97004);function ac(a,b){return b.find(b=>b.id===a)}let ad=(0,C.h)("components/flow/FlowBuilder/Canvas/hooks/useCanvasEvents.ts"),ae=(0,v.A)([(0,d.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"},"0"),(0,d.jsx)("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2z"},"1")],"ZoomIn"),af=(0,v.A)((0,d.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14M7 9h5v1H7z"}),"ZoomOut"),ag=(0,v.A)((0,d.jsx)("path",{d:"M17 4h3c1.1 0 2 .9 2 2v2h-2V6h-3zM4 8V6h3V4H4c-1.1 0-2 .9-2 2v2zm16 8v2h-3v2h3c1.1 0 2-.9 2-2v-2zM7 18H4v-2H2v2c0 1.1.9 2 2 2h3zM18 8H6v8h12z"}),"FitScreen"),ah=(0,z.Ay)(j.A)(({theme:a})=>({minWidth:"36px",padding:"6px",margin:"0 4px",backgroundColor:"dark"===a.palette.mode?"rgba(255, 255, 255, 0.05)":"rgba(0, 0, 0, 0.02)","&:hover":{backgroundColor:"dark"===a.palette.mode?"rgba(255, 255, 255, 0.1)":"rgba(0, 0, 0, 0.05)"}})),ai=()=>{let{zoomIn:a,zoomOut:b,fitView:c}=(0,D.VH)();return(0,d.jsx)(D.Zk,{position:"top-right",style:{margin:"10px"},children:(0,d.jsxs)("div",{style:{display:"flex",gap:"5px"},children:[(0,d.jsx)(m.A,{title:"Zoom In",children:(0,d.jsx)(ah,{variant:"outlined",size:"small",onClick:()=>a(),children:(0,d.jsx)(ae,{fontSize:"small"})})}),(0,d.jsx)(m.A,{title:"Zoom Out",children:(0,d.jsx)(ah,{variant:"outlined",size:"small",onClick:()=>b(),children:(0,d.jsx)(af,{fontSize:"small"})})}),(0,d.jsx)(m.A,{title:"Fit View",children:(0,d.jsx)(ah,{variant:"outlined",size:"small",onClick:()=>c(),children:(0,d.jsx)(ag,{fontSize:"small"})})})]})})},aj=({showMiniMap:a=!0,showControls:b=!0,showBackground:c=!0})=>{let e=(0,g.A)(),f="dark"===e.palette.mode;return(0,d.jsxs)(d.Fragment,{children:[c&&(0,d.jsx)(D.VS,{color:f?e.palette.text.disabled:e.palette.divider,gap:20,size:1}),b&&(0,d.jsx)(D.H2,{}),a&&(0,d.jsx)(D.of,{nodeColor:f?e.palette.primary.dark:e.palette.primary.light,maskColor:f?"rgba(0, 0, 0, 0.4)":"rgba(255, 255, 255, 0.6)"})]})},ak=(0,C.h)("components/flow/FlowBuilder/Canvas/Canvas.tsx"),al="flujo:flowClipboard",am=null;function an(a){am=a;try{localStorage.setItem(al,JSON.stringify(a))}catch(a){ak.warn("Could not persist flow clipboard to localStorage",a)}}let ao={start:S.vm,process:S.Uw,finish:S.IK,mcp:S.v2,subflow:S.lA},ap={custom:aa.jY,mcpEdge:aa.oY},aq=({open:a,position:b,onClose:c,onSelectNodeType:e,sourceNodeType:f,sourceHandleId:j})=>{let k=(0,g.A)(),l=function(a,b){let c=["process","finish","mcp","subflow"];return a&&b?c.filter(c=>null===K(a,b,c,`${c}-top`)):c}(f,j);ak.debug(`NodeSelectionModal: Source node type: ${f}, Source handle ID: ${j}`),ak.debug(`NodeSelectionModal: Valid node types: ${l.join(", ")}`);let m=[{type:"process",label:"Process Node",description:"Let a LLM do your work"},{type:"finish",label:"Finish Node",description:"End your flow here"},{type:"mcp",label:"MCP Node",description:"Add functionality"},{type:"subflow",label:"Subflow Node",description:"Run another flow"}].filter(a=>l.includes(a.type));return b?(0,d.jsx)(R.A,{open:a,onClose:c,"aria-labelledby":"node-selection-modal",children:(0,d.jsxs)(h.default,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:300,bgcolor:"background.paper",borderRadius:2,boxShadow:24,p:4},children:[(0,d.jsx)(i.default,{variant:"h6",component:"h2",gutterBottom:!0,children:"Select Node Type"}),(0,d.jsx)(h.default,{display:"flex",flexDirection:"column",gap:2,children:m.map(a=>(0,d.jsxs)(h.default,{sx:{padding:2,borderRadius:1,border:`2px solid ${"process"===a.type?k.palette.secondary.main:"finish"===a.type?k.palette.success.main:"subflow"===a.type?k.palette.warning.main:k.palette.info.main}`,cursor:"pointer","&:hover":{boxShadow:3}},onClick:()=>e(a.type,b),children:[(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",gap:1,mb:1,children:[(a=>{switch(a){case"process":default:return(0,d.jsx)("div",{style:{width:24,height:24,backgroundColor:k.palette.secondary.main,borderRadius:"50%"}});case"finish":return(0,d.jsx)("div",{style:{width:24,height:24,backgroundColor:k.palette.success.main,borderRadius:"50%"}});case"mcp":return(0,d.jsx)("div",{style:{width:24,height:24,backgroundColor:k.palette.info.main,borderRadius:"50%"}});case"subflow":return(0,d.jsx)("div",{style:{width:24,height:24,backgroundColor:k.palette.warning.main,borderRadius:"50%"}})}})(a.type),(0,d.jsx)(i.default,{variant:"subtitle1",fontWeight:"bold",children:a.label})]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",children:a.description})]},a.type))})]})}):null},ar=(0,z.Ay)("div")(({theme:a})=>({width:"100%",height:"80vh",border:`1px solid ${a.palette.divider}`,borderRadius:"4px",background:a.palette.background.paper,position:"relative"})),as=(0,e.forwardRef)((a,b)=>{let c=(0,g.A)(),{nodes:f,edges:h,onNodesChange:i,onEdgesChange:j,onDrop:k,onDragOver:l,onInit:m,reactFlowWrapper:n,onEditNode:o}=a,{contextMenu:p,selectedElements:q,closeContextMenu:r,handleDelete:s,onNodeContextMenu:t,onEdgeContextMenu:u,onPaneContextMenu:v,onSelectionContextMenu:w}=function(a){let{deleteElements:b}=(0,D.VH)(),[c,d]=(0,e.useState)({open:!1,position:{x:0,y:0}}),[f,g]=(0,e.useState)({nodes:[],edges:[]});(0,D.p4)({onChange:({nodes:a,edges:b})=>{let c=a.map(a=>a.id),d=b.map(a=>a.id);ad.debug(`Selection changed: ${c.length} nodes, ${d.length} edges selected`),g({nodes:c,edges:d})}});let h=(0,e.useCallback)((a,b,c,e)=>{a.preventDefault(),b?ad.debug(`Context menu opened for node: ${b}`):c?ad.debug(`Context menu opened for edge: ${c}`):e?ad.debug("Context menu opened for the current selection"):ad.debug(`Context menu opened on canvas at (${a.clientX}, ${a.clientY})`),d({open:!0,position:{x:a.clientX,y:a.clientY},nodeId:b,edgeId:c,selection:e})},[]),i=(0,e.useCallback)(()=>{ad.debug("Context menu closed"),d(a=>({...a,open:!1}))},[]),j=(0,e.useCallback)(()=>{if(c.selection)ad.debug("handleDelete: Deleting the current selection"),b({nodes:f.nodes.map(a=>({id:a})),edges:f.edges.map(a=>({id:a}))});else if(c.nodeId){if(ad.debug(`handleDelete: Attempting to delete node ${c.nodeId}`),!function(a,b){let c=ac(a,b);return!!c&&"start"!==c.type}(c.nodeId,a)){ad.warn(`Cannot delete Start node: ${c.nodeId}`),alert("Start nodes cannot be deleted");return}b({nodes:[{id:c.nodeId}]})}else c.edgeId&&(ad.debug(`handleDelete: Deleting edge ${c.edgeId}`),b({edges:[{id:c.edgeId}]}))},[c,b,a,f]),k=(0,e.useCallback)((a,b)=>{h(a,b.id)},[h]),l=(0,e.useCallback)((a,b)=>{h(a,void 0,b.id)},[h]),m=(0,e.useCallback)(a=>{h(a)},[h]),n=(0,e.useCallback)(a=>{h(a,void 0,void 0,!0)},[h]);return{contextMenu:c,selectedElements:f,onContextMenu:h,closeContextMenu:i,handleDelete:j,onNodeContextMenu:k,onEdgeContextMenu:l,onPaneContextMenu:m,onSelectionContextMenu:n}}(f),{deleteElements:x}=(0,D.VH)(),y=(0,D.PI)(),z=(0,e.useRef)(null),[A,B]=(0,e.useState)(null),[C,G]=(0,e.useState)({open:!1,position:null}),I=(0,e.useCallback)(a=>[...f.filter(a=>a.selected).map(a=>({type:"select",id:a.id,selected:!1})),{type:"add",item:{...a,selected:!0}}],[f]);(0,e.useEffect)(()=>{if(!o)return;let a=a=>{if(a.detail&&a.detail.nodeId){let b=ac(a.detail.nodeId,f);b&&o(b)}};return document.addEventListener("editNode",a),()=>{document.removeEventListener("editNode",a)}},[f,o]);let K=(0,e.useCallback)(a=>{if(!a.sourceHandle||!a.targetHandle)return void ak.error("Invalid connection: Missing source or target handle",a);let b=y.getState().connection.fromHandle?.type==="target";if(!M(a,f,h))return;let d=N(a,f);if(d.data?.edgeType==="standard"){let d=a=>a.data?.edgeType!=="mcp",e=a=>!!a.data?.bidirectional,g=h.find(b=>d(b)&&b.source===a.source&&b.target===a.target),i=h.find(b=>d(b)&&b.source===a.target&&b.target===a.source),k=a=>{ak.info(`Merging reverse connection into bidirectional edge ${a.id}`),j([{type:"replace",id:a.id,item:{...a,data:{...a.data,bidirectional:!0},markerStart:{type:H.TG.ArrowClosed,width:20,height:20,color:c.palette.text.secondary}}}])};if(b){let a=g??i;return a?void(!e(a)&&O(a,f,h)&&k(a)):void ak.info("Connection drawn from a top handle is only allowed to convert an existing edge to bidirectional")}if(g&&e(g))return;if(i){!e(i)&&O(i,f,h)&&k(i);return}}j([...P(d,h).map(a=>({type:"remove",id:a})),{type:"add",item:d}])},[f,h,j,y,c.palette.text.secondary]);(0,e.useEffect)(()=>{let a=a=>{let{edgeId:b,waypoints:c}=a.detail,d=h.find(a=>a.id===b);if(!d)return;let{waypoint:e,...f}=d.data??{};j([{type:"replace",id:b,item:{...d,data:{...f,waypoints:c??void 0}}}])};return document.addEventListener(ab.R,a),()=>document.removeEventListener(ab.R,a)},[h,j]);let L=(0,e.useCallback)(async({nodes:a,edges:b})=>{let c=a.filter(a=>"start"!==a.type),d=new Set(c.map(a=>a.id)),e=new Set(a.map(a=>a.id)),f=b.filter(a=>!!(a.selected||d.has(a.source)||d.has(a.target))||!(e.has(a.source)||e.has(a.target)));return(0!==c.length||0!==f.length)&&{nodes:c,edges:f}},[]),Q=(0,e.useCallback)(a=>{B(a),m&&m(a)},[m]);(0,e.useEffect)(()=>{let a=a=>{if(!a.detail||!A)return;let{nodeType:b,position:c}=a.detail,d=F.g.createNode(b,c);i(I(d)),o&&o(d)};return document.addEventListener("addNodeFromPalette",a),()=>{document.removeEventListener("addNodeFromPalette",a)}},[A,i,I,o]);let R=(0,e.useCallback)(()=>{if(p.nodeId&&o){let a=ac(p.nodeId,f);a&&o(a)}},[p.nodeId,f,o]),S=(0,e.useCallback)((a,b)=>{a.preventDefault(),o&&o(b)},[o]),T=(0,e.useCallback)((a,b)=>{let{fromNode:c,fromHandle:d}=b;if(!c||!d?.id||!A)return void ak.debug("onConnectEnd: No valid connection start data");if(ak.debug(`onConnectEnd: Connection ended from node ${c.id}, handle ${d.id}`),"target"===d.type&&!J(d.id))return void ak.debug("onConnectEnd: Drag from a target handle cannot create a new node");if("subflow"===c.type&&"source"===d.type&&h.some(a=>{let b=a.data;return b?.edgeType!=="mcp"&&(a.source===c.id||a.target===c.id&&!!b?.bidirectional)}))return void ak.debug("onConnectEnd: Subflow already has an outgoing connection; not offering a new node");if(!a.target.classList.contains("react-flow__pane"))return;let e=a instanceof MouseEvent?a:a.changedTouches[0],f=A.screenToFlowPosition({x:e.clientX,y:e.clientY});ak.debug(`onConnectEnd: Connection dropped on pane at position (${f.x}, ${f.y})`),G({open:!0,position:f,sourceNodeId:c.id,sourceNodeType:c.type,sourceHandleId:d.id})},[A,h]),U=(0,e.useCallback)((a,b)=>{ak.debug(`handleNodeTypeSelection: Selected node type ${a} at position (${b.x}, ${b.y})`);let c=F.g.createNode(a,b);i(I(c));let{sourceNodeId:d,sourceHandleId:e}=C,g=d?ac(d,f):void 0;if(g&&e){let b=`${a}-top`,d={source:g.id,sourceHandle:e,target:c.id,targetHandle:b};if(ak.debug(`handleNodeTypeSelection: Creating connection from ${d.source} to ${d.target}`),M(d,[...f,c],h)){let a=N(d,[...f,c]);j([...P(a,h).map(a=>({type:"remove",id:a})),{type:"add",item:a}]),ak.debug(`handleNodeTypeSelection: Edge created with id ${a.id}`)}}G({open:!1,position:null}),o&&o(c)},[C,f,h,I,i,j,o]),V=(0,e.useCallback)(()=>{ak.debug("handleCloseNodeSelectionModal: Closing node selection modal"),G({open:!1,position:null})},[]),W=(0,e.useCallback)(()=>{let a=new Set(q.nodes),b=f.filter(b=>a.has(b.id)&&"start"!==b.type);if(0===b.length)return!1;let c=new Set(b.map(a=>a.id)),d=h.filter(a=>c.has(a.source)&&c.has(a.target));return an({nodes:JSON.parse(JSON.stringify(b)),edges:JSON.parse(JSON.stringify(d))}),ak.debug(`Copied ${b.length} node(s) and ${d.length} edge(s)`),!0},[q,f,h]),X=(0,e.useCallback)(()=>{let a=am;if(!a)try{let b=localStorage.getItem(al);b&&(a=JSON.parse(b))}catch(a){ak.warn("Could not read flow clipboard from localStorage",a)}if(!a||!a.nodes||0===a.nodes.length)return void ak.debug("Paste requested but clipboard is empty");let b=new Map;a.nodes.forEach(a=>b.set(a.id,(0,E.A)()));let c=a.nodes.map(a=>({...a,id:b.get(a.id),position:{x:(a.position?.x??0)+40,y:(a.position?.y??0)+40},selected:!0,data:{...a.data}})),d=(a.edges||[]).filter(a=>b.has(a.source)&&b.has(a.target)).map(a=>({...a,id:(0,E.A)(),source:b.get(a.source),target:b.get(a.target),selected:!1}));i([...f.filter(a=>a.selected).map(a=>({type:"select",id:a.id,selected:!1})),...c.map(a=>({type:"add",item:a}))]),d.length>0&&j(d.map(a=>({type:"add",item:a}))),ak.info(`Pasted ${c.length} node(s) and ${d.length} edge(s)`)},[f,i,j]),Y=(0,e.useCallback)(a=>{let b=a.ctrlKey||a.metaKey,c=a.key.toLowerCase();if(b&&"c"===c){W()&&a.preventDefault();return}if(b&&"x"===c){W()&&(a.preventDefault(),x({nodes:q.nodes.map(a=>({id:a})),edges:q.edges.map(a=>({id:a}))}));return}if(b&&"v"===c){a.preventDefault(),X();return}},[W,X,x,q]),Z=(0,e.useCallback)(()=>{if(p.nodeId&&!q.nodes.includes(p.nodeId)){let a=f.find(a=>a.id===p.nodeId);a&&"start"!==a.type&&(an({nodes:JSON.parse(JSON.stringify([a])),edges:[]}),ak.debug("Copied right-clicked node to clipboard"));return}W()},[p.nodeId,q,f,W]),$=(0,e.useMemo)(()=>{if(am)return!0;try{return!!localStorage.getItem(al)}catch{return!1}},[p.open]),aa=(0,e.useMemo)(()=>{if(p.selection){let a=new Set(q.nodes);return f.some(b=>a.has(b.id)&&"start"!==b.type)}if(p.nodeId){let a=f.find(a=>a.id===p.nodeId);return!!a&&"start"!==a.type}return!1},[p.selection,p.nodeId,q,f]);return(0,d.jsxs)(ar,{ref:a=>{b&&("function"==typeof b?b(a):b.current=a),n&&(n.current=a),z.current=a},children:[(0,d.jsxs)(D.Gc,{nodes:f,edges:h,nodeTypes:ao,edgeTypes:ap,defaultEdgeOptions:(0,e.useMemo)(()=>({type:"custom",animated:!0,style:{stroke:c.palette.text.secondary,strokeWidth:2},markerEnd:{type:H.TG.ArrowClosed,width:20,height:20,color:c.palette.text.secondary}}),[c.palette.text.secondary]),connectionLineType:H.Do.SmoothStep,onNodesChange:i,onEdgesChange:j,onConnect:K,onBeforeDelete:L,deleteKeyCode:["Backspace","Delete"],onDrop:k,onDragOver:l,onInit:Q,onNodeContextMenu:t,onEdgeContextMenu:u,onPaneContextMenu:v,onSelectionContextMenu:w,onKeyDown:Y,onNodeDoubleClick:S,onConnectEnd:T,tabIndex:0,fitView:!0,attributionPosition:"bottom-right",minZoom:.1,maxZoom:2,snapToGrid:!0,snapGrid:[15,15],connectOnClick:!1,children:[(0,d.jsx)(ai,{}),(0,d.jsx)(aj,{})]}),(0,d.jsx)(_,{open:p.open,position:p.position,onClose:r,onDelete:s,onEditProperties:R,onCopy:Z,onPaste:X,canPaste:$,canCopy:aa,nodeId:p.nodeId,selection:p.selection,edgeId:p.edgeId}),(0,d.jsx)(aq,{open:C.open,position:C.position,onClose:V,onSelectNodeType:U,sourceNodeType:C.sourceNodeType,sourceHandleId:C.sourceHandleId})]})});as.displayName="Canvas";var at=c(98540),au=c(83144),av=c(88970);let aw=(0,C.h)("components/flow/FlowBuilder/NodePalette.tsx"),ax="NodePalette",ay=(0,z.Ay)(A.A)(({theme:a})=>({padding:a.spacing(2),width:"200px",height:"80vh",display:"flex",flexDirection:"column",gap:a.spacing(2)})),az=(0,z.Ay)(A.A,{shouldForwardProp:a=>"nodeType"!==a})(({theme:a,nodeType:b})=>({padding:a.spacing(1.5),minWidth:"180px",borderRadius:"8px",backgroundColor:a.palette.background.paper,border:`2px solid ${"process"===b?a.palette.secondary.main:"finish"===b?a.palette.success.main:"subflow"===b?a.palette.warning.main:a.palette.info.main}`,boxShadow:a.shadows[2],transition:"all 0.2s ease",cursor:"grab","&:hover":{boxShadow:`0 0 0 1px ${"process"===b?a.palette.secondary.main:"finish"===b?a.palette.success.main:"subflow"===b?a.palette.warning.main:a.palette.info.main}, 0 3px 10px rgba(0,0,0,0.1)`},"&:active":{cursor:"grabbing"}})),aA=(0,z.Ay)(h.default,{shouldForwardProp:a=>"nodeType"!==a})(({theme:a,nodeType:b})=>({display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:`1px solid ${"process"===b?a.palette.secondary.light:"finish"===b?a.palette.success.light:"subflow"===b?a.palette.warning.light:a.palette.info.light}`,marginBottom:a.spacing(1),paddingBottom:a.spacing(.5)})),aB=(0,z.Ay)(h.default)({display:"flex",alignItems:"center",gap:"8px"}),aC=[{type:"process",label:"Process Node",description:"Let a LLM do your work"},{type:"finish",label:"Finish Node",description:"End your flow here"},{type:"mcp",label:"MCP Node",description:"Add functionality"},{type:"subflow",label:"Subflow Node",description:"Run another flow as a step"}],aD=()=>{aw.debug(`${ax}: Entering component`),(0,g.A)();let a=(0,e.useCallback)(a=>{aw.debug(`${ax}.onNodeDoubleClick: Double-clicked on ${a} node`);let b=new CustomEvent("addNodeFromPalette",{detail:{nodeType:a,position:{x:250,y:150}}});document.dispatchEvent(b),aw.info(`${ax}.onNodeDoubleClick: Dispatched addNodeFromPalette event for ${a} node`)},[]);return aw.debug(`${ax}: Rendering component`),(0,d.jsxs)(ay,{elevation:2,children:[(0,d.jsx)(i.default,{variant:"h6",gutterBottom:!0,children:"Node Types"}),(0,d.jsx)(h.default,{display:"flex",flexDirection:"column",gap:2,children:aC.map(b=>(0,d.jsxs)(az,{nodeType:b.type,elevation:1,draggable:!0,onDragStart:a=>((a,b)=>{aw.debug(`${ax}.onDragStart: Entering method with nodeType=${b}`),a.dataTransfer.setData("application/reactflow",b),a.dataTransfer.effectAllowed="move";let c=document.createElement("div");c.innerHTML=`<div style="padding: 10px; background: white; border: 1px solid #ccc; border-radius: 4px;">${b} Node</div>`,document.body.appendChild(c),aw.debug(`${ax}.onDragStart: Created drag preview element`);try{a.dataTransfer.setDragImage(c,75,25),aw.debug(`${ax}.onDragStart: Set drag image with offset (75, 25)`)}catch(a){aw.error(`${ax}.onDragStart: Error setting drag image:`,a)}setTimeout(()=>{document.body.removeChild(c),aw.debug(`${ax}.onDragStart: Removed drag preview element`)},0),aw.debug(`${ax}.onDragStart: Drag operation initialized`)})(a,b.type),onDragEnd:a=>{var c;return c=b.type,void aw.debug(`${ax}.onDragEnd: Drag operation ended for nodeType=${c}`)},onDoubleClick:()=>a(b.type),children:[(0,d.jsx)(aA,{nodeType:b.type,children:(0,d.jsxs)(aB,{children:[(a=>{switch(a){case"process":default:return(0,d.jsx)(at.A,{color:"secondary"});case"finish":return(0,d.jsx)(au.A,{color:"success"});case"mcp":return(0,d.jsx)(at.A,{color:"info"});case"subflow":return(0,d.jsx)(av.A,{color:"warning"})}})(b.type),(0,d.jsx)(i.default,{variant:"subtitle2",fontWeight:"bold",children:b.label})]})}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",children:b.description})]},b.type))})]})};var aE=c(41893),aF=c(8521),aG=c(89490),aH=c(75983),aI=c(71439);let aJ=(0,v.A)((0,d.jsx)("path",{fillRule:"evenodd",d:"M20 3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M10 17H5v-2h5zm0-4H5v-2h5zm0-4H5V7h5zm4.82 6L12 12.16l1.41-1.41 1.41 1.42L17.99 9l1.42 1.42z"}),"FactCheck");var aK=c(22797),aL=c(21358),aM=c(8165),aN=c(64535);function aO(a){return a.data?.type??a.type??"unknown"}function aP(a){return a.data?.label||a.id}function aQ(a){return a.data?.edgeType==="mcp"}function aR(a,b={}){let c=[],d=Array.isArray(a?.nodes)?a.nodes:[],e=Array.isArray(a?.edges)?a.edges:[],f=(a,b,d,e)=>c.push({severity:a,code:b,message:d,nodeId:e?.id,nodeLabel:e?aP(e):void 0}),g=new Map((b.models??[]).map(a=>[a.id,a])),h=new Map((b.servers??[]).map(a=>[a.name,a])),i=!!b.models,j=!!b.servers,k=d.filter(a=>"start"===aO(a)),l=d.filter(a=>"finish"===aO(a)),m=d.filter(a=>"process"===aO(a)),n=d.filter(a=>"mcp"===aO(a));if(0===k.length)f("error","no-start-node","The flow has no Start node, so it has no entry point.");else if(k.length>1)for(let a of k.slice(1))f("error","multiple-start-nodes","The flow has more than one Start node; only one is allowed.",a);for(let a of(0===l.length&&f("warning","no-finish-node","The flow has no Finish node; it will run but never reaches a defined end."),m)){let b=a.data?.properties??{},c=b.boundModel;if(c){if(i&&!g.has(c)){let c="string"==typeof b.modelName&&b.modelName?` (was "${b.modelName}")`:"";f("error","process-model-missing",`Process node "${aP(a)}" is bound to a model that no longer exists${c}.`,a)}}else f("error","process-missing-model",`Process node "${aP(a)}" has no model bound.`,a)}for(let a of n){let b=(a.data?.properties??{}).boundServer;if(b){if(j&&!h.has(b))f("warning","mcp-server-missing",`MCP node "${aP(a)}" is bound to server "${b}", which isn't in your current MCP server list. It may be offline (e.g. not connected), renamed, or removed — if it was renamed or removed, rebind this node.`,a);else if(j){let c=h.get(b);if(c.status&&"connected"!==c.status){let d="disabled"===c.status?"disabled":`not connected (${c.status})`;f("warning","mcp-server-disconnected",`MCP node "${aP(a)}" is bound to server "${b}", which is currently ${d}. It will provide tools again once it reconnects.`,a)}}}else f("warning","mcp-missing-server",`MCP node "${aP(a)}" is not bound to a server.`,a);e.some(b=>aQ(b)&&(b.source===a.id||b.target===a.id))||f("warning","mcp-node-unconnected",`MCP node "${aP(a)}" is not connected to any Process node.`,a)}if(k.length>0){let a=function(a){let b=new Map,c=(a,c)=>{b.has(a)||b.set(a,[]),b.get(a).push(c)};for(let b of a)!aQ(b)&&(c(b.source,b.target),b.data?.bidirectional&&c(b.target,b.source));return b}(e);for(let b of k)a.get(b.id)?.length||f("error","start-no-outgoing","The Start node is not connected to anything; the flow cannot run.",b);let b=function(a,b){let c=new Set(a),d=[...a];for(;d.length;){let a=d.shift();for(let e of b.get(a)??[])c.has(e)||(c.add(e),d.push(e))}return c}(k.map(a=>a.id),a);for(let a of[...m,...l])b.has(a.id)||f("warning","unreachable-node",`${"finish"===aO(a)?"Finish":"Process"} node "${aP(a)}" is not reachable from the Start node.`,a)}for(let a of d.filter(a=>"subflow"===aO(a))){let b=e.filter(b=>!aQ(b)&&(b.source===a.id||b.target===a.id&&!!b.data?.bidirectional));b.length>1&&f("error","subflow-multiple-outgoing",`Subflow node "${aP(a)}" has ${b.length} outgoing connections; a subflow can only have one (either A > B > C or a bidirectional A <> B).`,a)}for(let a of m){let c=a.data?.properties?.promptTemplate;if("string"!=typeof c||!c)continue;let g=function(a,b,c){let d=new Map(b.map(a=>[a.id,a])),e=new Set;for(let b of c){if(!aQ(b))continue;let c=null;if(b.source===a?c=b.target:b.target===a&&(c=b.source),!c)continue;let f=d.get(c);if(!f||"mcp"!==aO(f))continue;let g=f.data?.properties?.boundServer;"string"==typeof g&&g&&e.add(g)}return e}(a.id,d,e),h=new Set;for(let d of(0,aN.A$)(c)){if("handoff"===d.server)continue;let c=`${d.kind}:${d.server}:${d.name}`;!h.has(c)&&(h.add(c),g.has(d.server)?"tool"===d.kind&&b.serverTools&&b.serverTools[d.server]&&!b.serverTools[d.server].includes(d.name)&&f("warning","tool-unavailable",`Process node "${aP(a)}" references tool "${d.name}" which server "${d.server}" no longer provides.`,a):f("error","tool-pill-disconnected",`Process node "${aP(a)}" references ${d.kind} "${d.name}" from server "${d.server}", but it is not connected to that server (the MCP node was removed or the server was renamed).`,a))}}let o=c.filter(a=>"error"===a.severity).length,p=c.length-o;return{issues:c,errorCount:o,warningCount:p,isRunnable:0===o}}var aS=c(83434);let aT=(0,C.h)("components/flow/FlowBuilder/FlowValidationButton"),aU=({nodes:a,edges:b})=>{let[c,f]=(0,e.useState)(!1),[g,k]=(0,e.useState)(!1),[l,m]=(0,e.useState)(null),n=(0,e.useCallback)(async()=>{k(!0);try{let c=await aS.N.tryLoadModels()??void 0,d=await G.S.loadServerConfigs(),e=Array.isArray(d)?d.map(a=>({name:a.name,status:a.disabled?"disabled":void 0})):void 0,f=aR({nodes:a,edges:b},{models:c,servers:e});m(f.issues)}catch(a){aT.warn("Flow validation failed to run",a),m([])}finally{k(!1)}},[a,b]),o=(0,e.useCallback)(()=>{f(!0),m(null),n()},[n]),s=(0,e.useCallback)(a=>{a&&(f(!1),document.dispatchEvent(new CustomEvent("editNode",{detail:{nodeId:a}})))},[]),t=l?.filter(a=>"error"===a.severity).length??0,v=(l?.length??0)-t;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{variant:"outlined",color:"primary",onClick:o,startIcon:(0,d.jsx)(aJ,{}),sx:{textTransform:"none"},children:"Check Flow"}),(0,d.jsxs)(p.A,{open:c,onClose:()=>f(!1),maxWidth:"sm",fullWidth:!0,children:[(0,d.jsxs)(q.A,{component:"div",sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)("span",{children:"Flow Check"}),l&&(0,d.jsxs)(h.default,{sx:{display:"flex",gap:1,ml:1},children:[t>0&&(0,d.jsx)(aE.A,{size:"small",color:"error",label:`${t} error${1===t?"":"s"}`}),v>0&&(0,d.jsx)(aE.A,{size:"small",color:"warning",label:`${v} warning${1===v?"":"s"}`})]})]}),(0,d.jsx)(r.A,{dividers:!0,children:g?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:2,py:3,justifyContent:"center"},children:[(0,d.jsx)(aF.default,{size:22}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Checking flow…"})]}):l&&0===l.length?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1.5,py:3,justifyContent:"center"},children:[(0,d.jsx)(aM.A,{color:"success"}),(0,d.jsx)(i.default,{children:"No problems found — this flow looks runnable."})]}):(0,d.jsx)(aG.A,{dense:!0,disablePadding:!0,children:(l??[]).map((a,b)=>{let c=!!a.nodeId,e=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(U.A,{sx:{minWidth:36},children:"error"===a.severity?(0,d.jsx)(aK.A,{color:"error",fontSize:"small"}):(0,d.jsx)(aL.A,{color:"warning",fontSize:"small"})}),(0,d.jsx)(V.A,{primary:a.message,secondary:c?`Node: ${a.nodeLabel??a.nodeId} — click to open`:void 0})]});return c?(0,d.jsx)(aH.A,{onClick:()=>s(a.nodeId),alignItems:"flex-start",children:e},b):(0,d.jsx)(aI.Ay,{alignItems:"flex-start",children:e},b)})})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:n,disabled:g,children:"Re-check"}),(0,d.jsx)(j.A,{onClick:()=>f(!1),variant:"contained",children:"Close"})]})]})]})};var aV=c(82666),aW=c(22042),aX=c(34304),aY=c(30137);function aZ({currentLabel:a,nameIsCustom:b,defaultLabel:c,previousAutoLabel:d,nextAutoLabel:e}){return!0===b?a&&a.length>0?a:e:!a||0===a.length||a===c||void 0!==d&&d.length>0&&a===d?e:a}let a$=(0,C.h)("components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useModelManagement.ts");var a_=c(63650);let a0=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useServerConnection");var a1=c(98502);function a2(a,b){let c=a.replace(/\s+/g," ").trim();if(c.length<=b)return c;let d=c.slice(0,b),e=d.lastIndexOf(" ");return`${(e>.6*b?d.slice(0,e):d).trimEnd()}…`}let a3=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useHandoffTools"),a4=({nodeData:a,setNodeData:b})=>a?(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",height:"100%",pr:2},children:[(0,d.jsx)(i.default,{variant:"h6",gutterBottom:!0,children:"Node Configuration"}),(0,d.jsx)(t.A,{fullWidth:!0,label:"Node Label",value:a.label||"",onChange:a=>b(b=>({...b,label:a.target.value,properties:{...b?.properties,nameIsCustom:!0}})),margin:"normal"}),(0,d.jsx)(t.A,{fullWidth:!0,label:"Description",value:a.description||"",onChange:c=>b({...a,description:c.target.value}),margin:"normal",multiline:!0,rows:2,helperText:"This description will be displayed on the node"})]}):null;var a5=c(38233),a6=c(93083),a7=c(24330),a8=c(8188);let a9=({isLoadingModels:a,loadError:b,models:c,selectedModelId:e,handleModelSelect:f,isModelBound:g,handleUnbindModel:k})=>(0,d.jsxs)(h.default,{sx:{mt:4},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Bind to Model"}),(0,d.jsx)(h.default,{role:"radiogroup","aria-label":"Bind to model",children:(0,d.jsx)(a7.A,{isLoading:a,error:b,loadingMessage:"Loading models...",emptyMessage:"No models available. Add some in the Model Manager.",columns:{xs:12,sm:6},items:c.map(a=>({key:a.id,content:(0,d.jsx)(a8.A,{model:a,selectable:!0,selected:e===a.id,onSelect:f})}))})}),!a&&!b&&c.length>0&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(a5.A,{children:e?"This node will use the selected model for processing.":"Select a model to bind this node to."}),g&&(0,d.jsx)(h.default,{sx:{mt:2,display:"flex",justifyContent:"flex-end"},children:(0,d.jsx)(j.A,{startIcon:(0,d.jsx)(a6.A,{}),onClick:k,color:"primary",variant:"outlined",size:"small",children:"Unbind Model"})})]})]});var ba=c(43249),bb=c(66335),bc=c(2783);let bd=function(a){let{badgeContent:b,invisible:c=!1,max:d=99,showZero:e=!1}=a,f=(0,bb.A)({badgeContent:b,max:d}),g=c;!1!==c||0!==b||e||(g=!0);let{badgeContent:h,max:i=d}=g?f:a,j=h&&Number(h)>i?`${i}+`:h;return{badgeContent:h,invisible:g,max:i,displayValue:j}};var be=c(68333),bf=c(54716),bg=c(6636),bh=c(6638),bi=c(29565),bj=c(33105);function bk(a){return(0,bj.Ay)("MuiBadge",a)}let bl=(0,bi.A)("MuiBadge",["root","badge","dot","standard","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft","invisible","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","overlapRectangular","overlapCircular","anchorOriginTopLeftCircular","anchorOriginTopLeftRectangular","anchorOriginTopRightCircular","anchorOriginTopRightRectangular","anchorOriginBottomLeftCircular","anchorOriginBottomLeftRectangular","anchorOriginBottomRightCircular","anchorOriginBottomRightRectangular"]);var bm=c(20385);let bn=(0,z.Ay)("span",{name:"MuiBadge",slot:"Root",overridesResolver:(a,b)=>b.root})({position:"relative",display:"inline-flex",verticalAlign:"middle",flexShrink:0}),bo=(0,z.Ay)("span",{name:"MuiBadge",slot:"Badge",overridesResolver:(a,b)=>{let{ownerState:c}=a;return[b.badge,b[c.variant],b[`anchorOrigin${(0,bh.A)(c.anchorOrigin.vertical)}${(0,bh.A)(c.anchorOrigin.horizontal)}${(0,bh.A)(c.overlap)}`],"default"!==c.color&&b[`color${(0,bh.A)(c.color)}`],c.invisible&&b.invisible]}})((0,be.A)(({theme:a})=>({display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"center",alignContent:"center",alignItems:"center",position:"absolute",boxSizing:"border-box",fontFamily:a.typography.fontFamily,fontWeight:a.typography.fontWeightMedium,fontSize:a.typography.pxToRem(12),minWidth:20,lineHeight:1,padding:"0 6px",height:20,borderRadius:10,zIndex:1,transition:a.transitions.create("transform",{easing:a.transitions.easing.easeInOut,duration:a.transitions.duration.enteringScreen}),variants:[...Object.entries(a.palette).filter((0,bf.A)(["contrastText"])).map(([b])=>({props:{color:b},style:{backgroundColor:(a.vars||a).palette[b].main,color:(a.vars||a).palette[b].contrastText}})),{props:{variant:"dot"},style:{borderRadius:4,height:8,minWidth:8,padding:0}},{props:({ownerState:a})=>"top"===a.anchorOrigin.vertical&&"right"===a.anchorOrigin.horizontal&&"rectangular"===a.overlap,style:{top:0,right:0,transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${bl.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:a})=>"bottom"===a.anchorOrigin.vertical&&"right"===a.anchorOrigin.horizontal&&"rectangular"===a.overlap,style:{bottom:0,right:0,transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${bl.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:a})=>"top"===a.anchorOrigin.vertical&&"left"===a.anchorOrigin.horizontal&&"rectangular"===a.overlap,style:{top:0,left:0,transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${bl.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:a})=>"bottom"===a.anchorOrigin.vertical&&"left"===a.anchorOrigin.horizontal&&"rectangular"===a.overlap,style:{bottom:0,left:0,transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${bl.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:({ownerState:a})=>"top"===a.anchorOrigin.vertical&&"right"===a.anchorOrigin.horizontal&&"circular"===a.overlap,style:{top:"14%",right:"14%",transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${bl.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:a})=>"bottom"===a.anchorOrigin.vertical&&"right"===a.anchorOrigin.horizontal&&"circular"===a.overlap,style:{bottom:"14%",right:"14%",transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${bl.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:a})=>"top"===a.anchorOrigin.vertical&&"left"===a.anchorOrigin.horizontal&&"circular"===a.overlap,style:{top:"14%",left:"14%",transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${bl.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:a})=>"bottom"===a.anchorOrigin.vertical&&"left"===a.anchorOrigin.horizontal&&"circular"===a.overlap,style:{bottom:"14%",left:"14%",transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${bl.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:{invisible:!0},style:{transition:a.transitions.create("transform",{easing:a.transitions.easing.easeInOut,duration:a.transitions.duration.leavingScreen})}}]})));function bp(a){return{vertical:a?.vertical??"top",horizontal:a?.horizontal??"right"}}let bq=e.forwardRef(function(a,b){let c=(0,bg.b)({props:a,name:"MuiBadge"}),{anchorOrigin:e,className:f,classes:g,component:h,components:i={},componentsProps:j={},children:k,overlap:l="rectangular",color:m="default",invisible:n=!1,max:o=99,badgeContent:p,slots:q,slotProps:r,showZero:s=!1,variant:t="standard",...u}=c,{badgeContent:v,invisible:w,max:x,displayValue:y}=bd({max:o,invisible:n,badgeContent:p,showZero:s}),z=(0,bb.A)({anchorOrigin:bp(e),color:m,overlap:l,variant:t,badgeContent:p}),A=w||null==v&&"dot"!==t,{color:B=m,overlap:C=l,anchorOrigin:D,variant:E=t}=A?z:c,F=bp(D),G="dot"!==E?y:void 0,H={...c,badgeContent:v,invisible:A,max:x,displayValue:G,showZero:s,anchorOrigin:F,color:B,overlap:C,variant:E},I=(a=>{let{color:b,anchorOrigin:c,invisible:d,overlap:e,variant:f,classes:g={}}=a,h={root:["root"],badge:["badge",f,d&&"invisible",`anchorOrigin${(0,bh.A)(c.vertical)}${(0,bh.A)(c.horizontal)}`,`anchorOrigin${(0,bh.A)(c.vertical)}${(0,bh.A)(c.horizontal)}${(0,bh.A)(e)}`,`overlap${(0,bh.A)(e)}`,"default"!==b&&`color${(0,bh.A)(b)}`]};return(0,bc.A)(h,bk,g)})(H),J={slots:{root:q?.root??i.Root,badge:q?.badge??i.Badge},slotProps:{root:r?.root??j.root,badge:r?.badge??j.badge}},[K,L]=(0,bm.A)("root",{elementType:bn,externalForwardedProps:{...J,...u},ownerState:H,className:(0,ba.A)(I.root,f),ref:b,additionalProps:{as:h}}),[M,N]=(0,bm.A)("badge",{elementType:bo,externalForwardedProps:J,ownerState:H,className:I.badge});return(0,d.jsxs)(K,{...L,children:[k,(0,d.jsx)(M,{...N,children:G})]})});var br=c(67101),bs=c(30818),bt=c(27114),bu=c(53222);let bv=(0,v.A)((0,d.jsx)("path",{d:"M12 5V2L8 6l4 4V7c3.31 0 6 2.69 6 6 0 2.97-2.17 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93 0-4.42-3.58-8-8-8m-6 8c0-1.65.67-3.15 1.76-4.24L6.34 7.34C4.9 8.79 4 10.79 4 13c0 4.08 3.05 7.44 7 7.93v-2.02c-2.83-.48-5-2.94-5-5.91"}),"RestartAlt");var bw=c(40973),bx=c(9604),by=c(21570),bz=c(46393);let bA=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerTools"),bB=({isLoadingServers:a,connectedMcpNodes:b,availableServers:c,onConnectMcpServer:f,serverToolsMap:g,serverStatuses:k,isLoadingTools:n,handleSelectToolServer:o,handleInsertToolBinding:p,selectedToolServerNodeId:q,selectedNodeId:r,isLoadingSelectedServerTools:s,promptBuilderRef:u,handleRetryServer:v,handleRestartServer:w})=>{let y=q??b[0]?.nodeId??null,[z,B]=(0,e.useState)({}),[C,D]=(0,e.useState)(!1),E=(c??[]).filter(a=>!b.some(b=>b.serverName===a.name)),F=!!f&&E.length>0,G=(0,d.jsx)(by.A,{open:C,onClose:()=>D(!1),title:"Connect an MCP server",description:"Pick a server to add to this flow and wire to this Process node.",emptyMessage:"No more servers to connect.",items:E.map(a=>({key:a.name,content:(0,d.jsx)(bz.A,{name:a.name,status:a.status||"disconnected",path:a.rootPath||"",enabled:!a.disabled,transport:a.transport||"stdio",pickerMode:!0,onClick:()=>{var b;return b=a.name,void(D(!1),f?.(b))}})}))}),[H,I]=(0,e.useState)(""),J=a=>{try{let c=b.find(b=>b.nodeId===a);if(!c)return bA.warn(`Could not find connected MCP node with ID ${a}`),[];let d=c.enabledTools||[];return bA.debug(`Enabled tools for node ${a}: ${JSON.stringify(d)}`),Array.isArray(d)?d:[]}catch(b){return bA.error(`Error getting enabled tools for node ${a}:`,b),[]}},K=(a,b,c)=>{try{if(!c||!Array.isArray(c))return bA.warn(`Tools array is not available or not an array for server ${b}`),[];let d=J(a),e=c;if(d.length>0?e=c.filter(a=>a&&a.name&&d.includes(a.name)):(bA.debug(`No tools explicitly enabled for node ${a}, showing none.`),e=[]),H.trim()){let a=H.toLowerCase().trim();e=e.filter(b=>b.name&&b.name.toLowerCase().includes(a)||b.description&&b.description.toLowerCase().includes(a)||b.inputSchema&&JSON.stringify(b.inputSchema).toLowerCase().includes(a))}return e}catch(d){return bA.error(`Error filtering tools for node ${a} (server ${b}):`,d),c||[]}},L=a=>{o(a)},M=async(a,b)=>{b.stopPropagation(),bA.debug(`Retry button clicked for server: ${a}`),B(b=>({...b,[a]:!0}));try{v&&await v(a)}finally{setTimeout(()=>{B(b=>({...b,[a]:!1}))},500)}},N=async(a,b)=>{b.stopPropagation(),bA.debug(`Restart button clicked for server: ${a}`),B(b=>({...b,[a]:!0}));try{w&&await w(a)}finally{setTimeout(()=>{B(b=>({...b,[a]:!1}))},500)}};(0,e.useEffect)(()=>{b.length>0&&!q&&o(b[0].nodeId)},[b,q,o]);let O=b.find(a=>a.nodeId===y),P=O?.serverName;return(0,d.jsxs)(h.default,{sx:{mt:4,display:"flex",flexDirection:"column",height:"100%"},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Connected MCP Servers and Tools"}),a?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)(aF.default,{size:20}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Loading connected MCP nodes..."})]}):0===b.length?(0,d.jsxs)(h.default,{sx:{p:2,border:"1px dashed rgba(0, 0, 0, 0.12)",borderRadius:1},children:[(0,d.jsx)(i.default,{color:"text.secondary",align:"center",children:"No MCP nodes connected to this Process node."}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",align:"center",display:"block",sx:{mt:1},children:F?"Pick a server below — the MCP node is added to the flow and wired up for you.":"Connect MCP nodes to this Process node using the side handles to access their tools."}),F&&(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"center",mt:2},children:(0,d.jsx)(j.A,{variant:"contained",size:"small",startIcon:(0,d.jsx)(x.A,{}),onClick:()=>D(!0),children:"Connect MCP Server"})}),G]}):(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",flexGrow:1,height:"calc(100% - 40px)"},children:[(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",mb:2,borderBottom:1,borderColor:"divider"},children:[(0,d.jsx)(aW.A,{value:y||b[0]?.nodeId||"",onChange:(a,b)=>L(b),variant:"scrollable",scrollButtons:"auto",sx:{flexGrow:1},children:b.map(a=>{if(!a||!a.nodeId||!a.serverName)return bA.warn("Skipping invalid MCP node in tabs:",a),null;let b=a.serverName,c=a.nodeId,e=a.status;z[b],n[b];let f=g[b]||[],j=J(c);return K(c,b,f).length,(0,d.jsx)(aX.A,{value:c,label:(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(i.default,{variant:"body2",sx:{color:"connected"===e?"success.main":"error"===e?"error.main":"text.secondary"},children:b}),j.length>0&&(0,d.jsx)(bq,{badgeContent:j.length,color:"primary",sx:{ml:1}})]}),sx:{textTransform:"none",minHeight:"48px",opacity:"connected"!==e?.7:1}},c)})}),F&&(0,d.jsx)(m.A,{title:"Connect another MCP server",children:(0,d.jsx)(l.A,{size:"small",onClick:()=>D(!0),sx:{ml:1},children:(0,d.jsx)(x.A,{fontSize:"small"})})}),G]}),O&&P&&(0,d.jsxs)(h.default,{sx:{display:"flex",justifyContent:"flex-end",mb:2},children:[(0,d.jsx)(m.A,{title:`Retry connection for ${P}`,children:(0,d.jsx)("span",{children:(0,d.jsx)(l.A,{size:"small",onClick:a=>M(P,a),disabled:z[P]||n[P],children:z[P]?(0,d.jsx)(aF.default,{size:16}):(0,d.jsx)(bu.A,{fontSize:"small"})})})}),"connected"===O.status&&w&&(0,d.jsx)(m.A,{title:`Restart server ${P}`,children:(0,d.jsx)("span",{children:(0,d.jsx)(l.A,{size:"small",onClick:a=>N(P,a),disabled:z[P],sx:{ml:1},children:(0,d.jsx)(bv,{fontSize:"small"})})})})]}),(0,d.jsx)(t.A,{placeholder:"Search enabled tools...",variant:"outlined",size:"small",fullWidth:!0,value:H,onChange:a=>I(a.target.value),sx:{mb:2},InputProps:{startAdornment:(0,d.jsx)(br.A,{position:"start",children:(0,d.jsx)(bw.A,{fontSize:"small"})})}}),(0,d.jsx)(A.A,{variant:"outlined",sx:{flexGrow:1,overflow:"auto",p:0,height:"calc(100% - 140px)"},children:O&&P&&(()=>{let a=O.nodeId,b=O.serverName;if("connected"!==O.status)return(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsxs)(i.default,{color:"text.secondary",children:["Server '",b,"' is not connected. Connect to view tools."]})},a);if(n[b])return(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"center",p:2},children:(0,d.jsx)(aF.default,{size:24})},a);let c=g[b]||[],e=K(a,b,c);if(0===e.length){let b=J(a).length;return(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsx)(i.default,{color:"text.secondary",children:H.trim()?`No enabled tools match "${H}" for this node.`:0===b?"No tools are enabled for this node instance. Enable tools in the MCP Node properties.":"No tools available or enabled for this node instance."})},a)}return(0,d.jsx)(aG.A,{disablePadding:!0,children:e.map(c=>(0,d.jsxs)(bs.A,{variant:"outlined",onClick:()=>{a!==y?(bA.debug("Node tab not selected, selecting node first",{selectedNodeId:a,serverName:b,toolName:c.name}),L(a)):b&&c.name?(bA.debug("Inserting tool binding",{serverName:b,toolName:c.name}),p(b,c.name)):bA.warn("Cannot insert tool binding, server or tool name is undefined",{serverName:b,toolName:c.name})},sx:{mb:1,mx:1,mt:1,cursor:"pointer",position:"relative","&:hover":{boxShadow:1,bgcolor:"action.hover"}},children:[(0,d.jsx)(bt.A,{sx:{p:2,"&:last-child":{pb:2}},children:(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:(0,d.jsxs)(h.default,{sx:{width:"100%"},children:[(0,d.jsxs)(i.default,{variant:"subtitle2",component:"div",sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(bx.A,{fontSize:"small",sx:{mr:1,color:"primary.main"}}),c.name]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:.5},children:c.description||"No description available"}),c.inputSchema&&(a=>a&&a.properties?(0,d.jsxs)(h.default,{sx:{mt:1},children:[(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",sx:{fontWeight:"medium"},children:"Parameters:"}),(0,d.jsx)(h.default,{sx:{pl:1,mt:.5},children:Object.entries(a.properties).map(([b,c])=>(0,d.jsxs)(h.default,{sx:{mb:.5},children:[(0,d.jsxs)(i.default,{variant:"caption",component:"span",sx:{fontWeight:"medium"},children:[b,a.required?.includes(b)&&(0,d.jsx)(i.default,{variant:"caption",component:"span",color:"error.main",children:" *"}),": "]}),(0,d.jsx)(i.default,{variant:"caption",component:"span",color:"text.secondary",children:c.description||c.type||"No description"})]},b))})]}):null)(c.inputSchema)]})})}),(0,d.jsx)(m.A,{title:`Add ${c.name} from ${b} to prompt`,children:(0,d.jsx)(h.default,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0}})})]},c.name))},a)})()})]})]})},bC=(0,v.A)((0,d.jsx)("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z"}),"Description"),bD=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerResources"),bE=({primary:a,secondary:b,chip:c,onClick:e})=>(0,d.jsx)(bs.A,{variant:"outlined",onClick:e,sx:{mb:1,mx:1,mt:1,cursor:"pointer","&:hover":{boxShadow:1,bgcolor:"action.hover"}},children:(0,d.jsx)(bt.A,{sx:{p:2,"&:last-child":{pb:2}},children:(0,d.jsxs)(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[(0,d.jsxs)(h.default,{sx:{width:"100%"},children:[(0,d.jsxs)(i.default,{variant:"subtitle2",component:"div",sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(bC,{fontSize:"small",sx:{mr:1,color:"primary.main"}}),a]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:.5,wordBreak:"break-all"},children:b})]}),c&&(0,d.jsx)(aE.A,{size:"small",label:c,sx:{ml:1,flexShrink:0}})]})})}),bF=({connectedMcpNodes:a,handleInsertResourceBinding:b,promptBuilderRef:c})=>{let[f,g]=(0,e.useState)(null),[j,k]=(0,e.useState)([]),[l,m]=(0,e.useState)([]),[n,p]=(0,e.useState)(!1),[q,r]=(0,e.useState)(),[s,u]=(0,e.useState)(""),v=a.find(a=>a.nodeId===f),w=v?.serverName;(0,e.useEffect)(()=>{a.length>0&&!f&&g(a[0].nodeId)},[a,f]);let x=(0,e.useCallback)(async a=>{p(!0),r(void 0);try{let b=await G.S.listServerResources(a);k(b.resources||[]),m(b.resourceTemplates||[]),r(b.error)}catch(b){bD.warn(`Failed to load resources for ${a}`,b),r(b instanceof Error?b.message:"Failed to load resources")}finally{p(!1)}},[]);(0,e.useEffect)(()=>{w?x(w):(k([]),m([]))},[w,x]);let y=a=>a.toLowerCase().includes(s.toLowerCase().trim()),z=s.trim()?j.filter(a=>y(a.name||"")||y(a.uri)||y(a.description||"")):j,B=s.trim()?l.filter(a=>y(a.name||"")||y(a.uriTemplate)||y(a.description||"")):l,C=a=>{w&&a&&b(w,a)};return(0,d.jsxs)(h.default,{sx:{mt:4,display:"flex",flexDirection:"column",height:"100%"},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Give this step access to…"}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",sx:{mb:1},children:"Pick a resource to insert. Its contents are read and placed into the prompt each time the step runs."}),0===a.length?(0,d.jsxs)(h.default,{sx:{p:2,border:"1px dashed rgba(0, 0, 0, 0.12)",borderRadius:1},children:[(0,d.jsx)(i.default,{color:"text.secondary",align:"center",children:"No MCP nodes connected to this Process node."}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",align:"center",display:"block",sx:{mt:1},children:"Connect MCP nodes using the side handles to access their resources."})]}):(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",flexGrow:1,height:"calc(100% - 40px)"},children:[(0,d.jsx)(aW.A,{value:f||a[0]?.nodeId||"",onChange:(a,b)=>g(b),variant:"scrollable",scrollButtons:"auto",sx:{mb:2,borderBottom:1,borderColor:"divider"},children:a.map(a=>(0,d.jsx)(aX.A,{value:a.nodeId,label:(0,d.jsx)(i.default,{variant:"body2",sx:{color:"connected"===a.status?"success.main":"error"===a.status?"error.main":"text.secondary"},children:a.serverName}),sx:{textTransform:"none",minHeight:48,opacity:"connected"!==a.status?.7:1}},a.nodeId))}),(0,d.jsx)(t.A,{placeholder:"Search resources…",variant:"outlined",size:"small",fullWidth:!0,value:s,onChange:a=>u(a.target.value),sx:{mb:2},InputProps:{startAdornment:(0,d.jsx)(br.A,{position:"start",children:(0,d.jsx)(bw.A,{fontSize:"small"})})}}),q&&(0,d.jsx)(o.A,{severity:"warning",sx:{mb:2},children:q}),(0,d.jsx)(A.A,{variant:"outlined",sx:{flexGrow:1,overflow:"auto",p:0,height:"calc(100% - 140px)"},children:v&&"connected"!==v.status?(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsxs)(i.default,{color:"text.secondary",children:["Server '",w,"' is not connected. Connect to view resources."]})}):n?(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"center",p:2},children:(0,d.jsx)(aF.default,{size:24})}):0===z.length&&0===B.length?(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsx)(i.default,{color:"text.secondary",children:s.trim()?`No resources match "${s}".`:"This server does not publish any resources."})}):(0,d.jsxs)(aG.A,{disablePadding:!0,children:[z.map(a=>(0,d.jsx)(bE,{primary:a.name||a.uri,secondary:a.description||a.uri,chip:a.mimeType,tooltip:`Add ${a.name||a.uri} to prompt`,onClick:()=>C(a.uri)},a.uri)),B.map(a=>(0,d.jsx)(bE,{primary:a.name||a.uriTemplate,secondary:a.description||a.uriTemplate,chip:"template",tooltip:`Add template ${a.uriTemplate} to prompt (fill in variables, e.g. with \${global:VAR})`,onClick:()=>C(a.uriTemplate)},a.uriTemplate))]})})]})]})},bG=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerTools/AgentTools"),bH=({handoffTools:a,isLoadingHandoffTools:b,handleInsertToolBinding:c,promptBuilderRef:f})=>{let[g,j]=(0,e.useState)(""),k=a.filter(a=>{if(!g.trim())return!0;let b=g.toLowerCase().trim();return a.name&&a.name.toLowerCase().includes(b)||a.description&&a.description.toLowerCase().includes(b)});return(0,d.jsxs)(h.default,{sx:{mt:4,display:"flex",flexDirection:"column",height:"100%"},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Agent Handoff Tools"}),b?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)(aF.default,{size:20}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Loading handoff tools..."})]}):0===a.length?(0,d.jsxs)(h.default,{sx:{p:2,border:"1px dashed rgba(0, 0, 0, 0.12)",borderRadius:1},children:[(0,d.jsx)(i.default,{color:"text.secondary",align:"center",children:"No handoff tools available for this node."}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",align:"center",display:"block",sx:{mt:1},children:"Connect this Process node to other nodes to enable handoff tools."})]}):(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",flexGrow:1,height:"calc(100% - 40px)"},children:[(0,d.jsx)(t.A,{placeholder:"Search handoff tools...",variant:"outlined",size:"small",fullWidth:!0,value:g,onChange:a=>j(a.target.value),sx:{mb:2},InputProps:{startAdornment:(0,d.jsx)(br.A,{position:"start",children:(0,d.jsx)(bw.A,{fontSize:"small"})})}}),(0,d.jsx)(A.A,{variant:"outlined",sx:{flexGrow:1,overflow:"auto",p:0,height:"calc(100% - 56px)"},children:0===k.length?(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsx)(i.default,{color:"text.secondary",children:g.trim()?`No handoff tools match "${g}".`:"No handoff tools available."})}):(0,d.jsx)(aG.A,{disablePadding:!0,children:k.map(a=>(0,d.jsxs)(bs.A,{variant:"outlined",onClick:()=>{a.name?(bG.debug("Inserting handoff tool binding",{toolType:"handoff",toolName:a.name}),c("handoff",a.name)):bG.warn("Cannot insert handoff tool binding, tool name is undefined",{toolName:a.name})},sx:{mb:1,mx:1,mt:1,cursor:"pointer",position:"relative",bgcolor:"rgba(0, 0, 0, 0.04)","&:hover":{boxShadow:1,bgcolor:"rgba(0, 0, 0, 0.08)"}},children:[(0,d.jsx)(bt.A,{sx:{p:2,"&:last-child":{pb:2}},children:(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:(0,d.jsxs)(h.default,{sx:{width:"100%"},children:[(0,d.jsxs)(i.default,{variant:"subtitle2",component:"div",sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(bx.A,{fontSize:"small",sx:{mr:1,color:"text.secondary"}}),a.name]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:.5},children:a.description||"No description available"}),a.inputSchema&&(a=>a&&a.properties&&0!==Object.keys(a.properties).length?(0,d.jsxs)(h.default,{sx:{mt:1},children:[(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",sx:{fontWeight:"medium"},children:"Parameters:"}),(0,d.jsx)(h.default,{sx:{pl:1,mt:.5},children:Object.entries(a.properties).map(([b,c])=>(0,d.jsxs)(h.default,{sx:{mb:.5},children:[(0,d.jsxs)(i.default,{variant:"caption",component:"span",sx:{fontWeight:"medium"},children:[b,a.required?.includes(b)&&(0,d.jsx)(i.default,{variant:"caption",component:"span",color:"error.main",children:" *"}),": "]}),(0,d.jsx)(i.default,{variant:"caption",component:"span",color:"text.secondary",children:c.description||c.type||"No description"}),c.enum&&(0,d.jsx)(h.default,{sx:{pl:2,mt:.5},children:(0,d.jsxs)(i.default,{variant:"caption",color:"text.secondary",children:["Options: ",c.enum.join(", ")]})})]},b))})]}):(0,d.jsx)(h.default,{sx:{mt:1},children:(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",sx:{fontStyle:"italic"},children:"No parameters required."})}))(a.inputSchema)]})})}),(0,d.jsx)(m.A,{title:`Add ${a.name} handoff tool to prompt`,children:(0,d.jsx)(h.default,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0}})})]},a.name))})})]})]})};var bI=c(95587),bJ=c(67191);let bK=(0,v.A)((0,d.jsx)("path",{d:"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9m-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z"}),"History"),bL=(0,v.A)((0,d.jsx)("path",{d:"M4 9h16v2H4zm0 4h10v2H4z"}),"ShortText"),bM=(0,v.A)((0,d.jsx)("path",{d:"M3 10h11v2H3zm0-2h11V6H3zm0 8h7v-2H3zm15.01-3.13.71-.71c.39-.39 1.02-.39 1.41 0l.71.71c.39.39.39 1.02 0 1.41l-.71.71zm-.71.71-5.3 5.3V21h2.12l5.3-5.3z"}),"EditNote"),bN=(0,v.A)((0,d.jsx)("path",{d:"M15 4v7H5.17L4 12.17V4zm1-2H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1m5 4h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1"}),"ForumOutlined"),bO=(0,v.A)((0,d.jsx)("path",{d:"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H6l-2 2V4h16z"}),"ChatBubbleOutline");var bP=c(85838);let bQ=({selected:a,icon:b,title:c,description:e,onClick:f})=>(0,d.jsxs)(h.default,{role:"radio","aria-checked":a,tabIndex:0,onClick:f,onKeyDown:a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),f())},sx:{flex:1,minWidth:180,position:"relative",p:2,borderRadius:2,border:2,borderColor:a?"primary.main":"divider",bgcolor:a?"action.selected":"background.paper",cursor:"pointer",transition:"border-color 120ms, background-color 120ms","&:hover":{borderColor:a?"primary.main":"text.disabled"},outline:"none","&:focus-visible":{boxShadow:a=>`0 0 0 3px ${a.palette.primary.light}`}},children:[a&&(0,d.jsx)(aM.A,{color:"primary",fontSize:"small",sx:{position:"absolute",top:8,right:8}}),(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1,mb:.5,color:a?"primary.main":"text.secondary"},children:[b,(0,d.jsx)(i.default,{variant:"subtitle1",sx:{fontWeight:600,color:"text.primary"},children:c})]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",children:e})]}),bR=(0,C.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/ProcessNodePropertiesModal/PromptTemplateEditor"),bS=(0,e.forwardRef)((a,b)=>{let{promptTemplate:c,handlePromptChange:f,excludeModelPrompt:g,setExcludeModelPrompt:k,excludeStartNodePrompt:l,setExcludeStartNodePrompt:m,excludeSystemPrompt:n,setExcludeSystemPrompt:p,inputMode:q,setInputMode:r,isolatedPrompt:s,setIsolatedPrompt:u,outputMode:v,setOutputMode:w,isModelBound:x,models:y,nodeData:z,flowId:B}=a,[C,D]=(0,e.useState)(""),[E,F]=(0,e.useState)(!1),[G,H]=(0,e.useState)(null),I=(0,e.useRef)(null);(0,e.useImperativeHandle)(b,()=>({insertText:a=>{I.current&&I.current.insertText(a)},getMode:()=>I.current?I.current.getMode():"raw"}));let J=async()=>{if(bR.debug("fetchRenderedPrompt called with:",{flowId:B,nodeId:z?.id}),!B||!z||!z.id)return void H("Flow ID or Node ID is missing");F(!0),H(null);try{let a=await fetch("/api/flow/prompt-renderer",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({flowId:B,nodeId:z.id,options:{renderMode:"rendered",includeConversationHistory:!1,excludeModelPrompt:g,excludeStartNodePrompt:l,excludeSystemPrompt:n}})}),b=await a.json();if(!a.ok)throw Error(b.error||"Failed to render prompt");bR.debug("Rendered prompt received",{promptLength:b.prompt?.length}),D(b.prompt+"\n\n [Messages sent by User]")}catch(a){bR.error("Error fetching rendered prompt",a),H(a instanceof Error?a.message:"An unknown error occurred")}finally{F(!1)}};return(0,e.useEffect)(()=>{I.current&&"preview"===I.current.getMode()&&J()},[c,g,l,n,B,z?.id]),(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",height:"100%",pl:2},children:[(0,d.jsxs)(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[(0,d.jsx)(i.default,{variant:"h6",children:"Prompt Template"}),(0,d.jsxs)(h.default,{sx:{display:"flex",gap:2},children:[(0,d.jsx)(bI.A,{control:(0,d.jsx)(bJ.A,{checked:g,onChange:a=>k(a.target.checked),color:"primary",size:"small"}),label:"Exclude Model Prompt"}),(0,d.jsx)(bI.A,{control:(0,d.jsx)(bJ.A,{checked:l,onChange:a=>m(a.target.checked),color:"primary",size:"small"}),label:"Exclude Start Node Prompt"}),(0,d.jsx)(bI.A,{control:(0,d.jsx)(bJ.A,{checked:n,onChange:a=>p(a.target.checked),color:"primary",size:"small"}),label:"Exclude System Prompt"})]})]}),(0,d.jsxs)(h.default,{sx:{mb:2,p:2,bgcolor:"rgba(0, 0, 0, 0.03)",borderRadius:1,fontSize:"0.85rem"},children:[(0,d.jsx)(i.default,{variant:"caption",sx:{display:"block",mb:1,fontWeight:"bold"},children:"Prompt Rendering Order:"}),(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[!l&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(i.default,{variant:"caption",sx:{color:"primary.main",fontWeight:"medium"},children:"1. Start Node Prompt"}),(0,d.jsx)(i.default,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:"(from the Start node in this flow)"})]}),!g&&x&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsxs)(i.default,{variant:"caption",sx:{color:"secondary.main",fontWeight:"medium"},children:[l?"1.":"2."," Model Prompt"]}),(0,d.jsxs)(i.default,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:["(from the selected model: ",(()=>{let a=z.properties?.boundModel;if(!a)return"None";let b=y.find(b=>b.id===a);return b?b.displayName||b.name:z.properties?.modelName||"None"})(),")"]})]}),(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsxs)(i.default,{variant:"caption",sx:{fontWeight:"medium"},children:[l||g||!x?l&&(g||!x)?"1.":"2.":"3."," This Node's Prompt"]}),(0,d.jsx)(i.default,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:"(defined below)"})]}),(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsxs)(i.default,{variant:"caption",sx:{fontWeight:"medium"},children:[l||g||!x?l&&(g||!x)?"2.":"3.":"4."," ","isolated"===q?"Isolated prompt":"latest-message"===q?"Latest message only":"Conversation History"]}),(0,d.jsx)(i.default,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:"isolated"===q?"(the prompt below, as the user message)":"latest-message"===q?"(only the most recent user message)":"(coming from ChatCompletion endpoint)"})]})]})]}),(0,d.jsxs)(h.default,{sx:{mb:2},children:[(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mb:1},children:"What does the model receive?"}),(0,d.jsxs)(h.default,{role:"radiogroup","aria-label":"Model input",sx:{display:"flex",gap:1.5,flexWrap:"wrap"},children:[(0,d.jsx)(bQ,{selected:"full-history"===q,onClick:()=>r("full-history"),icon:(0,d.jsx)(bK,{fontSize:"small"}),title:"Full conversation",description:"The model sees this node's prompt plus the whole conversation so far. The default."}),(0,d.jsx)(bQ,{selected:"latest-message"===q,onClick:()=>r("latest-message"),icon:(0,d.jsx)(bL,{fontSize:"small"}),title:"Latest message only",description:"The model sees this node's prompt plus only the most recent user message."}),(0,d.jsx)(bQ,{selected:"isolated"===q,onClick:()=>r("isolated"),icon:(0,d.jsx)(bM,{fontSize:"small"}),title:"Isolated",description:"The conversation is ignored. The model sees this node's prompt plus the prompt below, sent as the user message."})]}),"isolated"===q&&(0,d.jsx)(t.A,{fullWidth:!0,label:"Isolated prompt",value:s,onChange:a=>u(a.target.value),margin:"normal",multiline:!0,rows:2,helperText:"Sent to the model as the user message. The prior conversation is not shown to the model (it is still kept in the transcript for later nodes)."})]}),(0,d.jsxs)(h.default,{sx:{mb:2},children:[(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mb:1},children:"What do later steps see of this step's work?"}),(0,d.jsxs)(h.default,{role:"radiogroup","aria-label":"Model output",sx:{display:"flex",gap:1.5,flexWrap:"wrap"},children:[(0,d.jsx)(bQ,{selected:"full-conversation"===v,onClick:()=>w("full-conversation"),icon:(0,d.jsx)(bN,{fontSize:"small"}),title:"Full conversation",description:"Later steps see everything this step did — tool calls, tool results, and intermediate turns. The default."}),(0,d.jsx)(bQ,{selected:"latest-message"===v,onClick:()=>w("latest-message"),icon:(0,d.jsx)(bO,{fontSize:"small"}),title:"Latest message only",description:"Later steps see only this step's final response. Its tool calls and results are hidden from later models to save context tokens (they stay visible in the chat and log)."})]})]}),(0,d.jsx)(h.default,{sx:{flexGrow:1,display:"flex",flexDirection:"column",height:"calc(100% - 120px)"},children:(0,d.jsx)(bP.A,{ref:I,value:c,onChange:f,label:"",height:"100%",onModeChange:a=>{"preview"===a&&J()},customPreviewRenderer:()=>E?(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,d.jsx)(aF.default,{size:40})}):G?(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",p:2},children:[(0,d.jsx)(o.A,{severity:"error",sx:{mb:2},action:(0,d.jsx)(j.A,{color:"inherit",size:"small",onClick:J,children:"Retry"}),children:G}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:2,textAlign:"center"},children:B?"Check that the flow and node IDs are valid and try again.":"This flow hasn't been saved yet. Save the flow first to enable complete preview."})]}):(0,d.jsxs)(h.default,{sx:{p:2},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,sx:{fontWeight:"medium"},children:"Complete Rendered Prompt"}),(0,d.jsx)(A.A,{elevation:0,sx:{p:2,overflow:"auto",bgcolor:"rgba(0, 0, 0, 0.02)",border:"1px solid rgba(0, 0, 0, 0.1)",borderRadius:1},children:(0,d.jsx)(h.default,{component:"pre",sx:{whiteSpace:"pre-wrap",wordBreak:"break-word",fontFamily:"monospace",fontSize:"0.875rem",m:0},children:C||"No rendered prompt available. Please check your flow configuration."})})]})})})]})});bS.displayName="PromptTemplateEditor";var bT=c(82605),bU=c(98256),bV=c(7675);let bW=({nodeData:a,handlePropertyChange:b,properties:c})=>(0,d.jsx)(d.Fragment,{children:c.length>0&&(0,d.jsxs)(h.default,{sx:{mt:3},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Node Properties"}),c.map(c=>(c=>{if(!a)return null;let e=a.properties?.[c.key]??"";switch(c.type){case"text":return(0,d.jsx)(t.A,{fullWidth:!0,label:c.label,multiline:c.multiline,rows:c.multiline?4:1,value:e,onChange:a=>b(c.key,a.target.value),margin:"normal",helperText:c.helperText},c.key);case"number":return(0,d.jsx)(t.A,{fullWidth:!0,type:"number",label:c.label,value:e,inputProps:{min:c.min,max:c.max,step:c.step},onChange:a=>{let d=a.target.value;b(c.key,""===d?void 0:Number(d))},margin:"normal",helperText:c.helperText},c.key);case"select":return(0,d.jsxs)(bT.A,{fullWidth:!0,margin:"normal",children:[(0,d.jsx)(bU.A,{children:c.label}),(0,d.jsx)(bV.A,{value:e||"",label:c.label,onChange:a=>b(c.key,a.target.value),children:c.options?.map(a=>(0,d.jsx)(T.A,{value:a,children:a},a))})]},c.key);case"boolean":return(0,d.jsx)(bI.A,{control:(0,d.jsx)(bJ.A,{checked:e||!1,onChange:a=>b(c.key,a.target.checked)}),label:c.label,sx:{my:1}},c.key);default:return null}})(c))]})}),bX=(0,C.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/ProcessNodePropertiesModal"),bY=({open:a,node:b,onClose:c,onSave:f,flowEdges:g=[],flowNodes:k=[],flowId:m,onConnectMcpServer:n})=>{bX.debug("ProcessNodePropertiesModal rendered with:",{node:b,flowId:m});let{nodeData:o,setNodeData:s,handlePropertyChange:t}=(a=>{let[b,c]=(0,e.useState)(null);(0,e.useEffect)(()=>{a&&c({id:a.id,...a.data,properties:{...a.data.properties}})},[a]);let d=(0,e.useCallback)((a,b)=>{c(c=>c?{...c,properties:{...c.properties,[a]:b}}:null)},[]);return{nodeData:b,setNodeData:c,handlePropertyChange:d}})(b),[v,w]=(0,e.useState)(""),[x,y]=(0,e.useState)(!1),[z,A]=(0,e.useState)(!1),[C,D]=(0,e.useState)(!1),[E,F]=(0,e.useState)(!1),[H,I]=(0,e.useState)("full-history"),[J,K]=(0,e.useState)(""),[L,M]=(0,e.useState)("full-conversation"),[N,O]=(0,e.useState)("server"),{models:P,isLoadingModels:Q,loadError:R,handleModelSelect:S,handleUnbindModel:T}=((a,b,c,d,f)=>{a$.debug("useModelManagement: Entering hook");let[g,h]=(0,e.useState)([]),[i,j]=(0,e.useState)(!1),[k,l]=(0,e.useState)(null);(0,e.useEffect)(()=>{a$.debug("useModelManagement useEffect: Checking if modal is open",{open:a}),a&&m()},[a]),(0,e.useEffect)(()=>{if(0===g.length)return;let a=b?.properties?.boundModel;if(!a)return;let d=g.find(b=>b.id===a);d&&d.name&&b?.properties?.modelName!==d.name&&c(a=>a&&a.properties?.modelName!==d.name?{...a,properties:{...a.properties,modelName:d.name}}:a)},[g,b?.properties?.boundModel,b?.properties?.modelName,c]);let m=async()=>{a$.debug("loadModels: Entering method"),j(!0),l(null);try{let a=await aS.N.loadModels();h(a)}catch(a){a$.warn("loadModels: Failed to load models:",a),l("Failed to load models")}j(!1)},n=(0,e.useCallback)(a=>{a$.debug("handleModelSelect: Entering method",{modelId:a});let b=g.find(b=>b.id===a);b&&(c(c=>{if(!c)return null;let d=g.find(a=>a.id===c.properties?.boundModel),e=aZ({currentLabel:c.label,nameIsCustom:c.properties?.nameIsCustom,defaultLabel:"Process Node",previousAutoLabel:d?d.displayName||d.name:void 0,nextAutoLabel:b.displayName||b.name});return{...c,label:e,properties:{...c.properties,boundModel:a,modelName:b.name}}}),f(!0))},[g,c,d,f]);return{models:g,isLoadingModels:i,loadError:k,handleModelSelect:n,handleUnbindModel:(0,e.useCallback)(()=>{a$.debug("handleUnbindModel: Entering method"),c(a=>{if(!a)return null;let{boundModel:b,modelName:c,...d}=a.properties;return{...a,properties:{...d,promptTemplate:d.promptTemplate||""}}}),f(!1)},[c,f])}})(a,o,s,w,y),{connectedMcpNodes:U,allServers:V,isLoadingServers:W,selectedToolServerNodeId:X,serverToolsMap:Y,serverStatuses:Z,isLoadingTools:$,handleSelectToolServer:_,isLoadingSelectedServerTools:aa,handleRetryServer:ab,handleRestartServer:ac}=((a,b,c,d)=>{let f=(0,a_.v)(),g=f.servers||[],h=f.isLoading||!1,[i,j]=(0,e.useState)({}),[k,l]=(0,e.useState)({}),[m,n]=(0,e.useState)({}),[o,p]=(0,e.useState)(null),[q,r]=(0,e.useState)(!1),s=(0,e.useMemo)(()=>b?((a,b)=>[...new Set(b.filter(b=>b.source===a&&b.data?.edgeType==="mcp"||b.target===a&&b.data?.edgeType==="mcp").map(b=>b.source===a?b.target:b.source))])(b.id,c):[],[b,c]),t=(0,e.useMemo)(()=>{if(!b||0===s.length)return[];if(!d||!Array.isArray(d))return a0.warn("flowNodes is not available or not an array when filtering connected servers"),[];try{let a=[],b=new Set;return s.forEach(c=>{if(b.has(c))return;let e=d.find(a=>a&&a.id===c);if(!e||!e.data||!e.data.properties)return void a0.warn(`Could not find valid MCP node data for ID ${c}`);let f=e.data.properties.boundServer;if(!f)return void a0.warn(`MCP node ${c} is not bound to any server.`);let h=g.find(a=>a.name===f),i=h?.status||"unknown",j=e.data.properties.enabledTools||[];a.push({nodeId:c,serverName:f,status:i,enabledTools:Array.isArray(j)?j:[]}),b.add(c)}),a0.debug("Generated connectedMcpNodes:",JSON.stringify(a)),a}catch(a){return a0.error("Error preparing connected MCP nodes:",a),[]}},[b,s,g,d]);(0,e.useEffect)(()=>{if(t&&t.length>0){let a={};t.forEach(b=>{let c=g.find(a=>a.name===b.serverName);a[b.serverName]=c?.status||b.status||"unknown"}),j(a)}},[t,g]),(0,e.useEffect)(()=>{if(a&&t.length>0){let a=Array.from(new Set(t.map(a=>a.serverName)));(async()=>{let b={},c={...k},d=a.filter(a=>{let b=g.find(b=>b.name===a);return b?.status==="connected"&&!k[a]&&!m[a]});0!==d.length&&(d.forEach(a=>{b[a]=!0}),n(a=>({...a,...b})),await Promise.all(d.map(async a=>{try{a0.debug(`Loading tools for server: ${a}`);let b=await G.S.listServerTools(a);if(b.error)a0.warn(`Error loading tools for ${a}:`,b.error),c[a]=[];else{let d=b.tools||[];a0.debug(`Loaded ${d.length} tools for ${a}`),c[a]=d}}catch(b){a0.warn(`Failed to load tools for server ${a}:`,b),c[a]=[]}finally{n(b=>({...b,[a]:!1}))}})),l(c))})()}},[a,t,g]);let u=(0,e.useRef)(k);(0,e.useEffect)(()=>{u.current=k},[k]);let v=(0,e.useCallback)(a=>{a0.debug(`Selected MCP Node ID: ${a}`),p(a);let b=t.find(b=>b.nodeId===a),c=b?.serverName;!c||u.current[c]||m[c]?r(m[c||""]||!1):(a0.debug(`Tools not loaded for server ${c}, loading now.`),r(!0),n(a=>({...a,[c]:!0})),G.S.listServerTools(c).then(a=>{let b=a.tools||[];a.error?a0.warn(`Error loading tools for ${c}:`,a.error):a0.debug(`Loaded ${b.length} tools for ${c}`),l(a=>({...a,[c]:b}))}).catch(a=>{a0.warn(`Failed to load tools for server ${c}:`,a),l(a=>({...a,[c]:[]}))}).finally(()=>{r(!1),n(a=>({...a,[c]:!1}))}))},[t,m]),w=(0,e.useRef)(f);return(0,e.useEffect)(()=>{w.current=f},[f]),{connectedMcpNodes:t,allServers:g,isLoadingServers:h,selectedToolServerNodeId:o,serverToolsMap:k,serverStatuses:i,isLoadingTools:m,handleSelectToolServer:v,isLoadingSelectedServerTools:q,handleRetryServer:(0,e.useCallback)(async a=>{a0.debug(`Retrying server: ${a}`),n(b=>({...b,[a]:!0}));try{await w.current.retryServer(a);let b=await G.S.listServerTools(a);if(b.error)return a0.warn(`Error loading tools for ${a} after retry:`,b.error),!1;{let c=b.tools||[];return a0.debug(`Loaded ${c.length} tools for ${a} after retry`),l(b=>({...b,[a]:c})),!0}}catch(b){return a0.warn(`Failed to retry or load tools for server ${a}:`,b),!1}finally{n(b=>({...b,[a]:!1}))}},[]),handleRestartServer:(0,e.useCallback)(async a=>{a0.debug(`Restarting server: ${a}`),n(b=>({...b,[a]:!0}));try{await G.S.restartServer(a),await new Promise(a=>setTimeout(a,1e3));let b=await G.S.listServerTools(a);if(b.error)return a0.warn(`Error loading tools for ${a} after restart:`,b.error),!1;{let c=b.tools||[];return a0.debug(`Loaded ${c.length} tools for ${a} after restart`),l(b=>({...b,[a]:c})),!0}}catch(b){return a0.warn(`Failed to restart or load tools for server ${a}:`,b),!1}finally{n(b=>({...b,[a]:!1}))}},[])}})(a,b,g,k),ad=((a,b,c,d)=>{let[f,g]=(0,e.useState)([]),[h,i]=(0,e.useState)(!1),j=(0,e.useMemo)(()=>b?function(a,b){let c=[];for(let d of b)!("string"==typeof d.data?.edgeType&&d.data.edgeType.includes("mcp"))&&(d.source===a?c.push(d.target):d.target===a&&d.data?.bidirectional&&c.push(d.source));return[...new Set(c)]}(b.id,c):[],[b,c]);return(0,e.useEffect)(()=>{if(a&&b){i(!0);try{let a=j.map(a=>d.find(b=>b.id===a)).filter(a=>!!a),b=(0,a1.E9)(a.map(a=>({id:a.id,label:a.data.label,type:a.type||a.data.type}))),c=a.map(a=>({name:b.get(a.id)||`handoff_to_${a.id}`,description:function(a){if(a.userDescription&&a.userDescription.trim())return a2(a.userDescription,1500);let b=`Hand off execution to ${a.label} (${a.type}).`,c=[];!function a(b,c,d){let e="  ".repeat(c);if(b.userDescription&&b.userDescription.trim())return void d.push(`${e}${a2(b.userDescription,200)}`);if("subflow"===b.type){if(b.subflowMissing)return void d.push(`${e}Runs a subflow (referenced flow not found).`);if(b.subflowDetailsUnavailable){let a=b.subflowName?` "${b.subflowName}"`:"";d.push(`${e}Runs a subflow${a} (contents summarised when the flow runs).`);return}if(d.push(`${e}Runs the subflow "${b.subflowName??"unknown"}", which contains:`),b.depthCapReached)return void d.push(`${e}  (nested subflows omitted — recursion depth limit reached)`);let f=b.children??[];if(0===f.length)return void d.push(`${e}  (no process or subflow steps)`);for(let b of f.slice(0,10))d.push(`${e}  - ${b.label}:`),a(b,c+2,d);return void(f.length>10&&d.push(`${e}  - …and ${f.length-10} more step(s)`))}if(b.modelName&&d.push(`${e}Model: ${b.modelName}`),b.promptSummary&&d.push(`${e}Role: ${a2(b.promptSummary,200)}`),b.servers&&b.servers.length>0)for(let a of b.servers)if(a.connected&&a.tools&&a.tools.length>0){let b=a.tools.slice(0,10),c=a.tools.length-b.length,f=c>0?`, +${c} more`:"";d.push(`${e}Tools (${a.name}): ${b.join(", ")}${f}`)}else d.push(`${e}Tools (${a.name}): server not connected`)}(a,0,c);let d=c.join("\n").trim(),e=d?`${b}
+(()=>{var a={};a.id=3080,a.ids=[3080],a.modules={261:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/app-paths")},3295:a=>{"use strict";a.exports=require("next/dist/server/app-render/after-task-async-storage.external.js")},7503:(a,b,c)=>{"use strict";c.d(b,{A:()=>p});var d=c(38301),e=c(43249),f=c(2783),g=c(41126),h=c(18168),i=c(6636),j=c(79515),k=c(29565),l=c(33105);function m(a){return(0,l.Ay)("MuiDialogContentText",a)}(0,k.A)("MuiDialogContentText",["root"]);var n=c(21124);let o=(0,h.Ay)(j.default,{shouldForwardProp:a=>(0,g.A)(a)||"classes"===a,name:"MuiDialogContentText",slot:"Root",overridesResolver:(a,b)=>b.root})({}),p=d.forwardRef(function(a,b){let c=(0,i.b)({props:a,name:"MuiDialogContentText"}),{children:d,className:g,...h}=c,j=(a=>{let{classes:b}=a,c=(0,f.A)({root:["root"]},m,b);return{...b,...c}})(h);return(0,n.jsx)(o,{component:"p",variant:"body1",color:"textSecondary",ref:b,ownerState:h,className:(0,e.A)(j.root,g),...c,classes:j})})},10057:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(97954).registerClientReference)(function(){throw Error("Attempted to call the default export of \"C:\\\\Users\\\\MarioAndreschak\\\\Documents\\\\GitHub\\\\FLUJO\\\\src\\\\app\\\\flows\\\\page.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"C:\\Users\\MarioAndreschak\\Documents\\GitHub\\FLUJO\\src\\app\\flows\\page.tsx","default")},10846:a=>{"use strict";a.exports=require("next/dist/compiled/next-server/app-page.runtime.prod.js")},19121:a=>{"use strict";a.exports=require("next/dist/server/app-render/action-async-storage.external.js")},21358:(a,b,c)=>{"use strict";c.d(b,{A:()=>f});var d=c(27080),e=c(21124);let f=(0,d.A)([(0,e.jsx)("path",{d:"M12 5.99 19.53 19H4.47zM12 2 1 21h22z"},"0"),(0,e.jsx)("path",{d:"M13 16h-2v2h2zm0-6h-2v5h2z"},"1")],"WarningAmber")},25525:(a,b,c)=>{Promise.resolve().then(c.bind(c,61250))},26713:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/is-bot")},28354:a=>{"use strict";a.exports=require("util")},29294:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-async-storage.external.js")},30583:(a,b,c)=>{"use strict";c.d(b,{A:()=>f});var d=c(44548),e=c(22845);function f({props:a,name:b,defaultTheme:c,themeId:f}){let g=(0,e.A)(c);return f&&(g=g[f]||g),(0,d.A)({theme:g,name:b,props:a})}},33873:a=>{"use strict";a.exports=require("path")},38435:(a,b,c)=>{"use strict";c.d(b,{A:()=>d});let d=(0,c(57931).Ay)()},41025:a=>{"use strict";a.exports=require("next/dist/server/app-render/dynamic-access-async-storage.external.js")},44548:(a,b,c)=>{"use strict";c.d(b,{A:()=>e});var d=c(75575);function e(a){let{theme:b,name:c,props:e}=a;return b&&b.components&&b.components[c]&&b.components[c].defaultProps?(0,d.A)(b.components[c].defaultProps,e):e}},45231:(a,b,c)=>{"use strict";c.d(b,{E:()=>k});var d=c(38301),e=c(2560),f=c(7329),g=c(32640),h=c(61160),i=c(66675);let j={models:{defaultSort:"name-asc",sort:(a,b)=>(0,g.h5)(a,b),deriveSortGroup:(a,b)=>(0,g.eZ)(a,b),getFolder:a=>a.folder,getSearchText:a=>`${(0,g.Lg)(a)} ${a.name??""}`},mcp:{defaultSort:"name-asc",sort:(a,b)=>(0,h.rI)(a,b),deriveSortGroup:(a,b)=>(0,h.mO)(a,b),getFolder:a=>a.folder,getSearchText:a=>`${a.name??""} ${a.rootPath??a.path??""}`},flows:{defaultSort:"name-asc",sort:(a,b)=>(0,i.KT)(a,b),deriveSortGroup:(a,b)=>(0,i.ts)(a,b),getFolder:a=>a.folder,getSearchText:a=>a.name??""}};function k(a,b){let c=j[a],[g,h]=(0,d.useState)(""),[i]=(0,e.Xk)(`flujo-ui:${a}:sort`,c.defaultSort),[k]=(0,e.Xk)(`flujo-ui:${a}:group`,"none"),[l,m]=(0,e.Xk)(`flujo-ui:${a}:collapsed`,[]),n=(0,d.useMemo)(()=>new Set(l),[l]),o=(0,d.useMemo)(()=>{let a=g.trim().toLowerCase(),d=a?b.filter(b=>c.getSearchText(b).toLowerCase().includes(a)):b;return c.sort([...d],i)},[b,g,i,c]),p=(0,d.useMemo)(()=>"folder"===k?(0,f.Je)(o,a=>c.getFolder(a)):"sort"===k?(0,f.Az)(o,a=>c.deriveSortGroup(a,i)):null,[k,o,i,c]);return{searchTerm:g,setSearchTerm:h,sortOption:i,groupMode:k,items:o,groups:p,collapsedKeys:n,toggleGroup:(0,d.useCallback)(a=>{m(b=>b.includes(a)?b.filter(b=>b!==a):[...b,a])},[m])}}},53773:(a,b,c)=>{"use strict";c.d(b,{A:()=>v});var d=c(38301),e=c(43249),f=c(3253),g=c(33105),h=c(2783),i=c(38435),j=c(30583),k=c(69467),l=c(49103),m=c(80751),n=c(49939),o=c(21124);let p=(0,l.A)(),q=(0,i.A)("div",{name:"MuiStack",slot:"Root",overridesResolver:(a,b)=>b.root});function r(a){return(0,j.A)({props:a,name:"MuiStack",defaultTheme:p})}let s=({ownerState:a,theme:b})=>{let c={display:"flex",flexDirection:"column",...(0,m.NI)({theme:b},(0,m.kW)({values:a.direction,breakpoints:b.breakpoints.values}),a=>({flexDirection:a}))};if(a.spacing){let d=(0,n.LX)(b),e=Object.keys(b.breakpoints.values).reduce((b,c)=>(("object"==typeof a.spacing&&null!=a.spacing[c]||"object"==typeof a.direction&&null!=a.direction[c])&&(b[c]=!0),b),{}),g=(0,m.kW)({values:a.direction,base:e}),h=(0,m.kW)({values:a.spacing,base:e});"object"==typeof g&&Object.keys(g).forEach((a,b,c)=>{if(!g[a]){let d=b>0?g[c[b-1]]:"column";g[a]=d}}),c=(0,f.A)(c,(0,m.NI)({theme:b},h,(b,c)=>a.useFlexGap?{gap:(0,n._W)(d,b)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[c?g[c]:a.direction]}`]:(0,n._W)(d,b)}}))}return(0,m.iZ)(b.breakpoints,c)};var t=c(18168),u=c(6636);let v=function(a={}){let{createStyledComponent:b=q,useThemeProps:c=r,componentName:f="MuiStack"}=a,i=b(s);return d.forwardRef(function(a,b){let j=c(a),{component:l="div",direction:m="column",spacing:n=0,divider:p,children:q,className:r,useFlexGap:s=!1,...t}=(0,k.A)(j),u=(0,h.A)({root:["root"]},a=>(0,g.Ay)(f,a),{});return(0,o.jsx)(i,{as:l,ownerState:{direction:m,spacing:n,useFlexGap:s},ref:b,className:(0,e.A)(u.root,r),...t,children:p?function(a,b){let c=d.Children.toArray(a).filter(Boolean);return c.reduce((a,e,f)=>(a.push(e),f<c.length-1&&a.push(d.cloneElement(b,{key:`separator-${f}`})),a),[])}(q,p):q})})}({createStyledComponent:(0,t.Ay)("div",{name:"MuiStack",slot:"Root",overridesResolver:(a,b)=>b.root}),useThemeProps:a=>(0,u.b)({props:a,name:"MuiStack"})})},55511:a=>{"use strict";a.exports=require("crypto")},61250:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>c$});var d=c(21124),e=c(38301),f=c.n(e),g=c(60839),h=c(81637),i=c(79515),j=c(68730),k=c(49565),l=c(44079),m=c(43312),n=c(99561),o=c(88745),p=c(40512),q=c(83899),r=c(52327),s=c(7503),t=c(37674),u=c(19925),v=c(27080);let w=(0,v.A)((0,d.jsx)("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"}),"ArrowBack");var x=c(47902);let y=(0,v.A)((0,d.jsx)("path",{d:"m19 9 1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25z"}),"AutoAwesome");var z=c(18168),A=c(54573),B=c(43249),C=c(2783),D=c(37489),E=c(29277),F=c(6638),G=c(68333),H=c(54716),I=c(6636),J=c(29565),K=c(33105);function L(a){return(0,K.Ay)("MuiButtonGroup",a)}let M=(0,J.A)("MuiButtonGroup",["root","contained","outlined","text","disableElevation","disabled","firstButton","fullWidth","horizontal","vertical","colorPrimary","colorSecondary","grouped","groupedHorizontal","groupedVertical","groupedText","groupedTextHorizontal","groupedTextVertical","groupedTextPrimary","groupedTextSecondary","groupedOutlined","groupedOutlinedHorizontal","groupedOutlinedVertical","groupedOutlinedPrimary","groupedOutlinedSecondary","groupedContained","groupedContainedHorizontal","groupedContainedVertical","groupedContainedPrimary","groupedContainedSecondary","lastButton","middleButton"]);var N=c(96936),O=c(64023);let P=(0,z.Ay)("div",{name:"MuiButtonGroup",slot:"Root",overridesResolver:(a,b)=>{let{ownerState:c}=a;return[{[`& .${M.grouped}`]:b.grouped},{[`& .${M.grouped}`]:b[`grouped${(0,F.A)(c.orientation)}`]},{[`& .${M.grouped}`]:b[`grouped${(0,F.A)(c.variant)}`]},{[`& .${M.grouped}`]:b[`grouped${(0,F.A)(c.variant)}${(0,F.A)(c.orientation)}`]},{[`& .${M.grouped}`]:b[`grouped${(0,F.A)(c.variant)}${(0,F.A)(c.color)}`]},{[`& .${M.firstButton}`]:b.firstButton},{[`& .${M.lastButton}`]:b.lastButton},{[`& .${M.middleButton}`]:b.middleButton},b.root,b[c.variant],!0===c.disableElevation&&b.disableElevation,c.fullWidth&&b.fullWidth,"vertical"===c.orientation&&b.vertical]}})((0,G.A)(({theme:a})=>({display:"inline-flex",borderRadius:(a.vars||a).shape.borderRadius,variants:[{props:{variant:"contained"},style:{boxShadow:(a.vars||a).shadows[2]}},{props:{disableElevation:!0},style:{boxShadow:"none"}},{props:{fullWidth:!0},style:{width:"100%"}},{props:{orientation:"vertical"},style:{flexDirection:"column",[`& .${M.lastButton},& .${M.middleButton}`]:{borderTopRightRadius:0,borderTopLeftRadius:0},[`& .${M.firstButton},& .${M.middleButton}`]:{borderBottomRightRadius:0,borderBottomLeftRadius:0}}},{props:{orientation:"horizontal"},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderTopRightRadius:0,borderBottomRightRadius:0},[`& .${M.lastButton},& .${M.middleButton}`]:{borderTopLeftRadius:0,borderBottomLeftRadius:0}}},{props:{variant:"text",orientation:"horizontal"},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderRight:a.vars?`1px solid rgba(${a.vars.palette.common.onBackgroundChannel} / 0.23)`:`1px solid ${"light"===a.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"}`,[`&.${M.disabled}`]:{borderRight:`1px solid ${(a.vars||a).palette.action.disabled}`}}}},{props:{variant:"text",orientation:"vertical"},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderBottom:a.vars?`1px solid rgba(${a.vars.palette.common.onBackgroundChannel} / 0.23)`:`1px solid ${"light"===a.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"}`,[`&.${M.disabled}`]:{borderBottom:`1px solid ${(a.vars||a).palette.action.disabled}`}}}},...Object.entries(a.palette).filter((0,H.A)()).flatMap(([b])=>[{props:{variant:"text",color:b},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderColor:a.vars?`rgba(${a.vars.palette[b].mainChannel} / 0.5)`:(0,D.X4)(a.palette[b].main,.5)}}}]),{props:{variant:"outlined",orientation:"horizontal"},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderRightColor:"transparent","&:hover":{borderRightColor:"currentColor"}},[`& .${M.lastButton},& .${M.middleButton}`]:{marginLeft:-1}}},{props:{variant:"outlined",orientation:"vertical"},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderBottomColor:"transparent","&:hover":{borderBottomColor:"currentColor"}},[`& .${M.lastButton},& .${M.middleButton}`]:{marginTop:-1}}},{props:{variant:"contained",orientation:"horizontal"},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderRight:`1px solid ${(a.vars||a).palette.grey[400]}`,[`&.${M.disabled}`]:{borderRight:`1px solid ${(a.vars||a).palette.action.disabled}`}}}},{props:{variant:"contained",orientation:"vertical"},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderBottom:`1px solid ${(a.vars||a).palette.grey[400]}`,[`&.${M.disabled}`]:{borderBottom:`1px solid ${(a.vars||a).palette.action.disabled}`}}}},...Object.entries(a.palette).filter((0,H.A)(["dark"])).map(([b])=>({props:{variant:"contained",color:b},style:{[`& .${M.firstButton},& .${M.middleButton}`]:{borderColor:(a.vars||a).palette[b].dark}}}))],[`& .${M.grouped}`]:{minWidth:40,boxShadow:"none",props:{variant:"contained"},style:{"&:hover":{boxShadow:"none"}}}}))),Q=e.forwardRef(function(a,b){let c=(0,I.b)({props:a,name:"MuiButtonGroup"}),{children:f,className:g,color:h="primary",component:i="div",disabled:j=!1,disableElevation:k=!1,disableFocusRipple:l=!1,disableRipple:m=!1,fullWidth:n=!1,orientation:o="horizontal",size:p="medium",variant:q="outlined",...r}=c,s={...c,color:h,component:i,disabled:j,disableElevation:k,disableFocusRipple:l,disableRipple:m,fullWidth:n,orientation:o,size:p,variant:q},t=(a=>{let{classes:b,color:c,disabled:d,disableElevation:e,fullWidth:f,orientation:g,variant:h}=a,i={root:["root",h,g,f&&"fullWidth",e&&"disableElevation",`color${(0,F.A)(c)}`],grouped:["grouped",`grouped${(0,F.A)(g)}`,`grouped${(0,F.A)(h)}`,`grouped${(0,F.A)(h)}${(0,F.A)(g)}`,`grouped${(0,F.A)(h)}${(0,F.A)(c)}`,d&&"disabled"],firstButton:["firstButton"],lastButton:["lastButton"],middleButton:["middleButton"]};return(0,C.A)(i,L,b)})(s),u=e.useMemo(()=>({className:t.grouped,color:h,disabled:j,disableElevation:k,disableFocusRipple:l,disableRipple:m,fullWidth:n,size:p,variant:q}),[h,j,k,l,m,n,p,q,t.grouped]),v=(0,E.A)(f),w=v.length;return(0,d.jsx)(P,{as:i,role:"group",className:(0,B.A)(t.root,g),ref:b,ownerState:s,...r,children:(0,d.jsx)(N.A.Provider,{value:u,children:v.map((a,b)=>(0,d.jsx)(O.A.Provider,{value:(a=>{let b=0===a,c=a===w-1;return b&&c?"":b?t.firstButton:c?t.lastButton:t.middleButton})(b),children:a},b))})})});var R=c(7118),S=c(94367),T=c(91059),U=c(19815),V=c(95791),W=c(2117),X=c(63281),Y=c(28055),Z=c(46973);Z.TG.ArrowClosed;let $={type:"mcpEdge",animated:!1,style:{stroke:"#1976d2",strokeWidth:2},markerEnd:{type:Z.TG.ArrowClosed,width:20,height:20,color:"#1976d2"},markerStart:{type:Z.TG.ArrowClosed,width:20,height:20,color:"#1976d2"}};function _(a){return!!a&&a.includes("mcp")}function aa(a,b,c,d){if("start"===c)return"Start nodes cannot have incoming connections";if("finish"===a)return"Finish nodes cannot have outgoing connections";if("mcp"===a||"mcp"===c||_(b)||_(d)){if(("mcp"!==a||"process"!==c)&&("process"!==a||"mcp"!==c))return"MCP connections must link an MCP node to a Process node via MCP handles";if("process"===a&&!_(b))return"Connect MCP nodes from the Process node's left/right MCP handles"}return null}function ab(a,b,c){return b.filter(b=>b.data?.edgeType!=="mcp"&&(b.source===a?b.target!==c:!!(b.target===a&&b.data?.bidirectional)&&b.source!==c))}function ac(a,b,c=[]){if(!a.source||!a.target||!a.sourceHandle||!a.targetHandle)return console.error("Invalid connection: Missing source, target, or handles",a),!1;let d=b.find(b=>b.id===a.source),e=b.find(b=>b.id===a.target);if(!d||!e)return console.error("Invalid connection: Source or target node not found",a),!1;let f=aa(d.type,a.sourceHandle,e.type,a.targetHandle);return f?(console.error(`Invalid connection: ${f}`),!1):"subflow"!==d.type||!(ab(d.id,c,a.target).length>0)||(console.error("Invalid connection: Subflow nodes can only have one outgoing connection"),!1)}function ad(a,b,c){let d=b.find(b=>b.id===a.source),e=b.find(b=>b.id===a.target),f=a.sourceHandle,g=a.targetHandle,h=d?.type==="mcp"||e?.type==="mcp"||_(f)||_(g),i=`${a.source}:${f}->${a.target}:${g}`;return h?{id:i,...a,type:"mcpEdge",data:{edgeType:"mcp"},animated:!1,markerEnd:$.markerEnd,markerStart:$.markerStart,style:$.style}:{id:i,...a,type:"custom",data:{edgeType:"standard",...c?{condition:c}:{}},animated:!0}}function ae(a,b,c=[]){let d=b.find(b=>b.id===a.source),e=b.find(b=>b.id===a.target);return!!d&&!!e&&("subflow"!==e.type||!(ab(e.id,c,a.source).length>0))&&null===aa(e.type,null,d.type,null)}function af(a,b){let c=a=>a.data?.edgeType==="mcp";return b.filter(b=>b.id===a.id||(c(a)?c(b)&&(b.source===a.source&&b.target===a.target||b.source===a.target&&b.target===a.source):!c(b)&&b.source===a.source&&b.target===a.target)).map(a=>a.id)}function ag(a){return a.data?.edgeType==="mcp"}var ah=c(20456),ai=c(8070),aj=c(50553),ak=c(84233),al=c(91034),am=c(38941),an=c(95345),ao=c(12033);let ap=({open:a,position:b,onClose:c,onDelete:e,onEditProperties:f,onCopy:g,onPaste:h,canPaste:i,canCopy:j,nodeId:k,selection:l,edgeId:m})=>{let n=[];return k&&!l&&n.push((0,d.jsxs)(S.A,{onClick:()=>{f&&f(),c()},children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(ao.A,{fontSize:"small"})}),(0,d.jsx)(ak.A,{children:"Edit Properties"})]},"edit")),g&&(k||l)&&n.push((0,d.jsxs)(S.A,{onClick:()=>{g&&g(),c()},disabled:!j,children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(am.A,{fontSize:"small"})}),(0,d.jsx)(ak.A,{children:"Copy"})]},"copy")),h&&n.push((0,d.jsxs)(S.A,{onClick:()=>{h&&h(),c()},disabled:!i,children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(an.A,{fontSize:"small"})}),(0,d.jsx)(ak.A,{children:"Paste"})]},"paste")),(k||m||l)&&n.push((0,d.jsx)(T.A,{},"delete-divider"),(0,d.jsxs)(S.A,{onClick:()=>{e(),c()},sx:{color:"error.main"},children:[(0,d.jsx)(aj.A,{sx:{color:"error.main"},children:(0,d.jsx)(al.A,{fontSize:"small"})}),(0,d.jsx)(ak.A,{children:"Delete"})]},"delete")),(0,d.jsx)(R.A,{open:a,onClose:c,anchorReference:"anchorPosition",anchorPosition:null!==b.y&&null!==b.x?{top:b.y,left:b.x}:void 0,children:n})};var aq=c(90837),ar=c(97004);function as(a,b){return b.find(b=>b.id===a)}let at=(0,U.h)("components/flow/FlowBuilder/Canvas/hooks/useCanvasEvents.ts"),au=(0,v.A)([(0,d.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"},"0"),(0,d.jsx)("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2z"},"1")],"ZoomIn"),av=(0,v.A)((0,d.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14M7 9h5v1H7z"}),"ZoomOut"),aw=(0,v.A)((0,d.jsx)("path",{d:"M17 4h3c1.1 0 2 .9 2 2v2h-2V6h-3zM4 8V6h3V4H4c-1.1 0-2 .9-2 2v2zm16 8v2h-3v2h3c1.1 0 2-.9 2-2v-2zM7 18H4v-2H2v2c0 1.1.9 2 2 2h3zM18 8H6v8h12z"}),"FitScreen"),ax=(0,z.Ay)(j.A)(({theme:a})=>({minWidth:"36px",padding:"6px",margin:"0 4px",backgroundColor:"dark"===a.palette.mode?"rgba(255, 255, 255, 0.05)":"rgba(0, 0, 0, 0.02)","&:hover":{backgroundColor:"dark"===a.palette.mode?"rgba(255, 255, 255, 0.1)":"rgba(0, 0, 0, 0.05)"}})),ay=()=>{let{zoomIn:a,zoomOut:b,fitView:c}=(0,V.VH)();return(0,d.jsx)(V.Zk,{position:"top-right",style:{margin:"10px"},children:(0,d.jsxs)("div",{style:{display:"flex",gap:"5px"},children:[(0,d.jsx)(m.A,{title:"Zoom In",children:(0,d.jsx)(ax,{variant:"outlined",size:"small",onClick:()=>a(),children:(0,d.jsx)(au,{fontSize:"small"})})}),(0,d.jsx)(m.A,{title:"Zoom Out",children:(0,d.jsx)(ax,{variant:"outlined",size:"small",onClick:()=>b(),children:(0,d.jsx)(av,{fontSize:"small"})})}),(0,d.jsx)(m.A,{title:"Fit View",children:(0,d.jsx)(ax,{variant:"outlined",size:"small",onClick:()=>c(),children:(0,d.jsx)(aw,{fontSize:"small"})})})]})})},az=({showMiniMap:a=!0,showControls:b=!0,showBackground:c=!0})=>{let e=(0,g.A)(),f="dark"===e.palette.mode;return(0,d.jsxs)(d.Fragment,{children:[c&&(0,d.jsx)(V.VS,{color:f?e.palette.text.disabled:e.palette.divider,gap:20,size:1}),b&&(0,d.jsx)(V.H2,{}),a&&(0,d.jsx)(V.of,{nodeColor:f?e.palette.primary.dark:e.palette.primary.light,maskColor:f?"rgba(0, 0, 0, 0.4)":"rgba(255, 255, 255, 0.6)"})]})},aA=(0,U.h)("components/flow/FlowBuilder/Canvas/Canvas.tsx"),aB="flujo:flowClipboard",aC=null;function aD(a){aC=a;try{localStorage.setItem(aB,JSON.stringify(a))}catch(a){aA.warn("Could not persist flow clipboard to localStorage",a)}}let aE={start:ai.vm,process:ai.Uw,finish:ai.IK,mcp:ai.v2,subflow:ai.lA},aF={custom:aq.jY,mcpEdge:aq.oY},aG=({open:a,position:b,onClose:c,onSelectNodeType:e,sourceNodeType:f,sourceHandleId:j})=>{let k=(0,g.A)(),l=function(a,b){let c=["process","finish","mcp","subflow"];return a&&b?c.filter(c=>null===aa(a,b,c,`${c}-top`)):c}(f,j);aA.debug(`NodeSelectionModal: Source node type: ${f}, Source handle ID: ${j}`),aA.debug(`NodeSelectionModal: Valid node types: ${l.join(", ")}`);let m=[{type:"process",label:"Process Node",description:"Let a LLM do your work"},{type:"finish",label:"Finish Node",description:"End your flow here"},{type:"mcp",label:"MCP Node",description:"Add functionality"},{type:"subflow",label:"Subflow Node",description:"Run another flow"}].filter(a=>l.includes(a.type));return b?(0,d.jsx)(ah.A,{open:a,onClose:c,"aria-labelledby":"node-selection-modal",children:(0,d.jsxs)(h.default,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:300,bgcolor:"background.paper",borderRadius:2,boxShadow:24,p:4},children:[(0,d.jsx)(i.default,{variant:"h6",component:"h2",gutterBottom:!0,children:"Select Node Type"}),(0,d.jsx)(h.default,{display:"flex",flexDirection:"column",gap:2,children:m.map(a=>(0,d.jsxs)(h.default,{sx:{padding:2,borderRadius:1,border:`2px solid ${"process"===a.type?k.palette.secondary.main:"finish"===a.type?k.palette.success.main:"subflow"===a.type?k.palette.warning.main:k.palette.info.main}`,cursor:"pointer","&:hover":{boxShadow:3}},onClick:()=>e(a.type,b),children:[(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",gap:1,mb:1,children:[(a=>{switch(a){case"process":default:return(0,d.jsx)("div",{style:{width:24,height:24,backgroundColor:k.palette.secondary.main,borderRadius:"50%"}});case"finish":return(0,d.jsx)("div",{style:{width:24,height:24,backgroundColor:k.palette.success.main,borderRadius:"50%"}});case"mcp":return(0,d.jsx)("div",{style:{width:24,height:24,backgroundColor:k.palette.info.main,borderRadius:"50%"}});case"subflow":return(0,d.jsx)("div",{style:{width:24,height:24,backgroundColor:k.palette.warning.main,borderRadius:"50%"}})}})(a.type),(0,d.jsx)(i.default,{variant:"subtitle1",fontWeight:"bold",children:a.label})]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",children:a.description})]},a.type))})]})}):null},aH=(0,z.Ay)("div")(({theme:a})=>({width:"100%",height:"80vh",border:`1px solid ${a.palette.divider}`,borderRadius:"4px",background:a.palette.background.paper,position:"relative"})),aI=(0,e.forwardRef)((a,b)=>{let c=(0,g.A)(),{nodes:f,edges:h,onNodesChange:i,onEdgesChange:j,onDrop:k,onDragOver:l,onInit:m,reactFlowWrapper:n,onEditNode:o}=a,{contextMenu:p,selectedElements:q,closeContextMenu:r,handleDelete:s,onNodeContextMenu:t,onEdgeContextMenu:u,onPaneContextMenu:v,onSelectionContextMenu:w}=function(a){let{deleteElements:b}=(0,V.VH)(),[c,d]=(0,e.useState)({open:!1,position:{x:0,y:0}}),[f,g]=(0,e.useState)({nodes:[],edges:[]});(0,V.p4)({onChange:({nodes:a,edges:b})=>{let c=a.map(a=>a.id),d=b.map(a=>a.id);at.debug(`Selection changed: ${c.length} nodes, ${d.length} edges selected`),g({nodes:c,edges:d})}});let h=(0,e.useCallback)((a,b,c,e)=>{a.preventDefault(),b?at.debug(`Context menu opened for node: ${b}`):c?at.debug(`Context menu opened for edge: ${c}`):e?at.debug("Context menu opened for the current selection"):at.debug(`Context menu opened on canvas at (${a.clientX}, ${a.clientY})`),d({open:!0,position:{x:a.clientX,y:a.clientY},nodeId:b,edgeId:c,selection:e})},[]),i=(0,e.useCallback)(()=>{at.debug("Context menu closed"),d(a=>({...a,open:!1}))},[]),j=(0,e.useCallback)(()=>{if(c.selection)at.debug("handleDelete: Deleting the current selection"),b({nodes:f.nodes.map(a=>({id:a})),edges:f.edges.map(a=>({id:a}))});else if(c.nodeId){if(at.debug(`handleDelete: Attempting to delete node ${c.nodeId}`),!function(a,b){let c=as(a,b);return!!c&&"start"!==c.type}(c.nodeId,a)){at.warn(`Cannot delete Start node: ${c.nodeId}`),alert("Start nodes cannot be deleted");return}b({nodes:[{id:c.nodeId}]})}else c.edgeId&&(at.debug(`handleDelete: Deleting edge ${c.edgeId}`),b({edges:[{id:c.edgeId}]}))},[c,b,a,f]),k=(0,e.useCallback)((a,b)=>{h(a,b.id)},[h]),l=(0,e.useCallback)((a,b)=>{h(a,void 0,b.id)},[h]),m=(0,e.useCallback)(a=>{h(a)},[h]),n=(0,e.useCallback)(a=>{h(a,void 0,void 0,!0)},[h]);return{contextMenu:c,selectedElements:f,onContextMenu:h,closeContextMenu:i,handleDelete:j,onNodeContextMenu:k,onEdgeContextMenu:l,onPaneContextMenu:m,onSelectionContextMenu:n}}(f),{deleteElements:x}=(0,V.VH)(),y=(0,V.PI)(),z=(0,e.useRef)(null),[A,B]=(0,e.useState)(null),[C,D]=(0,e.useState)({open:!1,position:null}),E=(0,e.useCallback)(a=>[...f.filter(a=>a.selected).map(a=>({type:"select",id:a.id,selected:!1})),{type:"add",item:{...a,selected:!0}}],[f]);(0,e.useEffect)(()=>{if(!o)return;let a=a=>{if(a.detail&&a.detail.nodeId){let b=as(a.detail.nodeId,f);b&&o(b)}};return document.addEventListener("editNode",a),()=>{document.removeEventListener("editNode",a)}},[f,o]);let F=(0,e.useCallback)(a=>{if(!a.sourceHandle||!a.targetHandle)return void aA.error("Invalid connection: Missing source or target handle",a);let b=y.getState().connection.fromHandle?.type==="target";if(!ac(a,f,h))return;let d=ad(a,f);if(d.data?.edgeType==="standard"){let d=a=>a.data?.edgeType!=="mcp",e=a=>!!a.data?.bidirectional,g=h.find(b=>d(b)&&b.source===a.source&&b.target===a.target),i=h.find(b=>d(b)&&b.source===a.target&&b.target===a.source),k=a=>{aA.info(`Merging reverse connection into bidirectional edge ${a.id}`),j([{type:"replace",id:a.id,item:{...a,data:{...a.data,bidirectional:!0},markerStart:{type:Z.TG.ArrowClosed,width:20,height:20,color:c.palette.text.secondary}}}])};if(b){let a=g??i;return a?void(!e(a)&&ae(a,f,h)&&k(a)):void aA.info("Connection drawn from a top handle is only allowed to convert an existing edge to bidirectional")}if(g&&e(g))return;if(i){!e(i)&&ae(i,f,h)&&k(i);return}}j([...af(d,h).map(a=>({type:"remove",id:a})),{type:"add",item:d}])},[f,h,j,y,c.palette.text.secondary]);(0,e.useEffect)(()=>{let a=a=>{let{edgeId:b,waypoints:c}=a.detail,d=h.find(a=>a.id===b);if(!d)return;let{waypoint:e,...f}=d.data??{};j([{type:"replace",id:b,item:{...d,data:{...f,waypoints:c??void 0}}}])};return document.addEventListener(ar.R,a),()=>document.removeEventListener(ar.R,a)},[h,j]);let G=(0,e.useCallback)(async({nodes:a,edges:b})=>{let c=a.filter(a=>"start"!==a.type),d=new Set(c.map(a=>a.id)),e=new Set(a.map(a=>a.id)),f=b.filter(a=>!!(a.selected||d.has(a.source)||d.has(a.target))||!(e.has(a.source)||e.has(a.target)));return(0!==c.length||0!==f.length)&&{nodes:c,edges:f}},[]),H=(0,e.useCallback)(a=>{B(a),m&&m(a)},[m]);(0,e.useEffect)(()=>{let a=a=>{if(!a.detail||!A)return;let{nodeType:b,position:c}=a.detail,d=X.g.createNode(b,c);i(E(d)),o&&o(d)};return document.addEventListener("addNodeFromPalette",a),()=>{document.removeEventListener("addNodeFromPalette",a)}},[A,i,E,o]);let I=(0,e.useCallback)(()=>{if(p.nodeId&&o){let a=as(p.nodeId,f);a&&o(a)}},[p.nodeId,f,o]),J=(0,e.useCallback)((a,b)=>{a.preventDefault(),o&&o(b)},[o]),K=(0,e.useCallback)((a,b)=>{let{fromNode:c,fromHandle:d}=b;if(!c||!d?.id||!A)return void aA.debug("onConnectEnd: No valid connection start data");if(aA.debug(`onConnectEnd: Connection ended from node ${c.id}, handle ${d.id}`),"target"===d.type&&!_(d.id))return void aA.debug("onConnectEnd: Drag from a target handle cannot create a new node");if("subflow"===c.type&&"source"===d.type&&h.some(a=>{let b=a.data;return b?.edgeType!=="mcp"&&(a.source===c.id||a.target===c.id&&!!b?.bidirectional)}))return void aA.debug("onConnectEnd: Subflow already has an outgoing connection; not offering a new node");if(!a.target.classList.contains("react-flow__pane"))return;let e=a instanceof MouseEvent?a:a.changedTouches[0],f=A.screenToFlowPosition({x:e.clientX,y:e.clientY});aA.debug(`onConnectEnd: Connection dropped on pane at position (${f.x}, ${f.y})`),D({open:!0,position:f,sourceNodeId:c.id,sourceNodeType:c.type,sourceHandleId:d.id})},[A,h]),L=(0,e.useCallback)((a,b)=>{aA.debug(`handleNodeTypeSelection: Selected node type ${a} at position (${b.x}, ${b.y})`);let c=X.g.createNode(a,b);i(E(c));let{sourceNodeId:d,sourceHandleId:e}=C,g=d?as(d,f):void 0;if(g&&e){let b=`${a}-top`,d={source:g.id,sourceHandle:e,target:c.id,targetHandle:b};if(aA.debug(`handleNodeTypeSelection: Creating connection from ${d.source} to ${d.target}`),ac(d,[...f,c],h)){let a=ad(d,[...f,c]);j([...af(a,h).map(a=>({type:"remove",id:a})),{type:"add",item:a}]),aA.debug(`handleNodeTypeSelection: Edge created with id ${a.id}`)}}D({open:!1,position:null}),o&&o(c)},[C,f,h,E,i,j,o]),M=(0,e.useCallback)(()=>{aA.debug("handleCloseNodeSelectionModal: Closing node selection modal"),D({open:!1,position:null})},[]),N=(0,e.useCallback)(()=>{let a=new Set(q.nodes),b=f.filter(b=>a.has(b.id)&&"start"!==b.type);if(0===b.length)return!1;let c=new Set(b.map(a=>a.id)),d=h.filter(a=>c.has(a.source)&&c.has(a.target));return aD({nodes:JSON.parse(JSON.stringify(b)),edges:JSON.parse(JSON.stringify(d))}),aA.debug(`Copied ${b.length} node(s) and ${d.length} edge(s)`),!0},[q,f,h]),O=(0,e.useCallback)(()=>{let a=aC;if(!a)try{let b=localStorage.getItem(aB);b&&(a=JSON.parse(b))}catch(a){aA.warn("Could not read flow clipboard from localStorage",a)}if(!a||!a.nodes||0===a.nodes.length)return void aA.debug("Paste requested but clipboard is empty");let b=new Map;a.nodes.forEach(a=>b.set(a.id,(0,W.A)()));let c=a.nodes.map(a=>({...a,id:b.get(a.id),position:{x:(a.position?.x??0)+40,y:(a.position?.y??0)+40},selected:!0,data:{...a.data}})),d=(a.edges||[]).filter(a=>b.has(a.source)&&b.has(a.target)).map(a=>({...a,id:(0,W.A)(),source:b.get(a.source),target:b.get(a.target),selected:!1}));i([...f.filter(a=>a.selected).map(a=>({type:"select",id:a.id,selected:!1})),...c.map(a=>({type:"add",item:a}))]),d.length>0&&j(d.map(a=>({type:"add",item:a}))),aA.info(`Pasted ${c.length} node(s) and ${d.length} edge(s)`)},[f,i,j]),P=(0,e.useCallback)(a=>{let b=a.ctrlKey||a.metaKey,c=a.key.toLowerCase();if(b&&"c"===c){N()&&a.preventDefault();return}if(b&&"x"===c){N()&&(a.preventDefault(),x({nodes:q.nodes.map(a=>({id:a})),edges:q.edges.map(a=>({id:a}))}));return}if(b&&"v"===c){a.preventDefault(),O();return}},[N,O,x,q]),Q=(0,e.useCallback)(()=>{if(p.nodeId&&!q.nodes.includes(p.nodeId)){let a=f.find(a=>a.id===p.nodeId);a&&"start"!==a.type&&(aD({nodes:JSON.parse(JSON.stringify([a])),edges:[]}),aA.debug("Copied right-clicked node to clipboard"));return}N()},[p.nodeId,q,f,N]),R=(0,e.useMemo)(()=>{if(aC)return!0;try{return!!localStorage.getItem(aB)}catch{return!1}},[p.open]),S=(0,e.useMemo)(()=>{if(p.selection){let a=new Set(q.nodes);return f.some(b=>a.has(b.id)&&"start"!==b.type)}if(p.nodeId){let a=f.find(a=>a.id===p.nodeId);return!!a&&"start"!==a.type}return!1},[p.selection,p.nodeId,q,f]);return(0,d.jsxs)(aH,{ref:a=>{b&&("function"==typeof b?b(a):b.current=a),n&&(n.current=a),z.current=a},children:[(0,d.jsxs)(V.Gc,{nodes:f,edges:h,nodeTypes:aE,edgeTypes:aF,defaultEdgeOptions:(0,e.useMemo)(()=>({type:"custom",animated:!0,style:{stroke:c.palette.text.secondary,strokeWidth:2},markerEnd:{type:Z.TG.ArrowClosed,width:20,height:20,color:c.palette.text.secondary}}),[c.palette.text.secondary]),connectionLineType:Z.Do.SmoothStep,onNodesChange:i,onEdgesChange:j,onConnect:F,onBeforeDelete:G,deleteKeyCode:["Backspace","Delete"],onDrop:k,onDragOver:l,onInit:H,onNodeContextMenu:t,onEdgeContextMenu:u,onPaneContextMenu:v,onSelectionContextMenu:w,onKeyDown:P,onNodeDoubleClick:J,onConnectEnd:K,tabIndex:0,fitView:!0,attributionPosition:"bottom-right",minZoom:.1,maxZoom:2,snapToGrid:!0,snapGrid:[15,15],connectOnClick:!1,children:[(0,d.jsx)(ay,{}),(0,d.jsx)(az,{})]}),(0,d.jsx)(ap,{open:p.open,position:p.position,onClose:r,onDelete:s,onEditProperties:I,onCopy:Q,onPaste:O,canPaste:R,canCopy:S,nodeId:p.nodeId,selection:p.selection,edgeId:p.edgeId}),(0,d.jsx)(aG,{open:C.open,position:C.position,onClose:M,onSelectNodeType:L,sourceNodeType:C.sourceNodeType,sourceHandleId:C.sourceHandleId})]})});aI.displayName="Canvas";var aJ=c(98540),aK=c(83144),aL=c(88970);let aM=(0,U.h)("components/flow/FlowBuilder/NodePalette.tsx"),aN="NodePalette",aO=(0,z.Ay)(A.A)(({theme:a})=>({padding:a.spacing(2),width:"200px",height:"80vh",display:"flex",flexDirection:"column",gap:a.spacing(2)})),aP=(0,z.Ay)(A.A,{shouldForwardProp:a=>"nodeType"!==a})(({theme:a,nodeType:b})=>({padding:a.spacing(1.5),minWidth:"180px",borderRadius:"8px",backgroundColor:a.palette.background.paper,border:`2px solid ${"process"===b?a.palette.secondary.main:"finish"===b?a.palette.success.main:"subflow"===b?a.palette.warning.main:a.palette.info.main}`,boxShadow:a.shadows[2],transition:"all 0.2s ease",cursor:"grab","&:hover":{boxShadow:`0 0 0 1px ${"process"===b?a.palette.secondary.main:"finish"===b?a.palette.success.main:"subflow"===b?a.palette.warning.main:a.palette.info.main}, 0 3px 10px rgba(0,0,0,0.1)`},"&:active":{cursor:"grabbing"}})),aQ=(0,z.Ay)(h.default,{shouldForwardProp:a=>"nodeType"!==a})(({theme:a,nodeType:b})=>({display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:`1px solid ${"process"===b?a.palette.secondary.light:"finish"===b?a.palette.success.light:"subflow"===b?a.palette.warning.light:a.palette.info.light}`,marginBottom:a.spacing(1),paddingBottom:a.spacing(.5)})),aR=(0,z.Ay)(h.default)({display:"flex",alignItems:"center",gap:"8px"}),aS=[{type:"process",label:"Process Node",description:"Let a LLM do your work"},{type:"finish",label:"Finish Node",description:"End your flow here"},{type:"mcp",label:"MCP Node",description:"Add functionality"},{type:"subflow",label:"Subflow Node",description:"Run another flow as a step"}],aT=()=>{aM.debug(`${aN}: Entering component`),(0,g.A)();let a=(0,e.useCallback)(a=>{aM.debug(`${aN}.onNodeDoubleClick: Double-clicked on ${a} node`);let b=new CustomEvent("addNodeFromPalette",{detail:{nodeType:a,position:{x:250,y:150}}});document.dispatchEvent(b),aM.info(`${aN}.onNodeDoubleClick: Dispatched addNodeFromPalette event for ${a} node`)},[]);return aM.debug(`${aN}: Rendering component`),(0,d.jsxs)(aO,{elevation:2,children:[(0,d.jsx)(i.default,{variant:"h6",gutterBottom:!0,children:"Node Types"}),(0,d.jsx)(h.default,{display:"flex",flexDirection:"column",gap:2,children:aS.map(b=>(0,d.jsxs)(aP,{nodeType:b.type,elevation:1,draggable:!0,onDragStart:a=>((a,b)=>{aM.debug(`${aN}.onDragStart: Entering method with nodeType=${b}`),a.dataTransfer.setData("application/reactflow",b),a.dataTransfer.effectAllowed="move";let c=document.createElement("div");c.innerHTML=`<div style="padding: 10px; background: white; border: 1px solid #ccc; border-radius: 4px;">${b} Node</div>`,document.body.appendChild(c),aM.debug(`${aN}.onDragStart: Created drag preview element`);try{a.dataTransfer.setDragImage(c,75,25),aM.debug(`${aN}.onDragStart: Set drag image with offset (75, 25)`)}catch(a){aM.error(`${aN}.onDragStart: Error setting drag image:`,a)}setTimeout(()=>{document.body.removeChild(c),aM.debug(`${aN}.onDragStart: Removed drag preview element`)},0),aM.debug(`${aN}.onDragStart: Drag operation initialized`)})(a,b.type),onDragEnd:a=>{var c;return c=b.type,void aM.debug(`${aN}.onDragEnd: Drag operation ended for nodeType=${c}`)},onDoubleClick:()=>a(b.type),children:[(0,d.jsx)(aQ,{nodeType:b.type,children:(0,d.jsxs)(aR,{children:[(a=>{switch(a){case"process":default:return(0,d.jsx)(aJ.A,{color:"secondary"});case"finish":return(0,d.jsx)(aK.A,{color:"success"});case"mcp":return(0,d.jsx)(aJ.A,{color:"info"});case"subflow":return(0,d.jsx)(aL.A,{color:"warning"})}})(b.type),(0,d.jsx)(i.default,{variant:"subtitle2",fontWeight:"bold",children:b.label})]})}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",children:b.description})]},b.type))})]})};var aU=c(41893),aV=c(8521),aW=c(89490),aX=c(75983),aY=c(71439);let aZ=(0,v.A)((0,d.jsx)("path",{fillRule:"evenodd",d:"M20 3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M10 17H5v-2h5zm0-4H5v-2h5zm0-4H5V7h5zm4.82 6L12 12.16l1.41-1.41 1.41 1.42L17.99 9l1.42 1.42z"}),"FactCheck");var a$=c(22797),a_=c(21358),a0=c(8165),a1=c(64535);let a2=["contains","regex","equals"],a3=/\$\{var:([^}]+)\}/g,a4=/^[A-Za-z_][\w-]*$/;function a5(a){return a.data?.type??a.type??"unknown"}function a6(a){return a.data?.label||a.id}function a7(a){return a.data?.edgeType==="mcp"}function a8(a,b={}){var c;let d=[],e=Array.isArray(a?.nodes)?a.nodes:[],f=Array.isArray(a?.edges)?a.edges:[],g=(a,b,c,e)=>d.push({severity:a,code:b,message:c,nodeId:e?.id,nodeLabel:e?a6(e):void 0}),h=new Map((b.models??[]).map(a=>[a.id,a])),i=new Map((b.servers??[]).map(a=>[a.name,a])),j=!!b.models,k=!!b.servers,l=e.filter(a=>"start"===a5(a)),m=e.filter(a=>"finish"===a5(a)),n=e.filter(a=>"process"===a5(a)),o=e.filter(a=>"mcp"===a5(a));if(0===l.length)g("error","no-start-node","The flow has no Start node, so it has no entry point.");else if(l.length>1)for(let a of l.slice(1))g("error","multiple-start-nodes","The flow has more than one Start node; only one is allowed.",a);for(let a of(0===m.length&&g("warning","no-finish-node","The flow has no Finish node; it will run but never reaches a defined end."),n)){let b=a.data?.properties??{},c=b.boundModel;if(c){if(j&&!h.has(c)){let c="string"==typeof b.modelName&&b.modelName?` (was "${b.modelName}")`:"";g("error","process-model-missing",`Process node "${a6(a)}" is bound to a model that no longer exists${c}.`,a)}}else g("error","process-missing-model",`Process node "${a6(a)}" has no model bound.`,a)}for(let a of o){let b=(a.data?.properties??{}).boundServer;if(b){if(k&&!i.has(b))g("warning","mcp-server-missing",`MCP node "${a6(a)}" is bound to server "${b}", which isn't in your current MCP server list. It may be offline (e.g. not connected), renamed, or removed — if it was renamed or removed, rebind this node.`,a);else if(k){let c=i.get(b);if(c.status&&"connected"!==c.status){let d="disabled"===c.status?"disabled":`not connected (${c.status})`;g("warning","mcp-server-disconnected",`MCP node "${a6(a)}" is bound to server "${b}", which is currently ${d}. It will provide tools again once it reconnects.`,a)}}}else g("warning","mcp-missing-server",`MCP node "${a6(a)}" is not bound to a server.`,a);f.some(b=>a7(b)&&(b.source===a.id||b.target===a.id))||g("warning","mcp-node-unconnected",`MCP node "${a6(a)}" is not connected to any Process node.`,a)}if(l.length>0){let a=function(a){let b=new Map,c=(a,c)=>{b.has(a)||b.set(a,[]),b.get(a).push(c)};for(let b of a)!a7(b)&&(c(b.source,b.target),b.data?.bidirectional&&c(b.target,b.source));return b}(f);for(let b of l)a.get(b.id)?.length||g("error","start-no-outgoing","The Start node is not connected to anything; the flow cannot run.",b);let b=function(a,b){let c=new Set(a),d=[...a];for(;d.length;){let a=d.shift();for(let e of b.get(a)??[])c.has(e)||(c.add(e),d.push(e))}return c}(l.map(a=>a.id),a);for(let a of[...n,...m])b.has(a.id)||g("warning","unreachable-node",`${"finish"===a5(a)?"Finish":"Process"} node "${a6(a)}" is not reachable from the Start node.`,a)}for(let a of e.filter(a=>"subflow"===a5(a))){let b=f.filter(b=>!a7(b)&&(b.source===a.id||b.target===a.id&&!!b.data?.bidirectional));b.length>1&&g("error","subflow-multiple-outgoing",`Subflow node "${a6(a)}" has ${b.length} outgoing connections; a subflow can only have one (either A > B > C or a bidirectional A <> B).`,a);let c=a.data?.properties??{},d="string"==typeof c.subflowId&&c.subflowId?c.subflowId:void 0,e=Array.isArray(c.parallelSubflowIds)?c.parallelSubflowIds.filter(a=>"string"==typeof a&&!!a):[];d&&e.length>0&&g("error","subflow-both-targets",`Subflow node "${a6(a)}" sets both a single "subflowId" and "parallelSubflowIds"; use one or the other.`,a);let h=!0===c.mapOverList;if(h&&e.length>0&&g("error","subflow-map-and-parallel",`Subflow node "${a6(a)}" combines "mapOverList" with "parallelSubflowIds"; map-over-list runs a single child once per item and cannot be combined with parallel fan-out.`,a),h&&!d&&0===e.length&&g("error","subflow-map-no-child",`Subflow node "${a6(a)}" has "mapOverList" but no child flow ("subflowId"); select a flow to run once per item.`,a),e.length>0){let b=c.concurrencyLimit;"number"==typeof b&&b<1&&g("warning","subflow-concurrency-limit",`Subflow node "${a6(a)}" has a concurrencyLimit of ${b}; it must be at least 1 (the runtime default will be used).`,a)}}{let a=new Map(e.map(a=>[a.id,a])),b=new Set;for(let d of f){if(a7(d))continue;let e=d.data?.condition;if(!e||"object"!=typeof e)continue;let f=a.get(d.source),h=f?a5(f):"unknown";if("process"!==h){g("error","edge-condition-non-process",`An edge leaving ${"unknown"===h?"an unknown":`the ${h}`} node "${f?a6(f):d.source}" has a routing condition, but only process nodes can route on a condition.`,f??void 0);continue}(b.add(d.source),"string"==typeof(c=e.kind)&&a2.includes(c))?"string"!=typeof e.value||0===e.value.length?g("warning","edge-condition-value",`Process node "${a6(f)}" has an outgoing edge condition with no "value"; it will never match.`,f):"regex"===e.kind&&!function(a){try{return new RegExp(a),!0}catch{return!1}}(e.value)&&g("warning","edge-condition-regex",`Process node "${a6(f)}" has an outgoing edge with a regex condition that does not compile; it will never match.`,f):g("warning","edge-condition-kind",`Process node "${a6(f)}" has an outgoing edge whose condition kind "${String(e.kind)}" is unknown; it will never match.`,f)}for(let c of b){let b=a.get(c);b&&(f.some(a=>!a7(a)&&(a.source===c?!a.data?.condition:!!(a.target===c&&a.data?.bidirectional)))||g("warning","edge-condition-no-fallback",`Process node "${a6(b)}" has conditioned outgoing edges but no bare fallback edge; if no condition matches, the flow ends here.`,b))}}{let a=new Set;for(let b of e){let c=b.data?.properties?.captureVariable;if("string"==typeof c&&c.trim()){let d=c.trim();a.add(d),"string"==typeof d&&a4.test(d)||g("warning","capture-var-name",`${"subflow"===a5(b)?"Subflow":"Process"} node "${a6(b)}" captures into "${d}", which is not a valid variable name (letters, digits, _ and - only, not starting with a digit); it will be awkward to reference with \${var:...}.`,b)}}let b=["promptTemplate","isolatedPrompt"],c=new Set;for(let d of e){let e=d.data?.properties??{};for(let f of b){let b=e[f];if("string"==typeof b&&b)for(let e of function(a){let b;if("string"!=typeof a||0===a.length)return[];let c=new Set;for(a3.lastIndex=0;null!==(b=a3.exec(a));){let a=b[1].trim();a&&c.add(a)}return[...c]}(b)){if(a.has(e))continue;let b=`${d.id}:${e}`;c.has(b)||(c.add(b),g("warning","var-ref-uncaptured",`${a6(d)} references \${var:${e}} but no step in this flow captures "${e}" (via captureVariable). It resolves to empty unless supplied as a run input — check for a typo or a step ordered after this one.`,d))}}}}for(let a of n){let c=a.data?.properties?.promptTemplate;if("string"!=typeof c||!c)continue;let d=function(a,b,c){let d=new Map(b.map(a=>[a.id,a])),e=new Set;for(let b of c){if(!a7(b))continue;let c=null;if(b.source===a?c=b.target:b.target===a&&(c=b.source),!c)continue;let f=d.get(c);if(!f||"mcp"!==a5(f))continue;let g=f.data?.properties?.boundServer;"string"==typeof g&&g&&e.add(g)}return e}(a.id,e,f),h=new Set;for(let e of(0,a1.A$)(c)){if("handoff"===e.server)continue;let c=`${e.kind}:${e.server}:${e.name}`;!h.has(c)&&(h.add(c),d.has(e.server)?"tool"===e.kind&&b.serverTools&&b.serverTools[e.server]&&!b.serverTools[e.server].includes(e.name)&&g("warning","tool-unavailable",`Process node "${a6(a)}" references tool "${e.name}" which server "${e.server}" no longer provides.`,a):g("error","tool-pill-disconnected",`Process node "${a6(a)}" references ${e.kind} "${e.name}" from server "${e.server}", but it is not connected to that server (the MCP node was removed or the server was renamed).`,a))}}let p=d.filter(a=>"error"===a.severity).length,q=d.length-p;return{issues:d,errorCount:p,warningCount:q,isRunnable:0===p}}var a9=c(83434);let ba=(0,U.h)("components/flow/FlowBuilder/FlowValidationButton"),bb=({nodes:a,edges:b})=>{let[c,f]=(0,e.useState)(!1),[g,k]=(0,e.useState)(!1),[l,m]=(0,e.useState)(null),n=(0,e.useCallback)(async()=>{k(!0);try{let c=await a9.N.tryLoadModels()??void 0,d=await Y.S.loadServerConfigs(),e=Array.isArray(d)?d.map(a=>({name:a.name,status:a.disabled?"disabled":void 0})):void 0,f=a8({nodes:a,edges:b},{models:c,servers:e});m(f.issues)}catch(a){ba.warn("Flow validation failed to run",a),m([])}finally{k(!1)}},[a,b]),o=(0,e.useCallback)(()=>{f(!0),m(null),n()},[n]),s=(0,e.useCallback)(a=>{a&&(f(!1),document.dispatchEvent(new CustomEvent("editNode",{detail:{nodeId:a}})))},[]),t=l?.filter(a=>"error"===a.severity).length??0,v=(l?.length??0)-t;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{variant:"outlined",color:"primary",onClick:o,startIcon:(0,d.jsx)(aZ,{}),sx:{textTransform:"none"},children:"Check Flow"}),(0,d.jsxs)(p.A,{open:c,onClose:()=>f(!1),maxWidth:"sm",fullWidth:!0,children:[(0,d.jsxs)(q.A,{component:"div",sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)("span",{children:"Flow Check"}),l&&(0,d.jsxs)(h.default,{sx:{display:"flex",gap:1,ml:1},children:[t>0&&(0,d.jsx)(aU.A,{size:"small",color:"error",label:`${t} error${1===t?"":"s"}`}),v>0&&(0,d.jsx)(aU.A,{size:"small",color:"warning",label:`${v} warning${1===v?"":"s"}`})]})]}),(0,d.jsx)(r.A,{dividers:!0,children:g?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:2,py:3,justifyContent:"center"},children:[(0,d.jsx)(aV.default,{size:22}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Checking flow…"})]}):l&&0===l.length?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1.5,py:3,justifyContent:"center"},children:[(0,d.jsx)(a0.A,{color:"success"}),(0,d.jsx)(i.default,{children:"No problems found — this flow looks runnable."})]}):(0,d.jsx)(aW.A,{dense:!0,disablePadding:!0,children:(l??[]).map((a,b)=>{let c=!!a.nodeId,e=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(aj.A,{sx:{minWidth:36},children:"error"===a.severity?(0,d.jsx)(a$.A,{color:"error",fontSize:"small"}):(0,d.jsx)(a_.A,{color:"warning",fontSize:"small"})}),(0,d.jsx)(ak.A,{primary:a.message,secondary:c?`Node: ${a.nodeLabel??a.nodeId} — click to open`:void 0})]});return c?(0,d.jsx)(aX.A,{onClick:()=>s(a.nodeId),alignItems:"flex-start",children:e},b):(0,d.jsx)(aY.Ay,{alignItems:"flex-start",children:e},b)})})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:n,disabled:g,children:"Re-check"}),(0,d.jsx)(j.A,{onClick:()=>f(!1),variant:"contained",children:"Close"})]})]})]})};var bc=c(82666),bd=c(22042),be=c(34304),bf=c(30137);function bg({currentLabel:a,nameIsCustom:b,defaultLabel:c,previousAutoLabel:d,nextAutoLabel:e}){return!0===b?a&&a.length>0?a:e:!a||0===a.length||a===c||void 0!==d&&d.length>0&&a===d?e:a}let bh=(0,U.h)("components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useModelManagement.ts");var bi=c(63650);let bj=(0,U.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useServerConnection");var bk=c(98502);function bl(a,b){let c=a.replace(/\s+/g," ").trim();if(c.length<=b)return c;let d=c.slice(0,b),e=d.lastIndexOf(" ");return`${(e>.6*b?d.slice(0,e):d).trimEnd()}…`}let bm=(0,U.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useHandoffTools"),bn=({nodeData:a,setNodeData:b})=>a?(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",height:"100%",pr:2},children:[(0,d.jsx)(i.default,{variant:"h6",gutterBottom:!0,children:"Node Configuration"}),(0,d.jsx)(t.A,{fullWidth:!0,label:"Node Label",value:a.label||"",onChange:a=>b(b=>({...b,label:a.target.value,properties:{...b?.properties,nameIsCustom:!0}})),margin:"normal"}),(0,d.jsx)(t.A,{fullWidth:!0,label:"Description",value:a.description||"",onChange:c=>b({...a,description:c.target.value}),margin:"normal",multiline:!0,rows:2,helperText:"This description will be displayed on the node"})]}):null;var bo=c(38233),bp=c(93083),bq=c(24330),br=c(8188);let bs=({isLoadingModels:a,loadError:b,models:c,selectedModelId:e,handleModelSelect:f,isModelBound:g,handleUnbindModel:k})=>(0,d.jsxs)(h.default,{sx:{mt:4},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Bind to Model"}),(0,d.jsx)(h.default,{role:"radiogroup","aria-label":"Bind to model",children:(0,d.jsx)(bq.A,{isLoading:a,error:b,loadingMessage:"Loading models...",emptyMessage:"No models available. Add some in the Model Manager.",columns:{xs:12,sm:6},items:c.map(a=>({key:a.id,content:(0,d.jsx)(br.A,{model:a,selectable:!0,selected:e===a.id,onSelect:f})}))})}),!a&&!b&&c.length>0&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(bo.A,{children:e?"This node will use the selected model for processing.":"Select a model to bind this node to."}),g&&(0,d.jsx)(h.default,{sx:{mt:2,display:"flex",justifyContent:"flex-end"},children:(0,d.jsx)(j.A,{startIcon:(0,d.jsx)(bp.A,{}),onClick:k,color:"primary",variant:"outlined",size:"small",children:"Unbind Model"})})]})]});var bt=c(66335);let bu=function(a){let{badgeContent:b,invisible:c=!1,max:d=99,showZero:e=!1}=a,f=(0,bt.A)({badgeContent:b,max:d}),g=c;!1!==c||0!==b||e||(g=!0);let{badgeContent:h,max:i=d}=g?f:a,j=h&&Number(h)>i?`${i}+`:h;return{badgeContent:h,invisible:g,max:i,displayValue:j}};function bv(a){return(0,K.Ay)("MuiBadge",a)}let bw=(0,J.A)("MuiBadge",["root","badge","dot","standard","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft","invisible","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","overlapRectangular","overlapCircular","anchorOriginTopLeftCircular","anchorOriginTopLeftRectangular","anchorOriginTopRightCircular","anchorOriginTopRightRectangular","anchorOriginBottomLeftCircular","anchorOriginBottomLeftRectangular","anchorOriginBottomRightCircular","anchorOriginBottomRightRectangular"]);var bx=c(20385);let by=(0,z.Ay)("span",{name:"MuiBadge",slot:"Root",overridesResolver:(a,b)=>b.root})({position:"relative",display:"inline-flex",verticalAlign:"middle",flexShrink:0}),bz=(0,z.Ay)("span",{name:"MuiBadge",slot:"Badge",overridesResolver:(a,b)=>{let{ownerState:c}=a;return[b.badge,b[c.variant],b[`anchorOrigin${(0,F.A)(c.anchorOrigin.vertical)}${(0,F.A)(c.anchorOrigin.horizontal)}${(0,F.A)(c.overlap)}`],"default"!==c.color&&b[`color${(0,F.A)(c.color)}`],c.invisible&&b.invisible]}})((0,G.A)(({theme:a})=>({display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"center",alignContent:"center",alignItems:"center",position:"absolute",boxSizing:"border-box",fontFamily:a.typography.fontFamily,fontWeight:a.typography.fontWeightMedium,fontSize:a.typography.pxToRem(12),minWidth:20,lineHeight:1,padding:"0 6px",height:20,borderRadius:10,zIndex:1,transition:a.transitions.create("transform",{easing:a.transitions.easing.easeInOut,duration:a.transitions.duration.enteringScreen}),variants:[...Object.entries(a.palette).filter((0,H.A)(["contrastText"])).map(([b])=>({props:{color:b},style:{backgroundColor:(a.vars||a).palette[b].main,color:(a.vars||a).palette[b].contrastText}})),{props:{variant:"dot"},style:{borderRadius:4,height:8,minWidth:8,padding:0}},{props:({ownerState:a})=>"top"===a.anchorOrigin.vertical&&"right"===a.anchorOrigin.horizontal&&"rectangular"===a.overlap,style:{top:0,right:0,transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${bw.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:a})=>"bottom"===a.anchorOrigin.vertical&&"right"===a.anchorOrigin.horizontal&&"rectangular"===a.overlap,style:{bottom:0,right:0,transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${bw.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:a})=>"top"===a.anchorOrigin.vertical&&"left"===a.anchorOrigin.horizontal&&"rectangular"===a.overlap,style:{top:0,left:0,transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${bw.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:a})=>"bottom"===a.anchorOrigin.vertical&&"left"===a.anchorOrigin.horizontal&&"rectangular"===a.overlap,style:{bottom:0,left:0,transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${bw.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:({ownerState:a})=>"top"===a.anchorOrigin.vertical&&"right"===a.anchorOrigin.horizontal&&"circular"===a.overlap,style:{top:"14%",right:"14%",transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${bw.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:a})=>"bottom"===a.anchorOrigin.vertical&&"right"===a.anchorOrigin.horizontal&&"circular"===a.overlap,style:{bottom:"14%",right:"14%",transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${bw.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:a})=>"top"===a.anchorOrigin.vertical&&"left"===a.anchorOrigin.horizontal&&"circular"===a.overlap,style:{top:"14%",left:"14%",transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${bw.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:a})=>"bottom"===a.anchorOrigin.vertical&&"left"===a.anchorOrigin.horizontal&&"circular"===a.overlap,style:{bottom:"14%",left:"14%",transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${bw.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:{invisible:!0},style:{transition:a.transitions.create("transform",{easing:a.transitions.easing.easeInOut,duration:a.transitions.duration.leavingScreen})}}]})));function bA(a){return{vertical:a?.vertical??"top",horizontal:a?.horizontal??"right"}}let bB=e.forwardRef(function(a,b){let c=(0,I.b)({props:a,name:"MuiBadge"}),{anchorOrigin:e,className:f,classes:g,component:h,components:i={},componentsProps:j={},children:k,overlap:l="rectangular",color:m="default",invisible:n=!1,max:o=99,badgeContent:p,slots:q,slotProps:r,showZero:s=!1,variant:t="standard",...u}=c,{badgeContent:v,invisible:w,max:x,displayValue:y}=bu({max:o,invisible:n,badgeContent:p,showZero:s}),z=(0,bt.A)({anchorOrigin:bA(e),color:m,overlap:l,variant:t,badgeContent:p}),A=w||null==v&&"dot"!==t,{color:D=m,overlap:E=l,anchorOrigin:G,variant:H=t}=A?z:c,J=bA(G),K="dot"!==H?y:void 0,L={...c,badgeContent:v,invisible:A,max:x,displayValue:K,showZero:s,anchorOrigin:J,color:D,overlap:E,variant:H},M=(a=>{let{color:b,anchorOrigin:c,invisible:d,overlap:e,variant:f,classes:g={}}=a,h={root:["root"],badge:["badge",f,d&&"invisible",`anchorOrigin${(0,F.A)(c.vertical)}${(0,F.A)(c.horizontal)}`,`anchorOrigin${(0,F.A)(c.vertical)}${(0,F.A)(c.horizontal)}${(0,F.A)(e)}`,`overlap${(0,F.A)(e)}`,"default"!==b&&`color${(0,F.A)(b)}`]};return(0,C.A)(h,bv,g)})(L),N={slots:{root:q?.root??i.Root,badge:q?.badge??i.Badge},slotProps:{root:r?.root??j.root,badge:r?.badge??j.badge}},[O,P]=(0,bx.A)("root",{elementType:by,externalForwardedProps:{...N,...u},ownerState:L,className:(0,B.A)(M.root,f),ref:b,additionalProps:{as:h}}),[Q,R]=(0,bx.A)("badge",{elementType:bz,externalForwardedProps:N,ownerState:L,className:M.badge});return(0,d.jsxs)(O,{...P,children:[k,(0,d.jsx)(Q,{...R,children:K})]})});var bC=c(67101),bD=c(30818),bE=c(27114),bF=c(53222);let bG=(0,v.A)((0,d.jsx)("path",{d:"M12 5V2L8 6l4 4V7c3.31 0 6 2.69 6 6 0 2.97-2.17 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93 0-4.42-3.58-8-8-8m-6 8c0-1.65.67-3.15 1.76-4.24L6.34 7.34C4.9 8.79 4 10.79 4 13c0 4.08 3.05 7.44 7 7.93v-2.02c-2.83-.48-5-2.94-5-5.91"}),"RestartAlt");var bH=c(40973),bI=c(9604),bJ=c(21570),bK=c(46393);let bL=(0,U.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerTools"),bM=({isLoadingServers:a,connectedMcpNodes:b,availableServers:c,onConnectMcpServer:f,serverToolsMap:g,serverStatuses:k,isLoadingTools:n,handleSelectToolServer:o,handleInsertToolBinding:p,selectedToolServerNodeId:q,selectedNodeId:r,isLoadingSelectedServerTools:s,promptBuilderRef:u,handleRetryServer:v,handleRestartServer:w})=>{let y=q??b[0]?.nodeId??null,[z,B]=(0,e.useState)({}),[C,D]=(0,e.useState)(!1),E=(c??[]).filter(a=>!b.some(b=>b.serverName===a.name)),F=!!f&&E.length>0,G=(0,d.jsx)(bJ.A,{open:C,onClose:()=>D(!1),title:"Connect an MCP server",description:"Pick a server to add to this flow and wire to this Process node.",emptyMessage:"No more servers to connect.",items:E.map(a=>({key:a.name,content:(0,d.jsx)(bK.A,{name:a.name,status:a.status||"disconnected",path:a.rootPath||"",enabled:!a.disabled,transport:a.transport||"stdio",pickerMode:!0,onClick:()=>{var b;return b=a.name,void(D(!1),f?.(b))}})}))}),[H,I]=(0,e.useState)(""),J=a=>{try{let c=b.find(b=>b.nodeId===a);if(!c)return bL.warn(`Could not find connected MCP node with ID ${a}`),[];let d=c.enabledTools||[];return bL.debug(`Enabled tools for node ${a}: ${JSON.stringify(d)}`),Array.isArray(d)?d:[]}catch(b){return bL.error(`Error getting enabled tools for node ${a}:`,b),[]}},K=(a,b,c)=>{try{if(!c||!Array.isArray(c))return bL.warn(`Tools array is not available or not an array for server ${b}`),[];let d=J(a),e=c;if(d.length>0?e=c.filter(a=>a&&a.name&&d.includes(a.name)):(bL.debug(`No tools explicitly enabled for node ${a}, showing none.`),e=[]),H.trim()){let a=H.toLowerCase().trim();e=e.filter(b=>b.name&&b.name.toLowerCase().includes(a)||b.description&&b.description.toLowerCase().includes(a)||b.inputSchema&&JSON.stringify(b.inputSchema).toLowerCase().includes(a))}return e}catch(d){return bL.error(`Error filtering tools for node ${a} (server ${b}):`,d),c||[]}},L=a=>{o(a)},M=async(a,b)=>{b.stopPropagation(),bL.debug(`Retry button clicked for server: ${a}`),B(b=>({...b,[a]:!0}));try{v&&await v(a)}finally{setTimeout(()=>{B(b=>({...b,[a]:!1}))},500)}},N=async(a,b)=>{b.stopPropagation(),bL.debug(`Restart button clicked for server: ${a}`),B(b=>({...b,[a]:!0}));try{w&&await w(a)}finally{setTimeout(()=>{B(b=>({...b,[a]:!1}))},500)}};(0,e.useEffect)(()=>{b.length>0&&!q&&o(b[0].nodeId)},[b,q,o]);let O=b.find(a=>a.nodeId===y),P=O?.serverName;return(0,d.jsxs)(h.default,{sx:{mt:4,display:"flex",flexDirection:"column",height:"100%"},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Connected MCP Servers and Tools"}),a?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)(aV.default,{size:20}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Loading connected MCP nodes..."})]}):0===b.length?(0,d.jsxs)(h.default,{sx:{p:2,border:"1px dashed rgba(0, 0, 0, 0.12)",borderRadius:1},children:[(0,d.jsx)(i.default,{color:"text.secondary",align:"center",children:"No MCP nodes connected to this Process node."}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",align:"center",display:"block",sx:{mt:1},children:F?"Pick a server below — the MCP node is added to the flow and wired up for you.":"Connect MCP nodes to this Process node using the side handles to access their tools."}),F&&(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"center",mt:2},children:(0,d.jsx)(j.A,{variant:"contained",size:"small",startIcon:(0,d.jsx)(x.A,{}),onClick:()=>D(!0),children:"Connect MCP Server"})}),G]}):(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",flexGrow:1,height:"calc(100% - 40px)"},children:[(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",mb:2,borderBottom:1,borderColor:"divider"},children:[(0,d.jsx)(bd.A,{value:y||b[0]?.nodeId||"",onChange:(a,b)=>L(b),variant:"scrollable",scrollButtons:"auto",sx:{flexGrow:1},children:b.map(a=>{if(!a||!a.nodeId||!a.serverName)return bL.warn("Skipping invalid MCP node in tabs:",a),null;let b=a.serverName,c=a.nodeId,e=a.status;z[b],n[b];let f=g[b]||[],j=J(c);return K(c,b,f).length,(0,d.jsx)(be.A,{value:c,label:(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(i.default,{variant:"body2",sx:{color:"connected"===e?"success.main":"error"===e?"error.main":"text.secondary"},children:b}),j.length>0&&(0,d.jsx)(bB,{badgeContent:j.length,color:"primary",sx:{ml:1}})]}),sx:{textTransform:"none",minHeight:"48px",opacity:"connected"!==e?.7:1}},c)})}),F&&(0,d.jsx)(m.A,{title:"Connect another MCP server",children:(0,d.jsx)(l.A,{size:"small",onClick:()=>D(!0),sx:{ml:1},children:(0,d.jsx)(x.A,{fontSize:"small"})})}),G]}),O&&P&&(0,d.jsxs)(h.default,{sx:{display:"flex",justifyContent:"flex-end",mb:2},children:[(0,d.jsx)(m.A,{title:`Retry connection for ${P}`,children:(0,d.jsx)("span",{children:(0,d.jsx)(l.A,{size:"small",onClick:a=>M(P,a),disabled:z[P]||n[P],children:z[P]?(0,d.jsx)(aV.default,{size:16}):(0,d.jsx)(bF.A,{fontSize:"small"})})})}),"connected"===O.status&&w&&(0,d.jsx)(m.A,{title:`Restart server ${P}`,children:(0,d.jsx)("span",{children:(0,d.jsx)(l.A,{size:"small",onClick:a=>N(P,a),disabled:z[P],sx:{ml:1},children:(0,d.jsx)(bG,{fontSize:"small"})})})})]}),(0,d.jsx)(t.A,{placeholder:"Search enabled tools...",variant:"outlined",size:"small",fullWidth:!0,value:H,onChange:a=>I(a.target.value),sx:{mb:2},InputProps:{startAdornment:(0,d.jsx)(bC.A,{position:"start",children:(0,d.jsx)(bH.A,{fontSize:"small"})})}}),(0,d.jsx)(A.A,{variant:"outlined",sx:{flexGrow:1,overflow:"auto",p:0,height:"calc(100% - 140px)"},children:O&&P&&(()=>{let a=O.nodeId,b=O.serverName;if("connected"!==O.status)return(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsxs)(i.default,{color:"text.secondary",children:["Server '",b,"' is not connected. Connect to view tools."]})},a);if(n[b])return(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"center",p:2},children:(0,d.jsx)(aV.default,{size:24})},a);let c=g[b]||[],e=K(a,b,c);if(0===e.length){let b=J(a).length;return(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsx)(i.default,{color:"text.secondary",children:H.trim()?`No enabled tools match "${H}" for this node.`:0===b?"No tools are enabled for this node instance. Enable tools in the MCP Node properties.":"No tools available or enabled for this node instance."})},a)}return(0,d.jsx)(aW.A,{disablePadding:!0,children:e.map(c=>(0,d.jsxs)(bD.A,{variant:"outlined",onClick:()=>{a!==y?(bL.debug("Node tab not selected, selecting node first",{selectedNodeId:a,serverName:b,toolName:c.name}),L(a)):b&&c.name?(bL.debug("Inserting tool binding",{serverName:b,toolName:c.name}),p(b,c.name)):bL.warn("Cannot insert tool binding, server or tool name is undefined",{serverName:b,toolName:c.name})},sx:{mb:1,mx:1,mt:1,cursor:"pointer",position:"relative","&:hover":{boxShadow:1,bgcolor:"action.hover"}},children:[(0,d.jsx)(bE.A,{sx:{p:2,"&:last-child":{pb:2}},children:(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:(0,d.jsxs)(h.default,{sx:{width:"100%"},children:[(0,d.jsxs)(i.default,{variant:"subtitle2",component:"div",sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(bI.A,{fontSize:"small",sx:{mr:1,color:"primary.main"}}),c.name]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:.5},children:c.description||"No description available"}),c.inputSchema&&(a=>a&&a.properties?(0,d.jsxs)(h.default,{sx:{mt:1},children:[(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",sx:{fontWeight:"medium"},children:"Parameters:"}),(0,d.jsx)(h.default,{sx:{pl:1,mt:.5},children:Object.entries(a.properties).map(([b,c])=>(0,d.jsxs)(h.default,{sx:{mb:.5},children:[(0,d.jsxs)(i.default,{variant:"caption",component:"span",sx:{fontWeight:"medium"},children:[b,a.required?.includes(b)&&(0,d.jsx)(i.default,{variant:"caption",component:"span",color:"error.main",children:" *"}),": "]}),(0,d.jsx)(i.default,{variant:"caption",component:"span",color:"text.secondary",children:c.description||c.type||"No description"})]},b))})]}):null)(c.inputSchema)]})})}),(0,d.jsx)(m.A,{title:`Add ${c.name} from ${b} to prompt`,children:(0,d.jsx)(h.default,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0}})})]},c.name))},a)})()})]})]})},bN=(0,v.A)((0,d.jsx)("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z"}),"Description"),bO=(0,U.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerResources"),bP=({primary:a,secondary:b,chip:c,onClick:e})=>(0,d.jsx)(bD.A,{variant:"outlined",onClick:e,sx:{mb:1,mx:1,mt:1,cursor:"pointer","&:hover":{boxShadow:1,bgcolor:"action.hover"}},children:(0,d.jsx)(bE.A,{sx:{p:2,"&:last-child":{pb:2}},children:(0,d.jsxs)(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[(0,d.jsxs)(h.default,{sx:{width:"100%"},children:[(0,d.jsxs)(i.default,{variant:"subtitle2",component:"div",sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(bN,{fontSize:"small",sx:{mr:1,color:"primary.main"}}),a]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:.5,wordBreak:"break-all"},children:b})]}),c&&(0,d.jsx)(aU.A,{size:"small",label:c,sx:{ml:1,flexShrink:0}})]})})}),bQ=({connectedMcpNodes:a,handleInsertResourceBinding:b,promptBuilderRef:c})=>{let[f,g]=(0,e.useState)(null),[j,k]=(0,e.useState)([]),[l,m]=(0,e.useState)([]),[n,p]=(0,e.useState)(!1),[q,r]=(0,e.useState)(),[s,u]=(0,e.useState)(""),v=a.find(a=>a.nodeId===f),w=v?.serverName;(0,e.useEffect)(()=>{a.length>0&&!f&&g(a[0].nodeId)},[a,f]);let x=(0,e.useCallback)(async a=>{p(!0),r(void 0);try{let b=await Y.S.listServerResources(a);k(b.resources||[]),m(b.resourceTemplates||[]),r(b.error)}catch(b){bO.warn(`Failed to load resources for ${a}`,b),r(b instanceof Error?b.message:"Failed to load resources")}finally{p(!1)}},[]);(0,e.useEffect)(()=>{w?x(w):(k([]),m([]))},[w,x]);let y=a=>a.toLowerCase().includes(s.toLowerCase().trim()),z=s.trim()?j.filter(a=>y(a.name||"")||y(a.uri)||y(a.description||"")):j,B=s.trim()?l.filter(a=>y(a.name||"")||y(a.uriTemplate)||y(a.description||"")):l,C=a=>{w&&a&&b(w,a)};return(0,d.jsxs)(h.default,{sx:{mt:4,display:"flex",flexDirection:"column",height:"100%"},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Give this step access to…"}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",sx:{mb:1},children:"Pick a resource to insert. Its contents are read and placed into the prompt each time the step runs."}),0===a.length?(0,d.jsxs)(h.default,{sx:{p:2,border:"1px dashed rgba(0, 0, 0, 0.12)",borderRadius:1},children:[(0,d.jsx)(i.default,{color:"text.secondary",align:"center",children:"No MCP nodes connected to this Process node."}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",align:"center",display:"block",sx:{mt:1},children:"Connect MCP nodes using the side handles to access their resources."})]}):(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",flexGrow:1,height:"calc(100% - 40px)"},children:[(0,d.jsx)(bd.A,{value:f||a[0]?.nodeId||"",onChange:(a,b)=>g(b),variant:"scrollable",scrollButtons:"auto",sx:{mb:2,borderBottom:1,borderColor:"divider"},children:a.map(a=>(0,d.jsx)(be.A,{value:a.nodeId,label:(0,d.jsx)(i.default,{variant:"body2",sx:{color:"connected"===a.status?"success.main":"error"===a.status?"error.main":"text.secondary"},children:a.serverName}),sx:{textTransform:"none",minHeight:48,opacity:"connected"!==a.status?.7:1}},a.nodeId))}),(0,d.jsx)(t.A,{placeholder:"Search resources…",variant:"outlined",size:"small",fullWidth:!0,value:s,onChange:a=>u(a.target.value),sx:{mb:2},InputProps:{startAdornment:(0,d.jsx)(bC.A,{position:"start",children:(0,d.jsx)(bH.A,{fontSize:"small"})})}}),q&&(0,d.jsx)(o.A,{severity:"warning",sx:{mb:2},children:q}),(0,d.jsx)(A.A,{variant:"outlined",sx:{flexGrow:1,overflow:"auto",p:0,height:"calc(100% - 140px)"},children:v&&"connected"!==v.status?(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsxs)(i.default,{color:"text.secondary",children:["Server '",w,"' is not connected. Connect to view resources."]})}):n?(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"center",p:2},children:(0,d.jsx)(aV.default,{size:24})}):0===z.length&&0===B.length?(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsx)(i.default,{color:"text.secondary",children:s.trim()?`No resources match "${s}".`:"This server does not publish any resources."})}):(0,d.jsxs)(aW.A,{disablePadding:!0,children:[z.map(a=>(0,d.jsx)(bP,{primary:a.name||a.uri,secondary:a.description||a.uri,chip:a.mimeType,tooltip:`Add ${a.name||a.uri} to prompt`,onClick:()=>C(a.uri)},a.uri)),B.map(a=>(0,d.jsx)(bP,{primary:a.name||a.uriTemplate,secondary:a.description||a.uriTemplate,chip:"template",tooltip:`Add template ${a.uriTemplate} to prompt (fill in variables, e.g. with \${global:VAR})`,onClick:()=>C(a.uriTemplate)},a.uriTemplate))]})})]})]})},bR=(0,U.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerTools/AgentTools"),bS=({handoffTools:a,isLoadingHandoffTools:b,handleInsertToolBinding:c,promptBuilderRef:f})=>{let[g,j]=(0,e.useState)(""),k=a.filter(a=>{if(!g.trim())return!0;let b=g.toLowerCase().trim();return a.name&&a.name.toLowerCase().includes(b)||a.description&&a.description.toLowerCase().includes(b)});return(0,d.jsxs)(h.default,{sx:{mt:4,display:"flex",flexDirection:"column",height:"100%"},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Agent Handoff Tools"}),b?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)(aV.default,{size:20}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Loading handoff tools..."})]}):0===a.length?(0,d.jsxs)(h.default,{sx:{p:2,border:"1px dashed rgba(0, 0, 0, 0.12)",borderRadius:1},children:[(0,d.jsx)(i.default,{color:"text.secondary",align:"center",children:"No handoff tools available for this node."}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",align:"center",display:"block",sx:{mt:1},children:"Connect this Process node to other nodes to enable handoff tools."})]}):(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",flexGrow:1,height:"calc(100% - 40px)"},children:[(0,d.jsx)(t.A,{placeholder:"Search handoff tools...",variant:"outlined",size:"small",fullWidth:!0,value:g,onChange:a=>j(a.target.value),sx:{mb:2},InputProps:{startAdornment:(0,d.jsx)(bC.A,{position:"start",children:(0,d.jsx)(bH.A,{fontSize:"small"})})}}),(0,d.jsx)(A.A,{variant:"outlined",sx:{flexGrow:1,overflow:"auto",p:0,height:"calc(100% - 56px)"},children:0===k.length?(0,d.jsx)(h.default,{sx:{p:2,textAlign:"center"},children:(0,d.jsx)(i.default,{color:"text.secondary",children:g.trim()?`No handoff tools match "${g}".`:"No handoff tools available."})}):(0,d.jsx)(aW.A,{disablePadding:!0,children:k.map(a=>(0,d.jsxs)(bD.A,{variant:"outlined",onClick:()=>{a.name?(bR.debug("Inserting handoff tool binding",{toolType:"handoff",toolName:a.name}),c("handoff",a.name)):bR.warn("Cannot insert handoff tool binding, tool name is undefined",{toolName:a.name})},sx:{mb:1,mx:1,mt:1,cursor:"pointer",position:"relative",bgcolor:"rgba(0, 0, 0, 0.04)","&:hover":{boxShadow:1,bgcolor:"rgba(0, 0, 0, 0.08)"}},children:[(0,d.jsx)(bE.A,{sx:{p:2,"&:last-child":{pb:2}},children:(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:(0,d.jsxs)(h.default,{sx:{width:"100%"},children:[(0,d.jsxs)(i.default,{variant:"subtitle2",component:"div",sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(bI.A,{fontSize:"small",sx:{mr:1,color:"text.secondary"}}),a.name]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:.5},children:a.description||"No description available"}),a.inputSchema&&(a=>a&&a.properties&&0!==Object.keys(a.properties).length?(0,d.jsxs)(h.default,{sx:{mt:1},children:[(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",sx:{fontWeight:"medium"},children:"Parameters:"}),(0,d.jsx)(h.default,{sx:{pl:1,mt:.5},children:Object.entries(a.properties).map(([b,c])=>(0,d.jsxs)(h.default,{sx:{mb:.5},children:[(0,d.jsxs)(i.default,{variant:"caption",component:"span",sx:{fontWeight:"medium"},children:[b,a.required?.includes(b)&&(0,d.jsx)(i.default,{variant:"caption",component:"span",color:"error.main",children:" *"}),": "]}),(0,d.jsx)(i.default,{variant:"caption",component:"span",color:"text.secondary",children:c.description||c.type||"No description"}),c.enum&&(0,d.jsx)(h.default,{sx:{pl:2,mt:.5},children:(0,d.jsxs)(i.default,{variant:"caption",color:"text.secondary",children:["Options: ",c.enum.join(", ")]})})]},b))})]}):(0,d.jsx)(h.default,{sx:{mt:1},children:(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",sx:{fontStyle:"italic"},children:"No parameters required."})}))(a.inputSchema)]})})}),(0,d.jsx)(m.A,{title:`Add ${a.name} handoff tool to prompt`,children:(0,d.jsx)(h.default,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0}})})]},a.name))})})]})]})};var bT=c(95587),bU=c(67191);let bV=(0,v.A)((0,d.jsx)("path",{d:"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9m-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z"}),"History"),bW=(0,v.A)((0,d.jsx)("path",{d:"M4 9h16v2H4zm0 4h10v2H4z"}),"ShortText"),bX=(0,v.A)((0,d.jsx)("path",{d:"M3 10h11v2H3zm0-2h11V6H3zm0 8h7v-2H3zm15.01-3.13.71-.71c.39-.39 1.02-.39 1.41 0l.71.71c.39.39.39 1.02 0 1.41l-.71.71zm-.71.71-5.3 5.3V21h2.12l5.3-5.3z"}),"EditNote"),bY=(0,v.A)((0,d.jsx)("path",{d:"M15 4v7H5.17L4 12.17V4zm1-2H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1m5 4h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1"}),"ForumOutlined"),bZ=(0,v.A)((0,d.jsx)("path",{d:"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H6l-2 2V4h16z"}),"ChatBubbleOutline");var b$=c(85838);let b_=({selected:a,icon:b,title:c,description:e,onClick:f})=>(0,d.jsxs)(h.default,{role:"radio","aria-checked":a,tabIndex:0,onClick:f,onKeyDown:a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),f())},sx:{flex:1,minWidth:180,position:"relative",p:2,borderRadius:2,border:2,borderColor:a?"primary.main":"divider",bgcolor:a?"action.selected":"background.paper",cursor:"pointer",transition:"border-color 120ms, background-color 120ms","&:hover":{borderColor:a?"primary.main":"text.disabled"},outline:"none","&:focus-visible":{boxShadow:a=>`0 0 0 3px ${a.palette.primary.light}`}},children:[a&&(0,d.jsx)(a0.A,{color:"primary",fontSize:"small",sx:{position:"absolute",top:8,right:8}}),(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1,mb:.5,color:a?"primary.main":"text.secondary"},children:[b,(0,d.jsx)(i.default,{variant:"subtitle1",sx:{fontWeight:600,color:"text.primary"},children:c})]}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",children:e})]}),b0=(0,U.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/ProcessNodePropertiesModal/PromptTemplateEditor"),b1=(0,e.forwardRef)((a,b)=>{let{promptTemplate:c,handlePromptChange:f,excludeModelPrompt:g,setExcludeModelPrompt:k,excludeStartNodePrompt:l,setExcludeStartNodePrompt:m,excludeSystemPrompt:n,setExcludeSystemPrompt:p,inputMode:q,setInputMode:r,isolatedPrompt:s,setIsolatedPrompt:u,outputMode:v,setOutputMode:w,isModelBound:x,models:y,nodeData:z,flowId:B}=a,[C,D]=(0,e.useState)(""),[E,F]=(0,e.useState)(!1),[G,H]=(0,e.useState)(null),I=(0,e.useRef)(null);(0,e.useImperativeHandle)(b,()=>({insertText:a=>{I.current&&I.current.insertText(a)},getMode:()=>I.current?I.current.getMode():"raw"}));let J=async()=>{if(b0.debug("fetchRenderedPrompt called with:",{flowId:B,nodeId:z?.id}),!B||!z||!z.id)return void H("Flow ID or Node ID is missing");F(!0),H(null);try{let a=await fetch("/api/flow/prompt-renderer",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({flowId:B,nodeId:z.id,options:{renderMode:"rendered",includeConversationHistory:!1,excludeModelPrompt:g,excludeStartNodePrompt:l,excludeSystemPrompt:n}})}),b=await a.json();if(!a.ok)throw Error(b.error||"Failed to render prompt");b0.debug("Rendered prompt received",{promptLength:b.prompt?.length}),D(b.prompt+"\n\n [Messages sent by User]")}catch(a){b0.error("Error fetching rendered prompt",a),H(a instanceof Error?a.message:"An unknown error occurred")}finally{F(!1)}};return(0,e.useEffect)(()=>{I.current&&"preview"===I.current.getMode()&&J()},[c,g,l,n,B,z?.id]),(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",height:"100%",pl:2},children:[(0,d.jsxs)(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[(0,d.jsx)(i.default,{variant:"h6",children:"Prompt Template"}),(0,d.jsxs)(h.default,{sx:{display:"flex",gap:2},children:[(0,d.jsx)(bT.A,{control:(0,d.jsx)(bU.A,{checked:g,onChange:a=>k(a.target.checked),color:"primary",size:"small"}),label:"Exclude Model Prompt"}),(0,d.jsx)(bT.A,{control:(0,d.jsx)(bU.A,{checked:l,onChange:a=>m(a.target.checked),color:"primary",size:"small"}),label:"Exclude Start Node Prompt"}),(0,d.jsx)(bT.A,{control:(0,d.jsx)(bU.A,{checked:n,onChange:a=>p(a.target.checked),color:"primary",size:"small"}),label:"Exclude System Prompt"})]})]}),(0,d.jsxs)(h.default,{sx:{mb:2,p:2,bgcolor:"rgba(0, 0, 0, 0.03)",borderRadius:1,fontSize:"0.85rem"},children:[(0,d.jsx)(i.default,{variant:"caption",sx:{display:"block",mb:1,fontWeight:"bold"},children:"Prompt Rendering Order:"}),(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[!l&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsx)(i.default,{variant:"caption",sx:{color:"primary.main",fontWeight:"medium"},children:"1. Start Node Prompt"}),(0,d.jsx)(i.default,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:"(from the Start node in this flow)"})]}),!g&&x&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsxs)(i.default,{variant:"caption",sx:{color:"secondary.main",fontWeight:"medium"},children:[l?"1.":"2."," Model Prompt"]}),(0,d.jsxs)(i.default,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:["(from the selected model: ",(()=>{let a=z.properties?.boundModel;if(!a)return"None";let b=y.find(b=>b.id===a);return b?b.displayName||b.name:z.properties?.modelName||"None"})(),")"]})]}),(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsxs)(i.default,{variant:"caption",sx:{fontWeight:"medium"},children:[l||g||!x?l&&(g||!x)?"1.":"2.":"3."," This Node's Prompt"]}),(0,d.jsx)(i.default,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:"(defined below)"})]}),(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[(0,d.jsxs)(i.default,{variant:"caption",sx:{fontWeight:"medium"},children:[l||g||!x?l&&(g||!x)?"2.":"3.":"4."," ","isolated"===q?"Isolated prompt":"latest-message"===q?"Latest message only":"Conversation History"]}),(0,d.jsx)(i.default,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:"isolated"===q?"(the prompt below, as the user message)":"latest-message"===q?"(only the most recent user message)":"(coming from ChatCompletion endpoint)"})]})]})]}),(0,d.jsxs)(h.default,{sx:{mb:2},children:[(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mb:1},children:"What does the model receive?"}),(0,d.jsxs)(h.default,{role:"radiogroup","aria-label":"Model input",sx:{display:"flex",gap:1.5,flexWrap:"wrap"},children:[(0,d.jsx)(b_,{selected:"full-history"===q,onClick:()=>r("full-history"),icon:(0,d.jsx)(bV,{fontSize:"small"}),title:"Full conversation",description:"The model sees this node's prompt plus the whole conversation so far. The default."}),(0,d.jsx)(b_,{selected:"latest-message"===q,onClick:()=>r("latest-message"),icon:(0,d.jsx)(bW,{fontSize:"small"}),title:"Latest message only",description:"The model sees this node's prompt plus only the most recent user message."}),(0,d.jsx)(b_,{selected:"isolated"===q,onClick:()=>r("isolated"),icon:(0,d.jsx)(bX,{fontSize:"small"}),title:"Isolated",description:"The conversation is ignored. The model sees this node's prompt plus the prompt below, sent as the user message."})]}),"isolated"===q&&(0,d.jsx)(t.A,{fullWidth:!0,label:"Isolated prompt",value:s,onChange:a=>u(a.target.value),margin:"normal",multiline:!0,rows:2,helperText:"Sent to the model as the user message. The prior conversation is not shown to the model (it is still kept in the transcript for later nodes)."})]}),(0,d.jsxs)(h.default,{sx:{mb:2},children:[(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mb:1},children:"What do later steps see of this step's work?"}),(0,d.jsxs)(h.default,{role:"radiogroup","aria-label":"Model output",sx:{display:"flex",gap:1.5,flexWrap:"wrap"},children:[(0,d.jsx)(b_,{selected:"full-conversation"===v,onClick:()=>w("full-conversation"),icon:(0,d.jsx)(bY,{fontSize:"small"}),title:"Full conversation",description:"Later steps see everything this step did — tool calls, tool results, and intermediate turns. The default."}),(0,d.jsx)(b_,{selected:"latest-message"===v,onClick:()=>w("latest-message"),icon:(0,d.jsx)(bZ,{fontSize:"small"}),title:"Latest message only",description:"Later steps see only this step's final response. Its tool calls and results are hidden from later models to save context tokens (they stay visible in the chat and log)."})]})]}),(0,d.jsx)(h.default,{sx:{flexGrow:1,display:"flex",flexDirection:"column",height:"calc(100% - 120px)"},children:(0,d.jsx)(b$.A,{ref:I,value:c,onChange:f,label:"",height:"100%",onModeChange:a=>{"preview"===a&&J()},customPreviewRenderer:()=>E?(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,d.jsx)(aV.default,{size:40})}):G?(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",p:2},children:[(0,d.jsx)(o.A,{severity:"error",sx:{mb:2},action:(0,d.jsx)(j.A,{color:"inherit",size:"small",onClick:J,children:"Retry"}),children:G}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:2,textAlign:"center"},children:B?"Check that the flow and node IDs are valid and try again.":"This flow hasn't been saved yet. Save the flow first to enable complete preview."})]}):(0,d.jsxs)(h.default,{sx:{p:2},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,sx:{fontWeight:"medium"},children:"Complete Rendered Prompt"}),(0,d.jsx)(A.A,{elevation:0,sx:{p:2,overflow:"auto",bgcolor:"rgba(0, 0, 0, 0.02)",border:"1px solid rgba(0, 0, 0, 0.1)",borderRadius:1},children:(0,d.jsx)(h.default,{component:"pre",sx:{whiteSpace:"pre-wrap",wordBreak:"break-word",fontFamily:"monospace",fontSize:"0.875rem",m:0},children:C||"No rendered prompt available. Please check your flow configuration."})})]})})})]})});b1.displayName="PromptTemplateEditor";var b2=c(82605),b3=c(98256),b4=c(7675);let b5=({nodeData:a,handlePropertyChange:b,properties:c})=>(0,d.jsx)(d.Fragment,{children:c.length>0&&(0,d.jsxs)(h.default,{sx:{mt:3},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Node Properties"}),c.map(c=>(c=>{if(!a)return null;let e=a.properties?.[c.key]??"";switch(c.type){case"text":return(0,d.jsx)(t.A,{fullWidth:!0,label:c.label,multiline:c.multiline,rows:c.multiline?4:1,value:e,onChange:a=>b(c.key,a.target.value),margin:"normal",helperText:c.helperText},c.key);case"number":return(0,d.jsx)(t.A,{fullWidth:!0,type:"number",label:c.label,value:e,inputProps:{min:c.min,max:c.max,step:c.step},onChange:a=>{let d=a.target.value;b(c.key,""===d?void 0:Number(d))},margin:"normal",helperText:c.helperText},c.key);case"select":return(0,d.jsxs)(b2.A,{fullWidth:!0,margin:"normal",children:[(0,d.jsx)(b3.A,{children:c.label}),(0,d.jsx)(b4.A,{value:e||"",label:c.label,onChange:a=>b(c.key,a.target.value),children:c.options?.map(a=>(0,d.jsx)(S.A,{value:a,children:a},a))})]},c.key);case"boolean":return(0,d.jsx)(bT.A,{control:(0,d.jsx)(bU.A,{checked:e||!1,onChange:a=>b(c.key,a.target.checked)}),label:c.label,sx:{my:1}},c.key);default:return null}})(c))]})}),b6=(0,U.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/ProcessNodePropertiesModal"),b7=({open:a,node:b,onClose:c,onSave:f,flowEdges:g=[],flowNodes:k=[],flowId:m,onConnectMcpServer:n})=>{b6.debug("ProcessNodePropertiesModal rendered with:",{node:b,flowId:m});let{nodeData:o,setNodeData:s,handlePropertyChange:t}=(a=>{let[b,c]=(0,e.useState)(null);(0,e.useEffect)(()=>{a&&c({id:a.id,...a.data,properties:{...a.data.properties}})},[a]);let d=(0,e.useCallback)((a,b)=>{c(c=>c?{...c,properties:{...c.properties,[a]:b}}:null)},[]);return{nodeData:b,setNodeData:c,handlePropertyChange:d}})(b),[v,w]=(0,e.useState)(""),[x,y]=(0,e.useState)(!1),[z,A]=(0,e.useState)(!1),[B,C]=(0,e.useState)(!1),[D,E]=(0,e.useState)(!1),[F,G]=(0,e.useState)("full-history"),[H,I]=(0,e.useState)(""),[J,K]=(0,e.useState)("full-conversation"),[L,M]=(0,e.useState)("server"),{models:N,isLoadingModels:O,loadError:P,handleModelSelect:Q,handleUnbindModel:R}=((a,b,c,d,f)=>{bh.debug("useModelManagement: Entering hook");let[g,h]=(0,e.useState)([]),[i,j]=(0,e.useState)(!1),[k,l]=(0,e.useState)(null);(0,e.useEffect)(()=>{bh.debug("useModelManagement useEffect: Checking if modal is open",{open:a}),a&&m()},[a]),(0,e.useEffect)(()=>{if(0===g.length)return;let a=b?.properties?.boundModel;if(!a)return;let d=g.find(b=>b.id===a);d&&d.name&&b?.properties?.modelName!==d.name&&c(a=>a&&a.properties?.modelName!==d.name?{...a,properties:{...a.properties,modelName:d.name}}:a)},[g,b?.properties?.boundModel,b?.properties?.modelName,c]);let m=async()=>{bh.debug("loadModels: Entering method"),j(!0),l(null);try{let a=await a9.N.loadModels();h(a)}catch(a){bh.warn("loadModels: Failed to load models:",a),l("Failed to load models")}j(!1)},n=(0,e.useCallback)(a=>{bh.debug("handleModelSelect: Entering method",{modelId:a});let b=g.find(b=>b.id===a);b&&(c(c=>{if(!c)return null;let d=g.find(a=>a.id===c.properties?.boundModel),e=bg({currentLabel:c.label,nameIsCustom:c.properties?.nameIsCustom,defaultLabel:"Process Node",previousAutoLabel:d?d.displayName||d.name:void 0,nextAutoLabel:b.displayName||b.name});return{...c,label:e,properties:{...c.properties,boundModel:a,modelName:b.name}}}),f(!0))},[g,c,d,f]);return{models:g,isLoadingModels:i,loadError:k,handleModelSelect:n,handleUnbindModel:(0,e.useCallback)(()=>{bh.debug("handleUnbindModel: Entering method"),c(a=>{if(!a)return null;let{boundModel:b,modelName:c,...d}=a.properties;return{...a,properties:{...d,promptTemplate:d.promptTemplate||""}}}),f(!1)},[c,f])}})(a,o,s,w,y),{connectedMcpNodes:S,allServers:U,isLoadingServers:V,selectedToolServerNodeId:W,serverToolsMap:X,serverStatuses:Z,isLoadingTools:$,handleSelectToolServer:_,isLoadingSelectedServerTools:aa,handleRetryServer:ab,handleRestartServer:ac}=((a,b,c,d)=>{let f=(0,bi.v)(),g=f.servers||[],h=f.isLoading||!1,[i,j]=(0,e.useState)({}),[k,l]=(0,e.useState)({}),[m,n]=(0,e.useState)({}),[o,p]=(0,e.useState)(null),[q,r]=(0,e.useState)(!1),s=(0,e.useMemo)(()=>b?((a,b)=>[...new Set(b.filter(b=>b.source===a&&b.data?.edgeType==="mcp"||b.target===a&&b.data?.edgeType==="mcp").map(b=>b.source===a?b.target:b.source))])(b.id,c):[],[b,c]),t=(0,e.useMemo)(()=>{if(!b||0===s.length)return[];if(!d||!Array.isArray(d))return bj.warn("flowNodes is not available or not an array when filtering connected servers"),[];try{let a=[],b=new Set;return s.forEach(c=>{if(b.has(c))return;let e=d.find(a=>a&&a.id===c);if(!e||!e.data||!e.data.properties)return void bj.warn(`Could not find valid MCP node data for ID ${c}`);let f=e.data.properties.boundServer;if(!f)return void bj.warn(`MCP node ${c} is not bound to any server.`);let h=g.find(a=>a.name===f),i=h?.status||"unknown",j=e.data.properties.enabledTools||[];a.push({nodeId:c,serverName:f,status:i,enabledTools:Array.isArray(j)?j:[]}),b.add(c)}),bj.debug("Generated connectedMcpNodes:",JSON.stringify(a)),a}catch(a){return bj.error("Error preparing connected MCP nodes:",a),[]}},[b,s,g,d]);(0,e.useEffect)(()=>{if(t&&t.length>0){let a={};t.forEach(b=>{let c=g.find(a=>a.name===b.serverName);a[b.serverName]=c?.status||b.status||"unknown"}),j(a)}},[t,g]),(0,e.useEffect)(()=>{if(a&&t.length>0){let a=Array.from(new Set(t.map(a=>a.serverName)));(async()=>{let b={},c={...k},d=a.filter(a=>{let b=g.find(b=>b.name===a);return b?.status==="connected"&&!k[a]&&!m[a]});0!==d.length&&(d.forEach(a=>{b[a]=!0}),n(a=>({...a,...b})),await Promise.all(d.map(async a=>{try{bj.debug(`Loading tools for server: ${a}`);let b=await Y.S.listServerTools(a);if(b.error)bj.warn(`Error loading tools for ${a}:`,b.error),c[a]=[];else{let d=b.tools||[];bj.debug(`Loaded ${d.length} tools for ${a}`),c[a]=d}}catch(b){bj.warn(`Failed to load tools for server ${a}:`,b),c[a]=[]}finally{n(b=>({...b,[a]:!1}))}})),l(c))})()}},[a,t,g]);let u=(0,e.useRef)(k);(0,e.useEffect)(()=>{u.current=k},[k]);let v=(0,e.useCallback)(a=>{bj.debug(`Selected MCP Node ID: ${a}`),p(a);let b=t.find(b=>b.nodeId===a),c=b?.serverName;!c||u.current[c]||m[c]?r(m[c||""]||!1):(bj.debug(`Tools not loaded for server ${c}, loading now.`),r(!0),n(a=>({...a,[c]:!0})),Y.S.listServerTools(c).then(a=>{let b=a.tools||[];a.error?bj.warn(`Error loading tools for ${c}:`,a.error):bj.debug(`Loaded ${b.length} tools for ${c}`),l(a=>({...a,[c]:b}))}).catch(a=>{bj.warn(`Failed to load tools for server ${c}:`,a),l(a=>({...a,[c]:[]}))}).finally(()=>{r(!1),n(a=>({...a,[c]:!1}))}))},[t,m]),w=(0,e.useRef)(f);return(0,e.useEffect)(()=>{w.current=f},[f]),{connectedMcpNodes:t,allServers:g,isLoadingServers:h,selectedToolServerNodeId:o,serverToolsMap:k,serverStatuses:i,isLoadingTools:m,handleSelectToolServer:v,isLoadingSelectedServerTools:q,handleRetryServer:(0,e.useCallback)(async a=>{bj.debug(`Retrying server: ${a}`),n(b=>({...b,[a]:!0}));try{await w.current.retryServer(a);let b=await Y.S.listServerTools(a);if(b.error)return bj.warn(`Error loading tools for ${a} after retry:`,b.error),!1;{let c=b.tools||[];return bj.debug(`Loaded ${c.length} tools for ${a} after retry`),l(b=>({...b,[a]:c})),!0}}catch(b){return bj.warn(`Failed to retry or load tools for server ${a}:`,b),!1}finally{n(b=>({...b,[a]:!1}))}},[]),handleRestartServer:(0,e.useCallback)(async a=>{bj.debug(`Restarting server: ${a}`),n(b=>({...b,[a]:!0}));try{await Y.S.restartServer(a),await new Promise(a=>setTimeout(a,1e3));let b=await Y.S.listServerTools(a);if(b.error)return bj.warn(`Error loading tools for ${a} after restart:`,b.error),!1;{let c=b.tools||[];return bj.debug(`Loaded ${c.length} tools for ${a} after restart`),l(b=>({...b,[a]:c})),!0}}catch(b){return bj.warn(`Failed to restart or load tools for server ${a}:`,b),!1}finally{n(b=>({...b,[a]:!1}))}},[])}})(a,b,g,k),ad=((a,b,c,d)=>{let[f,g]=(0,e.useState)([]),[h,i]=(0,e.useState)(!1),j=(0,e.useMemo)(()=>b?function(a,b){let c=[];for(let d of b)!("string"==typeof d.data?.edgeType&&d.data.edgeType.includes("mcp"))&&(d.source===a?c.push(d.target):d.target===a&&d.data?.bidirectional&&c.push(d.source));return[...new Set(c)]}(b.id,c):[],[b,c]);return(0,e.useEffect)(()=>{if(a&&b){i(!0);try{let a=j.map(a=>d.find(b=>b.id===a)).filter(a=>!!a),b=(0,bk.E9)(a.map(a=>({id:a.id,label:a.data.label,type:a.type||a.data.type}))),c=a.map(a=>({name:b.get(a.id)||`handoff_to_${a.id}`,description:function(a){if(a.userDescription&&a.userDescription.trim())return bl(a.userDescription,1500);let b=`Hand off execution to ${a.label} (${a.type}).`,c=[];!function a(b,c,d){let e="  ".repeat(c);if(b.userDescription&&b.userDescription.trim())return void d.push(`${e}${bl(b.userDescription,200)}`);if("subflow"===b.type){if(b.subflowMissing)return void d.push(`${e}Runs a subflow (referenced flow not found).`);if(b.subflowDetailsUnavailable){let a=b.subflowName?` "${b.subflowName}"`:"";d.push(`${e}Runs a subflow${a} (contents summarised when the flow runs).`);return}if(d.push(`${e}Runs the subflow "${b.subflowName??"unknown"}", which contains:`),b.depthCapReached)return void d.push(`${e}  (nested subflows omitted — recursion depth limit reached)`);let f=b.children??[];if(0===f.length)return void d.push(`${e}  (no process or subflow steps)`);for(let b of f.slice(0,10))d.push(`${e}  - ${b.label}:`),a(b,c+2,d);return void(f.length>10&&d.push(`${e}  - …and ${f.length-10} more step(s)`))}if(b.modelName&&d.push(`${e}Model: ${b.modelName}`),b.promptSummary&&d.push(`${e}Role: ${bl(b.promptSummary,200)}`),b.servers&&b.servers.length>0)for(let a of b.servers)if(a.connected&&a.tools&&a.tools.length>0){let b=a.tools.slice(0,10),c=a.tools.length-b.length,f=c>0?`, +${c} more`:"";d.push(`${e}Tools (${a.name}): ${b.join(", ")}${f}`)}else d.push(`${e}Tools (${a.name}): server not connected`)}(a,0,c);let d=c.join("\n").trim(),e=d?`${b}
 ${d}`:b;if(e.length<=1500)return e;let f=1500-b.length-2;return f<=0?b:`${b}
-${a2(d,f)}`}(function(a){let b=a.type||a.data.type||"unknown",c=a.data.label||"Unknown Node",d=a.data.description,e=a.data.properties||{},f={label:c,type:b,userDescription:d};if(d&&d.trim())return f;if("subflow"===b)return f.subflowDetailsUnavailable=!0,f;"string"==typeof e.boundModel&&e.boundModel&&(f.modelName=e.boundModel),"string"==typeof e.promptTemplate&&e.promptTemplate.trim()&&(f.promptSummary=e.promptTemplate);let g=Array.isArray(e.mcpNodes)?e.mcpNodes:[],h=[],i=new Set;for(let a of g){let b=a?.properties?.boundServer;if(!b||i.has(b))continue;i.add(b);let c=Array.isArray(a?.properties?.enabledTools)?a.properties.enabledTools:[];h.push({name:b,connected:!0,tools:c})}return h.length>0&&(f.servers=h),f}(a)),inputSchema:{type:"object",properties:{},required:[]}}));g(c),a3.debug("Generated handoff tools",{toolsCount:c.length})}catch(a){a3.error("Error generating handoff tools",a),g([])}finally{i(!1)}}else g([])},[a,b,j,c,d]),{handoffTools:f,isLoadingHandoffTools:h}})(a,b,g,k),ae=ad?.handoffTools||[],af=ad?.isLoadingHandoffTools||!1;(0,e.useEffect)(()=>{a&&b&&bX.debug("Handoff tools:",{count:ae.length,tools:ae.map(a=>a.name)})},[a,b,ae]),(0,e.useEffect)(()=>{b&&(w(b.data.properties?.promptTemplate||""),b.data.properties?.boundModel?y(!0):y(!1),A(b.data.properties?.excludeModelPrompt||!1),D(b.data.properties?.excludeStartNodePrompt||!1),F(b.data.properties?.excludeSystemPrompt||!1),I(b.data.properties?.inputMode||"full-history"),K(b.data.properties?.isolatedPrompt||""),M(b.data.properties?.outputMode||"full-conversation"))},[b,a]);let ag=(0,e.useRef)(null),ah=(a,b,c="server")=>{if(bX.debug("handleInsertToolBinding called with:",JSON.stringify({serverName:a,toolName:b})),!a||!b)return void bX.warn("Invalid parameters for handleInsertToolBinding:",{serverName:a,toolName:b});let d=(Y[a]||[]).find(a=>a.name===b);d?.description;let e="handoff"===c?(0,aN.X8)("tool","handoff",b):(0,aN.X8)("tool",a,b),f=(!(v.length>0)||v.endsWith(" ")||v.endsWith("\n")?"":" ")+e;ag.current?(bX.debug("Inserting text into PromptBuilder:",JSON.stringify({textToInsert:f})),ag.current.insertText(f),bX.debug("Tool binding inserted successfully")):bX.warn("promptBuilderRef.current is null, cannot insert text")};if(!b||!o)return null;let ai=o.properties?.boundModel||"";return(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"xl",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"secondary.main",width:"95vw",height:"90vh",maxWidth:"95vw",maxHeight:"90vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[o.label||"Process Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(aY.A,{})})]})}),(0,d.jsx)(B.A,{}),(0,d.jsx)(r.A,{sx:{display:"flex",flexDirection:"column",p:3,overflow:"auto",height:"calc(90vh - 130px)"},children:(0,d.jsxs)(aV.Ay,{container:!0,spacing:2,sx:{flexGrow:1,height:"100%"},children:[(0,d.jsxs)(aV.Ay,{item:!0,xs:6,sx:{display:"flex",flexDirection:"column",height:"100%",overflow:"auto"},children:[(0,d.jsx)(h.default,{sx:{mb:3},children:(0,d.jsx)(a4,{nodeData:o,setNodeData:s})}),(0,d.jsx)(h.default,{sx:{mb:3},children:(0,d.jsx)(a9,{isLoadingModels:Q,loadError:R,models:P,selectedModelId:ai,handleModelSelect:S,isModelBound:x,handleUnbindModel:T})}),(0,d.jsxs)(h.default,{sx:{mb:3},children:[(0,d.jsx)(h.default,{sx:{borderBottom:1,borderColor:"divider",mb:2},children:(0,d.jsxs)(aW.A,{value:N,onChange:(a,b)=>O(b),children:[(0,d.jsx)(aX.A,{label:"Server Tools",value:"server"}),(0,d.jsx)(aX.A,{label:"Resources",value:"resources"}),(0,d.jsx)(aX.A,{label:"Agent Tools",value:"agent"})]})}),"server"===N&&(0,d.jsx)(bB,{isLoadingServers:W,connectedMcpNodes:U,availableServers:V,onConnectMcpServer:n,serverStatuses:Z,serverToolsMap:Y,isLoadingTools:$,handleInsertToolBinding:ah,selectedToolServerNodeId:X,selectedNodeId:b?.id||null,handleSelectToolServer:_,isLoadingSelectedServerTools:aa,promptBuilderRef:ag,handleRetryServer:ab,handleRestartServer:ac}),"resources"===N&&(0,d.jsx)(bF,{connectedMcpNodes:U,handleInsertResourceBinding:(a,b)=>{if(!a||!b)return void bX.warn("Invalid parameters for handleInsertResourceBinding:",{serverName:a,uri:b});let c=(0,aN.X8)("resource",a,b),d=v.length>0&&!v.endsWith(" ")&&!v.endsWith("\n");ag.current?ag.current.insertText((d?" ":"")+c):bX.warn("promptBuilderRef.current is null, cannot insert resource binding")},promptBuilderRef:ag}),"agent"===N&&(0,d.jsx)(bH,{handoffTools:ae,isLoadingHandoffTools:af,handleInsertToolBinding:(a,b)=>ah(a,b,"handoff"),promptBuilderRef:ag})]}),(0,d.jsx)(h.default,{children:(0,d.jsx)(bW,{nodeData:o,handlePropertyChange:t,properties:[{key:"maxTurns",label:"Max Turns (override)",type:"number",min:1,helperText:"Optional. Overrides the bound model's Max Turns for this node. Leave empty to inherit the model setting (default 50)."}]})})]}),(0,d.jsx)(aV.Ay,{item:!0,xs:6,sx:{height:"100%",display:"flex",flexDirection:"column"},children:(0,d.jsx)(bS,{ref:ag,promptTemplate:v,handlePromptChange:a=>{w(a),s(b=>b?{...b,properties:{...b.properties,promptTemplate:a}}:null)},excludeModelPrompt:z,setExcludeModelPrompt:A,excludeStartNodePrompt:C,setExcludeStartNodePrompt:D,excludeSystemPrompt:E,setExcludeSystemPrompt:F,inputMode:H,setInputMode:I,isolatedPrompt:J,setIsolatedPrompt:K,outputMode:L,setOutputMode:M,isModelBound:x,models:P,nodeData:o,flowId:m})})]})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{if(b&&o){let a={...o,properties:{...o.properties,promptTemplate:v,excludeModelPrompt:z,excludeStartNodePrompt:C,excludeSystemPrompt:E,inputMode:H,isolatedPrompt:J,outputMode:L}};f(b.id,a),c()}},variant:"contained",color:"primary",children:"Save Changes"})]})]})};var bZ=c(73520);function b$(a){return(0,bj.Ay)("MuiRadioGroup",a)}(0,bi.A)("MuiRadioGroup",["root","row","error"]);var b_=c(26636),b0=c(65603);let b1=e.createContext(void 0);var b2=c(70300);let b3=e.forwardRef(function(a,b){let{actions:c,children:f,className:g,defaultValue:h,name:i,onChange:j,value:k,...l}=a,m=e.useRef(null),n=(a=>{let{classes:b,row:c,error:d}=a;return(0,bc.A)({root:["root",c&&"row",d&&"error"]},b$,b)})(a),[o,p]=(0,b0.A)({controlled:k,default:h,name:"RadioGroup"});e.useImperativeHandle(c,()=>({focus:()=>{let a=m.current.querySelector("input:not(:disabled):checked");a||(a=m.current.querySelector("input:not(:disabled)")),a&&a.focus()}}),[]);let q=(0,b_.A)(b,m),r=(0,b2.A)(i),s=e.useMemo(()=>({name:r,onChange(a){p(a.target.value),j&&j(a,a.target.value)},value:o}),[r,j,p,o]);return(0,d.jsx)(b1.Provider,{value:s,children:(0,d.jsx)(bZ.A,{role:"radiogroup",ref:q,className:(0,ba.A)(n.root,g),...l,children:f})})});var b4=c(37489),b5=c(99515);let b6=(0,v.A)((0,d.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),b7=(0,v.A)((0,d.jsx)("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked");var b8=c(41126);let b9=(0,z.Ay)("span",{name:"MuiRadioButtonIcon",shouldForwardProp:b8.A})({position:"relative",display:"flex"}),ca=(0,z.Ay)(b6,{name:"MuiRadioButtonIcon"})({transform:"scale(1)"}),cb=(0,z.Ay)(b7,{name:"MuiRadioButtonIcon"})((0,be.A)(({theme:a})=>({left:0,position:"absolute",transform:"scale(0)",transition:a.transitions.create("transform",{easing:a.transitions.easing.easeIn,duration:a.transitions.duration.shortest}),variants:[{props:{checked:!0},style:{transform:"scale(1)",transition:a.transitions.create("transform",{easing:a.transitions.easing.easeOut,duration:a.transitions.duration.shortest})}}]}))),cc=function(a){let{checked:b=!1,classes:c={},fontSize:e}=a,f={...a,checked:b};return(0,d.jsxs)(b9,{className:c.root,ownerState:f,children:[(0,d.jsx)(ca,{fontSize:e,className:c.background,ownerState:f}),(0,d.jsx)(cb,{fontSize:e,className:c.dot,ownerState:f})]})},cd=c(2153).A;var ce=c(49628);function cf(a){return(0,bj.Ay)("MuiRadio",a)}let cg=(0,bi.A)("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary","sizeSmall"]),ch=(0,z.Ay)(b5.A,{shouldForwardProp:a=>(0,b8.A)(a)||"classes"===a,name:"MuiRadio",slot:"Root",overridesResolver:(a,b)=>{let{ownerState:c}=a;return[b.root,"medium"!==c.size&&b[`size${(0,bh.A)(c.size)}`],b[`color${(0,bh.A)(c.color)}`]]}})((0,be.A)(({theme:a})=>({color:(a.vars||a).palette.text.secondary,[`&.${cg.disabled}`]:{color:(a.vars||a).palette.action.disabled},variants:[{props:{color:"default",disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:a.vars?`rgba(${a.vars.palette.action.activeChannel} / ${a.vars.palette.action.hoverOpacity})`:(0,b4.X4)(a.palette.action.active,a.palette.action.hoverOpacity)}}},...Object.entries(a.palette).filter((0,bf.A)()).map(([b])=>({props:{color:b,disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:a.vars?`rgba(${a.vars.palette[b].mainChannel} / ${a.vars.palette.action.hoverOpacity})`:(0,b4.X4)(a.palette[b].main,a.palette.action.hoverOpacity)}}})),...Object.entries(a.palette).filter((0,bf.A)()).map(([b])=>({props:{color:b,disabled:!1},style:{[`&.${cg.checked}`]:{color:(a.vars||a).palette[b].main}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),ci=(0,d.jsx)(cc,{checked:!0}),cj=(0,d.jsx)(cc,{}),ck=e.forwardRef(function(a,b){let c=(0,bg.b)({props:a,name:"MuiRadio"}),{checked:f,checkedIcon:g=ci,color:h="primary",icon:i=cj,name:j,onChange:k,size:l="medium",className:m,disabled:n,disableRipple:o=!1,slots:p={},slotProps:q={},inputProps:r,...s}=c,t=(0,ce.A)(),u=n;t&&void 0===u&&(u=t.disabled),u??=!1;let v={...c,disabled:u,disableRipple:o,color:h,size:l},w=(a=>{let{classes:b,color:c,size:d}=a,e={root:["root",`color${(0,bh.A)(c)}`,"medium"!==d&&`size${(0,bh.A)(d)}`]};return{...b,...(0,bc.A)(e,cf,b)}})(v),x=e.useContext(b1),y=f,z=cd(k,x&&x.onChange),A=j;if(x){var B,C;void 0===y&&(B=x.value,y="object"==typeof(C=c.value)&&null!==C?B===C:String(B)===String(C)),void 0===A&&(A=x.name)}let D=q.input??r,[E,F]=(0,bm.A)("root",{ref:b,elementType:ch,className:(0,ba.A)(w.root,m),shouldForwardComponentProp:!0,externalForwardedProps:{slots:p,slotProps:q,...s},getSlotProps:a=>({...a,onChange:(b,...c)=>{a.onChange?.(b,...c),z(b,...c)}}),ownerState:v,additionalProps:{type:"radio",icon:e.cloneElement(i,{fontSize:i.props.fontSize??l}),checkedIcon:e.cloneElement(g,{fontSize:g.props.fontSize??l}),disabled:u,name:A,checked:y,slots:p,slotProps:{input:"function"==typeof D?D(v):D}}});return(0,d.jsx)(E,{...F,classes:w})});var cl=c(2173),cm=c(88117);let cn=(0,C.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/MCPNodePropertiesModal"),co=({open:a,node:b,onClose:c,onSave:f})=>{let[g,k]=(0,e.useState)(null),{servers:n,isLoading:o,loadError:s,retryServer:v}=(0,a_.v)(),[w,x]=(0,e.useState)({}),{tools:y,isLoading:z,error:C,loadTools:D}=(0,cm.O)(g?.properties?.boundServer||"");(0,e.useEffect)(()=>{b&&k({...b.data,properties:{...b.data.properties}})},[b,a]);let E=g?.properties?.boundServer||"";(0,e.useEffect)(()=>{y&&y.length>0&&(a=>{g&&0===(g.properties.enabledTools||[]).length&&a.length>0&&(cn.debug("Enabling all tools by default"),k(b=>b?{...b,properties:{...b.properties,enabledTools:a.map(a=>a.name)}}:null))})(y)},[y]);let F=(a,b)=>{k(c=>c?{...c,properties:{...c.properties,[a]:b}}:null)},G=async(a,b)=>{b&&b.stopPropagation(),cn.debug(`Retrying server: ${a}`),x(b=>({...b,[a]:!0}));try{return await v(a),a===E&&D(!0),!0}catch(b){return cn.warn(`Failed to retry server ${a}: ${b}`),!1}finally{setTimeout(()=>{x(b=>({...b,[a]:!1}))},500)}};if(!b||!g)return null;let H=g.properties?.boundServer||"",I=g.properties?.enabledTools||[],J=g.properties?.toolTimeout,K=-1===J;return(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"info.main",height:"80vh",maxHeight:"80vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[g.label||"MCP Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(aY.A,{})})]})}),(0,d.jsx)(B.A,{}),(0,d.jsxs)(r.A,{sx:{display:"flex",flexDirection:"column",p:3,overflow:"auto"},children:[(0,d.jsx)(t.A,{fullWidth:!0,label:"Node Label",value:g.label||"",onChange:a=>{k(b=>b?{...b,label:a.target.value,properties:{...b.properties,nameIsCustom:!0}}:null)},margin:"normal",helperText:"The display name for this node on the canvas",sx:{mb:2}}),(0,d.jsxs)(h.default,{sx:{mb:4},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Bind to MCP Server"}),o?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)(aF.default,{size:20}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Loading MCP servers..."})]}):s?(0,d.jsx)(i.default,{color:"error",children:s}):0===n.length?(0,d.jsx)(i.default,{color:"text.secondary",children:"No MCP servers available. Add some in the MCP Manager."}):(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)(bT.A,{component:"fieldset",fullWidth:!0,children:[(0,d.jsx)(b3,{value:H,onChange:a=>(a=>{cn.debug(`Server selected: ${a}`),cn.debug(`Server selected: ${a}`),k(b=>{if(!b)return null;let c=aZ({currentLabel:b.label,nameIsCustom:b.properties?.nameIsCustom,defaultLabel:"MCP Node",previousAutoLabel:b.properties?.boundServer||void 0,nextAutoLabel:a});return{...b,label:c,properties:{...b.properties,boundServer:a}}})})(a.target.value),children:(0,d.jsx)(aV.Ay,{container:!0,spacing:2,children:n.map(a=>(0,d.jsx)(aV.Ay,{item:!0,xs:12,sm:6,children:(0,d.jsx)(A.A,{elevation:1,sx:{p:2,border:2*(H===a.name),borderColor:"primary.main",opacity:"connected"===a.status?1:.6},children:(0,d.jsxs)(h.default,{sx:{display:"flex",width:"100%",alignItems:"flex-start"},children:[(0,d.jsx)(bI.A,{value:a.name,control:(0,d.jsx)(ck,{}),label:(0,d.jsxs)(h.default,{children:[(0,d.jsx)(i.default,{variant:"subtitle2",children:a.name}),(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",display:"block",children:a.path}),(0,d.jsxs)(i.default,{variant:"caption",color:"connected"===a.status?"success.main":"error"===a.status?"error.main":"text.secondary",children:["Status: ",a.status]})]}),sx:{width:"calc(100% - 40px)",m:0}}),(0,d.jsx)(m.A,{title:"Retry connection",children:(0,d.jsx)(l.A,{size:"small",onClick:b=>G(a.name,b),disabled:w[a.name],sx:{mt:1},children:w[a.name]?(0,d.jsx)(aF.default,{size:16}):(0,d.jsx)(bu.A,{fontSize:"small"})})})]})})},a.name))})}),(0,d.jsx)(a5.A,{children:H?`This node will use the "${H}" MCP server for processing.`:"Select an MCP server to bind this node to."})]})})]}),(0,d.jsx)(t.A,{fullWidth:!0,label:"Description",value:g.description||"",onChange:a=>k({...g,description:a.target.value}),margin:"normal",multiline:!0,rows:2,helperText:"This description will be displayed on the node"}),H&&(0,d.jsxs)(h.default,{sx:{mt:4},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Tool Call Timeout"}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:1},children:"How long a single tool call on this server may run before it is aborted. Tools that report progress keep the timeout alive while they work."}),(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:2},children:[(0,d.jsx)(t.A,{label:"Timeout (seconds)",type:"number",size:"small",sx:{width:200},value:K?"":J??"",placeholder:String(300),disabled:K,inputProps:{min:1},onChange:a=>{let b=a.target.value;if(""===b)return void F("toolTimeout",void 0);let c=parseInt(b,10);!isNaN(c)&&c>0&&F("toolTimeout",c)},helperText:K?"No timeout — tool calls run until they finish.":"Empty = default (300 seconds / 5 minutes)."}),(0,d.jsx)(bI.A,{control:(0,d.jsx)(bJ.A,{checked:K,onChange:a=>F("toolTimeout",a.target.checked?-1:void 0)}),label:"No timeout (infinite)"})]})]}),H&&(0,d.jsxs)(h.default,{sx:{mt:4},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Allowed Tools"}),n.find(a=>a.name===H)?.status!=="connected"&&(0,d.jsxs)(h.default,{sx:{mb:2,p:2,bgcolor:"error.light",borderRadius:1},children:[(0,d.jsx)(i.default,{color:"error.dark",children:"Server is disconnected. Tools cannot be fetched. Please retry the connection."}),(0,d.jsx)(j.A,{variant:"outlined",size:"small",color:"primary",startIcon:w[H]?(0,d.jsx)(aF.default,{size:16}):(0,d.jsx)(bu.A,{}),onClick:()=>G(H),disabled:w[H],sx:{mt:1},children:"Retry Connection"})]}),z?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)(aF.default,{size:20}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Loading tools..."})]}):C?(0,d.jsx)(i.default,{color:"error",children:C}):y&&0!==y.length?(0,d.jsxs)(h.default,{sx:{mt:2},children:[(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Select which tools this node will have access to. This helps limit the tools available to connected process nodes."}),(0,d.jsx)(aG.A,{children:y.map(a=>(0,d.jsxs)(aI.Ay,{sx:{py:0},children:[(0,d.jsx)(U.A,{sx:{minWidth:42},children:(0,d.jsx)(bJ.A,{edge:"start",checked:I.includes(a.name),onChange:()=>(a=>{cn.debug(`Tool toggled: ${a}`),k(b=>{let c;if(!b)return null;let d=b.properties.enabledTools||[];return c=d.includes(a)?d.filter(b=>b!==a):[...d,a],{...b,properties:{...b.properties,enabledTools:c}}})})(a.name)})}),(0,d.jsx)(V.A,{primary:a.name,secondary:a.description,primaryTypographyProps:{fontWeight:"medium"}})]},a.name))})]}):(0,d.jsx)(i.default,{color:"text.secondary",children:n.find(a=>a.name===H)?.status==="connected"?"No tools available for this MCP server.":"Connect to the server to view available tools."})]}),H&&(0,d.jsxs)(h.default,{sx:{mt:4},children:[(0,d.jsx)(cl.A,{roots:g.properties?.roots||[],onChange:a=>F("roots",a)}),(0,d.jsxs)(i.default,{variant:"caption",color:"text.secondary",sx:{display:"block",mt:1},children:["These folders apply to this node only and are ",(0,d.jsx)("strong",{children:"added to"}),' the workspace folders configured on the "',H,'" server itself. When neither is set, the server sees its own root dir as its workspace folder.']})]})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{b&&g&&(f(b.id,g),c())},variant:"contained",color:"primary",children:"Save Changes"})]})]})},cp=({open:a,node:b,onClose:c,onSave:f})=>{let[g,k]=(0,e.useState)(null),[m,n]=(0,e.useState)("");return((0,e.useEffect)(()=>{b&&(k({...b.data,properties:{...b.data.properties}}),n(b.data.properties?.promptTemplate||""))},[b,a]),b&&g)?(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"xl",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"primary.main",width:"95vw",height:"90vh",maxWidth:"95vw",maxHeight:"90vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[g.label||"Start Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(aY.A,{})})]})}),(0,d.jsx)(B.A,{}),(0,d.jsx)(r.A,{sx:{display:"flex",flexDirection:"column",p:3,overflow:"auto",height:"calc(90vh - 130px)"},children:(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,d.jsx)(i.default,{variant:"h6",gutterBottom:!0,children:"Prompt Template"}),(0,d.jsx)(h.default,{sx:{flexGrow:1,display:"flex",flexDirection:"column",height:"calc(100% - 40px)"},children:(0,d.jsx)(bP.A,{value:m,onChange:a=>{n(a),k(b=>b?{...b,properties:{...b.properties,promptTemplate:a}}:null)},label:"",height:"100%"})})]})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{if(b&&g){let a={...g,properties:{...g.properties,promptTemplate:m}};f(b.id,a),c()}},variant:"contained",color:"primary",children:"Save Changes"})]})]}):null},cq=({open:a,node:b,onClose:c,onSave:f})=>{let[g,k]=(0,e.useState)(null);return((0,e.useEffect)(()=>{b&&k({...b.data,properties:{...b.data.properties}})},[b,a]),b&&g)?(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"success.main",width:"600px",height:"400px",maxWidth:"95vw",maxHeight:"90vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[g.label||"Finish Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(aY.A,{})})]})}),(0,d.jsx)(B.A,{}),(0,d.jsx)(r.A,{sx:{display:"flex",flexDirection:"column",p:3,overflow:"auto"},children:(0,d.jsx)(h.default,{sx:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"center",alignItems:"center",py:4},children:(0,d.jsxs)(A.A,{elevation:0,sx:{p:4,textAlign:"center",backgroundColor:"rgba(76, 175, 80, 0.08)",borderRadius:2,width:"100%"},children:[(0,d.jsx)(i.default,{variant:"h6",color:"success.main",gutterBottom:!0,children:"Finish Node"}),(0,d.jsx)(i.default,{variant:"body1",color:"text.secondary",children:"This is the end point of your flow. No additional configuration is needed."}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:2,fontStyle:"italic"},children:"Future versions will support output formatting options."})]})})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{b&&g&&(f(b.id,g),c())},variant:"contained",color:"primary",children:"Save"})]})]}):null};var cr=c(77028),cs=c(40216),ct=c(39438);let cu=(0,C.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/SubflowNodePropertiesModal"),cv=({open:a,node:b,onClose:c,onSave:f,flowId:g})=>{let[k,m]=(0,e.useState)(null),[n,s]=(0,e.useState)([]),[v,w]=(0,e.useState)(!1),[x,y]=(0,e.useState)(!1);(0,e.useEffect)(()=>{b&&m({...b.data,properties:{...b.data.properties}})},[b,a]),(0,e.useEffect)(()=>{if(!a)return;let b=!1;return w(!0),F.g.loadFlows().then(a=>{b||s(a||[])}).catch(a=>{cu.warn("Failed to load flows for subflow picker",a),b||s([])}).finally(()=>{b||w(!1)}),()=>{b=!0}},[a]);let z=(a,b)=>{m(c=>c?{...c,properties:{...c.properties,[a]:b}}:null)};if(!b||!k)return null;let A=n.filter(a=>a.id!==g),C=k.properties?.subflowId||"",D=!!C&&!n.some(a=>a.id===C),E=D?"":n.find(a=>a.id===C)?.name||"",G=k.properties?.promptTemplate||"",H=k.properties?.inputMode||(G.trim()?"isolated":"full-history");return(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"warning.main",maxWidth:"95vw",maxHeight:"90vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[k.label||"Subflow Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(aY.A,{})})]})}),(0,d.jsx)(B.A,{}),(0,d.jsxs)(r.A,{sx:{p:3},children:[(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"This step runs another flow inside this one — like calling a helper. When it finishes, its answer becomes part of this conversation and the flow continues to the next node."}),(0,d.jsx)(t.A,{fullWidth:!0,label:"Node Label",value:k.label||"",onChange:a=>m({...k,label:a.target.value}),margin:"normal"}),(0,d.jsxs)(h.default,{sx:{mt:2},children:[(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mb:1},children:"Flow to run"}),(0,d.jsx)(j.A,{variant:"outlined",startIcon:(0,d.jsx)(cs.A,{}),onClick:()=>y(!0),sx:{textTransform:"none",maxWidth:"100%"},children:(0,d.jsx)(h.default,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:E||"Choose a flow…"})})]}),D&&(0,d.jsx)(o.A,{severity:"warning",sx:{mt:1},children:"The previously selected flow no longer exists. Please choose another."}),(0,d.jsx)(by.A,{open:x,onClose:()=>y(!1),title:"Choose a flow to run",description:"This subflow node will run the selected flow as a helper.",isLoading:v,skeleton:(0,d.jsx)(ct.o,{}),emptyMessage:"No other flows available. Create another flow first.",items:A.map(a=>({key:a.id,content:(0,d.jsx)(ct.A,{flow:a,selected:a.id===C,onSelect:a=>{z("subflowId",a),y(!1)},pickerMode:!0})}))}),(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mt:3,mb:1},children:"What does the subflow receive?"}),(0,d.jsxs)(h.default,{role:"radiogroup","aria-label":"Subflow input",sx:{display:"flex",gap:2,flexWrap:"wrap"},children:[(0,d.jsx)(bQ,{selected:"full-history"===H,onClick:()=>z("inputMode","full-history"),icon:(0,d.jsx)(bK,{}),title:"Full conversation",description:"The subflow sees the whole conversation so far. Best for a helper that should continue with all the context."}),(0,d.jsx)(bQ,{selected:"latest-message"===H,onClick:()=>z("inputMode","latest-message"),icon:(0,d.jsx)(bL,{}),title:"Latest message only",description:"The subflow sees only the most recent message. Best for an orchestrator that hands off one task at a time, so old tasks don't leak in."}),(0,d.jsx)(bQ,{selected:"isolated"===H,onClick:()=>z("inputMode","isolated"),icon:(0,d.jsx)(bM,{}),title:"Isolated",description:"The conversation is ignored. The subflow receives only the prompt you write below, as its first message."})]}),"isolated"===H&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(bI.A,{sx:{mt:1,display:"block"},control:(0,d.jsx)(cr.A,{checked:!!k.properties?.allowCallerPrompt,onChange:a=>z("allowCallerPrompt",a.target.checked)}),label:"Let the caller pass a prompt"}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:1,ml:4,mt:-.5},children:"When on, a step that routes to this subflow can attach an instruction through its handoff tool, overriding the prompt below. The prompt below is then used only as a default when the caller sends none."}),(0,d.jsx)(t.A,{fullWidth:!0,label:k.properties?.allowCallerPrompt?"Default prompt (used if the caller sends none)":"Isolated prompt",value:G,onChange:a=>z("promptTemplate",a.target.value),margin:"normal",multiline:!0,rows:3,helperText:k.properties?.allowCallerPrompt?"The default first message for the subflow. A routing model may override it via the handoff tool. The parent conversation is not passed.":"Sent to the subflow as its single user message. The parent conversation is not passed."})]}),(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mt:3,mb:1},children:"What do you see in the chat while the subflow runs?"}),(0,d.jsxs)(h.default,{role:"radiogroup","aria-label":"Subflow output",sx:{display:"flex",gap:2,flexWrap:"wrap"},children:[(0,d.jsx)(bQ,{selected:"final-only"!==(k.properties?.outputMode||"steps"),onClick:()=>z("outputMode","steps"),icon:(0,d.jsx)(bN,{}),title:"Full",description:"You see all of the subflow's messages in the chat, indented under this step — like watching it work."}),(0,d.jsx)(bQ,{selected:k.properties?.outputMode==="final-only",onClick:()=>z("outputMode","final-only"),icon:(0,d.jsx)(bO,{}),title:"Condensed",description:"You only see the subflow's final answer as a single message. Its inner steps stay hidden."})]})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{b&&k&&(f(b.id,k),c())},variant:"contained",color:"primary",children:"Save"})]})]})},cw=(0,v.A)((0,d.jsx)("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"}),"Save"),cx=(0,v.A)((0,d.jsx)("path",{d:"M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8"}),"Undo"),cy=(0,v.A)((0,d.jsx)("path",{d:"M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7z"}),"Redo"),cz=(0,v.A)((0,d.jsx)("path",{d:"M7.5 5.6 10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29a.996.996 0 0 0-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41zm-1.03 5.49-2.12-2.12 2.44-2.44 2.12 2.12z"}),"AutoFixHigh"),cA=(0,C.h)("frontend/components/Flow/FlowManager/ImproveFlowDialog"),cB=({open:a,onClose:b,currentFlow:c,onImproved:f})=>{let[g,i]=(0,e.useState)(""),[k,l]=(0,e.useState)([]),[m,n]=(0,e.useState)(""),[v,w]=(0,e.useState)(!1),[x,y]=(0,e.useState)(!1),[z,A]=(0,e.useState)(null);(0,e.useEffect)(()=>{if(!a)return;let b=!1;return aS.N.loadModels().then(a=>{b||(l(a),n(b=>a.some(a=>a.id===b)?b:a[0]?.id??""))}).catch(a=>{cA.warn("Failed to load models for the improve dialog",a),b||A("Could not load your models. Configure a model first.")}),()=>{b=!0}},[a]);let B=(0,e.useCallback)(()=>{x||(A(null),b())},[x,b]),C=(0,e.useCallback)(async()=>{A(null),y(!0);try{let a={...c,nodes:[...c.nodes],edges:[...c.edges]},b=await F.g.improveFlow(a,g.trim(),m,{allowInstall:v});if(!b.success)return void A(b.error);cA.info("Flow improved",{flowId:b.flow.id,attempts:b.attempts,errors:b.validation.errorCount,warnings:b.validation.warningCount,installedServers:b.installedServers.length}),i(""),f({flow:b.flow,errorCount:b.validation.errorCount,warningCount:b.validation.warningCount,attempts:b.attempts,installedServers:b.installedServers})}finally{y(!1)}},[c,g,m,v,f]),D=!x&&g.trim().length>0&&!!m;return(0,d.jsxs)(p.A,{open:a,onClose:B,maxWidth:"sm",fullWidth:!0,children:[(0,d.jsx)(q.A,{children:"Improve this flow with AI"}),(0,d.jsxs)(r.A,{children:[(0,d.jsxs)(s.A,{sx:{mb:2},children:["Describe the changes you want — add or remove a step, rewrite a prompt, wire up a tool, rename a node. The model revises the ",(0,d.jsx)("strong",{children:"current"})," flow and the result opens on the canvas as an unsaved change you can review, undo, and save."]}),z&&(0,d.jsx)(o.A,{severity:"error",sx:{mb:2},onClose:()=>A(null),children:z}),(0,d.jsx)(t.A,{autoFocus:!0,fullWidth:!0,multiline:!0,minRows:4,label:"What should change?",placeholder:"e.g. Add a step after the research that emails the summary, and make the research step use the full conversation",value:g,onChange:a=>i(a.target.value),disabled:x,sx:{mb:2}}),(0,d.jsxs)(bT.A,{fullWidth:!0,disabled:x||0===k.length,children:[(0,d.jsx)(bU.A,{id:"improve-flow-model-label",children:"Generator model"}),(0,d.jsx)(bV.A,{labelId:"improve-flow-model-label",label:"Generator model",value:m,onChange:a=>n(a.target.value),children:k.map(a=>(0,d.jsx)(T.A,{value:a.id,children:a.displayName?.trim()||a.name},a.id))})]}),(0,d.jsx)(bI.A,{sx:{mt:2},control:(0,d.jsx)(cr.A,{checked:v,onChange:a=>w(a.target.checked),disabled:x}),label:"Let the improver install MCP servers it needs (self-improve)"}),v&&(0,d.jsxs)(o.A,{severity:"warning",sx:{mt:1},children:["The improver may ",(0,d.jsx)("strong",{children:"download, install, and run third-party MCP servers"})," from the public registry on this machine — without asking again. It prefers servers that need no API keys, but anything it installs executes real code with your user's permissions. Installed servers stay configured afterwards (remove them on the MCP page)."]}),x&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1.5,mt:2},children:[(0,d.jsx)(aF.default,{size:20}),(0,d.jsx)(s.A,{children:v?"Improving… the model may search the marketplace and install servers (this can take a few minutes).":"Improving… the model revises the flow and FLUJO checks it (this can take up to a minute)."})]})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:B,disabled:x,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:C,variant:"contained",color:"primary",startIcon:(0,d.jsx)(cz,{}),disabled:!D,children:"Improve"})]})]})},cC=(0,C.h)("components/flow/FlowBuilder/index.tsx"),cD=(0,z.Ay)(h.default)(({theme:a})=>({display:"flex",height:"calc(100vh - 64px)",gap:"16px",padding:"16px",backgroundColor:a.palette.background.default})),cE=(0,z.Ay)(A.A)(({theme:a})=>({padding:a.spacing(1),display:"flex",gap:a.spacing(1),borderBottom:"1px solid",borderColor:a.palette.divider,alignItems:"center",marginBottom:a.spacing(1),backgroundColor:a.palette.background.paper,boxShadow:a.shadows[1]})),cF=(0,z.Ay)(h.default)({flex:1,display:"flex",flexDirection:"column",position:"relative",overflow:"hidden"}),cG=f().forwardRef(({initialFlow:a,onSave:b,onDelete:c,allFlows:g},i)=>{cC.debug("FlowBuilder rendered with initialFlow:",a);let[k,v]=(0,e.useState)(a?.nodes||[]),[w,x]=(0,e.useState)((a?.edges||[]).filter(a=>a.source&&a.target&&a.sourceHandle&&a.targetHandle)),[y,z]=(0,e.useState)(a?.name||"NewFlow"),[A,C]=(0,e.useState)(null),[H,I]=(0,e.useState)(a?.description||""),[J,K]=(0,e.useState)(!1),[L,M]=(0,e.useState)("none"),[O,P]=(0,e.useState)(""),[R,S]=(0,e.useState)(null),[T,U]=(0,e.useState)(!1),[V,W]=(0,e.useState)(!1),[X,Y]=(0,e.useState)(!1),[Z,$]=(0,e.useState)(!1),[_,aa]=(0,e.useState)(!1),[ab,ac]=(0,e.useState)(null),[ad,ae]=(0,e.useState)(!1),[af,ag]=(0,e.useState)(null),[ah,ai]=(0,e.useState)([]),[aj,ak]=(0,e.useState)(-1),[al,am]=(0,e.useState)(!1),[an,ao]=(0,e.useState)(!1),ap=(0,e.useRef)(null),aq=(0,e.useRef)(!1),ar=(0,e.useRef)(!0),at=(0,e.useCallback)(a=>a.filter(a=>a.source&&a.target&&a.sourceHandle&&a.targetHandle),[]);(0,e.useEffect)(()=>{if(ar.current=!0,a){v(a.nodes||[]);let b=at(a.edges||[]);b.length!==a.edges.length&&console.warn(`Filtered out ${a.edges.length-b.length} invalid edges`),x(b),z(a.name),I(a.description||""),ai([{nodes:a.nodes||[],edges:b}]),ak(0)}else{let a=F.g.createStartNode();v([a]),x([]),z("NewFlow"),I(""),ai([{nodes:[a],edges:[]}]),ak(0)}},[a]);let au=a=>JSON.stringify(a,(a,b)=>"selected"===a||"dragging"===a||"measured"===a||"width"===a||"height"===a||"positionAbsolute"===a||"resizing"===a?void 0:b);(0,e.useEffect)(()=>{if(al)return void am(!1);if(ar.current){ar.current=!1;return}if(aq.current)return;let a={nodes:[...k],edges:[...w]},b=ah.slice(0,aj+1);(aj<0||au(a)!==au(b[aj]))&&(ai([...b,a]),ak(aj+1),ao(!0))},[k,w]),(0,e.useEffect)(()=>{let a=a=>{if(an)return a.preventDefault(),a.returnValue="",""};return window.addEventListener("beforeunload",a),()=>{window.removeEventListener("beforeunload",a)}},[an]);let aw=b=>b.trim()?/^[\w-]+$/.test(b)?(!a||a&&a.name!==b)&&g.some(c=>c.id!==(a?.id||"")&&c.name.toLowerCase()===b.toLowerCase())?"A flow with this name already exists":null:"Flow name can only contain letters, numbers, underscores, and dashes":"Flow name cannot be empty",ax=(0,e.useCallback)(()=>{cC.debug(`handleSave: Attempting to save flow "${y}"`);let c=aw(y);if(c)return cC.warn(`handleSave: Invalid flow name - ${c}`),C(c),"invalid-name";let d=[...k];if(0===d.length&&(cC.debug("handleSave: No nodes found, adding a default Start node"),v(d=[F.g.createStartNode()])),a&&a.name!==y)return cC.debug(`handleSave: Flow name changed from "${a.name}" to "${y}", opening rename dialog`),M("rename"),P(y),K(!0),"rename-dialog";let e={id:a?.id||(0,E.A)(),name:y,description:H,nodes:d,edges:w};return cC.info(`handleSave: Saving flow "${y}" with ${d.length} nodes and ${w.length} edges`),b(e),ao(!1),"saved"},[y,H,k,w,a,b,g]);f().useImperativeHandle(i,()=>({requestNavigation:a=>{an?(ap.current=a,M("unsaved"),K(!0)):a()}}),[an]);let ay=(0,e.useCallback)(()=>{a?(cC.info(`handleDelete: Deleting flow "${a.name}" (ID: ${a.id})`),c(a.id)):cC.warn("handleDelete: Attempted to delete flow but no initialFlow is available")},[a,c]),az=(0,e.useCallback)(a=>{cC.info("Applying AI-improved flow to the canvas",{flowId:a.flow.id,attempts:a.attempts,errors:a.errorCount,warnings:a.warningCount}),ae(!1),v(a.flow.nodes||[]),x(at(a.flow.edges||[])),z(a.flow.name),I(a.flow.description||""),C(aw(a.flow.name)),ao(!0);let b=a.installedServers.filter(a=>!a.alreadyExisted),c=b.length>0?` Installed MCP server(s): ${b.map(a=>a.name).join(", ")}.`:"";a.errorCount>0?ag({severity:"warning",message:`Flow revised with ${a.errorCount} error(s) and ${a.warningCount} warning(s) — use the Check button, fix, then Save.${c}`}):a.warningCount>0?ag({severity:"info",message:`Flow revised with ${a.warningCount} warning(s) — review the changes, then Save to keep them.${c}`}):ag({severity:"success",message:`Flow revised — review the changes (Undo reverts them), then Save to keep them.${c}`})},[at]),aA=(0,e.useCallback)((a,c)=>{cC.debug(`handleCopyFlow: Copying flow "${a.name}" to "${c}"`);let d={id:(0,E.A)(),name:c,description:a.description,nodes:a.nodes,edges:a.edges};cC.info(`handleCopyFlow: Created copy of flow "${a.name}" with new name "${c}" (${a.nodes.length} nodes, ${a.edges.length} edges)`),b(d)},[b]),aB=()=>{let a=ap.current;ap.current=null,a&&a()},aC=()=>{ap.current=null,K(!1),M("none"),P(""),S(null)},aE=()=>{let c=aw(O);if(c)return void S(c);"duplicate"===L?a&&aA(a,O):"rename"===L&&(b({id:a?.id||(0,E.A)(),name:O,description:H,nodes:k,edges:w}),ao(!1),aB()),aC()},aF=aj>0,aG=aj<ah.length-1,aH=(0,e.useCallback)(()=>{if(aF){cC.debug(`handleUndo: Performing undo operation, moving from history index ${aj} to ${aj-1}`),am(!0);let a=aj-1,b=ah[a];v(b.nodes),x(b.edges),ak(a),cC.info(`handleUndo: Restored flow state to previous version (${b.nodes.length} nodes, ${b.edges.length} edges)`)}},[ah,aj,aF]),aI=(0,e.useCallback)(()=>{if(aG){cC.debug(`handleRedo: Performing redo operation, moving from history index ${aj} to ${aj+1}`),am(!0);let a=aj+1,b=ah[a];v(b.nodes),x(b.edges),ak(a),cC.info(`handleRedo: Restored flow state to next version (${b.nodes.length} nodes, ${b.edges.length} edges)`)}},[ah,aj,aG]),aJ=(0,e.useCallback)(a=>{for(let b of a)"position"===b.type&&(aq.current=!0===b.dragging);v(b=>(0,D._0)(a,b))},[]),aK=(0,e.useCallback)(a=>{cC.debug(`onEdgesChange: Processing ${a.length} edge changes`),a.forEach(a=>{"remove"===a.type?cC.info(`onEdgesChange: Edge ${a.id} removed`):"select"===a.type&&cC.debug(`onEdgesChange: Edge ${a.id} selection changed to ${a.selected}`)}),x(b=>(0,D.zW)(a,b))},[]),aL=(0,e.useRef)(null),[aM,aN]=(0,e.useState)(null),aO=(0,e.useCallback)(()=>{cC.debug("handleAutoAlign: auto-arranging flow nodes"),v(a=>(function(a,b,c={}){let{direction:d="TB",rankSep:e=120,nodeSep:f=80,mcpOffsetX:g=350,mcpStackY:h=120}=c,i=a.filter(a=>"mcp"===a.type),j=a.filter(a=>"mcp"!==a.type);if(j.length<=1)return a;let k=new Set(j.map(a=>a.id)),l=new Map;for(let a of(j.forEach(a=>l.set(a.id,new Set)),b))!Q(a)&&a.source!==a.target&&k.has(a.source)&&k.has(a.target)&&l.get(a.source).add(a.target);let m=new Map;j.forEach(a=>m.set(a.id,0));let n=j.length;for(let a=0;a<n;a++){let a=!1;for(let[b,c]of l){let d=m.get(b)+1;for(let b of c)m.get(b)<d&&(m.set(b,d),a=!0)}if(!a)break}let o=new Map;for(let a of j){let b=m.get(a.id),c=o.get(b);c?c.push(a):o.set(b,[a])}let p=[...o.keys()].sort((a,b)=>a-b),q=new Map,r=0;for(let a of p){let b=o.get(a),c=0,g=0;for(let a of b){let{width:b,height:e}=function(a){let b=a.measured;return{width:b?.width??a.width??240,height:b?.height??a.height??80}}(a);"TB"===d?(q.set(a.id,{x:c,y:r}),c+=b+f,g=Math.max(g,e)):(q.set(a.id,{x:r,y:c}),c+=e+f,g=Math.max(g,b))}r+=g+e}let s=new Set(i.map(a=>a.id)),t=new Map;for(let a of b){let b,c;if(!Q(a))continue;let d=s.has(a.source),e=s.has(a.target);d&&!e?(b=a.source,c=a.target):e&&!d&&(b=a.target,c=a.source),b&&c&&q.has(c)&&!t.has(b)&&t.set(b,c)}let u=new Map;for(let a of i){let b=t.get(a.id);if(!b)continue;let c=q.get(b),d=u.get(b)??0;u.set(b,d+1),q.set(a.id,{x:c.x+g,y:c.y+d*h})}return a.map(a=>{let b=q.get(a.id);return b?{...a,position:b}:a})})(a,w)),requestAnimationFrame(()=>aM?.fitView({padding:.2}))},[w,aM]),aP=(0,e.useCallback)((a,b)=>{cC.debug(`handleNodeUpdate: Updating node ${a} properties`),v(c=>c.map(c=>c.id===a?(cC.info(`handleNodeUpdate: Node ${a} properties updated`),{...c,data:b}):c)),U(!1),W(!1),Y(!1),$(!1),aa(!1),ac(null),cC.debug("handleNodeUpdate: Closed property modals")},[]),aQ=(0,e.useCallback)(async(a,b)=>{let c=k.find(b=>b.id===a);if(!c)return void cC.warn(`handleConnectMcpServer: process node ${a} not found`);let d=[];try{let a=await G.S.listServerTools(b);!a.error&&Array.isArray(a.tools)&&(d=a.tools.map(a=>a.name))}catch(a){cC.warn(`handleConnectMcpServer: could not load tools for ${b}`,a)}let e=w.filter(b=>b.data?.edgeType==="mcp"&&(b.source===a||b.target===a)).length,f=F.g.createNode("mcp",{x:c.position.x+350,y:c.position.y+120*e});f.data.label=b,f.data.properties={...f.data.properties??{},boundServer:b,enabledTools:d};let g=N({source:a,sourceHandle:"process-right-mcp",target:f.id,targetHandle:"mcp-left"},[...k,f]);v(a=>[...a,f]),x(a=>[...a,g]),cC.info(`Connected MCP server "${b}" to process node ${a}`)},[k,w]),aR=(0,e.useCallback)(a=>{cC.debug("Opening properties for node:",a),ac(a),"mcp"===a.data.type?W(!0):"start"===a.data.type?Y(!0):"finish"===a.data.type?$(!0):"subflow"===a.data.type?aa(!0):U(!0)},[]),aS=(0,e.useCallback)(a=>{cC.debug("onDrop: Node dropped on canvas"),a.preventDefault();let b=a.dataTransfer.getData("application/reactflow");if(cC.debug(`onDrop: Node type from data transfer: ${b}`),!b||!aM)return void cC.debug(`onDrop: Missing required data - type: ${!!b}, reactFlowInstance: ${!!aM}`);let c=aM.screenToFlowPosition({x:a.clientX,y:a.clientY});cC.debug(`onDrop: Calculated position: (${c.x}, ${c.y})`);let d=F.g.createNode(b,c);cC.info(`onDrop: Created new ${b} node with ID: ${d.id}`),v(a=>[...a.map(a=>({...a,selected:!1})),{...d,selected:!0}]),aR(d),cC.debug(`onDrop: Opened properties modal for new node: ${d.id}`)},[aM,aR]),aT=(0,e.useCallback)(a=>{a.preventDefault(),a.dataTransfer.dropEffect="move"},[]),aV=(0,e.useCallback)(a=>{cC.debug("onInit: ReactFlow instance initialized"),aN(a)},[]);return(0,d.jsxs)(cD,{children:[(0,d.jsx)(aD,{}),(0,d.jsx)(D.Ln,{children:(0,d.jsxs)(cF,{children:[(0,d.jsxs)(cE,{elevation:1,children:[(0,d.jsx)(t.A,{size:"small",label:"Flow Name",value:y,onChange:a=>{let b=a.target.value;z(b),C(aw(b))},sx:{minWidth:300},error:!!A,helperText:A}),(0,d.jsx)(t.A,{size:"small",label:"Description",value:H,onChange:a=>{I(a.target.value),ao(!0)},multiline:!0,maxRows:3,sx:{minWidth:300,flex:1},placeholder:"Optional — shown on the flow card"}),(0,d.jsx)(j.A,{variant:"contained",color:"primary",onClick:ax,startIcon:(0,d.jsx)(cw,{}),disabled:!!A,children:"Save Flow"}),(0,d.jsx)(aU,{nodes:k,edges:w}),(0,d.jsx)(m.A,{title:"Auto-arrange nodes into a clean layout",children:(0,d.jsx)("span",{children:(0,d.jsx)(j.A,{variant:"outlined",color:"primary",onClick:aO,startIcon:(0,d.jsx)(av.A,{}),disabled:k.length<=1,children:"Auto-Align"})})}),a&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{variant:"outlined",color:"secondary",onClick:()=>ae(!0),startIcon:(0,d.jsx)(cz,{}),"data-tour":"improve-flow",children:"AI-Improve"}),(0,d.jsx)(j.A,{variant:"outlined",color:"primary",onClick:()=>{M("duplicate"),P(`${a.name}_copy`),K(!0)},children:"Copy Flow"}),(0,d.jsx)(j.A,{variant:"outlined",color:"error",onClick:ay,children:"Delete Flow"})]}),(0,d.jsx)(B.A,{orientation:"vertical",flexItem:!0}),(0,d.jsx)(l.A,{onClick:aH,disabled:!aF,color:"primary",size:"small",children:(0,d.jsx)(cx,{})}),(0,d.jsx)(l.A,{onClick:aI,disabled:!aG,color:"primary",size:"small",children:(0,d.jsx)(cy,{})}),(0,d.jsx)(h.default,{sx:{flex:1}})]}),(0,d.jsx)(n.A,{in:!!af,unmountOnExit:!0,children:af&&(0,d.jsx)(o.A,{severity:af.severity,onClose:()=>ag(null),sx:{mb:1},children:af.message})}),(0,d.jsx)(h.default,{sx:{flex:1,position:"relative"},children:(0,d.jsx)(as,{ref:aL,nodes:k,edges:w,onNodesChange:aJ,onEdgesChange:aK,onDrop:aS,onDragOver:aT,onInit:aV,reactFlowWrapper:aL,onEditNode:aR})})]})}),(0,d.jsx)(bY,{open:T,node:ab,onClose:()=>U(!1),onSave:aP,flowEdges:w,flowNodes:k,flowId:a?.id,onConnectMcpServer:a=>{ab&&aQ(ab.id,a)}}),(0,d.jsx)(co,{open:V,node:ab,onClose:()=>W(!1),onSave:aP}),(0,d.jsx)(cp,{open:X,node:ab,onClose:()=>Y(!1),onSave:aP}),(0,d.jsx)(cq,{open:Z,node:ab,onClose:()=>$(!1),onSave:aP}),(0,d.jsx)(cv,{open:_,node:ab,onClose:()=>aa(!1),onSave:aP,flowId:a?.id}),(0,d.jsx)(cB,{open:ad,onClose:()=>ae(!1),currentFlow:{id:a?.id||"",name:y,description:H,nodes:k,edges:w},onImproved:az}),(0,d.jsxs)(p.A,{open:J,onClose:aC,children:[(0,d.jsx)(q.A,{children:"duplicate"===L?"Copy Flow":"rename"===L?"Rename Flow":"Unsaved Changes"}),(0,d.jsx)(r.A,{children:"unsaved"===L?(0,d.jsx)(s.A,{children:"You have unsaved changes in the current flow. What would you like to do?"}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.A,{children:"duplicate"===L?"Enter a name for the copied flow:":"You are changing the name of this flow. Do you want to rename it or create a copy with the new name?"}),(0,d.jsx)(t.A,{autoFocus:!0,margin:"dense",label:"Flow Name",type:"text",fullWidth:!0,value:O,onChange:a=>{let b=a.target.value;P(b),S(aw(b))},error:!!R,helperText:R,sx:{mt:2}})]})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:aC,children:"Cancel"}),"unsaved"===L&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{onClick:()=>{ao(!1),aB(),aC()},color:"error",children:"Discard Changes"}),(0,d.jsx)(j.A,{onClick:()=>{let a=ax();"saved"===a?(aB(),aC()):"invalid-name"===a&&aC()},variant:"contained",color:"primary",children:"Save Changes"})]}),"rename"===L&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{onClick:()=>{let b=aw(O);if(b)return void S(b);a&&aA(a,O),aC()},children:"Copy"}),(0,d.jsx)(j.A,{onClick:aE,variant:"contained",color:"primary",disabled:!!R,children:"Rename"})]}),"duplicate"===L&&(0,d.jsx)(j.A,{onClick:aE,variant:"contained",color:"primary",disabled:!!R,children:"Copy"})]})]})]})});cG.displayName="FlowBuilder";let cH=(0,C.h)("frontend/components/Flow/FlowManager/GenerateFlowDialog"),cI=({open:a,onClose:b,onGenerated:c})=>{let[f,g]=(0,e.useState)(""),[i,k]=(0,e.useState)([]),[l,m]=(0,e.useState)(""),[n,v]=(0,e.useState)(!1),[w,x]=(0,e.useState)(!1),[z,A]=(0,e.useState)(2),[B,C]=(0,e.useState)(!1),[D,E]=(0,e.useState)(null);(0,e.useEffect)(()=>{if(!a)return;let b=!1;return aS.N.loadModels().then(a=>{b||(k(a),m(b=>a.some(a=>a.id===b)?b:a[0]?.id??""))}).catch(a=>{cH.warn("Failed to load models for the generate dialog",a),b||E("Could not load your models. Configure a model first.")}),()=>{b=!0}},[a]);let G=(0,e.useCallback)(()=>{B||(E(null),b())},[B,b]),H=(0,e.useCallback)(async()=>{E(null),C(!0);try{let a=await F.g.generateFlow(f.trim(),l,{allowInstall:n,allowSubflows:w,...w?{maxDepth:z}:{}});if(!a.success)return void E(a.error);cH.info("Draft flow generated",{flowId:a.flow.id,flowCount:a.flows.length,attempts:a.attempts,errors:a.validation.errorCount,warnings:a.validation.warningCount,installedServers:a.installedServers.length}),g(""),c({flow:a.flow,flows:a.flows.map(a=>a.flow),rootFlowId:a.rootFlowId,errorCount:a.validation.errorCount,warningCount:a.validation.warningCount,attempts:a.attempts,installedServers:a.installedServers})}finally{C(!1)}},[f,l,n,w,z,c]),I=!B&&f.trim().length>0&&!!l;return(0,d.jsxs)(p.A,{open:a,onClose:G,maxWidth:"sm",fullWidth:!0,children:[(0,d.jsx)(q.A,{children:"Generate a flow"}),(0,d.jsxs)(r.A,{children:[(0,d.jsx)(s.A,{sx:{mb:2},children:"Describe what the flow should do — which steps, which tools, what the result is. The generated flow opens in the builder as a draft for you to review before saving."}),D&&(0,d.jsx)(o.A,{severity:"error",sx:{mb:2},onClose:()=>E(null),children:D}),(0,d.jsx)(t.A,{autoFocus:!0,fullWidth:!0,multiline:!0,minRows:4,label:"What should this flow do?",placeholder:"e.g. Research a topic on the web, then summarize the findings as bullet points",value:f,onChange:a=>g(a.target.value),disabled:B,sx:{mb:2}}),(0,d.jsxs)(bT.A,{fullWidth:!0,disabled:B||0===i.length,children:[(0,d.jsx)(bU.A,{id:"generate-flow-model-label",children:"Generator model"}),(0,d.jsx)(bV.A,{labelId:"generate-flow-model-label",label:"Generator model",value:l,onChange:a=>m(a.target.value),children:i.map(a=>(0,d.jsx)(T.A,{value:a.id,children:a.displayName?.trim()||a.name},a.id))})]}),(0,d.jsx)(bI.A,{sx:{mt:2},control:(0,d.jsx)(cr.A,{checked:n,onChange:a=>v(a.target.checked),disabled:B}),label:"Let the generator install MCP servers it needs (self-improve)"}),(0,d.jsx)(bI.A,{sx:{mt:1,display:"flex"},control:(0,d.jsx)(cr.A,{checked:w,onChange:a=>x(a.target.checked),disabled:B}),label:"Allow multi-level flows (auto-generate nested subflows)"}),w&&(0,d.jsxs)(h.default,{sx:{mt:1,ml:4,display:"flex",flexDirection:"column",gap:1},children:[(0,d.jsxs)(bT.A,{sx:{maxWidth:220},size:"small",disabled:B,children:[(0,d.jsx)(bU.A,{id:"generate-flow-depth-label",children:"Max nesting depth"}),(0,d.jsxs)(bV.A,{labelId:"generate-flow-depth-label",label:"Max nesting depth",value:z,onChange:a=>A(Number(a.target.value)),children:[(0,d.jsx)(T.A,{value:1,children:"1 level"}),(0,d.jsx)(T.A,{value:2,children:"2 levels"}),(0,d.jsx)(T.A,{value:3,children:"3 levels"})]})]}),(0,d.jsx)(o.A,{severity:"info",children:"The generator can design subflows that are themselves generated (up to a few flows total). This is slower and uses more tokens. You review the whole bundle before anything is saved."})]}),n&&(0,d.jsxs)(o.A,{severity:"warning",sx:{mt:1},children:["The generator may ",(0,d.jsx)("strong",{children:"download, install, and run third-party MCP servers"})," from the public registry on this machine. It prefers servers that need no API keys, but anything it installs executes real code with your user's permissions. The ",(0,d.jsx)("strong",{children:"exact command and arguments"})," of every install are recorded (audited) before it runs, and each installed server is listed in the post-generation summary so you can review — and remove (on the MCP page) — exactly what was added."]}),B&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1.5,mt:2},children:[(0,d.jsx)(aF.default,{size:20}),(0,d.jsx)(s.A,{children:n?"Generating… the model may search the marketplace and install servers (this can take a few minutes).":"Generating… the model designs the flow and FLUJO checks it (this can take up to a minute)."})]})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:G,disabled:B,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:H,variant:"contained",color:"primary",startIcon:(0,d.jsx)(y,{}),disabled:!I,children:"Generate"})]})]})},cJ=null;var cK=c(75249),cL=c(44548),cM=c(33427);let cN={...e}.useSyncExternalStore;function cO(a={}){let{themeId:b}=a;return function(a,c={}){let d=(0,cM.A)();d&&b&&(d=d[b]||d);let{defaultMatches:f=!1,matchMedia:g=null,ssrMatchMedia:h=null,noSsr:i=!1}=(0,cL.A)({name:"MuiUseMediaQuery",props:c,theme:d}),j="function"==typeof a?a(d):a;return(j=j.replace(/^@media( ?)/m,"")).includes("print")&&console.warn("MUI: You have provided a `print` query to the `useMediaQuery` hook.\nUsing the print media query to modify print styles can lead to unexpected results.\nConsider using the `displayPrint` field in the `sx` prop instead.\nMore information about `displayPrint` on our docs: https://mui.com/system/display/#display-in-print."),(void 0!==cN?function(a,b,c,d,f){let g=e.useCallback(()=>b,[b]),h=e.useMemo(()=>{if(f&&c)return()=>c(a).matches;if(null!==d){let{matches:b}=d(a);return()=>b}return g},[g,a,d,f,c]),[i,j]=e.useMemo(()=>{if(null===c)return[g,()=>()=>{}];let b=c(a);return[()=>b.matches,a=>(b.addEventListener("change",a),()=>{b.removeEventListener("change",a)})]},[g,c,a]);return cN(j,i,h)}:function(a,b,c,d,f){let[g,h]=e.useState(()=>f&&c?c(a).matches:d?d(a).matches:b);return(0,cK.A)(()=>{if(!c)return;let b=c(a),d=()=>{h(b.matches)};return d(),b.addEventListener("change",d),()=>{b.removeEventListener("change",d)}},[a,c]),g})(j,f,g,h,i)}}cO();let cP=cO({themeId:c(35864).A});var cQ=c(63757);let cR=(0,v.A)((0,d.jsx)("path",{d:"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"}),"FilterList"),cS=(0,v.A)((0,d.jsx)("path",{d:"M3 14h4v-4H3zm0 5h4v-4H3zM3 9h4V5H3zm5 5h13v-4H8zm0 5h13v-4H8zM8 5v4h13V5z"}),"ViewList"),cT=(0,v.A)((0,d.jsx)("path",{d:"M14.67 5v6.5H9.33V5zm1 6.5H21V5h-5.33zm-1 7.5v-6.5H9.33V19zm1-6.5V19H21v-6.5zm-7.34 0H3V19h5.33zm0-1V5H3v6.5z"}),"ViewModule");var cU=c(11402);let cV=(0,v.A)((0,d.jsx)("path",{d:"M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79s7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58s9.14-3.47 12.65 0L21 3zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8z"}),"Update");var cW=c(9863),cX=c(81310),cY=c(18467),cZ=c(59737),c$=c(7329),c_=c(2560);let c0=(0,C.h)("components/Flow/FlowDashboard/FlowDashboard");function c1(a,b){return a+Math.round(255*b).toString(16).padStart(2,"0")}let c2=({flows:a,selectedFlow:b,onSelectFlow:c,onDeleteFlow:f,onCopyFlow:k,onEditFlow:m,onCreateFlow:n,onSetFolder:o,isLoading:p=!1})=>{let[q,r]=(0,e.useState)(""),[s,u]=(0,c_.Xk)("flujo-ui:flows:sort","name-asc"),[v,w]=(0,c_.Xk)("flujo-ui:flows:view","grid"),[y,z]=(0,e.useState)(null),[C,D]=(0,c_.Xk)("flujo-ui:flows:group","none"),[E,F]=(0,e.useState)(null),[G,H]=(0,c_.Xk)("flujo-ui:flows:collapsed",[]),I=(0,e.useMemo)(()=>new Set(G),[G]),[J,K]=(0,e.useState)({});(0,e.useEffect)(()=>{let a=!1;return(async()=>{let b={};try{let a=await fetch("/api/model");if(a.ok){let c=await a.json();Array.isArray(c)&&(b.models=c)}}catch(a){c0.warn("Could not load models for flow badges",a)}try{let a=await fetch("/api/mcp/servers");if(a.ok){let c=await a.json();Array.isArray(c)&&(b.servers=c.map(a=>({name:a.name,status:a.disabled?"disabled":void 0})))}}catch(a){c0.warn("Could not load servers for flow badges",a)}a||K(b)})(),()=>{a=!0}},[]);let L=(0,e.useMemo)(()=>{let b={};for(let c of a)try{b[c.id]=aR(c,J)}catch(a){c0.warn("Failed to validate flow for badge",{flowId:c.id,error:a})}return b},[a,J]),M=(0,g.A)(),N=cP(M.breakpoints.down("sm")),O=cP(M.breakpoints.down("md")),P=()=>{z(null)},Q=a=>{u(a),P()},R=a=>{D(a),F(null)},S=(0,e.useMemo)(()=>{c0.debug("Filtering and sorting flows",{searchTerm:q,sortOption:s});let b=a;if(""!==q.trim()){let c=q.toLowerCase();b=a.filter(a=>a.name.toLowerCase().includes(c))}return[...b].sort((a,b)=>{switch(s){case"name-asc":return a.name.localeCompare(b.name);case"name-desc":return b.name.localeCompare(a.name);case"most-nodes":return b.nodes.length-a.nodes.length;case"least-nodes":return a.nodes.length-b.nodes.length;case"newest":return b.id.localeCompare(a.id);case"oldest":return a.id.localeCompare(b.id);default:return 0}})},[a,q,s]),X=(0,e.useMemo)(()=>(0,c$.yF)(a,a=>a.folder),[a]),Y=(0,e.useMemo)(()=>"folder"===C?(0,c$.Je)(S,a=>a.folder):"sort"===C?(0,c$.Az)(S,a=>(function(a,b){switch(b){case"name-asc":case"name-desc":return(0,c$.po)(a.name);case"most-nodes":case"least-nodes":var c;return 0===(c=a.nodes.length)?{key:"nodes:0",label:"0 nodes"}:c<=2?{key:"nodes:1-2",label:"1–2 nodes"}:c<=5?{key:"nodes:3-5",label:"3–5 nodes"}:c<=10?{key:"nodes:6-10",label:"6–10 nodes"}:{key:"nodes:11+",label:"11+ nodes"};default:return{key:"all",label:"All flows"}}})(a,s)):[],[C,S,s]),Z=a=>(0,d.jsx)(aV.Ay,{container:!0,spacing:2,children:a.map(a=>(0,d.jsx)(aV.Ay,{item:!0,xs:12,sm:"compact"===v?12:6,md:"compact"===v?12:3==("compact"===v||N?1:O?2:3)?4:6,children:(0,d.jsx)(ct.A,{flow:a,selected:b===a.id,onSelect:c,onDelete:f,onCopy:k,onEdit:m,onSetFolder:o,folders:X,validation:L[a.id]})},a.id))});return(0,d.jsxs)(h.default,{sx:{height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},children:[(0,d.jsx)(A.A,{elevation:1,sx:{mb:2,p:1},children:(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:{xs:"column",sm:"row"},gap:1,alignItems:{xs:"stretch",sm:"center"},justifyContent:"space-between"},children:[(0,d.jsx)(t.A,{placeholder:"Search flows...",variant:"outlined",size:"small",fullWidth:!0,value:q,onChange:a=>{r(a.target.value)},InputProps:{startAdornment:(0,d.jsx)(br.A,{position:"start",children:(0,d.jsx)(bw.A,{fontSize:"small"})})},sx:{maxWidth:{sm:300}}}),(0,d.jsxs)(h.default,{sx:{display:"flex",gap:1,alignItems:"center"},children:[(0,d.jsxs)(h.default,{sx:{display:"flex",backgroundColor:M.palette.background.default,borderRadius:1,border:`1px solid ${M.palette.divider}`,overflow:"hidden"},children:[(0,d.jsx)(l.A,{size:"small",onClick:()=>w("grid"),color:"grid"===v?"primary":"default",sx:{borderRadius:0,backgroundColor:"grid"===v?c1(M.palette.primary.main,.1):"transparent"},children:(0,d.jsx)(cT,{fontSize:"small"})}),(0,d.jsx)(l.A,{size:"small",onClick:()=>w("compact"),color:"compact"===v?"primary":"default",sx:{borderRadius:0,backgroundColor:"compact"===v?c1(M.palette.primary.main,.1):"transparent"},children:(0,d.jsx)(cS,{fontSize:"small"})})]}),(0,d.jsx)(l.A,{size:"small",onClick:a=>F(a.currentTarget),color:"none"!==C?"primary":"default",sx:{border:`1px solid ${M.palette.divider}`,backgroundColor:M.palette.background.default},title:"Group cards",children:(0,d.jsx)(cW.A,{fontSize:"small"})}),(0,d.jsx)(l.A,{size:"small",onClick:a=>{z(a.currentTarget)},sx:{border:`1px solid ${M.palette.divider}`,backgroundColor:M.palette.background.default},children:(0,d.jsx)(cQ.A,{fontSize:"small"})})]})]})}),(0,d.jsxs)(h.default,{sx:{display:"flex",justifyContent:"space-between",mb:2,px:1},children:[(0,d.jsxs)(i.default,{variant:"body2",color:"textSecondary",children:[S.length," of ",a.length," flows",q&&` matching "${q}"`]}),(0,d.jsxs)(i.default,{variant:"body2",color:"textSecondary",children:["Sorted by: ","name-asc"===s?"Name (A-Z)":"name-desc"===s?"Name (Z-A)":"newest"===s?"Newest first":"oldest"===s?"Oldest first":"most-nodes"===s?"Most nodes":"Least nodes"]})]}),(0,d.jsx)(h.default,{sx:{flex:1,overflow:"auto",px:1,pb:2},children:p?(0,d.jsx)(aV.Ay,{container:!0,spacing:2,children:Array(6).fill(0).map((a,b)=>(0,d.jsx)(aV.Ay,{item:!0,xs:12,sm:"compact"===v?12:6,md:"compact"===v?12:4,children:(0,d.jsx)(ct.o,{})},`skeleton-${b}`))}):S.length>0?"none"===C?Z(S):Y.map(a=>(0,d.jsx)(cZ.A,{label:a.label,count:a.items.length,expanded:!I.has(a.key),onToggle:()=>(a=>{H(b=>b.includes(a)?b.filter(b=>b!==a):[...b,a])})(a.key),showFolderIcon:"folder"===C,children:Z(a.items)},a.key)):(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",p:4,backgroundColor:M.palette.background.paper,borderRadius:1,border:`1px dashed ${M.palette.divider}`,height:"100%",minHeight:200},children:[(0,d.jsx)(i.default,{variant:"h6",gutterBottom:!0,color:"textSecondary",children:"No flows found"}),q?(0,d.jsxs)(i.default,{variant:"body2",color:"textSecondary",align:"center",children:["No flows match your search criteria.",(0,d.jsxs)(h.default,{component:"span",display:"block",mt:1,children:["Try a different search term or ",(0,d.jsx)(j.A,{size:"small",onClick:()=>r(""),children:"clear the search"})]})]}):(0,d.jsxs)(i.default,{variant:"body2",color:"textSecondary",align:"center",children:["Get started by creating your first flow.",n&&(0,d.jsx)(h.default,{component:"span",display:"block",mt:2,children:(0,d.jsx)(j.A,{variant:"contained",color:"primary",startIcon:(0,d.jsx)(x.A,{}),onClick:n,children:"Create New Flow"})})]})]})}),(0,d.jsxs)(W.A,{anchorEl:E,open:!!E,onClose:()=>F(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:[(0,d.jsxs)(T.A,{selected:"none"===C,onClick:()=>R("none"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cX.A,{fontSize:"small"})}),(0,d.jsx)(V.A,{primary:"No grouping"})]}),(0,d.jsxs)(T.A,{selected:"folder"===C,onClick:()=>R("folder"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cY.A,{fontSize:"small"})}),(0,d.jsx)(V.A,{primary:"By folder"})]}),(0,d.jsxs)(T.A,{selected:"sort"===C,onClick:()=>R("sort"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cW.A,{fontSize:"small"})}),(0,d.jsx)(V.A,{primary:"By sort setting"})]})]}),(0,d.jsxs)(W.A,{anchorEl:y,open:!!y,onClose:P,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:[(0,d.jsxs)(T.A,{onClick:()=>Q("name-asc"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cU.A,{fontSize:"small"})}),(0,d.jsx)(V.A,{primary:"Name (A-Z)"})]}),(0,d.jsxs)(T.A,{onClick:()=>Q("name-desc"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cU.A,{fontSize:"small",sx:{transform:"scaleX(-1)"}})}),(0,d.jsx)(V.A,{primary:"Name (Z-A)"})]}),(0,d.jsx)(B.A,{}),(0,d.jsxs)(T.A,{onClick:()=>Q("newest"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cV,{fontSize:"small"})}),(0,d.jsx)(V.A,{primary:"Newest first"})]}),(0,d.jsxs)(T.A,{onClick:()=>Q("oldest"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cV,{fontSize:"small",sx:{transform:"scaleX(-1)"}})}),(0,d.jsx)(V.A,{primary:"Oldest first"})]}),(0,d.jsx)(B.A,{}),(0,d.jsxs)(T.A,{onClick:()=>Q("most-nodes"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cR,{fontSize:"small"})}),(0,d.jsx)(V.A,{primary:"Most nodes"})]}),(0,d.jsxs)(T.A,{onClick:()=>Q("least-nodes"),children:[(0,d.jsx)(U.A,{children:(0,d.jsx)(cR,{fontSize:"small",sx:{transform:"scaleY(-1)"}})}),(0,d.jsx)(V.A,{primary:"Least nodes"})]})]})]})},c3=(0,C.h)("app/flows/page"),c4=()=>{c3.debug("Rendering FlowsPage"),(0,g.A)();let[a,b]=(0,e.useState)([]),[c,f]=(0,e.useState)(null),[v,z]=(0,e.useState)(!0),[A,B]=(0,e.useState)(!1),C=(0,e.useRef)(null),[D,G]=(0,e.useState)(null),[H,I]=(0,e.useState)([]),[J,K]=(0,e.useState)(!1),[L,M]=(0,e.useState)(!1),[N,O]=(0,e.useState)(null),[P,Q]=(0,e.useState)(""),[R,S]=(0,e.useState)(null),[T,U]=(0,e.useState)({open:!1,message:"",severity:"info"});(0,e.useEffect)(()=>{c3.info("Loading flows"),(async()=>{z(!0);try{let a=await F.g.loadFlows();c3.debug("Flows loaded successfully",{count:a.length}),b(a),c&&(a.some(a=>a.id===c)||D?.id===c||(c3.warn("Previously selected flow no longer exists",{flowId:c}),f(null),B(!1),X("The previously selected flow is no longer available","warning")))}catch(a){c3.error("Error loading flows",a),X("Failed to load flows","error")}finally{z(!1)}})()},[c,D]);let V=(0,e.useCallback)(a=>{c3.debug("Flow selected",{flowId:a}),f(a),B(!0)},[]),W=(0,e.useRef)(!1);(0,e.useEffect)(()=>{if(W.current||v)return;let b=new URLSearchParams(window.location.search).get("flow");if(!b){W.current=!0;return}a.some(a=>a.id===b)&&(W.current=!0,V(b))},[v,a,V]),(0,e.useEffect)(()=>{if(!(A&&c))return;let a=a=>{C.current?C.current.requestNavigation(a):a()};return cJ=a,()=>{cJ===a&&(cJ=null)}},[A,c]);let X=(0,e.useCallback)((a,b="info")=>{c3.debug("Showing snackbar",{message:a,severity:b}),U({open:!0,message:a,severity:b})},[]),Y=(0,e.useCallback)(()=>{c3.debug("Returning to dashboard");let a=()=>{if(B(!1),D&&D.id===c){let a=H.length>0;G(null),I([]),f(null),X(a?"Generated draft (and its subflows) discarded":"Generated draft discarded","info")}};C.current?C.current.requestNavigation(a):a()},[D,H,c,X]),Z=(0,e.useCallback)(()=>{U(a=>({...a,open:!1}))},[]);(0,e.useEffect)(()=>{if(!T.open||"error"===T.severity)return;let a=setTimeout(()=>{U(a=>({...a,open:!1}))},6e3);return()=>clearTimeout(a)},[T.open,T.message,T.severity]);let $=(0,e.useCallback)(b=>(c3.debug("Validating flow name",{name:b}),b.trim())?/^[\w-]+$/.test(b)?a.some(a=>a.name.toLowerCase()===b.toLowerCase())?(c3.debug("Flow name validation failed: duplicate name"),"A flow with this name already exists"):(c3.debug("Flow name validation passed"),null):(c3.debug("Flow name validation failed: invalid characters"),"Flow name can only contain letters, numbers, underscores, and dashes"):(c3.debug("Flow name validation failed: empty name"),"Flow name cannot be empty"),[a]),_=async c=>{c3.info("Saving flow",{flowId:c.id,flowName:c.name});try{if(D?.id===c.id&&H.length>0){for(let b of(c3.info("Persisting generated subflow descendants before the root",{count:H.length}),H)){let c=a.some(a=>a.id===b.id)?await F.g.updateFlow(b):await F.g.addFlow(b);if(!c.success){c3.error("Failed to save a generated subflow",{error:c.error,childId:b.id}),X(c.error||"Failed to save a generated subflow","error");return}}b(a=>{let b=new Set(a.map(a=>a.id)),c=H.filter(a=>!b.has(a.id));return c.length?[...a,...c]:a}),I([])}let d=a.some(a=>a.id===c.id)?await F.g.updateFlow(c):await F.g.addFlow(c);if(!d.success){c3.error("Failed to save flow",{error:d.error}),X(d.error||"Failed to save flow","error");return}c3.debug("Flow saved successfully"),b(a=>{let b=a.findIndex(a=>a.id===c.id);if(!(b>=0))return c3.debug("Adding new flow to state"),[...a,c];{c3.debug("Updating existing flow in state");let d=[...a];return d[b]=c,d}}),D?.id===c.id&&G(null),f(c.id),X("Flow saved successfully","success")}catch(a){c3.error("Error saving flow",a),X("Failed to save flow","error")}},aa=async a=>{c3.info("Deleting flow",{flowId:a});try{await F.g.deleteFlow(a),c3.debug("Flow deleted successfully"),b(b=>b.filter(b=>b.id!==a)),c===a&&(c3.debug("Clearing selected flow as it was deleted"),f(null),B(!1)),X("Flow deleted","success")}catch(a){c3.error("Error deleting flow",a),X("Failed to delete flow","error")}},ab=(0,e.useCallback)(async(c,d)=>{c3.info("Setting flow folder",{flowId:c,folder:d});let e=a.find(a=>a.id===c);if(!e)return void c3.warn("Flow to move not found",{flowId:c});let f={...e,folder:d&&d.trim()?d.trim():void 0};try{let a=await F.g.updateFlow(f);if(!a.success)return void X(a.error||"Failed to move flow to folder","error");b(a=>a.map(a=>a.id===c?f:a)),X(f.folder?`Moved to "${f.folder}"`:"Removed from folder","success")}catch(a){c3.error("Error setting flow folder",a),X("Failed to move flow to folder","error")}},[a,X]),ac=b=>{c3.info("Copying flow",{flowId:b});let c=a.find(a=>a.id===b);c?(c3.debug("Found flow to copy",{flowName:c.name}),O(c),Q(`${c.name}_copy`),M(!0)):(c3.warn("Flow to copy not found",{flowId:b}),X("Flow not found","error"))},ad=()=>{c3.debug("Closing copy flow dialog"),M(!1),O(null),Q(""),S(null)},ae=async()=>{if(c3.info("Confirming flow copy"),!N){c3.warn("No flow to copy"),X("No flow selected to copy","error");return}let a=$(P);if(a){c3.debug("Flow name validation failed",{error:a}),S(a);return}let b=(0,E.A)();c3.debug("Creating new flow from copy",{newId:b,newName:P});let c={id:b,name:P,description:N.description,nodes:N.nodes,edges:N.edges};await _(c),ad(),c3.debug("Selecting newly copied flow"),f(c.id),B(!0),X(`Created a copy named "${P}"`,"success")},af=(0,e.useCallback)(a=>{c3.info("Opening generated draft flow",{flowId:a.flow.id,attempts:a.attempts,errors:a.errorCount,warnings:a.warningCount}),K(!1);let b=(a.flows??[]).filter(b=>b.id!==a.rootFlowId);G(a.flow),I(b),f(a.flow.id),B(!0);let c=a.installedServers?.filter(a=>!a.alreadyExisted)??[],d=c.length>0?` Installed MCP server(s): ${c.map(a=>a.name).join(", ")}.`:"",e=b.length>0?` Includes ${b.length} auto-generated subflow(s) that save with it.`:"";a.errorCount>0?X(`Draft generated with ${a.errorCount} error(s) and ${a.warningCount} warning(s) — use the Check button, fix, then save.${e}${d}`,"warning"):a.warningCount>0?X(`Draft generated with ${a.warningCount} warning(s) — review, then save to keep it.${e}${d}`,"info"):X(`Flow drafted — review it and save to keep it.${e}${d}`,"success")},[X]),ag=async()=>{c3.info("Creating new flow");let b="NewFlow",c=b,d=1;for(;a.some(a=>a.name===c);)c=`${b}${d}`,d++;let e=F.g.createNewFlow(c);await _(e),B(!0),X("New flow created","success")};return(0,d.jsxs)(h.default,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,d.jsxs)(h.default,{sx:{p:2,display:"flex",justifyContent:"space-between",alignItems:"center",borderBottom:1,borderColor:"divider"},children:[(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[A&&c&&(0,d.jsx)(l.A,{color:"primary",onClick:Y,sx:{mr:1},children:(0,d.jsx)(w,{})}),(0,d.jsx)(h.default,{children:(0,d.jsx)(i.default,{variant:"h5",children:A&&c?D?.id===c?`Editing: ${D.name} (unsaved draft)`:`Editing: ${a.find(a=>a.id===c)?.name||"Flow"}`:"Flow Dashboard"})})]}),!A&&(0,d.jsxs)(h.default,{sx:{display:"flex",gap:1},children:[(0,d.jsx)(m.A,{title:"Describe a flow in plain language and let a model draft it",children:(0,d.jsx)(j.A,{variant:"outlined",color:"primary",startIcon:(0,d.jsx)(y,{}),onClick:()=>K(!0),"data-tour":"generate-flow",children:"Generate Flow"})}),(0,d.jsx)(m.A,{title:"Create a new flow with a starter template",children:(0,d.jsx)(j.A,{variant:"contained",color:"primary",startIcon:(0,d.jsx)(x.A,{}),onClick:ag,"data-tour":"new-flow",children:"New Flow"})})]})]}),(0,d.jsx)(n.A,{in:T.open,unmountOnExit:!0,children:(0,d.jsx)(o.A,{severity:T.severity,onClose:Z,sx:{borderRadius:0},children:T.message})}),(0,d.jsx)(h.default,{sx:{flex:1,overflow:"hidden"},children:(()=>{if(A&&c){let b=a.find(a=>a.id===c)??(D?.id===c?D:void 0);return b?(0,d.jsx)(k.A,{in:!0,timeout:300,children:(0,d.jsx)(h.default,{sx:{height:"100%"},children:(0,d.jsx)(cG,{ref:C,initialFlow:b,onSave:_,onDelete:aa,allFlows:a},c)})}):(0,d.jsxs)(h.default,{sx:{p:4,textAlign:"center"},children:[(0,d.jsx)(i.default,{variant:"h6",color:"error",children:"Selected flow not found"}),(0,d.jsx)(j.A,{variant:"contained",onClick:Y,sx:{mt:2},children:"Back to Dashboard"})]})}return(0,d.jsx)(k.A,{in:!0,timeout:300,children:(0,d.jsx)(h.default,{sx:{height:"100%"},children:(0,d.jsx)(c2,{flows:a,selectedFlow:c,onSelectFlow:V,onDeleteFlow:aa,onCopyFlow:ac,onCreateFlow:ag,onSetFolder:ab,isLoading:v})})})})()}),(0,d.jsxs)(p.A,{open:L,onClose:ad,children:[(0,d.jsx)(q.A,{children:"Copy Flow"}),(0,d.jsxs)(r.A,{children:[(0,d.jsx)(s.A,{children:"Enter a name for the copied flow:"}),(0,d.jsx)(t.A,{autoFocus:!0,margin:"dense",label:"Flow Name",type:"text",fullWidth:!0,value:P,onChange:a=>{let b=a.target.value;c3.debug("Flow name changed",{name:b}),Q(b),S($(b))},error:!!R,helperText:R})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:ad,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:ae,variant:"contained",color:"primary",disabled:!!R,children:"Copy"})]})]}),(0,d.jsx)(cI,{open:J,onClose:()=>K(!1),onGenerated:af})]})}},73520:(a,b,c)=>{"use strict";c.d(b,{A:()=>p});var d=c(38301),e=c(43249),f=c(2783),g=c(18168),h=c(6636),i=c(29565),j=c(33105);function k(a){return(0,j.Ay)("MuiFormGroup",a)}(0,i.A)("MuiFormGroup",["root","row","error"]);var l=c(49628),m=c(83738),n=c(21124);let o=(0,g.Ay)("div",{name:"MuiFormGroup",slot:"Root",overridesResolver:(a,b)=>{let{ownerState:c}=a;return[b.root,c.row&&b.row]}})({display:"flex",flexDirection:"column",flexWrap:"wrap",variants:[{props:{row:!0},style:{flexDirection:"row"}}]}),p=d.forwardRef(function(a,b){let c=(0,h.b)({props:a,name:"MuiFormGroup"}),{className:d,row:g=!1,...i}=c,j=(0,l.A)(),p=(0,m.A)({props:c,muiFormControl:j,states:["error"]}),q={...c,row:g,error:p.error},r=(a=>{let{classes:b,row:c,error:d}=a;return(0,f.A)({root:["root",c&&"row",d&&"error"]},k,b)})(q);return(0,n.jsx)(o,{className:(0,e.A)(r.root,d),ownerState:q,ref:b,...i})})},76052:(a,b,c)=>{"use strict";c.r(b),c.d(b,{GlobalError:()=>E.a,__next_app__:()=>K,handler:()=>M,pages:()=>J,routeModule:()=>L,tree:()=>I});var d=c(49754),e=c(9117),f=c(46595),g=c(32324),h=c(39326),i=c(38928),j=c(20175),k=c(12),l=c(54290),m=c(12696),n=c(52574),o=c(82802),p=c(77533),q=c(45229),r=c(32822),s=c(261),t=c(26453),u=c(52474),v=c(26713),w=c(51356),x=c(62685),y=c(36225),z=c(63446),A=c(2762),B=c(45742),C=c(86439),D=c(81170),E=c.n(D),F=c(62506),G=c(91203),H={};for(let a in F)0>["default","tree","pages","GlobalError","__next_app__","routeModule","handler"].indexOf(a)&&(H[a]=()=>F[a]);c.d(b,H);let I={children:["",{children:["flows",{children:["__PAGE__",{},{page:[()=>Promise.resolve().then(c.bind(c,10057)),"C:\\Users\\MarioAndreschak\\Documents\\GitHub\\FLUJO\\src\\app\\flows\\page.tsx"]}]},{}]},{layout:[()=>Promise.resolve().then(c.bind(c,51472)),"C:\\Users\\MarioAndreschak\\Documents\\GitHub\\FLUJO\\src\\app\\layout.tsx"],"global-error":[()=>Promise.resolve().then(c.t.bind(c,81170,23)),"next/dist/client/components/builtin/global-error.js"],"not-found":[()=>Promise.resolve().then(c.t.bind(c,87028,23)),"next/dist/client/components/builtin/not-found.js"],forbidden:[()=>Promise.resolve().then(c.t.bind(c,90461,23)),"next/dist/client/components/builtin/forbidden.js"],unauthorized:[()=>Promise.resolve().then(c.t.bind(c,32768,23)),"next/dist/client/components/builtin/unauthorized.js"]}]}.children,J=["C:\\Users\\MarioAndreschak\\Documents\\GitHub\\FLUJO\\src\\app\\flows\\page.tsx"],K={require:c,loadChunk:()=>Promise.resolve()},L=new d.AppPageRouteModule({definition:{kind:e.RouteKind.APP_PAGE,page:"/flows/page",pathname:"/flows",bundlePath:"",filename:"",appPaths:[]},userland:{loaderTree:I},distDir:".next",relativeProjectDir:""});async function M(a,b,d){var D;let H="/flows/page";"/index"===H&&(H="/");let N=(0,h.getRequestMeta)(a,"postponed"),O=(0,h.getRequestMeta)(a,"minimalMode"),P=await L.prepare(a,b,{srcPage:H,multiZoneDraftMode:!1});if(!P)return b.statusCode=400,b.end("Bad Request"),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;let{buildId:Q,query:R,params:S,parsedUrl:T,pageIsDynamic:U,buildManifest:V,nextFontManifest:W,reactLoadableManifest:X,serverActionsManifest:Y,clientReferenceManifest:Z,subresourceIntegrityManifest:$,prerenderManifest:_,isDraftMode:aa,resolvedPathname:ab,revalidateOnlyGenerated:ac,routerServerContext:ad,nextConfig:ae,interceptionRoutePatterns:af}=P,ag=T.pathname||"/",ah=(0,s.normalizeAppPath)(H),{isOnDemandRevalidate:ai}=P,aj=L.match(ag,_),ak=!!_.routes[ab],al=!!(aj||ak||_.routes[ah]),am=a.headers["user-agent"]||"",an=(0,v.getBotType)(am),ao=(0,q.isHtmlBotRequest)(a),ap=(0,h.getRequestMeta)(a,"isPrefetchRSCRequest")??"1"===a.headers[u.NEXT_ROUTER_PREFETCH_HEADER],aq=(0,h.getRequestMeta)(a,"isRSCRequest")??(0,n.f)(a.headers[u.RSC_HEADER]),ar=(0,t.getIsPossibleServerAction)(a),as=(0,m.checkIsAppPPREnabled)(ae.experimental.ppr)&&(null==(D=_.routes[ah]??_.dynamicRoutes[ah])?void 0:D.renderingMode)==="PARTIALLY_STATIC",at=!1,au=!1,av=as?N:void 0,aw=as&&aq&&!ap,ax=(0,h.getRequestMeta)(a,"segmentPrefetchRSCRequest"),ay=!am||(0,q.shouldServeStreamingMetadata)(am,ae.htmlLimitedBots);ao&&as&&(al=!1,ay=!1);let az=!0===L.isDev||!al||"string"==typeof N||aw,aA=ao&&as,aB=null;aa||!al||az||ar||av||aw||(aB=ab);let aC=aB;!aC&&L.isDev&&(aC=ab),L.isDev||aa||!al||!aq||aw||(0,k.d)(a.headers);let aD={...F,tree:I,pages:J,GlobalError:E(),handler:M,routeModule:L,__next_app__:K};Y&&Z&&(0,p.setReferenceManifestsSingleton)({page:H,clientReferenceManifest:Z,serverActionsManifest:Y,serverModuleMap:(0,r.createServerModuleMap)({serverActionsManifest:Y})});let aE=a.method||"GET",aF=(0,g.getTracer)(),aG=aF.getActiveScopeSpan();try{let f=L.getVaryHeader(ab,af);b.setHeader("Vary",f);let k=async(c,d)=>{let e=new l.NodeNextRequest(a),f=new l.NodeNextResponse(b);return L.render(e,f,d).finally(()=>{if(!c)return;c.setAttributes({"http.status_code":b.statusCode,"next.rsc":!1});let d=aF.getRootSpanAttributes();if(!d)return;if(d.get("next.span_type")!==i.BaseServerSpan.handleRequest)return void console.warn(`Unexpected root span type '${d.get("next.span_type")}'. Please report this Next.js issue https://github.com/vercel/next.js`);let e=d.get("next.route");if(e){let a=`${aE} ${e}`;c.setAttributes({"next.route":e,"http.route":e,"next.span_name":a}),c.updateName(a)}else c.updateName(`${aE} ${a.url}`)})},m=async({span:e,postponed:f,fallbackRouteParams:g})=>{let i={query:R,params:S,page:ah,sharedContext:{buildId:Q},serverComponentsHmrCache:(0,h.getRequestMeta)(a,"serverComponentsHmrCache"),fallbackRouteParams:g,renderOpts:{App:()=>null,Document:()=>null,pageConfig:{},ComponentMod:aD,Component:(0,j.T)(aD),params:S,routeModule:L,page:H,postponed:f,shouldWaitOnAllReady:aA,serveStreamingMetadata:ay,supportsDynamicResponse:"string"==typeof f||az,buildManifest:V,nextFontManifest:W,reactLoadableManifest:X,subresourceIntegrityManifest:$,serverActionsManifest:Y,clientReferenceManifest:Z,setIsrStatus:null==ad?void 0:ad.setIsrStatus,dir:c(33873).join(process.cwd(),L.relativeProjectDir),isDraftMode:aa,isRevalidate:al&&!f&&!aw,botType:an,isOnDemandRevalidate:ai,isPossibleServerAction:ar,assetPrefix:ae.assetPrefix,nextConfigOutput:ae.output,crossOrigin:ae.crossOrigin,trailingSlash:ae.trailingSlash,previewProps:_.preview,deploymentId:ae.deploymentId,enableTainting:ae.experimental.taint,htmlLimitedBots:ae.htmlLimitedBots,devtoolSegmentExplorer:ae.experimental.devtoolSegmentExplorer,reactMaxHeadersLength:ae.reactMaxHeadersLength,multiZoneDraftMode:!1,incrementalCache:(0,h.getRequestMeta)(a,"incrementalCache"),cacheLifeProfiles:ae.experimental.cacheLife,basePath:ae.basePath,serverActions:ae.experimental.serverActions,...at?{nextExport:!0,supportsDynamicResponse:!1,isStaticGeneration:!0,isRevalidate:!0,isDebugDynamicAccesses:at}:{},experimental:{isRoutePPREnabled:as,expireTime:ae.expireTime,staleTimes:ae.experimental.staleTimes,cacheComponents:!!ae.experimental.cacheComponents,clientSegmentCache:!!ae.experimental.clientSegmentCache,clientParamParsing:!!ae.experimental.clientParamParsing,dynamicOnHover:!!ae.experimental.dynamicOnHover,inlineCss:!!ae.experimental.inlineCss,authInterrupts:!!ae.experimental.authInterrupts,clientTraceMetadata:ae.experimental.clientTraceMetadata||[]},waitUntil:d.waitUntil,onClose:a=>{b.on("close",a)},onAfterTaskError:()=>{},onInstrumentationRequestError:(b,c,d)=>L.onRequestError(a,b,d,ad),err:(0,h.getRequestMeta)(a,"invokeError"),dev:L.isDev}},l=await k(e,i),{metadata:m}=l,{cacheControl:n,headers:o={},fetchTags:p}=m;if(p&&(o[z.NEXT_CACHE_TAGS_HEADER]=p),a.fetchMetrics=m.fetchMetrics,al&&(null==n?void 0:n.revalidate)===0&&!L.isDev&&!as){let a=m.staticBailoutInfo,b=Object.defineProperty(Error(`Page changed from static to dynamic at runtime ${ab}${(null==a?void 0:a.description)?`, reason: ${a.description}`:""}
-see more here https://nextjs.org/docs/messages/app-static-to-dynamic-error`),"__NEXT_ERROR_CODE",{value:"E132",enumerable:!1,configurable:!0});if(null==a?void 0:a.stack){let c=a.stack;b.stack=b.message+c.substring(c.indexOf("\n"))}throw b}return{value:{kind:w.CachedRouteKind.APP_PAGE,html:l,headers:o,rscData:m.flightData,postponed:m.postponed,status:m.statusCode,segmentData:m.segmentData},cacheControl:n}},n=async({hasResolved:c,previousCacheEntry:f,isRevalidating:g,span:i})=>{let j,k=!1===L.isDev,l=c||b.writableEnded;if(ai&&ac&&!f&&!O)return(null==ad?void 0:ad.render404)?await ad.render404(a,b):(b.statusCode=404,b.end("This page could not be found")),null;if(aj&&(j=(0,x.parseFallbackField)(aj.fallback)),j===x.FallbackMode.PRERENDER&&(0,v.isBot)(am)&&(!as||ao)&&(j=x.FallbackMode.BLOCKING_STATIC_RENDER),(null==f?void 0:f.isStale)===-1&&(ai=!0),ai&&(j!==x.FallbackMode.NOT_FOUND||f)&&(j=x.FallbackMode.BLOCKING_STATIC_RENDER),!O&&j!==x.FallbackMode.BLOCKING_STATIC_RENDER&&aC&&!l&&!aa&&U&&(k||!ak)){let b;if((k||aj)&&j===x.FallbackMode.NOT_FOUND)throw new C.NoFallbackError;if(as&&!aq){let c="string"==typeof(null==aj?void 0:aj.fallback)?aj.fallback:k?ah:null;if(b=await L.handleResponse({cacheKey:c,req:a,nextConfig:ae,routeKind:e.RouteKind.APP_PAGE,isFallback:!0,prerenderManifest:_,isRoutePPREnabled:as,responseGenerator:async()=>m({span:i,postponed:void 0,fallbackRouteParams:k||au?(0,o.u)(ah):null}),waitUntil:d.waitUntil}),null===b)return null;if(b)return delete b.cacheControl,b}}let n=ai||g||!av?void 0:av;if(at&&void 0!==n)return{cacheControl:{revalidate:1,expire:void 0},value:{kind:w.CachedRouteKind.PAGES,html:y.default.EMPTY,pageData:{},headers:void 0,status:void 0}};let p=U&&as&&((0,h.getRequestMeta)(a,"renderFallbackShell")||au)?(0,o.u)(ag):null;return m({span:i,postponed:n,fallbackRouteParams:p})},p=async c=>{var f,g,i,j,k;let l,o=await L.handleResponse({cacheKey:aB,responseGenerator:a=>n({span:c,...a}),routeKind:e.RouteKind.APP_PAGE,isOnDemandRevalidate:ai,isRoutePPREnabled:as,req:a,nextConfig:ae,prerenderManifest:_,waitUntil:d.waitUntil});if(aa&&b.setHeader("Cache-Control","private, no-cache, no-store, max-age=0, must-revalidate"),L.isDev&&b.setHeader("Cache-Control","no-store, must-revalidate"),!o){if(aB)throw Object.defineProperty(Error("invariant: cache entry required but not generated"),"__NEXT_ERROR_CODE",{value:"E62",enumerable:!1,configurable:!0});return null}if((null==(f=o.value)?void 0:f.kind)!==w.CachedRouteKind.APP_PAGE)throw Object.defineProperty(Error(`Invariant app-page handler received invalid cache entry ${null==(i=o.value)?void 0:i.kind}`),"__NEXT_ERROR_CODE",{value:"E707",enumerable:!1,configurable:!0});let p="string"==typeof o.value.postponed;al&&!aw&&(!p||ap)&&(O||b.setHeader("x-nextjs-cache",ai?"REVALIDATED":o.isMiss?"MISS":o.isStale?"STALE":"HIT"),b.setHeader(u.NEXT_IS_PRERENDER_HEADER,"1"));let{value:q}=o;if(av)l={revalidate:0,expire:void 0};else if(O&&aq&&!ap&&as)l={revalidate:0,expire:void 0};else if(!L.isDev)if(aa)l={revalidate:0,expire:void 0};else if(al){if(o.cacheControl)if("number"==typeof o.cacheControl.revalidate){if(o.cacheControl.revalidate<1)throw Object.defineProperty(Error(`Invalid revalidate configuration provided: ${o.cacheControl.revalidate} < 1`),"__NEXT_ERROR_CODE",{value:"E22",enumerable:!1,configurable:!0});l={revalidate:o.cacheControl.revalidate,expire:(null==(j=o.cacheControl)?void 0:j.expire)??ae.expireTime}}else l={revalidate:z.CACHE_ONE_YEAR,expire:void 0}}else b.getHeader("Cache-Control")||(l={revalidate:0,expire:void 0});if(o.cacheControl=l,"string"==typeof ax&&(null==q?void 0:q.kind)===w.CachedRouteKind.APP_PAGE&&q.segmentData){b.setHeader(u.NEXT_DID_POSTPONE_HEADER,"2");let c=null==(k=q.headers)?void 0:k[z.NEXT_CACHE_TAGS_HEADER];O&&al&&c&&"string"==typeof c&&b.setHeader(z.NEXT_CACHE_TAGS_HEADER,c);let d=q.segmentData.get(ax);return void 0!==d?(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:y.default.fromStatic(d,u.RSC_CONTENT_TYPE_HEADER),cacheControl:o.cacheControl}):(b.statusCode=204,(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:y.default.EMPTY,cacheControl:o.cacheControl}))}let r=(0,h.getRequestMeta)(a,"onCacheEntry");if(r&&await r({...o,value:{...o.value,kind:"PAGE"}},{url:(0,h.getRequestMeta)(a,"initURL")}))return null;if(p&&av)throw Object.defineProperty(Error("Invariant: postponed state should not be present on a resume request"),"__NEXT_ERROR_CODE",{value:"E396",enumerable:!1,configurable:!0});if(q.headers){let a={...q.headers};for(let[c,d]of(O&&al||delete a[z.NEXT_CACHE_TAGS_HEADER],Object.entries(a)))if(void 0!==d)if(Array.isArray(d))for(let a of d)b.appendHeader(c,a);else"number"==typeof d&&(d=d.toString()),b.appendHeader(c,d)}let s=null==(g=q.headers)?void 0:g[z.NEXT_CACHE_TAGS_HEADER];if(O&&al&&s&&"string"==typeof s&&b.setHeader(z.NEXT_CACHE_TAGS_HEADER,s),!q.status||aq&&as||(b.statusCode=q.status),!O&&q.status&&G.RedirectStatusCode[q.status]&&aq&&(b.statusCode=200),p&&b.setHeader(u.NEXT_DID_POSTPONE_HEADER,"1"),aq&&!aa){if(void 0===q.rscData){if(q.postponed)throw Object.defineProperty(Error("Invariant: Expected postponed to be undefined"),"__NEXT_ERROR_CODE",{value:"E372",enumerable:!1,configurable:!0});return(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:q.html,cacheControl:aw?{revalidate:0,expire:void 0}:o.cacheControl})}return(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:y.default.fromStatic(q.rscData,u.RSC_CONTENT_TYPE_HEADER),cacheControl:o.cacheControl})}let t=q.html;if(!p||O||aq)return(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:t,cacheControl:o.cacheControl});if(at)return t.push(new ReadableStream({start(a){a.enqueue(A.ENCODED_TAGS.CLOSED.BODY_AND_HTML),a.close()}})),(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:t,cacheControl:{revalidate:0,expire:void 0}});let v=new TransformStream;return t.push(v.readable),m({span:c,postponed:q.postponed,fallbackRouteParams:null}).then(async a=>{var b,c;if(!a)throw Object.defineProperty(Error("Invariant: expected a result to be returned"),"__NEXT_ERROR_CODE",{value:"E463",enumerable:!1,configurable:!0});if((null==(b=a.value)?void 0:b.kind)!==w.CachedRouteKind.APP_PAGE)throw Object.defineProperty(Error(`Invariant: expected a page response, got ${null==(c=a.value)?void 0:c.kind}`),"__NEXT_ERROR_CODE",{value:"E305",enumerable:!1,configurable:!0});await a.value.html.pipeTo(v.writable)}).catch(a=>{v.writable.abort(a).catch(a=>{console.error("couldn't abort transformer",a)})}),(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:t,cacheControl:{revalidate:0,expire:void 0}})};if(!aG)return await aF.withPropagatedContext(a.headers,()=>aF.trace(i.BaseServerSpan.handleRequest,{spanName:`${aE} ${a.url}`,kind:g.SpanKind.SERVER,attributes:{"http.method":aE,"http.target":a.url}},p));await p(aG)}catch(b){throw b instanceof C.NoFallbackError||await L.onRequestError(a,b,{routerKind:"App Router",routePath:H,routeType:"render",revalidateReason:(0,f.c)({isRevalidate:al,isOnDemandRevalidate:ai})},ad),b}}},86439:a=>{"use strict";a.exports=require("next/dist/shared/lib/no-fallback-error.external")}};var b=require("../../webpack-runtime.js");b.C(a);var c=b.X(0,[5873,8298,3984,8445,6760,6390,1746,2666,1050,1690,8342,1912,9687,453,2776,8460,6201,9880,5311],()=>b(b.s=76052));module.exports=c})();
+${bl(d,f)}`}(function(a){let b=a.type||a.data.type||"unknown",c=a.data.label||"Unknown Node",d=a.data.description,e=a.data.properties||{},f={label:c,type:b,userDescription:d};if(d&&d.trim())return f;if("subflow"===b)return f.subflowDetailsUnavailable=!0,f;"string"==typeof e.boundModel&&e.boundModel&&(f.modelName=e.boundModel),"string"==typeof e.promptTemplate&&e.promptTemplate.trim()&&(f.promptSummary=e.promptTemplate);let g=Array.isArray(e.mcpNodes)?e.mcpNodes:[],h=[],i=new Set;for(let a of g){let b=a?.properties?.boundServer;if(!b||i.has(b))continue;i.add(b);let c=Array.isArray(a?.properties?.enabledTools)?a.properties.enabledTools:[];h.push({name:b,connected:!0,tools:c})}return h.length>0&&(f.servers=h),f}(a)),inputSchema:{type:"object",properties:{},required:[]}}));g(c),bm.debug("Generated handoff tools",{toolsCount:c.length})}catch(a){bm.error("Error generating handoff tools",a),g([])}finally{i(!1)}}else g([])},[a,b,j,c,d]),{handoffTools:f,isLoadingHandoffTools:h}})(a,b,g,k),ae=ad?.handoffTools||[],af=ad?.isLoadingHandoffTools||!1;(0,e.useEffect)(()=>{a&&b&&b6.debug("Handoff tools:",{count:ae.length,tools:ae.map(a=>a.name)})},[a,b,ae]),(0,e.useEffect)(()=>{b&&(w(b.data.properties?.promptTemplate||""),b.data.properties?.boundModel?y(!0):y(!1),A(b.data.properties?.excludeModelPrompt||!1),C(b.data.properties?.excludeStartNodePrompt||!1),E(b.data.properties?.excludeSystemPrompt||!1),G(b.data.properties?.inputMode||"full-history"),I(b.data.properties?.isolatedPrompt||""),K(b.data.properties?.outputMode||"full-conversation"))},[b,a]);let ag=(0,e.useRef)(null),ah=(a,b,c="server")=>{if(b6.debug("handleInsertToolBinding called with:",JSON.stringify({serverName:a,toolName:b})),!a||!b)return void b6.warn("Invalid parameters for handleInsertToolBinding:",{serverName:a,toolName:b});let d=(X[a]||[]).find(a=>a.name===b);d?.description;let e="handoff"===c?(0,a1.X8)("tool","handoff",b):(0,a1.X8)("tool",a,b),f=(!(v.length>0)||v.endsWith(" ")||v.endsWith("\n")?"":" ")+e;ag.current?(b6.debug("Inserting text into PromptBuilder:",JSON.stringify({textToInsert:f})),ag.current.insertText(f),b6.debug("Tool binding inserted successfully")):b6.warn("promptBuilderRef.current is null, cannot insert text")};if(!b||!o)return null;let ai=o.properties?.boundModel||"";return(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"xl",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"secondary.main",width:"95vw",height:"90vh",maxWidth:"95vw",maxHeight:"90vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[o.label||"Process Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(bf.A,{})})]})}),(0,d.jsx)(T.A,{}),(0,d.jsx)(r.A,{sx:{display:"flex",flexDirection:"column",p:3,overflow:"auto",height:"calc(90vh - 130px)"},children:(0,d.jsxs)(bc.Ay,{container:!0,spacing:2,sx:{flexGrow:1,height:"100%"},children:[(0,d.jsxs)(bc.Ay,{item:!0,xs:6,sx:{display:"flex",flexDirection:"column",height:"100%",overflow:"auto"},children:[(0,d.jsx)(h.default,{sx:{mb:3},children:(0,d.jsx)(bn,{nodeData:o,setNodeData:s})}),(0,d.jsx)(h.default,{sx:{mb:3},children:(0,d.jsx)(bs,{isLoadingModels:O,loadError:P,models:N,selectedModelId:ai,handleModelSelect:Q,isModelBound:x,handleUnbindModel:R})}),(0,d.jsxs)(h.default,{sx:{mb:3},children:[(0,d.jsx)(h.default,{sx:{borderBottom:1,borderColor:"divider",mb:2},children:(0,d.jsxs)(bd.A,{value:L,onChange:(a,b)=>M(b),children:[(0,d.jsx)(be.A,{label:"Server Tools",value:"server"}),(0,d.jsx)(be.A,{label:"Resources",value:"resources"}),(0,d.jsx)(be.A,{label:"Agent Tools",value:"agent"})]})}),"server"===L&&(0,d.jsx)(bM,{isLoadingServers:V,connectedMcpNodes:S,availableServers:U,onConnectMcpServer:n,serverStatuses:Z,serverToolsMap:X,isLoadingTools:$,handleInsertToolBinding:ah,selectedToolServerNodeId:W,selectedNodeId:b?.id||null,handleSelectToolServer:_,isLoadingSelectedServerTools:aa,promptBuilderRef:ag,handleRetryServer:ab,handleRestartServer:ac}),"resources"===L&&(0,d.jsx)(bQ,{connectedMcpNodes:S,handleInsertResourceBinding:(a,b)=>{if(!a||!b)return void b6.warn("Invalid parameters for handleInsertResourceBinding:",{serverName:a,uri:b});let c=(0,a1.X8)("resource",a,b),d=v.length>0&&!v.endsWith(" ")&&!v.endsWith("\n");ag.current?ag.current.insertText((d?" ":"")+c):b6.warn("promptBuilderRef.current is null, cannot insert resource binding")},promptBuilderRef:ag}),"agent"===L&&(0,d.jsx)(bS,{handoffTools:ae,isLoadingHandoffTools:af,handleInsertToolBinding:(a,b)=>ah(a,b,"handoff"),promptBuilderRef:ag})]}),(0,d.jsx)(h.default,{children:(0,d.jsx)(b5,{nodeData:o,handlePropertyChange:t,properties:[{key:"maxTurns",label:"Max Turns (override)",type:"number",min:1,helperText:"Optional. Overrides the bound model's Max Turns for this node. Leave empty to inherit the model setting (default 50)."}]})})]}),(0,d.jsx)(bc.Ay,{item:!0,xs:6,sx:{height:"100%",display:"flex",flexDirection:"column"},children:(0,d.jsx)(b1,{ref:ag,promptTemplate:v,handlePromptChange:a=>{w(a),s(b=>b?{...b,properties:{...b.properties,promptTemplate:a}}:null)},excludeModelPrompt:z,setExcludeModelPrompt:A,excludeStartNodePrompt:B,setExcludeStartNodePrompt:C,excludeSystemPrompt:D,setExcludeSystemPrompt:E,inputMode:F,setInputMode:G,isolatedPrompt:H,setIsolatedPrompt:I,outputMode:J,setOutputMode:K,isModelBound:x,models:N,nodeData:o,flowId:m})})]})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{if(b&&o){let a={...o,properties:{...o.properties,promptTemplate:v,excludeModelPrompt:z,excludeStartNodePrompt:B,excludeSystemPrompt:D,inputMode:F,isolatedPrompt:H,outputMode:J}};f(b.id,a),c()}},variant:"contained",color:"primary",children:"Save Changes"})]})]})};var b8=c(2173),b9=c(88117),ca=c(45231);let cb=(0,U.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/MCPNodePropertiesModal"),cc=({open:a,node:b,onClose:c,onSave:f})=>{let[g,k]=(0,e.useState)(null),{servers:n,isLoading:o,loadError:s,retryServer:v}=(0,bi.v)(),[w,x]=(0,e.useState)({}),y=(0,ca.E)("mcp",n),[z,A]=(0,e.useState)(!1),B=async()=>{A(!0);try{await Promise.all(n.map(a=>v(a.name)))}finally{setTimeout(()=>A(!1),500)}},{tools:C,isLoading:D,error:E,loadTools:F}=(0,b9.O)(g?.properties?.boundServer||"");(0,e.useEffect)(()=>{b&&k({...b.data,properties:{...b.data.properties}})},[b,a]);let G=g?.properties?.boundServer||"";(0,e.useEffect)(()=>{C&&C.length>0&&(a=>{g&&0===(g.properties.enabledTools||[]).length&&a.length>0&&(cb.debug("Enabling all tools by default"),k(b=>b?{...b,properties:{...b.properties,enabledTools:a.map(a=>a.name)}}:null))})(C)},[C]);let H=(a,b)=>{k(c=>c?{...c,properties:{...c.properties,[a]:b}}:null)},I=async(a,b)=>{b&&b.stopPropagation(),cb.debug(`Retrying server: ${a}`),x(b=>({...b,[a]:!0}));try{return await v(a),a===G&&F(!0),!0}catch(b){return cb.warn(`Failed to retry server ${a}: ${b}`),!1}finally{setTimeout(()=>{x(b=>({...b,[a]:!1}))},500)}};if(!b||!g)return null;let J=g.properties?.boundServer||"",K=g.properties?.enabledTools||[],L=a=>({key:a.name,content:(a=>(0,d.jsx)(bK.A,{name:a.name,status:a.status||"disconnected",path:a.path||a.rootPath||"",enabled:!a.disabled,transport:a.transport||"stdio",pickerMode:!0,selected:J===a.name,onClick:()=>(a=>{cb.debug(`Server selected: ${a}`),cb.debug(`Server selected: ${a}`),k(b=>{if(!b)return null;let c=bg({currentLabel:b.label,nameIsCustom:b.properties?.nameIsCustom,defaultLabel:"MCP Node",previousAutoLabel:b.properties?.boundServer||void 0,nextAutoLabel:a});return{...b,label:c,properties:{...b.properties,boundServer:a}}})})(a.name)}))(a)}),M=y.items.map(L),N=y.groups?y.groups.map(a=>({...a,items:a.items.map(L)})):null,O=g.properties?.toolTimeout,P=-1===O;return(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"info.main",height:"80vh",maxHeight:"80vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[g.label||"MCP Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(bf.A,{})})]})}),(0,d.jsx)(T.A,{}),(0,d.jsxs)(r.A,{sx:{display:"flex",flexDirection:"column",p:3,overflow:"auto"},children:[(0,d.jsx)(t.A,{fullWidth:!0,label:"Node Label",value:g.label||"",onChange:a=>{k(b=>b?{...b,label:a.target.value,properties:{...b.properties,nameIsCustom:!0}}:null)},margin:"normal",helperText:"The display name for this node on the canvas",sx:{mb:2}}),(0,d.jsxs)(h.default,{sx:{mb:4},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Bind to MCP Server"}),(0,d.jsx)(h.default,{sx:{display:"flex",justifyContent:"flex-end",mb:1},children:(0,d.jsx)(m.A,{title:"Retry all server connections",children:(0,d.jsx)("span",{children:(0,d.jsx)(l.A,{size:"small",onClick:B,disabled:z||o,children:z?(0,d.jsx)(aV.default,{size:16}):(0,d.jsx)(bF.A,{fontSize:"small"})})})})}),(0,d.jsx)(bq.A,{isLoading:o,error:s,emptyMessage:"No MCP servers available. Add some in the MCP Manager.",loadingMessage:"Loading MCP servers…",searchable:!0,searchPlaceholder:"Search servers…",searchTerm:y.searchTerm,onSearchChange:y.setSearchTerm,columns:{xs:12,sm:6},items:M,groups:N,collapsedKeys:y.collapsedKeys,onToggleGroup:y.toggleGroup}),(0,d.jsx)(bo.A,{children:J?`This node will use the "${J}" MCP server for processing.`:"Select an MCP server to bind this node to."})]}),(0,d.jsx)(t.A,{fullWidth:!0,label:"Description",value:g.description||"",onChange:a=>k({...g,description:a.target.value}),margin:"normal",multiline:!0,rows:2,helperText:"This description will be displayed on the node"}),J&&(0,d.jsxs)(h.default,{sx:{mt:4},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Tool Call Timeout"}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:1},children:"How long a single tool call on this server may run before it is aborted. Tools that report progress keep the timeout alive while they work."}),(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:2},children:[(0,d.jsx)(t.A,{label:"Timeout (seconds)",type:"number",size:"small",sx:{width:200},value:P?"":O??"",placeholder:String(300),disabled:P,inputProps:{min:1},onChange:a=>{let b=a.target.value;if(""===b)return void H("toolTimeout",void 0);let c=parseInt(b,10);!isNaN(c)&&c>0&&H("toolTimeout",c)},helperText:P?"No timeout — tool calls run until they finish.":"Empty = default (300 seconds / 5 minutes)."}),(0,d.jsx)(bT.A,{control:(0,d.jsx)(bU.A,{checked:P,onChange:a=>H("toolTimeout",a.target.checked?-1:void 0)}),label:"No timeout (infinite)"})]})]}),J&&(0,d.jsxs)(h.default,{sx:{mt:4},children:[(0,d.jsx)(i.default,{variant:"subtitle1",gutterBottom:!0,children:"Allowed Tools"}),n.find(a=>a.name===J)?.status!=="connected"&&(0,d.jsxs)(h.default,{sx:{mb:2,p:2,bgcolor:"error.light",borderRadius:1},children:[(0,d.jsx)(i.default,{color:"error.dark",children:"Server is disconnected. Tools cannot be fetched. Please retry the connection."}),(0,d.jsx)(j.A,{variant:"outlined",size:"small",color:"primary",startIcon:w[J]?(0,d.jsx)(aV.default,{size:16}):(0,d.jsx)(bF.A,{}),onClick:()=>I(J),disabled:w[J],sx:{mt:1},children:"Retry Connection"})]}),D?(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,d.jsx)(aV.default,{size:20}),(0,d.jsx)(i.default,{color:"text.secondary",children:"Loading tools..."})]}):E?(0,d.jsx)(i.default,{color:"error",children:E}):C&&0!==C.length?(0,d.jsxs)(h.default,{sx:{mt:2},children:[(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Select which tools this node will have access to. This helps limit the tools available to connected process nodes."}),(0,d.jsx)(aW.A,{children:C.map(a=>(0,d.jsxs)(aY.Ay,{sx:{py:0},children:[(0,d.jsx)(aj.A,{sx:{minWidth:42},children:(0,d.jsx)(bU.A,{edge:"start",checked:K.includes(a.name),onChange:()=>(a=>{cb.debug(`Tool toggled: ${a}`),k(b=>{let c;if(!b)return null;let d=b.properties.enabledTools||[];return c=d.includes(a)?d.filter(b=>b!==a):[...d,a],{...b,properties:{...b.properties,enabledTools:c}}})})(a.name)})}),(0,d.jsx)(ak.A,{primary:a.name,secondary:a.description,primaryTypographyProps:{fontWeight:"medium"}})]},a.name))})]}):(0,d.jsx)(i.default,{color:"text.secondary",children:n.find(a=>a.name===J)?.status==="connected"?"No tools available for this MCP server.":"Connect to the server to view available tools."})]}),J&&(0,d.jsxs)(h.default,{sx:{mt:4},children:[(0,d.jsx)(b8.A,{roots:g.properties?.roots||[],onChange:a=>H("roots",a)}),(0,d.jsxs)(i.default,{variant:"caption",color:"text.secondary",sx:{display:"block",mt:1},children:["These folders apply to this node only and are ",(0,d.jsx)("strong",{children:"added to"}),' the workspace folders configured on the "',J,'" server itself. When neither is set, the server sees its own root dir as its workspace folder.']})]})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{b&&g&&(f(b.id,g),c())},variant:"contained",color:"primary",children:"Save Changes"})]})]})},cd=({open:a,node:b,onClose:c,onSave:f})=>{let[g,k]=(0,e.useState)(null),[m,n]=(0,e.useState)("");return((0,e.useEffect)(()=>{b&&(k({...b.data,properties:{...b.data.properties}}),n(b.data.properties?.promptTemplate||""))},[b,a]),b&&g)?(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"xl",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"primary.main",width:"95vw",height:"90vh",maxWidth:"95vw",maxHeight:"90vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[g.label||"Start Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(bf.A,{})})]})}),(0,d.jsx)(T.A,{}),(0,d.jsx)(r.A,{sx:{display:"flex",flexDirection:"column",p:3,overflow:"auto",height:"calc(90vh - 130px)"},children:(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,d.jsx)(i.default,{variant:"h6",gutterBottom:!0,children:"Prompt Template"}),(0,d.jsx)(h.default,{sx:{flexGrow:1,display:"flex",flexDirection:"column",height:"calc(100% - 40px)"},children:(0,d.jsx)(b$.A,{value:m,onChange:a=>{n(a),k(b=>b?{...b,properties:{...b.properties,promptTemplate:a}}:null)},label:"",height:"100%"})})]})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{if(b&&g){let a={...g,properties:{...g.properties,promptTemplate:m}};f(b.id,a),c()}},variant:"contained",color:"primary",children:"Save Changes"})]})]}):null},ce=({open:a,node:b,onClose:c,onSave:f})=>{let[g,k]=(0,e.useState)(null);return((0,e.useEffect)(()=>{b&&k({...b.data,properties:{...b.data.properties}})},[b,a]),b&&g)?(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"success.main",width:"600px",height:"400px",maxWidth:"95vw",maxHeight:"90vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[g.label||"Finish Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(bf.A,{})})]})}),(0,d.jsx)(T.A,{}),(0,d.jsx)(r.A,{sx:{display:"flex",flexDirection:"column",p:3,overflow:"auto"},children:(0,d.jsx)(h.default,{sx:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"center",alignItems:"center",py:4},children:(0,d.jsxs)(A.A,{elevation:0,sx:{p:4,textAlign:"center",backgroundColor:"rgba(76, 175, 80, 0.08)",borderRadius:2,width:"100%"},children:[(0,d.jsx)(i.default,{variant:"h6",color:"success.main",gutterBottom:!0,children:"Finish Node"}),(0,d.jsx)(i.default,{variant:"body1",color:"text.secondary",children:"This is the end point of your flow. No additional configuration is needed."}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:2,fontStyle:"italic"},children:"Future versions will support output formatting options."})]})})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{b&&g&&(f(b.id,g),c())},variant:"contained",color:"primary",children:"Save"})]})]}):null};var cf=c(77028),cg=c(40216),ch=c(39438);let ci=(0,U.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/SubflowNodePropertiesModal"),cj=({open:a,node:b,onClose:c,onSave:f,flowId:g})=>{let[k,m]=(0,e.useState)(null),[n,s]=(0,e.useState)([]),[v,w]=(0,e.useState)(!1),[x,y]=(0,e.useState)(!1);(0,e.useEffect)(()=>{b&&m({...b.data,properties:{...b.data.properties}})},[b,a]),(0,e.useEffect)(()=>{if(!a)return;let b=!1;return w(!0),X.g.loadFlows().then(a=>{b||s(a||[])}).catch(a=>{ci.warn("Failed to load flows for subflow picker",a),b||s([])}).finally(()=>{b||w(!1)}),()=>{b=!0}},[a]);let z=(a,b)=>{m(c=>c?{...c,properties:{...c.properties,[a]:b}}:null)};if(!b||!k)return null;let A=n.filter(a=>a.id!==g),B=k.properties?.subflowId||"",C=!!B&&!n.some(a=>a.id===B),D=C?"":n.find(a=>a.id===B)?.name||"",E=k.properties?.promptTemplate||"",F=k.properties?.inputMode||(E.trim()?"isolated":"full-history");return(0,d.jsxs)(p.A,{open:a,onClose:c,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{borderTop:5,borderColor:"warning.main",maxWidth:"95vw",maxHeight:"90vh"}},children:[(0,d.jsx)(q.A,{component:"div",children:(0,d.jsxs)(h.default,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,d.jsxs)(i.default,{variant:"h6",children:[k.label||"Subflow Node"," Properties"]}),(0,d.jsx)(l.A,{edge:"end",color:"inherit",onClick:c,"aria-label":"close",children:(0,d.jsx)(bf.A,{})})]})}),(0,d.jsx)(T.A,{}),(0,d.jsxs)(r.A,{sx:{p:3},children:[(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"This step runs another flow inside this one — like calling a helper. When it finishes, its answer becomes part of this conversation and the flow continues to the next node."}),(0,d.jsx)(t.A,{fullWidth:!0,label:"Node Label",value:k.label||"",onChange:a=>m({...k,label:a.target.value}),margin:"normal"}),(0,d.jsxs)(h.default,{sx:{mt:2},children:[(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mb:1},children:"Flow to run"}),(0,d.jsx)(j.A,{variant:"outlined",startIcon:(0,d.jsx)(cg.A,{}),onClick:()=>y(!0),sx:{textTransform:"none",maxWidth:"100%"},children:(0,d.jsx)(h.default,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:D||"Choose a flow…"})})]}),C&&(0,d.jsx)(o.A,{severity:"warning",sx:{mt:1},children:"The previously selected flow no longer exists. Please choose another."}),(0,d.jsx)(bJ.A,{open:x,onClose:()=>y(!1),title:"Choose a flow to run",description:"This subflow node will run the selected flow as a helper.",isLoading:v,skeleton:(0,d.jsx)(ch.o,{}),emptyMessage:"No other flows available. Create another flow first.",items:A.map(a=>({key:a.id,content:(0,d.jsx)(ch.A,{flow:a,selected:a.id===B,onSelect:a=>{z("subflowId",a),y(!1)},pickerMode:!0})}))}),(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mt:3,mb:1},children:"What does the subflow receive?"}),(0,d.jsxs)(h.default,{role:"radiogroup","aria-label":"Subflow input",sx:{display:"flex",gap:2,flexWrap:"wrap"},children:[(0,d.jsx)(b_,{selected:"full-history"===F,onClick:()=>z("inputMode","full-history"),icon:(0,d.jsx)(bV,{}),title:"Full conversation",description:"The subflow sees the whole conversation so far. Best for a helper that should continue with all the context."}),(0,d.jsx)(b_,{selected:"latest-message"===F,onClick:()=>z("inputMode","latest-message"),icon:(0,d.jsx)(bW,{}),title:"Latest message only",description:"The subflow sees only the most recent message. Best for an orchestrator that hands off one task at a time, so old tasks don't leak in."}),(0,d.jsx)(b_,{selected:"isolated"===F,onClick:()=>z("inputMode","isolated"),icon:(0,d.jsx)(bX,{}),title:"Isolated",description:"The conversation is ignored. The subflow receives only the prompt you write below, as its first message."})]}),"isolated"===F&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(bT.A,{sx:{mt:1,display:"block"},control:(0,d.jsx)(cf.A,{checked:!!k.properties?.allowCallerPrompt,onChange:a=>z("allowCallerPrompt",a.target.checked)}),label:"Let the caller pass a prompt"}),(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mb:1,ml:4,mt:-.5},children:"When on, a step that routes to this subflow can attach an instruction through its handoff tool, overriding the prompt below. The prompt below is then used only as a default when the caller sends none."}),(0,d.jsx)(t.A,{fullWidth:!0,label:k.properties?.allowCallerPrompt?"Default prompt (used if the caller sends none)":"Isolated prompt",value:E,onChange:a=>z("promptTemplate",a.target.value),margin:"normal",multiline:!0,rows:3,helperText:k.properties?.allowCallerPrompt?"The default first message for the subflow. A routing model may override it via the handoff tool. The parent conversation is not passed.":"Sent to the subflow as its single user message. The parent conversation is not passed."})]}),(0,d.jsx)(i.default,{variant:"subtitle2",sx:{mt:3,mb:1},children:"What do you see in the chat while the subflow runs?"}),(0,d.jsxs)(h.default,{role:"radiogroup","aria-label":"Subflow output",sx:{display:"flex",gap:2,flexWrap:"wrap"},children:[(0,d.jsx)(b_,{selected:"final-only"!==(k.properties?.outputMode||"steps"),onClick:()=>z("outputMode","steps"),icon:(0,d.jsx)(bY,{}),title:"Full",description:"You see all of the subflow's messages in the chat, indented under this step — like watching it work."}),(0,d.jsx)(b_,{selected:k.properties?.outputMode==="final-only",onClick:()=>z("outputMode","final-only"),icon:(0,d.jsx)(bZ,{}),title:"Condensed",description:"You only see the subflow's final answer as a single message. Its inner steps stay hidden."})]})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:c,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:()=>{b&&k&&(f(b.id,k),c())},variant:"contained",color:"primary",children:"Save"})]})]})},ck=(0,v.A)((0,d.jsx)("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"}),"Save"),cl=(0,v.A)((0,d.jsx)("path",{d:"M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8"}),"Undo"),cm=(0,v.A)((0,d.jsx)("path",{d:"M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7z"}),"Redo"),cn=(0,v.A)((0,d.jsx)("path",{d:"M7.5 5.6 10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29a.996.996 0 0 0-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41zm-1.03 5.49-2.12-2.12 2.44-2.44 2.12 2.12z"}),"AutoFixHigh"),co=(0,v.A)((0,d.jsx)("path",{d:"m17.73 12.02 3.98-3.98c.39-.39.39-1.02 0-1.41l-4.34-4.34a.996.996 0 0 0-1.41 0l-3.98 3.98L8 2.29C7.8 2.1 7.55 2 7.29 2c-.25 0-.51.1-.7.29L2.25 6.63c-.39.39-.39 1.02 0 1.41l3.98 3.98L2.25 16c-.39.39-.39 1.02 0 1.41l4.34 4.34c.39.39 1.02.39 1.41 0l3.98-3.98 3.98 3.98c.2.2.45.29.71.29s.51-.1.71-.29l4.34-4.34c.39-.39.39-1.02 0-1.41zM12 9c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1m-4.71 1.96L3.66 7.34l3.63-3.63 3.62 3.62zM10 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m2 2c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m2-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1m2.66 9.34-3.63-3.62 3.63-3.63 3.62 3.62z"}),"Healing");var cp=c(27409);let cq=(0,U.h)("frontend/components/Flow/FlowManager/ImproveFlowDialog"),cr=({open:a,onClose:b,currentFlow:c,onImproved:f,initialDescription:g})=>{let[i,k]=(0,e.useState)(""),[l,m]=(0,e.useState)([]),[n,v]=(0,e.useState)(""),[w,x]=(0,e.useState)(!1),[y,z]=(0,e.useState)(!1),[A,B]=(0,e.useState)(null);(0,e.useEffect)(()=>{a&&k(g??"")},[a,g]),(0,e.useEffect)(()=>{if(!a)return;let b=!1;return a9.N.loadModels().then(a=>{b||(m(a),v(b=>a.some(a=>a.id===b)?b:a[0]?.id??""))}).catch(a=>{cq.warn("Failed to load models for the improve dialog",a),b||B("Could not load your models. Configure a model first.")}),()=>{b=!0}},[a]);let C=(0,e.useCallback)(()=>{y||(B(null),b())},[y,b]),D=(0,e.useCallback)(async()=>{B(null),z(!0);try{let a={...c,nodes:[...c.nodes],edges:[...c.edges]},b=await X.g.improveFlow(a,i.trim(),n,{allowInstall:w});if(!b.success)return void B(b.error);cq.info("Flow improved",{flowId:b.flow.id,attempts:b.attempts,errors:b.validation.errorCount,warnings:b.validation.warningCount,installedServers:b.installedServers.length}),k(""),f({flow:b.flow,errorCount:b.validation.errorCount,warningCount:b.validation.warningCount,attempts:b.attempts,installedServers:b.installedServers})}finally{z(!1)}},[c,i,n,w,f]),E=!y&&i.trim().length>0&&!!n;return(0,d.jsxs)(p.A,{open:a,onClose:C,maxWidth:"sm",fullWidth:!0,children:[(0,d.jsx)(q.A,{children:"Improve this flow with AI"}),(0,d.jsxs)(r.A,{children:[(0,d.jsxs)(s.A,{sx:{mb:2},children:["Describe the changes you want — add or remove a step, rewrite a prompt, wire up a tool, rename a node. The model revises the ",(0,d.jsx)("strong",{children:"current"})," flow and the result opens on the canvas as an unsaved change you can review, undo, and save."]}),A&&(0,d.jsx)(o.A,{severity:"error",sx:{mb:2},onClose:()=>B(null),children:A}),(0,d.jsx)(t.A,{autoFocus:!0,fullWidth:!0,multiline:!0,minRows:4,label:"What should change?",placeholder:"e.g. Add a step after the research that emails the summary, and make the research step use the full conversation",value:i,onChange:a=>k(a.target.value),disabled:y,sx:{mb:2}}),(0,d.jsxs)(b2.A,{fullWidth:!0,disabled:y||0===l.length,children:[(0,d.jsx)(b3.A,{id:"improve-flow-model-label",children:"Generator model"}),(0,d.jsx)(b4.A,{labelId:"improve-flow-model-label",label:"Generator model",value:n,onChange:a=>v(a.target.value),children:l.map(a=>(0,d.jsx)(S.A,{value:a.id,children:a.displayName?.trim()||a.name},a.id))})]}),(0,d.jsx)(bT.A,{sx:{mt:2},control:(0,d.jsx)(cf.A,{checked:w,onChange:a=>x(a.target.checked),disabled:y}),label:"Let the improver install MCP servers it needs (self-improve)"}),w&&(0,d.jsxs)(o.A,{severity:"warning",sx:{mt:1},children:["The improver may ",(0,d.jsx)("strong",{children:"download, install, and run third-party MCP servers"})," from the public registry on this machine — without asking again. It prefers servers that need no API keys, but anything it installs executes real code with your user's permissions. Installed servers stay configured afterwards (remove them on the MCP page)."]}),y&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1.5,mt:2},children:[(0,d.jsx)(aV.default,{size:20}),(0,d.jsx)(s.A,{children:w?"Improving… the model may search the marketplace and install servers (this can take a few minutes).":"Improving… the model revises the flow and FLUJO checks it (this can take up to a minute)."})]})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:C,disabled:y,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:D,variant:"contained",color:"primary",startIcon:(0,d.jsx)(cn,{}),disabled:!E,children:"Improve"})]})]})};var cs=c(24856);let ct=a=>({source:`${a}-bottom`,target:`${a}-top`});function cu(a){return a.data?.type??a.type??"unknown"}let cv=(0,U.h)("components/flow/FlowBuilder/index.tsx"),cw=(0,z.Ay)(h.default)(({theme:a})=>({display:"flex",height:"calc(100vh - 64px)",gap:"16px",padding:"16px",backgroundColor:a.palette.background.default})),cx=(0,z.Ay)(A.A)(({theme:a})=>({padding:a.spacing(1),display:"flex",gap:a.spacing(1),borderBottom:"1px solid",borderColor:a.palette.divider,alignItems:"center",marginBottom:a.spacing(1),backgroundColor:a.palette.background.paper,boxShadow:a.shadows[1]})),cy=(0,z.Ay)(h.default)({flex:1,display:"flex",flexDirection:"column",position:"relative",overflow:"hidden"}),cz=f().forwardRef(({initialFlow:a,onSave:b,onDelete:c,allFlows:g},i)=>{cv.debug("FlowBuilder rendered with initialFlow:",a);let[k,v]=(0,e.useState)(a?.nodes||[]),[w,x]=(0,e.useState)((a?.edges||[]).filter(a=>a.source&&a.target&&a.sourceHandle&&a.targetHandle)),[y,z]=(0,e.useState)(a?.name||"NewFlow"),[A,B]=(0,e.useState)(null),[C,D]=(0,e.useState)(a?.description||""),[E,F]=(0,e.useState)(!1),[G,H]=(0,e.useState)("none"),[I,J]=(0,e.useState)(""),[K,L]=(0,e.useState)(null),[M,N]=(0,e.useState)(!1),[O,P]=(0,e.useState)(!1),[U,Z]=(0,e.useState)(!1),[$,_]=(0,e.useState)(!1),[ab,ac]=(0,e.useState)(!1),[ae,af]=(0,e.useState)(null),[ah,ai]=(0,e.useState)(!1),[aj,ak]=(0,e.useState)(null),[al,am]=(0,e.useState)(null),[an,ao]=(0,e.useState)(""),[ap,aq]=(0,e.useState)([]),[ar,as]=(0,e.useState)(-1),[at,au]=(0,e.useState)(!1),[av,aw]=(0,e.useState)(!1),ax=(0,e.useRef)(null),ay=(0,e.useRef)(!1),az=(0,e.useRef)(!0),aA=(0,e.useCallback)(a=>a.filter(a=>a.source&&a.target&&a.sourceHandle&&a.targetHandle),[]);(0,e.useEffect)(()=>{if(az.current=!0,a){v(a.nodes||[]);let b=aA(a.edges||[]);b.length!==a.edges.length&&console.warn(`Filtered out ${a.edges.length-b.length} invalid edges`),x(b),z(a.name),D(a.description||""),aq([{nodes:a.nodes||[],edges:b}]),as(0)}else{let a=X.g.createStartNode();v([a]),x([]),z("NewFlow"),D(""),aq([{nodes:[a],edges:[]}]),as(0)}},[a]);let aB=a=>JSON.stringify(a,(a,b)=>"selected"===a||"dragging"===a||"measured"===a||"width"===a||"height"===a||"positionAbsolute"===a||"resizing"===a?void 0:b);(0,e.useEffect)(()=>{if(at)return void au(!1);if(az.current){az.current=!1;return}if(ay.current)return;let a={nodes:[...k],edges:[...w]},b=ap.slice(0,ar+1);(ar<0||aB(a)!==aB(b[ar]))&&(aq([...b,a]),as(ar+1),aw(!0))},[k,w]),(0,e.useEffect)(()=>{let a=a=>{if(av)return a.preventDefault(),a.returnValue="",""};return window.addEventListener("beforeunload",a),()=>{window.removeEventListener("beforeunload",a)}},[av]);let aC=b=>b.trim()?/^[\w-]+$/.test(b)?(!a||a&&a.name!==b)&&g.some(c=>c.id!==(a?.id||"")&&c.name.toLowerCase()===b.toLowerCase())?"A flow with this name already exists":null:"Flow name can only contain letters, numbers, underscores, and dashes":"Flow name cannot be empty",aD=(0,e.useCallback)(()=>{cv.debug(`handleSave: Attempting to save flow "${y}"`);let c=aC(y);if(c)return cv.warn(`handleSave: Invalid flow name - ${c}`),B(c),"invalid-name";let d=[...k];if(0===d.length&&(cv.debug("handleSave: No nodes found, adding a default Start node"),v(d=[X.g.createStartNode()])),a&&a.name!==y)return cv.debug(`handleSave: Flow name changed from "${a.name}" to "${y}", opening rename dialog`),H("rename"),J(y),F(!0),"rename-dialog";let e={id:a?.id||(0,W.A)(),name:y,description:C,nodes:d,edges:w};return cv.info(`handleSave: Saving flow "${y}" with ${d.length} nodes and ${w.length} edges`),b(e),aw(!1),"saved"},[y,C,k,w,a,b,g]);f().useImperativeHandle(i,()=>({requestNavigation:a=>{av?(ax.current=a,H("unsaved"),F(!0)):a()}}),[av]);let aE=(0,e.useCallback)(()=>{a?(cv.info(`handleDelete: Deleting flow "${a.name}" (ID: ${a.id})`),c(a.id)):cv.warn("handleDelete: Attempted to delete flow but no initialFlow is available")},[a,c]),aF=(0,e.useCallback)(a=>{cv.info("Applying AI-improved flow to the canvas",{flowId:a.flow.id,attempts:a.attempts,errors:a.errorCount,warnings:a.warningCount}),ai(!1),v(a.flow.nodes||[]),x(aA(a.flow.edges||[])),z(a.flow.name),D(a.flow.description||""),B(aC(a.flow.name)),aw(!0);let b=a.installedServers.filter(a=>!a.alreadyExisted),c=b.length>0?` Installed MCP server(s): ${b.map(a=>a.name).join(", ")}.`:"";a.errorCount>0?ak({severity:"warning",message:`Flow revised with ${a.errorCount} error(s) and ${a.warningCount} warning(s) — use the Check button, fix, then Save.${c}`}):a.warningCount>0?ak({severity:"info",message:`Flow revised with ${a.warningCount} warning(s) — review the changes, then Save to keep them.${c}`}):ak({severity:"success",message:`Flow revised — review the changes (Undo reverts them), then Save to keep them.${c}`})},[aA]),aG=(0,e.useCallback)(()=>{am(null);let{flow:b,changes:c}=function(a){var b,c;let d=(a?.nodes??[]).map(a=>({...a,position:{...a.position??{x:0,y:0}},data:{...a.data}})),e=[...a?.edges??[]],f={...a,nodes:d,edges:e},g=[],h=function(a,b){let c=a.filter(a=>"mcp"!==a.type&&"string"==typeof a.id),d=new Map(c.map(a=>[a.id,a])),e=new Map,f=new Map,g=new Set;for(let a of c)e.set(a.id,0),f.set(a.id,0);let h=(a,b)=>{g.add(`${a}->${b}`),f.set(a,(f.get(a)??0)+1),e.set(b,(e.get(b)??0)+1)};for(let a of b)d.has(a.from)&&d.has(a.to)&&a.from!==a.to&&(h(a.from,a.to),a.bidirectional&&h(a.to,a.from));let i=[];for(let a of[...c].sort((a,b)=>a.y-b.y||a.x-b.x)){let b=i[i.length-1];b&&70>=Math.abs(a.y-b[0].y)?b.push(a):i.push([a])}let j=new Map;i.forEach((a,b)=>a.forEach(a=>j.set(a.id,b)));let k=new Map;for(let a=1;a<i.length;a++){let b=i[a],c=b.filter(a=>"subflow"===a.type);if(c.length>=2&&c.length===b.length){let b=i[a-1];if(1===b.length&&"process"===b[0].type)for(let a of c)k.set(a.id,b[0].id)}}let l=[],m=(a,b)=>{if(a===b||g.has(`${a}->${b}`))return!1;let c=d.get(a),e=d.get(b);return!(!c||!e||null!==aa(c.type,ct(c.type).source,e.type,ct(e.type).target)||"subflow"===c.type&&(f.get(a)??0)>=1)},n=(a,b,c,d)=>{l.push({from:a,to:b,bidirectional:c,reason:d}),h(a,b),c&&h(b,a)},o=a=>{let b=j.get(a.id)??0;for(let c=b-1;c>=0;c--){let b=i[c].filter(b=>b.id!==a.id&&"finish"!==b.type&&!k.has(b.id));if(0!==b.length){if(1===b.length)return b[0];return b.reduce((b,c)=>Math.abs(c.x-a.x)<Math.abs(b.x-a.x)?c:b)}}return null};for(let a of i)for(let b of a){if("start"===b.type||(e.get(b.id)??0)>0)continue;let a=k.get(b.id);if(a){m(a,b.id)&&n(a,b.id,!0,"auto-bidirectional-subflow");continue}let c=o(b);c&&m(c.id,b.id)&&n(c.id,b.id,!1,"auto-connected")}let p=c.filter(a=>"start"===a.type),q=()=>c.filter(a=>"start"!==a.type&&"finish"!==a.type&&!k.has(a.id)&&(e.get(a.id)??0)===0),r=null;if(0===p.length){let a=q();if(a.length>0)r={targets:a.map(a=>a.id)};else{let a=c.filter(a=>"finish"!==a.type).sort((a,b)=>a.y-b.y)[0];a&&(r={targets:[a.id]})}}else{let a=p[0];for(let b of q())m(a.id,b.id)&&n(a.id,b.id,!1,"auto-connected")}let s=c.filter(a=>"finish"===a.type),t=()=>c.filter(a=>"start"!==a.type&&"finish"!==a.type&&!k.has(a.id)&&(f.get(a.id)??0)===0),u=null;if(0===s.length){let a=t();a.length>0&&(u={sources:a.map(a=>a.id)})}else{let a=s[0];for(let b of t())m(b.id,a.id)&&n(b.id,a.id,!1,"auto-connected")}return{addEdges:l,addStart:r,addFinish:u}}(d.filter(a=>"mcp"!==cu(a)).map(a=>({id:a.id,type:cu(a),x:a.position?.x??0,y:a.position?.y??0})),e.filter(a=>a.data?.edgeType!=="mcp").map(a=>({from:a.source,to:a.target,bidirectional:a.data?.bidirectional===!0}))),i=new Map(d.map(a=>[a.id,a])),j=(a,b,c)=>{let d=i.get(a),f=i.get(b);d&&f&&e.push((0,cs.pX)(d,f,c))};for(let a of h.addEdges)j(a.from,a.to,a.bidirectional),g.push({code:a.reason,message:function(a){switch(a){case"auto-connected":return"Connected a disconnected step into the flow.";case"auto-bidirectional-subflow":return"Wired a parallel subflow with a two-way handoff to its orchestrator.";case"auto-added-start":return"Added a Start node.";case"auto-added-finish":return"Added a Finish node."}}(a.reason),nodeId:a.to});if(h.addStart){let a=h.addStart.targets.map(a=>i.get(a)).filter(Boolean).reduce((a,b)=>!a||b.position.y<a.position.y?b:a,null),c=(b={x:a?.position.x??250,y:(a?.position.y??150)-150},{id:(0,W.A)(),type:"start",position:b,data:{label:"Start Node",type:"start",properties:{promptTemplate:""}}});for(let a of(d.unshift(c),i.set(c.id,c),h.addStart.targets))j(c.id,a,!1);g.push({code:"auto-added-start",message:`Added a Start node connected to ${h.addStart.targets.length} entry step(s).`,nodeId:c.id})}if(h.addFinish){let a=h.addFinish.sources.map(a=>i.get(a)).filter(Boolean).reduce((a,b)=>!a||b.position.y>a.position.y?b:a,null),b=(c={x:a?.position.x??250,y:(a?.position.y??0)+150},{id:(0,W.A)(),type:"finish",position:c,data:{label:"Finish Node",type:"finish",properties:{}}});for(let a of(d.push(b),i.set(b.id,b),h.addFinish.sources))j(a,b.id,!1);g.push({code:"auto-added-finish",message:`Added a Finish node connected from ${h.addFinish.sources.length} final step(s).`,nodeId:b.id})}return{flow:f,changes:g}}({id:a?.id||"",name:y,description:C,nodes:k,edges:w});if(0===c.length)return void ak({severity:"info",message:"Nothing to repair — the flow is already wired up."});cv.info(`Applying static auto-repair to the canvas (${c.length} change(s))`),v(b.nodes||[]),x(aA(b.edges||[])),aw(!0);let d=c.filter(a=>"auto-added-start"===a.code||"auto-added-finish"===a.code).length,e=c.length-d,f=[];c.some(a=>"auto-added-start"===a.code)&&f.push("added a Start node"),c.some(a=>"auto-added-finish"===a.code)&&f.push("added a Finish node"),e>0&&f.push(`connected ${e} step(s)`),ak({severity:"success",message:`Repaired the flow — ${f.join(", ")}. Review the changes (Undo reverts them), then Save to keep them.`})},[a,y,C,k,w,aA]),aH=(0,e.useCallback)(()=>{am(null),ao("Repair this flow's wiring so it is runnable, without changing any node's prompt, model, or servers: add a Start node if one is missing (connected to the first step), add a Finish node if one is missing (connected from the last step), and connect any disconnected process/subflow nodes. Read node placement as intent: nodes stacked top-to-bottom are sequential steps, and nodes on the same horizontal line are parallel branches under a shared parent above them."),ai(!0)},[]),aJ=(0,e.useCallback)((a,c)=>{cv.debug(`handleCopyFlow: Copying flow "${a.name}" to "${c}"`);let d={id:(0,W.A)(),name:c,description:a.description,nodes:a.nodes,edges:a.edges};cv.info(`handleCopyFlow: Created copy of flow "${a.name}" with new name "${c}" (${a.nodes.length} nodes, ${a.edges.length} edges)`),b(d)},[b]),aK=()=>{let a=ax.current;ax.current=null,a&&a()},aM=()=>{ax.current=null,F(!1),H("none"),J(""),L(null)},aN=()=>{let c=aC(I);if(c)return void L(c);"duplicate"===G?a&&aJ(a,I):"rename"===G&&(b({id:a?.id||(0,W.A)(),name:I,description:C,nodes:k,edges:w}),aw(!1),aK()),aM()},aO=ar>0,aP=ar<ap.length-1,aQ=(0,e.useCallback)(()=>{if(aO){cv.debug(`handleUndo: Performing undo operation, moving from history index ${ar} to ${ar-1}`),au(!0);let a=ar-1,b=ap[a];v(b.nodes),x(b.edges),as(a),cv.info(`handleUndo: Restored flow state to previous version (${b.nodes.length} nodes, ${b.edges.length} edges)`)}},[ap,ar,aO]),aR=(0,e.useCallback)(()=>{if(aP){cv.debug(`handleRedo: Performing redo operation, moving from history index ${ar} to ${ar+1}`),au(!0);let a=ar+1,b=ap[a];v(b.nodes),x(b.edges),as(a),cv.info(`handleRedo: Restored flow state to next version (${b.nodes.length} nodes, ${b.edges.length} edges)`)}},[ap,ar,aP]),aS=(0,e.useCallback)(a=>{for(let b of a)"position"===b.type&&(ay.current=!0===b.dragging);v(b=>(0,V._0)(a,b))},[]),aU=(0,e.useCallback)(a=>{cv.debug(`onEdgesChange: Processing ${a.length} edge changes`),a.forEach(a=>{"remove"===a.type?cv.info(`onEdgesChange: Edge ${a.id} removed`):"select"===a.type&&cv.debug(`onEdgesChange: Edge ${a.id} selection changed to ${a.selected}`)}),x(b=>(0,V.zW)(a,b))},[]),aV=(0,e.useRef)(null),[aW,aX]=(0,e.useState)(null),aY=(0,e.useCallback)(()=>{cv.debug("handleAutoAlign: auto-arranging flow nodes"),v(a=>(function(a,b,c={}){let{direction:d="TB",rankSep:e=120,nodeSep:f=80,mcpOffsetX:g=350,mcpStackY:h=120}=c,i=a.filter(a=>"mcp"===a.type),j=a.filter(a=>"mcp"!==a.type);if(j.length<=1)return a;let k=new Set(j.map(a=>a.id)),l=new Map;for(let a of(j.forEach(a=>l.set(a.id,new Set)),b))!ag(a)&&a.source!==a.target&&k.has(a.source)&&k.has(a.target)&&l.get(a.source).add(a.target);let m=new Map;j.forEach(a=>m.set(a.id,0));let n=j.length;for(let a=0;a<n;a++){let a=!1;for(let[b,c]of l){let d=m.get(b)+1;for(let b of c)m.get(b)<d&&(m.set(b,d),a=!0)}if(!a)break}let o=new Map;for(let a of j){let b=m.get(a.id),c=o.get(b);c?c.push(a):o.set(b,[a])}let p=[...o.keys()].sort((a,b)=>a-b),q=new Map,r=0;for(let a of p){let b=o.get(a),c=0,g=0;for(let a of b){let{width:b,height:e}=function(a){let b=a.measured;return{width:b?.width??a.width??240,height:b?.height??a.height??80}}(a);"TB"===d?(q.set(a.id,{x:c,y:r}),c+=b+f,g=Math.max(g,e)):(q.set(a.id,{x:r,y:c}),c+=e+f,g=Math.max(g,b))}r+=g+e}let s=new Set(i.map(a=>a.id)),t=new Map;for(let a of b){let b,c;if(!ag(a))continue;let d=s.has(a.source),e=s.has(a.target);d&&!e?(b=a.source,c=a.target):e&&!d&&(b=a.target,c=a.source),b&&c&&q.has(c)&&!t.has(b)&&t.set(b,c)}let u=new Map;for(let a of i){let b=t.get(a.id);if(!b)continue;let c=q.get(b),d=u.get(b)??0;u.set(b,d+1),q.set(a.id,{x:c.x+g,y:c.y+d*h})}return a.map(a=>{let b=q.get(a.id);return b?{...a,position:b}:a})})(a,w)),requestAnimationFrame(()=>aW?.fitView({padding:.2}))},[w,aW]),aZ=(0,e.useCallback)((a,b)=>{cv.debug(`handleNodeUpdate: Updating node ${a} properties`),v(c=>c.map(c=>c.id===a?(cv.info(`handleNodeUpdate: Node ${a} properties updated`),{...c,data:b}):c)),N(!1),P(!1),Z(!1),_(!1),ac(!1),af(null),cv.debug("handleNodeUpdate: Closed property modals")},[]),a$=(0,e.useCallback)(async(a,b)=>{let c=k.find(b=>b.id===a);if(!c)return void cv.warn(`handleConnectMcpServer: process node ${a} not found`);let d=[];try{let a=await Y.S.listServerTools(b);!a.error&&Array.isArray(a.tools)&&(d=a.tools.map(a=>a.name))}catch(a){cv.warn(`handleConnectMcpServer: could not load tools for ${b}`,a)}let e=w.filter(b=>b.data?.edgeType==="mcp"&&(b.source===a||b.target===a)).length,f=X.g.createNode("mcp",{x:c.position.x+350,y:c.position.y+120*e});f.data.label=b,f.data.properties={...f.data.properties??{},boundServer:b,enabledTools:d};let g=ad({source:a,sourceHandle:"process-right-mcp",target:f.id,targetHandle:"mcp-left"},[...k,f]);v(a=>[...a,f]),x(a=>[...a,g]),cv.info(`Connected MCP server "${b}" to process node ${a}`)},[k,w]),a_=(0,e.useCallback)(a=>{cv.debug("Opening properties for node:",a),af(a),"mcp"===a.data.type?P(!0):"start"===a.data.type?Z(!0):"finish"===a.data.type?_(!0):"subflow"===a.data.type?ac(!0):N(!0)},[]),a0=(0,e.useCallback)(a=>{cv.debug("onDrop: Node dropped on canvas"),a.preventDefault();let b=a.dataTransfer.getData("application/reactflow");if(cv.debug(`onDrop: Node type from data transfer: ${b}`),!b||!aW)return void cv.debug(`onDrop: Missing required data - type: ${!!b}, reactFlowInstance: ${!!aW}`);let c=aW.screenToFlowPosition({x:a.clientX,y:a.clientY});cv.debug(`onDrop: Calculated position: (${c.x}, ${c.y})`);let d=X.g.createNode(b,c);cv.info(`onDrop: Created new ${b} node with ID: ${d.id}`),v(a=>[...a.map(a=>({...a,selected:!1})),{...d,selected:!0}]),a_(d),cv.debug(`onDrop: Opened properties modal for new node: ${d.id}`)},[aW,a_]),a1=(0,e.useCallback)(a=>{a.preventDefault(),a.dataTransfer.dropEffect="move"},[]),a2=(0,e.useCallback)(a=>{cv.debug("onInit: ReactFlow instance initialized"),aX(a)},[]);return(0,d.jsxs)(cw,{children:[(0,d.jsx)(aT,{}),(0,d.jsx)(V.Ln,{children:(0,d.jsxs)(cy,{children:[(0,d.jsxs)(cx,{elevation:1,children:[(0,d.jsx)(t.A,{size:"small",label:"Flow Name",value:y,onChange:a=>{let b=a.target.value;z(b),B(aC(b))},sx:{minWidth:300},error:!!A,helperText:A}),(0,d.jsx)(t.A,{size:"small",label:"Description",value:C,onChange:a=>{D(a.target.value),aw(!0)},multiline:!0,maxRows:3,sx:{minWidth:300,flex:1},placeholder:"Optional — shown on the flow card"}),(0,d.jsx)(j.A,{variant:"contained",color:"primary",onClick:aD,startIcon:(0,d.jsx)(ck,{}),disabled:!!A,children:"Save Flow"}),(0,d.jsx)(bb,{nodes:k,edges:w}),(0,d.jsx)(m.A,{title:"Auto-arrange nodes into a clean layout",children:(0,d.jsx)("span",{children:(0,d.jsx)(j.A,{variant:"outlined",color:"primary",onClick:aY,startIcon:(0,d.jsx)(aL.A,{}),disabled:k.length<=1,children:"Auto-Align"})})}),(0,d.jsx)(m.A,{title:"Add a missing Start/Finish and connect disconnected nodes",children:(0,d.jsxs)(Q,{variant:"outlined",color:"primary",disabled:0===k.length,children:[(0,d.jsx)(j.A,{onClick:aG,startIcon:(0,d.jsx)(co,{}),children:"Repair"}),(0,d.jsx)(j.A,{size:"small",onClick:a=>am(a.currentTarget),"aria-label":"Repair options",children:(0,d.jsx)(cp.A,{})})]})}),(0,d.jsxs)(R.A,{anchorEl:al,open:!!al,onClose:()=>am(null),children:[(0,d.jsx)(S.A,{onClick:aG,children:"Repair automatically (no model)"}),(0,d.jsx)(S.A,{onClick:aH,children:"Repair with AI…"})]}),a&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{variant:"outlined",color:"secondary",onClick:()=>{ao(""),ai(!0)},startIcon:(0,d.jsx)(cn,{}),"data-tour":"improve-flow",children:"AI-Improve"}),(0,d.jsx)(j.A,{variant:"outlined",color:"primary",onClick:()=>{H("duplicate"),J(`${a.name}_copy`),F(!0)},children:"Copy Flow"}),(0,d.jsx)(j.A,{variant:"outlined",color:"error",onClick:aE,children:"Delete Flow"})]}),(0,d.jsx)(T.A,{orientation:"vertical",flexItem:!0}),(0,d.jsx)(l.A,{onClick:aQ,disabled:!aO,color:"primary",size:"small",children:(0,d.jsx)(cl,{})}),(0,d.jsx)(l.A,{onClick:aR,disabled:!aP,color:"primary",size:"small",children:(0,d.jsx)(cm,{})}),(0,d.jsx)(h.default,{sx:{flex:1}})]}),(0,d.jsx)(n.A,{in:!!aj,unmountOnExit:!0,children:aj&&(0,d.jsx)(o.A,{severity:aj.severity,onClose:()=>ak(null),sx:{mb:1},children:aj.message})}),(0,d.jsx)(h.default,{sx:{flex:1,position:"relative"},children:(0,d.jsx)(aI,{ref:aV,nodes:k,edges:w,onNodesChange:aS,onEdgesChange:aU,onDrop:a0,onDragOver:a1,onInit:a2,reactFlowWrapper:aV,onEditNode:a_})})]})}),(0,d.jsx)(b7,{open:M,node:ae,onClose:()=>N(!1),onSave:aZ,flowEdges:w,flowNodes:k,flowId:a?.id,onConnectMcpServer:a=>{ae&&a$(ae.id,a)}}),(0,d.jsx)(cc,{open:O,node:ae,onClose:()=>P(!1),onSave:aZ}),(0,d.jsx)(cd,{open:U,node:ae,onClose:()=>Z(!1),onSave:aZ}),(0,d.jsx)(ce,{open:$,node:ae,onClose:()=>_(!1),onSave:aZ}),(0,d.jsx)(cj,{open:ab,node:ae,onClose:()=>ac(!1),onSave:aZ,flowId:a?.id}),(0,d.jsx)(cr,{open:ah,onClose:()=>ai(!1),currentFlow:{id:a?.id||"",name:y,description:C,nodes:k,edges:w},onImproved:aF,initialDescription:an}),(0,d.jsxs)(p.A,{open:E,onClose:aM,children:[(0,d.jsx)(q.A,{children:"duplicate"===G?"Copy Flow":"rename"===G?"Rename Flow":"Unsaved Changes"}),(0,d.jsx)(r.A,{children:"unsaved"===G?(0,d.jsx)(s.A,{children:"You have unsaved changes in the current flow. What would you like to do?"}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.A,{children:"duplicate"===G?"Enter a name for the copied flow:":"You are changing the name of this flow. Do you want to rename it or create a copy with the new name?"}),(0,d.jsx)(t.A,{autoFocus:!0,margin:"dense",label:"Flow Name",type:"text",fullWidth:!0,value:I,onChange:a=>{let b=a.target.value;J(b),L(aC(b))},error:!!K,helperText:K,sx:{mt:2}})]})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:aM,children:"Cancel"}),"unsaved"===G&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{onClick:()=>{aw(!1),aK(),aM()},color:"error",children:"Discard Changes"}),(0,d.jsx)(j.A,{onClick:()=>{let a=aD();"saved"===a?(aK(),aM()):"invalid-name"===a&&aM()},variant:"contained",color:"primary",children:"Save Changes"})]}),"rename"===G&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{onClick:()=>{let b=aC(I);if(b)return void L(b);a&&aJ(a,I),aM()},children:"Copy"}),(0,d.jsx)(j.A,{onClick:aN,variant:"contained",color:"primary",disabled:!!K,children:"Rename"})]}),"duplicate"===G&&(0,d.jsx)(j.A,{onClick:aN,variant:"contained",color:"primary",disabled:!!K,children:"Copy"})]})]})]})});cz.displayName="FlowBuilder";let cA=(0,U.h)("frontend/components/Flow/FlowManager/GenerateFlowDialog"),cB=({open:a,onClose:b,onGenerated:c})=>{let[f,g]=(0,e.useState)(""),[i,k]=(0,e.useState)([]),[l,m]=(0,e.useState)(""),[n,v]=(0,e.useState)(!1),[w,x]=(0,e.useState)(!1),[z,A]=(0,e.useState)(2),[B,C]=(0,e.useState)(!1),[D,E]=(0,e.useState)(null);(0,e.useEffect)(()=>{if(!a)return;let b=!1;return a9.N.loadModels().then(a=>{b||(k(a),m(b=>a.some(a=>a.id===b)?b:a[0]?.id??""))}).catch(a=>{cA.warn("Failed to load models for the generate dialog",a),b||E("Could not load your models. Configure a model first.")}),()=>{b=!0}},[a]);let F=(0,e.useCallback)(()=>{B||(E(null),b())},[B,b]),G=(0,e.useCallback)(async()=>{E(null),C(!0);try{let a=await X.g.generateFlow(f.trim(),l,{allowInstall:n,allowSubflows:w,...w?{maxDepth:z}:{}});if(!a.success)return void E(a.error);cA.info("Draft flow generated",{flowId:a.flow.id,flowCount:a.flows.length,attempts:a.attempts,errors:a.validation.errorCount,warnings:a.validation.warningCount,installedServers:a.installedServers.length}),g(""),c({flow:a.flow,flows:a.flows.map(a=>a.flow),rootFlowId:a.rootFlowId,errorCount:a.validation.errorCount,warningCount:a.validation.warningCount,attempts:a.attempts,installedServers:a.installedServers})}finally{C(!1)}},[f,l,n,w,z,c]),H=!B&&f.trim().length>0&&!!l;return(0,d.jsxs)(p.A,{open:a,onClose:F,maxWidth:"sm",fullWidth:!0,children:[(0,d.jsx)(q.A,{children:"Generate a flow"}),(0,d.jsxs)(r.A,{children:[(0,d.jsx)(s.A,{sx:{mb:2},children:"Describe what the flow should do — which steps, which tools, what the result is. The generated flow opens in the builder as a draft for you to review before saving."}),D&&(0,d.jsx)(o.A,{severity:"error",sx:{mb:2},onClose:()=>E(null),children:D}),(0,d.jsx)(t.A,{autoFocus:!0,fullWidth:!0,multiline:!0,minRows:4,label:"What should this flow do?",placeholder:"e.g. Research a topic on the web, then summarize the findings as bullet points",value:f,onChange:a=>g(a.target.value),disabled:B,sx:{mb:2}}),(0,d.jsxs)(b2.A,{fullWidth:!0,disabled:B||0===i.length,children:[(0,d.jsx)(b3.A,{id:"generate-flow-model-label",children:"Generator model"}),(0,d.jsx)(b4.A,{labelId:"generate-flow-model-label",label:"Generator model",value:l,onChange:a=>m(a.target.value),children:i.map(a=>(0,d.jsx)(S.A,{value:a.id,children:a.displayName?.trim()||a.name},a.id))})]}),(0,d.jsx)(bT.A,{sx:{mt:2},control:(0,d.jsx)(cf.A,{checked:n,onChange:a=>v(a.target.checked),disabled:B}),label:"Let the generator install MCP servers it needs (self-improve)"}),(0,d.jsx)(bT.A,{sx:{mt:1,display:"flex"},control:(0,d.jsx)(cf.A,{checked:w,onChange:a=>x(a.target.checked),disabled:B}),label:"Allow multi-level flows (auto-generate nested subflows)"}),w&&(0,d.jsxs)(h.default,{sx:{mt:1,ml:4,display:"flex",flexDirection:"column",gap:1},children:[(0,d.jsxs)(b2.A,{sx:{maxWidth:220},size:"small",disabled:B,children:[(0,d.jsx)(b3.A,{id:"generate-flow-depth-label",children:"Max nesting depth"}),(0,d.jsxs)(b4.A,{labelId:"generate-flow-depth-label",label:"Max nesting depth",value:z,onChange:a=>A(Number(a.target.value)),children:[(0,d.jsx)(S.A,{value:1,children:"1 level"}),(0,d.jsx)(S.A,{value:2,children:"2 levels"}),(0,d.jsx)(S.A,{value:3,children:"3 levels"})]})]}),(0,d.jsx)(o.A,{severity:"info",children:"The generator can design subflows that are themselves generated (up to a few flows total). This is slower and uses more tokens. You review the whole bundle before anything is saved."})]}),n&&(0,d.jsxs)(o.A,{severity:"warning",sx:{mt:1},children:["The generator may ",(0,d.jsx)("strong",{children:"download, install, and run third-party MCP servers"})," from the public registry on this machine. It prefers servers that need no API keys, but anything it installs executes real code with your user's permissions. The ",(0,d.jsx)("strong",{children:"exact command and arguments"})," of every install are recorded (audited) before it runs, and each installed server is listed in the post-generation summary so you can review — and remove (on the MCP page) — exactly what was added."]}),B&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1.5,mt:2},children:[(0,d.jsx)(aV.default,{size:20}),(0,d.jsx)(s.A,{children:n?"Generating… the model may search the marketplace and install servers (this can take a few minutes).":"Generating… the model designs the flow and FLUJO checks it (this can take up to a minute)."})]})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:F,disabled:B,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:G,variant:"contained",color:"primary",startIcon:(0,d.jsx)(y,{}),disabled:!H,children:"Generate"})]})]})},cC=null;var cD=c(75249),cE=c(44548),cF=c(33427);let cG={...e}.useSyncExternalStore;function cH(a={}){let{themeId:b}=a;return function(a,c={}){let d=(0,cF.A)();d&&b&&(d=d[b]||d);let{defaultMatches:f=!1,matchMedia:g=null,ssrMatchMedia:h=null,noSsr:i=!1}=(0,cE.A)({name:"MuiUseMediaQuery",props:c,theme:d}),j="function"==typeof a?a(d):a;return(j=j.replace(/^@media( ?)/m,"")).includes("print")&&console.warn("MUI: You have provided a `print` query to the `useMediaQuery` hook.\nUsing the print media query to modify print styles can lead to unexpected results.\nConsider using the `displayPrint` field in the `sx` prop instead.\nMore information about `displayPrint` on our docs: https://mui.com/system/display/#display-in-print."),(void 0!==cG?function(a,b,c,d,f){let g=e.useCallback(()=>b,[b]),h=e.useMemo(()=>{if(f&&c)return()=>c(a).matches;if(null!==d){let{matches:b}=d(a);return()=>b}return g},[g,a,d,f,c]),[i,j]=e.useMemo(()=>{if(null===c)return[g,()=>()=>{}];let b=c(a);return[()=>b.matches,a=>(b.addEventListener("change",a),()=>{b.removeEventListener("change",a)})]},[g,c,a]);return cG(j,i,h)}:function(a,b,c,d,f){let[g,h]=e.useState(()=>f&&c?c(a).matches:d?d(a).matches:b);return(0,cD.A)(()=>{if(!c)return;let b=c(a),d=()=>{h(b.matches)};return d(),b.addEventListener("change",d),()=>{b.removeEventListener("change",d)}},[a,c]),g})(j,f,g,h,i)}}cH();let cI=cH({themeId:c(35864).A});var cJ=c(63757);let cK=(0,v.A)((0,d.jsx)("path",{d:"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"}),"FilterList"),cL=(0,v.A)((0,d.jsx)("path",{d:"M3 14h4v-4H3zm0 5h4v-4H3zM3 9h4V5H3zm5 5h13v-4H8zm0 5h13v-4H8zM8 5v4h13V5z"}),"ViewList"),cM=(0,v.A)((0,d.jsx)("path",{d:"M14.67 5v6.5H9.33V5zm1 6.5H21V5h-5.33zm-1 7.5v-6.5H9.33V19zm1-6.5V19H21v-6.5zm-7.34 0H3V19h5.33zm0-1V5H3v6.5z"}),"ViewModule");var cN=c(11402);let cO=(0,v.A)((0,d.jsx)("path",{d:"M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79s7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58s9.14-3.47 12.65 0L21 3zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8z"}),"Update");var cP=c(9863),cQ=c(81310),cR=c(18467),cS=c(59737),cT=c(7329),cU=c(66675),cV=c(2560);let cW=(0,U.h)("components/Flow/FlowDashboard/FlowDashboard");function cX(a,b){return a+Math.round(255*b).toString(16).padStart(2,"0")}let cY=({flows:a,selectedFlow:b,onSelectFlow:c,onDeleteFlow:f,onCopyFlow:k,onEditFlow:m,onCreateFlow:n,onSetFolder:o,isLoading:p=!1})=>{let[q,r]=(0,e.useState)(""),[s,u]=(0,cV.Xk)("flujo-ui:flows:sort","name-asc"),[v,w]=(0,cV.Xk)("flujo-ui:flows:view","grid"),[y,z]=(0,e.useState)(null),[B,C]=(0,cV.Xk)("flujo-ui:flows:group","none"),[D,E]=(0,e.useState)(null),[F,G]=(0,cV.Xk)("flujo-ui:flows:collapsed",[]),H=(0,e.useMemo)(()=>new Set(F),[F]),[I,J]=(0,e.useState)({});(0,e.useEffect)(()=>{let a=!1;return(async()=>{let b={};try{let a=await fetch("/api/model");if(a.ok){let c=await a.json();Array.isArray(c)&&(b.models=c)}}catch(a){cW.warn("Could not load models for flow badges",a)}try{let a=await fetch("/api/mcp/servers");if(a.ok){let c=await a.json();Array.isArray(c)&&(b.servers=c.map(a=>({name:a.name,status:a.disabled?"disabled":void 0})))}}catch(a){cW.warn("Could not load servers for flow badges",a)}a||J(b)})(),()=>{a=!0}},[]);let K=(0,e.useMemo)(()=>{let b={};for(let c of a)try{b[c.id]=a8(c,I)}catch(a){cW.warn("Failed to validate flow for badge",{flowId:c.id,error:a})}return b},[a,I]),L=(0,g.A)(),M=cI(L.breakpoints.down("sm")),N=cI(L.breakpoints.down("md")),O=()=>{z(null)},P=a=>{u(a),O()},Q=a=>{C(a),E(null)},U=(0,e.useMemo)(()=>{cW.debug("Filtering and sorting flows",{searchTerm:q,sortOption:s});let b=a;if(""!==q.trim()){let c=q.toLowerCase();b=a.filter(a=>a.name.toLowerCase().includes(c))}return(0,cU.KT)(b,s)},[a,q,s]),V=(0,e.useMemo)(()=>(0,cT.yF)(a,a=>a.folder),[a]),W=(0,e.useMemo)(()=>"folder"===B?(0,cT.Je)(U,a=>a.folder):"sort"===B?(0,cT.Az)(U,a=>(0,cU.ts)(a,s)):[],[B,U,s]),X=a=>(0,d.jsx)(bc.Ay,{container:!0,spacing:2,children:a.map(a=>(0,d.jsx)(bc.Ay,{item:!0,xs:12,sm:"compact"===v?12:6,md:"compact"===v?12:3==("compact"===v||M?1:N?2:3)?4:6,children:(0,d.jsx)(ch.A,{flow:a,selected:b===a.id,onSelect:c,onDelete:f,onCopy:k,onEdit:m,onSetFolder:o,folders:V,validation:K[a.id]})},a.id))});return(0,d.jsxs)(h.default,{sx:{height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},children:[(0,d.jsx)(A.A,{elevation:1,sx:{mb:2,p:1},children:(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:{xs:"column",sm:"row"},gap:1,alignItems:{xs:"stretch",sm:"center"},justifyContent:"space-between"},children:[(0,d.jsx)(t.A,{placeholder:"Search flows...",variant:"outlined",size:"small",fullWidth:!0,value:q,onChange:a=>{r(a.target.value)},InputProps:{startAdornment:(0,d.jsx)(bC.A,{position:"start",children:(0,d.jsx)(bH.A,{fontSize:"small"})})},sx:{maxWidth:{sm:300}}}),(0,d.jsxs)(h.default,{sx:{display:"flex",gap:1,alignItems:"center"},children:[(0,d.jsxs)(h.default,{sx:{display:"flex",backgroundColor:L.palette.background.default,borderRadius:1,border:`1px solid ${L.palette.divider}`,overflow:"hidden"},children:[(0,d.jsx)(l.A,{size:"small",onClick:()=>w("grid"),color:"grid"===v?"primary":"default",sx:{borderRadius:0,backgroundColor:"grid"===v?cX(L.palette.primary.main,.1):"transparent"},children:(0,d.jsx)(cM,{fontSize:"small"})}),(0,d.jsx)(l.A,{size:"small",onClick:()=>w("compact"),color:"compact"===v?"primary":"default",sx:{borderRadius:0,backgroundColor:"compact"===v?cX(L.palette.primary.main,.1):"transparent"},children:(0,d.jsx)(cL,{fontSize:"small"})})]}),(0,d.jsx)(l.A,{size:"small",onClick:a=>E(a.currentTarget),color:"none"!==B?"primary":"default",sx:{border:`1px solid ${L.palette.divider}`,backgroundColor:L.palette.background.default},title:"Group cards",children:(0,d.jsx)(cP.A,{fontSize:"small"})}),(0,d.jsx)(l.A,{size:"small",onClick:a=>{z(a.currentTarget)},sx:{border:`1px solid ${L.palette.divider}`,backgroundColor:L.palette.background.default},children:(0,d.jsx)(cJ.A,{fontSize:"small"})})]})]})}),(0,d.jsxs)(h.default,{sx:{display:"flex",justifyContent:"space-between",mb:2,px:1},children:[(0,d.jsxs)(i.default,{variant:"body2",color:"textSecondary",children:[U.length," of ",a.length," flows",q&&` matching "${q}"`]}),(0,d.jsxs)(i.default,{variant:"body2",color:"textSecondary",children:["Sorted by: ","name-asc"===s?"Name (A-Z)":"name-desc"===s?"Name (Z-A)":"newest"===s?"Newest first":"oldest"===s?"Oldest first":"most-nodes"===s?"Most nodes":"Least nodes"]})]}),(0,d.jsx)(h.default,{sx:{flex:1,overflow:"auto",px:1,pb:2},children:p?(0,d.jsx)(bc.Ay,{container:!0,spacing:2,children:Array(6).fill(0).map((a,b)=>(0,d.jsx)(bc.Ay,{item:!0,xs:12,sm:"compact"===v?12:6,md:"compact"===v?12:4,children:(0,d.jsx)(ch.o,{})},`skeleton-${b}`))}):U.length>0?"none"===B?X(U):W.map(a=>(0,d.jsx)(cS.A,{label:a.label,count:a.items.length,expanded:!H.has(a.key),onToggle:()=>(a=>{G(b=>b.includes(a)?b.filter(b=>b!==a):[...b,a])})(a.key),showFolderIcon:"folder"===B,children:X(a.items)},a.key)):(0,d.jsxs)(h.default,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",p:4,backgroundColor:L.palette.background.paper,borderRadius:1,border:`1px dashed ${L.palette.divider}`,height:"100%",minHeight:200},children:[(0,d.jsx)(i.default,{variant:"h6",gutterBottom:!0,color:"textSecondary",children:"No flows found"}),q?(0,d.jsxs)(i.default,{variant:"body2",color:"textSecondary",align:"center",children:["No flows match your search criteria.",(0,d.jsxs)(h.default,{component:"span",display:"block",mt:1,children:["Try a different search term or ",(0,d.jsx)(j.A,{size:"small",onClick:()=>r(""),children:"clear the search"})]})]}):(0,d.jsxs)(i.default,{variant:"body2",color:"textSecondary",align:"center",children:["Get started by creating your first flow.",n&&(0,d.jsx)(h.default,{component:"span",display:"block",mt:2,children:(0,d.jsx)(j.A,{variant:"contained",color:"primary",startIcon:(0,d.jsx)(x.A,{}),onClick:n,children:"Create New Flow"})})]})]})}),(0,d.jsxs)(R.A,{anchorEl:D,open:!!D,onClose:()=>E(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:[(0,d.jsxs)(S.A,{selected:"none"===B,onClick:()=>Q("none"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cQ.A,{fontSize:"small"})}),(0,d.jsx)(ak.A,{primary:"No grouping"})]}),(0,d.jsxs)(S.A,{selected:"folder"===B,onClick:()=>Q("folder"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cR.A,{fontSize:"small"})}),(0,d.jsx)(ak.A,{primary:"By folder"})]}),(0,d.jsxs)(S.A,{selected:"sort"===B,onClick:()=>Q("sort"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cP.A,{fontSize:"small"})}),(0,d.jsx)(ak.A,{primary:"By sort setting"})]})]}),(0,d.jsxs)(R.A,{anchorEl:y,open:!!y,onClose:O,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:[(0,d.jsxs)(S.A,{onClick:()=>P("name-asc"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cN.A,{fontSize:"small"})}),(0,d.jsx)(ak.A,{primary:"Name (A-Z)"})]}),(0,d.jsxs)(S.A,{onClick:()=>P("name-desc"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cN.A,{fontSize:"small",sx:{transform:"scaleX(-1)"}})}),(0,d.jsx)(ak.A,{primary:"Name (Z-A)"})]}),(0,d.jsx)(T.A,{}),(0,d.jsxs)(S.A,{onClick:()=>P("newest"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cO,{fontSize:"small"})}),(0,d.jsx)(ak.A,{primary:"Newest first"})]}),(0,d.jsxs)(S.A,{onClick:()=>P("oldest"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cO,{fontSize:"small",sx:{transform:"scaleX(-1)"}})}),(0,d.jsx)(ak.A,{primary:"Oldest first"})]}),(0,d.jsx)(T.A,{}),(0,d.jsxs)(S.A,{onClick:()=>P("most-nodes"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cK,{fontSize:"small"})}),(0,d.jsx)(ak.A,{primary:"Most nodes"})]}),(0,d.jsxs)(S.A,{onClick:()=>P("least-nodes"),children:[(0,d.jsx)(aj.A,{children:(0,d.jsx)(cK,{fontSize:"small",sx:{transform:"scaleY(-1)"}})}),(0,d.jsx)(ak.A,{primary:"Least nodes"})]})]})]})},cZ=(0,U.h)("app/flows/page"),c$=()=>{cZ.debug("Rendering FlowsPage"),(0,g.A)();let[a,b]=(0,e.useState)([]),[c,f]=(0,e.useState)(null),[v,z]=(0,e.useState)(!0),[A,B]=(0,e.useState)(!1),C=(0,e.useRef)(null),[D,E]=(0,e.useState)(null),[F,G]=(0,e.useState)([]),[H,I]=(0,e.useState)(!1),[J,K]=(0,e.useState)(!1),[L,M]=(0,e.useState)(null),[N,O]=(0,e.useState)(""),[P,Q]=(0,e.useState)(null),[R,S]=(0,e.useState)({open:!1,message:"",severity:"info"});(0,e.useEffect)(()=>{cZ.info("Loading flows"),(async()=>{z(!0);try{let a=await X.g.loadFlows();cZ.debug("Flows loaded successfully",{count:a.length}),b(a),c&&(a.some(a=>a.id===c)||D?.id===c||(cZ.warn("Previously selected flow no longer exists",{flowId:c}),f(null),B(!1),V("The previously selected flow is no longer available","warning")))}catch(a){cZ.error("Error loading flows",a),V("Failed to load flows","error")}finally{z(!1)}})()},[c,D]);let T=(0,e.useCallback)(a=>{cZ.debug("Flow selected",{flowId:a}),f(a),B(!0)},[]),U=(0,e.useRef)(!1);(0,e.useEffect)(()=>{if(U.current||v)return;let b=new URLSearchParams(window.location.search).get("flow");if(!b){U.current=!0;return}a.some(a=>a.id===b)&&(U.current=!0,T(b))},[v,a,T]),(0,e.useEffect)(()=>{if(!(A&&c))return;let a=a=>{C.current?C.current.requestNavigation(a):a()};return cC=a,()=>{cC===a&&(cC=null)}},[A,c]);let V=(0,e.useCallback)((a,b="info")=>{cZ.debug("Showing snackbar",{message:a,severity:b}),S({open:!0,message:a,severity:b})},[]),Y=(0,e.useCallback)(()=>{cZ.debug("Returning to dashboard");let a=()=>{if(B(!1),D&&D.id===c){let a=F.length>0;E(null),G([]),f(null),V(a?"Generated draft (and its subflows) discarded":"Generated draft discarded","info")}};C.current?C.current.requestNavigation(a):a()},[D,F,c,V]),Z=(0,e.useCallback)(()=>{S(a=>({...a,open:!1}))},[]);(0,e.useEffect)(()=>{if(!R.open||"error"===R.severity)return;let a=setTimeout(()=>{S(a=>({...a,open:!1}))},6e3);return()=>clearTimeout(a)},[R.open,R.message,R.severity]);let $=(0,e.useCallback)(b=>(cZ.debug("Validating flow name",{name:b}),b.trim())?/^[\w-]+$/.test(b)?a.some(a=>a.name.toLowerCase()===b.toLowerCase())?(cZ.debug("Flow name validation failed: duplicate name"),"A flow with this name already exists"):(cZ.debug("Flow name validation passed"),null):(cZ.debug("Flow name validation failed: invalid characters"),"Flow name can only contain letters, numbers, underscores, and dashes"):(cZ.debug("Flow name validation failed: empty name"),"Flow name cannot be empty"),[a]),_=async c=>{cZ.info("Saving flow",{flowId:c.id,flowName:c.name});try{if(D?.id===c.id&&F.length>0){for(let b of(cZ.info("Persisting generated subflow descendants before the root",{count:F.length}),F)){let c=a.some(a=>a.id===b.id)?await X.g.updateFlow(b):await X.g.addFlow(b);if(!c.success){cZ.error("Failed to save a generated subflow",{error:c.error,childId:b.id}),V(c.error||"Failed to save a generated subflow","error");return}}b(a=>{let b=new Set(a.map(a=>a.id)),c=F.filter(a=>!b.has(a.id));return c.length?[...a,...c]:a}),G([])}let d=a.some(a=>a.id===c.id)?await X.g.updateFlow(c):await X.g.addFlow(c);if(!d.success){cZ.error("Failed to save flow",{error:d.error}),V(d.error||"Failed to save flow","error");return}cZ.debug("Flow saved successfully"),b(a=>{let b=a.findIndex(a=>a.id===c.id);if(!(b>=0))return cZ.debug("Adding new flow to state"),[...a,c];{cZ.debug("Updating existing flow in state");let d=[...a];return d[b]=c,d}}),D?.id===c.id&&E(null),f(c.id),V("Flow saved successfully","success")}catch(a){cZ.error("Error saving flow",a),V("Failed to save flow","error")}},aa=async a=>{cZ.info("Deleting flow",{flowId:a});try{await X.g.deleteFlow(a),cZ.debug("Flow deleted successfully"),b(b=>b.filter(b=>b.id!==a)),c===a&&(cZ.debug("Clearing selected flow as it was deleted"),f(null),B(!1)),V("Flow deleted","success")}catch(a){cZ.error("Error deleting flow",a),V("Failed to delete flow","error")}},ab=(0,e.useCallback)(async(c,d)=>{cZ.info("Setting flow folder",{flowId:c,folder:d});let e=a.find(a=>a.id===c);if(!e)return void cZ.warn("Flow to move not found",{flowId:c});let f={...e,folder:d&&d.trim()?d.trim():void 0};try{let a=await X.g.updateFlow(f);if(!a.success)return void V(a.error||"Failed to move flow to folder","error");b(a=>a.map(a=>a.id===c?f:a)),V(f.folder?`Moved to "${f.folder}"`:"Removed from folder","success")}catch(a){cZ.error("Error setting flow folder",a),V("Failed to move flow to folder","error")}},[a,V]),ac=b=>{cZ.info("Copying flow",{flowId:b});let c=a.find(a=>a.id===b);c?(cZ.debug("Found flow to copy",{flowName:c.name}),M(c),O(`${c.name}_copy`),K(!0)):(cZ.warn("Flow to copy not found",{flowId:b}),V("Flow not found","error"))},ad=()=>{cZ.debug("Closing copy flow dialog"),K(!1),M(null),O(""),Q(null)},ae=async()=>{if(cZ.info("Confirming flow copy"),!L){cZ.warn("No flow to copy"),V("No flow selected to copy","error");return}let a=$(N);if(a){cZ.debug("Flow name validation failed",{error:a}),Q(a);return}let b=(0,W.A)();cZ.debug("Creating new flow from copy",{newId:b,newName:N});let c={id:b,name:N,description:L.description,nodes:L.nodes,edges:L.edges};await _(c),ad(),cZ.debug("Selecting newly copied flow"),f(c.id),B(!0),V(`Created a copy named "${N}"`,"success")},af=(0,e.useCallback)(a=>{cZ.info("Opening generated draft flow",{flowId:a.flow.id,attempts:a.attempts,errors:a.errorCount,warnings:a.warningCount}),I(!1);let b=(a.flows??[]).filter(b=>b.id!==a.rootFlowId);E(a.flow),G(b),f(a.flow.id),B(!0);let c=a.installedServers?.filter(a=>!a.alreadyExisted)??[],d=c.length>0?` Installed MCP server(s): ${c.map(a=>a.name).join(", ")}.`:"",e=b.length>0?` Includes ${b.length} auto-generated subflow(s) that save with it.`:"";a.errorCount>0?V(`Draft generated with ${a.errorCount} error(s) and ${a.warningCount} warning(s) — use the Check button, fix, then save.${e}${d}`,"warning"):a.warningCount>0?V(`Draft generated with ${a.warningCount} warning(s) — review, then save to keep it.${e}${d}`,"info"):V(`Flow drafted — review it and save to keep it.${e}${d}`,"success")},[V]),ag=async()=>{cZ.info("Creating new flow");let b="NewFlow",c=b,d=1;for(;a.some(a=>a.name===c);)c=`${b}${d}`,d++;let e=X.g.createNewFlow(c);await _(e),B(!0),V("New flow created","success")};return(0,d.jsxs)(h.default,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,d.jsxs)(h.default,{sx:{p:2,display:"flex",justifyContent:"space-between",alignItems:"center",borderBottom:1,borderColor:"divider"},children:[(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center"},children:[A&&c&&(0,d.jsx)(l.A,{color:"primary",onClick:Y,sx:{mr:1},children:(0,d.jsx)(w,{})}),(0,d.jsx)(h.default,{children:(0,d.jsx)(i.default,{variant:"h5",children:A&&c?D?.id===c?`Editing: ${D.name} (unsaved draft)`:`Editing: ${a.find(a=>a.id===c)?.name||"Flow"}`:"Flow Dashboard"})})]}),!A&&(0,d.jsxs)(h.default,{sx:{display:"flex",gap:1},children:[(0,d.jsx)(m.A,{title:"Describe a flow in plain language and let a model draft it",children:(0,d.jsx)(j.A,{variant:"outlined",color:"primary",startIcon:(0,d.jsx)(y,{}),onClick:()=>I(!0),"data-tour":"generate-flow",children:"Generate Flow"})}),(0,d.jsx)(m.A,{title:"Create a new flow with a starter template",children:(0,d.jsx)(j.A,{variant:"contained",color:"primary",startIcon:(0,d.jsx)(x.A,{}),onClick:ag,"data-tour":"new-flow",children:"New Flow"})})]})]}),(0,d.jsx)(n.A,{in:R.open,unmountOnExit:!0,children:(0,d.jsx)(o.A,{severity:R.severity,onClose:Z,sx:{borderRadius:0},children:R.message})}),(0,d.jsx)(h.default,{sx:{flex:1,overflow:"hidden"},children:(()=>{if(A&&c){let b=a.find(a=>a.id===c)??(D?.id===c?D:void 0);return b?(0,d.jsx)(k.A,{in:!0,timeout:300,children:(0,d.jsx)(h.default,{sx:{height:"100%"},children:(0,d.jsx)(cz,{ref:C,initialFlow:b,onSave:_,onDelete:aa,allFlows:a},c)})}):(0,d.jsxs)(h.default,{sx:{p:4,textAlign:"center"},children:[(0,d.jsx)(i.default,{variant:"h6",color:"error",children:"Selected flow not found"}),(0,d.jsx)(j.A,{variant:"contained",onClick:Y,sx:{mt:2},children:"Back to Dashboard"})]})}return(0,d.jsx)(k.A,{in:!0,timeout:300,children:(0,d.jsx)(h.default,{sx:{height:"100%"},children:(0,d.jsx)(cY,{flows:a,selectedFlow:c,onSelectFlow:T,onDeleteFlow:aa,onCopyFlow:ac,onCreateFlow:ag,onSetFolder:ab,isLoading:v})})})})()}),(0,d.jsxs)(p.A,{open:J,onClose:ad,children:[(0,d.jsx)(q.A,{children:"Copy Flow"}),(0,d.jsxs)(r.A,{children:[(0,d.jsx)(s.A,{children:"Enter a name for the copied flow:"}),(0,d.jsx)(t.A,{autoFocus:!0,margin:"dense",label:"Flow Name",type:"text",fullWidth:!0,value:N,onChange:a=>{let b=a.target.value;cZ.debug("Flow name changed",{name:b}),O(b),Q($(b))},error:!!P,helperText:P})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:ad,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:ae,variant:"contained",color:"primary",disabled:!!P,children:"Copy"})]})]}),(0,d.jsx)(cB,{open:H,onClose:()=>I(!1),onGenerated:af})]})}},63033:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-unit-async-storage.external.js")},66675:(a,b,c)=>{"use strict";c.d(b,{KT:()=>f,ts:()=>e});var d=c(7329);function e(a,b){switch(b){case"name-asc":case"name-desc":return(0,d.po)(a.name);case"most-nodes":case"least-nodes":var c;return 0===(c=a.nodes.length)?{key:"nodes:0",label:"0 nodes"}:c<=2?{key:"nodes:1-2",label:"1–2 nodes"}:c<=5?{key:"nodes:3-5",label:"3–5 nodes"}:c<=10?{key:"nodes:6-10",label:"6–10 nodes"}:{key:"nodes:11+",label:"11+ nodes"};default:return{key:"all",label:"All flows"}}}function f(a,b){return[...a].sort((a,c)=>{switch(b){case"name-asc":return a.name.localeCompare(c.name);case"name-desc":return c.name.localeCompare(a.name);case"most-nodes":return c.nodes.length-a.nodes.length;case"least-nodes":return a.nodes.length-c.nodes.length;case"newest":return c.id.localeCompare(a.id);case"oldest":return a.id.localeCompare(c.id);default:return 0}})}},67317:(a,b,c)=>{Promise.resolve().then(c.bind(c,10057))},76052:(a,b,c)=>{"use strict";c.r(b),c.d(b,{GlobalError:()=>E.a,__next_app__:()=>K,handler:()=>M,pages:()=>J,routeModule:()=>L,tree:()=>I});var d=c(49754),e=c(9117),f=c(46595),g=c(32324),h=c(39326),i=c(38928),j=c(20175),k=c(12),l=c(54290),m=c(12696),n=c(52574),o=c(82802),p=c(77533),q=c(45229),r=c(32822),s=c(261),t=c(26453),u=c(52474),v=c(26713),w=c(51356),x=c(62685),y=c(36225),z=c(63446),A=c(2762),B=c(45742),C=c(86439),D=c(81170),E=c.n(D),F=c(62506),G=c(91203),H={};for(let a in F)0>["default","tree","pages","GlobalError","__next_app__","routeModule","handler"].indexOf(a)&&(H[a]=()=>F[a]);c.d(b,H);let I={children:["",{children:["flows",{children:["__PAGE__",{},{page:[()=>Promise.resolve().then(c.bind(c,10057)),"C:\\Users\\MarioAndreschak\\Documents\\GitHub\\FLUJO\\src\\app\\flows\\page.tsx"]}]},{}]},{layout:[()=>Promise.resolve().then(c.bind(c,51472)),"C:\\Users\\MarioAndreschak\\Documents\\GitHub\\FLUJO\\src\\app\\layout.tsx"],"global-error":[()=>Promise.resolve().then(c.t.bind(c,81170,23)),"next/dist/client/components/builtin/global-error.js"],"not-found":[()=>Promise.resolve().then(c.t.bind(c,87028,23)),"next/dist/client/components/builtin/not-found.js"],forbidden:[()=>Promise.resolve().then(c.t.bind(c,90461,23)),"next/dist/client/components/builtin/forbidden.js"],unauthorized:[()=>Promise.resolve().then(c.t.bind(c,32768,23)),"next/dist/client/components/builtin/unauthorized.js"]}]}.children,J=["C:\\Users\\MarioAndreschak\\Documents\\GitHub\\FLUJO\\src\\app\\flows\\page.tsx"],K={require:c,loadChunk:()=>Promise.resolve()},L=new d.AppPageRouteModule({definition:{kind:e.RouteKind.APP_PAGE,page:"/flows/page",pathname:"/flows",bundlePath:"",filename:"",appPaths:[]},userland:{loaderTree:I},distDir:".next",relativeProjectDir:""});async function M(a,b,d){var D;let H="/flows/page";"/index"===H&&(H="/");let N=(0,h.getRequestMeta)(a,"postponed"),O=(0,h.getRequestMeta)(a,"minimalMode"),P=await L.prepare(a,b,{srcPage:H,multiZoneDraftMode:!1});if(!P)return b.statusCode=400,b.end("Bad Request"),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;let{buildId:Q,query:R,params:S,parsedUrl:T,pageIsDynamic:U,buildManifest:V,nextFontManifest:W,reactLoadableManifest:X,serverActionsManifest:Y,clientReferenceManifest:Z,subresourceIntegrityManifest:$,prerenderManifest:_,isDraftMode:aa,resolvedPathname:ab,revalidateOnlyGenerated:ac,routerServerContext:ad,nextConfig:ae,interceptionRoutePatterns:af}=P,ag=T.pathname||"/",ah=(0,s.normalizeAppPath)(H),{isOnDemandRevalidate:ai}=P,aj=L.match(ag,_),ak=!!_.routes[ab],al=!!(aj||ak||_.routes[ah]),am=a.headers["user-agent"]||"",an=(0,v.getBotType)(am),ao=(0,q.isHtmlBotRequest)(a),ap=(0,h.getRequestMeta)(a,"isPrefetchRSCRequest")??"1"===a.headers[u.NEXT_ROUTER_PREFETCH_HEADER],aq=(0,h.getRequestMeta)(a,"isRSCRequest")??(0,n.f)(a.headers[u.RSC_HEADER]),ar=(0,t.getIsPossibleServerAction)(a),as=(0,m.checkIsAppPPREnabled)(ae.experimental.ppr)&&(null==(D=_.routes[ah]??_.dynamicRoutes[ah])?void 0:D.renderingMode)==="PARTIALLY_STATIC",at=!1,au=!1,av=as?N:void 0,aw=as&&aq&&!ap,ax=(0,h.getRequestMeta)(a,"segmentPrefetchRSCRequest"),ay=!am||(0,q.shouldServeStreamingMetadata)(am,ae.htmlLimitedBots);ao&&as&&(al=!1,ay=!1);let az=!0===L.isDev||!al||"string"==typeof N||aw,aA=ao&&as,aB=null;aa||!al||az||ar||av||aw||(aB=ab);let aC=aB;!aC&&L.isDev&&(aC=ab),L.isDev||aa||!al||!aq||aw||(0,k.d)(a.headers);let aD={...F,tree:I,pages:J,GlobalError:E(),handler:M,routeModule:L,__next_app__:K};Y&&Z&&(0,p.setReferenceManifestsSingleton)({page:H,clientReferenceManifest:Z,serverActionsManifest:Y,serverModuleMap:(0,r.createServerModuleMap)({serverActionsManifest:Y})});let aE=a.method||"GET",aF=(0,g.getTracer)(),aG=aF.getActiveScopeSpan();try{let f=L.getVaryHeader(ab,af);b.setHeader("Vary",f);let k=async(c,d)=>{let e=new l.NodeNextRequest(a),f=new l.NodeNextResponse(b);return L.render(e,f,d).finally(()=>{if(!c)return;c.setAttributes({"http.status_code":b.statusCode,"next.rsc":!1});let d=aF.getRootSpanAttributes();if(!d)return;if(d.get("next.span_type")!==i.BaseServerSpan.handleRequest)return void console.warn(`Unexpected root span type '${d.get("next.span_type")}'. Please report this Next.js issue https://github.com/vercel/next.js`);let e=d.get("next.route");if(e){let a=`${aE} ${e}`;c.setAttributes({"next.route":e,"http.route":e,"next.span_name":a}),c.updateName(a)}else c.updateName(`${aE} ${a.url}`)})},m=async({span:e,postponed:f,fallbackRouteParams:g})=>{let i={query:R,params:S,page:ah,sharedContext:{buildId:Q},serverComponentsHmrCache:(0,h.getRequestMeta)(a,"serverComponentsHmrCache"),fallbackRouteParams:g,renderOpts:{App:()=>null,Document:()=>null,pageConfig:{},ComponentMod:aD,Component:(0,j.T)(aD),params:S,routeModule:L,page:H,postponed:f,shouldWaitOnAllReady:aA,serveStreamingMetadata:ay,supportsDynamicResponse:"string"==typeof f||az,buildManifest:V,nextFontManifest:W,reactLoadableManifest:X,subresourceIntegrityManifest:$,serverActionsManifest:Y,clientReferenceManifest:Z,setIsrStatus:null==ad?void 0:ad.setIsrStatus,dir:c(33873).join(process.cwd(),L.relativeProjectDir),isDraftMode:aa,isRevalidate:al&&!f&&!aw,botType:an,isOnDemandRevalidate:ai,isPossibleServerAction:ar,assetPrefix:ae.assetPrefix,nextConfigOutput:ae.output,crossOrigin:ae.crossOrigin,trailingSlash:ae.trailingSlash,previewProps:_.preview,deploymentId:ae.deploymentId,enableTainting:ae.experimental.taint,htmlLimitedBots:ae.htmlLimitedBots,devtoolSegmentExplorer:ae.experimental.devtoolSegmentExplorer,reactMaxHeadersLength:ae.reactMaxHeadersLength,multiZoneDraftMode:!1,incrementalCache:(0,h.getRequestMeta)(a,"incrementalCache"),cacheLifeProfiles:ae.experimental.cacheLife,basePath:ae.basePath,serverActions:ae.experimental.serverActions,...at?{nextExport:!0,supportsDynamicResponse:!1,isStaticGeneration:!0,isRevalidate:!0,isDebugDynamicAccesses:at}:{},experimental:{isRoutePPREnabled:as,expireTime:ae.expireTime,staleTimes:ae.experimental.staleTimes,cacheComponents:!!ae.experimental.cacheComponents,clientSegmentCache:!!ae.experimental.clientSegmentCache,clientParamParsing:!!ae.experimental.clientParamParsing,dynamicOnHover:!!ae.experimental.dynamicOnHover,inlineCss:!!ae.experimental.inlineCss,authInterrupts:!!ae.experimental.authInterrupts,clientTraceMetadata:ae.experimental.clientTraceMetadata||[]},waitUntil:d.waitUntil,onClose:a=>{b.on("close",a)},onAfterTaskError:()=>{},onInstrumentationRequestError:(b,c,d)=>L.onRequestError(a,b,d,ad),err:(0,h.getRequestMeta)(a,"invokeError"),dev:L.isDev}},l=await k(e,i),{metadata:m}=l,{cacheControl:n,headers:o={},fetchTags:p}=m;if(p&&(o[z.NEXT_CACHE_TAGS_HEADER]=p),a.fetchMetrics=m.fetchMetrics,al&&(null==n?void 0:n.revalidate)===0&&!L.isDev&&!as){let a=m.staticBailoutInfo,b=Object.defineProperty(Error(`Page changed from static to dynamic at runtime ${ab}${(null==a?void 0:a.description)?`, reason: ${a.description}`:""}
+see more here https://nextjs.org/docs/messages/app-static-to-dynamic-error`),"__NEXT_ERROR_CODE",{value:"E132",enumerable:!1,configurable:!0});if(null==a?void 0:a.stack){let c=a.stack;b.stack=b.message+c.substring(c.indexOf("\n"))}throw b}return{value:{kind:w.CachedRouteKind.APP_PAGE,html:l,headers:o,rscData:m.flightData,postponed:m.postponed,status:m.statusCode,segmentData:m.segmentData},cacheControl:n}},n=async({hasResolved:c,previousCacheEntry:f,isRevalidating:g,span:i})=>{let j,k=!1===L.isDev,l=c||b.writableEnded;if(ai&&ac&&!f&&!O)return(null==ad?void 0:ad.render404)?await ad.render404(a,b):(b.statusCode=404,b.end("This page could not be found")),null;if(aj&&(j=(0,x.parseFallbackField)(aj.fallback)),j===x.FallbackMode.PRERENDER&&(0,v.isBot)(am)&&(!as||ao)&&(j=x.FallbackMode.BLOCKING_STATIC_RENDER),(null==f?void 0:f.isStale)===-1&&(ai=!0),ai&&(j!==x.FallbackMode.NOT_FOUND||f)&&(j=x.FallbackMode.BLOCKING_STATIC_RENDER),!O&&j!==x.FallbackMode.BLOCKING_STATIC_RENDER&&aC&&!l&&!aa&&U&&(k||!ak)){let b;if((k||aj)&&j===x.FallbackMode.NOT_FOUND)throw new C.NoFallbackError;if(as&&!aq){let c="string"==typeof(null==aj?void 0:aj.fallback)?aj.fallback:k?ah:null;if(b=await L.handleResponse({cacheKey:c,req:a,nextConfig:ae,routeKind:e.RouteKind.APP_PAGE,isFallback:!0,prerenderManifest:_,isRoutePPREnabled:as,responseGenerator:async()=>m({span:i,postponed:void 0,fallbackRouteParams:k||au?(0,o.u)(ah):null}),waitUntil:d.waitUntil}),null===b)return null;if(b)return delete b.cacheControl,b}}let n=ai||g||!av?void 0:av;if(at&&void 0!==n)return{cacheControl:{revalidate:1,expire:void 0},value:{kind:w.CachedRouteKind.PAGES,html:y.default.EMPTY,pageData:{},headers:void 0,status:void 0}};let p=U&&as&&((0,h.getRequestMeta)(a,"renderFallbackShell")||au)?(0,o.u)(ag):null;return m({span:i,postponed:n,fallbackRouteParams:p})},p=async c=>{var f,g,i,j,k;let l,o=await L.handleResponse({cacheKey:aB,responseGenerator:a=>n({span:c,...a}),routeKind:e.RouteKind.APP_PAGE,isOnDemandRevalidate:ai,isRoutePPREnabled:as,req:a,nextConfig:ae,prerenderManifest:_,waitUntil:d.waitUntil});if(aa&&b.setHeader("Cache-Control","private, no-cache, no-store, max-age=0, must-revalidate"),L.isDev&&b.setHeader("Cache-Control","no-store, must-revalidate"),!o){if(aB)throw Object.defineProperty(Error("invariant: cache entry required but not generated"),"__NEXT_ERROR_CODE",{value:"E62",enumerable:!1,configurable:!0});return null}if((null==(f=o.value)?void 0:f.kind)!==w.CachedRouteKind.APP_PAGE)throw Object.defineProperty(Error(`Invariant app-page handler received invalid cache entry ${null==(i=o.value)?void 0:i.kind}`),"__NEXT_ERROR_CODE",{value:"E707",enumerable:!1,configurable:!0});let p="string"==typeof o.value.postponed;al&&!aw&&(!p||ap)&&(O||b.setHeader("x-nextjs-cache",ai?"REVALIDATED":o.isMiss?"MISS":o.isStale?"STALE":"HIT"),b.setHeader(u.NEXT_IS_PRERENDER_HEADER,"1"));let{value:q}=o;if(av)l={revalidate:0,expire:void 0};else if(O&&aq&&!ap&&as)l={revalidate:0,expire:void 0};else if(!L.isDev)if(aa)l={revalidate:0,expire:void 0};else if(al){if(o.cacheControl)if("number"==typeof o.cacheControl.revalidate){if(o.cacheControl.revalidate<1)throw Object.defineProperty(Error(`Invalid revalidate configuration provided: ${o.cacheControl.revalidate} < 1`),"__NEXT_ERROR_CODE",{value:"E22",enumerable:!1,configurable:!0});l={revalidate:o.cacheControl.revalidate,expire:(null==(j=o.cacheControl)?void 0:j.expire)??ae.expireTime}}else l={revalidate:z.CACHE_ONE_YEAR,expire:void 0}}else b.getHeader("Cache-Control")||(l={revalidate:0,expire:void 0});if(o.cacheControl=l,"string"==typeof ax&&(null==q?void 0:q.kind)===w.CachedRouteKind.APP_PAGE&&q.segmentData){b.setHeader(u.NEXT_DID_POSTPONE_HEADER,"2");let c=null==(k=q.headers)?void 0:k[z.NEXT_CACHE_TAGS_HEADER];O&&al&&c&&"string"==typeof c&&b.setHeader(z.NEXT_CACHE_TAGS_HEADER,c);let d=q.segmentData.get(ax);return void 0!==d?(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:y.default.fromStatic(d,u.RSC_CONTENT_TYPE_HEADER),cacheControl:o.cacheControl}):(b.statusCode=204,(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:y.default.EMPTY,cacheControl:o.cacheControl}))}let r=(0,h.getRequestMeta)(a,"onCacheEntry");if(r&&await r({...o,value:{...o.value,kind:"PAGE"}},{url:(0,h.getRequestMeta)(a,"initURL")}))return null;if(p&&av)throw Object.defineProperty(Error("Invariant: postponed state should not be present on a resume request"),"__NEXT_ERROR_CODE",{value:"E396",enumerable:!1,configurable:!0});if(q.headers){let a={...q.headers};for(let[c,d]of(O&&al||delete a[z.NEXT_CACHE_TAGS_HEADER],Object.entries(a)))if(void 0!==d)if(Array.isArray(d))for(let a of d)b.appendHeader(c,a);else"number"==typeof d&&(d=d.toString()),b.appendHeader(c,d)}let s=null==(g=q.headers)?void 0:g[z.NEXT_CACHE_TAGS_HEADER];if(O&&al&&s&&"string"==typeof s&&b.setHeader(z.NEXT_CACHE_TAGS_HEADER,s),!q.status||aq&&as||(b.statusCode=q.status),!O&&q.status&&G.RedirectStatusCode[q.status]&&aq&&(b.statusCode=200),p&&b.setHeader(u.NEXT_DID_POSTPONE_HEADER,"1"),aq&&!aa){if(void 0===q.rscData){if(q.postponed)throw Object.defineProperty(Error("Invariant: Expected postponed to be undefined"),"__NEXT_ERROR_CODE",{value:"E372",enumerable:!1,configurable:!0});return(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:q.html,cacheControl:aw?{revalidate:0,expire:void 0}:o.cacheControl})}return(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:y.default.fromStatic(q.rscData,u.RSC_CONTENT_TYPE_HEADER),cacheControl:o.cacheControl})}let t=q.html;if(!p||O||aq)return(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:t,cacheControl:o.cacheControl});if(at)return t.push(new ReadableStream({start(a){a.enqueue(A.ENCODED_TAGS.CLOSED.BODY_AND_HTML),a.close()}})),(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:t,cacheControl:{revalidate:0,expire:void 0}});let v=new TransformStream;return t.push(v.readable),m({span:c,postponed:q.postponed,fallbackRouteParams:null}).then(async a=>{var b,c;if(!a)throw Object.defineProperty(Error("Invariant: expected a result to be returned"),"__NEXT_ERROR_CODE",{value:"E463",enumerable:!1,configurable:!0});if((null==(b=a.value)?void 0:b.kind)!==w.CachedRouteKind.APP_PAGE)throw Object.defineProperty(Error(`Invariant: expected a page response, got ${null==(c=a.value)?void 0:c.kind}`),"__NEXT_ERROR_CODE",{value:"E305",enumerable:!1,configurable:!0});await a.value.html.pipeTo(v.writable)}).catch(a=>{v.writable.abort(a).catch(a=>{console.error("couldn't abort transformer",a)})}),(0,B.sendRenderResult)({req:a,res:b,generateEtags:ae.generateEtags,poweredByHeader:ae.poweredByHeader,result:t,cacheControl:{revalidate:0,expire:void 0}})};if(!aG)return await aF.withPropagatedContext(a.headers,()=>aF.trace(i.BaseServerSpan.handleRequest,{spanName:`${aE} ${a.url}`,kind:g.SpanKind.SERVER,attributes:{"http.method":aE,"http.target":a.url}},p));await p(aG)}catch(b){throw b instanceof C.NoFallbackError||await L.onRequestError(a,b,{routerKind:"App Router",routePath:H,routeType:"render",revalidateReason:(0,f.c)({isRevalidate:al,isOnDemandRevalidate:ai})},ad),b}}},86439:a=>{"use strict";a.exports=require("next/dist/shared/lib/no-fallback-error.external")}};var b=require("../../webpack-runtime.js");b.C(a);var c=b.X(0,[5873,3648,3984,8445,6772,5625,1746,4949,5148,2246,3511,1912,1491,1119,1083,1991,6901,4028,2194,2430,62],()=>b(b.s=76052));module.exports=c})();