flujo-ai 3.17.0 → 3.18.0

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

@@ -1,40 +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")},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")},13790:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>da});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)}var Q=c(6537),R=c(8070),S=c(94367),T=c(50553),U=c(84233),V=c(7118),W=c(91034),X=c(38941),Y=c(95345),Z=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)(S.A,{onClick:()=>{f&&f(),c()},children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(Z.A,{fontSize:"small"})}),(0,d.jsx)(U.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)(T.A,{children:(0,d.jsx)(X.A,{fontSize:"small"})}),(0,d.jsx)(U.A,{children:"Copy"})]},"copy")),h&&n.push((0,d.jsxs)(S.A,{onClick:()=>{h&&h(),c()},disabled:!i,children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(Y.A,{fontSize:"small"})}),(0,d.jsx)(U.A,{children:"Paste"})]},"paste")),(k||m||l)&&n.push((0,d.jsx)(B.A,{},"delete-divider"),(0,d.jsxs)(S.A,{onClick:()=>{e(),c()},sx:{color:"error.main"},children:[(0,d.jsx)(T.A,{sx:{color:"error.main"},children:(0,d.jsx)(W.A,{fontSize:"small"})}),(0,d.jsx)(U.A,{children:"Delete"})]},"delete")),(0,d.jsx)(V.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 _=c(90837),aa=c(97004);function ab(a,b){return b.find(b=>b.id===a)}let ac=(0,C.h)("components/flow/FlowBuilder/Canvas/hooks/useCanvasEvents.ts"),ad=(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"),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 14M7 9h5v1H7z"}),"ZoomOut"),af=(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"),ag=(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)"}})),ah=()=>{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)(ag,{variant:"outlined",size:"small",onClick:()=>a(),children:(0,d.jsx)(ad,{fontSize:"small"})})}),(0,d.jsx)(m.A,{title:"Zoom Out",children:(0,d.jsx)(ag,{variant:"outlined",size:"small",onClick:()=>b(),children:(0,d.jsx)(ae,{fontSize:"small"})})}),(0,d.jsx)(m.A,{title:"Fit View",children:(0,d.jsx)(ag,{variant:"outlined",size:"small",onClick:()=>c(),children:(0,d.jsx)(af,{fontSize:"small"})})})]})})},ai=({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)"})]})},aj=(0,C.h)("components/flow/FlowBuilder/Canvas/Canvas.tsx"),ak="flujo:flowClipboard",al=null;function am(a){al=a;try{localStorage.setItem(ak,JSON.stringify(a))}catch(a){aj.warn("Could not persist flow clipboard to localStorage",a)}}let an={start:R.vm,process:R.Uw,finish:R.IK,mcp:R.v2,subflow:R.lA},ao={custom:_.jY,mcpEdge:_.oY},ap=({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);aj.debug(`NodeSelectionModal: Source node type: ${f}, Source handle ID: ${j}`),aj.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)(Q.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},aq=(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"})),ar=(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);ac.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?ac.debug(`Context menu opened for node: ${b}`):c?ac.debug(`Context menu opened for edge: ${c}`):e?ac.debug("Context menu opened for the current selection"):ac.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)(()=>{ac.debug("Context menu closed"),d(a=>({...a,open:!1}))},[]),j=(0,e.useCallback)(()=>{if(c.selection)ac.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(ac.debug(`handleDelete: Attempting to delete node ${c.nodeId}`),!function(a,b){let c=ab(a,b);return!!c&&"start"!==c.type}(c.nodeId,a)){ac.warn(`Cannot delete Start node: ${c.nodeId}`),alert("Start nodes cannot be deleted");return}b({nodes:[{id:c.nodeId}]})}else c.edgeId&&(ac.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=ab(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 aj.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=>{aj.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 aj.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(aa.R,a),()=>document.removeEventListener(aa.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=ab(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 aj.debug("onConnectEnd: No valid connection start data");if(aj.debug(`onConnectEnd: Connection ended from node ${c.id}, handle ${d.id}`),"target"===d.type&&!J(d.id))return void aj.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 aj.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});aj.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)=>{aj.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?ab(d,f):void 0;if(g&&e){let b=`${a}-top`,d={source:g.id,sourceHandle:e,target:c.id,targetHandle:b};if(aj.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}]),aj.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)(()=>{aj.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 am({nodes:JSON.parse(JSON.stringify(b)),edges:JSON.parse(JSON.stringify(d))}),aj.debug(`Copied ${b.length} node(s) and ${d.length} edge(s)`),!0},[q,f,h]),X=(0,e.useCallback)(()=>{let a=al;if(!a)try{let b=localStorage.getItem(ak);b&&(a=JSON.parse(b))}catch(a){aj.warn("Could not read flow clipboard from localStorage",a)}if(!a||!a.nodes||0===a.nodes.length)return void aj.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}))),aj.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&&(am({nodes:JSON.parse(JSON.stringify([a])),edges:[]}),aj.debug("Copied right-clicked node to clipboard"));return}W()},[p.nodeId,q,f,W]),_=(0,e.useMemo)(()=>{if(al)return!0;try{return!!localStorage.getItem(ak)}catch{return!1}},[p.open]),ad=(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)(aq,{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:an,edgeTypes:ao,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)(ah,{}),(0,d.jsx)(ai,{})]}),(0,d.jsx)($,{open:p.open,position:p.position,onClose:r,onDelete:s,onEditProperties:R,onCopy:Z,onPaste:X,canPaste:_,canCopy:ad,nodeId:p.nodeId,selection:p.selection,edgeId:p.edgeId}),(0,d.jsx)(ap,{open:C.open,position:C.position,onClose:V,onSelectNodeType:U,sourceNodeType:C.sourceNodeType,sourceHandleId:C.sourceHandleId})]})});ar.displayName="Canvas";var as=c(98540),at=c(83144),au=c(88970);let av=(0,C.h)("components/flow/FlowBuilder/NodePalette.tsx"),aw="NodePalette",ax=(0,z.Ay)(A.A)(({theme:a})=>({padding:a.spacing(2),width:"200px",height:"80vh",display:"flex",flexDirection:"column",gap:a.spacing(2)})),ay=(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"}})),az=(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)})),aA=(0,z.Ay)(h.default)({display:"flex",alignItems:"center",gap:"8px"}),aB=[{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"}],aC=()=>{av.debug(`${aw}: Entering component`),(0,g.A)();let a=(0,e.useCallback)(a=>{av.debug(`${aw}.onNodeDoubleClick: Double-clicked on ${a} node`);let b=new CustomEvent("addNodeFromPalette",{detail:{nodeType:a,position:{x:250,y:150}}});document.dispatchEvent(b),av.info(`${aw}.onNodeDoubleClick: Dispatched addNodeFromPalette event for ${a} node`)},[]);return av.debug(`${aw}: Rendering component`),(0,d.jsxs)(ax,{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:aB.map(b=>(0,d.jsxs)(ay,{nodeType:b.type,elevation:1,draggable:!0,onDragStart:a=>((a,b)=>{av.debug(`${aw}.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),av.debug(`${aw}.onDragStart: Created drag preview element`);try{a.dataTransfer.setDragImage(c,75,25),av.debug(`${aw}.onDragStart: Set drag image with offset (75, 25)`)}catch(a){av.error(`${aw}.onDragStart: Error setting drag image:`,a)}setTimeout(()=>{document.body.removeChild(c),av.debug(`${aw}.onDragStart: Removed drag preview element`)},0),av.debug(`${aw}.onDragStart: Drag operation initialized`)})(a,b.type),onDragEnd:a=>{var c;return c=b.type,void av.debug(`${aw}.onDragEnd: Drag operation ended for nodeType=${c}`)},onDoubleClick:()=>a(b.type),children:[(0,d.jsx)(az,{nodeType:b.type,children:(0,d.jsxs)(aA,{children:[(a=>{switch(a){case"process":default:return(0,d.jsx)(as.A,{color:"secondary"});case"finish":return(0,d.jsx)(at.A,{color:"success"});case"mcp":return(0,d.jsx)(as.A,{color:"info"});case"subflow":return(0,d.jsx)(au.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 aD=c(41893),aE=c(8521),aF=c(89490),aG=c(75983),aH=c(71439);let aI=(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 aJ=c(22797);let aK=(0,v.A)([(0,d.jsx)("path",{d:"M12 5.99 19.53 19H4.47zM12 2 1 21h22z"},"0"),(0,d.jsx)("path",{d:"M13 16h-2v2h2zm0-6h-2v5h2z"},"1")],"WarningAmber");var aL=c(8165),aM=c(64535);function aN(a){return a.data?.type??a.type??"unknown"}function aO(a){return a.data?.label||a.id}function aP(a){return a.data?.edgeType==="mcp"}function aQ(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?aO(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"===aN(a)),l=d.filter(a=>"finish"===aN(a)),m=d.filter(a=>"process"===aN(a)),n=d.filter(a=>"mcp"===aN(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 "${aO(a)}" is bound to a model that no longer exists${c}.`,a)}}else f("error","process-missing-model",`Process node "${aO(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 "${aO(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 "${aO(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 "${aO(a)}" is not bound to a server.`,a);e.some(b=>aP(b)&&(b.source===a.id||b.target===a.id))||f("warning","mcp-node-unconnected",`MCP node "${aO(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)!aP(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"===aN(a)?"Finish":"Process"} node "${aO(a)}" is not reachable from the Start node.`,a)}for(let a of d.filter(a=>"subflow"===aN(a))){let b=e.filter(b=>!aP(b)&&(b.source===a.id||b.target===a.id&&!!b.data?.bidirectional));b.length>1&&f("error","subflow-multiple-outgoing",`Subflow node "${aO(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(!aP(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"!==aN(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,aM.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 "${aO(a)}" references tool "${d.name}" which server "${d.server}" no longer provides.`,a):f("error","tool-pill-disconnected",`Process node "${aO(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 aR=c(83434);let aS=(0,C.h)("components/flow/FlowBuilder/FlowValidationButton"),aT=({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 aR.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=aQ({nodes:a,edges:b},{models:c,servers:e});m(f.issues)}catch(a){aS.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)(aI,{}),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)(aD.A,{size:"small",color:"error",label:`${t} error${1===t?"":"s"}`}),v>0&&(0,d.jsx)(aD.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)(aE.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)(aL.A,{color:"success"}),(0,d.jsx)(i.default,{children:"No problems found — this flow looks runnable."})]}):(0,d.jsx)(aF.A,{dense:!0,disablePadding:!0,children:(l??[]).map((a,b)=>{let c=!!a.nodeId,e=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(T.A,{sx:{minWidth:36},children:"error"===a.severity?(0,d.jsx)(aJ.A,{color:"error",fontSize:"small"}):(0,d.jsx)(aK,{color:"warning",fontSize:"small"})}),(0,d.jsx)(U.A,{primary:a.message,secondary:c?`Node: ${a.nodeLabel??a.nodeId} — click to open`:void 0})]});return c?(0,d.jsx)(aG.A,{onClick:()=>s(a.nodeId),alignItems:"flex-start",children:e},b):(0,d.jsx)(aH.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 aU=c(82666),aV=c(22042),aW=c(34304),aX=c(30137);function aY({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 aZ=(0,C.h)("components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useModelManagement.ts");var a$=c(63650);let a_=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useServerConnection"),a0="handoff_to_";function a1(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 a2=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/hooks/useHandoffTools"),a3=({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 a4=c(82605),a5=c(43249),a6=c(2783),a7=c(73520),a8=c(29565),a9=c(33105);function ba(a){return(0,a9.Ay)("MuiRadioGroup",a)}(0,a8.A)("MuiRadioGroup",["root","row","error"]);var bb=c(26636),bc=c(65603);let bd=e.createContext(void 0);var be=c(70300);let bf=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,a6.A)({root:["root",c&&"row",d&&"error"]},ba,b)})(a),[o,p]=(0,bc.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,bb.A)(b,m),r=(0,be.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)(bd.Provider,{value:s,children:(0,d.jsx)(a7.A,{role:"radiogroup",ref:q,className:(0,a5.A)(n.root,g),...l,children:f})})});var bg=c(95587),bh=c(37489),bi=c(99515);let bj=(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"),bk=(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 bl=c(41126),bm=c(68333);let bn=(0,z.Ay)("span",{name:"MuiRadioButtonIcon",shouldForwardProp:bl.A})({position:"relative",display:"flex"}),bo=(0,z.Ay)(bj,{name:"MuiRadioButtonIcon"})({transform:"scale(1)"}),bp=(0,z.Ay)(bk,{name:"MuiRadioButtonIcon"})((0,bm.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})}}]}))),bq=function(a){let{checked:b=!1,classes:c={},fontSize:e}=a,f={...a,checked:b};return(0,d.jsxs)(bn,{className:c.root,ownerState:f,children:[(0,d.jsx)(bo,{fontSize:e,className:c.background,ownerState:f}),(0,d.jsx)(bp,{fontSize:e,className:c.dot,ownerState:f})]})};var br=c(6638);let bs=c(2153).A;var bt=c(49628);function bu(a){return(0,a9.Ay)("MuiRadio",a)}let bv=(0,a8.A)("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary","sizeSmall"]);var bw=c(54716),bx=c(20385),by=c(6636);let bz=(0,z.Ay)(bi.A,{shouldForwardProp:a=>(0,bl.A)(a)||"classes"===a,name:"MuiRadio",slot:"Root",overridesResolver:(a,b)=>{let{ownerState:c}=a;return[b.root,"medium"!==c.size&&b[`size${(0,br.A)(c.size)}`],b[`color${(0,br.A)(c.color)}`]]}})((0,bm.A)(({theme:a})=>({color:(a.vars||a).palette.text.secondary,[`&.${bv.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,bh.X4)(a.palette.action.active,a.palette.action.hoverOpacity)}}},...Object.entries(a.palette).filter((0,bw.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,bh.X4)(a.palette[b].main,a.palette.action.hoverOpacity)}}})),...Object.entries(a.palette).filter((0,bw.A)()).map(([b])=>({props:{color:b,disabled:!1},style:{[`&.${bv.checked}`]:{color:(a.vars||a).palette[b].main}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),bA=(0,d.jsx)(bq,{checked:!0}),bB=(0,d.jsx)(bq,{}),bC=e.forwardRef(function(a,b){let c=(0,by.b)({props:a,name:"MuiRadio"}),{checked:f,checkedIcon:g=bA,color:h="primary",icon:i=bB,name:j,onChange:k,size:l="medium",className:m,disabled:n,disableRipple:o=!1,slots:p={},slotProps:q={},inputProps:r,...s}=c,t=(0,bt.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,br.A)(c)}`,"medium"!==d&&`size${(0,br.A)(d)}`]};return{...b,...(0,a6.A)(e,bu,b)}})(v),x=e.useContext(bd),y=f,z=bs(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,bx.A)("root",{ref:b,elementType:bz,className:(0,a5.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 bD=c(38233),bE=c(93083);let bF=({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"}),a?(0,d.jsx)(i.default,{color:"text.secondary",children:"Loading models..."}):b?(0,d.jsx)(i.default,{color:"error",children:b}):0===c.length?(0,d.jsx)(i.default,{color:"text.secondary",children:"No models available. Add some in the Model Manager."}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(a4.A,{component:"fieldset",fullWidth:!0,children:[(0,d.jsx)(bf,{value:e,onChange:a=>f(a.target.value),children:(0,d.jsx)(aU.Ay,{container:!0,spacing:2,children:c.map(a=>(0,d.jsx)(aU.Ay,{item:!0,xs:12,sm:6,children:(0,d.jsx)(A.A,{elevation:1,sx:{p:2,border:2*(e===a.id),borderColor:"primary.main"},children:(0,d.jsx)(bg.A,{value:a.id,control:(0,d.jsx)(bC,{}),label:(0,d.jsxs)(h.default,{children:[(0,d.jsx)(i.default,{variant:"subtitle2",children:a.displayName||a.name}),a.description&&(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",display:"block",children:a.description}),a.baseUrl&&(0,d.jsx)(i.default,{variant:"caption",color:"text.secondary",children:a.baseUrl})]}),sx:{width:"100%",m:0}})})},a.id))})}),(0,d.jsx)(bD.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)(bE.A,{}),onClick:k,color:"primary",variant:"outlined",size:"small",children:"Unbind Model"})})]})]});var bG=c(66335);let bH=function(a){let{badgeContent:b,invisible:c=!1,max:d=99,showZero:e=!1}=a,f=(0,bG.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 bI(a){return(0,a9.Ay)("MuiBadge",a)}let bJ=(0,a8.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"]),bK=(0,z.Ay)("span",{name:"MuiBadge",slot:"Root",overridesResolver:(a,b)=>b.root})({position:"relative",display:"inline-flex",verticalAlign:"middle",flexShrink:0}),bL=(0,z.Ay)("span",{name:"MuiBadge",slot:"Badge",overridesResolver:(a,b)=>{let{ownerState:c}=a;return[b.badge,b[c.variant],b[`anchorOrigin${(0,br.A)(c.anchorOrigin.vertical)}${(0,br.A)(c.anchorOrigin.horizontal)}${(0,br.A)(c.overlap)}`],"default"!==c.color&&b[`color${(0,br.A)(c.color)}`],c.invisible&&b.invisible]}})((0,bm.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,bw.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%",[`&.${bJ.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%",[`&.${bJ.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%",[`&.${bJ.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%",[`&.${bJ.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%",[`&.${bJ.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%",[`&.${bJ.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%",[`&.${bJ.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%",[`&.${bJ.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 bM(a){return{vertical:a?.vertical??"top",horizontal:a?.horizontal??"right"}}let bN=e.forwardRef(function(a,b){let c=(0,by.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}=bH({max:o,invisible:n,badgeContent:p,showZero:s}),z=(0,bG.A)({anchorOrigin:bM(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=bM(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,br.A)(c.vertical)}${(0,br.A)(c.horizontal)}`,`anchorOrigin${(0,br.A)(c.vertical)}${(0,br.A)(c.horizontal)}${(0,br.A)(e)}`,`overlap${(0,br.A)(e)}`,"default"!==b&&`color${(0,br.A)(b)}`]};return(0,a6.A)(h,bI,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,bx.A)("root",{elementType:bK,externalForwardedProps:{...J,...u},ownerState:H,className:(0,a5.A)(I.root,f),ref:b,additionalProps:{as:h}}),[M,N]=(0,bx.A)("badge",{elementType:bL,externalForwardedProps:J,ownerState:H,className:I.badge});return(0,d.jsxs)(K,{...L,children:[k,(0,d.jsx)(M,{...N,children:G})]})});var bO=c(67101),bP=c(30818),bQ=c(27114),bR=c(53222);let bS=(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 bT=c(40973),bU=c(9604);let bV=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerTools"),bW=({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)(null),E=(c??[]).filter(a=>!b.some(b=>b.serverName===a.name)),F=!!f&&E.length>0,G=(0,d.jsx)(V.A,{open:!!C,anchorEl:C,onClose:()=>D(null),children:E.map(a=>(0,d.jsxs)(S.A,{onClick:()=>{var b;return b=a.name,void(D(null),f?.(b))},children:[(0,d.jsx)(h.default,{sx:{width:8,height:8,borderRadius:"50%",mr:1,bgcolor:"connected"===a.status?"success.main":"text.disabled"}}),a.name]},a.name))}),[H,I]=(0,e.useState)(""),J=a=>{try{let c=b.find(b=>b.nodeId===a);if(!c)return bV.warn(`Could not find connected MCP node with ID ${a}`),[];let d=c.enabledTools||[];return bV.debug(`Enabled tools for node ${a}: ${JSON.stringify(d)}`),Array.isArray(d)?d:[]}catch(b){return bV.error(`Error getting enabled tools for node ${a}:`,b),[]}},K=(a,b,c)=>{try{if(!c||!Array.isArray(c))return bV.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)):(bV.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 bV.error(`Error filtering tools for node ${a} (server ${b}):`,d),c||[]}},L=a=>{o(a)},M=async(a,b)=>{b.stopPropagation(),bV.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(),bV.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)(aE.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:a=>D(a.currentTarget),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)(aV.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 bV.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)(aW.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)(bN,{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:a=>D(a.currentTarget),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)(aE.default,{size:16}):(0,d.jsx)(bR.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)(bS,{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)(bO.A,{position:"start",children:(0,d.jsx)(bT.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)(aE.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)(aF.A,{disablePadding:!0,children:e.map(c=>(0,d.jsxs)(bP.A,{variant:"outlined",onClick:()=>{a!==y?(bV.debug("Node tab not selected, selecting node first",{selectedNodeId:a,serverName:b,toolName:c.name}),L(a)):b&&c.name?(bV.debug("Inserting tool binding",{serverName:b,toolName:c.name}),p(b,c.name)):bV.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)(bQ.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)(bU.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)})()})]})]})},bX=(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"),bY=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerResources"),bZ=({primary:a,secondary:b,chip:c,onClick:e})=>(0,d.jsx)(bP.A,{variant:"outlined",onClick:e,sx:{mb:1,mx:1,mt:1,cursor:"pointer","&:hover":{boxShadow:1,bgcolor:"action.hover"}},children:(0,d.jsx)(bQ.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)(bX,{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)(aD.A,{size:"small",label:c,sx:{ml:1,flexShrink:0}})]})})}),b$=({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){bY.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)(aV.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)(aW.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)(bO.A,{position:"start",children:(0,d.jsx)(bT.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)(aE.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)(aF.A,{disablePadding:!0,children:[z.map(a=>(0,d.jsx)(bZ,{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)(bZ,{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))]})})]})]})},b_=(0,C.h)("frontend/components/flow/FlowBuilder/Modals/ProcessNodePropertiesModal/ServerTools/AgentTools"),b0=({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)(aE.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)(bO.A,{position:"start",children:(0,d.jsx)(bT.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)(aF.A,{disablePadding:!0,children:k.map(a=>(0,d.jsxs)(bP.A,{variant:"outlined",onClick:()=>{a.name?(b_.debug("Inserting handoff tool binding",{toolType:"handoff",toolName:a.name}),c("handoff",a.name)):b_.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)(bQ.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)(bU.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 b1=c(67191);let b2=(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"),b3=(0,v.A)((0,d.jsx)("path",{d:"M4 9h16v2H4zm0 4h10v2H4z"}),"ShortText"),b4=(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"),b5=(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"),b6=(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 b7=c(85838);let b8=({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)(aL.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})]}),b9=(0,C.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/ProcessNodePropertiesModal/PromptTemplateEditor"),ca=(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(b9.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");b9.debug("Rendered prompt received",{promptLength:b.prompt?.length}),D(b.prompt+"\n\n [Messages sent by User]")}catch(a){b9.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)(bg.A,{control:(0,d.jsx)(b1.A,{checked:g,onChange:a=>k(a.target.checked),color:"primary",size:"small"}),label:"Exclude Model Prompt"}),(0,d.jsx)(bg.A,{control:(0,d.jsx)(b1.A,{checked:l,onChange:a=>m(a.target.checked),color:"primary",size:"small"}),label:"Exclude Start Node Prompt"}),(0,d.jsx)(bg.A,{control:(0,d.jsx)(b1.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)(b8,{selected:"full-history"===q,onClick:()=>r("full-history"),icon:(0,d.jsx)(b2,{fontSize:"small"}),title:"Full conversation",description:"The model sees this node's prompt plus the whole conversation so far. The default."}),(0,d.jsx)(b8,{selected:"latest-message"===q,onClick:()=>r("latest-message"),icon:(0,d.jsx)(b3,{fontSize:"small"}),title:"Latest message only",description:"The model sees this node's prompt plus only the most recent user message."}),(0,d.jsx)(b8,{selected:"isolated"===q,onClick:()=>r("isolated"),icon:(0,d.jsx)(b4,{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)(b8,{selected:"full-conversation"===v,onClick:()=>w("full-conversation"),icon:(0,d.jsx)(b5,{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)(b8,{selected:"latest-message"===v,onClick:()=>w("latest-message"),icon:(0,d.jsx)(b6,{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)(b7.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)(aE.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."})})]})})})]})});ca.displayName="PromptTemplateEditor";var cb=c(98256),cc=c(7675);let cd=({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)(a4.A,{fullWidth:!0,margin:"normal",children:[(0,d.jsx)(cb.A,{children:c.label}),(0,d.jsx)(cc.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)(bg.A,{control:(0,d.jsx)(b1.A,{checked:e||!1,onChange:a=>b(c.key,a.target.checked)}),label:c.label,sx:{my:1}},c.key);default:return null}})(c))]})}),ce=(0,C.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/ProcessNodePropertiesModal"),cf=({open:a,node:b,onClose:c,onSave:f,flowEdges:g=[],flowNodes:k=[],flowId:m,onConnectMcpServer:n})=>{ce.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)=>{aZ.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)(()=>{aZ.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()=>{aZ.debug("loadModels: Entering method"),j(!0),l(null);try{let a=await aR.N.loadModels();h(a)}catch(a){aZ.warn("loadModels: Failed to load models:",a),l("Failed to load models")}j(!1)},n=(0,e.useCallback)(a=>{aZ.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=aY({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)(()=>{aZ.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 a_.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 a_.warn(`Could not find valid MCP node data for ID ${c}`);let f=e.data.properties.boundServer;if(!f)return void a_.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)}),a_.debug("Generated connectedMcpNodes:",JSON.stringify(a)),a}catch(a){return a_.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{a_.debug(`Loading tools for server: ${a}`);let b=await G.S.listServerTools(a);if(b.error)a_.warn(`Error loading tools for ${a}:`,b.error),c[a]=[];else{let d=b.tools||[];a_.debug(`Loaded ${d.length} tools for ${a}`),c[a]=d}}catch(b){a_.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=>{a_.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):(a_.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?a_.warn(`Error loading tools for ${c}:`,a.error):a_.debug(`Loaded ${b.length} tools for ${c}`),l(a=>({...a,[c]:b}))}).catch(a=>{a_.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=>{a_.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 a_.warn(`Error loading tools for ${a} after retry:`,b.error),!1;{let c=b.tools||[];return a_.debug(`Loaded ${c.length} tools for ${a} after retry`),l(b=>({...b,[a]:c})),!0}}catch(b){return a_.warn(`Failed to retry or load tools for server ${a}:`,b),!1}finally{n(b=>({...b,[a]:!1}))}},[]),handleRestartServer:(0,e.useCallback)(async a=>{a_.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 a_.warn(`Error loading tools for ${a} after restart:`,b.error),!1;{let c=b.tools||[];return a_.debug(`Loaded ${c.length} tools for ${a} after restart`),l(b=>({...b,[a]:c})),!0}}catch(b){return a_.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=function(a){let b=new Set,c=new Map;for(let d of a){if(c.has(d.id))continue;let a=function(a,b){let c=(a&&a.trim()||b&&b.trim()||"node").toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/_+/g,"_").replace(/^_+|_+$/g,"");return c.length>48&&(c=c.slice(0,48).replace(/_+$/g,"")),c||(c=b&&b.trim().toLowerCase().replace(/[^a-z0-9]+/g,"_")||"node"),c||"node"}(d.label,d.type),e=`${a0}${a}`;if(b.has(e)){let c=2;for(;b.has(`${a0}${a}_${c}`);)c++;e=`${a0}${a}_${c}`}b.add(e),c.set(d.id,e)}return c}(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 a1(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}${a1(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: ${a1(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")},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}
 ${d}`:b;if(e.length<=1500)return e;let f=1500-b.length-2;return f<=0?b:`${b}
-${a1(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),a2.debug("Generated handoff tools",{toolsCount:c.length})}catch(a){a2.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&&ce.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(ce.debug("handleInsertToolBinding called with:",JSON.stringify({serverName:a,toolName:b})),!a||!b)return void ce.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,aM.X8)("tool","handoff",b):(0,aM.X8)("tool",a,b),f=(!(v.length>0)||v.endsWith(" ")||v.endsWith("\n")?"":" ")+e;ag.current?(ce.debug("Inserting text into PromptBuilder:",JSON.stringify({textToInsert:f})),ag.current.insertText(f),ce.debug("Tool binding inserted successfully")):ce.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)(aX.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)(aU.Ay,{container:!0,spacing:2,sx:{flexGrow:1,height:"100%"},children:[(0,d.jsxs)(aU.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)(a3,{nodeData:o,setNodeData:s})}),(0,d.jsx)(h.default,{sx:{mb:3},children:(0,d.jsx)(bF,{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)(aV.A,{value:N,onChange:(a,b)=>O(b),children:[(0,d.jsx)(aW.A,{label:"Server Tools",value:"server"}),(0,d.jsx)(aW.A,{label:"Resources",value:"resources"}),(0,d.jsx)(aW.A,{label:"Agent Tools",value:"agent"})]})}),"server"===N&&(0,d.jsx)(bW,{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)(b$,{connectedMcpNodes:U,handleInsertResourceBinding:(a,b)=>{if(!a||!b)return void ce.warn("Invalid parameters for handleInsertResourceBinding:",{serverName:a,uri:b});let c=(0,aM.X8)("resource",a,b),d=v.length>0&&!v.endsWith(" ")&&!v.endsWith("\n");ag.current?ag.current.insertText((d?" ":"")+c):ce.warn("promptBuilderRef.current is null, cannot insert resource binding")},promptBuilderRef:ag}),"agent"===N&&(0,d.jsx)(b0,{handoffTools:ae,isLoadingHandoffTools:af,handleInsertToolBinding:(a,b)=>ah(a,b,"handoff"),promptBuilderRef:ag})]}),(0,d.jsx)(h.default,{children:(0,d.jsx)(cd,{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)(aU.Ay,{item:!0,xs:6,sx:{height:"100%",display:"flex",flexDirection:"column"},children:(0,d.jsx)(ca,{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 cg=c(2173),ch=c(88117);let ci=(0,C.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/MCPNodePropertiesModal"),cj=({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,ch.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&&(ci.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(),ci.debug(`Retrying server: ${a}`),x(b=>({...b,[a]:!0}));try{return await v(a),a===E&&D(!0),!0}catch(b){return ci.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)(aX.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)(aE.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)(a4.A,{component:"fieldset",fullWidth:!0,children:[(0,d.jsx)(bf,{value:H,onChange:a=>(a=>{ci.debug(`Server selected: ${a}`),ci.debug(`Server selected: ${a}`),k(b=>{if(!b)return null;let c=aY({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)(aU.Ay,{container:!0,spacing:2,children:n.map(a=>(0,d.jsx)(aU.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)(bg.A,{value:a.name,control:(0,d.jsx)(bC,{}),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)(aE.default,{size:16}):(0,d.jsx)(bR.A,{fontSize:"small"})})})]})})},a.name))})}),(0,d.jsx)(bD.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)(bg.A,{control:(0,d.jsx)(b1.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)(aE.default,{size:16}):(0,d.jsx)(bR.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)(aE.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)(aF.A,{children:y.map(a=>(0,d.jsxs)(aH.Ay,{sx:{py:0},children:[(0,d.jsx)(T.A,{sx:{minWidth:42},children:(0,d.jsx)(b1.A,{edge:"start",checked:I.includes(a.name),onChange:()=>(a=>{ci.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)(U.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)(cg.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"})]})]})},ck=({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)(aX.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)(b7.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},cl=({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)(aX.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},cm=(0,C.h)("frontend/components/Flow/FlowManager/FlowBuilder/Modals/SubflowNodePropertiesModal"),cn=({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);(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=>{cm.warn("Failed to load flows for subflow picker",a),b||s([])}).finally(()=>{b||w(!1)}),()=>{b=!0}},[a]);let x=(a,b)=>{m(c=>c?{...c,properties:{...c.properties,[a]:b}}:null)};if(!b||!k)return null;let y=n.filter(a=>a.id!==g),z=k.properties?.subflowId||"",A=!!z&&!n.some(a=>a.id===z),C=k.properties?.promptTemplate||"",D=k.properties?.inputMode||(C.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)(aX.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)(a4.A,{fullWidth:!0,margin:"normal",children:[(0,d.jsx)(cb.A,{id:"subflow-select-label",children:"Flow to run"}),(0,d.jsxs)(cc.A,{labelId:"subflow-select-label",label:"Flow to run",value:A?"":z,onChange:a=>x("subflowId",a.target.value),displayEmpty:!0,children:[0===y.length&&(0,d.jsx)(S.A,{value:"",disabled:!0,children:v?"Loading flows…":"No other flows available"}),y.map(a=>(0,d.jsx)(S.A,{value:a.id,children:a.name},a.id))]})]}),A&&(0,d.jsx)(o.A,{severity:"warning",sx:{mt:1},children:"The previously selected flow no longer exists. Please choose another."}),(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)(b8,{selected:"full-history"===D,onClick:()=>x("inputMode","full-history"),icon:(0,d.jsx)(b2,{}),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)(b8,{selected:"latest-message"===D,onClick:()=>x("inputMode","latest-message"),icon:(0,d.jsx)(b3,{}),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)(b8,{selected:"isolated"===D,onClick:()=>x("inputMode","isolated"),icon:(0,d.jsx)(b4,{}),title:"Isolated",description:"The conversation is ignored. The subflow receives only the prompt you write below, as its first message."})]}),"isolated"===D&&(0,d.jsx)(t.A,{fullWidth:!0,label:"Isolated prompt",value:C,onChange:a=>x("promptTemplate",a.target.value),margin:"normal",multiline:!0,rows:3,helperText:"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)(b8,{selected:"final-only"!==(k.properties?.outputMode||"steps"),onClick:()=>x("outputMode","steps"),icon:(0,d.jsx)(b5,{}),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)(b8,{selected:k.properties?.outputMode==="final-only",onClick:()=>x("outputMode","final-only"),icon:(0,d.jsx)(b6,{}),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"})]})]})},co=(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"),cp=(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"),cq=(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"),cr=(0,C.h)("components/flow/FlowBuilder/index.tsx"),cs=(0,z.Ay)(h.default)(({theme:a})=>({display:"flex",height:"calc(100vh - 64px)",gap:"16px",padding:"16px",backgroundColor:a.palette.background.default})),ct=(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]})),cu=(0,z.Ay)(h.default)({flex:1,display:"flex",flexDirection:"column",position:"relative",overflow:"hidden"}),cv=f().forwardRef(({initialFlow:a,onSave:b,onDelete:c,allFlows:g},i)=>{cr.debug("FlowBuilder rendered with initialFlow:",a);let[k,m]=(0,e.useState)(a?.nodes||[]),[n,o]=(0,e.useState)((a?.edges||[]).filter(a=>a.source&&a.target&&a.sourceHandle&&a.targetHandle)),[v,w]=(0,e.useState)(a?.name||"NewFlow"),[x,y]=(0,e.useState)(null),[z,A]=(0,e.useState)(a?.description||""),[C,H]=(0,e.useState)(!1),[I,J]=(0,e.useState)("none"),[K,L]=(0,e.useState)(""),[M,O]=(0,e.useState)(null),[P,Q]=(0,e.useState)(!1),[R,S]=(0,e.useState)(!1),[T,U]=(0,e.useState)(!1),[V,W]=(0,e.useState)(!1),[X,Y]=(0,e.useState)(!1),[Z,$]=(0,e.useState)(null),[_,aa]=(0,e.useState)([]),[ab,ac]=(0,e.useState)(-1),[ad,ae]=(0,e.useState)(!1),[af,ag]=(0,e.useState)(!1),ah=(0,e.useRef)(null),ai=(0,e.useRef)(!1),aj=(0,e.useRef)(!0),ak=(0,e.useCallback)(a=>a.filter(a=>a.source&&a.target&&a.sourceHandle&&a.targetHandle),[]);(0,e.useEffect)(()=>{if(aj.current=!0,a){m(a.nodes||[]);let b=ak(a.edges||[]);b.length!==a.edges.length&&console.warn(`Filtered out ${a.edges.length-b.length} invalid edges`),o(b),w(a.name),A(a.description||""),aa([{nodes:a.nodes||[],edges:b}]),ac(0)}else{let a=F.g.createStartNode();m([a]),o([]),w("NewFlow"),A(""),aa([{nodes:[a],edges:[]}]),ac(0)}},[a]);let al=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(ad)return void ae(!1);if(aj.current){aj.current=!1;return}if(ai.current)return;let a={nodes:[...k],edges:[...n]},b=_.slice(0,ab+1);(ab<0||al(a)!==al(b[ab]))&&(aa([...b,a]),ac(ab+1),ag(!0))},[k,n]),(0,e.useEffect)(()=>{let a=a=>{if(af)return a.preventDefault(),a.returnValue="",""};return window.addEventListener("beforeunload",a),()=>{window.removeEventListener("beforeunload",a)}},[af]);let am=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",an=(0,e.useCallback)(()=>{cr.debug(`handleSave: Attempting to save flow "${v}"`);let c=am(v);if(c)return cr.warn(`handleSave: Invalid flow name - ${c}`),y(c),"invalid-name";let d=[...k];if(0===d.length&&(cr.debug("handleSave: No nodes found, adding a default Start node"),m(d=[F.g.createStartNode()])),a&&a.name!==v)return cr.debug(`handleSave: Flow name changed from "${a.name}" to "${v}", opening rename dialog`),J("rename"),L(v),H(!0),"rename-dialog";let e={id:a?.id||(0,E.A)(),name:v,description:z,nodes:d,edges:n};return cr.info(`handleSave: Saving flow "${v}" with ${d.length} nodes and ${n.length} edges`),b(e),ag(!1),"saved"},[v,z,k,n,a,b,g]);f().useImperativeHandle(i,()=>({requestNavigation:a=>{af?(ah.current=a,J("unsaved"),H(!0)):a()}}),[af]);let ao=(0,e.useCallback)(()=>{a?(cr.info(`handleDelete: Deleting flow "${a.name}" (ID: ${a.id})`),c(a.id)):cr.warn("handleDelete: Attempted to delete flow but no initialFlow is available")},[a,c]),ap=(0,e.useCallback)((a,c)=>{cr.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};cr.info(`handleCopyFlow: Created copy of flow "${a.name}" with new name "${c}" (${a.nodes.length} nodes, ${a.edges.length} edges)`),b(d)},[b]),aq=()=>{let a=ah.current;ah.current=null,a&&a()},as=()=>{ah.current=null,H(!1),J("none"),L(""),O(null)},at=()=>{let c=am(K);if(c)return void O(c);"duplicate"===I?a&&ap(a,K):"rename"===I&&(b({id:a?.id||(0,E.A)(),name:K,description:z,nodes:k,edges:n}),ag(!1),aq()),as()},au=ab>0,av=ab<_.length-1,aw=(0,e.useCallback)(()=>{if(au){cr.debug(`handleUndo: Performing undo operation, moving from history index ${ab} to ${ab-1}`),ae(!0);let a=ab-1,b=_[a];m(b.nodes),o(b.edges),ac(a),cr.info(`handleUndo: Restored flow state to previous version (${b.nodes.length} nodes, ${b.edges.length} edges)`)}},[_,ab,au]),ax=(0,e.useCallback)(()=>{if(av){cr.debug(`handleRedo: Performing redo operation, moving from history index ${ab} to ${ab+1}`),ae(!0);let a=ab+1,b=_[a];m(b.nodes),o(b.edges),ac(a),cr.info(`handleRedo: Restored flow state to next version (${b.nodes.length} nodes, ${b.edges.length} edges)`)}},[_,ab,av]),ay=(0,e.useCallback)(a=>{for(let b of a)"position"===b.type&&(ai.current=!0===b.dragging);m(b=>(0,D._0)(a,b))},[]),az=(0,e.useCallback)(a=>{cr.debug(`onEdgesChange: Processing ${a.length} edge changes`),a.forEach(a=>{"remove"===a.type?cr.info(`onEdgesChange: Edge ${a.id} removed`):"select"===a.type&&cr.debug(`onEdgesChange: Edge ${a.id} selection changed to ${a.selected}`)}),o(b=>(0,D.zW)(a,b))},[]),aA=(0,e.useRef)(null),[aB,aD]=(0,e.useState)(null),aE=(0,e.useCallback)((a,b)=>{cr.debug(`handleNodeUpdate: Updating node ${a} properties`),m(c=>c.map(c=>c.id===a?(cr.info(`handleNodeUpdate: Node ${a} properties updated`),{...c,data:b}):c)),Q(!1),S(!1),U(!1),W(!1),Y(!1),$(null),cr.debug("handleNodeUpdate: Closed property modals")},[]),aF=(0,e.useCallback)(async(a,b)=>{let c=k.find(b=>b.id===a);if(!c)return void cr.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){cr.warn(`handleConnectMcpServer: could not load tools for ${b}`,a)}let e=n.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]);m(a=>[...a,f]),o(a=>[...a,g]),cr.info(`Connected MCP server "${b}" to process node ${a}`)},[k,n]),aG=(0,e.useCallback)(a=>{cr.debug("Opening properties for node:",a),$(a),"mcp"===a.data.type?S(!0):"start"===a.data.type?U(!0):"finish"===a.data.type?W(!0):"subflow"===a.data.type?Y(!0):Q(!0)},[]),aH=(0,e.useCallback)(a=>{cr.debug("onDrop: Node dropped on canvas"),a.preventDefault();let b=a.dataTransfer.getData("application/reactflow");if(cr.debug(`onDrop: Node type from data transfer: ${b}`),!b||!aB)return void cr.debug(`onDrop: Missing required data - type: ${!!b}, reactFlowInstance: ${!!aB}`);let c=aB.screenToFlowPosition({x:a.clientX,y:a.clientY});cr.debug(`onDrop: Calculated position: (${c.x}, ${c.y})`);let d=F.g.createNode(b,c);cr.info(`onDrop: Created new ${b} node with ID: ${d.id}`),m(a=>[...a.map(a=>({...a,selected:!1})),{...d,selected:!0}]),aG(d),cr.debug(`onDrop: Opened properties modal for new node: ${d.id}`)},[aB,aG]),aI=(0,e.useCallback)(a=>{a.preventDefault(),a.dataTransfer.dropEffect="move"},[]),aJ=(0,e.useCallback)(a=>{cr.debug("onInit: ReactFlow instance initialized"),aD(a)},[]);return(0,d.jsxs)(cs,{children:[(0,d.jsx)(aC,{}),(0,d.jsx)(D.Ln,{children:(0,d.jsxs)(cu,{children:[(0,d.jsxs)(ct,{elevation:1,children:[(0,d.jsx)(t.A,{size:"small",label:"Flow Name",value:v,onChange:a=>{let b=a.target.value;w(b),y(am(b))},sx:{minWidth:300},error:!!x,helperText:x}),(0,d.jsx)(t.A,{size:"small",label:"Description",value:z,onChange:a=>{A(a.target.value),ag(!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:an,startIcon:(0,d.jsx)(co,{}),disabled:!!x,children:"Save Flow"}),(0,d.jsx)(aT,{nodes:k,edges:n}),a&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{variant:"outlined",color:"primary",onClick:()=>{J("duplicate"),L(`${a.name}_copy`),H(!0)},children:"Copy Flow"}),(0,d.jsx)(j.A,{variant:"outlined",color:"error",onClick:ao,children:"Delete Flow"})]}),(0,d.jsx)(B.A,{orientation:"vertical",flexItem:!0}),(0,d.jsx)(l.A,{onClick:aw,disabled:!au,color:"primary",size:"small",children:(0,d.jsx)(cp,{})}),(0,d.jsx)(l.A,{onClick:ax,disabled:!av,color:"primary",size:"small",children:(0,d.jsx)(cq,{})}),(0,d.jsx)(h.default,{sx:{flex:1}})]}),(0,d.jsx)(h.default,{sx:{flex:1,position:"relative"},children:(0,d.jsx)(ar,{ref:aA,nodes:k,edges:n,onNodesChange:ay,onEdgesChange:az,onDrop:aH,onDragOver:aI,onInit:aJ,reactFlowWrapper:aA,onEditNode:aG})})]})}),(0,d.jsx)(cf,{open:P,node:Z,onClose:()=>Q(!1),onSave:aE,flowEdges:n,flowNodes:k,flowId:a?.id,onConnectMcpServer:a=>{Z&&aF(Z.id,a)}}),(0,d.jsx)(cj,{open:R,node:Z,onClose:()=>S(!1),onSave:aE}),(0,d.jsx)(ck,{open:T,node:Z,onClose:()=>U(!1),onSave:aE}),(0,d.jsx)(cl,{open:V,node:Z,onClose:()=>W(!1),onSave:aE}),(0,d.jsx)(cn,{open:X,node:Z,onClose:()=>Y(!1),onSave:aE,flowId:a?.id}),(0,d.jsxs)(p.A,{open:C,onClose:as,children:[(0,d.jsx)(q.A,{children:"duplicate"===I?"Copy Flow":"rename"===I?"Rename Flow":"Unsaved Changes"}),(0,d.jsx)(r.A,{children:"unsaved"===I?(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"===I?"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:K,onChange:a=>{let b=a.target.value;L(b),O(am(b))},error:!!M,helperText:M,sx:{mt:2}})]})}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:as,children:"Cancel"}),"unsaved"===I&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{onClick:()=>{ag(!1),aq(),as()},color:"error",children:"Discard Changes"}),(0,d.jsx)(j.A,{onClick:()=>{let a=an();"saved"===a?(aq(),as()):"invalid-name"===a&&as()},variant:"contained",color:"primary",children:"Save Changes"})]}),"rename"===I&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j.A,{onClick:()=>{let b=am(K);if(b)return void O(b);a&&ap(a,K),as()},children:"Copy"}),(0,d.jsx)(j.A,{onClick:at,variant:"contained",color:"primary",disabled:!!M,children:"Rename"})]}),"duplicate"===I&&(0,d.jsx)(j.A,{onClick:at,variant:"contained",color:"primary",disabled:!!M,children:"Copy"})]})]})]})});cv.displayName="FlowBuilder";var cw=c(77028);let cx=(0,C.h)("frontend/components/Flow/FlowManager/GenerateFlowDialog"),cy=({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)(null);(0,e.useEffect)(()=>{if(!a)return;let b=!1;return aR.N.loadModels().then(a=>{b||(k(a),m(b=>a.some(a=>a.id===b)?b:a[0]?.id??""))}).catch(a=>{cx.warn("Failed to load models for the generate dialog",a),b||A("Could not load your models. Configure a model first.")}),()=>{b=!0}},[a]);let B=(0,e.useCallback)(()=>{w||(A(null),b())},[w,b]),C=(0,e.useCallback)(async()=>{A(null),x(!0);try{let a=await F.g.generateFlow(f.trim(),l,{allowInstall:n});if(!a.success)return void A(a.error);cx.info("Draft flow generated",{flowId:a.flow.id,attempts:a.attempts,errors:a.validation.errorCount,warnings:a.validation.warningCount,installedServers:a.installedServers.length}),g(""),c({flow:a.flow,errorCount:a.validation.errorCount,warningCount:a.validation.warningCount,attempts:a.attempts,installedServers:a.installedServers})}finally{x(!1)}},[f,l,n,c]),D=!w&&f.trim().length>0&&!!l;return(0,d.jsxs)(p.A,{open:a,onClose:B,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."}),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 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:w,sx:{mb:2}}),(0,d.jsxs)(a4.A,{fullWidth:!0,disabled:w||0===i.length,children:[(0,d.jsx)(cb.A,{id:"generate-flow-model-label",children:"Generator model"}),(0,d.jsx)(cc.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)(bg.A,{sx:{mt:2},control:(0,d.jsx)(cw.A,{checked:n,onChange:a=>v(a.target.checked),disabled:w}),label:"Let the generator install MCP servers it needs (self-improve)"}),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 — 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)."]}),w&&(0,d.jsxs)(h.default,{sx:{display:"flex",alignItems:"center",gap:1.5,mt:2},children:[(0,d.jsx)(aE.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:B,disabled:w,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:C,variant:"contained",color:"primary",startIcon:(0,d.jsx)(y,{}),disabled:!D,children:"Generate"})]})]})},cz=null;var cA=c(75249),cB=c(44548),cC=c(33427);let cD={...e}.useSyncExternalStore;function cE(a={}){let{themeId:b}=a;return function(a,c={}){let d=(0,cC.A)();d&&b&&(d=d[b]||d);let{defaultMatches:f=!1,matchMedia:g=null,ssrMatchMedia:h=null,noSsr:i=!1}=(0,cB.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!==cD?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 cD(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,cA.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)}}cE();let cF=cE({themeId:c(35864).A});var cG=c(63757);let cH=(0,v.A)((0,d.jsx)("path",{d:"M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"}),"FilterList"),cI=(0,v.A)((0,d.jsx)("path",{d:"M3 14h4v-4H3zm0 5h4v-4H3zM3 9h4V5H3zm5 5h13v-4H8zm0 5h13v-4H8zM8 5v4h13V5z"}),"ViewList"),cJ=(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 cK=c(11402);let cL=(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 cM=c(9863),cN=c(81310),cO=c(18467),cP=c(423),cQ=c(98463),cR=c(78871);function cS(a){return(0,a9.Ay)("MuiSkeleton",a)}(0,a8.A)("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]);let cT=(0,cR.i7)`
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.4;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`,cU=(0,cR.i7)`
-  0% {
-    transform: translateX(-100%);
-  }
-
-  50% {
-    /* +0.5s of delay between each loop */
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(100%);
-  }
-`,cV="string"!=typeof cT?(0,cR.AH)`
-        animation: ${cT} 2s ease-in-out 0.5s infinite;
-      `:null,cW="string"!=typeof cU?(0,cR.AH)`
-        &::after {
-          animation: ${cU} 2s linear 0.5s infinite;
-        }
-      `:null,cX=(0,z.Ay)("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(a,b)=>{let{ownerState:c}=a;return[b.root,b[c.variant],!1!==c.animation&&b[c.animation],c.hasChildren&&b.withChildren,c.hasChildren&&!c.width&&b.fitContent,c.hasChildren&&!c.height&&b.heightAuto]}})((0,bm.A)(({theme:a})=>{let b=String(a.shape.borderRadius).match(/[\d.\-+]*\s*(.*)/)[1]||"px",c=parseFloat(a.shape.borderRadius);return{display:"block",backgroundColor:a.vars?a.vars.palette.Skeleton.bg:(0,bh.X4)(a.palette.text.primary,"light"===a.palette.mode?.11:.13),height:"1.2em",variants:[{props:{variant:"text"},style:{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${c}${b}/${Math.round(c/.6*10)/10}${b}`,"&:empty:before":{content:'"\\00a0"'}}},{props:{variant:"circular"},style:{borderRadius:"50%"}},{props:{variant:"rounded"},style:{borderRadius:(a.vars||a).shape.borderRadius}},{props:({ownerState:a})=>a.hasChildren,style:{"& > *":{visibility:"hidden"}}},{props:({ownerState:a})=>a.hasChildren&&!a.width,style:{maxWidth:"fit-content"}},{props:({ownerState:a})=>a.hasChildren&&!a.height,style:{height:"auto"}},{props:{animation:"pulse"},style:cV||{animation:`${cT} 2s ease-in-out 0.5s infinite`}},{props:{animation:"wave"},style:{position:"relative",overflow:"hidden",WebkitMaskImage:"-webkit-radial-gradient(white, black)","&::after":{background:`linear-gradient(
-                90deg,
-                transparent,
-                ${(a.vars||a).palette.action.hover},
-                transparent
-              )`,content:'""',position:"absolute",transform:"translateX(-100%)",bottom:0,left:0,right:0,top:0}}},{props:{animation:"wave"},style:cW||{"&::after":{animation:`${cU} 2s linear 0.5s infinite`}}}]}})),cY=e.forwardRef(function(a,b){let c=(0,by.b)({props:a,name:"MuiSkeleton"}),{animation:e="pulse",className:f,component:g="span",height:h,style:i,variant:j="text",width:k,...l}=c,m={...c,animation:e,component:g,variant:j,hasChildren:!!l.children},n=(a=>{let{classes:b,variant:c,animation:d,hasChildren:e,width:f,height:g}=a;return(0,a6.A)({root:["root",c,d,e&&"withChildren",e&&!f&&"fitContent",e&&!g&&"heightAuto"]},cS,b)})(m);return(0,d.jsx)(cX,{as:g,ref:b,className:(0,a5.A)(n.root,f),ownerState:m,...l,style:{width:k,height:h,...i}})});var cZ=c(1312),c$=c(78352);let c_=(0,C.h)("components/Flow/FlowDashboard/FlowCard"),c0=(0,z.Ay)(bP.A,{shouldForwardProp:a=>"selected"!==a})(({theme:a,selected:b})=>({display:"flex",flexDirection:"column",height:"100%",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",position:"relative",border:b?`2px solid ${a.palette.primary.main}`:"none",boxShadow:b?a.shadows[4]:a.shadows[1],"&:hover":{boxShadow:a.shadows[6],transform:"translateY(-4px)"},"&::before":b?{content:'""',position:"absolute",top:0,left:0,width:"100%",height:"4px",backgroundColor:a.palette.primary.main}:{}})),c1=(0,z.Ay)(h.default)(({theme:a})=>({height:"140px",backgroundColor:(0,bh.X4)(a.palette.background.default,.7),borderRadius:a.shape.borderRadius,display:"flex",alignItems:"center",justifyContent:"center",margin:a.spacing(1),overflow:"hidden",position:"relative"})),c2=()=>(0,d.jsxs)(bP.A,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,d.jsx)(h.default,{sx:{p:1},children:(0,d.jsx)(cY,{variant:"rectangular",height:140})}),(0,d.jsxs)(bQ.A,{sx:{flexGrow:1},children:[(0,d.jsx)(cY,{variant:"text",width:"80%",height:30}),(0,d.jsxs)(h.default,{sx:{display:"flex",gap:1,mt:1},children:[(0,d.jsx)(cY,{variant:"rectangular",width:60,height:20}),(0,d.jsx)(cY,{variant:"rectangular",width:90,height:20})]})]}),(0,d.jsxs)(cQ.A,{sx:{justifyContent:"flex-end",p:1},children:[(0,d.jsx)(cY,{variant:"circular",width:28,height:28}),(0,d.jsx)(cY,{variant:"circular",width:28,height:28}),(0,d.jsx)(cY,{variant:"circular",width:28,height:28})]})]}),c3=({flow:a,selected:b,onSelect:c,onDelete:f,onCopy:j,onEdit:k,onSetFolder:n,folders:o=[],validation:p})=>{c_.debug("Rendering FlowCard",{flowId:a.id,flowName:a.name});let q=(0,g.A)(),[r,s]=(0,e.useState)(null),t=p?.errorCount??0,u=p?.warningCount??0,v=t>0?"error":u>0?"warning":null,w=p?(0,d.jsxs)(h.default,{children:[(0,d.jsx)(i.default,{variant:"caption",sx:{fontWeight:600,display:"block",mb:.5},children:t>0?`${t} problem${1===t?"":"s"} — won't run`:`${u} warning${1===u?"":"s"}`}),p.issues.slice(0,5).map((a,b)=>(0,d.jsxs)(i.default,{variant:"caption",sx:{display:"block"},children:["• ",a.message]},b)),p.issues.length>5&&(0,d.jsxs)(i.default,{variant:"caption",sx:{display:"block",fontStyle:"italic"},children:["…and ",p.issues.length-5," more"]})]}):null;return(0,d.jsxs)(c0,{selected:b,children:[v&&(0,d.jsx)(m.A,{title:w,arrow:!0,placement:"top",children:(0,d.jsxs)(h.default,{sx:{position:"absolute",top:8,right:8,zIndex:2,display:"flex",alignItems:"center",gap:.5,px:.75,py:.25,borderRadius:1,color:"#fff",backgroundColor:"error"===v?q.palette.error.main:q.palette.warning.main,boxShadow:q.shadows[2],pointerEvents:"auto"},children:["error"===v?(0,d.jsx)(aJ.A,{sx:{fontSize:16}}):(0,d.jsx)(aK,{sx:{fontSize:16}}),(0,d.jsx)(i.default,{variant:"caption",sx:{fontWeight:700,lineHeight:1},children:"error"===v?t:u})]})}),(0,d.jsxs)(cP.A,{onClick:()=>c(a.id),sx:{display:"flex",flexDirection:"column",alignItems:"stretch",height:"100%",position:"relative"},children:[(0,d.jsx)(c1,{children:(()=>{if(0===a.nodes.length)return(0,d.jsx)(h.default,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,d.jsx)(i.default,{color:"textSecondary",align:"center",children:"Empty Flow"})});let b=a.nodes.map(a=>a.position?.x??0),c=a.nodes.map(a=>a.position?.y??0),e=Math.min(...b),f=Math.min(...c),g=Math.max(...b)+180,j=Math.max(...c)+70,k=`${e-40} ${f-40} ${g-e+80} ${j-f+80}`,l=a=>({cx:(a.position?.x??0)+90,cy:(a.position?.y??0)+35});return(0,d.jsx)(h.default,{sx:{width:"100%",height:"100%",p:1},children:(0,d.jsxs)("svg",{width:"100%",height:"100%",viewBox:k,preserveAspectRatio:"xMidYMid meet",style:{display:"block"},children:[a.edges.map((b,c)=>{let e=a.nodes.find(a=>a.id===b.source),f=a.nodes.find(a=>a.id===b.target);if(!e||!f)return null;let g=l(e),h=l(f);return(0,d.jsx)("line",{x1:g.cx,y1:g.cy,x2:h.cx,y2:h.cy,stroke:q.palette.text.secondary,strokeWidth:2,opacity:.5,vectorEffect:"non-scaling-stroke"},b.id||c)}),a.nodes.map(a=>{let b=a.position?.x??0,c=a.position?.y??0,e=a.data?.type??"process",f=(0,R.M6)(e,q);return(0,d.jsxs)("g",{children:[(0,d.jsx)("rect",{x:b,y:c,width:180,height:70,rx:12,fill:f,opacity:.85,stroke:q.palette.background.paper,strokeWidth:2,vectorEffect:"non-scaling-stroke"}),(0,d.jsx)("text",{x:b+90,y:c+35,textAnchor:"middle",dominantBaseline:"central",fill:"#fff",fontSize:35,fontWeight:"bold",children:e.substring(0,1).toUpperCase()})]},a.id)})]})})})()}),(0,d.jsxs)(bQ.A,{sx:{flexGrow:1,pb:0},children:[(0,d.jsx)(i.default,{variant:"h6",component:"div",noWrap:!0,children:a.name}),a.description&&(0,d.jsx)(m.A,{title:a.description,placement:"bottom-start",children:(0,d.jsx)(i.default,{variant:"body2",color:"text.secondary",sx:{mt:.5,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:a.description})}),(0,d.jsxs)(h.default,{sx:{display:"flex",gap:.5,mt:1,flexWrap:"wrap"},children:[(0,d.jsx)(aD.A,{size:"small",label:`${a.nodes.length} nodes`,color:"primary",variant:"outlined",sx:{fontSize:"0.7rem",height:20}}),(0,d.jsx)(aD.A,{size:"small",label:`${a.edges.length} connections`,color:"secondary",variant:"outlined",sx:{fontSize:"0.7rem",height:20}})]})]})]}),(0,d.jsxs)(cQ.A,{sx:{justifyContent:"flex-end",p:1,opacity:.7,"&:hover":{opacity:1}},children:[k&&(0,d.jsx)(m.A,{title:"Edit flow metadata",children:(0,d.jsx)(l.A,{size:"small",onClick:b=>{b.stopPropagation(),k&&k(a.id)},children:(0,d.jsx)(Z.A,{fontSize:"small"})})}),j&&(0,d.jsx)(m.A,{title:"Copy flow",children:(0,d.jsx)(l.A,{size:"small",onClick:b=>{b.stopPropagation(),j&&j(a.id)},children:(0,d.jsx)(X.A,{fontSize:"small"})})}),n&&(0,d.jsx)(m.A,{title:a.folder?`Folder: ${a.folder}`:"Move to folder",children:(0,d.jsx)(l.A,{size:"small",onClick:a=>{a.stopPropagation(),s(a.currentTarget)},color:a.folder?"primary":"default",children:(0,d.jsx)(cZ.A,{fontSize:"small"})})}),(0,d.jsx)(m.A,{title:"Delete flow",children:(0,d.jsx)(l.A,{size:"small",onClick:b=>{b.stopPropagation(),f(a.id)},color:"error",children:(0,d.jsx)(W.A,{fontSize:"small"})})})]}),n&&(0,d.jsx)(c$.A,{anchorEl:r,open:!!r,currentFolder:a.folder,folders:o,onClose:()=>s(null),onAssign:b=>n(a.id,b)})]})};var c4=c(59737),c5=c(7329);let c6=(0,C.h)("components/Flow/FlowDashboard/FlowDashboard");function c7(a,b){return a+Math.round(255*b).toString(16).padStart(2,"0")}let c8=({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,e.useState)("name-asc"),[v,w]=(0,e.useState)("grid"),[y,z]=(0,e.useState)(null),[C,D]=(0,e.useState)("none"),[E,F]=(0,e.useState)(null),[G,H]=(0,e.useState)(new Set),[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){c6.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){c6.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]=aQ(c,I)}catch(a){c6.warn("Failed to validate flow for badge",{flowId:c.id,error:a})}return b},[a,I]),L=(0,g.A)(),M=cF(L.breakpoints.down("sm")),N=cF(L.breakpoints.down("md")),O=()=>{z(null)},P=a=>{u(a),O()},Q=a=>{D(a),F(null)},R=(0,e.useMemo)(()=>{c6.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]),W=(0,e.useMemo)(()=>(0,c5.yF)(a,a=>a.folder),[a]),X=(0,e.useMemo)(()=>"folder"===C?(0,c5.Je)(R,a=>a.folder):"sort"===C?(0,c5.Az)(R,a=>(function(a,b){switch(b){case"name-asc":case"name-desc":return(0,c5.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,R,s]),Y=a=>(0,d.jsx)(aU.Ay,{container:!0,spacing:2,children:a.map(a=>(0,d.jsx)(aU.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)(c3,{flow:a,selected:b===a.id,onSelect:c,onDelete:f,onCopy:k,onEdit:m,onSetFolder:o,folders:W,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)(bO.A,{position:"start",children:(0,d.jsx)(bT.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?c7(L.palette.primary.main,.1):"transparent"},children:(0,d.jsx)(cJ,{fontSize:"small"})}),(0,d.jsx)(l.A,{size:"small",onClick:()=>w("compact"),color:"compact"===v?"primary":"default",sx:{borderRadius:0,backgroundColor:"compact"===v?c7(L.palette.primary.main,.1):"transparent"},children:(0,d.jsx)(cI,{fontSize:"small"})})]}),(0,d.jsx)(l.A,{size:"small",onClick:a=>F(a.currentTarget),color:"none"!==C?"primary":"default",sx:{border:`1px solid ${L.palette.divider}`,backgroundColor:L.palette.background.default},title:"Group cards",children:(0,d.jsx)(cM.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)(cG.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:[R.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)(aU.Ay,{container:!0,spacing:2,children:Array(6).fill(0).map((a,b)=>(0,d.jsx)(aU.Ay,{item:!0,xs:12,sm:"compact"===v?12:6,md:"compact"===v?12:4,children:(0,d.jsx)(c2,{})},`skeleton-${b}`))}):R.length>0?"none"===C?Y(R):X.map(a=>(0,d.jsx)(c4.A,{label:a.label,count:a.items.length,expanded:!G.has(a.key),onToggle:()=>(a=>{H(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})})(a.key),showFolderIcon:"folder"===C,children:Y(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)(V.A,{anchorEl:E,open:!!E,onClose:()=>F(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:[(0,d.jsxs)(S.A,{selected:"none"===C,onClick:()=>Q("none"),children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(cN.A,{fontSize:"small"})}),(0,d.jsx)(U.A,{primary:"No grouping"})]}),(0,d.jsxs)(S.A,{selected:"folder"===C,onClick:()=>Q("folder"),children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(cO.A,{fontSize:"small"})}),(0,d.jsx)(U.A,{primary:"By folder"})]}),(0,d.jsxs)(S.A,{selected:"sort"===C,onClick:()=>Q("sort"),children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(cM.A,{fontSize:"small"})}),(0,d.jsx)(U.A,{primary:"By sort setting"})]})]}),(0,d.jsxs)(V.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)(T.A,{children:(0,d.jsx)(cK.A,{fontSize:"small"})}),(0,d.jsx)(U.A,{primary:"Name (A-Z)"})]}),(0,d.jsxs)(S.A,{onClick:()=>P("name-desc"),children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(cK.A,{fontSize:"small",sx:{transform:"scaleX(-1)"}})}),(0,d.jsx)(U.A,{primary:"Name (Z-A)"})]}),(0,d.jsx)(B.A,{}),(0,d.jsxs)(S.A,{onClick:()=>P("newest"),children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(cL,{fontSize:"small"})}),(0,d.jsx)(U.A,{primary:"Newest first"})]}),(0,d.jsxs)(S.A,{onClick:()=>P("oldest"),children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(cL,{fontSize:"small",sx:{transform:"scaleX(-1)"}})}),(0,d.jsx)(U.A,{primary:"Oldest first"})]}),(0,d.jsx)(B.A,{}),(0,d.jsxs)(S.A,{onClick:()=>P("most-nodes"),children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(cH,{fontSize:"small"})}),(0,d.jsx)(U.A,{primary:"Most nodes"})]}),(0,d.jsxs)(S.A,{onClick:()=>P("least-nodes"),children:[(0,d.jsx)(T.A,{children:(0,d.jsx)(cH,{fontSize:"small",sx:{transform:"scaleY(-1)"}})}),(0,d.jsx)(U.A,{primary:"Least nodes"})]})]})]})},c9=(0,C.h)("app/flows/page"),da=()=>{c9.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)(!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)(()=>{c9.info("Loading flows"),(async()=>{z(!0);try{let a=await F.g.loadFlows();c9.debug("Flows loaded successfully",{count:a.length}),b(a),c&&(a.some(a=>a.id===c)||D?.id===c||(c9.warn("Previously selected flow no longer exists",{flowId:c}),f(null),B(!1),U("The previously selected flow is no longer available","warning")))}catch(a){c9.error("Error loading flows",a),U("Failed to load flows","error")}finally{z(!1)}})()},[c,D]);let T=(0,e.useCallback)(a=>{c9.debug("Flow selected",{flowId:a}),f(a),B(!0)},[]);(0,e.useEffect)(()=>{if(!(A&&c))return;let a=a=>{C.current?C.current.requestNavigation(a):a()};return cz=a,()=>{cz===a&&(cz=null)}},[A,c]);let U=(0,e.useCallback)((a,b="info")=>{c9.debug("Showing snackbar",{message:a,severity:b}),S({open:!0,message:a,severity:b})},[]),V=(0,e.useCallback)(()=>{c9.debug("Returning to dashboard");let a=()=>{B(!1),D&&D.id===c&&(G(null),f(null),U("Generated draft discarded","info"))};C.current?C.current.requestNavigation(a):a()},[D,c,U]),W=(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 X=(0,e.useCallback)(b=>(c9.debug("Validating flow name",{name:b}),b.trim())?/^[\w-]+$/.test(b)?a.some(a=>a.name.toLowerCase()===b.toLowerCase())?(c9.debug("Flow name validation failed: duplicate name"),"A flow with this name already exists"):(c9.debug("Flow name validation passed"),null):(c9.debug("Flow name validation failed: invalid characters"),"Flow name can only contain letters, numbers, underscores, and dashes"):(c9.debug("Flow name validation failed: empty name"),"Flow name cannot be empty"),[a]),Y=async c=>{c9.info("Saving flow",{flowId:c.id,flowName:c.name});try{let d=a.some(a=>a.id===c.id)?await F.g.updateFlow(c):await F.g.addFlow(c);if(!d.success){c9.error("Failed to save flow",{error:d.error}),U(d.error||"Failed to save flow","error");return}c9.debug("Flow saved successfully"),b(a=>{let b=a.findIndex(a=>a.id===c.id);if(!(b>=0))return c9.debug("Adding new flow to state"),[...a,c];{c9.debug("Updating existing flow in state");let d=[...a];return d[b]=c,d}}),D?.id===c.id&&G(null),f(c.id),U("Flow saved successfully","success")}catch(a){c9.error("Error saving flow",a),U("Failed to save flow","error")}},Z=async a=>{c9.info("Deleting flow",{flowId:a});try{await F.g.deleteFlow(a),c9.debug("Flow deleted successfully"),b(b=>b.filter(b=>b.id!==a)),c===a&&(c9.debug("Clearing selected flow as it was deleted"),f(null),B(!1)),U("Flow deleted","success")}catch(a){c9.error("Error deleting flow",a),U("Failed to delete flow","error")}},$=(0,e.useCallback)(async(c,d)=>{c9.info("Setting flow folder",{flowId:c,folder:d});let e=a.find(a=>a.id===c);if(!e)return void c9.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 U(a.error||"Failed to move flow to folder","error");b(a=>a.map(a=>a.id===c?f:a)),U(f.folder?`Moved to "${f.folder}"`:"Removed from folder","success")}catch(a){c9.error("Error setting flow folder",a),U("Failed to move flow to folder","error")}},[a,U]),_=b=>{c9.info("Copying flow",{flowId:b});let c=a.find(a=>a.id===b);c?(c9.debug("Found flow to copy",{flowName:c.name}),M(c),O(`${c.name}_copy`),K(!0)):(c9.warn("Flow to copy not found",{flowId:b}),U("Flow not found","error"))},aa=()=>{c9.debug("Closing copy flow dialog"),K(!1),M(null),O(""),Q(null)},ab=async()=>{if(c9.info("Confirming flow copy"),!L){c9.warn("No flow to copy"),U("No flow selected to copy","error");return}let a=X(N);if(a){c9.debug("Flow name validation failed",{error:a}),Q(a);return}let b=(0,E.A)();c9.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 Y(c),aa(),c9.debug("Selecting newly copied flow"),f(c.id),B(!0),U(`Created a copy named "${N}"`,"success")},ac=(0,e.useCallback)(a=>{c9.info("Opening generated draft flow",{flowId:a.flow.id,attempts:a.attempts,errors:a.errorCount,warnings:a.warningCount}),I(!1),G(a.flow),f(a.flow.id),B(!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?U(`Draft generated with ${a.errorCount} error(s) and ${a.warningCount} warning(s) — use the Check button, fix, then save.${c}`,"warning"):a.warningCount>0?U(`Draft generated with ${a.warningCount} warning(s) — review, then save to keep it.${c}`,"info"):U(`Flow drafted — review it and save to keep it.${c}`,"success")},[U]),ad=async()=>{c9.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 Y(e),B(!0),U("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:V,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:ad,"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:W,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)(cv,{ref:C,initialFlow:b,onSave:Y,onDelete:Z,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:V,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)(c8,{flows:a,selectedFlow:c,onSelectFlow:T,onDeleteFlow:Z,onCopyFlow:_,onCreateFlow:ad,onSetFolder:$,isLoading:v})})})})()}),(0,d.jsxs)(p.A,{open:J,onClose:aa,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;c9.debug("Flow name changed",{name:b}),O(b),Q(X(b))},error:!!P,helperText:P})]}),(0,d.jsxs)(u.A,{children:[(0,d.jsx)(j.A,{onClick:aa,children:"Cancel"}),(0,d.jsx)(j.A,{onClick:ab,variant:"contained",color:"primary",disabled:!!P,children:"Copy"})]})]}),(0,d.jsx)(cy,{open:H,onClose:()=>I(!1),onGenerated:ac})]})}},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,13790))},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")},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))},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,1050,1690,2666,5558,7328,5587,6283,8434,2776,8460,117,9188,5838],()=>b(b.s=76052));module.exports=c})();
+${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})();