flujo-ai 3.26.0 → 3.28.0

package/.next/static/chunks/app/chat/page-c39160ddf90bbae9.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8457],{27156:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var l=function(e){return e.MODELS="models",e.FLOWS="flows",e.CHAT_HISTORY="history",e.THEME="theme",e.ENCRYPTION_KEY="encryption_key",e.MCP_SERVERS="mcp_servers",e.GLOBAL_ENV_VARS="global_env_vars",e.CURRENT_CONVERSATION_ID="current_conversation_id",e.SELECTED_FLOW_ID="selected_flow_id",e.LAST_PICKED_FLOW_ID="last_picked_flow_id",e.SPEECH_SETTINGS="speech_settings",e.SPOTLIGHT_SERVERS="spotlight_servers",e.PLANNED_EXECUTIONS="planned_executions",e.MCP_AUTO_INSTALL_SETTINGS="mcp_auto_install_settings",e.MCP_QUALITY_SETTINGS="mcp_quality_settings",e.RUN_RESOURCE_SETTINGS="run_resource_settings",e.KV_STORE_SETTINGS="kv_store_settings",e.PENDING_APPROVALS="pending_approvals",e.MCP_INTERNAL_OVERRIDES="mcp_internal_overrides",e.PACKAGE_INSTALLS="package_installs",e.EXPERIMENTAL_SETTINGS="experimental_settings",e.REGISTRY_ACCOUNT="registry_account",e.REGISTRY_SETTINGS="registry_settings",e}({})},29692:(e,t,n)=>{"use strict";n.d(t,{Zg:()=>l.Z,YM:()=>s,VH:()=>i,Mj:()=>a});var l=n(27156),r=n(12115);let o=(0,n(87021).h)("utils/storage/frontend.ts");function a(e,t){o.verbose("useLocalStorage: Entering method");let[n,l]=(0,r.useState)(t),[a,i]=(0,r.useState)(!0),s=(0,r.useRef)(n);return(0,r.useEffect)(()=>{s.current=n},[n]),(0,r.useEffect)(()=>{(async()=>{o.verbose("loadValue: Entering method");try{let n=await fetch("/api/storage?key=".concat(encodeURIComponent(e),"&defaultValue=").concat(encodeURIComponent(JSON.stringify(t)))),r=await n.json();n.ok&&l(r.value)}catch(t){o.warn('Error reading storage key "'.concat(e,'":'),t)}finally{i(!1)}})()},[e]),[n,(0,r.useCallback)(async t=>{o.verbose("setValue: Entering method");try{let n=t instanceof Function?t(s.current):t;if(l(n),!(await fetch("/api/storage",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:e,value:n})})).ok)throw Error("Failed to save value")}catch(t){o.warn('Error setting storage key "'.concat(e,'":'),t)}},[e]),a]}let i=async(e,t)=>{o.verbose("saveItem: Entering method");try{if(!(await fetch("/api/storage",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:e,value:t})})).ok)throw Error("Failed to save item")}catch(e){throw o.error("Error saving to storage:",e),e}},s=async(e,t)=>{o.verbose("loadItem: Entering method");try{let n=await fetch("/api/storage?key=".concat(encodeURIComponent(e),"&defaultValue=").concat(encodeURIComponent(JSON.stringify(t))));if(!n.ok)throw Error("Failed to load item");return(await n.json()).value}catch(e){return o.error("Error loading from storage:",e),t}}},65818:(e,t,n)=>{"use strict";n.d(t,{mO:()=>o,oO:()=>a});var l=n(38459);let r=["stdio","websocket","sse","streamable"];function o(e,t){switch(t){case"name-asc":case"name-desc":return(0,l.po)(e.name);case"status-connected":case"status-disconnected":{let t=e.status;if("connected"===t)return{key:"status:connected",label:"Connected"};if("error"===t)return{key:"status:error",label:"Error"};if("requires_authentication"===t)return{key:"status:auth",label:"Requires authentication"};return{key:"status:disconnected",label:"Disconnected"}}case"transport":{let t=e.transport||"unknown";return{key:"transport:".concat(t),label:({stdio:"Stdio",websocket:"WebSocket",sse:"SSE",streamable:"Streamable HTTP"})[t]||t}}default:return{key:"all",label:"All servers"}}}function a(e,t){let n=(e,n)=>{switch(t){case"name-asc":return e.name.localeCompare(n.name);case"name-desc":return n.name.localeCompare(e.name);case"status-connected":if("connected"===e.status&&"connected"!==n.status)return -1;if("connected"!==e.status&&"connected"===n.status)return 1;return e.name.localeCompare(n.name);case"status-disconnected":if("disconnected"===e.status&&"disconnected"!==n.status)return -1;if("disconnected"!==e.status&&"disconnected"===n.status)return 1;return e.name.localeCompare(n.name);case"transport":{var l,o;let t=r.indexOf(null!=(l=e.transport)?l:""),a=r.indexOf(null!=(o=n.transport)?o:"");if(t!==a)return t-a;return e.name.localeCompare(n.name)}default:return 0}};return[...e].sort((e,t)=>{let l=Number(!!t.favorite)-Number(!!e.favorite);return 0!==l?l:n(e,t)})}},75870:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var l=n(95155),r=n(12115),o=n(94049),a=n(25635),i=n(4474),s=n(91871),d=n(56900),c=n(90057),u=n(96362),p=n(9226),f=n(68503);let h=e=>{let{selectedFlowId:t,onSelectFlow:n,disabled:h=!1,hideLabel:x=!1}=e,[m,g]=(0,r.useState)([]),[v,b]=(0,r.useState)(!0),[y,w]=(0,r.useState)(null),[j,A]=(0,r.useState)(!1);(0,r.useEffect)(()=>{(async()=>{b(!0),w(null);try{let e=await c.g.loadFlows();g(e)}catch(e){console.error("Error loading flows:",e),w("Failed to load flows")}finally{b(!1)}})()},[]);let S=e=>{n(e),A(!1)},I=async e=>{let t=m.find(t=>t.id===e);if(!t)return;let n=!t.favorite,l={...t,favorite:n||void 0};try{(await c.g.updateFlow(l)).success&&g(t=>t.map(t=>t.id===e?l:t))}catch(e){console.error("Error toggling flow favorite:",e)}},C=(0,f.E)("flows",m),k=e=>({key:e.id,content:(e=>(0,l.jsx)(p.A,{flow:e,selected:e.id===t,onSelect:S,onToggleFavorite:I,pickerMode:!0}))(e)}),E=C.items.map(k),N=C.groups?C.groups.map(e=>({...e,items:e.items.map(k)})):null,T=(()=>{if(!t)return"";let e=m.find(e=>e.id===t);return e?e.name:""})();return(0,l.jsxs)(o.default,{children:[!x&&(0,l.jsx)(a.default,{variant:"subtitle1",gutterBottom:!0,children:"Select Flow"}),v?(0,l.jsxs)(o.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,l.jsx)(i.default,{size:20}),(0,l.jsx)(a.default,{variant:"body2",color:"text.secondary",children:"Loading flows..."})]}):y?(0,l.jsx)(a.default,{color:"error",variant:"body2",children:y}):0===m.length?(0,l.jsx)(a.default,{variant:"body2",color:"text.secondary",children:"No flows available. Create some flows in the Flow Builder first."}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{variant:"outlined",startIcon:(0,l.jsx)(d.A,{}),onClick:()=>A(!0),disabled:h,sx:{textTransform:"none",maxWidth:"100%"},children:(0,l.jsx)(o.default,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t&&T||"Select a flow"})}),(0,l.jsx)(a.default,{variant:"caption",color:"text.secondary",display:"block",sx:{mt:.5},children:t?'Using "'.concat(T,'" flow for this conversation'):"Select a flow to use for this conversation"}),(0,l.jsx)(u.A,{open:j,onClose:()=>A(!1),title:"Select a flow",description:"Pick the flow this conversation will run.",skeleton:(0,l.jsx)(p.o,{}),emptyMessage:"No flows available. Create some flows in the Flow Builder first.",searchable:!0,searchPlaceholder:"Search flows…",searchTerm:C.searchTerm,onSearchChange:C.setSearchTerm,items:E,groups:N,collapsedKeys:C.collapsedKeys,onToggleGroup:C.toggleGroup})]})]})}},77965:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>nD});var l=n(95155),r=n(12115),o=n(97322),a=n(20063),i=n(94049),s=n(78470),d=n(41983),c=n(22003),u=n(9562),p=n(25635),f=n(28548),h=n(91871),x=n(3339),m=n(67895),g=n(2778),v=n(52363),b=n(65036),y=n(50001),w=n(75912),j=n(22719),A=n(11096),S=n(76530),I=n(36741),C=n(60691),k=n(47419),E=n(78410),N=n(14915),T=n(55930),z=n(56900),R=n(26922),D=n(29692),_=n(23820),M=n(73707),P=n(17681),O=n(21067),F=n(56422),W=n(52641),L=n(55606),H=n(86973),B=n(41602),U=n(50430),q=n(4484),J=n(86946),G=n(19219),K=n(51611),V=n(12140),Y=n(63186),Q=n(62962);function X(e){return"string"==typeof e&&e.startsWith("quickchat-")}n(77890);var Z=n(88377),$=n(38459);let ee="wave:__adhoc__",et="wave:__archived__";var en=n(97104);function el(e){let{nodes:t,childrenByParent:n,renderItem:r,expanded:o,onToggle:a,depth:s=0,visited:c,maxDepth:u=20}=e;if(!t||0===t.length||s>u)return null;let p=null!=c?c:new Set;return(0,l.jsx)(l.Fragment,{children:t.map(e=>{var t;if(p.has(e.id))return null;let c=null!=(t=n.get(e.id))?t:[],f=c.length>0&&s<u,h=!1!==o[e.id],x=new Set(p);return x.add(e.id),(0,l.jsxs)(i.default,{sx:{pl:1.5*(s>0),borderLeft:s>0?"1px dashed rgba(128,128,128,0.35)":"none"},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"flex-start"},children:[f?(0,l.jsx)(d.A,{size:"small",onClick:()=>a(e.id),"aria-label":h?"Collapse chain":"Expand chain",sx:{mt:.5,flexShrink:0},children:h?(0,l.jsx)(Q.A,{fontSize:"small"}):(0,l.jsx)(Y.A,{fontSize:"small"})}):(0,l.jsx)(i.default,{sx:{width:34,flexShrink:0}}),(0,l.jsx)(i.default,{sx:{flex:1,minWidth:0},children:r(e,s)})]}),f&&(0,l.jsx)(U.A,{in:h,timeout:"auto",unmountOnExit:!0,children:(0,l.jsx)(el,{nodes:c,childrenByParent:n,renderItem:r,expanded:o,onToggle:a,depth:s+1,visited:x,maxDepth:u})})]},e.id)})})}function er(e){var t,n;let l=new Map;for(let t of e)l.set(t.id,t);let r=new Map,o=[],a=e=>e.parentConversationId&&e.parentConversationId!==e.id?e.parentConversationId:null;for(let n of e){let e=a(n);if(e&&l.has(e)){let l=null!=(t=r.get(e))?t:[];l.push(n),r.set(e,l)}else o.push(n)}let i=new Set,s=[...o];for(;s.length;){let e=s.pop();if(!i.has(e.id))for(let t of(i.add(e.id),null!=(n=r.get(e.id))?n:[]))s.push(t)}let d=new Set(o.map(e=>e.id));for(let t of e)i.has(t.id)||d.has(t.id)||(o.push(t),d.add(t.id));return{roots:o,childrenByParent:r}}let eo={group:"flujo-ui:chat-sidebar:group",status:"flujo-ui:chat-sidebar:status",flow:"flujo-ui:chat-sidebar:flow",date:"flujo-ui:chat-sidebar:date",collapsed:"flujo-ui:chat-sidebar:collapsed",searchDim:"flujo-ui:chat-sidebar:search-dim"},ea=[{value:"all",label:"Any status"},{value:"running",label:"Processing"},{value:"awaiting_tool_approval",label:"Awaiting approval"},{value:"paused_debug",label:"Paused (debug)"},{value:"completed",label:"Completed"},{value:"error",label:"Error"}],ei=[{value:"all",label:"Any time"},{value:"today",label:"Last 24h"},{value:"7d",label:"Last 7 days"},{value:"30d",label:"Last 30 days"}],es=[{value:"none",label:"No grouping"},{value:"date",label:"Group by date"},{value:"flow",label:"Group by flow"},{value:"wave",label:"Group by wave"},{value:"chain",label:"Group by chain"}],ed=e=>{let{conversations:t,currentConversationId:n,onSelectConversation:o,onDeleteConversation:a,onStopConversation:c,onNewConversation:x,onQuickChat:m,onCollapse:g,flowNames:v={}}=e,[b,y]=r.useState(""),[w,j]=(0,en.Xk)(eo.searchDim,"title"),[S,I]=r.useState(null),[C,E]=(0,en.Xk)(eo.group,"none"),[N,T]=(0,en.Xk)(eo.status,"all"),[z,R]=(0,en.Xk)(eo.flow,"all"),[D,ed]=(0,en.Xk)(eo.date,"all"),[ec,eu]=(0,en.Xk)(eo.collapsed,{}),[ep,ef]=r.useState(null);r.useEffect(()=>{if("wave"!==C)return;let e=!1;return fetch("/api/waves").then(e=>e.ok?e.json():null).then(t=>{!e&&t&&ef(t)}).catch(()=>{}),()=>{e=!0}},[C,t]);let eh=(0,r.useMemo)(()=>(function(e){let t=new Map;if(!(null==e?void 0:e.waves))return t;for(let l of e.waves){var n;let e=null==(n=l.rootExecutionIds)?void 0:n[0],r=e&&l.nodes.find(t=>t.executionId===e)||l.nodes[0],o=(null==r?void 0:r.name)||(null==r?void 0:r.flowName)||l.id;for(let e of l.nodes)t.set(e.executionId,{waveId:l.id,label:o})}return t})(ep),[ep]);r.useEffect(()=>{let e=b.trim();if("content"!==w||0===e.length)return void I(null);let t=!1,n=setTimeout(()=>{fetch("/v1/chat/conversations?search=".concat(encodeURIComponent(e),"&dimension=content")).then(e=>e.ok?e.json():[]).then(e=>{t||I(new Set(Array.isArray(e)?e.map(e=>e.id):[]))}).catch(()=>{t||I(new Set)})},300);return()=>{t=!0,clearTimeout(n)}},[b,w]);let ex=r.useCallback(e=>{var t;return e?X(e)?{key:"flow:__quickchat__",label:"Quick Chat"}:{key:"flow:".concat(e),label:null!=(t=v[e])?t:"Unknown flow"}:{key:"flow:__none__",label:"No flow"}},[v]),em=(0,r.useMemo)(()=>{let e=new Map;for(let n of t){let t=ex(n.flowId);e.has(t.key)||e.set(t.key,t.label)}return Array.from(e.entries()).map(e=>{let[t,n]=e;return{key:t,label:n}}).sort((e,t)=>e.label.localeCompare(t.label))},[t,ex]),eg=(0,r.useMemo)(()=>{let e=b.trim().toLowerCase(),n=Date.now(),l="today"===D?n-864e5:"7d"===D?n-6048e5:"30d"===D?n-2592e6:0;return t.filter(t=>{if("all"!==N&&t.status!==N||"all"!==z&&ex(t.flowId).key!==z||l&&t.updatedAt<l)return!1;if(e){if("content"===w){if(!S||!S.has(t.id))return!1}else if(!"".concat(t.title," ").concat(ex(t.flowId).label).toLowerCase().includes(e))return!1}return!0}).sort((e,t)=>t.updatedAt-e.updatedAt)},[t,b,w,S,N,z,D,ex]),ev=(0,r.useMemo)(()=>"none"===C?[{key:"all",label:"",items:eg}]:"wave"===C?function(e){let t=new Set([ee,et]);return[...e.filter(e=>!t.has(e.key)),...e.filter(e=>t.has(e.key))]}((0,$.Az)(eg,e=>(function(e,t){if(!e)return{key:ee,label:"Ad-hoc"};let n=t.get(e);return n?{key:"wave:".concat(n.waveId),label:n.label}:{key:et,label:"Archived / no longer scheduled"}})(e.plannedExecutionId,eh))):(0,$.Az)(eg,e=>"date"===C?(0,Z.K)(e.updatedAt):ex(e.flowId)),[eg,C,ex,eh]),eb=(0,r.useMemo)(()=>"chain"===C?er(eg):{roots:[],childrenByParent:new Map},[C,eg]),[ey,ew]=r.useState({}),ej=r.useCallback(e=>{ew(t=>({...t,[e]:!1===t[e]}))},[]),eA=(0,r.useMemo)(()=>{let e=new Map;if("wave"!==C)return e;for(let t of ev)e.set(t.key,er(t.items));return e},[C,ev]),eS=+("all"!==N)+ +("all"!==z)+ +("all"!==D),eI=e=>{let t=!!c&&("running"===e.status||"awaiting_tool_approval"===e.status),r=ex(e.flowId),u="flow:__quickchat__"===r.key;return(0,l.jsx)(_.Ay,{disablePadding:!0,secondaryAction:(0,l.jsxs)(l.Fragment,{children:[t&&(0,l.jsx)(s.A,{title:"Stop this run",children:(0,l.jsx)(d.A,{edge:"end","aria-label":"stop run",onClick:t=>{t.stopPropagation(),c(e.id)},children:(0,l.jsx)(k.A,{color:"error"})})}),(0,l.jsx)(d.A,{edge:"end","aria-label":"delete",onClick:t=>{t.stopPropagation(),a(e.id)},children:(0,l.jsx)(q.A,{})})]}),sx:{opacity:e.id===n?1:.7},children:(0,l.jsx)(M.A,{selected:e.id===n,onClick:()=>o(e.id),sx:{pr:t?12:7},children:(0,l.jsx)(P.A,{primary:(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.status&&(0,l.jsx)(s.A,{title:(e=>{switch(e){case"running":return"Processing";case"awaiting_tool_approval":return"Waiting for tool approval";case"paused_debug":return"Paused in debug mode";case"completed":return"Completed";case"error":return"Error";default:return""}})(e.status),children:(0,l.jsx)(i.default,{component:"span",sx:{width:8,height:8,borderRadius:"50%",bgcolor:(e=>{switch(e){case"running":return"primary.main";case"awaiting_tool_approval":return"warning.main";case"paused_debug":return"secondary.main";case"completed":return"success.main";case"error":return"error.main";default:return"transparent"}})(e.status),display:"inline-block",flexShrink:0}})}),(0,l.jsx)(s.A,{title:e.title,enterDelay:500,children:(0,l.jsx)(p.default,{component:"span",fontWeight:e.id===n?"bold":"normal",sx:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",wordBreak:"break-word"},children:e.title})})]}),secondary:(0,l.jsxs)(i.default,{component:"span",sx:{display:"flex",alignItems:"center",gap:.75,mt:.5,flexWrap:"wrap"},children:["flow"!==C&&(0,l.jsx)(s.A,{title:u?"Quick Chat (no saved flow)":"Flow: ".concat(r.label),children:(0,l.jsx)(f.A,{icon:u?(0,l.jsx)(A.A,{}):void 0,label:r.label,size:"small",variant:"outlined",color:u?"secondary":"default",sx:{maxWidth:"100%",height:20,"& .MuiChip-label":{px:.75,fontSize:"0.7rem"}}})}),(0,l.jsx)(p.default,{component:"span",variant:"caption",color:"text.secondary",children:new Date(e.updatedAt).toLocaleDateString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})})]}),secondaryTypographyProps:{component:"div"}})})},e.id)},eC=t.length,ek=eg.length;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(i.default,{sx:{p:2,display:"flex",justifyContent:"space-between",alignItems:"center",gap:1},children:[g&&(0,l.jsx)(s.A,{title:"Hide sidebar",children:(0,l.jsx)(d.A,{size:"small",onClick:g,"aria-label":"Hide conversation sidebar",children:(0,l.jsx)(G.A,{})})}),(0,l.jsx)(p.default,{variant:"h6",sx:{flex:1},noWrap:!0,children:"Conversations"}),m&&(0,l.jsx)(s.A,{title:"Quick Chat: a model + optional MCP servers, no saved flow",children:(0,l.jsx)(h.A,{variant:"outlined",color:"primary",startIcon:(0,l.jsx)(A.A,{}),onClick:m,size:"small",children:"Quick"})}),(0,l.jsx)(h.A,{variant:"contained",color:"primary",startIcon:(0,l.jsx)(J.A,{}),onClick:x,size:"small",children:"New"})]}),(0,l.jsx)(O.A,{}),(0,l.jsxs)(i.default,{sx:{px:2,pt:1.5,pb:1,display:"flex",flexDirection:"column",gap:1},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",gap:1},children:[(0,l.jsx)(u.A,{size:"small",sx:{flex:1},placeholder:"content"===w?"Search message content…":"Search title or flow…",value:b,onChange:e=>y(e.target.value),InputProps:{startAdornment:(0,l.jsx)(F.A,{position:"start",children:(0,l.jsx)(K.A,{fontSize:"small"})}),endAdornment:b?(0,l.jsx)(F.A,{position:"end",children:(0,l.jsx)(d.A,{size:"small","aria-label":"Clear search",onClick:()=>y(""),children:(0,l.jsx)(V.A,{fontSize:"small"})})}):void 0}}),(0,l.jsx)(W.A,{size:"small",sx:{minWidth:100},children:(0,l.jsxs)(L.A,{value:w,onChange:e=>j(e.target.value),"aria-label":"Search dimension",children:[(0,l.jsx)(H.A,{value:"title",children:"Title"}),(0,l.jsx)(H.A,{value:"content",children:"Content"})]})})]}),(0,l.jsxs)(i.default,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:[(0,l.jsx)(W.A,{size:"small",sx:{minWidth:128,flex:"1 1 128px"},children:(0,l.jsx)(L.A,{value:C,onChange:e=>E(e.target.value),"aria-label":"Group conversations",children:es.map(e=>(0,l.jsx)(H.A,{value:e.value,children:e.label},e.value))})}),(0,l.jsx)(W.A,{size:"small",sx:{minWidth:128,flex:"1 1 128px"},children:(0,l.jsx)(L.A,{value:N,onChange:e=>T(e.target.value),"aria-label":"Filter by status",children:ea.map(e=>(0,l.jsx)(H.A,{value:e.value,children:e.label},e.value))})}),(0,l.jsx)(W.A,{size:"small",sx:{minWidth:128,flex:"1 1 128px"},children:(0,l.jsxs)(L.A,{value:em.some(e=>e.key===z)?z:"all",onChange:e=>R(e.target.value),"aria-label":"Filter by flow",children:[(0,l.jsx)(H.A,{value:"all",children:"Any flow"}),em.map(e=>(0,l.jsx)(H.A,{value:e.key,children:e.label},e.key))]})}),(0,l.jsx)(W.A,{size:"small",sx:{minWidth:128,flex:"1 1 128px"},children:(0,l.jsx)(L.A,{value:D,onChange:e=>ed(e.target.value),"aria-label":"Filter by date",children:ei.map(e=>(0,l.jsx)(H.A,{value:e.value,children:e.label},e.value))})})]}),(b||eS>0)&&(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",children:[ek," of ",eC]}),(0,l.jsx)(h.A,{size:"small",onClick:()=>{y(""),T("all"),R("all"),ed("all")},children:"Clear filters"})]})]}),(0,l.jsx)(O.A,{}),(0,l.jsx)(B.A,{sx:{overflow:"auto",flex:1},children:0===eC?(0,l.jsx)(_.Ay,{children:(0,l.jsx)(P.A,{primary:"No conversations yet",secondary:"Start a new conversation",primaryTypographyProps:{align:"center"},secondaryTypographyProps:{align:"center"}})}):0===ek?(0,l.jsx)(_.Ay,{children:(0,l.jsx)(P.A,{primary:"No matching conversations",secondary:"Try a different search or filter",primaryTypographyProps:{align:"center"},secondaryTypographyProps:{align:"center"}})}):"chain"===C?(0,l.jsx)(el,{nodes:eb.roots,childrenByParent:eb.childrenByParent,renderItem:e=>eI(e),expanded:ey,onToggle:ej}):"none"===C?eg.map(eI):ev.map(e=>{let t=!!ec[e.key],n="wave"===C?eA.get(e.key):void 0;return(0,l.jsxs)(i.default,{children:[(0,l.jsxs)(M.A,{onClick:()=>(e=>{eu(t=>({...t,[e]:!t[e]}))})(e.key),sx:{py:.5,bgcolor:"action.hover"},children:[t?(0,l.jsx)(Y.A,{fontSize:"small"}):(0,l.jsx)(Q.A,{fontSize:"small"}),(0,l.jsx)(p.default,{variant:"overline",sx:{ml:.5,flex:1,lineHeight:1.6},noWrap:!0,children:e.label}),(0,l.jsx)(f.A,{label:e.items.length,size:"small",sx:{height:18,"& .MuiChip-label":{px:.75,fontSize:"0.7rem"}}})]}),(0,l.jsx)(U.A,{in:!t,timeout:"auto",unmountOnExit:!0,children:n?(0,l.jsx)(el,{nodes:n.roots,childrenByParent:n.childrenByParent,renderItem:e=>eI(e),expanded:ey,onToggle:ej}):e.items.map(eI)})]},e.key)})})]})};var ec=n(4474),eu=n(99944),ep=n(9957),ef=n(2300),eh=n(98267),ex=n(20537),em=n(37960),eg=n(36314),ev=n(49501),eb=n(6504),ey=n(22133),ew=n(11665),ej=n(97516),eA=n(91861),eS=n(53612),eI=n(3014),eC=n(70863),ek=n(67891),eE=n(12121),eN=n(63992),eT=n(59637),ez=n(30949),eR=n(26188),eD=n(1877),e_=n(18466);function eM(e){return!!e&&(e.startsWith(e_.n9)||"handoff"===e)}var eP=n(38131),eO=n(87021);let eF=(0,eO.h)("frontend/components/Chat/ChatMessages");function eW(e){return"assistant"===e.role&&"tool_calls"in e&&Array.isArray(e.tool_calls)}function eL(e){if("tool"!==e.role||"string"!=typeof e.content)return!1;try{var t;return(null==(t=JSON.parse(e.content))?void 0:t.handoff)===!0}catch(e){return!1}}let eH={p:e=>(0,l.jsx)(p.default,{variant:"body1",sx:{mb:.5,whiteSpace:"pre-line"},children:e.children}),h1:e=>(0,l.jsx)(p.default,{variant:"h5",sx:{mt:2,mb:.5},children:e.children}),h2:e=>(0,l.jsx)(p.default,{variant:"h6",sx:{mt:2,mb:.5},children:e.children}),h3:e=>(0,l.jsx)(p.default,{variant:"subtitle1",sx:{mt:1.5,mb:.5},children:e.children}),h4:e=>(0,l.jsx)(p.default,{variant:"subtitle2",sx:{mt:1.5,mb:.5},children:e.children}),h5:e=>(0,l.jsx)(p.default,{variant:"body1",sx:{mt:1,mb:.5,fontWeight:"bold"},children:e.children}),h6:e=>(0,l.jsx)(p.default,{variant:"body2",sx:{mt:1,mb:.5,fontWeight:"bold"},children:e.children}),ul:e=>(0,l.jsx)(i.default,{component:"ul",sx:{pl:2,mb:1},children:e.children}),ol:e=>(0,l.jsx)(i.default,{component:"ol",sx:{pl:2,mb:1},children:e.children}),li:e=>(0,l.jsx)(i.default,{component:"li",sx:{mb:.5,whiteSpace:"pre-line"},children:e.children}),a:e=>(0,l.jsx)(p.default,{component:"a",sx:{color:"primary.main"},href:e.href,children:e.children}),blockquote:e=>(0,l.jsx)(i.default,{component:"blockquote",sx:{borderLeft:"4px solid",borderColor:"divider",pl:2,py:.5,my:1,bgcolor:"action.hover",borderRadius:"4px"},children:e.children}),code:e=>{let{node:t,className:n,children:r,...o}=e;return/language-(\w+)/.exec(n||"")||n?(0,l.jsx)(i.default,{component:"pre",sx:{bgcolor:"action.hover",p:1.5,borderRadius:"4px",overflowX:"auto",fontFamily:"monospace",fontSize:"0.875rem",my:1,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:r}):(0,l.jsx)(p.default,{component:"code",sx:{bgcolor:"action.hover",px:.5,py:.25,borderRadius:"4px",fontFamily:"monospace",wordBreak:"break-all"},children:r})}},eB=e=>{let{content:t,showRaw:n}=e;return n?(0,l.jsx)(i.default,{component:"pre",sx:{whiteSpace:"pre-wrap",wordBreak:"break-all",fontSize:"0.8rem",p:1,borderRadius:1,border:1,borderColor:e=>e.palette.divider,bgcolor:"action.hover",color:e=>e.palette.text.primary,overflow:"auto",maxHeight:"300px"},children:"string"==typeof t?t:"[Invalid tool content]"}):"string"!=typeof t?(0,l.jsx)(p.default,{variant:"body2",fontStyle:"italic",color:"text.secondary",children:"[Invalid tool content]"}):(0,l.jsx)(i.default,{sx:{width:"100%",minWidth:0},children:(()=>{try{let e=JSON.parse(t);if(e&&Array.isArray(e.content))return(0,l.jsx)(i.default,{sx:{display:"flex",flexDirection:"column",gap:1},children:e.content.map((e,t)=>"text"===e.type?(0,l.jsx)(eb.oz,{remarkPlugins:[ey.A],children:e.text},t):"image"===e.type&&e.data&&e.mimeType?(0,l.jsx)("img",{src:"data:".concat(e.mimeType,";base64,").concat(e.data),alt:"Tool Result Image ".concat(t+1),style:{maxWidth:"100%",height:"auto",borderRadius:"4px",marginTop:"8px"}},t):"audio"===e.type&&e.data&&e.mimeType?(0,l.jsx)("audio",{controls:!0,src:"data:".concat(e.mimeType,";base64,").concat(e.data),style:{width:"100%",marginTop:"8px"},children:"Your browser does not support the audio element."},t):(0,l.jsx)(i.default,{component:"pre",sx:{whiteSpace:"pre-wrap",wordBreak:"break-all",fontSize:"0.8rem",p:1,borderRadius:1,border:1,borderColor:e=>e.palette.divider,bgcolor:"action.hover",color:e=>e.palette.text.primary,overflow:"auto",mt:1},children:"Unsupported content type: ".concat(e.type,"\n").concat(JSON.stringify(e,null,2))},t))});return(0,l.jsx)(eb.oz,{remarkPlugins:[ey.A],children:"```json\n".concat(JSON.stringify(e,null,2),"\n```")})}catch(e){return(0,l.jsx)(eb.oz,{remarkPlugins:[ey.A],children:t})}})()})},eU=e=>{let{pairs:t,messageId:n,onAppMessage:o,onOpenInCanvas:a,canvasKeys:d}=e,[c,u]=(0,r.useState)(null),[x,m]=(0,r.useState)({}),g=(e,t)=>e.toolCall.id||"tc-".concat(n,"-").concat(t);return(0,l.jsxs)(i.default,{sx:{mt:1,pt:1,borderTop:"1px solid",borderColor:"divider"},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",color:"primary.main",mb:1},children:[(0,l.jsx)(eC.A,{fontSize:"small",sx:{mr:1}}),(0,l.jsx)(p.default,{variant:"body2",children:1===t.length?"The assistant used a tool":"The assistant used ".concat(t.length," tools")})]}),(0,l.jsx)(i.default,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:.5},children:t.map((e,t)=>{let n=g(e,t),o=function(e){if(!e)return"pending";if("string"==typeof e.content)try{let t=JSON.parse(e.content);if(t&&(!0===t.isError||null!=t.error))return"error"}catch(e){}return"done"}(e.result),a=c===n;return(0,l.jsxs)(r.Fragment,{children:[t>0&&(0,l.jsx)(i.default,{sx:{width:14,height:"2px",bgcolor:"divider",flexShrink:0}}),(0,l.jsx)(s.A,{title:a?"Hide call & result":"Show call & result",children:(0,l.jsx)(f.A,{icon:function(e){return"pending"===e?(0,l.jsx)(ec.default,{size:14,thickness:6}):"error"===e?(0,l.jsx)(C.A,{fontSize:"small"}):(0,l.jsx)(eE.A,{fontSize:"small"})}(o),label:(0,eD.yo)(e.toolCall.function.name),size:"small",clickable:!0,variant:a?"filled":"outlined",color:"error"===o?"error":"pending"===o?"default":"primary",onClick:()=>u(a?null:n),sx:{maxWidth:"100%"}})})]},n)})}),t.map((e,t)=>{var n,r;let s=g(e,t),u=e.toolCall.function.arguments;try{u=JSON.stringify(JSON.parse(e.toolCall.function.arguments),null,2)}catch(e){}let v=!!x[s];return(0,l.jsx)(U.A,{in:c===s,unmountOnExit:!0,children:(0,l.jsxs)(i.default,{sx:{mt:1,p:1,borderRadius:1,bgcolor:"rgba(0, 0, 0, 0.03)"},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",mb:.5},children:[(0,l.jsx)(eC.A,{fontSize:"small",sx:{mr:.5,color:"primary.main"}}),(0,l.jsx)(p.default,{variant:"caption",sx:{fontWeight:"bold"},children:"Parameters"}),(0,l.jsx)(f.A,{label:"ID: ".concat(e.toolCall.id?e.toolCall.id.substring(0,8):"N/A","..."),size:"small",color:"default",variant:"outlined",sx:{ml:1,height:20,fontSize:"0.7rem"}})]}),(0,l.jsx)(i.default,{component:"pre",sx:{bgcolor:"action.hover",p:1,borderRadius:"4px",overflowX:"auto",fontFamily:"monospace",fontSize:"0.75rem",my:.5,maxHeight:"150px",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:u}),(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",mt:1,mb:.5},children:[(0,l.jsx)(ek.A,{fontSize:"small",sx:{mr:.5,color:"text.secondary"}}),(0,l.jsx)(p.default,{variant:"caption",sx:{fontWeight:"bold"},children:"Result"}),e.result&&(0,l.jsx)(eu.A,{control:(0,l.jsx)(ep.A,{size:"small",checked:v,onChange:e=>m(t=>({...t,[s]:e.target.checked}))}),label:"Raw",sx:{ml:"auto",mr:0,"& .MuiTypography-root":{fontSize:"0.75rem"}}})]}),e.result?(0,l.jsx)(eB,{content:e.result.content,showRaw:v}):(0,l.jsxs)(p.default,{variant:"body2",fontStyle:"italic",color:"text.secondary",sx:{display:"flex",alignItems:"center",gap:1},children:[(0,l.jsx)(ec.default,{size:14,thickness:6})," Waiting for the tool to respond…"]}),(null==(r=e.result)||null==(n=r.ui)?void 0:n.uri)&&e.result.ui.serverName&&(a?(()=>{let t=e.result.ui,n=!!(null==d?void 0:d.has("".concat(t.serverName,"::").concat(t.uri)));return(0,l.jsxs)(i.default,{sx:{mt:1,display:"flex",alignItems:"center",gap:1,px:1,py:.5,border:"1px dashed",borderColor:"divider",borderRadius:1},children:[(0,l.jsx)(eR.A,{fontSize:"small",color:"primary"}),(0,l.jsxs)(p.default,{variant:"body2",sx:{flex:1,minWidth:0},noWrap:!0,children:["Interactive app from ",t.serverName]}),(0,l.jsx)(h.A,{size:"small",variant:n?"text":"outlined",onClick:()=>{var n;return a({serverName:t.serverName,uri:t.uri,toolName:e.toolCall.function.name,toolArgs:e.toolCall.function.arguments,resultContent:"string"==typeof(null==(n=e.result)?void 0:n.content)?e.result.content:void 0})},children:n?"Show in canvas":"Open in canvas"})]})})():(0,l.jsx)(eP.A,{serverName:e.result.ui.serverName,uri:e.result.ui.uri,toolName:e.toolCall.function.name,toolArgs:e.toolCall.function.arguments,toolResultContent:"string"==typeof e.result.content?e.result.content:void 0,onAppMessage:o}))]})},s)})]})},eq=r.memo(function(e){var t,n;let r,{message:o,nodeLabel:a,availableNodes:c,showRaw:u,toolCallPairs:h,onAppMessage:x,onOpenInCanvas:m,canvasKeys:g,hoistedHandoffs:v,isBeingEdited:b,onMenuOpen:y,onToggleRaw:w}=e,j=null!=(t=o.depth)?t:0;return(0,l.jsxs)(i.default,{sx:{display:"flex",flexDirection:"column",alignItems:"user"===o.role?"flex-end":"flex-start",opacity:o.disabled?.5:1,...j>0&&{pl:3*j,borderLeft:"2px solid",borderColor:"divider",ml:1}},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",mb:.5},children:[(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",sx:{mr:1},children:["user"===o.role?"You":"assistant"===o.role?"Assistant":"tool"===o.role?"Tool":"System"," • ","number"!=typeof(n=o.timestamp)||isNaN(n)?(eF.warn("formatTime received invalid timestamp:",n),"Invalid Date"):new Date(n).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})]}),o.processNodeId&&(0,l.jsx)(s.A,{title:"".concat(a?"".concat(a," — "):"","Process Node ID: ").concat(o.processNodeId),children:(0,l.jsx)(f.A,{label:"Node: ".concat(a||"".concat(o.processNodeId.substring(0,6),"...")),size:"small",color:"primary",variant:"outlined",sx:{height:20,fontSize:"0.7rem",mr:1}})}),j>0&&(0,l.jsx)(s.A,{title:"Nested subflow step (depth ".concat(j,")"),children:(0,l.jsx)(f.A,{label:"Subflow step",size:"small",color:"secondary",variant:"outlined",sx:{height:20,fontSize:"0.7rem",mr:1}})}),o.disabled&&(0,l.jsx)(f.A,{label:"Disabled",size:"small",color:"default",variant:"outlined",sx:{height:20,fontSize:"0.7rem"}}),o.usage&&(0,l.jsx)(s.A,{title:"".concat(o.usage.promptTokens.toLocaleString()," prompt + ").concat(o.usage.completionTokens.toLocaleString()," completion tokens (provider-reported)"),children:(0,l.jsx)(f.A,{label:"".concat((r=o.usage.totalTokens)>=1e3?"".concat((r/1e3).toFixed(r>=1e5?0:1),"k"):"".concat(r)," tok"),size:"small",color:"default",variant:"outlined",sx:{height:20,fontSize:"0.7rem",mr:1}})}),(0,l.jsx)(d.A,{size:"small",onClick:e=>y(e,o.id),sx:{ml:1},children:(0,l.jsx)(ew.A,{fontSize:"small"})})]}),(0,l.jsxs)(ef.A,{elevation:1,sx:{p:2,maxWidth:"75vw",borderRadius:2,bgcolor:"user"===o.role?"primary.light":"assistant"===o.role||"tool"===o.role?"background.paper":"info.light",color:"user"===o.role?"primary.contrastText":"assistant"===o.role||"tool"===o.role?"text.primary":"info.contrastText",position:"relative",borderLeft:"tool"===o.role?"4px solid":"none",borderColor:"tool"===o.role?"grey.400":"transparent",opacity:b?.55:1,outline:b?"2px dashed":"none",outlineColor:"warning.main",overflowWrap:"break-word",wordBreak:"break-word",overflow:"hidden"},children:[(0,l.jsxs)(l.Fragment,{children:["tool"!==o.role&&"string"==typeof o.content&&(0,l.jsx)(eb.oz,{remarkPlugins:[ey.A],components:eH,children:o.content}),"tool"!==o.role&&Array.isArray(o.content)&&(0,l.jsx)(i.default,{sx:{display:"flex",flexDirection:"column",gap:1},children:o.content.map((e,t)=>{var n;return(null==e?void 0:e.type)==="text"?(0,l.jsx)(eb.oz,{remarkPlugins:[ey.A],children:e.text},t):(null==e?void 0:e.type)==="image_url"&&(null==(n=e.image_url)?void 0:n.url)?(0,l.jsx)("img",{src:e.image_url.url,alt:"Image ".concat(t+1),style:{maxWidth:"100%",height:"auto",borderRadius:"4px"}},t):null})}),"tool"!==o.role&&"string"!=typeof o.content&&!Array.isArray(o.content)&&!eW(o)&&(0,l.jsx)(p.default,{variant:"body2",fontStyle:"italic",color:"text.secondary",children:"[No text content]"})]}),(()=>{let e=[...eW(o)?o.tool_calls.filter(e=>{var t;return!!(t=e.function.name)&&(t.startsWith(e_.n9)||"handoff"===t)}):[],...null!=v?v:[]];return(0,l.jsx)(i.default,{sx:{mt:1,display:"flex",flexWrap:"wrap",gap:.5},children:e.map((e,t)=>(0,l.jsx)(f.A,{size:"small",variant:"outlined",color:"secondary",icon:(0,l.jsx)(ez.A,{fontSize:"small"}),label:"Handoff → ".concat(function(e,t){let n=e.startsWith(e_.n9)?e.slice(e_.n9.length):e,l=n.replace(/_\d+$/,""),r=t.find(e=>{let t=(0,e_.RN)(e.label);return t===n||t===l});return(null==r?void 0:r.label)?r.label:l.split("_").filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ")||"target node"}(e.function.name,c)),sx:{maxWidth:"100%",fontWeight:500}},e.id||"handoff-".concat(o.id,"-").concat(t)))})})(),h&&h.length>0&&(0,l.jsx)(eU,{pairs:h,messageId:o.id,onAppMessage:x,onOpenInCanvas:m,canvasKeys:g}),"tool"===o.role&&o.tool_call_id&&!eL(o)&&(0,l.jsxs)(i.default,{children:[(0,l.jsxs)(p.default,{variant:"body2",sx:{display:"flex",alignItems:"center",color:"text.secondary",mb:1},children:[(0,l.jsx)(ek.A,{fontSize:"small",sx:{mr:1}}),"The tool responded to the assistant"]}),(0,l.jsxs)(eh.A,{defaultExpanded:!1,sx:{mb:.5,"&:before":{display:"none"},boxShadow:"none",bgcolor:"rgba(0, 0, 0, 0.02)"},children:[(0,l.jsx)(ex.A,{expandIcon:(0,l.jsx)(Y.A,{}),children:(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center"},children:[(0,l.jsx)(ek.A,{fontSize:"small",sx:{mr:1,color:"text.secondary"}}),(0,l.jsx)(p.default,{variant:"subtitle2",children:"Tool Result"}),(0,l.jsx)(f.A,{label:"ID: ".concat(o.tool_call_id.substring(0,8),"..."),size:"small",color:"default",variant:"outlined",sx:{ml:1,height:20,fontSize:"0.7rem"}}),(0,l.jsx)(eu.A,{control:(0,l.jsx)(ep.A,{size:"small",checked:u,onChange:e=>w(o.id,e.target.checked),onClick:e=>e.stopPropagation()}),label:"Raw",sx:{mr:1,ml:"auto","& .MuiTypography-root":{fontSize:"0.75rem"}},onClick:e=>e.stopPropagation()})]})}),(0,l.jsx)(em.A,{sx:{pt:0,pb:1,overflow:"hidden"},children:(0,l.jsx)(eB,{content:o.content,showRaw:u})})]})]}),o.attachments&&o.attachments.length>0&&(0,l.jsxs)(i.default,{sx:{mt:1,pt:1,borderTop:"1px solid",borderColor:"divider"},children:[(0,l.jsx)(p.default,{variant:"caption",color:"text.secondary",sx:{display:"block",mb:.5},children:"Attachments:"}),o.attachments.map(e=>"image"===e.type?(0,l.jsx)(i.default,{sx:{mb:.5},children:(0,l.jsx)("img",{src:e.content,alt:e.originalName||"image attachment",style:{maxWidth:"100%",height:"auto",borderRadius:"4px"}})},e.id):(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",p:1,borderRadius:1,bgcolor:"rgba(0, 0, 0, 0.04)",mb:.5},children:["document"===e.type?(0,l.jsx)(eS.A,{fontSize:"small",sx:{mr:1}}):(0,l.jsx)(eI.A,{fontSize:"small",sx:{mr:1}}),(0,l.jsx)(p.default,{variant:"caption",sx:{wordBreak:"break-all"},children:e.originalName||"".concat(e.type," attachment")})]},e.id))]})]})]})}),eJ=e=>{let{messages:t,pendingToolCalls:n,availableNodes:o=[],conversationId:a,editingMessageId:s,onToggleDisabled:d,onSplitConversation:c,onBeginEditMessage:u,onApproveToolCall:x,onRejectToolCall:m,onAppMessage:g,onOpenInCanvas:v,canvasKeys:b}=e,[y,w]=(0,r.useState)(50);(0,r.useEffect)(()=>{w(50)},[a]);let j=Math.max(0,(Array.isArray(t)?t.length:0)-y),A=(0,r.useMemo)(()=>Array.isArray(t)?j>0?t.slice(j):t:[],[t,j]),{pairsByAnchorId:S,handoffsByAnchorId:I,consumedToolCallIds:C,groups:k}=(0,r.useMemo)(()=>(function(e){let t=new Map,n=new Map,l=new Set,r=new Set,o=new Map,a=[];if(!Array.isArray(e))return{pairsByAnchorId:t,handoffsByAnchorId:n,hoistedAssistantIds:l,consumedToolCallIds:r,groups:a};let i=new Map;for(let t of e)"tool"===t.role&&"string"==typeof t.tool_call_id&&t.tool_call_id&&!i.has(t.tool_call_id)&&i.set(t.tool_call_id,t);let s=e=>{let l=o.get(e);return l||(l={anchorId:e,memberIds:[e],hoistedIds:[]},o.set(e,l),a.push(l),t.set(e,[]),n.set(e,[])),l},d=null;for(let o of e){if("user"===o.role||"system"===o.role){d=null;continue}if("assistant"!==o.role)continue;let e=Array.isArray(o.tool_calls)?o.tool_calls:[],a=[],u=[];for(let t of e){var c;if("function"!==t.type)continue;if(eM(null==(c=t.function)?void 0:c.name)){u.push(t);continue}let e=t.id,n=e?i.get(e):void 0;e&&r.add(e),a.push({toolCall:t,result:n})}let p=function(e){let t=e.content;return"string"==typeof t?t.trim().length>0:!!Array.isArray(t)&&t.some(e=>{var t,n;return!!e&&"object"==typeof e&&("text"===e.type?"string"==typeof e.text&&e.text.trim().length>0:"image_url"===e.type?!!(null==(t=e.image_url)?void 0:t.url):"input_audio"===e.type&&!!(null==(n=e.input_audio)?void 0:n.data))})}(o),f=a.length>0||u.length>0;if(p){d=o.id,f&&(s(o.id),t.get(o.id).push(...a),n.get(o.id).push(...u));continue}if(f)if(d){let e=s(d);t.get(d).push(...a),n.get(d).push(...u),e.memberIds.push(o.id),e.hoistedIds.push(o.id),l.add(o.id)}else d=o.id,s(o.id),t.get(o.id).push(...a),n.get(o.id).push(...u)}return{pairsByAnchorId:t,handoffsByAnchorId:n,hoistedAssistantIds:l,consumedToolCallIds:r,groups:a}})(t),[t]),E=(0,r.useMemo)(()=>(function(e){let t=new Set;if(!Array.isArray(e))return t;for(let l of e){if("assistant"!==l.role)continue;let e=l.tool_calls;if(Array.isArray(e))for(let l of e){var n;"function"===l.type&&eM(null==(n=l.function)?void 0:n.name)&&"string"==typeof l.id&&l.id&&t.add(l.id)}}return t})(t),[t]),T=(0,r.useMemo)(()=>new Set(A.map(e=>e.id)),[A]),{renderPairsById:z,renderHandoffsById:R,suppressedIds:D}=(0,r.useMemo)(()=>{let e=new Map,t=new Map,n=new Set;for(let a of k){var l,r,o;let i=null!=(l=S.get(a.anchorId))?l:[],s=null!=(r=I.get(a.anchorId))?r:[],d=null!=(o=a.memberIds.find(e=>T.has(e)))?o:a.anchorId;for(let l of(i.length>0&&e.set(d,i),s.length>0&&t.set(d,s),a.hoistedIds))l!==d&&n.add(l)}return{renderPairsById:e,renderHandoffsById:t,suppressedIds:n}},[k,S,I,T]),[_,M]=r.useState(null),[O,F]=r.useState(null),[W,L]=r.useState({}),B=(0,r.useCallback)((e,t)=>{eF.debug("handleMenuOpen called with messageId: ".concat(t)),M(e.currentTarget),F(t)},[]),U=(0,r.useCallback)((e,t)=>{L(n=>({...n,[e]:t}))},[]),q=()=>{M(null),F(null)},J=()=>{O&&(null==u||u(O),q())},G=(0,r.useMemo)(()=>{let e=new Map;for(let t of o)e.set(t.id,t.label);return e},[o]),K=(0,r.useMemo)(()=>O&&t.find(e=>e.id===O)||null,[O,t]);return(0,l.jsxs)(i.default,{sx:{display:"flex",flexDirection:"column",gap:2},children:[j>0&&(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center"},children:(0,l.jsxs)(h.A,{size:"small",variant:"outlined",onClick:()=>w(e=>e+200),children:["Show earlier messages (",j," more)"]})}),A.map((e,t)=>eL(e)||"tool"===e.role&&"string"==typeof e.tool_call_id&&E.has(e.tool_call_id)||"tool"===e.role&&"string"==typeof e.tool_call_id&&C.has(e.tool_call_id)||D.has(e.id)?null:(0,l.jsx)(eq,{message:e,nodeLabel:e.processNodeId?G.get(e.processNodeId):void 0,availableNodes:o,showRaw:!!W[e.id],toolCallPairs:z.get(e.id),onAppMessage:g,onOpenInCanvas:v,canvasKeys:b,hoistedHandoffs:R.get(e.id),isBeingEdited:!!s&&e.id===s,onMenuOpen:B,onToggleRaw:U},e.id||"msg-".concat(j+t))),(0,l.jsxs)(eg.A,{anchorEl:_,open:!!_,onClose:q,children:[K&&(()=>{eF.debug("Entering menu item rendering logic",{activeMessageId:O}),eF.debug("Active message object for menu:",K),eF.debug("Active message role for menu:",null==K?void 0:K.role);try{if("user"===K.role&&"string"==typeof K.content&&u)return(0,l.jsxs)(H.A,{onClick:J,children:[(0,l.jsx)(ev.A,{children:(0,l.jsx)(N.A,{fontSize:"small"})}),(0,l.jsx)(P.A,{children:"Edit Message"})]});return null}catch(e){return eF.error("Error rendering Edit Message menu item",{error:e}),null}})(),(0,l.jsxs)(H.A,{onClick:()=>{O&&(d(O),q())},children:[(0,l.jsx)(ev.A,{children:(0,l.jsx)(ej.A,{fontSize:"small"})}),(0,l.jsx)(P.A,{children:(null==K?void 0:K.disabled)?"Enable Message":"Disable Message"})]}),(0,l.jsxs)(H.A,{onClick:()=>{O&&(c(O),q())},children:[(0,l.jsx)(ev.A,{children:(0,l.jsx)(eA.A,{fontSize:"small"})}),(0,l.jsx)(P.A,{children:"Split Conversation Here"})]})]}),n&&n.length>0&&(0,l.jsxs)(ef.A,{elevation:2,sx:{p:2,mt:2,bgcolor:"warning.light",border:"1px solid",borderColor:"warning.main",borderRadius:2},children:[(0,l.jsxs)(p.default,{variant:"h6",sx:{mb:1,display:"flex",alignItems:"center"},children:[(0,l.jsx)(eC.A,{sx:{mr:1}})," Tool Approval Required"]}),(0,l.jsx)(p.default,{variant:"body2",sx:{mb:2},children:"The assistant wants to use the following tool(s). Please approve or reject each request."}),n.map((e,t)=>{let n=(0,eD.yo)(e.function.name),r=e.function.arguments;try{let t=JSON.parse(e.function.arguments);r=JSON.stringify(t,null,2)}catch(e){}return(0,l.jsxs)(eh.A,{defaultExpanded:!0,sx:{mb:1,"&:before":{display:"none"},boxShadow:1},children:[(0,l.jsx)(ex.A,{expandIcon:(0,l.jsx)(Y.A,{}),children:(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",width:"100%"},children:[(0,l.jsx)(eC.A,{fontSize:"small",sx:{mr:1,color:"primary.main"}}),(0,l.jsx)(p.default,{variant:"subtitle2",sx:{fontWeight:"bold",flexGrow:1},children:n}),(0,l.jsx)(f.A,{label:"ID: ".concat(e.id?e.id.substring(0,8):"N/A","..."),size:"small",variant:"outlined",sx:{ml:1,height:20,fontSize:"0.7rem"}})]})}),(0,l.jsxs)(em.A,{sx:{pt:0},children:[(0,l.jsx)(i.default,{component:"pre",sx:{bgcolor:"action.hover",p:1,borderRadius:"4px",overflowX:"auto",fontFamily:"monospace",fontSize:"0.75rem",my:.5,maxHeight:"150px",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:r}),(0,l.jsxs)(i.default,{sx:{display:"flex",justifyContent:"flex-end",gap:1,mt:1},children:[(0,l.jsx)(h.A,{variant:"outlined",color:"error",size:"small",startIcon:(0,l.jsx)(eT.A,{}),onClick:()=>m&&m(e.id),disabled:!m,children:"Reject"}),(0,l.jsx)(h.A,{variant:"contained",color:"success",size:"small",startIcon:(0,l.jsx)(eN.A,{}),onClick:()=>x&&x(e.id),disabled:!x,children:"Approve"})]})]})]},e.id||"ptc-".concat(t))})]})]})};var eG=n(84869);let eK=(0,eO.h)("frontend/services/transcription");async function eV(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{onProgress:n,onStatusChange:l,language:r}=t;try{if(eK.debug("Starting transcription service"),l&&l("Initializing transcription..."),!(0,eG.G)().supported)throw Error("Web Speech API is not supported in this browser");l&&l("Using browser speech recognition...");let t=await (0,eG.S)(e,{language:r,onInterimResult:e=>{l&&l("Transcribing: ".concat(e)),n&&n(50)}});return l&&l("Transcription completed"),eK.debug("Web Speech API transcription completed successfully",{textLength:t.length}),{text:t,success:!0,engine:"webspeech"}}catch(e){return eK.error("Transcription failed",{error:e}),l&&l("Transcription failed"),{text:"Transcription failed. Please check if your browser supports speech recognition.",success:!1,error:e instanceof Error?e.message:String(e)}}}var eY=n(9164),eQ=n(22822),eX=n(35205),eZ=n(77073),e$=n(9693),e0=n(4823),e1=n(76122),e2=n(22539),e5=n(33567),e6=n(77758);let e4=new Set(["start","process","subflow"]),e8=e=>{var t,n;return null!=(n=e.type)?n:null==(t=e.data)?void 0:t.type},e7=e=>{let{flow:t,selectedNodeId:n,onSelect:o,onClose:a}=e,i=(0,e5.A)(),s=(0,r.useMemo)(()=>((null==t?void 0:t.nodes)||[]).map(e=>{let t=e4.has(e8(e)||""),l=e.id===n;return{...e,draggable:!1,selectable:!1,style:{...e.style||{},opacity:t?1:.35,cursor:t?"pointer":"default",borderRadius:8,boxShadow:l?"0 0 0 3px ".concat(i.palette.primary.main):void 0,transition:"box-shadow 120ms ease"}}}),[null==t?void 0:t.nodes,n,i.palette.primary.main]),d=(0,r.useMemo)(()=>((null==t?void 0:t.edges)||[]).filter(e=>e.source&&e.target&&e.sourceHandle&&e.targetHandle),[null==t?void 0:t.edges]),c=(0,r.useMemo)(()=>({type:"custom",animated:!1,style:{stroke:i.palette.text.secondary,strokeWidth:2},markerEnd:{type:e1.TG.ArrowClosed,width:20,height:20,color:i.palette.text.secondary}}),[i.palette.text.secondary]);return(0,l.jsx)(e2.Gc,{nodes:s,edges:d,nodeTypes:e6.c_,edgeTypes:e6.nd,defaultEdgeOptions:c,connectionLineType:e1.Do.SmoothStep,fitView:!0,minZoom:.1,maxZoom:2,onNodeClick:(e,t)=>{e4.has(e8(t)||"")&&(o(t.id),a())},nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,deleteKeyCode:null,proOptions:{hideAttribution:!0},children:(0,l.jsx)(e2.VS,{})})},e3=e=>{var t,n;let{open:r,flow:o,selectedNodeId:a,allowAutomatic:s,onSelect:d,onClose:c}=e,u=!!(o&&(null!=(n=null==(t=o.nodes)?void 0:t.length)?n:0)>0);return(0,l.jsxs)(g.A,{open:r,onClose:c,maxWidth:"lg",fullWidth:!0,children:[(0,l.jsx)(v.A,{children:"Pick a node to run on"}),(0,l.jsxs)(b.A,{dividers:!0,sx:{p:0},children:[(0,l.jsx)(i.default,{sx:{px:2,pt:1.5},children:(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",children:["Click a ",(0,l.jsx)("strong",{children:"Start"}),", ",(0,l.jsx)("strong",{children:"Process"}),", or"," ",(0,l.jsx)("strong",{children:"Subflow"})," node. Other nodes and edges can't be picked."]})}),(0,l.jsx)(i.default,{sx:{height:"62vh",width:"100%"},children:u?(0,l.jsx)(e2.Ln,{children:(0,l.jsx)(e7,{flow:o,selectedNodeId:a,onSelect:d,onClose:c})}):(0,l.jsx)(i.default,{sx:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)(p.default,{variant:"body2",color:"text.secondary",children:"No flow to display."})})})]}),(0,l.jsxs)(w.A,{children:[s&&(0,l.jsx)(h.A,{startIcon:(0,l.jsx)(e0.A,{}),onClick:()=>{d(null),c()},children:"Automatic"}),(0,l.jsx)(i.default,{sx:{flex:1}}),(0,l.jsx)(h.A,{onClick:c,children:"Cancel"})]})]})};var e9=n(74879);let te=(0,eO.h)("frontend/components/Chat/ChatInput"),tt=e=>{var t,n;let{onSendMessage:o,disabled:a=!1,requireApproval:c=!1,onRequireApprovalChange:x,executeInDebugger:m=!1,onExecuteInDebuggerChange:y,availableNodes:j=[],flow:A=null,currentNodeId:S=null,nodeOverrideActive:I=!1,onSelectNode:C,editing:k=null,onEditingContentChange:E,onEditingNodeChange:z,onSaveEdit:R,onCancelEdit:D}=e,{settings:_}=(0,eY.useStorage)(),[M,P]=(0,r.useState)(""),[O,F]=(0,r.useState)([]),[W,L]=(0,r.useState)(!1),[H,B]=(0,r.useState)(0),[U,q]=(0,r.useState)(null),J=(0,r.useRef)(null),G=(0,r.useRef)(null),K=(0,r.useRef)([]),[V,Y]=(0,r.useState)(!1),Q=!!k,X=Q?null!=(t=null==k?void 0:k.nodeId)?t:null:S,Z=(e=>{var t;return(null==(t=j.find(t=>t.id===e))?void 0:t.label)||(e?"".concat(e.substring(0,6),"..."):"Start")})(X),[$,ee]=(0,r.useState)(!1),[et,en]=(0,r.useState)(""),[el,er]=(0,r.useState)(""),[eo,ea]=(0,r.useState)("document"),[ei,es]=(0,r.useState)(!1),[ed,ep]=(0,r.useState)(0),[eh,ex]=(0,r.useState)(""),em=()=>{k&&k.content.trim()&&(null==R||R())},eg=()=>{(M.trim()||O.length>0)&&(te.debug("Sending message",{messageLength:M.length,attachmentsCount:O.length}),o(M,O),P(""),F([]))},ev=async e=>{let t=e.target.files;if(!t||0===t.length)return;let n=t[0];te.debug("File selected",{fileName:n.name,fileSize:n.size,fileType:n.type}),er("Processing ".concat(n.name)),ea("document"),en(""),es(!0),ee(!0);try{let e=await eb(n);te.debug("File read successfully",{contentLength:e.length}),en(e),es(!1)}catch(e){te.error("Error reading file:",e),en("Error reading file. Please try again with a text file."),es(!1)}J.current&&(J.current.value="")},eb=e=>new Promise((t,n)=>{let l=new FileReader;l.onload=e=>{var l;(null==(l=e.target)?void 0:l.result)?t(e.target.result):n(Error("Failed to read file"))},l.onerror=()=>{n(Error("Error reading file"))},l.readAsText(e)}),ey=async()=>{te.debug("Starting audio recording");try{let e=await navigator.mediaDevices.getUserMedia({audio:!0});te.debug("Audio stream obtained successfully"),K.current=[];let t=new MediaRecorder(e);G.current=t,t.ondataavailable=e=>{e.data.size>0&&K.current.push(e.data)},t.onstop=async()=>{let t=new Blob(K.current,{type:"audio/wav"});er("Audio Recording"),ea("audio"),en(""),es(!0),ee(!0);try{if(((null==_?void 0:_.speech)||{enabled:!0,modelSize:"base",autoDownload:!1}).enabled){ex("Initializing transcription..."),ep(0);let e=await eV(t,{onProgress:ep,onStatusChange:ex,language:navigator.language});if(e.success){let t=e.text;en(t),te.debug("Transcription successful",{textLength:e.text.length,engine:e.engine})}else en("Error transcribing audio: ".concat(e.error,".")),te.error("Transcription failed",{error:e.error})}else en("Speech recognition is disabled in settings. Enable it to get automatic transcriptions.")}catch(e){te.error("Error handling audio recording",{error:e}),en("Failed to process audio: ".concat(e))}finally{es(!1),e.getTracks().forEach(e=>e.stop())}},t.start(),L(!0);let n=setInterval(()=>{B(e=>e+1)},1e3);q(n)}catch(e){te.error("Error starting recording:",e),alert("Could not access microphone. Please check permissions.")}};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(ef.A,{elevation:3,sx:{p:2,display:"flex",flexDirection:"column",borderRadius:2},children:[O.length>0&&(0,l.jsx)(i.default,{sx:{mb:2,display:"flex",flexWrap:"wrap",gap:1},children:O.map(e=>(0,l.jsxs)(ef.A,{variant:"outlined",sx:{p:1,display:"flex",alignItems:"center",borderRadius:1,bgcolor:"background.default"},children:["image"===e.type?(0,l.jsx)(i.default,{component:"img",src:e.content,alt:e.originalName||"pasted image",sx:{width:40,height:40,objectFit:"cover",borderRadius:1,mr:1}}):"document"===e.type?(0,l.jsx)(eS.A,{fontSize:"small",sx:{mr:1}}):(0,l.jsx)(eI.A,{fontSize:"small",sx:{mr:1}}),(0,l.jsx)(p.default,{variant:"body2",noWrap:!0,sx:{maxWidth:150},children:e.originalName||"".concat(e.type," attachment")}),(0,l.jsx)(d.A,{size:"small",onClick:()=>(e=>{te.debug("Removing attachment",{id:e}),F(O.filter(t=>t.id!==e))})(e.id),sx:{ml:1},children:(0,l.jsx)(eZ.A,{fontSize:"small"})})]},e.id))}),Q&&(0,l.jsxs)(i.default,{sx:{mb:1,display:"flex",alignItems:"center",gap:1},children:[(0,l.jsx)(f.A,{icon:(0,l.jsx)(N.A,{}),label:"Editing message",size:"small",color:"warning",variant:"outlined"}),(0,l.jsx)(p.default,{variant:"caption",color:"text.secondary",children:"Enter to save \xb7 Esc to cancel"})]}),(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"flex-end"},children:[(0,l.jsx)(u.A,{fullWidth:!0,multiline:!0,maxRows:Q?12:4,"data-tour":"chat-input",placeholder:Q?"Edit message...":"Type a message...",value:Q?null!=(n=null==k?void 0:k.content)?n:"":M,onChange:e=>{Q?null==E||E(e.target.value):P(e.target.value)},onKeyDown:e=>{"Enter"!==e.key||e.shiftKey?"Escape"===e.key&&Q&&(e.preventDefault(),null==D||D()):(e.preventDefault(),Q?em():(te.debug("Enter key pressed, sending message"),eg()))},onPaste:e=>{var t;let n=null==(t=e.clipboardData)?void 0:t.items;if(!n)return;let l=[];for(let e=0;e<n.length;e++){let t=n[e];if("file"===t.kind&&t.type.startsWith("image/")){let e=t.getAsFile();e&&l.push(e)}}0!==l.length&&(e.preventDefault(),te.debug("Pasting image attachment(s)",{count:l.length}),l.forEach(e=>{let t=new FileReader;t.onload=t=>{var n;let l=null==(n=t.target)?void 0:n.result;if("string"!=typeof l)return;let r=(e.type.split("/")[1]||"png").split("+")[0];F(t=>[...t,{id:(0,e9.A)(),type:"image",content:l,originalName:e.name&&!/^image\.\w+$/i.test(e.name)?e.name:"Pasted image.".concat(r)}])},t.onerror=()=>te.error("Failed to read pasted image"),t.readAsDataURL(e)}))},disabled:!Q&&a,variant:"outlined",autoFocus:Q,sx:{mr:1},InputProps:{sx:{borderRadius:2}}}),!Q&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{title:"Attach document",children:(0,l.jsx)(d.A,{color:"primary",onClick:()=>{var e;te.debug("File selection triggered"),null==(e=J.current)||e.click()},disabled:a||W,children:(0,l.jsx)(eS.A,{})})}),(0,l.jsx)("input",{type:"file",ref:J,onChange:ev,style:{display:"none"},accept:".txt,.md,.json,.csv,.html,.xml,.js,.ts,.jsx,.tsx,.css,.scss"}),(0,l.jsx)(s.A,{title:W?"Stop recording":"Record audio",children:(0,l.jsxs)(d.A,{color:W?"error":"primary",onClick:W?()=>{te.debug("Stopping audio recording"),G.current&&"inactive"!==G.current.state&&(G.current.stop(),L(!1),U&&(clearInterval(U),q(null)),B(0))}:ey,disabled:a,children:[(0,l.jsx)(eI.A,{}),W&&(0,l.jsx)(p.default,{variant:"caption",sx:{position:"absolute",bottom:-15,fontSize:"0.7rem",color:"error.main"},children:(e=>{let t=Math.floor(e/60);return"".concat(t.toString().padStart(2,"0"),":").concat((e%60).toString().padStart(2,"0"))})(H)})]})})]}),Q?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{title:"Save edit",children:(0,l.jsx)("span",{children:(0,l.jsx)(d.A,{color:"primary",onClick:em,disabled:!(null==k?void 0:k.content.trim()),children:(0,l.jsx)(e$.A,{})})})}),(0,l.jsx)(s.A,{title:"Cancel edit",children:(0,l.jsx)(d.A,{color:"default",onClick:()=>null==D?void 0:D(),children:(0,l.jsx)(eZ.A,{})})})]}):(0,l.jsx)(s.A,{title:"Send message",children:(0,l.jsx)("span",{children:(0,l.jsx)(d.A,{color:"primary",onClick:eg,disabled:a||!M.trim()&&0===O.length,children:(0,l.jsx)(eX.A,{})})})})]})," ",(x||(C||Q)&&j.length>0)&&(0,l.jsxs)(i.default,{sx:{mt:1,display:"flex",justifyContent:"flex-start",alignItems:"center",flexWrap:"wrap",gap:1},children:[(C||Q)&&j.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{title:Q?"Node this message runs on — click to pick from the flow":I?"Next message will run on this manually picked node — click to change":"Node the next message will run on — click to pick from the flow",children:(0,l.jsx)(f.A,{icon:(0,l.jsx)(T.A,{}),label:Z,size:"small",color:Q||I?"primary":"default",variant:Q||I?"filled":"outlined",onClick:()=>Y(!0),disabled:!Q&&a})}),(0,l.jsx)(e3,{open:V,flow:A,selectedNodeId:X,allowAutomatic:!Q,onSelect:e=>{Q?null==z||z(e):null==C||C(e)},onClose:()=>Y(!1)})]}),x&&(0,l.jsx)(eu.A,{control:(0,l.jsx)(eQ.A,{checked:c,onChange:e=>x(e.target.checked),size:"small",disabled:a}),label:(0,l.jsx)(p.default,{variant:"caption",children:"Require Tool Approvals"}),sx:{mr:"auto"}}),y&&(0,l.jsx)(eu.A,{control:(0,l.jsx)(eQ.A,{checked:m,onChange:e=>y(e.target.checked),size:"small",disabled:a}),label:(0,l.jsx)(p.default,{variant:"caption",children:"Execute in Debugger"}),sx:{ml:2}})]})," "]})," ",(0,l.jsxs)(g.A,{open:$,onClose:()=>!ei&&ee(!1),maxWidth:"md",fullWidth:!0,children:[(0,l.jsxs)(v.A,{children:[el,!ei&&(0,l.jsx)(d.A,{"aria-label":"close",onClick:()=>ee(!1),sx:{position:"absolute",right:8,top:8},children:(0,l.jsx)(eZ.A,{})})]}),(0,l.jsx)(b.A,{dividers:!0,children:ei?(0,l.jsxs)(i.default,{sx:{display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",p:4},children:[(0,l.jsx)(ec.default,{value:"audio"===eo&&ed?ed:void 0,variant:"audio"===eo&&ed>0?"determinate":"indeterminate"}),"audio"===eo&&(0,l.jsxs)(i.default,{sx:{mt:2,textAlign:"center"},children:[(0,l.jsx)(p.default,{variant:"body2",children:eh||"Processing audio..."}),ed>0&&(0,l.jsxs)(p.default,{variant:"body2",color:"text.secondary",sx:{mt:1},children:[Math.round(ed),"%"]})]})]}):(0,l.jsx)(u.A,{multiline:!0,fullWidth:!0,minRows:10,maxRows:20,value:et,onChange:e=>en(e.target.value),variant:"outlined",placeholder:"document"===eo?"Document content":"Audio transcription"})}),(0,l.jsxs)(w.A,{children:[(0,l.jsx)(h.A,{onClick:()=>ee(!1),disabled:ei,children:"Cancel"}),(0,l.jsx)(h.A,{onClick:()=>{te.debug("Adding attachment",{type:eo,titleLength:el.length}),F([...O,{id:(0,e9.A)(),type:eo,content:et,originalName:el}]),ee(!1)},variant:"contained",disabled:ei||!et.trim(),children:"Add to Message"})]})]})]})};var tn=n(66177),tl=n(39486),tr=n(82446),to=n(37596);let ta=e=>{let{entries:t,activeKey:n,onSelectTab:o,onCloseTab:a,onAppMessage:c}=e,u=(0,e5.A)(),[f,h]=(0,r.useState)(!1),[x,m]=(0,r.useState)(!1),[g,v]=(0,r.useState)([]),b=(0,r.useMemo)(()=>new Set(t.map(e=>e.key)),[t]),y=(0,r.useMemo)(()=>g.filter(e=>b.has(e)),[g,b]),w=(0,r.useMemo)(()=>y.length>0?y:n?[n]:[],[y,n]),j=(0,r.useMemo)(()=>new Set(w),[w]),A=Math.max(1,Math.ceil(Math.sqrt(w.length)));return 0===t.length?null:(0,l.jsxs)(i.default,{"data-testid":"dev-canvas-dock",sx:{borderTop:1,borderColor:"divider",bgcolor:"background.paper",display:"flex",flexDirection:"column",minHeight:0,...x?{position:"fixed",inset:16,zIndex:1300,borderRadius:1,boxShadow:6,border:1}:{maxHeight:"45vh"}},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:.5,px:1,py:.5,bgcolor:"action.hover"},children:[(0,l.jsx)(eR.A,{fontSize:"small",color:"primary"}),(0,l.jsx)(p.default,{variant:"caption",sx:{fontWeight:600,mr:1},children:"Canvas"}),(0,l.jsx)(i.default,{sx:{display:"flex",gap:.5,overflowX:"auto",flex:1,minWidth:0},children:t.map(e=>{let t=e.key===n,r=y.includes(e.key);return(0,l.jsxs)(i.default,{onClick:()=>o(e.key),sx:{display:"flex",alignItems:"center",gap:.5,px:1,py:.25,borderRadius:1,cursor:"pointer",whiteSpace:"nowrap",border:1,borderColor:t?"primary.main":"divider",bgcolor:t?"action.selected":"transparent"},title:"".concat(e.serverName," — ").concat(e.uri),children:[(0,l.jsx)(tn.A,{color:"primary",variant:"dot",invisible:!e.unread,children:(0,l.jsx)(p.default,{variant:"caption",sx:{fontWeight:t?600:400},children:function(e){return e.replace(/\/+$/,"").split("/").pop()||e}(e.uri)})}),(0,l.jsx)(p.default,{variant:"caption",color:"text.secondary",sx:{fontSize:"0.65rem"},children:e.serverName}),(0,l.jsx)(s.A,{title:r?"Remove from split":"Add to split view",children:(0,l.jsx)(d.A,{size:"small",sx:{p:.25},color:r?"primary":"default",onClick:t=>{t.stopPropagation(),(e=>{v(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])})(e.key)},"aria-label":"Toggle split view",children:(0,l.jsx)(to.A,{sx:{fontSize:14}})})}),(0,l.jsx)(s.A,{title:"Close",children:(0,l.jsx)(d.A,{size:"small",sx:{p:.25},onClick:t=>{t.stopPropagation(),a(e.key)},"aria-label":"Close canvas tab",children:(0,l.jsx)(eZ.A,{sx:{fontSize:14}})})})]},e.key)})}),(0,l.jsx)(s.A,{title:x?"Exit fullscreen":"Fullscreen",children:(0,l.jsx)(d.A,{size:"small",onClick:()=>m(e=>!e),"aria-label":"Toggle canvas fullscreen",children:x?(0,l.jsx)(tr.A,{fontSize:"small"}):(0,l.jsx)(tl.A,{fontSize:"small"})})}),(0,l.jsx)(s.A,{title:f?"Expand canvas":"Collapse canvas",children:(0,l.jsx)(d.A,{size:"small",onClick:()=>h(e=>!e),"aria-label":"Toggle canvas collapse",children:f?(0,l.jsx)(Q.A,{fontSize:"small"}):(0,l.jsx)(Y.A,{fontSize:"small"})})})]}),(0,l.jsx)(i.default,{sx:{display:f?"none":"grid",gridTemplateColumns:"repeat(".concat(A,", minmax(0, 1fr))"),gap:1,p:1,flex:1,minHeight:0,overflow:"hidden"},children:t.map(e=>{let t=!f&&j.has(e.key);return(0,l.jsx)(i.default,{sx:{display:t?"flex":"none",flexDirection:"column",minHeight:0,border:1,borderColor:"divider",borderRadius:1,overflow:"hidden",bgcolor:"dark"===u.palette.mode?"#111":"#fff"},children:(0,l.jsx)(eP.A,{docked:!0,visible:t,serverName:e.serverName,uri:e.uri,toolName:e.toolName,toolArgs:e.latestToolArgs,toolResultContent:e.latestResultContent,onAppMessage:c})},e.key)})})]})},ti={entries:{},order:[],activeKey:null};function ts(e,t){return"".concat(e,"::").concat(t)}function td(e,t){var n;return null!=(n=e[t])?n:[]}var tc=n(25731),tu=n(62617),tp=n(12857),tf=n(16186);let th={byIndex:{}};function tx(e,t,n){for(let l=0;l<t;l++)e[l]||(e[l]={laneIndex:l,laneCount:t,label:"Lane ".concat(l+1,"/").concat(t),status:"pending",lastEventAt:n})}let tm=e=>{let{lane:t,onOpenLane:n}=e,r=!!t.laneConversationId&&!!n,o="pending"===t.status;return(0,l.jsxs)(i.default,{onClick:r?()=>n(t.laneConversationId):void 0,sx:{display:"flex",alignItems:"center",gap:1,px:1,py:.25,borderRadius:1,...r&&{cursor:"pointer","&:hover":{bgcolor:"action.hover",textDecoration:"underline"}}},children:["running"===t.status&&(0,l.jsx)(ec.default,{size:14,sx:{flexShrink:0}}),"completed"===t.status&&(0,l.jsx)(I.A,{sx:{fontSize:16,flexShrink:0},color:"success"}),"error"===t.status&&(0,l.jsx)(tp.A,{sx:{fontSize:16,flexShrink:0},color:"error"}),o&&(0,l.jsx)(tf.A,{sx:{fontSize:16,flexShrink:0},color:"disabled"}),(0,l.jsxs)(p.default,{variant:"caption",color:o?"text.disabled":"textSecondary",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[t.label,o&&" — queued","running"===t.status&&t.activity&&(0,l.jsxs)(p.default,{component:"span",variant:"caption",color:"text.disabled",children:[" \xb7 ",t.activity]})]})]})},tg=e=>{var t;let{liveStats:n,onStop:o,stopDisabled:a,awaitingApproval:s,lanes:d,onOpenLane:c,onAttachDebugger:u}=e,[f,x]=(0,r.useState)(()=>Date.now()),[m,g]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=setInterval(()=>x(Date.now()),1e3);return()=>clearInterval(e)},[]);let v=n?Math.max(0,Math.round((f-n.startedAt)/1e3)):0,b=n?Math.round((f-n.lastEventAt)/1e3):0,y=!s&&!!n&&b>=60,w=d?Object.values(d.byIndex).sort((e,t)=>e.laneIndex-t.laneIndex):[],j=w.length>0?(e=>{let t=e.filter(e=>"running"===e.status).length,n=e.filter(e=>"pending"===e.status).length,l=e.filter(e=>"completed"===e.status).length,r=e.filter(e=>"error"===e.status).length;if(0===t&&0===n&&r>0)return{text:"".concat(r,"/").concat(e.length," lanes failed — partial results"),warning:!0};let o=[t>0?"".concat(t," running"):"",n>0?"".concat(n," queued"):"",l>0?"".concat(l," done"):"",r>0?"".concat(r," failed"):""].filter(Boolean);return{text:"".concat(e.length," lanes — ").concat(o.join(", ")),warning:r>0}})(w):null;return(0,l.jsxs)(i.default,{sx:{display:"flex",flexDirection:"column",alignItems:"center",my:2,gap:.5},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:2},children:[s?(0,l.jsx)(tc.A,{fontSize:"small",color:"warning"}):(0,l.jsx)(ec.default,{size:20,color:y?"warning":"primary"}),(0,l.jsx)(p.default,{variant:"body2",color:"textSecondary",children:s?"Waiting for tool approval":(null==n?void 0:n.activeNode)?"Running: ".concat(n.activeNode):"Working…"}),u&&!s&&(0,l.jsx)(h.A,{variant:"outlined",color:"primary",size:"small",startIcon:(0,l.jsx)(tu.A,{fontSize:"small"}),onClick:()=>{g(!0),u()},disabled:m,children:m?"Attaching…":"Attach debugger"}),(0,l.jsx)(h.A,{variant:"outlined",color:"secondary",size:"small",onClick:o,disabled:a,children:"Stop"})]}),j&&(0,l.jsxs)(i.default,{sx:{display:"flex",flexDirection:"column",alignItems:"stretch",minWidth:280,maxWidth:520},children:[(0,l.jsx)(p.default,{variant:"caption",color:j.warning?"warning.main":"textSecondary",sx:{px:1,fontWeight:500},children:j.text}),w.map(e=>(0,l.jsx)(tm,{lane:e,onOpenLane:c},e.laneIndex))]}),!s&&(0,l.jsxs)(p.default,{variant:"caption",color:y?"warning.main":"textSecondary",children:[(null!=(t=null==n?void 0:n.totalTokens)?t:0).toLocaleString()," tokens \xb7 ",v,"s elapsed",y?" \xb7 no activity for ".concat(b,"s — may be stuck"):""]})]})};var tv=n(88538),tb=n(16963),ty=n(2456),tw=n(64792),tj=n(71356),tA=n(45202),tS=n(52005),tI=n(77998);let tC=e=>e>=1e3?"".concat((e/1e3).toFixed(e>=1e5?0:1),"k"):"".concat(e),tk=e=>{var t;let{usage:n,contextInfo:o,availableNodes:a}=e,[d,c]=(0,r.useState)(null);if(!n&&!o)return null;let u=(null==n?void 0:n.byNode)?Object.entries(n.byNode):[],h=null!=(t=null==n?void 0:n.cacheReadTokens)?t:0,x=n?Math.max(0,n.promptTokens-h):0,m=n?Math.max(0,n.totalTokens-h):0,g=(null==o?void 0:o.contextWindow)&&o.contextWindow>0?Math.min(100,Math.round(o.promptTokens/o.contextWindow*100)):void 0;return(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:1.5,flexShrink:0},children:[n&&m>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{title:"Tokens this conversation — ".concat(x.toLocaleString()," prompt / ").concat(n.completionTokens.toLocaleString()," completion").concat(h>0?" (+".concat(h.toLocaleString()," cached reads, not counted)"):"",". Click for the per-node breakdown."),children:(0,l.jsx)(f.A,{icon:(0,l.jsx)(tI.A,{}),label:"".concat(tC(m)," tokens"),size:"small",variant:"outlined",onClick:e=>c(e.currentTarget),sx:{cursor:"pointer"}})}),(0,l.jsx)(tv.Ay,{open:!!d,anchorEl:d,onClose:()=>c(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:(0,l.jsxs)(i.default,{sx:{p:2,maxWidth:420},children:[(0,l.jsx)(p.default,{variant:"subtitle2",sx:{mb:1},children:"Token usage by node"}),(0,l.jsxs)(tb.A,{size:"small",children:[(0,l.jsx)(ty.A,{children:(0,l.jsxs)(tw.A,{children:[(0,l.jsx)(tj.A,{children:"Node"}),(0,l.jsx)(tj.A,{align:"right",children:"Prompt"}),(0,l.jsx)(tj.A,{align:"right",children:"Completion"}),(0,l.jsx)(tj.A,{align:"right",children:"Total"})]})}),(0,l.jsxs)(tA.A,{children:[u.map(e=>{let[t,n]=e;return(0,l.jsxs)(tw.A,{children:[(0,l.jsx)(tj.A,{children:(0,l.jsx)(s.A,{title:t,children:(0,l.jsx)("span",{children:(e=>{var t;return(null==(t=a.find(t=>t.id===e))?void 0:t.label)||"".concat(e.substring(0,8),"…")})(t)})})}),(0,l.jsx)(tj.A,{align:"right",children:n.promptTokens.toLocaleString()}),(0,l.jsx)(tj.A,{align:"right",children:n.completionTokens.toLocaleString()}),(0,l.jsx)(tj.A,{align:"right",children:n.totalTokens.toLocaleString()})]},t)}),(0,l.jsxs)(tw.A,{children:[(0,l.jsx)(tj.A,{sx:{fontWeight:"bold"},children:"Total"}),(0,l.jsx)(tj.A,{align:"right",sx:{fontWeight:"bold"},children:n.promptTokens.toLocaleString()}),(0,l.jsx)(tj.A,{align:"right",sx:{fontWeight:"bold"},children:n.completionTokens.toLocaleString()}),(0,l.jsx)(tj.A,{align:"right",sx:{fontWeight:"bold"},children:n.totalTokens.toLocaleString()})]})]})]}),h>0&&(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",sx:{display:"block",mt:1},children:["Prompt totals include ",h.toLocaleString()," tokens re-read from the prompt cache. The header chip shows the fresh figure (",m.toLocaleString(),") with those cached reads excluded."]})]})})]}),o&&void 0!==g&&(0,l.jsx)(s.A,{title:"Context of the latest call".concat(o.modelDisplayName?" (".concat(o.modelDisplayName,")"):"",": ").concat(o.promptTokens.toLocaleString()," of ").concat(o.contextWindow.toLocaleString()," tokens"),children:(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:1,minWidth:140},children:[(0,l.jsx)(tS.A,{variant:"determinate",value:g,color:g>=90?"error":g>=70?"warning":"primary",sx:{flex:1,height:6,borderRadius:3}}),(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",sx:{whiteSpace:"nowrap"},children:[tC(o.promptTokens),"/",tC(o.contextWindow)," (",g,"%)"]})]})}),o&&void 0===g&&(0,l.jsx)(s.A,{title:"Prompt size of the latest call".concat(o.modelDisplayName?" (".concat(o.modelDisplayName,")"):"",". Set the model's Context Window in its settings to see a usage meter."),children:(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",sx:{whiteSpace:"nowrap"},children:["ctx ",tC(o.promptTokens)]})})]})};var tE=n(75870),tN=n(51221),tT=n(43076),tz=n(17897);let tR=(0,eO.h)("frontend/components/Chat/QuickChatDialog"),tD=e=>{let{open:t,onClose:n,onStart:o}=e,[a,s]=(0,r.useState)([]),[x,m]=(0,r.useState)([]),[y,j]=(0,r.useState)(!1),[A,S]=(0,r.useState)(null),[I,C]=(0,r.useState)(""),[k,E]=(0,r.useState)(""),[N,T]=(0,r.useState)({}),[z,R]=(0,r.useState)(!1),[D,_]=(0,r.useState)(null);(0,r.useEffect)(()=>{if(!t)return;let e=!1;return j(!0),S(null),(async()=>{try{let[t,n]=await Promise.all([tT.N.loadModels(),tz.S.loadServerConfigs()]);if(e)return;s(t);let l=Array.isArray(n)?n.filter(e=>!e.disabled).map(e=>e.name):[];m(l),C(e=>{var n;return e||(null==(n=t[0])?void 0:n.id)||""})}catch(t){e||(tR.warn("Failed to load models/servers for quick chat",t),S("Could not load models or servers."))}finally{e||j(!1)}})(),()=>{e=!0}},[t]),(0,r.useEffect)(()=>{t||(E(""),T({}),_(null),R(!1))},[t]);let M=(0,r.useCallback)(e=>{T(t=>{let n=t[e];return(null==n?void 0:n.selected)?{...t,[e]:{...n,selected:!1}}:{...t,[e]:{...null!=n?n:{tools:null,expanded:!1},selected:!0}}})},[]),P=(0,r.useCallback)(async e=>{T(t=>{var n;let l=null!=(n=t[e])?n:{selected:!1,tools:null,expanded:!1};return{...t,[e]:{...l,expanded:!l.expanded}}});let t=N[e];if(!(null==t?void 0:t.available)&&!(null==t?void 0:t.loading)){T(t=>{var n;return{...t,[e]:{...null!=(n=t[e])?n:{selected:!1,tools:null,expanded:!0},loading:!0}}});try{let{tools:t}=await tz.S.listServerTools(e),n=Array.isArray(t)?t.map(e=>e.name).filter(Boolean):[];T(t=>{var l;return{...t,[e]:{...null!=(l=t[e])?l:{selected:!1,tools:null,expanded:!0},available:n,loading:!1}}})}catch(t){tR.warn("Failed to load tools for ".concat(e),t),T(t=>{var n;return{...t,[e]:{...null!=(n=t[e])?n:{selected:!1,tools:null,expanded:!0},available:[],loading:!1}}})}}},[N]),F=(0,r.useCallback)((e,t,n)=>{T(l=>{var r,o;let a=null!=(r=l[e])?r:{selected:!0,tools:null,expanded:!0},i=new Set(null!=(o=a.tools)?o:new Set(n));return i.has(t)?i.delete(t):i.add(t),{...l,[e]:{...a,selected:!0,tools:i}}})},[]),B=!!I&&!z&&!y,q=async()=>{if(!I)return void _("Pick a model to chat with.");R(!0),_(null);let e=x.filter(e=>{var t;return null==(t=N[e])?void 0:t.selected}).map(e=>{let t=N[e];return!t.tools||t.available&&t.tools.size===t.available.length?{name:e}:{name:e,enabledTools:[...t.tools]}});try{await o({modelId:I,servers:e,systemPrompt:k.trim()||void 0})}catch(e){tR.warn("Quick chat failed to start",e),_(e instanceof Error?e.message:"Could not start the quick chat."),R(!1)}};return(0,l.jsxs)(g.A,{open:t,onClose:z?void 0:n,maxWidth:"sm",fullWidth:!0,children:[(0,l.jsx)(v.A,{children:"Quick Chat"}),(0,l.jsxs)(b.A,{children:[(0,l.jsx)(p.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:"Chat with a model and, optionally, some MCP servers — no need to build and save a flow."}),A&&(0,l.jsx)(c.A,{severity:"error",sx:{mb:2},children:A}),(0,l.jsxs)(W.A,{fullWidth:!0,size:"small",sx:{mb:2},disabled:y,children:[(0,l.jsx)(tN.A,{id:"quick-chat-model-label",children:"Model"}),(0,l.jsxs)(L.A,{labelId:"quick-chat-model-label",label:"Model",value:I,onChange:e=>C(e.target.value),children:[0===a.length&&(0,l.jsx)(H.A,{value:"",disabled:!0,children:y?"Loading…":"No models configured"}),a.map(e=>(0,l.jsx)(H.A,{value:e.id,children:e.displayName||e.name},e.id))]})]}),(0,l.jsx)(u.A,{fullWidth:!0,size:"small",multiline:!0,minRows:2,maxRows:6,label:"System prompt (optional)",placeholder:"e.g. You are a concise coding assistant.",value:k,onChange:e=>E(e.target.value),sx:{mb:2}}),(0,l.jsx)(O.A,{sx:{mb:1}}),(0,l.jsx)(p.default,{variant:"subtitle2",gutterBottom:!0,children:"MCP servers (optional)"}),y?(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",my:2},children:(0,l.jsx)(ec.default,{size:22})}):0===x.length?(0,l.jsx)(p.default,{variant:"body2",color:"text.secondary",children:"No connected MCP servers. You can still chat with the model alone."}):x.map(e=>{let t=N[e],n=!!(null==t?void 0:t.selected),r=null==t?void 0:t.available,o=null==t?void 0:t.tools;return(0,l.jsxs)(i.default,{sx:{mb:.5},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center"},children:[(0,l.jsx)(eu.A,{sx:{flexGrow:1,mr:0},control:(0,l.jsx)(eQ.A,{size:"small",checked:n,onChange:()=>M(e)}),label:(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(0,l.jsx)(p.default,{variant:"body2",children:e}),n&&(0,l.jsx)(f.A,{size:"small",variant:"outlined",label:o?"".concat(o.size," tool").concat(1===o.size?"":"s"):"all tools"})]})}),(0,l.jsx)(d.A,{size:"small",onClick:()=>P(e),"aria-label":"customize ".concat(e," tools"),children:(null==t?void 0:t.expanded)?(0,l.jsx)(Q.A,{fontSize:"small"}):(0,l.jsx)(Y.A,{fontSize:"small"})})]}),(0,l.jsx)(U.A,{in:!!(null==t?void 0:t.expanded),unmountOnExit:!0,children:(0,l.jsx)(i.default,{sx:{pl:4,pb:1},children:(null==t?void 0:t.loading)?(0,l.jsx)(ec.default,{size:16}):r&&r.length>0?r.map(t=>{let n=!o||o.has(t);return(0,l.jsx)(eu.A,{sx:{display:"flex"},control:(0,l.jsx)(eQ.A,{size:"small",checked:n,onChange:()=>F(e,t,r)}),label:(0,l.jsx)(p.default,{variant:"caption",children:t})},t)}):(0,l.jsx)(p.default,{variant:"caption",color:"text.secondary",children:r?"No tools reported (server may be offline).":""})})})]},e)}),D&&(0,l.jsx)(c.A,{severity:"error",sx:{mt:2},children:D})]}),(0,l.jsxs)(w.A,{children:[(0,l.jsx)(h.A,{onClick:n,disabled:z,children:"Cancel"}),(0,l.jsx)(h.A,{variant:"contained",onClick:q,disabled:!B,startIcon:z?(0,l.jsx)(ec.default,{size:16,color:"inherit"}):void 0,children:z?"Starting…":"Start chat"})]})]})};var t_=n(49692),tM=n(54178),tP=n(11305),tO=n(48116),tF=n(90057),tW=n(33420),tL=n(53911);let tH={byNode:{},byResource:{},byResourceName:{},resourceVersion:0};function tB(e,t){return"".concat(e," ").concat(t)}var tU=n(59323),tq=n(72308),tJ=n(6422),tG=n(48363);let tK=(0,eO.h)("frontend/components/Chat/RunResourcesPanel"),tV=e=>{let{conversationId:t,refreshToken:n}=e,[o,a]=(0,r.useState)(null),[s,d]=(0,r.useState)(null);return((0,r.useEffect)(()=>{if(!t)return;let e=!1;return fetch("/v1/chat/conversations/".concat(encodeURIComponent(t),"/resources")).then(async e=>{if(!e.ok)throw Error("HTTP ".concat(e.status));return e.json()}).then(t=>{e||(a(Array.isArray(t.resources)?t.resources:[]),d(null))}).catch(t=>{e||(tK.warn("Failed to load run resources",t),d(t instanceof Error?t.message:String(t)))}),()=>{e=!0}},[t,n]),s)?(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",children:["Run data unavailable (",s,")"]}):null===o?(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",p:1},children:(0,l.jsx)(ec.default,{size:16})}):0===o.length?(0,l.jsx)(p.default,{variant:"caption",color:"text.secondary",children:"No data artifacts captured in this run yet."}):(0,l.jsx)(B.A,{dense:!0,disablePadding:!0,children:[...o].sort((e,t)=>t.createdAt-e.createdAt).map(e=>{var t;return(0,l.jsxs)(_.Ay,{disableGutters:!0,sx:{alignItems:"flex-start"},children:[(0,l.jsx)(ev.A,{sx:{minWidth:30,mt:.5},children:function(e){switch(e){case"image":return(0,l.jsx)(tq.A,{fontSize:"small",sx:{color:"#009688"}});case"audio":return(0,l.jsx)(tJ.A,{fontSize:"small",sx:{color:"#009688"}});case"link":return(0,l.jsx)(tG.A,{fontSize:"small",sx:{color:"#009688"}});default:return(0,l.jsx)(tU.A,{fontSize:"small",sx:{color:"#009688"}})}}(e.kind)}),(0,l.jsx)(P.A,{primary:(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:.5,flexWrap:"wrap"},children:[(0,l.jsx)(p.default,{variant:"body2",sx:{fontWeight:500},children:null!=(t=e.name)?t:"".concat(e.kind,"-").concat(e.id.slice(0,8))}),e.mimeType&&(0,l.jsx)(f.A,{label:e.mimeType,size:"small",variant:"outlined",sx:{height:18,fontSize:"0.65rem"}}),(0,l.jsx)(p.default,{variant:"caption",color:"text.secondary",children:function(e){return e<1024?"".concat(e," B"):e<1048576?"".concat(Math.round(e/1024)," KB"):"".concat((e/1048576).toFixed(1)," MB")}(e.size)})]}),secondary:(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",component:"span",sx:{wordBreak:"break-all"},children:["by ",function(e){var t,n,l,r,o,a,i;let s=e.producedBy;switch(s.source){case"tool-result":return"tool ".concat(null!=(t=s.server)?t:"?","/").concat(null!=(n=s.toolName)?n:"?");case"tool-args":return"tool args ".concat(null!=(l=s.server)?l:"?","/").concat(null!=(r=s.toolName)?r:"?");case"capture":return"step ".concat(null!=(a=null!=(o=s.nodeName)?o:s.nodeId)?a:"?");case"mcp-link":return"link from ".concat(null!=(i=s.server)?i:"?");default:return"run"}}(e),e.readBy.length>0?" \xb7 read ".concat(e.readBy.length,"\xd7"):""," \xb7 ",e.uri]})})]},e.id)})})};var tY=n(14913),tQ=n(57883);let tX={system:{label:"system",color:"secondary"},sent:{label:"sent",color:"success"},folded:{label:"folded",color:"warning"},"scoped-out":{label:"scoped out",color:"info"},"handoff-stripped":{label:"handoff plumbing",color:"default"}},tZ={whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0,fontSize:"0.75rem",fontFamily:"inherit"},t$=e=>{let{role:t,content:n,toolCallNames:r,status:o,faded:a}=e;return(0,l.jsxs)(ef.A,{variant:"outlined",sx:{p:1,mb:.75,opacity:a?.55:1,borderStyle:a?"dashed":"solid"},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:.5,mb:.5,flexWrap:"wrap"},children:[(0,l.jsx)(f.A,{size:"small",label:t,color:function(e){switch(e){case"system":return"secondary";case"user":return"primary";case"assistant":return"success";case"tool":return"info";default:return"default"}}(t),variant:"outlined"}),r&&r.length>0&&(0,l.jsx)(f.A,{size:"small",variant:"outlined",label:"\uD83D\uDD27 ".concat(r.join(", ")),sx:{maxWidth:"100%"}}),o&&"sent"!==o&&"system"!==o&&(0,l.jsx)(f.A,{size:"small",color:tX[o].color,label:tX[o].label})]}),n.trim().length>0?(0,l.jsx)("pre",{style:tZ,children:n}):(0,l.jsx)(p.default,{variant:"caption",color:"textSecondary",children:"(no text content)"})]})},t0=e=>{let{provenance:t}=e;return(0,l.jsxs)(i.default,{children:[(0,l.jsx)(p.default,{variant:"caption",color:"textSecondary",sx:{display:"block",mb:.5},children:"Full threaded history — greyed rows are not sent to the model."}),t.map((e,t)=>{var n,r;return(0,l.jsx)(t$,{role:e.role,content:null!=(n=e.preview)?n:"",toolCallNames:e.toolCallNames,status:e.status,faded:"sent"!==e.status&&"system"!==e.status},null!=(r=e.id)?r:"hist-".concat(t))}),t.some(e=>"sent"!==e.status&&"system"!==e.status)&&(0,l.jsx)(p.default,{variant:"caption",color:"textSecondary",sx:{display:"block",mt:1},children:"Hover a badge label to understand why a message is not on the wire: folded (outputMode), scoped out (inputMode), or handoff plumbing (tool-call strip)."})]})},t1=()=>{},t2=e=>{let{modelInput:t,conversationId:n}=e,[o,a]=(0,r.useState)("wire"),{systemMessage:s,wireMessages:d,provenance:c,counts:u,inputMode:h}=t,x=(0,r.useMemo)(()=>(d||[]).filter(e=>"system"!==e.role),[d]);return(0,l.jsxs)(i.default,{sx:{height:"100%",display:"flex",flexDirection:"column",p:1},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:.5,flexWrap:"wrap",mb:1},children:[(0,l.jsx)(p.default,{variant:"caption",color:"textSecondary",children:function(e){return"".concat(e.threaded," in history → ").concat(e.sent," sent")+(e.folded?" \xb7 ".concat(e.folded," folded"):"")+(e.scopedOut?" \xb7 ".concat(e.scopedOut," scoped out"):"")+(e.handoffStripped?" \xb7 ".concat(e.handoffStripped," handoff-stripped"):"")}(u)}),h&&"full-history"!==h&&(0,l.jsx)(f.A,{size:"small",variant:"outlined",label:"inputMode: ".concat(h)})]}),(0,l.jsxs)(eh.A,{sx:{boxShadow:"none","&:before":{display:"none"}},children:[(0,l.jsx)(ex.A,{expandIcon:(0,l.jsx)(Y.A,{}),sx:{minHeight:"36px","& .MuiAccordionSummary-content":{margin:"8px 0"}},children:(0,l.jsx)(p.default,{variant:"caption",children:(0,l.jsx)("b",{children:"System message"})})}),(0,l.jsx)(em.A,{sx:{p:0},children:s&&s.content.trim().length>0?(0,l.jsx)(ef.A,{variant:"outlined",sx:{p:1,maxHeight:220,overflowY:"auto"},children:(0,l.jsx)("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0,fontSize:"0.75rem",fontFamily:"inherit"},children:s.content})}):(0,l.jsx)(p.default,{variant:"caption",color:"textSecondary",children:"(no system message)"})})]}),(0,l.jsxs)(tY.A,{size:"small",exclusive:!0,value:o,onChange:(e,t)=>{t&&a(t)},sx:{my:1},children:[(0,l.jsx)(tQ.A,{value:"wire",children:"What the model sees"}),(0,l.jsx)(tQ.A,{value:"annotated",children:"Full history (annotated)"})]}),(0,l.jsx)(i.default,{sx:{flexGrow:1,overflowY:"auto",minHeight:0},children:"wire"===o?0===x.length?(0,l.jsx)(p.default,{variant:"body2",color:"textSecondary",sx:{p:1},children:"No conversation messages — the model sees only the system message."}):(0,l.jsx)(eJ,{messages:x,conversationId:n?"debug-".concat(n):void 0,onToggleDisabled:t1,onSplitConversation:t1}):(0,l.jsx)(t0,{provenance:c})})]})},t5=(0,eO.h)("frontend/components/Chat/DebuggerCanvas"),t6={start:tW.vm,process:tW.Uw,finish:tW.IK,mcp:tW.v2,subflow:tW.lA,resource:tW.z9},t4={custom:tL.jY,mcpEdge:tL.oY,resourceEdge:tL.sZ},t8=["conversation","tracker","detail"],t7={conversation:"Conversation",tracker:"Execution Tracker",detail:"Detail"},t3="flujo-debugger-section-order",t9="flujo-debugger-section-visible",ne="flujo-debugger-conv-width",nt="flujo-debugger-detail-width";function nn(e,t){let n=Number(window.localStorage.getItem(e));return Number.isFinite(n)&&n>=240?n:t}let nl=(0,tO.Ay)(ef.A)(e=>{let{theme:t}=e;return{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden",padding:t.spacing(1)}}),nr=(0,tO.Ay)(i.default)(e=>{let{theme:t}=e;return{padding:t.spacing(1,2),borderBottom:"1px solid ".concat(t.palette.divider)}}),no=(0,tO.Ay)(i.default)({flexGrow:1,display:"flex",overflow:"hidden",minHeight:0}),na=(0,tO.Ay)(i.default)(e=>{let{theme:t}=e;return{width:"200px",flexShrink:0,borderRight:"1px solid ".concat(t.palette.divider),overflowY:"auto",padding:t.spacing(1)}}),ni=(0,tO.Ay)(i.default)({flexGrow:1,position:"relative",height:"100%"}),ns=(0,tO.Ay)(i.default)(e=>{let{theme:t}=e;return{padding:t.spacing(1,2),borderTop:"1px solid ".concat(t.palette.divider),display:"flex",gap:t.spacing(1),justifyContent:"center"}}),nd=(0,tO.Ay)(i.default)(e=>{let{theme:t}=e;return{width:"6px",flexShrink:0,cursor:"col-resize",backgroundColor:t.palette.divider,transition:"background-color 120ms",touchAction:"none","&:hover":{backgroundColor:t.palette.primary.main}}}),nc=e=>{var t,n,o,a;let{debugState:u,conversationId:f,onStep:x,onStepOver:m,onContinue:g,onCancel:v,isLoading:b,breakpoints:y,onToggleBreakpoint:w,onClose:j,isExpanded:A,onToggleExpand:S,liveActivity:I}=e,C=(0,e5.A)(),[k,E]=(0,r.useState)(u.executionTrace&&u.executionTrace.length>0?u.executionTrace.length-1:-1),[N,T]=(0,r.useState)(()=>(function(){try{let e=JSON.parse(window.localStorage.getItem(t3)||"null");if(Array.isArray(e)){let t=e.filter(e=>t8.includes(e)),n=t8.filter(e=>!t.includes(e));if(t.length+n.length===t8.length)return[...t,...n]}}catch(e){}return[...t8]})()),[R,D]=(0,r.useState)(()=>(function(){let e={conversation:!0,tracker:!0,detail:!0};try{let t=JSON.parse(window.localStorage.getItem(t9)||"null");if(t&&"object"==typeof t)for(let n of t8)"boolean"==typeof t[n]&&(e[n]=t[n])}catch(e){}return e})()),[O,F]=(0,r.useState)(()=>nn(ne,480)),[W,L]=(0,r.useState)(()=>nn(nt,320)),[H,U]=(0,r.useState)(null),[q,J]=(0,r.useState)(!0),[K,V]=(0,r.useState)(null),[Q,X,Z]=(0,e2.ck)([]),[$,ee,et]=(0,e2.fM)([]);(0,r.useEffect)(()=>{window.localStorage.setItem(t3,JSON.stringify(N))},[N]),(0,r.useEffect)(()=>{window.localStorage.setItem(t9,JSON.stringify(R))},[R]),(0,r.useEffect)(()=>{window.localStorage.setItem(ne,String(Math.round(O)))},[O]),(0,r.useEffect)(()=>{window.localStorage.setItem(nt,String(Math.round(W)))},[W]),(0,r.useEffect)(()=>{var e;let t=(null==(e=u.executionTrace)?void 0:e.length)||0;t>0?(E(e=>Math.min(e,t-1)),k<t-1&&E(t-1)):E(-1)},[u.executionTrace]),(0,r.useEffect)(()=>{(async()=>{if(!u.flowId){V("Flow ID is missing in debug state."),J(!1);return}J(!0),V(null);try{t5.debug("Loading flow definition for ID: ".concat(u.flowId));let e=await tF.g.getFlow(u.flowId);if(!e)throw Error("Flow with ID ".concat(u.flowId," not found."));U(e),t5.info("Flow definition loaded: ".concat(e.name))}catch(e){t5.error("Error loading flow definition:",e),V(e instanceof Error?e.message:"Failed to load flow definition."),U(null)}finally{J(!1)}})()},[u.flowId]),(0,r.useEffect)(()=>{if(H){t5.debug("Setting nodes and edges from flow definition");let e=H.nodes.map(e=>({...e,draggable:!1,selectable:!1,connectable:!1})),t=H.edges.map(e=>({...e,selectable:!1}));X(e),ee(t)}},[H,X,ee]);let en=(0,r.useCallback)(()=>{if(t5.debug("Previous button clicked. Current index: ".concat(k)),k>0){let e=k-1;t5.debug("Setting current step index to: ".concat(e)),E(e)}else t5.debug("Already at the first step, cannot go previous.")},[k]),el=(0,r.useCallback)(()=>{var e;if(t5.debug("Next button clicked. Current index: ".concat(k,", Trace length: ").concat(null==(e=u.executionTrace)?void 0:e.length)),u.executionTrace&&k<u.executionTrace.length-1){let e=k+1;t5.debug("Navigating to next trace step: ".concat(e)),E(e)}else t5.info("At end of trace, triggering API call for next step."),x()},[k,u.executionTrace,x]),er=(0,r.useMemo)(()=>{if(u.executionTrace&&k>=0&&k<u.executionTrace.length)return u.executionTrace[k]},[u.executionTrace,k]),eo=(0,r.useMemo)(()=>(null==er?void 0:er.modelInputs)&&er.modelInputs.length>0?er.modelInputs:(null==er?void 0:er.modelInput)?[er.modelInput]:void 0,[er]),[ea,ei]=(0,r.useState)(0);(0,r.useEffect)(()=>{ei(0)},[k]);let es=eo?Math.min(ea,eo.length-1):0,ed=null==eo?void 0:eo[es],[eu,ep]=(0,r.useState)(()=>Date.now());(0,r.useEffect)(()=>{if(!I)return;let e=()=>{let e=Date.now();return[...Object.values(I.byNode),...Object.values(I.byResource),...Object.values(I.byResourceName)].some(t=>e-t.ts<4e3)};if(!e())return;let t=setInterval(()=>{ep(Date.now()),e()||clearInterval(t)},350);return()=>clearInterval(t)},[I]);let ef=(0,r.useCallback)(e=>{var t,n;if(!I)return null;let l=I.byNode[e.id];if(l&&eu-l.ts<4e3)return l;let r=e.data;if((null!=(t=null==r?void 0:r.type)?t:e.type)!=="resource")return null;let o=null!=(n=null==r?void 0:r.properties)?n:{},a="run"===o.scope?"string"==typeof o.runName?I.byResourceName[o.runName]:void 0:"string"==typeof o.boundServer&&"string"==typeof o.uri?I.byResource[tB(o.boundServer,o.uri)]:void 0;return a&&eu-a.ts<4e3?{kind:"read"===a.kind?"resource-read":"resource-write",ts:a.ts}:null},[I,eu]),eg=(0,r.useMemo)(()=>{let e=null==er?void 0:er.nodeId;return Q.map(t=>{var n;let l=t.id===e,r=null==y?void 0:y.includes(t.id),o=l?null:ef(t),a=o?Math.max(.25,1-(eu-o.ts)/4e3):0,i=(null==o?void 0:o.kind)==="active"?C.palette.primary.main:"#009688";return{...t,style:{...t.style,border:l?"2px solid ".concat(C.palette.warning.main):o?"2px solid ".concat(i):r?"2px dashed ".concat(C.palette.error.main):null==(n=t.style)?void 0:n.border,boxShadow:l?"0 0 10px ".concat(C.palette.warning.light):o?"0 0 ".concat("resource-write"===o.kind?14:10,"px ").concat(i).concat(Math.round(255*a).toString(16).padStart(2,"0")):void 0}}})},[Q,er,y,C,ef,eu]),ev=(0,r.useMemo)(()=>N.filter(e=>R[e]),[N,R]),eb=(0,r.useCallback)(e=>{D(t=>({...t,[e]:!t[e]}))},[]),ey=(0,r.useCallback)((e,t)=>{T(n=>{let l=n.indexOf(e),r=l+t;if(l<0||r<0||r>=n.length)return n;let o=[...n];return[o[l],o[r]]=[o[r],o[l]],o})},[]),ew=(0,r.useCallback)((e,t,n)=>{n.preventDefault();let l=n.clientX,r="conversation"===e?O:W,o="conversation"===e?F:L,a=document.body.style.userSelect,i=document.body.style.cursor;document.body.style.userSelect="none",document.body.style.cursor="col-resize";let s=e=>{o(Math.min(Math.max(r+t*(e.clientX-l),240),1100))},d=()=>{window.removeEventListener("pointermove",s),window.removeEventListener("pointerup",d),document.body.style.userSelect=a,document.body.style.cursor=i};window.addEventListener("pointermove",s),window.addEventListener("pointerup",d)},[O,W]),ej=(0,l.jsx)(i.default,{sx:{flexGrow:1,overflow:"hidden",minHeight:0,display:"flex",flexDirection:"column"},children:er?ed&&eo?(0,l.jsxs)(i.default,{sx:{flexGrow:1,minHeight:0,display:"flex",flexDirection:"column"},children:[eo.length>1&&(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:.5,px:1,py:.5,borderBottom:"1px solid ".concat(C.palette.divider)},children:[(0,l.jsx)(s.A,{title:"Previous model call",children:(0,l.jsx)("span",{children:(0,l.jsx)(d.A,{size:"small",onClick:()=>ei(e=>Math.max(0,Math.min(e,eo.length-1)-1)),disabled:es<=0,"aria-label":"Previous model call",children:(0,l.jsx)(G.A,{fontSize:"small"})})})}),(0,l.jsxs)(p.default,{variant:"caption",color:"textSecondary",children:["Model call ",es+1," / ",eo.length]}),(0,l.jsx)(s.A,{title:"Next model call",children:(0,l.jsx)("span",{children:(0,l.jsx)(d.A,{size:"small",onClick:()=>ei(e=>Math.min(eo.length-1,Math.min(e,eo.length-1)+1)),disabled:es>=eo.length-1,"aria-label":"Next model call",children:(0,l.jsx)(t_.A,{fontSize:"small"})})})})]}),(0,l.jsx)(i.default,{sx:{flexGrow:1,minHeight:0,overflow:"hidden",display:"flex",flexDirection:"column"},children:(0,l.jsx)(t2,{modelInput:ed,conversationId:f})})]}):(0,l.jsx)(p.default,{variant:"body2",color:"textSecondary",sx:{p:2},children:"No model call for this step."}):(0,l.jsx)(p.default,{variant:"body2",color:"textSecondary",sx:{p:2},children:"Select a step from the execution tracker."})}),eA={conversation:ej,tracker:(0,l.jsxs)(i.default,{sx:{flexGrow:1,display:"flex",overflow:"hidden",minHeight:0},children:[(0,l.jsxs)(na,{children:[(0,l.jsx)(p.default,{variant:"caption",color:"textSecondary",gutterBottom:!0,sx:{display:"block"},children:"Execution Trace"}),(0,l.jsxs)(B.A,{dense:!0,disablePadding:!0,children:[null==(t=u.executionTrace)?void 0:t.map((e,t)=>(0,l.jsx)(_.Ay,{disablePadding:!0,children:(0,l.jsx)(M.A,{selected:t===k,onClick:()=>(e=>{u.executionTrace&&e>=0&&e<u.executionTrace.length?(t5.debug("Trace step selected: ".concat(e)),E(e)):t5.warn("Invalid step index selected: ".concat(e))})(t),children:(0,l.jsx)(P.A,{primary:"".concat(e.stepIndex,": ").concat(e.nodeName||e.nodeId),secondary:e.nodeType})})},e.stepIndex)),b&&(0,l.jsx)(_.Ay,{children:(0,l.jsx)(ec.default,{size:20,sx:{margin:"auto"}})})]})]}),(0,l.jsx)(ni,{children:q?(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,l.jsx)(ec.default,{})}):K?(0,l.jsx)(c.A,{severity:"error",sx:{margin:2},children:K}):(0,l.jsxs)(e2.Ln,{children:[" ",(0,l.jsx)(e2.Gc,{nodes:eg,edges:$,onNodesChange:Z,onEdgesChange:et,nodeTypes:t6,edgeTypes:t4,fitView:!0,attributionPosition:"bottom-right",nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,panOnDrag:!0,zoomOnScroll:!0,zoomOnPinch:!0,zoomOnDoubleClick:!1,onNodeClick:(e,t)=>{e.preventDefault(),w&&w(t.id)},onEdgeClick:e=>e.preventDefault(),onPaneClick:()=>{},children:" "})]})})]}),detail:(0,l.jsxs)(i.default,{sx:{flexGrow:1,overflowY:"auto",minHeight:0,p:2},children:[er?(0,l.jsxs)(i.default,{children:[(0,l.jsxs)(p.default,{variant:"body2",children:[(0,l.jsx)("b",{children:"Node:"})," ",er.nodeName," (",er.nodeId,")"]}),(0,l.jsxs)(p.default,{variant:"body2",children:[(0,l.jsx)("b",{children:"Type:"})," ",er.nodeType]}),(0,l.jsxs)(p.default,{variant:"body2",children:[(0,l.jsx)("b",{children:"Timestamp:"})," ",new Date(er.timestamp).toLocaleString()]}),(0,l.jsxs)(p.default,{variant:"body2",children:[(0,l.jsx)("b",{children:"Action Taken:"})," ",er.actionTaken]}),(0,l.jsxs)(eh.A,{sx:{mt:2,boxShadow:"none","&:before":{display:"none"}},children:[(0,l.jsx)(ex.A,{expandIcon:(0,l.jsx)(Y.A,{}),sx:{minHeight:"36px","& .MuiAccordionSummary-content":{margin:"8px 0"}},children:(0,l.jsx)(p.default,{variant:"caption",children:"Prep Result"})}),(0,l.jsx)(em.A,{sx:{p:0},children:(0,l.jsx)("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-all",maxHeight:"200px",overflowY:"auto",background:"var(--surface-raised)",color:"var(--foreground)",padding:"8px",borderRadius:"4px",fontSize:"0.75rem",margin:0},children:JSON.stringify(er.prepResultSnapshot,null,2)})})]}),(0,l.jsxs)(eh.A,{sx:{boxShadow:"none","&:before":{display:"none"}},children:[(0,l.jsx)(ex.A,{expandIcon:(0,l.jsx)(Y.A,{}),sx:{minHeight:"36px","& .MuiAccordionSummary-content":{margin:"8px 0"}},children:(0,l.jsxs)(p.default,{variant:"caption",color:(null==(n=er.execResultSnapshot)?void 0:n.success)===!1?"error":"inherit",children:["Exec Result ",(null==(o=er.execResultSnapshot)?void 0:o.success)===!1?"(Error)":""]})}),(0,l.jsx)(em.A,{sx:{p:0},children:(null==(a=er.execResultSnapshot)?void 0:a.success)===!1?(0,l.jsxs)(i.default,{sx:{p:1,background:C.palette.error.light,borderRadius:1},children:[(0,l.jsxs)(p.default,{variant:"body2",color:"error",gutterBottom:!0,children:[(0,l.jsx)("b",{children:"Error:"})," ",er.execResultSnapshot.error||"Unknown error"]}),er.execResultSnapshot.errorDetails&&(0,l.jsx)("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-all",maxHeight:"150px",overflowY:"auto",background:"var(--surface-raised)",color:"var(--foreground)",padding:"4px",borderRadius:"4px",fontSize:"0.75rem",margin:0},children:JSON.stringify(er.execResultSnapshot.errorDetails,null,2)})]}):(0,l.jsx)("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-all",maxHeight:"200px",overflowY:"auto",background:"var(--surface-raised)",color:"var(--foreground)",padding:"8px",borderRadius:"4px",fontSize:"0.75rem",margin:0},children:JSON.stringify(er.execResultSnapshot,null,2)})})]}),(0,l.jsxs)(eh.A,{sx:{boxShadow:"none","&:before":{display:"none"}},children:[(0,l.jsx)(ex.A,{expandIcon:(0,l.jsx)(Y.A,{}),sx:{minHeight:"36px","& .MuiAccordionSummary-content":{margin:"8px 0"}},children:(0,l.jsx)(p.default,{variant:"caption",children:"State Before"})}),(0,l.jsx)(em.A,{sx:{p:0},children:(0,l.jsx)("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-all",maxHeight:"200px",overflowY:"auto",background:"var(--surface-raised)",color:"var(--foreground)",padding:"8px",borderRadius:"4px",fontSize:"0.75rem",margin:0},children:JSON.stringify(er.stateBefore,null,2)})})]}),(0,l.jsxs)(eh.A,{sx:{boxShadow:"none","&:before":{display:"none"}},children:[(0,l.jsx)(ex.A,{expandIcon:(0,l.jsx)(Y.A,{}),sx:{minHeight:"36px","& .MuiAccordionSummary-content":{margin:"8px 0"}},children:(0,l.jsx)(p.default,{variant:"caption",children:"State After"})}),(0,l.jsx)(em.A,{sx:{p:0},children:(0,l.jsx)("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-all",maxHeight:"200px",overflowY:"auto",background:"var(--surface-raised)",color:"var(--foreground)",padding:"8px",borderRadius:"4px",fontSize:"0.75rem",margin:0},children:JSON.stringify(er.stateAfter,null,2)})})]})]}):(0,l.jsx)(p.default,{variant:"body2",color:"textSecondary",children:"Select a step from the execution tracker."}),(0,l.jsxs)(eh.A,{defaultExpanded:!0,sx:{mt:2,boxShadow:"none","&:before":{display:"none"}},children:[(0,l.jsx)(ex.A,{expandIcon:(0,l.jsx)(Y.A,{}),sx:{minHeight:"36px","& .MuiAccordionSummary-content":{margin:"8px 0"}},children:(0,l.jsx)(p.default,{variant:"caption",children:"Run Data"})}),(0,l.jsx)(em.A,{sx:{p:0},children:(0,l.jsx)(tV,{conversationId:f,refreshToken:null==I?void 0:I.resourceVersion})})]})]})};return(0,l.jsxs)(nl,{elevation:2,children:[(0,l.jsxs)(nr,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between"},children:[(0,l.jsxs)(i.default,{children:[(0,l.jsx)(p.default,{variant:"h6",children:"Flow Debugger"}),(0,l.jsxs)(p.default,{variant:"caption",color:"textSecondary",display:"block",children:["Click a node to toggle a breakpoint",y&&y.length>0?" \xb7 ".concat(y.length," active"):""]})]}),(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[(0,l.jsx)(s.A,{title:R.conversation?"Hide Conversation":"Show Conversation",children:(0,l.jsx)(d.A,{size:"small",onClick:()=>eb("conversation"),color:R.conversation?"primary":"default","aria-label":R.conversation?"Hide Conversation":"Show Conversation",children:(0,l.jsx)(tM.A,{fontSize:"small"})})}),(0,l.jsx)(s.A,{title:R.tracker?"Hide Execution Tracker":"Show Execution Tracker",children:(0,l.jsx)(d.A,{size:"small",onClick:()=>eb("tracker"),color:R.tracker?"primary":"default","aria-label":R.tracker?"Hide Execution Tracker":"Show Execution Tracker",children:(0,l.jsx)(z.A,{fontSize:"small"})})}),(0,l.jsx)(s.A,{title:R.detail?"Hide Detail":"Show Detail",children:(0,l.jsx)(d.A,{size:"small",onClick:()=>eb("detail"),color:R.detail?"primary":"default","aria-label":R.detail?"Hide Detail":"Show Detail",children:(0,l.jsx)(tP.A,{fontSize:"small"})})}),S&&(0,l.jsx)(s.A,{title:A?"Exit full screen":"Expand to full screen",children:(0,l.jsx)(d.A,{size:"small",onClick:S,"aria-label":A?"Exit full screen":"Expand to full screen",children:A?(0,l.jsx)(tr.A,{fontSize:"small"}):(0,l.jsx)(tl.A,{fontSize:"small"})})}),j&&(0,l.jsx)(s.A,{title:"Close debugger",children:(0,l.jsx)(d.A,{size:"small",onClick:j,"aria-label":"Close debugger",children:(0,l.jsx)(eZ.A,{fontSize:"small"})})})]})]}),(0,l.jsx)(no,{children:0===ev.length?(0,l.jsx)(i.default,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",p:3},children:(0,l.jsx)(p.default,{variant:"body2",color:"textSecondary",children:"All sections are hidden — use the toolbar toggles above to show a section."})}):ev.map((e,t)=>(0,l.jsxs)(r.Fragment,{children:[(e=>{let t="tracker"!==e,n="conversation"===e?O:"detail"===e?W:void 0;return(0,l.jsxs)(i.default,{sx:{...t?{width:n,flexShrink:0}:{flexGrow:1,minWidth:300},display:"flex",flexDirection:"column",overflow:"hidden",minHeight:0},children:[(e=>{let t=ev.indexOf(e);return(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:1,py:.5,borderBottom:"1px solid ".concat(C.palette.divider)},children:[(0,l.jsx)(p.default,{variant:"subtitle2",noWrap:!0,children:t7[e]}),(0,l.jsxs)(i.default,{sx:{display:"flex"},children:[(0,l.jsx)(s.A,{title:"Move left",children:(0,l.jsx)("span",{children:(0,l.jsx)(d.A,{size:"small",onClick:()=>ey(e,-1),disabled:t<=0,"aria-label":"Move ".concat(t7[e]," left"),children:(0,l.jsx)(G.A,{fontSize:"small"})})})}),(0,l.jsx)(s.A,{title:"Move right",children:(0,l.jsx)("span",{children:(0,l.jsx)(d.A,{size:"small",onClick:()=>ey(e,1),disabled:t<0||t>=ev.length-1,"aria-label":"Move ".concat(t7[e]," right"),children:(0,l.jsx)(t_.A,{fontSize:"small"})})})}),(0,l.jsx)(s.A,{title:"Hide section",children:(0,l.jsx)(d.A,{size:"small",onClick:()=>eb(e),"aria-label":"Hide ".concat(t7[e]),children:(0,l.jsx)(eZ.A,{fontSize:"small"})})})]})]})})(e),eA[e]]},e)})(e),t<ev.length-1&&((e,t)=>{let n="tracker"!==e?e:"tracker"!==t?t:null;if(!n)return null;let r="tracker"!==e?1:-1;return(0,l.jsx)(nd,{onPointerDown:e=>ew(n,r,e),"aria-label":"Resize ".concat(t7[n]," section")},"resizer-".concat(e,"-").concat(t))})(e,ev[t+1])]},e))}),(0,l.jsxs)(ns,{children:[(0,l.jsx)(h.A,{variant:"outlined",size:"small",onClick:en,disabled:b||k<=0,children:"Previous"}),(0,l.jsx)(h.A,{variant:"contained",size:"small",onClick:el,disabled:b||-1===k,children:u.executionTrace&&k<u.executionTrace.length-1?"Next Trace Step":"Step Next"}),m&&(0,l.jsx)(h.A,{variant:"outlined",size:"small",onClick:m,disabled:b,children:"Step Over"}),(0,l.jsx)(h.A,{variant:"contained",color:"secondary",size:"small",onClick:g,disabled:b,children:"Continue"}),(0,l.jsx)(h.A,{variant:"outlined",color:"error",size:"small",onClick:v,disabled:b,children:"Stop"})]})]})},nu=(0,eO.h)("frontend/components/Chat/ExecutedFlowPanel"),np={start:tW.vm,process:tW.Uw,finish:tW.IK,mcp:tW.v2,subflow:tW.lA,resource:tW.z9},nf={custom:tL.jY,mcpEdge:tL.oY,resourceEdge:tL.sZ},nh=e=>{let{flowId:t,flowSnapshot:n,executedNodeIds:o,liveActivity:a,onClose:u}=e,f=(0,e5.A)(),[h,x]=(0,r.useState)(null),[m,g]=(0,r.useState)(!0),[v,b]=(0,r.useState)(null),[y,w,j]=(0,e2.ck)([]),[A,S,I]=(0,e2.fM)([]);(0,r.useEffect)(()=>{let e=!1;return(async()=>{g(!0),b(null);try{if(n&&Array.isArray(n.nodes)){e||x(n);return}if(!t)throw Error("No flow is associated with this conversation yet.");nu.debug("Loading flow definition for ID: ".concat(t));let l=await tF.g.getFlow(t);if(!l)throw Error("Flow with ID ".concat(t," not found."));e||x(l)}catch(t){nu.error("Error loading flow definition:",t),e||(b(t instanceof Error?t.message:"Failed to load flow definition."),x(null))}finally{e||g(!1)}})(),()=>{e=!0}},[t,n]),(0,r.useEffect)(()=>{h&&(w(h.nodes.map(e=>({...e,draggable:!1,selectable:!1,connectable:!1}))),S(h.edges.map(e=>({...e,selectable:!1}))))},[h,w,S]);let C=(0,r.useMemo)(()=>new Set(o),[o]),[k,E]=(0,r.useState)(()=>Date.now());(0,r.useEffect)(()=>{if(!a)return;let e=()=>Object.values(a.byNode).some(e=>Date.now()-e.ts<4e3);if(!e())return;let t=setInterval(()=>{E(Date.now()),e()||clearInterval(t)},350);return()=>clearInterval(t)},[a]);let N=(0,r.useMemo)(()=>y.map(e=>{let t=C.has(e.id),n=null==a?void 0:a.byNode[e.id],l=!!n&&k-n.ts<4e3;return{...e,style:{...e.style,opacity:t||l?1:.4,border:l?"2px solid ".concat(f.palette.primary.main):t?"2px solid ".concat(f.palette.success.main):"1px solid ".concat(f.palette.divider),boxShadow:l?"0 0 10px ".concat(f.palette.primary.light):t?"0 0 8px ".concat(f.palette.success.light):void 0}}}),[y,C,a,k,f]);return(0,l.jsxs)(i.default,{sx:{display:"flex",flexDirection:"column",height:"100%",borderLeft:1,borderColor:"divider",minWidth:0},children:[(0,l.jsxs)(i.default,{sx:{display:"flex",alignItems:"center",gap:1,px:1.5,py:1,borderBottom:1,borderColor:"divider",flexShrink:0},children:[(0,l.jsx)(z.A,{fontSize:"small",color:"action"}),(0,l.jsx)(p.default,{variant:"subtitle2",sx:{flex:1,minWidth:0},noWrap:!0,children:"Executed Steps"}),(0,l.jsx)(s.A,{title:"Hide panel",children:(0,l.jsx)(d.A,{size:"small",onClick:u,"aria-label":"Hide executed steps panel",children:(0,l.jsx)(eZ.A,{fontSize:"small"})})})]}),(0,l.jsx)(i.default,{sx:{flex:1,minHeight:0,position:"relative"},children:m?(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,l.jsx)(ec.default,{})}):v?(0,l.jsx)(c.A,{severity:"info",sx:{m:2},children:v}):(0,l.jsx)(e2.Ln,{children:(0,l.jsx)(e2.Gc,{nodes:N,edges:A,onNodesChange:j,onEdgesChange:I,nodeTypes:np,edgeTypes:nf,fitView:!0,attributionPosition:"bottom-right",nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,panOnDrag:!0,zoomOnScroll:!0,zoomOnPinch:!0,zoomOnDoubleClick:!1})})})]})};function nx(e){var t;return null==e||null==(t=e.nodes)?void 0:t.find(e=>{var t,n;return(null!=(n=null==e?void 0:e.type)?n:null==e||null==(t=e.data)?void 0:t.type)==="start"})}var nm=n(94929),ng=n(29155),nv=n(63650);let nb=(0,eO.h)("frontend/services/chat/index");class ny extends Error{constructor(e,t,n){super(e),this.name="ChatApiError",this.status=t,this.body=n}}let nw="/v1/chat/conversations";async function nj(e){let t;if(204===e.status)return;let n=await e.text();if(n)try{t=JSON.parse(n)}catch(e){t=n}if(!e.ok)throw new ny(t&&"object"==typeof t&&(t.error||t.message)||"Request failed with status ".concat(e.status),e.status,t);return t}class nA{async listConversations(){return nb.debug("listConversations: Entering method"),nj(await fetch(nw))}async getConversation(e){return nb.debug("getConversation: Entering method",{conversationId:e}),nj(await fetch("".concat(nw,"/").concat(encodeURIComponent(e))))}async createConversation(e){return nb.debug("createConversation: Entering method",{conversationId:e.id}),nj(await fetch(nw,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}))}async updateConversationFlow(e,t){return nb.debug("updateConversationFlow: Entering method",{conversationId:e,flowId:t}),nj(await fetch("".concat(nw,"/").concat(encodeURIComponent(e)),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({flowId:t})}))}async updateConversationTitle(e,t){return nb.debug("updateConversationTitle: Entering method",{conversationId:e}),nj(await fetch("".concat(nw,"/").concat(encodeURIComponent(e)),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({title:t})}))}async updateConversationApproval(e,t){return nb.debug("updateConversationApproval: Entering method",{conversationId:e,requireApproval:t}),nj(await fetch("".concat(nw,"/").concat(encodeURIComponent(e)),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({requireApproval:t})}))}async deleteConversation(e){nb.debug("deleteConversation: Entering method",{conversationId:e});let t=await fetch("".concat(nw,"/").concat(encodeURIComponent(e)),{method:"DELETE"});await nj(t)}async respondToToolCall(e,t,n){return nb.debug("respondToToolCall: Entering method",{conversationId:e,action:t,toolCallId:n}),nj(await fetch("".concat(nw,"/").concat(encodeURIComponent(e),"/respond"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:t,toolCallId:n})}))}async debugStep(e){return nb.debug("debugStep: Entering method",{conversationId:e}),nj(await fetch("".concat(nw,"/").concat(encodeURIComponent(e),"/debug/step"),{method:"POST"}))}async debugContinue(e){return nb.debug("debugContinue: Entering method",{conversationId:e}),nj(await fetch("".concat(nw,"/").concat(encodeURIComponent(e),"/debug/continue"),{method:"POST"}))}async setBreakpoints(e,t){nb.debug("setBreakpoints: Entering method",{conversationId:e,count:t.length});let n=await fetch("".concat(nw,"/").concat(encodeURIComponent(e),"/breakpoints"),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({breakpoints:t})});await nj(n)}async synthesizeQuickChat(e){return nb.debug("synthesizeQuickChat: Entering method",{conversationId:e.conversationId}),nj(await fetch("/api/flow/quick-chat",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}))}async cancel(e){nb.debug("cancel: Entering method",{conversationId:e});let t=await fetch("".concat(nw,"/").concat(encodeURIComponent(e),"/cancel"),{method:"POST"});await nj(t)}subscribeToEvents(e,t,n){let l=new EventSource(void 0!==n?"".concat(nw,"/").concat(encodeURIComponent(e),"/events?fromSeq=").concat(n):"".concat(nw,"/").concat(encodeURIComponent(e),"/events"));return l.onopen=()=>{var n;nb.debug("Execution event stream open",{conversationId:e}),null==(n=t.onOpen)||n.call(t)},l.onmessage=e=>{try{t.onEvent(JSON.parse(e.data))}catch(e){nb.warn("Failed to parse SSE event",{err:e})}},l.onerror=e=>{var n;nb.debug("SSE stream error (browser will retry if still open)"),null==(n=t.onError)||n.call(t,e)},l}}let nS=new nA,nI=(0,eO.h)("frontend/components/Chat/index");function nC(e){var t;if(Array.isArray(e.content))return e.content;let n="string"==typeof e.content?e.content:"",l=null!=(t=e.attachments)?t:[],r=l.filter(e=>"image"!==e.type),o=l.filter(e=>"image"===e.type);if(r.length>0&&(n+="\n\n"+r.map(e=>"[".concat(e.type.toUpperCase(),"]: ").concat(e.content)).join("\n\n")),0===o.length)return n;let a=[];for(let e of(n.trim()&&a.push({type:"text",text:n}),o))a.push({type:"image_url",image_url:{url:e.content}});return a}let nk=/cancelled by user|execution cancelled/i,nE=e=>{var t,n;return(null==e?void 0:e.code)==="cancelled"||(null==e||null==(t=e.error)?void 0:t.code)==="cancelled"||[null==e?void 0:e.message,"string"==typeof(null==e||null==(n=e.body)?void 0:n.error)?e.body.error:void 0].some(e=>"string"==typeof e&&nk.test(e))},nN=()=>{var e,t,n;let o=(0,a.useRouter)(),[_,M]=(0,r.useState)([]),[P,O]=(0,r.useState)(!0),[F,W]=(0,r.useState)(null),[L,H]=(0,r.useState)(null),[B,U]=(0,r.useState)(!1),[q,J]=(0,r.useState)(null),[G,K]=(0,D.Mj)(D.Zg.CURRENT_CONVERSATION_ID,null),[V,Y]=(0,D.Mj)(D.Zg.LAST_PICKED_FLOW_ID,null),[Q,Z]=(0,r.useState)(!1),[$,ee]=(0,r.useState)(new Set),et=(0,r.useCallback)((e,t)=>{e&&ee(n=>{if(t===n.has(e))return n;let l=new Set(n);return t?l.add(e):l.delete(e),l})},[]),[en,el]=(0,r.useState)({}),er=(0,r.useRef)(!1),[eo,ea]=(0,r.useState)(null),[ei,es]=(0,r.useState)([]),[ec,eu]=(0,r.useState)(!1),[ep,ef]=(0,r.useState)(!1),[eh,ex]=(0,r.useState)(""),[em,eg]=(0,r.useState)(!1),[ev,eb]=(0,r.useState)(null),[ey,ew]=(0,r.useState)(null),[ej,eA]=(0,r.useState)(null),[eS,eI]=(0,r.useState)(null),[eC,ek]=(0,r.useState)(!1),[eE,eN]=(0,r.useState)(null),[eT,ez]=(0,r.useState)(!1),[eR,eD]=(0,r.useState)(()=>{let e=Number(window.localStorage.getItem("flujo-debugger-width"));return Number.isFinite(e)&&e>0?e:0}),[e_,eM]=(0,r.useState)(()=>"1"===window.localStorage.getItem("flujo-debugger-expanded"));(0,r.useEffect)(()=>{window.localStorage.setItem("flujo-debugger-expanded",e_?"1":"0")},[e_]);let[eP,eO]=(0,r.useState)(()=>"1"===window.localStorage.getItem("flujo-workflow-panel-visible"));(0,r.useEffect)(()=>{window.localStorage.setItem("flujo-workflow-panel-visible",eP?"1":"0")},[eP]);let[eF,eW]=(0,r.useState)(()=>{let e=Number(window.localStorage.getItem("flujo-workflow-panel-width"));return Number.isFinite(e)&&e>0?e:320}),eL=(0,r.useCallback)(e=>{e.preventDefault();let t=e.clientX,n=0;eW(e=>(n=e,e));let l=document.body.style.userSelect,r=document.body.style.cursor;document.body.style.userSelect="none",document.body.style.cursor="col-resize";let o=e=>{eW(Math.min(Math.max(n+(t-e.clientX),240),Math.round(.7*window.innerWidth)))},a=()=>{window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",a),document.body.style.userSelect=l,document.body.style.cursor=r,eW(e=>(e>0&&window.localStorage.setItem("flujo-workflow-panel-width",String(Math.round(e))),e))};window.addEventListener("pointermove",o),window.addEventListener("pointerup",a)},[]),eH=(0,r.useCallback)(e=>{e.preventDefault();let t=document.body.style.userSelect,n=document.body.style.cursor;document.body.style.userSelect="none",document.body.style.cursor="col-resize";let l=e=>{eD(Math.min(Math.max(window.innerWidth-e.clientX,360),Math.round(.85*window.innerWidth)))},r=()=>{window.removeEventListener("pointermove",l),window.removeEventListener("pointerup",r),document.body.style.userSelect=t,document.body.style.cursor=n,eD(e=>(e>0&&window.localStorage.setItem("flujo-debugger-width",String(Math.round(e))),e))};window.addEventListener("pointermove",l),window.addEventListener("pointerup",r)},[]),[eB,eU]=(0,r.useState)(()=>{let e=Number(window.localStorage.getItem("flujo-chat-sidebar-width"));return Number.isFinite(e)&&e>0?e:300}),[eq,eG]=(0,r.useState)(()=>"1"===window.localStorage.getItem("flujo-chat-sidebar-collapsed")),eK=(0,r.useCallback)(()=>{eG(e=>{let t=!e;return window.localStorage.setItem("flujo-chat-sidebar-collapsed",t?"1":"0"),t})},[]),eV=(0,r.useCallback)(e=>{e.preventDefault();let t=document.body.style.userSelect,n=document.body.style.cursor;document.body.style.userSelect="none",document.body.style.cursor="col-resize";let l=e=>{eU(Math.min(Math.max(e.clientX,220),560))},r=()=>{window.removeEventListener("pointermove",l),window.removeEventListener("pointerup",r),document.body.style.userSelect=t,document.body.style.cursor=n,eU(e=>(e>0&&window.localStorage.setItem("flujo-chat-sidebar-width",String(Math.round(e))),e))};window.addEventListener("pointermove",l),window.addEventListener("pointerup",r)},[]),[eY,eQ]=(0,r.useState)(null),[eX,eZ]=(0,r.useState)(tH),[e$,e0]=(0,r.useState)(th),[e1,e2]=(0,r.useState)([]),[e5,e6]=(0,r.useState)(null),e4=(0,r.useRef)(null),e8=(0,r.useRef)(null),e7=(0,r.useRef)(null),e3=(0,r.useRef)(-1),te=(0,r.useRef)(G);(0,r.useEffect)(()=>{te.current=G},[G]);let tn=(0,r.useRef)(new Set),tl=(0,r.useRef)(new Set),tr=(0,r.useRef)(new Set),[to,tc]=(0,r.useState)(new Set),tu=(0,r.useCallback)((e,t)=>{e&&(t?tr.current.add(e):tr.current.delete(e),tc(new Set(tr.current)))},[]),tp=(0,r.useRef)(null),tf=(0,r.useRef)(!0),[tm,tv]=(0,r.useState)(!1),tb=(0,r.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"auto",t=tp.current;t&&t.scrollTo({top:t.scrollHeight,behavior:e})},[]),ty=(0,r.useCallback)(()=>{let e=tp.current;if(!e)return;let t=e.scrollHeight-e.scrollTop-e.clientHeight<80;tf.current=t,tv(!t)},[]),tw=(0,r.useCallback)(()=>{tf.current=!0,tv(!1),tb("smooth")},[tb]);(0,r.useEffect)(()=>{tf.current=!0,tv(!1)},[G]),(0,r.useEffect)(()=>{tf.current&&tb("auto")},[null==L?void 0:L.messages,tb]);let tj=(0,r.useRef)(null);(0,r.useEffect)(()=>{tj.current=e5},[e5]),(0,r.useEffect)(()=>{let e=window.location.origin+"/v1";e4.current=new ng.Ay({baseURL:e,apiKey:"FLUJO",dangerouslyAllowBrowser:!0,maxRetries:0,timeout:18e6})},[]),(0,r.useEffect)(()=>{(async()=>{nI.debug("Loading flows");try{let e=await tF.g.loadFlows();es(e)}catch(e){nI.error("Error loading flows:",e)}})()},[]);let tA=(0,r.useCallback)(async(e,t)=>{var n;let l=null!=(n=null==t?void 0:t.silent)&&n;nI.debug("Fetching conversation list from backend",{silent:l}),l||(O(!0),W(null));let r=[],o=!1;try{for(let e of r=(await nS.listConversations()).filter(e=>!tl.current.has(e.id)).sort((e,t)=>t.updatedAt-e.updatedAt))tn.current.delete(e.id);M(e=>{let t=e.filter(e=>tn.current.has(e.id)),n=t.length>0?[...t,...r].sort((e,t)=>t.updatedAt-e.updatedAt):r;return((e,t)=>e.length===t.length&&e.every((e,n)=>{let l=t[n];return e.id===l.id&&e.title===l.title&&e.flowId===l.flowId&&e.status===l.status&&e.plannedExecutionId===l.plannedExecutionId&&e.parentConversationId===l.parentConversationId&&e.rootConversationId===l.rootConversationId&&e.createdAt===l.createdAt&&e.updatedAt===l.updatedAt}))(e,n)?e:n}),nI.info("Fetched ".concat(r.length," conversations for the list"))}catch(e){o=!0,nI.error("Error fetching conversation list:",e),l||(W("Failed to load conversation history."),M([]))}finally{if(l||O(!1),l||o)return;let t=void 0!==e?e:te.current,n=te.current;if(t&&(e=>r.some(t=>t.id===e)||tn.current.has(e))(t))t!==n&&(nI.debug("Setting currentConversationId to ".concat(t," after fetch/operation.")),K(t));else if(r.length>0){let e=r[0].id;e!==n&&(nI.debug("Selecting most recent conversation ".concat(e," after fetch/operation.")),K(e))}else null===n||tn.current.has(n)||(nI.debug("No conversations available after fetch/operation, clearing selection."),K(null))}},[K]);(0,r.useEffect)(()=>{tA()},[]),(0,r.useEffect)(()=>{let e=()=>{("undefined"==typeof document||"visible"===document.visibilityState)&&tA(void 0,{silent:!0})},t=setInterval(e,5e3);return document.addEventListener("visibilitychange",e),()=>{clearInterval(t),document.removeEventListener("visibilitychange",e)}},[tA]);let tS=(0,r.useCallback)(async e=>{if(tn.current.has(e))return void nI.debug("Skipping detail fetch for client-only conversation",{conversationId:e});if(te.current!==e){nI.debug("Detail fetch requested for non-viewed conversation; refreshing list instead",{conversationId:e}),tA(void 0,{silent:!0});return}nI.debug("Fetching detailed conversation",{conversationId:e}),U(!0),J(null),H(null);try{let t=await nS.getConversation(e);if(te.current!==e)return void nI.debug("Discarding stale detailed conversation response",{fetchedId:e,currentId:te.current});H(t),M(n=>n.map(n=>{var l;return n.id===e?{...n,title:t.title,flowId:t.flowId,updatedAt:t.updatedAt,status:null!=(l=t.status)?l:n.status}:n}).sort((e,t)=>t.updatedAt-e.updatedAt)),nI.info("Fetched detailed conversation successfully",{conversationId:e})}catch(t){if(nI.error("Error fetching detailed conversation:",{conversationId:e,err:t}),te.current!==e)return;t instanceof ny&&404===t.status?(J("Conversation ".concat(e," not found.")),K(null),tA()):J("Failed to load details for conversation ".concat(e,".")),H(null)}finally{te.current===e&&U(!1)}},[tA,K]);(0,r.useEffect)(()=>{eb(null),eA(null),G?tS(G):(H(null),U(!1),J(null))},[G,tS]),(0,r.useEffect)(()=>{if(L){var e;eu(null!=(e=L.requireApproval)&&e)}},[null==L?void 0:L.id]);let tI=(0,r.useCallback)(async e=>{if(eu(e),G)try{await nS.updateConversationApproval(G,e)}catch(e){nI.warn("Failed to persist requireApproval setting",{conversationId:G,err:e})}},[G]),tC=_.find(e=>e.id===G)||null,tN=(0,r.useMemo)(()=>{let e={};for(let t of ei)t.id&&(e[t.id]=t.name);return e},[ei]),tT=(0,r.useMemo)(()=>ei.find(e=>e.id===(null==L?void 0:L.flowId))||null,[ei,null==L?void 0:L.flowId]),tz=(0,r.useMemo)(()=>{var e;return(null==tT||null==(e=tT.nodes)?void 0:e.map(e=>({id:e.id,label:e.data.label||e.id})))||[]},[tT]),tR=(0,r.useMemo)(()=>{var e;return function(e){var t,n,l;let r=new Set;return null==(t=e.messages)||t.forEach(e=>{(null==e?void 0:e.processNodeId)&&r.add(e.processNodeId)}),null==(n=e.nodeExecutionTracker)||n.forEach(e=>{(null==e?void 0:e.nodeId)&&r.add(e.nodeId)}),null==(l=e.executionTrace)||l.forEach(e=>{(null==e?void 0:e.nodeId)&&r.add(e.nodeId)}),Array.from(r)}({messages:null==L?void 0:L.messages,nodeExecutionTracker:null==eE||null==(e=eE.trackingInfo)?void 0:e.nodeExecutionTracker,executionTrace:null==eE?void 0:eE.executionTrace})},[null==L?void 0:L.messages,eE]),t_=(0,r.useMemo)(()=>{var e,t,n;let l=e=>!!e&&tz.some(t=>t.id===e);if(l(ej))return ej;if(l(null==L?void 0:L.currentNodeId))return L.currentNodeId;let r=null!=(t=null==L?void 0:L.messages)?t:[];for(let e=r.length-1;e>=0;e--){let t=r[e];if("assistant"===t.role&&l(t.processNodeId))return t.processNodeId}return null!=(n=null==(e=tz[0])?void 0:e.id)?n:null},[ej,L,tz]),tM=async e=>{var t,n,l,r;nI.debug("Attempting to create new conversation"),ea(null);let o="string"!=typeof e||X(e)?void 0:ei.find(t=>t.id===e),a=V&&!X(V)?ei.find(e=>e.id===V):void 0,i=(null==(t=null!=(l=null!=(n=null!=o?o:a)?n:ei.find(e=>e.favorite))?l:ei[0])?void 0:t.id)||null;if(!i){nI.error("Cannot create conversation: No flows available or first flow has no ID."),ea("Cannot create a new conversation: No flows available.");return}let s=(0,e9.A)(),d=Date.now(),c={id:s,title:"New Conversation",flowId:i,createdAt:d,updatedAt:d};try{nI.info("Sending request to create conversation on backend",{payload:JSON.stringify(c)});let e=await nS.createConversation(c);nI.info("Successfully created conversation on backend",{conversationId:e.id}),M(t=>[e,...t].sort((e,t)=>t.updatedAt-e.updatedAt)),K(e.id),H({id:e.id,title:e.title,flowId:e.flowId,createdAt:e.createdAt,updatedAt:e.updatedAt,messages:[]}),U(!1),J(null)}catch(t){nI.error("Error creating conversation on backend:",t);let e="Failed to create conversation on the server.";t instanceof ny?e+=" Error: ".concat((null==(r=t.body)?void 0:r.error)||t.message):t instanceof Error&&(e+=" Error: ".concat(t.message)),ea(e)}},tP=(0,r.useRef)(!1);(0,r.useEffect)(()=>{if(tP.current||0===ei.length)return;let e=new URLSearchParams(window.location.search).get("flow");if(!e){tP.current=!0;return}tP.current=!0,ei.some(t=>t.id===e)&&!X(e)&&tM(e),o.replace("/chat")},[ei]);let[tO,tW]=(0,r.useState)(!1),tL=async e=>{ea(null);let t=(0,e9.A)(),{flow:n}=await nS.synthesizeQuickChat({conversationId:t,modelId:e.modelId,servers:e.servers,systemPrompt:e.systemPrompt}),l=Date.now(),r=await nS.createConversation({id:t,title:"Quick Chat",flowId:n.id,flowSnapshot:n,createdAt:l,updatedAt:l});M(e=>[r,...e].sort((e,t)=>t.updatedAt-e.updatedAt)),K(r.id),H({id:r.id,title:r.title,flowId:r.flowId,createdAt:r.createdAt,updatedAt:r.updatedAt,messages:[]}),U(!1),J(null),tW(!1)},tU=(0,r.useCallback)(e=>{nI.debug("Updating detailed conversation state locally",{conversationId:e.id});let t={...e,updatedAt:Date.now()};H(t),M(e=>e.map(e=>e.id===t.id?{...e,title:t.title,updatedAt:t.updatedAt}:e).sort((e,t)=>t.updatedAt-e.updatedAt))},[]),tq=(0,r.useCallback)(()=>{e7.current&&(nI.debug("Closing execution event stream"),e7.current.close(),e7.current=null)},[]),tJ=(0,r.useCallback)((e,t)=>{M(n=>{let l=n.findIndex(t=>t.id===e);if(-1===l||n[l].status===t)return n;let r=[...n];return r[l]={...r[l],status:t},r})},[]),tG=(0,r.useCallback)(e=>{var t,n,l,r;if("number"==typeof e.seq){if(e.seq<=e3.current)return;e3.current=e.seq}let o=e=>eQ(t=>{var n,l,r,o;return{totalTokens:null!=(l=null!=(n=e.totalTokens)?n:null==t?void 0:t.totalTokens)?l:0,activeNode:void 0!==e.activeNode?e.activeNode:null!=(r=null==t?void 0:t.activeNode)?r:null,startedAt:null!=(o=null==t?void 0:t.startedAt)?o:Date.now(),lastEventAt:Date.now()}}),a=e=>eZ(t=>{let n=Date.now(),l={byNode:{...t.byNode},byResource:{...t.byResource},byResourceName:{...t.byResourceName},resourceVersion:t.resourceVersion};return e(l),function(e,t){let n=e=>{let n={};for(let[l,r]of Object.entries(e))t-r.ts<4e3&&(n[l]=r);return n};return{byNode:n(e.byNode),byResource:n(e.byResource),byResourceName:n(e.byResourceName),resourceVersion:e.resourceVersion}}(l,n)});if(null!=e.laneIndex)switch(e0(t=>(function(e,t){var n,l,r,o,a,i;let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Date.now(),d=t.laneIndex,c=t.laneCount;if(null==d||null==c)return e;let u=("subflow:start"===t.type||"subflow:done"===t.type)&&1===t.depth;if(u&&"subflow:start"===t.type){let o=null==(n=t.node)?void 0:n.nodeId,a=e.ownerNodeId&&o&&e.ownerNodeId!==o?{}:{...e.byIndex};return tx(a,c,s),a[d]={laneIndex:d,laneCount:c,label:t.laneTitle||function(e,t,n){let l=e.subflowName||e.subflowId;return l?"".concat(l," ").concat(t+1,"/").concat(n):"Lane ".concat(t+1,"/").concat(n)}(t,d,c),laneConversationId:null!=(r=t.laneConversationId)?r:null==(l=a[d])?void 0:l.laneConversationId,status:"running",lastEventAt:s},{ownerNodeId:null!=o?o:e.ownerNodeId,byIndex:a}}if(u&&"subflow:done"===t.type){let n={...e.byIndex};tx(n,c,s);let l=n[d];return n[d]={...l,label:l.label&&"pending"!==l.status?l.label:t.laneTitle||l.label,laneConversationId:null!=(a=l.laneConversationId)?a:t.laneConversationId,status:t.status,activity:void 0,lastEventAt:s},{ownerNodeId:null!=(i=e.ownerNodeId)?i:null==(o=t.node)?void 0:o.nodeId,byIndex:n}}let p=function(e){switch(e.type){case"node:enter":var t,n;return(null==(t=e.node)?void 0:t.nodeName)||(null==(n=e.node)?void 0:n.nodeId)||void 0;case"tool:call":return e.name;case"tool:progress":return e.message?"".concat(e.name," — ").concat(e.message):e.name;case"subflow:start":return"↳ ".concat(e.subflowName||e.subflowId);case"handoff":return"→ ".concat(e.toNodeId);default:return}}(t);if(void 0===p)return e;let f=e.byIndex[d];if(f&&f.activity===p&&"pending"!==f.status||f&&("completed"===f.status||"error"===f.status))return e;let h={...e.byIndex};tx(h,c,s);let x=h[d];return h[d]={...x,status:"pending"===x.status?"running":x.status,activity:p,lastEventAt:s},{ownerNodeId:e.ownerNodeId,byIndex:h}})(t,e)),e.type){case"node:enter":if(null==(t=e.node)?void 0:t.nodeId){let t=e.node.nodeId;a(e=>{e.byNode[t]={kind:"active",ts:Date.now()}})}o({});return;case"tool:call":case"tool:progress":case"subflow:start":case"handoff":o({});return}switch(e.type){case"run:start":eQ({totalTokens:0,activeNode:null,startedAt:Date.now(),lastEventAt:Date.now()}),eZ(tH),e0(th),e.conversationId&&(tJ(e.conversationId,"running"),tu(e.conversationId,!1));break;case"message":{let t=e.message;o({}),H(n=>{let l;if(!n||n.id!==e.conversationId)return n;let r=n.messages.findIndex(e=>e.id===t.id);return r>=0?(l=[...n.messages])[r]={...l[r],...t}:l=[...n.messages,t],{...n,messages:l}});break}case"usage":eQ(t=>{var n,l,r;return{totalTokens:(null!=(n=null==t?void 0:t.totalTokens)?n:0)+(e.totalTokens||0),activeNode:null!=(l=null==t?void 0:t.activeNode)?l:null,startedAt:null!=(r=null==t?void 0:t.startedAt)?r:Date.now(),lastEventAt:Date.now()}});break;case"node:enter":if(o({activeNode:(null==(n=e.node)?void 0:n.nodeName)||(null==(l=e.node)?void 0:l.nodeId)||null}),null==(r=e.node)?void 0:r.nodeId){let t=e.node.nodeId;a(e=>{e.byNode[t]={kind:"active",ts:Date.now()}})}break;case"resource:read":case"resource:write":{let t="resource:read"===e.type?"read":"write";a(n=>{var l;let r=Date.now();(null==(l=e.node)?void 0:l.nodeId)&&(n.byNode[e.node.nodeId]={kind:"read"===t?"resource-read":"resource-write",ts:r}),e.server&&e.uri&&(n.byResource[tB(e.server,e.uri)]={kind:t,ts:r}),e.name&&(n.byResourceName[e.name]={kind:t,ts:r}),"write"===t&&(n.resourceVersion=n.resourceVersion+1)}),o({});break}case"tool:call":o({activeNode:e.name});break;case"tool:progress":o({activeNode:e.message?"".concat(e.name," — ").concat(e.message):e.name});break;case"subflow:start":o({activeNode:"↳ ".concat(e.subflowName||e.subflowId)});break;case"handoff":o({activeNode:"→ ".concat(e.toNodeId)});break;case"run:awaiting_approval":e.conversationId&&e.conversationId===te.current&&eb(e.pendingToolCalls||[]),e.conversationId&&tJ(e.conversationId,"awaiting_tool_approval");break;case"breakpoint:hit":case"run:paused":Z(!1),e.conversationId&&(et(e.conversationId,!1),tJ(e.conversationId,"paused_debug")),ek(!0);break;case"run:done":if(e.conversationId&&(et(e.conversationId,!1),tJ(e.conversationId,e.status)),e.conversationId&&tj.current&&e.conversationId!==tj.current)break;eQ(null),eZ(tH),e0(th),Z(!1),e6(null),tq(),e.conversationId&&e.conversationId===te.current?tS(e.conversationId):tA(void 0,{silent:!0});break;case"error":ea(e.message||"Execution error");break;default:o({})}},[tq,tS,tA,et,tJ,tu]),tK=(0,r.useCallback)((e,t)=>(tq(),e3.current=void 0!==t?t-1:-1,e0(th),new Promise(n=>{let l=!1,r=()=>{l||(l=!0,n())};try{e7.current=nS.subscribeToEvents(e,{onEvent:tG,onOpen:r},t),setTimeout(r,1500)}catch(t){nI.error("Failed to open execution event stream",{conversationId:e,err:t}),r()}})),[tG,tq]);(0,r.useEffect)(()=>{if(G&&(null==tC?void 0:tC.status)==="running"&&tj.current!==G){if(tr.current.has(G))return void nI.debug("Skipping re-attach to a conversation the user just stopped",{conversationId:G});nI.info("Re-attaching to in-progress run",{conversationId:G}),tj.current=G,Z(!0),e6(G),et(G,!0),eQ(e=>null!=e?e:{totalTokens:0,activeNode:null,startedAt:Date.now(),lastEventAt:Date.now()}),tK(G,0)}},[G,null==tC?void 0:tC.status,tK]);let tV=async e=>{nI.debug("Attempting to delete conversation",{conversationId:e}),ea(null),tl.current.add(e);let t=tn.current.delete(e);tj.current===e&&(tq(),Z(!1),e6(null),eQ(null),e0(th)),et(e,!1),el(t=>(function(e,t){if(!(t in e))return e;let n={...e};return delete n[t],n})(t,e));let n=_.filter(t=>t.id!==e);M(n);let l=G;G===e&&(n.length>0?(l=n[0].id,nI.debug("Deleted current conversation, selecting next most recent",{nextSelectionId:l})):(l=null,nI.debug("Deleted last conversation, clearing selection")),K(l));try{await nS.deleteConversation(e),nI.info("Successfully deleted conversation on backend",{conversationId:e})}catch(n){nI.error("Error deleting conversation:",{conversationId:e,err:n}),ea("Failed to delete conversation ".concat(e,". Please try again.")),tl.current.delete(e),t&&tn.current.add(e),M(_),K(G)}},tY=async e=>{if(nI.debug("Flow selected, attempting to update",{flowId:e,currentConversationId:G}),ea(null),!G){nI.warn("Cannot update flow: No conversation selected."),ea("Please select a conversation first.");return}L&&L.id===G&&H({...L,flowId:e,updatedAt:Date.now()}),M(t=>t.map(t=>t.id===G?{...t,flowId:e,updatedAt:Date.now()}:t).sort((e,t)=>t.updatedAt-e.updatedAt));try{let t=await nS.updateConversationFlow(G,e);nI.info("Successfully updated flowId on backend",{conversationId:G,flowId:e}),H(e=>e&&e.id===G?(nI.debug("Confirming detailedConversation update from server response",{conversationId:G,flowId:t.flowId}),{...e,flowId:t.flowId,updatedAt:t.updatedAt}):(nI.debug("Skipping detailedConversation update, ID mismatch or null state",{currentDetailedId:null==e?void 0:e.id,targetId:G}),e)),M(e=>e.map(e=>e.id===G?t:e).sort((e,t)=>t.updatedAt-e.updatedAt))}catch(l){nI.error("Error updating flowId on backend:",{conversationId:G,flowId:e,err:l});let n="Failed to update the selected flow.";if(l instanceof ny){var t;n+=" Error: ".concat((null==(t=l.body)?void 0:t.error)||l.message)}else l instanceof Error&&(n+=" Error: ".concat(l.message));ea(n),H(L),M(_)}},tQ=()=>{var e,t;ex(null!=(t=null!=(e=null==L?void 0:L.title)?e:null==tC?void 0:tC.title)?t:""),ef(!0)},tX=async()=>{var e,t;if(ef(!1),!G)return;let n=null!=(t=null!=(e=null==L?void 0:L.title)?e:null==tC?void 0:tC.title)?t:"",l=eh.trim().slice(0,200);if(l&&l!==n){H(e=>e&&e.id===G?{...e,title:l}:e),M(e=>e.map(e=>e.id===G?{...e,title:l}:e));try{let e=await nS.updateConversationTitle(G,l);H(t=>t&&t.id===G?{...t,title:e.title}:t),M(t=>t.map(t=>t.id===G?{...t,title:e.title}:t))}catch(e){nI.warn("Failed to rename conversation",{conversationId:G,err:e}),H(e=>e&&e.id===G?{...e,title:n}:e),M(e=>e.map(e=>e.id===G?{...e,title:n}:e)),ea("Failed to rename the conversation.")}}},tZ=async function(e){var t;let n,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=arguments.length>2?arguments[2]:void 0;if(!e.trim()&&0===l.length)return;if(!L){nI.error("Cannot send message, detailed conversation not loaded."),ea("Cannot send message: conversation details not loaded.");return}if(!(null==r?void 0:r.fromQueue)&&$.has(L.id)){let t={id:(0,e9.A)(),content:e,attachments:l,nodeOverride:null!=ej?ej:null,timestamp:Date.now()};el(e=>{var n;return n=L.id,{...e,[n]:[...td(e,n),t]}}),eA(null),nI.debug("Run in progress — queued message",{conversationId:L.id,queuedId:t.id});return}nI.debug("Sending message",{conversationId:L.id,contentLength:e.length,attachmentsCount:l.length});let o=L.messages,a=!o.some(e=>"user"===e.role),i=L.flowId,s=(null==r?void 0:r.fromQueue)?null!=(t=r.nodeOverride)?t:null:ej;if(s)n=s,(null==r?void 0:r.fromQueue)||eA(null),nI.debug("Assigning manually picked node ID to user message: ".concat(n));else if(a){let e=nx(ei.find(e=>e.id===i));e?(n=e.id,nI.debug("Assigning start node ID to first user message: ".concat(n))):nI.warn("Could not find start node for flow ".concat(i,". User message will not have a processNodeId."))}else if((null==tC?void 0:tC.status)==="error"){let e=nx(ei.find(e=>e.id===i));e?(n=e.id,nI.debug("Post-error message: re-driving turn from start node ID: ".concat(n))):nI.warn("Could not find start node for post-error message in flow ".concat(i,". User message will not have a processNodeId."))}else{for(let e=o.length-1;e>=0;e--){let t=o[e];if("assistant"===t.role&&t.processNodeId){n=t.processNodeId,nI.debug("Assigning last assistant node ID to user message: ".concat(n));break}}if(!n){let e=nx(ei.find(e=>e.id===i));e?(n=e.id,nI.debug("No prior assistant node ID found, falling back to start node ID: ".concat(n))):nI.warn("Could not find start node for fallback in flow ".concat(i,". User message will not have a processNodeId."))}}let d={id:(0,e9.A)(),role:"user",content:e,timestamp:Date.now(),attachments:l.length>0?l:void 0,processNodeId:n},c={...L,messages:[...L.messages,d]};tU(c),c.flowId?await t1(c):(ea("Please select a flow for this conversation before sending messages"),H(L))},t$=(0,r.useCallback)((e,t)=>{nI.verbose("Handling API response data",JSON.stringify(e)),et(t,"running"===e.status);let n=tj.current===t,l=te.current===t;if("paused_debug"===e.status&&e.debugState)return(nI.info("API Response: Paused for debugging",{conversationId:t}),l)?(eN(e.debugState),ek(!0),ez(!0),Z(!1),e6(null),tq(),t0(),H(n=>(null==n?void 0:n.id)===t&&e.debugState.messages&&JSON.stringify(n.messages)!==JSON.stringify(e.debugState.messages)?(nI.debug("Updating detailed conversation messages from debug state"),{...n,messages:e.debugState.messages,updatedAt:e.debugState.updatedAt}):n),M(n=>n.map(n=>{var l,r;return n.id===t?{...n,title:null!=(l=e.debugState.title)?l:n.title,flowId:null!=(r=e.debugState.flowId)?r:n.flowId,status:"paused_debug",updatedAt:e.debugState.updatedAt}:n}).sort((e,t)=>t.updatedAt-e.updatedAt))):(tJ(t,"paused_debug"),n&&(Z(!1),e6(null),tq(),t0())),!0;if(("completed"===e.status||"error"===e.status)&&l?(nI.info("API Response: Execution completed or errored (Status: ".concat(e.status,"). Hiding debugger panel."),{conversationId:t}),ek(!1),eN(null),ez(!1)):nI.debug("API Response: Status is '".concat(e.status,"'. Debugger panel visibility unchanged (currently ").concat(eC?"visible":"hidden",")."),{conversationId:t}),e.messages&&e.conversation_id===t){let n=e.messages.map((e,n)=>"number"!=typeof e.timestamp||isNaN(e.timestamp)?(nI.warn("Invalid timestamp found in message index ".concat(n," from API response. Defaulting to Date.now()."),{conversationId:t,messageId:e.id,invalidTimestamp:e.timestamp}),{...e,timestamp:Date.now()}):e);H(l=>{var r,o;let a=l;return(null==l?void 0:l.id)===t&&JSON.stringify(l.messages)!==JSON.stringify(n)&&(nI.info("API Response/Polling: Updating detailed conversation messages",{conversationId:t,newMessageCount:n.length}),a={...l,messages:n,updatedAt:e.updatedAt||l.updatedAt}),nI.debug("Polling: setDetailedConversation callback executed.",{conversationId:t,messagesChanged:a!==l,newMessageCount:null!=(o=null==a||null==(r=a.messages)?void 0:r.length)?o:"N/A"}),a})}if("awaiting_tool_approval"===e.status)nI.info("API Response/Polling: Pausing for tool approval",{conversationId:t}),l&&eb(e.pendingToolCalls||[]),n&&(Z(!1),e6(null),tq(),t0());else if("completed"===e.status||"error"===e.status){if(nI.info("API Response/Polling: Stopping due to final status",{conversationId:t,status:e.status}),n&&(t0(),Z(!1),e6(null),tq()),"error"===e.status){var r,o;let a=(null==(r=e.error)?void 0:r.message)||(null==(o=e.lastResponse)?void 0:o.error)||"Unknown error during execution";nk.test(a)||tr.current.has(t)?(tu(t,!0),(n||l)&&ea(null),nI.info("API Response/Polling: Execution cancelled by user",{conversationId:t})):(ea(a),nI.error("API Response/Polling: Execution resulted in error",{conversationId:t,error:e.error||e.lastResponse}))}tS(t)}else"running"!==e.status||eC?l&&eb(null):(l&&eb(null),n&&!e8.current&&Z(!0));return e.conversation_id===t&&M(n=>n.map(n=>{var l,r,o;return n.id===t?{...n,title:null!=(l=e.title)?l:n.title,flowId:null!=(r=e.flowId)?r:n.flowId,status:null!=(o=e.status)?o:n.status,updatedAt:e.updatedAt||n.updatedAt}:n}).sort((e,t)=>t.updatedAt-e.updatedAt)),!1},[H,eb,Z,ea,ek,eN,M,tS,tq,et,tJ,tu]),t0=()=>{e8.current&&(nI.debug("Stopping polling interval"),clearInterval(e8.current),e8.current=null)};(0,r.useEffect)(()=>()=>{tq()},[tq]);let t1=async e=>{if(!(null==e?void 0:e.id)||!e.flowId||!e4.current)return nI.error("Cannot send to completions: Missing conversation ID or flow ID.",{id:null==e?void 0:e.id,flowId:null==e?void 0:e.flowId}),ea("Cannot send message: Missing conversation ID or flow ID."),!1;eb(null),ea(null),Z(!0),e6(e.id),et(e.id,!0),tu(e.id,!1);let t=tn.current.delete(e.id);eQ({totalTokens:0,activeNode:null,startedAt:Date.now(),lastEventAt:Date.now()}),await tK(e.id);let n=!1;try{let t;if(X(e.flowId))t="flow-Quick Chat",nI.debug("Sending quick chat to completions",{flowId:e.flowId,conversationId:e.id});else{let n=await tF.g.getFlow(e.flowId);if(!n)throw Error("Flow with ID ".concat(e.flowId," not found"));t="flow-".concat(n.name),nI.debug("Sending to chat completions",{flowId:e.flowId,flowName:n.name,conversationId:e.id})}let l=e.messages.filter(e=>{var t;return!e.disabled&&!((null!=(t=e.depth)?t:0)>0)}).map(e=>{let t=nC(e),n=e.processNodeId,l={id:e.id,timestamp:e.timestamp};return"user"===e.role?{role:"user",content:t,...l,processNodeId:n}:"assistant"===e.role?{role:"assistant",content:t,tool_calls:e.tool_calls,...l,processNodeId:n}:"system"===e.role?{role:"system",content:t,...l,processNodeId:n}:"tool"===e.role?e.tool_call_id?{role:"tool",content:t,tool_call_id:e.tool_call_id,...l,processNodeId:n}:{role:"user",content:"string"==typeof t?"Tool result: ".concat(t):t,...l,processNodeId:n}:{role:"user",content:t,...l,processNodeId:n}}),r=await e4.current.chat.completions.create({model:t,messages:l,stream:!1,metadata:(()=>{let t={flujo:"true",requireApproval:ec?"true":void 0,flujodebug:em?"true":void 0,conversationId:e.id},n={};return t.flujo&&(n.flujo=t.flujo),t.requireApproval&&(n.requireApproval=t.requireApproval),t.flujodebug&&(n.flujodebug=t.flujodebug),t.conversationId&&(n.conversationId=t.conversationId),n})()});nI.debug("Chat completion initial response received",{completionId:r.id}),n=!0;let o={...r,status:r.status||"completed",conversation_id:e.id,messages:r.messages||e.messages,pendingToolCalls:r.pendingToolCalls,debugState:r.debugState,error:r.error,lastResponse:r.lastResponse,updatedAt:r.updatedAt||Date.now()},a=t$(o,e.id);a||e8.current?a&&nI.debug("Debug state handled, polling remains stopped."):nI.debug("Starting polling after initial non-debug response.")}catch(o){if(nE(o)||tr.current.has(e.id))return nI.info("Chat completion cancelled by user",{conversationId:e.id}),n=!1,et(e.id,!1),tu(e.id,!0),tj.current===e.id&&(t0(),Z(!1),e6(null),tq(),ea(null)),n;nI.error("Error calling chat completions API:",o),n=!1;let r="An error occurred while sending the message.";if(o instanceof nv.LG)r="API Error: ".concat(o.message," (Status: ").concat(o.status,")"),o.code&&(r+=" (Code: ".concat(o.code,")")),o.type&&(r+=" [Type: ".concat(o.type,"]")),nI.verbose("APIError details",JSON.stringify(o));else if(o instanceof nv.vc){r="OpenAI Error: ".concat(o.message);let e=o.error;e&&"object"==typeof e&&(e.code&&(r+=" (Code: ".concat(e.code,")")),e.type&&(r+=" [Type: ".concat(e.type,"]"))),nI.verbose("OpenAIError details",JSON.stringify(o))}else if(o instanceof ny){var l;r="Error: ".concat((null==(l=o.body)?void 0:l.error)||o.message),o.status&&(r+=" (Status: ".concat(o.status,")")),nI.verbose("ChatApiError details",JSON.stringify(o.body))}else o instanceof Error&&(r=o.message);ea(r),et(e.id,!1),tj.current===e.id&&(t0(),Z(!1),e6(null),tq()),t&&tn.current.add(e.id)}finally{}return n},t2=(0,r.useRef)(tZ);t2.current=tZ;let t5=(0,r.useCallback)(e=>{t2.current(e)},[]),[t6,t4]=(0,r.useState)(ti),t8=(0,r.useMemo)(()=>new Set(t6.order),[t6.order]),t7=(0,r.useCallback)(e=>{t4(t=>{let{state:n,evicted:l}=function(e,t){var n,l,r;let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Date.now(),a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:16,i=ts(t.serverName,t.uri),s=e.entries[i],d={key:i,serverName:t.serverName,uri:t.uri,toolName:null!=(n=t.toolName)?n:null==s?void 0:s.toolName,latestToolArgs:null!=(l=t.toolArgs)?l:null==s?void 0:s.latestToolArgs,latestResultContent:null!=(r=t.resultContent)?r:null==s?void 0:s.latestResultContent,unread:!1,lastActiveAt:o,updatedAt:o,consent:null==s?void 0:s.consent},c={...e.entries,[i]:d};return function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16,n=arguments.length>2?arguments[2]:void 0,l=Math.max(1,Math.floor(t));if(e.order.length<=l)return{state:e,evicted:[]};let r={...e.entries},o=[...e.order],a=[];for(;o.length>l;){let e=null,t=1/0;for(let l of o){var i,s;if(l===n)continue;let o=null!=(s=null==(i=r[l])?void 0:i.lastActiveAt)?s:0;o<t&&(t=o,e=l)}if(!e)break;delete r[e],o=o.filter(t=>t!==e),a.push(e)}let d=e.activeKey;return d&&!r[d]&&(d=o.length?o[o.length-1]:null),{state:{entries:r,order:o,activeKey:d},evicted:a}}({entries:c,order:s?e.order:[...e.order,i],activeKey:i},a,i)}(t,e);return l.length&&nI.info("Canvas tab cap reached — evicted (LRU): ".concat(l.join(", "))),n})},[]),t3=(0,r.useCallback)(e=>{t4(t=>(function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Date.now(),l=e.entries[t];if(!l)return e;let r={...l,unread:!1,lastActiveAt:n};return{...e,entries:{...e.entries,[t]:r},activeKey:t}})(t,e))},[]),t9=(0,r.useCallback)(e=>{t4(t=>(function(e,t){if(!e.entries[t])return e;let n={...e.entries};delete n[t];let l=e.order.filter(e=>e!==t),r=e.activeKey;if(r===t){r=null;let e=-1/0;for(let t of l){var o,a;let l=null!=(a=null==(o=n[t])?void 0:o.lastActiveAt)?a:0;l>=e&&(e=l,r=t)}}return{entries:n,order:l,activeKey:r}})(t,e))},[]);(0,r.useEffect)(()=>{t4(ti)},[G]);let ne=t6.order.join("|");(0,r.useEffect)(()=>{let e=null==L?void 0:L.messages;if(!e||0===t6.order.length)return;let t=new Map;for(let n of e){let e=n.ui;"tool"===n.role&&(null==e?void 0:e.uri)&&(null==e?void 0:e.serverName)&&"string"==typeof n.content&&t.set("".concat(e.serverName,"::").concat(e.uri),n.content)}t4(e=>{let n=e;for(let l of e.order){let r=e.entries[l],o=t.get(l);r&&void 0!==o&&o!==r.latestResultContent&&(n=function(e,t){var n,l,r;let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Date.now(),a=ts(t.serverName,t.uri),i=e.entries[a];if(!i)return e;let s=e.activeKey===a,d={...i,toolName:null!=(n=t.toolName)?n:i.toolName,latestToolArgs:null!=(l=t.toolArgs)?l:i.latestToolArgs,latestResultContent:null!=(r=t.resultContent)?r:i.latestResultContent,updatedAt:o,unread:!s,lastActiveAt:s?o:i.lastActiveAt};return{...e,entries:{...e.entries,[a]:d}}}(n,{serverName:r.serverName,uri:r.uri,resultContent:o}))}return n})},[null==L?void 0:L.messages,ne]);let nt=async(e,t,n)=>{if(!L)return;nI.debug("Editing message",{messageId:e,contentLength:t.length,processNodeId:n});let l=L.messages.findIndex(t=>t.id===e);if(-1===l)return;let r={...L.messages[l],content:t,timestamp:Date.now(),processNodeId:n||void 0},o=[...L.messages.slice(0,l),r],a={...L,messages:o};if(tU(a),a.flowId){let e={flujo:"true",requireApproval:ec?"true":void 0,flujodebug:em?"true":void 0,conversationId:a.id,processNodeId:n||void 0};if(!e4.current)return;ea(null),Z(!0),e6(a.id),et(a.id,!0),tu(a.id,!1),eQ({totalTokens:0,activeNode:null,startedAt:Date.now(),lastEventAt:Date.now()}),await tK(a.id);try{let t=await tF.g.getFlow(a.flowId);if(!t)throw Error("Flow with ID ".concat(a.flowId," not found"));let n=a.messages.filter(e=>{var t;return!e.disabled&&!((null!=(t=e.depth)?t:0)>0)}).map(e=>{let t=nC(e),n={id:e.id,timestamp:e.timestamp,processNodeId:e.processNodeId};return"user"===e.role?{role:"user",content:t,...n}:"assistant"===e.role?{role:"assistant",content:t,tool_calls:e.tool_calls,...n}:"system"===e.role?{role:"system",content:t,...n}:"tool"===e.role?e.tool_call_id?{role:"tool",content:t,tool_call_id:e.tool_call_id,...n}:{role:"user",content:"string"==typeof t?"Tool result: ".concat(t):t,...n}:{role:"user",content:t,...n}}),l=await e4.current.chat.completions.create({model:"flow-".concat(t.name),messages:n,stream:!1,metadata:(()=>{let t={};return e.flujo&&(t.flujo=e.flujo),e.requireApproval&&(t.requireApproval=e.requireApproval),e.flujodebug&&(t.flujodebug=e.flujodebug),e.conversationId&&(t.conversationId=e.conversationId),e.processNodeId&&(t.processNodeId=e.processNodeId),t})()}),r={...l,status:l.status||"completed",conversation_id:a.id,messages:l.messages||a.messages,pendingToolCalls:l.pendingToolCalls,debugState:l.debugState,error:l.error,updatedAt:l.updatedAt||Date.now()};t$(r,a.id)}catch(e){nE(e)||tr.current.has(a.id)?(nI.info("Edited-message run cancelled by user",{conversationId:a.id}),tu(a.id,!0)):(nI.error("Error sending edited message:",e),ea(e instanceof Error?e.message:"Failed to send edited message")),et(a.id,!1),tj.current===a.id&&(Z(!1),e6(null),tq())}}},nn=(0,r.useCallback)(e=>{var t,n,l;let r=null==L?void 0:L.messages.find(t=>t.id===e);r&&"user"===r.role&&"string"==typeof r.content&&eI({messageId:e,content:r.content,nodeId:null!=(l=r.processNodeId)?l:null!=(n=null==(t=tz[0])?void 0:t.id)?n:null})},[L,tz]),nl=(0,r.useCallback)(e=>{eI(t=>t?{...t,content:e}:t)},[]),nr=(0,r.useCallback)(e=>{eI(t=>t?{...t,nodeId:e}:t)},[]),no=(0,r.useCallback)(()=>eI(null),[]),na=async(e,t)=>{if(G){nI.info("Handling tool response: ".concat(e),{conversationId:G,toolCallId:t}),eb(null),Z(!0),e6(G),et(G,!0),ea(null),await tK(G);try{let n=await nS.respondToToolCall(G,e,t);nI.debug("Tool response successful",{conversationId:G,action:e,toolCallId:t}),t$(n,G)}catch(r){if(nE(r)||tr.current.has(G)){nI.info("Tool-response resume cancelled by user",{conversationId:G}),tu(G,!0),tj.current===G&&Z(!1),et(G,!1);return}nI.error("Error sending tool response (".concat(e,")"),{conversationId:G,toolCallId:t,err:r});let l="Failed to ".concat(e," tool call.");if(r instanceof ny){var n;l+=" Error: ".concat((null==(n=r.body)?void 0:n.error)||r.message)}else r instanceof Error&&(l+=" Error: ".concat(r.message));ea(l),tj.current===G&&Z(!1),et(G,!1)}}},ni=async()=>{if(G&&eC){nI.info("Handling debug step request",{conversationId:G}),Z(!0),e6(G),et(G,!0),ea(null),await tK(G);try{let e=await nS.debugStep(G);t$(e,G)}catch(e){nI.error("Error during debug step API call",{conversationId:G,err:e}),ea(e instanceof Error?e.message:"Failed to execute debug step."),Z(!1),et(G,!1),ek(!1),eN(null)}finally{}}},ns=async()=>{if(G&&eC){nI.info("Handling debug continue request",{conversationId:G}),Z(!0),e6(G),et(G,!0),ea(null),ek(!1),await tK(G);try{let e=await nS.debugContinue(G);t$(e,G)}catch(e){nI.error("Error during debug continue API call",{conversationId:G,err:e}),ea(e instanceof Error?e.message:"Failed to continue execution."),Z(!1),et(G,!1)}finally{}}};(0,r.useEffect)(()=>{if(eE){var e;e2(null!=(e=eE.breakpoints)?e:[])}},[eE]);let nd=(0,r.useCallback)(async e=>{if(!G)return;let t=e1.includes(e)?e1.filter(t=>t!==e):[...e1,e];e2(t);try{await nS.setBreakpoints(G,t)}catch(e){nI.error("Failed to update breakpoints",{conversationId:G,err:e}),e2(e1)}},[e1,G]),nu=(0,r.useCallback)(async()=>{if(G){nI.info("Attaching debugger to running conversation",{conversationId:G});try{await nS.setBreakpoints(G,["*"])}catch(e){nI.error("Failed to attach debugger",{conversationId:G,err:e}),ea(e instanceof Error?e.message:"Failed to attach debugger.")}}},[G]),np=async()=>{if(!G||!eC)return;let e=null==eE?void 0:eE.currentNodeId;Z(!0),e6(G),et(G,!0),ea(null),await tK(G);try{for(let r=0;r<50;r++){var t,n,l;let r=await nS.debugStep(G),o=null!=(l=null==r?void 0:r.status)?l:null==r||null==(t=r.debugState)?void 0:t.status,a=null==r||null==(n=r.debugState)?void 0:n.currentNodeId;if("paused_debug"!==o||a&&a!==e)return void t$(r,G)}nI.warn("Step Over hit iteration cap",{conversationId:G}),Z(!1),et(G,!1)}catch(e){nI.error("Error during step over",{conversationId:G,err:e}),ea(e instanceof Error?e.message:"Failed to step over."),Z(!1),et(G,!1)}},nf=async()=>{if(G){nI.info("Cancelling request",{conversationId:G}),t0(),Z(!1),e6(null),et(G,!1),tu(G,!0),ez(!1),tq(),eb(null),ea(null);try{await nS.cancel(G),nI.debug("Cancel request sent successfully",{conversationId:G}),await tS(G)}catch(e){nI.error("Error sending cancel request",{conversationId:G,err:e}),ea("Failed to send cancel request to the server.")}}},nb=async e=>{if(e===G)return void await nf();nI.info("Stopping background conversation",{conversationId:e}),tu(e,!0);try{await nS.cancel(e),et(e,!1),await tA(void 0,{silent:!0})}catch(t){nI.error("Error stopping background conversation",{conversationId:e,err:t}),ea("Failed to send cancel request to the server.")}},nw=async()=>{nI.info("Closing debugger panel",{conversationId:G}),ek(!1),eN(null),ez(!1),await nf()};nI.debug("Rendering Chat component",{currentConversationId:G,isHandleEditMessageDefined:!0});let nj=(eT||eC)&&!!eE&&!!G,nA=(null==tC?void 0:tC.status)==="awaiting_tool_approval"||!!ev,nN=!(nA||(null==tC?void 0:tC.status)==="paused_debug")&&(Q&&e5===G||!!G&&$.has(G)||(null==tC?void 0:tC.status)==="running"),nT=!nN&&!!G&&to.has(G);return(0,r.useEffect)(()=>{if(!G||er.current||!L||L.id!==G)return;let e=td(en,G)[0];if(!e||!function(e){return!e.running&&!e.pendingApproval&&!e.debugPaused&&!e.hasError&&!e.stopped}({running:$.has(G),pendingApproval:!!ev,debugPaused:eC,hasError:(null==tC?void 0:tC.status)==="error",stopped:nT}))return;er.current=!0,el(e=>(function(e,t){let n=td(e,t);if(0===n.length)return{queues:e,head:void 0};let[l,...r]=n,o={...e};return r.length>0?o[t]=r:delete o[t],{queues:o,head:l}})(e,G).queues);let t=setTimeout(()=>{er.current=!1,tZ(e.content,e.attachments,{fromQueue:!0,nodeOverride:e.nodeOverride})},0);return()=>clearTimeout(t)},[G,L,en,$,ev,eC,null==tC?void 0:tC.status,nT]),(0,l.jsxs)(i.default,{sx:{display:"flex",height:"calc(100vh - 64px)"},children:[eq&&(0,l.jsx)(i.default,{sx:{width:40,flexShrink:0,borderRight:1,borderColor:"divider",display:"flex",justifyContent:"center",pt:1},children:(0,l.jsx)(s.A,{title:"Show conversation sidebar",children:(0,l.jsx)(d.A,{size:"small",onClick:eK,"aria-label":"Show conversation sidebar",children:(0,l.jsx)(E.A,{fontSize:"small"})})})}),!eq&&(0,l.jsx)(i.default,{sx:{width:eB,flexShrink:0,borderRight:1,borderColor:"divider",display:"flex",flexDirection:"column"},children:P?(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",p:2},children:(0,l.jsx)(nm.default,{size:"medium",color:"primary"})}):F?(0,l.jsx)(c.A,{severity:"error",sx:{m:2},children:F}):(0,l.jsx)(ed,{conversations:_,flowNames:tN,currentConversationId:G,onSelectConversation:K,onDeleteConversation:tV,onStopConversation:nb,onNewConversation:tM,onQuickChat:()=>tW(!0),onCollapse:eK})}),!eq&&(0,l.jsx)(i.default,{onPointerDown:eV,sx:{width:"6px",flexShrink:0,cursor:"col-resize",bgcolor:"divider",transition:"background-color 120ms","&:hover":{bgcolor:"primary.main"},touchAction:"none"},"aria-label":"Resize conversation sidebar"}),(0,l.jsxs)(i.default,{sx:{flex:1,height:"100%",display:"flex",minWidth:0,minHeight:0},children:[(0,l.jsxs)(i.default,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",height:"100%"},children:[G&&(0,l.jsx)(i.default,{sx:{px:2,pt:2,pb:1,display:"flex",alignItems:"center",gap:1,minWidth:0},children:ep?(0,l.jsx)(u.A,{value:eh,onChange:e=>ex(e.target.value),onBlur:tX,onKeyDown:e=>{"Enter"===e.key?(e.preventDefault(),tX()):"Escape"===e.key&&ef(!1)},size:"small",autoFocus:!0,fullWidth:!0,inputProps:{maxLength:200,"aria-label":"Conversation title"}}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(p.default,{variant:"h6",noWrap:!0,onClick:tQ,title:(null==L?void 0:L.title)||(null==tC?void 0:tC.title)||"",sx:{flex:1,minWidth:0,cursor:"text"},children:(null==L?void 0:L.title)||(null==tC?void 0:tC.title)||"Untitled Conversation"}),(0,l.jsx)(s.A,{title:"Rename conversation",children:(0,l.jsx)(d.A,{size:"small",onClick:tQ,"aria-label":"Rename conversation",children:(0,l.jsx)(N.A,{fontSize:"small"})})}),(0,l.jsx)(s.A,{title:eP?"Hide executed steps":"Show executed steps",children:(0,l.jsx)(d.A,{size:"small",color:eP?"primary":"default",onClick:()=>eO(e=>!e),"aria-label":"Toggle executed steps panel",children:(0,l.jsx)(z.A,{fontSize:"small"})})})]})}),G&&(0,l.jsxs)(i.default,{sx:{p:2,borderBottom:1,borderColor:"divider",display:"flex",alignItems:"center",gap:2},children:[(0,l.jsx)(i.default,{sx:{flex:1,minWidth:0},children:X((null==tC?void 0:tC.flowId)||(null==L?void 0:L.flowId))?(0,l.jsx)(f.A,{color:"primary",variant:"outlined",icon:(0,l.jsx)(A.A,{}),label:"Quick Chat"}):(0,l.jsx)(tE.A,{selectedFlowId:(null==tC?void 0:tC.flowId)||(null==L?void 0:L.flowId)||null,onSelectFlow:e=>{var t,n,l,r;if(!G){nI.warn("Cannot update flow: No conversation selected."),ea("Please select a conversation first.");return}X(e)||Y(e);let o=null!=(l=null!=(n=null==L?void 0:L.flowId)?n:null==tC?void 0:tC.flowId)?l:null;if((null!=(r=null==L||null==(t=L.messages)?void 0:t.length)?r:0)>0&&o&&e!==o){nI.debug("Flow switch on executed conversation — asking for confirmation",{flowId:e,currentFlowId:o}),ew(e);return}tY(e)},disabled:eC})}),(()=>{let e=(null==tC?void 0:tC.flowId)||(null==L?void 0:L.flowId)||null;return!e||X(e)?null:(0,l.jsx)(s.A,{title:"Open this flow in the FlowBuilder",children:(0,l.jsx)(d.A,{color:"primary",onClick:()=>o.push("/flows?flow=".concat(encodeURIComponent(e))),children:(0,l.jsx)(T.A,{})})})})(),(0,l.jsx)(tk,{usage:null==L?void 0:L.usage,contextInfo:null==L?void 0:L.contextInfo,availableNodes:tz})]}),(0,l.jsxs)(i.default,{sx:{flex:1,minHeight:0,position:"relative",display:"flex",flexDirection:"column"},children:[(0,l.jsx)(i.default,{ref:tp,onScroll:ty,sx:{flex:1,overflow:"auto",p:2},children:B?(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,l.jsx)(nm.default,{size:"medium",color:"primary"})}):q?(0,l.jsx)(c.A,{severity:"error",sx:{m:2},children:q}):L?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(eJ,{messages:L.messages,pendingToolCalls:ev,availableNodes:tz,conversationId:L.id,editingMessageId:null!=(t=null==eS?void 0:eS.messageId)?t:null,onToggleDisabled:e=>{if(!L)return;nI.debug("Toggling message disabled state",{messageId:e});let t=L.messages.map(t=>t.id===e?{...t,disabled:!t.disabled}:t);tU({...L,messages:t})},onSplitConversation:e=>{if(!L)return;nI.debug("Splitting conversation at message",{messageId:e});let t=L.messages.findIndex(t=>t.id===e);if(-1===t)return;let n=L.messages.slice(0,t+1),l=(0,e9.A)(),r={id:l,title:"Split from ".concat(L.title),messages:n,flowId:L.flowId,createdAt:Date.now(),updatedAt:Date.now()},o={id:l,title:r.title,flowId:r.flowId,createdAt:r.createdAt,updatedAt:r.updatedAt};tn.current.add(l),M(e=>[o,...e].sort((e,t)=>t.updatedAt-e.updatedAt)),K(l),H(r),U(!1),J(null)},onBeginEditMessage:nn,onApproveToolCall:e=>{na("approve",e)},onRejectToolCall:e=>{na("reject",e)},onAppMessage:t5,onOpenInCanvas:t7,canvasKeys:t8}),!Q&&!eC&&L.messages.length>0&&(null==tC?void 0:tC.status)==="completed"&&(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",my:2},children:(0,l.jsx)(c.A,{icon:(0,l.jsx)(I.A,{fontSize:"inherit"}),severity:"success",variant:"filled",sx:{borderRadius:2,py:.5},children:"Conversation completed"})}),!Q&&!eC&&nT&&(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",my:2},children:(0,l.jsx)(c.A,{icon:(0,l.jsx)(k.A,{fontSize:"inherit"}),severity:"info",variant:"outlined",sx:{borderRadius:2,py:.5,alignItems:"center"},action:(0,l.jsx)(h.A,{color:"inherit",size:"small",startIcon:(0,l.jsx)(S.A,{}),onClick:()=>t1(L),children:"Resume"}),children:"Conversation stopped"})}),!Q&&!eC&&!eo&&!nT&&(null==tC?void 0:tC.status)==="error"&&(0,l.jsx)(i.default,{sx:{display:"flex",justifyContent:"center",my:2},children:(0,l.jsx)(c.A,{icon:(0,l.jsx)(C.A,{fontSize:"inherit"}),severity:"error",variant:"filled",sx:{borderRadius:2,py:.5,alignItems:"center"},action:(0,l.jsx)(h.A,{color:"inherit",size:"small",startIcon:(0,l.jsx)(S.A,{}),onClick:()=>{t1(L)},children:"Retry"}),children:"Conversation ended with an error"})}),nN&&!eC&&(0,l.jsx)(tg,{liveStats:eY,lanes:e$,onOpenLane:K,onStop:nf,stopDisabled:!G,onAttachDebugger:Q&&e5===G&&!eT?nu:void 0}),!nN&&nA&&!eC&&(0,l.jsx)(tg,{liveStats:eY,lanes:e$,onOpenLane:K,awaitingApproval:!0,onStop:nf,stopDisabled:!G}),eo&&(0,l.jsx)(c.A,{severity:"error",sx:{mt:2},action:(0,l.jsx)(h.A,{color:"inherit",size:"small",startIcon:(0,l.jsx)(S.A,{}),onClick:()=>{L&&t1(L)},children:"Retry"}),children:eo})]}):(0,l.jsx)(p.default,{variant:"body1",color:"textSecondary",align:"center",sx:{mt:4},children:_.length>0?"Select a conversation or create a new one.":"Create a new conversation to start chatting."})}),(0,l.jsx)(x.A,{in:tm,unmountOnExit:!0,children:(0,l.jsx)(m.A,{size:"small",color:"primary","aria-label":"Scroll to latest messages",onClick:tw,sx:{position:"absolute",bottom:16,right:24,zIndex:2},children:(0,l.jsx)(j.A,{})})})]}),(0,l.jsx)(ta,{entries:function(e){return e.order.map(t=>e.entries[t]).filter(e=>!!e)}(t6),activeKey:t6.activeKey,onSelectTab:t3,onCloseTab:t9,onAppMessage:t5}),(0,l.jsxs)(i.default,{sx:{p:2,borderTop:1,borderColor:"divider"},children:[G&&td(en,G).length>0&&(0,l.jsxs)(i.default,{"data-testid":"queued-messages",sx:{mb:1,display:"flex",flexWrap:"wrap",gap:1,alignItems:"center"},children:[(0,l.jsxs)(p.default,{variant:"caption",color:"text.secondary",sx:{display:"flex",alignItems:"center",gap:.5},children:[(0,l.jsx)(R.A,{fontSize:"inherit"})," Queued:"]}),td(en,G).map(e=>(0,l.jsx)(f.A,{size:"small",variant:"outlined",label:e.content.trim().slice(0,40)||(e.attachments.length?"".concat(e.attachments.length," attachment(s)"):"message"),onDelete:()=>el(t=>(function(e,t,n){let l=td(e,t),r=l.filter(e=>e.id!==n);if(r.length===l.length)return e;let o={...e};return r.length>0?o[t]=r:delete o[t],o})(t,G,e.id))},e.id))]}),(0,l.jsx)(tt,{onSendMessage:tZ,disabled:B||!((null==L?void 0:L.flowId)||(null==tC?void 0:tC.flowId))||!!ev||eC,requireApproval:ec,onRequireApprovalChange:tI,executeInDebugger:em,onExecuteInDebuggerChange:eg,availableNodes:tz,flow:tT,currentNodeId:t_,nodeOverrideActive:!!ej,onSelectNode:eA,editing:eS,onEditingContentChange:nl,onEditingNodeChange:nr,onSaveEdit:()=>{eS&&eS.content.trim()&&(nt(eS.messageId,eS.content,eS.nodeId||""),eI(null))},onCancelEdit:no})]})]})," ",eP&&G&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.default,{onPointerDown:eL,sx:{width:"6px",flexShrink:0,cursor:"col-resize",bgcolor:"divider",transition:"background-color 120ms","&:hover":{bgcolor:"primary.main"},touchAction:"none"},"aria-label":"Resize executed steps panel"}),(0,l.jsx)(i.default,{sx:{width:"".concat(eF,"px"),minWidth:240,maxWidth:"70vw",flexShrink:0,display:"flex",flexDirection:"column",height:"100%"},children:(0,l.jsx)(nh,{flowId:(null==L?void 0:L.flowId)||(null==tC?void 0:tC.flowId)||null,flowSnapshot:null!=(n=null==eE?void 0:eE.flowSnapshot)?n:null,executedNodeIds:tR,liveActivity:eX,onClose:()=>eO(!1)})})]}),nj&&eE&&G&&!e_&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.default,{onPointerDown:eH,sx:{width:"6px",flexShrink:0,cursor:"col-resize",bgcolor:"divider",transition:"background-color 120ms","&:hover":{bgcolor:"primary.main"},touchAction:"none"},"aria-label":"Resize debugger panel"}),(0,l.jsx)(i.default,{sx:{width:eR?"".concat(eR,"px"):"50%",minWidth:360,maxWidth:"85vw",flexShrink:0,display:"flex",flexDirection:"column",height:"100%"},children:(0,l.jsx)(nc,{debugState:eE,conversationId:G,liveActivity:eX,onStep:ni,onStepOver:np,onContinue:ns,onCancel:nf,isLoading:Q,breakpoints:e1,onToggleBreakpoint:nd,onClose:nw,isExpanded:e_,onToggleExpand:()=>eM(e=>!e)})})]})]})," ",nj&&eE&&G&&e_&&(0,l.jsx)(g.A,{fullScreen:!0,open:!0,onClose:()=>eM(!1),children:(0,l.jsx)(i.default,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:(0,l.jsx)(nc,{debugState:eE,conversationId:G,liveActivity:eX,onStep:ni,onStepOver:np,onContinue:ns,onCancel:nf,isLoading:Q,breakpoints:e1,onToggleBreakpoint:nd,onClose:nw,isExpanded:e_,onToggleExpand:()=>eM(e=>!e)})})}),(0,l.jsxs)(g.A,{open:!!ey,onClose:()=>ew(null),children:[(0,l.jsx)(v.A,{children:"Switch flow?"}),(0,l.jsx)(b.A,{children:(0,l.jsxs)(y.A,{children:["This conversation has already been processed with its current flow."," ","If you switch to"," ",(0,l.jsx)("strong",{children:(null==(e=ei.find(e=>e.id===ey))?void 0:e.name)||"the selected flow"}),","," ","the conversation will continue processing from that flow's Start node again."]})}),(0,l.jsxs)(w.A,{children:[(0,l.jsx)(h.A,{onClick:()=>ew(null),children:"Cancel"}),(0,l.jsx)(h.A,{variant:"contained",onClick:()=>{ew(null),ey&&tY(ey)},children:"Switch Flow"})]})]}),(0,l.jsx)(tD,{open:tO,onClose:()=>tW(!1),onStart:tL})]})},nT=(0,eO.h)("frontend/components/ClientOnly");function nz(e){let{children:t}=e,[n,o]=(0,r.useState)(!1);return((0,r.useEffect)(()=>(nT.debug("ClientOnly component mounted"),o(!0),()=>{nT.debug("ClientOnly component unmounted")}),[]),n)?(nT.debug("ClientOnly component rendering children"),(0,l.jsx)(l.Fragment,{children:t})):(nT.debug("ClientOnly component rendering null (not yet mounted)"),null)}let nR=(0,eO.h)("app/chat/page");function nD(){return nR.debug("Rendering ChatPage"),(0,l.jsx)(o.A,{maxWidth:!1,disableGutters:!0,children:(0,l.jsx)(nz,{children:(0,l.jsx)(nN,{})})})}},84869:(e,t,n)=>{"use strict";n.d(t,{G:()=>a,S:()=>o});let l=(0,n(87021).h)("frontend/services/transcription/webSpeech"),r=()=>"webkitSpeechRecognition"in window||"SpeechRecognition"in window;async function o(e,t){if(!r())throw Error("Web Speech API is not supported in this browser");l.debug("Starting Web Speech API transcription");try{let n=URL.createObjectURL(e),r=new Audio(n),o=new(window.SpeechRecognition||window.webkitSpeechRecognition);return o.continuous=!0,o.interimResults=!0,(null==t?void 0:t.language)&&(o.lang=t.language),new Promise((e,n)=>{let a="";o.onresult=e=>{let n="";for(let t=e.resultIndex;t<e.results.length;t++){let l=e.results[t][0].transcript;e.results[t].isFinal?a+=l+" ":n+=l}(null==t?void 0:t.onInterimResult)&&t.onInterimResult(a+n),l.debug("Recognition interim result",{finalLength:a.length,interimLength:n.length})},o.onend=()=>{l.debug("Recognition ended",{transcriptLength:a.length}),e(a.trim())},o.onerror=e=>{l.error("Recognition error",{error:e.error}),n(Error("Speech recognition error: ".concat(e.error)))},r.onplay=()=>{o.start(),l.debug("Recognition started")},r.onended=()=>{o.stop(),l.debug("Audio playback ended")},r.onerror=e=>{l.error("Audio playback error",{error:e}),o.stop(),n(Error("Error playing audio"))},r.play().catch(e=>{l.error("Error starting audio playback",{error:e}),n(e)})})}catch(e){throw l.error("Error in Web Speech API transcription",{error:e}),e}}function a(){return{supported:r(),message:r()?"Web Speech API is supported":"Web Speech API is not supported in this browser"}}},97206:(e,t,n)=>{Promise.resolve().then(n.bind(n,77965))}},e=>{e.O(0,[3862,2678,4754,9244,3392,1871,7111,2003,9562,488,3272,8470,3077,2800,1937,795,8551,3556,8401,9554,3948,2005,3958,7304,812,6669,1988,1594,8441,1255,7358],()=>e(e.s=97206)),_N_E=e.O()}]);

package/.next/static/chunks/app/docs/page-250523af44e96120.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9040],{32651:(e,t,s)=>{Promise.resolve().then(s.bind(s,71113))},71113:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>E});var a=s(95155),o=s(94049),n=s(12115),r=s(28548),i=s(2300),l=s(25635),d=s(97322),p=s(9562),c=s(56422),u=s(21067),m=s(32683),h=s(51611);let f=[{id:"openai",name:"Chat — OpenAI-compatible",description:'A drop-in OpenAI-compatible surface. In OpenAI-compatible clients (Roo Code, Cline, Cursor, the OpenAI SDK, …) set the Base URL to this instance + "/v1" (e.g. http://localhost:4200/v1) and the model to a flow id (format flow-<NAME>, as listed by /v1/models).',endpoints:[{method:"POST",alsoMethods:["GET","OPTIONS"],path:"/v1/chat/completions",summary:"OpenAI-compatible chat completion. Runs a FLUJO flow as the model. Supports streaming and non-streaming. CORS-enabled; rate-limited (~6000 req/min).",paramsLabel:"Body",params:[{name:"model",type:"string",required:!0,description:"Flow to run, as flow-<NAME>."},{name:"messages",type:"ChatMessage[]",required:!0,description:"Conversation messages (OpenAI shape)."},{name:"stream",type:"boolean",description:"Stream the response as SSE chunks."},{name:"flujo",type:"boolean",description:"Enable FLUJO-specific behavior."},{name:"conversation_id",type:"string",description:"Reuse/continue an existing conversation."},{name:"requireApproval",type:"boolean",description:"Pause for manual tool-call approval."},{name:"flujodebug",type:"boolean",description:"Run in the visual debugger (single-step)."}],response:"OpenAI ChatCompletion object, or an SSE stream of chunks when stream=true."},{method:"GET",path:"/v1/models",summary:"List all flows as OpenAI-style models.",response:'{ object: "list", data: [{ id: "flow-<NAME>", object: "model" }, ...] }'}]},{id:"conversations",name:"Conversations & Execution",description:"Manage conversations and drive flow execution: live event streaming (SSE), tool-call approval, cancellation, and visual-debugger stepping.",endpoints:[{method:"GET",path:"/v1/chat/conversations",summary:"List all conversations (id, title, flowId, createdAt, updatedAt, status), newest first.",response:"Conversation summary array."},{method:"POST",path:"/v1/chat/conversations",summary:"Create a new conversation and initialize its execution state.",paramsLabel:"Body",params:[{name:"id",type:"string",required:!0,description:"Client-generated conversation id."},{name:"title",type:"string",required:!0,description:"Display title."},{name:"flowId",type:"string",required:!0,description:"Flow bound to this conversation."},{name:"createdAt",type:"number",required:!0,description:"Unix ms timestamp."},{name:"updatedAt",type:"number",required:!0,description:"Unix ms timestamp."}]},{method:"GET",alsoMethods:["PATCH","DELETE"],path:"/v1/chat/conversations/{conversationId}",summary:"GET the displayed conversation (messages + metadata); PATCH updates flowId; DELETE removes the conversation and its event log.",paramsLabel:"Body",params:[{name:"flowId",type:"string",description:"New flow id (PATCH only)."}],response:"Conversation with messages, plus usage (token totals, per-node breakdown), status, and contextInfo (latest prompt-token count + the bound model's context window — what the chat token counter and context meter display).",notes:["Messages are a projection of the append-only conversation log when one exists (legacy conversations without a log are served as stored). Node system prompts are never included.","Subflow steps appear inline as depth-tagged, display-only messages (nested in the chat UI); they are never part of the parent's model context."]},{method:"GET",path:"/v1/chat/conversations/{conversationId}/events",summary:"Server-Sent Events stream of execution events (node:enter/exit, message, usage, run:*). Supports Last-Event-ID reconnect.",paramsLabel:"Query",params:[{name:"fromSeq",type:"number",description:"Replay events from this sequence number."}],response:"text/event-stream of ExecutionEvent objects with monotonic seq ids."},{method:"POST",path:"/v1/chat/conversations/{conversationId}/respond",summary:"Approve or reject a pending tool call; resumes execution when all pending calls are handled.",paramsLabel:"Body",params:[{name:"action",type:'"approve" | "reject"',required:!0,description:"Decision for the tool call."},{name:"toolCallId",type:"string",required:!0,description:"Which pending tool call."}]},{method:"POST",path:"/v1/chat/conversations/{conversationId}/cancel",summary:"Request cancellation of an in-progress run (sets the isCancelled flag)."},{method:"PUT",path:"/v1/chat/conversations/{conversationId}/breakpoints",summary:"Set the visual-debugger breakpoint node ids.",paramsLabel:"Body",params:[{name:"breakpoints",type:"string[]",required:!0,description:"Node ids to break on."}]},{method:"POST",path:"/v1/chat/conversations/{conversationId}/debug/step",summary:"Execute exactly one productive step (only when status is paused_debug); pauses after advancing."},{method:"POST",path:"/v1/chat/conversations/{conversationId}/debug/continue",summary:"Resume a debug session — run freely to the next pause, tool approval, or completion."},{method:"PATCH",path:"/v1/chat/conversations/{conversationId}/edit-state",summary:"Edit paused debug state (a message's content, or the next node to run). Only when paused_debug.",paramsLabel:"Body",params:[{name:"messageId",type:"string",description:"Message to edit."},{name:"content",type:"string",description:"New message content."},{name:"currentNodeId",type:"string",description:"Override the next node."}]}]},{id:"model",name:"Models",description:"CRUD for model configurations and provider model discovery. API keys are encrypted at rest and never returned to the browser in clear text.",endpoints:[{method:"GET",alsoMethods:["POST"],path:"/api/model",summary:"GET lists all models; POST creates a model (409 on duplicate name, 201 on success).",paramsLabel:"Body",params:[{name:"model",type:"Model",required:!0,description:"Model config (POST). Secrets are stored encrypted."}],notes:["Stored API keys are masked before reaching the frontend — never expect a clear-text key in a response."]},{method:"GET",alsoMethods:["PUT","DELETE"],path:"/api/model/{id}",summary:"GET / PUT / DELETE a single model. The path id is authoritative on PUT. DELETE returns 204."},{method:"POST",path:"/api/model/provider",summary:"Fetch available models from a provider, using a supplied or stored API key (resolved server-side).",paramsLabel:"Body",params:[{name:"baseUrl",type:"string",required:!0,description:"Provider base URL."},{name:"modelId",type:"string",description:"Existing model whose stored key to reuse."},{name:"searchTerm",type:"string",description:"Filter the returned model list."}],notes:["Accepts an apiKey only inbound to query the provider; keys are never echoed back to the client."]}]},{id:"flow",name:"Flows",description:"CRUD for flow definitions, programmatic flow authoring (FlowSpec), LLM flow generation, and prompt rendering for individual nodes. For creating flows programmatically, prefer POST /api/flow/compile with a FlowSpec — the raw Flow format (ReactFlow JSON) is the internal canvas representation and easy to get subtly wrong.",endpoints:[{method:"POST",path:"/api/flow/compile",summary:"Compile a FlowSpec (the semantic authoring format — see below) into a complete flow, validate it, and optionally save it. Deterministic, no LLM: layout, ids, handles, and MCP wiring are generated for you. THE recommended way for external apps and agents to create flows. Also exposed as MCP tools (create_flow / validate_flow_spec) on /mcp-flows.",paramsLabel:"Body",params:[{name:"spec",type:"FlowSpec",required:!0,description:"The flow specification (format below)."},{name:"save",type:"boolean",description:"Persist the flow — only happens when validation finds ZERO errors."}],response:"{ flow, validation: { issues, errorCount, warningCount, isRunnable }, saved } — 201 when saved, 200 otherwise. Iterate on the issues until clean.",details:'A FlowSpec is a JSON object describing a FLUJO flow semantically — node keys and edges, no coordinates, no ids, no layout:\n{\n  "name": "short_flow_name",            // letters/digits/_/- only\n  "description": "what the flow does",\n  "nodes": [ ... ],\n  "edges": [ ... ]\n}\n\nNODE TYPES:\n- { "key": "unique_key", "type": "start", "label": "...", "prompt": "system-level instructions for the whole flow" }\n- { "key": "...", "type": "process", "label": "...", "description": "what this step does",\n    "model": "<model id or name from the catalog>",\n    "prompt": "instructions for this step",\n    "servers": [ { "name": "<server name>", "tools": ["tool_a"] } ],   // optional; omit "tools" to enable all\n    "inputMode": "full-history" | "latest-message" | "isolated",       // optional, default full-history. Reshapes ONLY the wire view the model sees (persisted history stays lossless): full-history = the whole assembled context; latest-message = leading system prompt(s) + the most recent EXCHANGE (the last user message + the last assistant response, intermediate turns since the last user message dropped) + this turn\'s in-flight tool calls/results; isolated = system prompt(s) + isolatedPrompt as a synthetic user message, prior conversation dropped. NOTE: for Claude-subscription models the whole wire history (incl. prior tool calls/results under full-history) is flattened into one text prompt rather than sent as native tool turns\n    "isolatedPrompt": "...",                                            // only with inputMode "isolated"\n    "allowCallerPrompt": true | false,                                 // optional, only with inputMode "isolated"; default true — a step that hands off to this isolated step may pass a "prompt" via its handoff tool that overrides "isolatedPrompt". Set false to forbid it\n    "outputMode": "full-conversation" | "latest-message",              // optional, default full-conversation; latest-message hides this step\'s tool calls/results from later steps (they see only its final response)\n    "maxTurns": 20,                                                     // optional; per-step cap on agentic tool-loop turns (retry-until-done in ONE node). Unset = model/system default (50)\n    "allowedTools": ["tool_a"],                                        // optional; step-level tool allowlist (independent of servers[].tools)\n    "captureVariable": "NAME",                                         // optional; save this step\'s output into a run variable other steps inject with ${var:NAME}\n    "captureResource": "NAME",                                         // optional; ALSO save this step\'s output as a tracked run resource other steps inject with ${res:NAME} (see rule 9b)\n    "captureKv": "NAME",                                               // optional; ALSO save this step\'s output to a PERSISTENT cross-run key other steps inject with ${kv:NAME} (see rule 9d)\n    "excludeModelPrompt": true|false,                                   // optional; drop the model\'s base prompt\n    "excludeStartNodePrompt": true|false,                              // optional; drop the start node\'s prompt for this step\n    "excludeSystemPrompt": true|false }                                // optional; drop the workflow/handoff guidance block\n- { "key": "...", "type": "subflow", "label": "...",\n    "flow": "<existing flow name or id>",          // reference an EXISTING flow, OR:\n    "subflowSpec": { ...a nested FlowSpec... },     // define a brand-new child flow INLINE (compiled into its own flow and wired automatically), OR fan out concurrently:\n    "parallelFlows": ["flow_a", "flow_b"],          // run several EXISTING child flows CONCURRENTLY, same input to each, outputs joined; OR:\n    "parallelSubflowSpecs": [ { ...FlowSpec... } ], // run several INLINE child flows concurrently; OR:\n    "parallelFlowsVariable": "NAME",                // DYNAMIC fan-out (rule 7b): pick the target flows AT RUNTIME from run variable ${var:NAME} (a JSON array of flow ids/names, or newline list); mutually exclusive with mapOverList\n    "mapOverList": true | false,                    // optional; run the SINGLE child ("flow"/"subflowSpec") ONCE PER ITEM parsed from the input; mutually exclusive with parallelFlows/parallelSubflowSpecs\n    "itemSplit": "json-array" | "lines",            // optional (mapOverList only), how to split the input into items, default json-array\n    "sequential": true | false,                     // optional (mapOverList only), run items one at a time in order instead of concurrently, default false\n    "spawnBriefs": ["brief 1", "brief 2"],          // optional (rule 7d); run the SINGLE child once PER BRIEF, in parallel — the author-defined spawn set; mutually exclusive with parallelFlows/parallelSubflowSpecs/mapOverList\n    "concurrencyLimit": 4,                          // optional (parallel / mapOverList / spawn), default 4\n    "joinSeparator": "\\n\\n---\\n\\n",              // optional (parallel / mapOverList / spawn), string between joined lane outputs, default "\\n\\n"\n    "errorStrategy": "collect-all" | "fail-fast",   // optional (parallel / mapOverList / spawn), default collect-all\n    "inputMode": "full-history" | "latest-message" | "isolated",   // optional, default full-history. DIFFERS from a process node: history modes ALWAYS sanitize the parent transcript first — system messages, tool-result messages, and ANY assistant turn that made tool calls are dropped (only user + prose-only assistant messages survive). full-history = the full sanitized transcript; latest-message = the most recent EXCHANGE of the sanitized transcript (the last user message + the last assistant response after it, intermediate turns dropped); isolated = ignore the parent conversation and send "prompt" as the child\'s single user message\n    "allowCallerPrompt": true | false,             // optional, only with inputMode "isolated"; default true — a routing step may pass a "prompt" via its handoff tool that overrides the subflow\'s "prompt". Set false to forbid it\n    "allowCallerFanout": true | false,             // optional (subflow); makes this a SPAWNABLE sub-agent: the routing step may call its handoff tool SEVERAL TIMES in one turn, each call with a "task" brief spawning one parallel instance of the child flow (rule 7c)\n    "captureVariable": "NAME",                     // optional; save the subflow\'s output into a run variable other steps inject with ${var:NAME}\n    "captureResource": "NAME",                     // optional; ALSO save the subflow\'s output as a tracked run resource (${res:NAME}, rule 9b)\n    "captureKv": "NAME",                           // optional; ALSO save the subflow\'s output to a PERSISTENT cross-run key (${kv:NAME}, rule 9d)\n    "outputMode": "steps" | "final-only" }\n- { "key": "...", "type": "finish" }                              // a finish node is ALWAYS named "Finish Node"; omit "label" (any label you supply is ignored)\n- { "key": "...", "type": "signal", "label": "...",                // fire-and-forget event (rule 11): emits {topic, payload} then passes through unchanged\n    "topic": "<event topic other flows\' triggers listen for>",     // REQUIRED — a signal with no topic emits nothing\n    "payloadTemplate": "event body, may use ${var:NAME}" }         // optional; defaults to the node prompt\n- { "key": "...", "type": "resource", "label": "...",              // OPTIONAL/advanced (rule 9c): a data artifact shown in the graph\n    "server": "<server name>", "uri": "<resource uri>",            // EITHER a static MCP resource…\n    "runName": "NAME" }                                            // …OR a run artifact steps produce/consume\n\nEDGES: { "from": "<node key>", "to": "<node key>", "bidirectional": true|false,\n         "condition": { "kind": "contains"|"regex"|"equals", "value": "...",\n                        "target": "last-assistant"|"last-message",  // optional, default last-assistant\n                        "ignoreCase": true|false, "negate": true|false } }   // condition optional; process-node edges only\n\nRULES:\n1. Exactly ONE start node; at least one finish node reachable from it.\n2. Every process node MUST reference a configured model (by id, display name, or name).\n3. A process step uses MCP tools ONLY via its "servers" list — never emit nodes of type "mcp".\n4. Do not embed ${tool:...} or ${resource:...} references in prompts — tools are wired through "servers".\n5. Branching: give a process node multiple outgoing edges; its model decides where to hand off at runtime. "bidirectional": true lets the target hand back to the source (agent <-> agent).\n5b. Deterministic routing: give a process node\'s outgoing edges a "condition" to route WITHOUT the model — the engine takes the first outgoing edge whose predicate matches the last message (default the step\'s own last assistant message), and a bare (condition-less) edge is the fallback. Use this for reliable data-driven branches (e.g. output contains "FAIL" -> fix step, else -> publish) instead of relying on a small model to emit a handoff. Only process-node edges may carry a condition. Without any condition on a node, that node keeps model-decided handoff (rule 5). If the model still calls a handoff tool, that wins over the condition.\n6. A subflow node may have only ONE outgoing edge. Give it EITHER a "flow" (naming an existing flow) OR a "subflowSpec" (an inline nested FlowSpec that becomes its own child flow) — not both. A "subflowSpec" may itself contain subflow nodes with their own "subflowSpec" (bounded nesting), so you can author whole multi-level flows in one object.\n7. A subflow node may instead fan out to SEVERAL child flows CONCURRENTLY via "parallelFlows" (existing flows) or "parallelSubflowSpecs" (inline). These are STATIC (fixed at author time): the same input is sent to every lane and their outputs are joined. This is about multiple CHILDREN, not successors — the single-outgoing-edge rule (rule 6) still holds. Prefer "parallelFlows" for large fan-outs.\n7b. For DYNAMIC fan-out — when the set of target flows should be decided AT RUNTIME by an earlier step — use "parallelFlowsVariable": "NAME". An upstream process/subflow node captures a JSON array of flow ids/names (or a newline list) into run variable NAME via "captureVariable": "NAME"; this subflow node then fans out over exactly those flows. Unknown ids and a self-reference are dropped, the count is capped, and a non-empty resolution overrides any static "parallelFlows" (empty falls back to it). Mutually exclusive with "mapOverList". Still one outgoing edge (rule 6).\n7c. For AGENTIC spawning — when the ROUTING MODEL itself should split the work at the very moment it hands off — set "allowCallerFanout": true on the target subflow node. This makes it a SPAWNABLE sub-agent: its handoff tool gains an optional "task" (string) argument and the routing model may call the tool SEVERAL TIMES IN ONE TURN, each call spawning one parallel instance of the child flow briefed with that call\'s "task". All instances run concurrently, their outputs are joined in call order, and the flow continues once every instance finishes. A call with no "task" is a plain single handoff. Caller briefs override "spawnBriefs"/"parallelFlows"/"parallelFlowsVariable"; the count is capped. Mutually exclusive with "mapOverList". Still one outgoing edge (rule 6). Use 7c when the deciding (routing) step should choose how to split the work; use 7d\'s "spawnBriefs" when the AUTHOR fixes the briefs; use 7b when an earlier step computes a set of DIFFERENT flows.\n7d. For AUTHOR-DEFINED spawning — a fixed set of parallel briefs for ONE sub-agent — give the subflow node "spawnBriefs": ["...", "..."]. Every visit runs the single child once per brief, concurrently (same pool/tuning as parallel). Each brief may inject ${var:NAME}/${res:NAME}/${kv:NAME}. With inputMode "isolated" the brief is the lane\'s whole prompt; with history modes each lane sees the conversation plus its brief as the closing instruction. Mutually exclusive with "parallelFlows"/"parallelSubflowSpecs"/"mapOverList"; needs a single child ("flow"/"subflowSpec").\n8. A subflow node may instead run its SINGLE child flow ONCE PER ITEM via "mapOverList": true. The input is split into items by "itemSplit" ("json-array" default, or "lines"), each item is sent to its own child run, and the per-item outputs are joined (same pool/tuning as parallel). Use "sequential": true to run items in order. Mutually exclusive with "parallelFlows"/"parallelSubflowSpecs".\n9. Named variables (scratchpad): a step can save its output with "captureVariable": "NAME" (process or subflow) and any LATER step injects it with ${var:NAME} inside its "prompt" / "isolatedPrompt" / subflow prompt. This survives "latest-message"/"isolated" scoping, unlike conversation history — use it to carry a todo list, a file path, a diff, or a captured result across steps that don\'t share history. ${var:NAME} is run-scoped and plaintext; it is DISTINCT from ${global:VAR} (configured secrets/config, resolved only for tool args). Capture a subflow\'s output on the PARENT subflow node — a variable set inside a child flow is not visible to the parent.\n9b. Run resources (tracked data): "captureResource": "NAME" (process or subflow) ALSO saves the step\'s output as a run-scoped RESOURCE — an addressable artifact (flujo://run/... URI) with lineage (which step produced it, which steps read it), readable via the built-in "flujo" MCP server. A later step injects it with ${res:NAME} exactly like ${var:NAME}. Prefer "captureVariable" for short strings; use "captureResource" when the output is a large document/report/dataset worth tracking, or when other tools/agents should be able to read it back. Large or binary MCP tool results (screenshots, files) are auto-captured as run resources without any spec field.\n9c. Resource nodes are OPTIONAL/advanced — most flows should not use them; prefer rule 9b\'s captureResource/${res:NAME}. Emit one only when the data artifact itself should be VISIBLE in the graph: an edge resource→process means the step READS the artifact (its contents are injected into the step\'s context); process→resource means the step\'s output is SAVED to it (run artifacts only, equivalent to captureResource with the node\'s runName). Resource edges are data wiring, not flow control — they never carry conditions and don\'t count as a step\'s successor.\n9d. Persistent state (cross-run): "captureKv": "NAME" (process or subflow) saves the step\'s output to a PERSISTENT key-value store that SURVIVES ACROSS RUNS, injected by any step with ${kv:NAME}. Unlike ${var:} / ${res:} (discarded when the run ends), ${kv:} is what a long-lived SCHEDULED flow uses to carry a loop counter, a pagination cursor, a last-seen id, or a flag to its NEXT run. By default a key lives on the flow\'s FOLDER board (flows in the same folder share it); prefix the name to change scope: "flow/NAME" (this flow only) or "global/NAME" (whole instance). Plaintext, never secrets (distinct from ${global:VAR}). A model can also read/update a key mid-run via the built-in "flujo" server\'s kv_get / kv_set tools.\n10. Keep flows minimal — only the steps the task needs. Write clear, specific prompts and labels; fill "description" on process nodes.\n11. Signals (fire-and-forget events): a "signal" node is a deterministic pass-through that, when the path reaches it, emits an event {topic, payload} onto the flow-run event bus and then continues to its successor unchanged (it never calls a model or touches the conversation). Use it when the flow should notify or kick off ANOTHER flow mid-run — a flow-event trigger configured elsewhere listens for the same "topic" (e.g. "when the review finds blockers, emit a review-blocked signal"). Always give it a "topic" (a signal with no topic emits nothing); "payloadTemplate" is the optional event body and may inject ${var:NAME}. Make emission conditional by putting a conditioned edge (rule 5b) INTO the signal node.\n12. Input vs output modes are two DISTINCT axes whose value names differ per node type (issue #152 clarification). inputMode ("full-history" | "latest-message" | "isolated") controls what a step RECEIVES and exists on BOTH process and subflow nodes, but they behave differently: a process node keeps the current turn\'s tool calls/results, while a subflow node ALWAYS strips system/tool-result/tool-call turns from the parent transcript in every history mode (see the inputMode notes above). "latest-message" means "from the most recent user message onward", NOT "last user + last assistant". outputMode controls what LATER steps see of a step\'s work and is a SEPARATE enum per node type: a process node uses "full-conversation" | "latest-message" (latest-message hides this step\'s tool exchange from later steps), a subflow node uses "steps" | "final-only" (live-view folding only). Common word traps: "last-message" = inputMode latest-message; "full-conversation" is a process outputMode value, NOT an input mode. A subflow\'s final answer is always injected back into the parent transcript regardless of outputMode.'},{method:"POST",path:"/api/flow/generate",summary:"Generate a draft flow from a natural-language description using one of your configured models. The model authors a FlowSpec, FLUJO compiles + validates it and feeds problems back for a bounded number of repair rounds. The generator can always SEARCH the public MCP registry; with allowInstall it can also INSTALL servers it needs. Returns an UNSAVED draft (the UI opens it in the builder for review); persist via the normal save path or /api/flow/compile.",paramsLabel:"Body",params:[{name:"description",type:"string",required:!0,description:"What the flow should do, in plain language."},{name:"modelId",type:"string",required:!0,description:"Configured model that does the generating."},{name:"maxRepairs",type:"number",description:"Repair rounds after the first attempt (default 1, max 2)."},{name:"allowInstall",type:"boolean",description:"Let the generator install MCP servers from the public registry (downloads + RUNS third-party packages on this machine). Off by default."}],response:"{ flow, validation, attempts, installedServers } — the flow is a draft; nothing flow-related is persisted by this endpoint (installed servers ARE persisted).",notes:["allowInstall executes third-party code with this machine's user permissions — opt in deliberately."]},{method:"GET",alsoMethods:["POST"],path:"/api/flow",summary:"GET lists all flow definitions; POST creates a flow (create-only; 409 if the id exists). POST takes the raw internal Flow format — prefer /api/flow/compile for programmatic creation.",paramsLabel:"Body",params:[{name:"flow",type:"Flow",required:!0,description:"Flow object including id (POST)."}]},{method:"GET",alsoMethods:["PUT","DELETE"],path:"/api/flow/{id}",summary:"GET / PUT / DELETE a single flow. On PUT the path id wins over the body id (404 if missing)."},{method:"POST",path:"/api/flow/prompt-renderer",summary:"Render the assembled prompt for a node within a flow.",paramsLabel:"Body",params:[{name:"flowId",type:"string",required:!0,description:"Flow containing the node."},{name:"nodeId",type:"string",required:!0,description:"Node to render."},{name:"options",type:"object",description:"Render options."}]}]},{id:"planned-executions",name:"Planned Executions",description:"Run flows headlessly on triggers: schedules (cron), inbound webhooks, and more. Managed from the Executions page; each run is recorded in a per-execution run history.",endpoints:[{method:"GET",alsoMethods:["POST","PATCH"],path:"/api/planned-executions",summary:"GET lists all planned executions with live trigger status and last run; POST creates one; PATCH toggles the global pause switch ({ paused: boolean }).",response:"GET: { paused, executions: [{ execution, status, lastRun }] }."},{method:"GET",alsoMethods:["PATCH","DELETE"],path:"/api/planned-executions/{id}",summary:"GET / PATCH / DELETE a single planned execution. PATCH takes a partial config and re-arms the trigger."},{method:"POST",path:"/api/planned-executions/{id}/run",summary:"Run now: fire the execution immediately (even while disabled or paused) and wait for the run.",response:"{ record: RunRecord } with status, output preview, and token usage."},{method:"GET",path:"/api/planned-executions/{id}/runs",summary:"The execution’s run history (newest 100 runs, oldest first)."},{method:"POST",path:"/api/planned-executions/preview-schedule",summary:"Validate a cron pattern and preview its next fire times (editor helper).",paramsLabel:"Body",params:[{name:"cron",type:"string",required:!0,description:"Cron pattern (5 or 6 fields)."},{name:"timezone",type:"string",description:"IANA timezone name."}],response:"{ valid, error?, nextRuns: string[] }."},{method:"POST",path:"/api/webhooks/{id}",summary:"Inbound webhook trigger. Fires the planned execution with the request body as trigger context and responds 202 { runId } immediately (the flow runs in the background). For a synchronous answer use /v1/chat/completions instead.",paramsLabel:"Query",params:[{name:"token",type:"string",required:!0,description:"Per-execution secret (alternatively send the X-Flujo-Token header)."}],notes:["Localhost-only by default; external callers must be explicitly allowed per execution.","The webhook body is untrusted input to the flow — prompts should treat it as data."]}]},{id:"mcp",name:"MCP Servers",description:"Manage MCP server configurations, connection state, tool discovery, and tool invocation.",endpoints:[{method:"GET",alsoMethods:["POST"],path:"/api/mcp/servers",summary:"GET lists all MCP server configs; POST registers a new one (409 on duplicate name).",paramsLabel:"Body",params:[{name:"config",type:"MCPServerConfig",required:!0,description:"Server config (POST)."}]},{method:"GET",alsoMethods:["PUT","DELETE"],path:"/api/mcp/servers/{name}",summary:"GET / PUT / DELETE a server config. PUT merges fields; toggling disabled connects/disconnects; a new name triggers a validated rename."},{method:"GET",path:"/api/mcp/servers/{name}/status",summary:"Live connection status. Always 200, even when the server is down.",response:"{ status, ... }"},{method:"GET",path:"/api/mcp/servers/{name}/tools",summary:"List tools exposed by a connected server.",response:"{ tools, error? } (empty tools + error when disconnected)."},{method:"POST",path:"/api/mcp/servers/{name}/tools/{toolName}",summary:"Invoke a tool on a server. Status may reflect the tool itself (408 on timeout).",paramsLabel:"Body",params:[{name:"args",type:"Record<string, unknown>",required:!0,description:"Tool arguments."},{name:"timeout",type:"number",description:"Optional timeout (ms)."}]},{method:"POST",path:"/api/mcp/test-connection",summary:"Run a real MCP handshake against an unsaved config (tests custom CAs and headers) without registering it.",paramsLabel:"Body",params:[{name:"config",type:"MCPServerConfig",required:!0,description:"Config to test."}]},{method:"POST",path:"/api/mcp/cancel",summary:"Cancel an in-progress tool execution; force-reconnects if no token is supplied.",paramsLabel:"Body",params:[{name:"reason",type:"string",required:!0,description:"Cancellation reason."}]}]},{id:"mcp-proxy",name:"FLUJO as an MCP server (proxy)",description:'Re-expose a configured MCP server to EXTERNAL MCP clients (Claude Desktop, Cursor, Cline, mcp-inspector, …) so you configure the server once in FLUJO and reach it everywhere. Enable per server via the "Expose to external apps" toggle on its card. In your MCP client, add a Streamable-HTTP server with the URL below. One downstream server per endpoint, so tool names are unchanged. Localhost-only for now (no auth token in this version — see the security roadmap).',endpoints:[{method:"POST",alsoMethods:["GET","DELETE"],path:"/mcp-proxy/{server}",summary:'A Streamable-HTTP MCP endpoint that forwards tools/list and tools/call to the named downstream MCP server. {server} is the configured server name; it must have "Expose to external apps" enabled (otherwise 404). Rejects non-localhost requests.',response:"MCP JSON-RPC over Streamable HTTP (handled by your MCP client, not called directly)."}]},{id:"mcp-flows",name:"FLUJO as an MCP server (flows + authoring)",description:"A Streamable-HTTP MCP endpoint that exposes FLUJO itself to external MCP clients. Every saved flow is a callable tool (running it ephemerally and returning its output), and three authoring tools let an external agent CREATE flows by sending a semantic FlowSpec — no raw ReactFlow JSON required. Localhost-only (same posture as the proxy).",endpoints:[{method:"POST",alsoMethods:["GET","DELETE"],path:"/mcp-flows",summary:'MCP server with two tool families. Flow tools: one per saved flow (name = slug of the flow name; input = a single "input" string sent as the user turn; runs are ephemeral and never appear in the chat sidebar). Authoring tools: list_flow_building_blocks (models, MCP servers + tools, and existing flows a spec may reference — call first), validate_flow_spec (compile + validate without saving; iterate on the returned issues), create_flow (compile + validate + save; only saves when validation finds zero errors), plus capability acquisition: search_mcp_marketplace (search the public registry) and install_mcp_server (install + connect a registry server — downloads and RUNS third-party packages on the FLUJO host; required keys can be passed via its env argument). The FlowSpec format is documented on POST /api/flow/compile above and inside the tools\' own descriptions.',response:"MCP JSON-RPC over Streamable HTTP (handled by your MCP client, not called directly)."}]},{id:"oauth",name:"OAuth (for MCP)",description:"OAuth authorization flow for MCP servers that require it. Tokens are stored server-side and never sent to the browser.",endpoints:[{method:"POST",path:"/api/oauth/initiate",summary:"Begin the OAuth flow for a server; dynamically registers a client and returns an authorization URL.",paramsLabel:"Body",params:[{name:"serverName",type:"string",required:!0,description:"MCP server to authorize."}]},{method:"GET",alsoMethods:["POST"],path:"/api/oauth/callback",summary:"OAuth redirect target; exchanges the code for tokens, updates the config, and redirects to /mcp.",notes:["Tokens are persisted server-side only."]},{method:"POST",path:"/api/oauth/reset",summary:"Clear a server's OAuth tokens and force re-authentication on the next connection.",paramsLabel:"Body",params:[{name:"serverName",type:"string",required:!0,description:"Server to reset."}]}]},{id:"env",name:"Environment & Secrets",description:"Global environment variables and server-side encryption operations. Secret values are encrypted at rest and masked as ******** in responses.",endpoints:[{method:"GET",alsoMethods:["POST"],path:"/api/env",summary:"GET reads env vars (secrets masked); POST sets/deletes vars (secrets encrypted server-side).",paramsLabel:"Body",params:[{name:"action",type:'"set" | "setAll" | "delete"',required:!0,description:"Operation."},{name:"key",type:"string",description:"Variable name (set/delete)."},{name:"value",type:"string",description:"Value; the placeholder ******** is ignored."},{name:"metadata",type:"{ isSecret: boolean }",description:"Marks a value for encryption."}],notes:["GET masks secret values unless an internal includeSecrets flag is set; the browser never receives clear-text secrets."]},{method:"POST",path:"/api/encryption/secure",summary:"Server-side encryption operations: initialize, authenticate, change_password, encrypt, verify_password, check_initialized, and status queries.",paramsLabel:"Body",params:[{name:"action",type:"string",required:!0,description:"One of the encryption actions."}],notes:["Passwords and tokens are handled here and stay server-side — never log or surface them in the UI."]}]},{id:"storage",name:"Storage & Backup",description:"Generic key-value storage plus zip backup/restore of selected data.",endpoints:[{method:"GET",alsoMethods:["POST","DELETE"],path:"/api/storage",summary:"GET loads an item by StorageKey (with optional default); POST saves; DELETE clears.",paramsLabel:"Query",params:[{name:"key",type:"StorageKey",required:!0,description:"Storage key."},{name:"defaultValue",type:"JSON",description:"Returned when the key is missing (GET)."}]},{method:"POST",path:"/api/backup",summary:"Create a zip backup of selected items and download it.",paramsLabel:"Body",params:[{name:"selections",type:"string[]",required:!0,description:"e.g. models, mcpServers, flows, chatHistory, settings."}],notes:["A backup may include the encryption key and secrets — handle the downloaded file carefully."]},{method:"POST",path:"/api/restore",summary:"Restore data from a backup zip.",paramsLabel:"Form data",params:[{name:"file",type:"File (zip)",required:!0,description:"Backup archive."},{name:"selections",type:"JSON string[]",required:!0,description:"Which items to restore."}]}]},{id:"system",name:"System & Updates",description:"App initialization, working-directory info, repository operations, and self-update.",endpoints:[{method:"GET",path:"/api/init",summary:"Server-side initialization: verify storage and start enabled MCP servers."},{method:"GET",path:"/api/cwd",summary:"Return the current working directory and the mcp-servers directory path."},{method:"GET",path:"/api/browse",summary:"List a directory of the machine running FLUJO, for the folder-picker dialogs (file-watch triggers, MCP server paths). Defaults to the home directory; includes available drives on Windows.",paramsLabel:"Query",params:[{name:"path",type:"string",description:"Absolute directory path to list."}],response:"{ path, parent, home, sep, drives, entries: [{ name, path, isDirectory }] }",notes:["Exposes backend filesystem listings — like the rest of the API it assumes a single trusted user."]},{method:"POST",path:"/api/git",summary:"Repository operations for MCP servers: clone, install, build, run, exists, readFile, listDir, list, checkUpdates, checkUpdatesBatch, pullUpdates.",paramsLabel:"Body",params:[{name:"action",type:"string",required:!0,description:"Operation to perform."}]},{method:"GET",alsoMethods:["POST"],path:"/api/update",summary:'GET checks for a newer version (git fetch + behind count); POST { action: "apply" } pulls, rebuilds, and restarts.',response:"{ success, isGitRepo, updateAvailable, behindBy?, branch?, currentVersion }"}]}],y={GET:"#2e7d32",POST:"#1565c0",PUT:"#ed6c02",PATCH:"#9c27b0",DELETE:"#c62828",OPTIONS:"#616161"};function g(e){let{method:t}=e;return(0,a.jsx)(r.A,{label:t,size:"small",sx:{bgcolor:y[t],color:"#fff",fontWeight:700,fontFamily:"var(--font-geist-mono), monospace",fontSize:"0.7rem",height:22}})}function w(e){var t,s,n,r;let{endpoint:d}=e;return(0,a.jsxs)(i.A,{variant:"outlined",sx:{p:2,mb:1.5},children:[(0,a.jsxs)(o.default,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"wrap",mb:1},children:[(0,a.jsx)(g,{method:d.method}),null==(t=d.alsoMethods)?void 0:t.map(e=>(0,a.jsx)(g,{method:e},e)),(0,a.jsx)(l.default,{component:"code",sx:{fontFamily:"var(--font-geist-mono), monospace",fontSize:"0.9rem",wordBreak:"break-all"},children:d.path})]}),(0,a.jsx)(l.default,{variant:"body2",color:"text.secondary",sx:{mb:1.5*(null!=(s=d.params)&&!!s.length)},children:d.summary}),d.params&&d.params.length>0&&(0,a.jsxs)(o.default,{sx:{mb:1},children:[(0,a.jsx)(l.default,{variant:"caption",sx:{fontWeight:700,textTransform:"uppercase",color:"text.secondary"},children:null!=(r=d.paramsLabel)?r:"Parameters"}),(0,a.jsx)(o.default,{component:"ul",sx:{m:0,mt:.5,pl:2.5},children:d.params.map(e=>(0,a.jsx)(o.default,{component:"li",sx:{mb:.25},children:(0,a.jsxs)(l.default,{variant:"body2",component:"span",children:[(0,a.jsx)(o.default,{component:"code",sx:{fontFamily:"var(--font-geist-mono), monospace",fontWeight:600},children:e.name}),(0,a.jsxs)(o.default,{component:"span",sx:{color:"text.secondary"},children:[" ",e.type,e.required?" \xb7 required":""," — ",e.description]})]})},e.name))})]}),d.response&&(0,a.jsxs)(l.default,{variant:"body2",sx:{mt:.5},children:[(0,a.jsxs)(o.default,{component:"span",sx:{fontWeight:600},children:["Response:"," "]}),(0,a.jsx)(o.default,{component:"span",sx:{color:"text.secondary"},children:d.response})]}),null==(n=d.notes)?void 0:n.map((e,t)=>(0,a.jsxs)(l.default,{variant:"caption",sx:{display:"block",mt:1,color:"warning.main"},children:["⚠ ",e]},t)),d.details&&(0,a.jsx)(o.default,{component:"pre",sx:{mt:1.5,p:1.5,bgcolor:"action.hover",borderRadius:1,fontSize:"0.75rem",fontFamily:"monospace",whiteSpace:"pre-wrap",overflowX:"auto",m:0,mb:0},children:d.details})]})}function v(){let[e,t]=(0,n.useState)(""),[s,r]=(0,n.useState)("");n.useEffect(()=>{r(window.location.origin)},[]);let y=(0,n.useMemo)(()=>{let t=e.trim().toLowerCase();return t?f.map(e=>{let s=e.endpoints.filter(s=>{var a;return"".concat(s.method," ").concat((null!=(a=s.alsoMethods)?a:[]).join(" ")," ").concat(s.path," ").concat(s.summary).toLowerCase().includes(t)||e.name.toLowerCase().includes(t)});return{...e,endpoints:s}}).filter(e=>e.endpoints.length>0):f},[e]);return(0,a.jsxs)(d.A,{maxWidth:"md",sx:{py:5},children:[(0,a.jsx)(l.default,{variant:"h4",gutterBottom:!0,children:"API Documentation"}),(0,a.jsx)(l.default,{variant:"body1",color:"text.secondary",sx:{mb:2},children:"FLUJO exposes an OpenAI-compatible chat API and a REST surface for managing models, MCP servers, flows, and conversations. All endpoints are served from this instance."}),(0,a.jsxs)(i.A,{variant:"outlined",sx:{p:2,mb:3},children:[(0,a.jsx)(l.default,{variant:"subtitle2",gutterBottom:!0,children:"Base URL"}),(0,a.jsx)(o.default,{component:"code",sx:{fontFamily:"var(--font-geist-mono), monospace",fontSize:"0.9rem"},children:s||"http://localhost:4200"}),(0,a.jsxs)(l.default,{variant:"body2",color:"text.secondary",sx:{mt:1},children:["Point any OpenAI SDK at"," ",(0,a.jsx)(o.default,{component:"code",sx:{fontFamily:"var(--font-geist-mono), monospace"},children:(s||"http://localhost:4200")+"/v1"})," ","and set the model to"," ",(0,a.jsx)(o.default,{component:"code",sx:{fontFamily:"var(--font-geist-mono), monospace"},children:"flow-<NAME>"}),". Any API key value is accepted locally."]})]}),(0,a.jsx)(p.A,{fullWidth:!0,size:"small",placeholder:"Search endpoints (path, method, description)…",value:e,onChange:e=>t(e.target.value),sx:{mb:3},InputProps:{startAdornment:(0,a.jsx)(c.A,{position:"start",children:(0,a.jsx)(h.A,{fontSize:"small"})})}}),0===y.length&&(0,a.jsxs)(l.default,{color:"text.secondary",children:["No endpoints match “",e,"”."]}),y.map(e=>(0,a.jsxs)(o.default,{sx:{mb:4},id:e.id,children:[(0,a.jsx)(l.default,{variant:"h6",gutterBottom:!0,children:e.name}),(0,a.jsx)(l.default,{variant:"body2",color:"text.secondary",sx:{mb:2},children:e.description}),e.endpoints.map(e=>(0,a.jsx)(w,{endpoint:e},"".concat(e.method," ").concat(e.path)))]},e.id)),(0,a.jsx)(u.A,{sx:{my:3}}),(0,a.jsxs)(l.default,{variant:"caption",color:"text.secondary",children:["Secrets (API keys, encryption passwords, OAuth tokens) are encrypted at rest and never returned to the browser in clear text. See the project"," ",(0,a.jsx)(m.A,{href:"https://github.com/mario-andreschak/FLUJO",target:"_blank",rel:"noopener",children:"repository"})," ","for source-level details."]})]})}let b=(0,s(87021).h)("app/docs/page");function E(){return b.debug("Rendering DocsPage"),(0,a.jsx)(o.default,{component:"main",sx:{minHeight:"100vh"},children:(0,a.jsx)(v,{})})}},87021:(e,t,s)=>{"use strict";s.d(t,{h:()=>l});let a={LOG_LEVEL:3},o={VERBOSE:-1,DEBUG:0,INFO:1,WARN:2,ERROR:3},n="number"==typeof a.LOG_LEVEL?a.LOG_LEVEL:o.ERROR;function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(t>6)return String(e);if(!(e instanceof Error))return e;let s={name:e.name,message:e.message};for(let a of Object.getOwnPropertyNames(e)){if("name"===a||"message"===a)continue;let o=e[a];"function"!=typeof o&&("stack"===a?s.stack=o:"cause"===a?s.cause=r(o,t+1):"errors"===a&&Array.isArray(o)?s.errors=o.map(e=>r(e,t+1)):s[a]=o)}return s}function i(e,t,s,a,i){if(e>=("number"==typeof i?i:n)){if("function"==typeof a)try{a=a()}catch(e){a="[lazy log data threw]"}let n=new Date().toISOString(),i="[".concat(n,"] [").concat(t,"]"),l="".concat(i," ").concat(s);if(void 0!==a)if(a instanceof Error||"object"==typeof a)try{let e=a instanceof Error?r(a):a,t=JSON.stringify(e,(e,t)=>t instanceof Error?r(t):t,2);l+=":\n".concat(t)}catch(e){l+=": [Object cannot be stringified]"}else l+=": ".concat(a);switch(e){case o.VERBOSE:console.debug("[VERBOSE] ".concat(l));break;case o.DEBUG:console.debug(l);break;case o.INFO:console.info(l);break;case o.WARN:console.warn(l);break;case o.ERROR:console.error(l);break;default:console.log(l)}}}function l(e,t){let s,a=((s=e.replace(/^src\//,"")).startsWith("/")&&(s=s.substring(1)),s);return{verbose:(e,s)=>{i(o.VERBOSE,a,e,s,t)},debug:(e,s)=>{i(o.DEBUG,a,e,s,t)},info:(e,s)=>{i(o.INFO,a,e,s,t)},warn:(e,s)=>{i(o.WARN,a,e,s,t)},error:(e,s)=>{i(o.ERROR,a,e,s,t)}}}}},e=>{e.O(0,[2678,4754,9244,3392,7111,9562,488,8989,8441,1255,7358],()=>e(e.s=32651)),_N_E=e.O()}]);