File size: 131,974 Bytes
0646b18
1
!function(){"use strict";var e,t,n,a,r,l={10534:function(e,t,n){n.d(t,{A:function(){return N}});var a=n(7378),r=n(58895),l=n(67733),s=n.n(l),o=n(48034),i=n.n(o),c=n(62562),m=n.n(c),d=n(39805),p=n.n(d),u=n(57577),g=n.n(u),b=n(79062),x=n.n(b),f=n(85997),v={};v.styleTagTransform=x(),v.setAttributes=p(),v.insert=m().bind(null,"head"),v.domAPI=i(),v.insertStyleElement=g();s()(f.A,v),f.A&&f.A.locals&&f.A.locals;var h=({variable:e,onClose:t})=>{const n=`## ${e.name}\n\n**Type:** \`${e.type}\`${e.count_items?` (${e.count_items} items)`:""}\n\n${e.description?`**Description:** ${e.description}\n\n`:""}**Value:**\n\`\`\`\n${e.value_preview}\n\`\`\``;return a.createElement("div",{className:"variable-popup-overlay",onClick:t},a.createElement("div",{className:"variable-popup-content",onClick:e=>e.stopPropagation()},a.createElement("div",{className:"variable-popup-header"},a.createElement("h3",null,"Variable Details"),a.createElement("div",{className:"variable-popup-actions"},a.createElement("button",{className:"variable-popup-download-btn",onClick:()=>{if("dict"===e.type)try{const t=JSON.parse(e.value_preview),n=JSON.stringify(t,null,2),a=new Blob([n],{type:"application/octet-stream"}),r=URL.createObjectURL(a),l=document.createElement("a");return l.href=r,l.download=`${e.name}.json`,document.body.appendChild(l),l.click(),document.body.removeChild(l),void URL.revokeObjectURL(r)}catch(e){}const t=`# Variable: ${e.name}\n\n**Type:** ${e.type}\n\n${e.description?`**Description:** ${e.description}\n\n`:""}**Value:**\n\`\`\`\n${e.value_preview}\n\`\`\``,n=new Blob([t],{type:"text/markdown"}),a=URL.createObjectURL(n),r=document.createElement("a");r.href=a,r.download=`${e.name}.md`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(a)},title:"dict"===e.type?"Download as JSON":"Download as Markdown"},a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},a.createElement("path",{d:"M8.5 1a.5.5 0 0 0-1 0v8.793L5.354 7.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 9.793V1z"}),a.createElement("path",{d:"M3 13h10a1 1 0 0 0 1-1v-1.5a.5.5 0 0 0-1 0V12H3v-.5a.5.5 0 0 0-1 0V12a1 1 0 0 0 1 1z"})),"Download ","dict"===e.type?"JSON":"MD"),a.createElement("button",{className:"variable-popup-close-btn",onClick:t},"×"))),a.createElement("div",{className:"variable-popup-body",dangerouslySetInnerHTML:{__html:(0,r.xI)(n)}})))},E=n(27466),y={};y.styleTagTransform=x(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=g();s()(E.A,y),E.A&&E.A.locals&&E.A.locals;var N=({variables:e,history:t=[],selectedAnswerId:n,onSelectAnswer:r})=>{const[l,s]=(0,a.useState)(!0),[o,i]=(0,a.useState)(null),c=Object.keys(e);if(0===c.length&&0===t.length)return null;c.length>0||t.length;return a.createElement(a.Fragment,null,a.createElement("div",{className:"variables-sidebar "+(l?"expanded":"collapsed")},a.createElement("div",{className:"variables-sidebar-header"},a.createElement("button",{className:"variables-sidebar-toggle",onClick:()=>s(!l),title:l?"Collapse variables panel":"Expand variables panel"},l?a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2"},a.createElement("polyline",{points:"15 18 9 12 15 6"})):a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2"},a.createElement("polyline",{points:"9 18 15 12 9 6"}))),l&&a.createElement(a.Fragment,null,a.createElement("div",{className:"variables-sidebar-title"},a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2"},a.createElement("path",{d:"M4 7h16M4 12h16M4 17h16"})),a.createElement("span",null,"Variables"),a.createElement("span",{className:"variables-count"},c.length)),t.length>0&&a.createElement("select",{className:"variables-history-select",value:n||"",onChange:e=>r&&r(e.target.value),onClick:e=>e.stopPropagation(),title:"Select which conversation turn to view variables from"},t.map(e=>{return a.createElement("option",{key:e.id,value:e.id},e.title," - ",Object.keys(e.variables).length," variable",1!==Object.keys(e.variables).length?"s":""," (",(t=e.timestamp,new Date(t).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})),")");var t})))),l&&a.createElement("div",{className:"variables-sidebar-content"},t.length>0&&a.createElement("div",{className:"variables-history-info"},"Viewing: ",t.find(e=>e.id===n)?.title||"Latest turn",a.createElement("span",{className:"history-count"},t.length," turns total")),a.createElement("div",{className:"variables-list"},0===c.length&&t.length>0?a.createElement("div",{className:"no-variables-message"},a.createElement("p",null,"No variables in current turn."),a.createElement("p",null,"Select a previous turn from the dropdown above to view its variables.")):c.map(t=>{const n=e[t];return a.createElement("div",{key:t,className:"variable-item",onClick:()=>i({name:t,...n})},a.createElement("div",{className:"variable-item-header"},a.createElement("code",{className:"variable-name"},t),a.createElement("span",{className:"variable-type"},n.type)),n.description&&a.createElement("div",{className:"variable-description"},n.description),void 0!==n.count_items&&n.count_items>1&&a.createElement("div",{className:"variable-meta"},a.createElement("span",{className:"variable-count"},n.count_items," items")),a.createElement("div",{className:"variable-preview"},n.value_preview?n.value_preview.substring(0,80)+(n.value_preview.length>80?"...":""):""))})))),!l&&a.createElement("button",{className:"variables-sidebar-floating-toggle",onClick:()=>s(!0),title:"Show variables panel"},a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2"},a.createElement("polyline",{points:"9 18 15 12 9 6"})),a.createElement("span",{className:"variables-floating-count"},c.length)),o&&a.createElement(h,{variable:o,onClose:()=>i(null)}))}},12960:function(e,t,n){n.d(t,{x:function(){return a}});const a=new class{isStreaming=!1;listeners=new Set;currentAbortController=null;setStreaming(e){this.isStreaming=e,this.listeners.forEach(t=>t(e))}getIsStreaming(){return this.isStreaming}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}setAbortController(e){this.currentAbortController=e}async stopStream(){this.currentAbortController&&this.currentAbortController.abort();try{(await fetch(`${API_BASE_URL}/stop`,{method:"POST",headers:{"Content-Type":"application/json"}})).ok}catch(e){}this.setStreaming(!1)}}},16923:function(e,t,n){n.d(t,{A:function(){return r}});var a=n(7378);function r({appData:e}){const[t,n]=(0,a.useState)(!1);function r(e){switch(e.toLowerCase()){case"gmail":return"bg-red-100 text-red-700";case"phone":return"bg-blue-100 text-blue-700";case"venmo":return"bg-green-100 text-green-700";case"calendar":return"bg-purple-100 text-purple-700";case"drive":return"bg-yellow-100 text-yellow-700";default:return"bg-gray-100 text-gray-700"}}const l=t?e:e.slice(0,4);return a.createElement("div",{className:"p-3"},a.createElement("div",{className:"max-w-4xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg border border-gray-200 p-3"},a.createElement("div",{className:"flex items-center justify-between mb-3"},a.createElement("h3",{className:"text-sm font-medium text-gray-700 flex items-center gap-2"},a.createElement("span",{className:"text-sm"},"🔍"),"App Analysis"),a.createElement("span",{className:"px-2 py-1 rounded text-xs bg-blue-100 text-blue-700"},e.length," apps")),a.createElement("div",{className:"flex flex-wrap gap-1.5 mb-3"},l.map((e,t)=>a.createElement("div",{key:t,className:`flex items-center gap-1.5 px-2 py-1 rounded ${r(e.name)}`},a.createElement("span",{className:"text-sm"},function(e){switch(e.toLowerCase()){case"gmail":return"📧";case"phone":return"📱";case"venmo":return"💰";case"calendar":return"📅";case"drive":return"📁";case"sheets":return"📊";case"slack":return"💬";case"spotify":return"🎵";case"uber":return"🚗";case"weather":return"🌤️";default:return"🔧"}}(e.name)),a.createElement("span",{className:"text-xs font-medium capitalize"},e.name)))),e.length>4&&a.createElement("div",{className:"mb-3"},a.createElement("button",{onClick:()=>n(!t),className:"text-xs text-blue-600 hover:text-blue-800"},t?"▲ Less":`▼ +${e.length-4} more`)),a.createElement("div",{className:"text-xs text-gray-500"},"✅ Ready to use ",e.length," integrated services"))))}},19244:function(e,t,n){var a=n(21598),r=n.n(a),l=n(2607),s=n.n(l)()(r());s.push([e.id,'.floating-toggle {\n  width: fit-content;\n  margin-bottom: 6px;\n  top: 20px;\n  right: 20px;\n  background: #e0f2fe;\n  border-radius: 20px;\n  border: 1px solid #b3e5fc;\n  cursor: pointer;\n  z-index: 1000;\n  transition: all 0.2s ease;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  height: 32px;\n  box-sizing: border-box;\n}\n\n.floating-toggle:hover {\n  background: #b3e5fc;\n  transform: translateY(-1px);\n}\n\n.toggle-icon {\n  font-size: 14px;\n  line-height: 1;\n}\n\n.toggle-text {\n  font-size: 12px;\n  font-weight: 500;\n  color: #0277bd;\n  line-height: 1;\n}\n\n/* Mobile positioning */\n@media (max-width: 768px) {\n  .floating-toggle {\n    top: 15px;\n    right: 15px;\n    height: 30px;\n    padding: 5px 10px;\n  }\n\n  .toggle-icon {\n    font-size: 13px;\n  }\n\n  .toggle-text {\n    font-size: 11px;\n  }\n}\n',""]),t.A=s},20966:function(e,t,n){n.d(t,{A:function(){return l}});var a=n(7378),r=n(46847);function l({coderData:e}){const[t,n]=(0,a.useState)(!1),[l,s]=(0,a.useState)(!1),{code:o,summary:i}=e;const c=o.split("\n").length,m=i.length;return a.createElement("div",{className:"p-3"},a.createElement("div",{className:"max-w-3xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg border border-gray-200 p-3"},a.createElement("div",{className:"flex items-center justify-between mb-3"},a.createElement("h3",{className:"text-sm font-medium text-gray-700 flex items-center gap-2"},a.createElement("span",{className:"text-sm"},"💻"),"Coder Agent"),a.createElement("span",{className:"px-2 py-1 rounded text-xs bg-purple-100 text-purple-700"},"Complete")),a.createElement("div",{className:"mb-3"},a.createElement("div",{className:"flex items-center justify-between mb-2"},a.createElement("span",{className:"text-xs text-gray-600"},"Code (",c," lines)"),a.createElement("button",{onClick:()=>n(!t),className:"text-xs text-purple-600 hover:text-purple-800"},t?"▲ Less":"▼ More")),a.createElement("div",{className:"bg-gray-900 rounded p-2",style:{overflowX:"scroll"}},a.createElement("pre",{className:"text-green-400 text-xs font-mono"},t?o:function(e,t=4){const n=e.split("\n");return n.length<=t?e:n.slice(0,t).join("\n")+"\n..."}(o)))),a.createElement("div",{className:"mb-3"},a.createElement("div",{className:"flex items-center justify-between mb-2"},a.createElement("span",{className:"text-xs text-gray-600"},"Output (",m," chars)"),a.createElement("button",{onClick:()=>s(!l),className:"text-xs text-green-600 hover:text-green-800"},l?"▲ Less":"▼ More")),a.createElement("div",{className:"bg-green-50 rounded p-2 border border-green-200",style:{overflowY:"scroll"}},a.createElement("p",{className:"text-xs text-green-700 leading-relaxed"},a.createElement(r.Ay,null,l?i:function(e,t=400){return e.length<=t?e:e.substring(0,t)+"..."}(i))))),a.createElement("div",{className:"flex gap-3 text-xs text-gray-500"},a.createElement("span",null,"📊 ",c," lines"),a.createElement("span",null,"📝 ",m," chars"),a.createElement("span",null,"🎯 Complete")))))}},27466:function(e,t,n){var a=n(21598),r=n.n(a),l=n(2607),s=n.n(l)()(r());s.push([e.id,"/* Ensure sidebar is fixed from the very left edge */\n.variables-sidebar {\n  position: fixed !important;\n  left: 0 !important;\n  top: 0;\n  bottom: 0;\n  background: white;\n  border-right: 1px solid #e5e7eb;\n  z-index: 1000;\n  display: flex;\n  flex-direction: column;\n  transition: width 0.3s ease, transform 0.3s ease;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);\n  margin: 0;\n  padding: 0;\n}\n\n.variables-sidebar.expanded {\n  width: 320px;\n}\n\n.variables-sidebar.collapsed {\n  /* When collapsed, slide it completely out of view */\n  transform: translateX(-100%);\n}\n\n/* Responsive design */\n@media (max-width: 768px) {\n  .variables-sidebar.expanded {\n    width: 280px;\n  }\n}\n\n@media (max-width: 640px) {\n  .variables-sidebar.expanded {\n    width: 100%;\n    max-width: 300px;\n  }\n  \n  .variables-sidebar.collapsed {\n    transform: translateX(-100%);\n  }\n}\n\n.variables-sidebar-header {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  border-bottom: 1px solid #e5e7eb;\n  gap: 12px;\n  min-height: 64px;\n  flex-wrap: wrap;\n}\n\n.variables-sidebar-toggle {\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  cursor: pointer;\n  color: #64748b;\n  transition: all 0.2s;\n  flex-shrink: 0;\n}\n\n.variables-sidebar-toggle:hover {\n  background: #f8fafc;\n  border-color: #cbd5e1;\n  color: #4e00ec;\n}\n\n.variables-sidebar.collapsed .variables-sidebar-toggle {\n  margin: 0 auto;\n}\n\n.variables-sidebar-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1e293b;\n  flex: 1;\n}\n\n.variables-sidebar-title svg {\n  color: #4e00ec;\n}\n\n.variables-count {\n  background: #4e00ec;\n  color: white;\n  font-size: 12px;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 12px;\n  margin-left: auto;\n}\n\n.variables-history-select {\n  width: 100%;\n  padding: 6px 10px;\n  font-size: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: 6px;\n  background: white;\n  color: #1e293b;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-top: 8px;\n}\n\n.variables-history-select:hover {\n  border-color: #cbd5e1;\n  background: #f8fafc;\n}\n\n.variables-history-select:focus {\n  outline: none;\n  border-color: #4e00ec;\n  box-shadow: 0 0 0 3px rgba(78, 0, 236, 0.1);\n}\n\n.variables-history-info {\n  padding: 10px 12px;\n  background: #f8fafc;\n  border-bottom: 1px solid #e5e7eb;\n  font-size: 12px;\n  color: #64748b;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.history-count {\n  font-weight: 600;\n  color: #4e00ec;\n}\n\n.variables-sidebar-content {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.variables-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n}\n\n.variable-item {\n  background: #f8fafc;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  padding: 12px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.variable-item:hover {\n  background: #f1f5f9;\n  border-color: #cbd5e1;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(78, 0, 236, 0.1);\n}\n\n.variable-item:active {\n  transform: translateY(0);\n}\n\n.variable-item-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 6px;\n}\n\n.variable-name {\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 13px;\n  font-weight: 600;\n  color: #4e00ec;\n  background: white;\n  padding: 2px 6px;\n  border-radius: 4px;\n  border: 1px solid #e5dbff;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.variable-type {\n  font-size: 11px;\n  font-weight: 500;\n  color: #64748b;\n  background: white;\n  padding: 2px 6px;\n  border-radius: 4px;\n  border: 1px solid #e5e7eb;\n  flex-shrink: 0;\n}\n\n.variable-description {\n  font-size: 12px;\n  color: #64748b;\n  line-height: 1.4;\n  margin-bottom: 6px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.variable-meta {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 6px;\n}\n\n.variable-count {\n  font-size: 11px;\n  color: #64748b;\n  background: white;\n  padding: 2px 6px;\n  border-radius: 4px;\n  border: 1px solid #e5e7eb;\n}\n\n.variable-preview {\n  font-size: 12px;\n  color: #475569;\n  background: white;\n  padding: 6px 8px;\n  border-radius: 4px;\n  border: 1px solid #e5e7eb;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 1.4;\n}\n\n/* Scrollbar styling */\n.variables-sidebar-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.variables-sidebar-content::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.variables-sidebar-content::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 3px;\n}\n\n.variables-sidebar-content::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n/* Animation */\n@keyframes slideIn {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n.variables-sidebar {\n  animation: slideIn 0.3s ease-out;\n}\n\n/* Floating toggle button when sidebar is collapsed */\n.variables-sidebar-floating-toggle {\n  position: fixed;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px;\n  height: 64px;\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-left: none;\n  border-radius: 0 8px 8px 0;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  z-index: 999;\n  transition: all 0.2s;\n  color: #64748b;\n}\n\n.variables-sidebar-floating-toggle:hover {\n  background: #f8fafc;\n  color: #4e00ec;\n  box-shadow: 2px 0 12px rgba(78, 0, 236, 0.2);\n}\n\n.variables-floating-count {\n  font-size: 11px;\n  font-weight: 600;\n  background: #4e00ec;\n  color: white;\n  padding: 2px 6px;\n  border-radius: 10px;\n  min-width: 20px;\n  text-align: center;\n}\n\n.no-variables-message {\n  padding: 24px 16px;\n  text-align: center;\n  color: #64748b;\n  background: #f8fafc;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  margin: 12px;\n}\n\n.no-variables-message p {\n  margin: 0 0 8px 0;\n  font-size: 14px;\n}\n\n.no-variables-message p:last-child {\n  margin-bottom: 0;\n  font-size: 12px;\n  color: #94a3b8;\n}\n\n",""]),t.A=s},34046:function(e,t,n){n.d(t,{BI:function(){return c}});var a=n(48810),r=n(12960),l=n(61994);const s=()=>Date.now().toString();function o(e){switch(e.event){case"__interrupt__":return;case"Stopped":return window.aiSystemInterface&&window.aiSystemInterface.stopProcessing(),e.data;default:return e.data}}const i=async(e,t,n,a,r="user_defined")=>{if(window.aiSystemInterface&&"user_defined"===r)try{window.aiSystemInterface.addStep(n,a)}catch(e){}else if("text"===r){const r={id:t+n,response_type:"text",text:"string"==typeof a?a:JSON.stringify(a)};await e.messaging.addMessage({message_options:{response_user_profile:l.c},output:{generic:[r]}})}},c=async(e,t,n=null,c)=>{const m=new AbortController;r.x.setAbortController(m);let d=!1,p="workflow_"+s();r.x.setStreaming(!0),m.signal.addEventListener("abort",()=>{});try{return m.signal.aborted||m.signal.aborted?"":(d=!0,await(u=300,g=m.signal,new Promise((e,t)=>{if(g.aborted)return void t(new Error("Aborted"));const n=setTimeout(()=>{e()},u),a=()=>{clearTimeout(n),t(new Error("Aborted"))};g.addEventListener("abort",a,{once:!0})})),m.signal.aborted||(await(0,a.y)(`${l.JR}/stream`,{headers:{"Content-Type":"application/json",...c?{"X-Thread-ID":c}:{}},method:"POST",body:t?JSON.stringify({query:t}):JSON.stringify(n),signal:m.signal,async onopen(e){m.signal.aborted},async onmessage(t){if(m.signal.aborted)return;let n=o(t);if(n){let a=t.event;await i(e,p,a,n,"user_defined")}m.signal.aborted},async onclose(){},async onerror(t){m.signal.aborted||d&&await i(e,p,"error",`An error occurred during processing: ${t.message}`,"text")}}),m.signal.aborted),"")}catch(t){if("AbortError"===t.name||"Aborted"===t.message||m.signal.aborted)return d&&await i(e,p,"stopped",'<div style="background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); border-radius: 8px; padding: 12px 16px; color: white; text-align: center; box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3); margin: 8px 0; display: flex; align-items: center; justify-content: center; gap: 8px;"><div style="font-size: 1.2rem;">⏹</div><div><div style="font-size: 0.9rem; font-weight: 600; margin: 0;">Processing Stopped</div><div style="font-size: 0.75rem; opacity: 0.9; margin: 0;">Stopped by user</div></div></div>',"text"),"";throw d&&(await i(e,p,"error",`❌ An error occurred: ${t.message}`,"text"),window.aiSystemInterface&&window.aiSystemInterface.setProcessingComplete&&window.aiSystemInterface.setProcessingComplete(!0)),t}finally{r.x.setStreaming(!1),r.x.setAbortController(null)}var u,g}},40362:function(e,t,n){n.d(t,{A:function(){return s}});var a=n(7378),r=n(83281),l=n(77767);n(33802);function s({onClose:e}){const[t,n]=(0,a.useState)({services:[],mcpServers:{},apps:[],appTools:{}}),[s,o]=(0,a.useState)("apps"),[i,c]=(0,a.useState)("idle"),[m,d]=(0,a.useState)(!1);(0,a.useEffect)(()=>{p()},[]);const p=async()=>{d(!0);try{const e=await fetch("/api/config/tools");let t={services:[],mcpServers:{},apps:[],appTools:{}};if(e.ok){const n=await e.json();t={...t,services:n.services||[],mcpServers:n.mcpServers||{}}}const a=await fetch("/api/apps");if(a.ok){const e=(await a.json()).apps||[];t.apps=e;const n={};for(const t of e)try{const e=await fetch(`/api/apps/${t.name}/tools`);if(e.ok){const a=await e.json();n[t.name]=a.tools||[]}}catch(e){n[t.name]=[]}t.appTools=n}n(t)}catch(e){}finally{d(!1)}},u=(e,a,r)=>{n({...t,mcpServers:{...t.mcpServers,[e]:{...t.mcpServers?.[e],[a]:r}}})};return a.createElement("div",{className:"config-modal-overlay",onClick:e},a.createElement("div",{className:"config-modal",onClick:e=>e.stopPropagation()},a.createElement("div",{className:"config-modal-header"},a.createElement("h2",null,"Tools Configuration"),a.createElement("button",{className:"config-modal-close",onClick:e},a.createElement(r.X,{size:20}))),a.createElement("div",{className:"config-modal-tabs"},a.createElement("button",{className:"config-tab "+("apps"===s?"active":""),onClick:()=>o("apps")},"Apps & Tools"),a.createElement("button",{className:"config-tab "+("mcpServers"===s?"active":""),onClick:()=>o("mcpServers")},"MCP Servers"),a.createElement("button",{className:"config-tab "+("services"===s?"active":""),onClick:()=>o("services")},"Services")),a.createElement("div",{className:"config-modal-toolbar"},a.createElement("button",{className:"toolbar-btn",onClick:()=>{const e=document.createElement("input");e.type="file",e.accept=".yaml,.yml",e.onchange=async e=>{const t=e.target.files?.[0];if(t){const e=await t.text();try{const t=l.Ay.load(e);n(t)}catch(e){alert("Failed to parse YAML file")}}},e.click()},disabled:!0,title:"Import disabled"},a.createElement(r._OO,{size:14}),"Import YAML"),a.createElement("button",{className:"toolbar-btn",onClick:()=>{const e=l.Ay.dump(t),n=new Blob([e],{type:"text/yaml"}),a=URL.createObjectURL(n),r=document.createElement("a");r.href=a,r.download="mcp_servers_config.yaml",r.click(),URL.revokeObjectURL(a)},disabled:!0,title:"Export disabled"},a.createElement(r.f5X,{size:14}),"Export YAML")),a.createElement("div",{className:"config-modal-content"},"apps"===s&&a.createElement("div",{className:"apps-section"},a.createElement("div",{className:"section-header"},a.createElement("h3",null,"Available Apps & Tools"),m&&a.createElement("span",{className:"loading-text"},"Loading...")),0!==(t.apps||[]).length||m?a.createElement("div",{className:"apps-grid"},(t.apps||[]).map(e=>a.createElement("div",{key:e.name,className:"app-card"},a.createElement("div",{className:"app-header"},a.createElement("h4",null,e.name),a.createElement("span",{className:`app-type ${e.type}`},e.type)),a.createElement("p",{className:"app-description"},e.description||"No description available"),e.url&&a.createElement("p",{className:"app-url"},e.url),a.createElement("div",{className:"app-tools"},a.createElement("h5",null,"Available Tools (",(t.appTools?.[e.name]||[]).length,")"),0===(t.appTools?.[e.name]||[]).length?a.createElement("p",{className:"no-tools"},"No tools available"):a.createElement("div",{className:"tools-list"},(t.appTools?.[e.name]||[]).map((e,t)=>a.createElement("div",{key:t,className:"tool-item"},a.createElement("span",{className:"tool-name"},e.name),a.createElement("span",{className:"tool-description"},e.description||"No description")))))))):a.createElement("div",{className:"empty-state"},a.createElement("p",null,"No apps available. Make sure the registry service is running."))),"mcpServers"===s&&a.createElement("div",{className:"mcp-servers-section"},a.createElement("div",{className:"section-header"},a.createElement("h3",null,"MCP Servers"),a.createElement("button",{className:"add-btn",onClick:()=>{const e=prompt("Enter MCP server name:");e&&!t.mcpServers?.[e]&&n({...t,mcpServers:{...t.mcpServers,[e]:{command:"uv",args:[],transport:"stdio",description:"",env:{}}}})},disabled:!0,title:"Add server disabled"},a.createElement(r.FWt,{size:16}),"Add Server")),Object.entries(t.mcpServers||{}).map(([e,l])=>a.createElement("div",{key:e,className:"config-card"},a.createElement("div",{className:"config-card-header"},a.createElement("h4",null,e),a.createElement("button",{className:"delete-btn",onClick:()=>(e=>{const{[e]:a,...r}=t.mcpServers||{};n({...t,mcpServers:r})})(e),disabled:!0,title:"Delete disabled"},a.createElement(r.TBR,{size:16}))),a.createElement("div",{className:"config-form"},a.createElement("div",{className:"form-group"},a.createElement("label",null,"Description"),a.createElement("textarea",{value:l.description||"",onChange:t=>u(e,"description",t.target.value),rows:2,placeholder:"Server description...",disabled:!0})),a.createElement("div",{className:"form-row"},a.createElement("div",{className:"form-group"},a.createElement("label",null,"Command"),a.createElement("input",{type:"text",value:l.command||"",onChange:t=>u(e,"command",t.target.value),placeholder:"e.g., uv, python, node",disabled:!0})),a.createElement("div",{className:"form-group"},a.createElement("label",null,"Transport"),a.createElement("select",{value:l.transport||"stdio",onChange:t=>u(e,"transport",t.target.value),disabled:!0},a.createElement("option",{value:"stdio"},"stdio"),a.createElement("option",{value:"sse"},"sse")))),"sse"!==l.transport&&a.createElement("div",{className:"form-group"},a.createElement("div",{className:"form-group-header"},a.createElement("label",null,"Arguments"),a.createElement("button",{className:"add-small-btn",onClick:()=>(e=>{const n=t.mcpServers?.[e],a=[...n?.args||[],""];u(e,"args",a)})(e),disabled:!0,title:"Add argument disabled"},a.createElement(r.FWt,{size:12}),"Add Arg")),a.createElement("div",{className:"args-list"},(l.args||[]).map((n,l)=>a.createElement("div",{key:l,className:"arg-item"},a.createElement("input",{type:"text",value:n,onChange:n=>((e,n,a)=>{const r=t.mcpServers?.[e],l=[...r?.args||[]];l[n]=a,u(e,"args",l)})(e,l,n.target.value),placeholder:"Argument",disabled:!0}),a.createElement("button",{className:"remove-btn",onClick:()=>((e,n)=>{const a=t.mcpServers?.[e],r=(a?.args||[]).filter((e,t)=>t!==n);u(e,"args",r)})(e,l),disabled:!0,title:"Remove disabled"},a.createElement(r.X,{size:14})))))),"sse"===l.transport&&a.createElement("div",{className:"form-group"},a.createElement("label",null,"URL"),a.createElement("input",{type:"text",value:l.url||"",onChange:t=>u(e,"url",t.target.value),placeholder:"http://localhost:8000/sse",disabled:!0})),a.createElement("div",{className:"form-group"},a.createElement("div",{className:"form-group-header"},a.createElement("label",null,"Environment Variables"),a.createElement("button",{className:"add-small-btn",onClick:()=>(e=>{const n=prompt("Enter environment variable name:");if(n){const a=t.mcpServers?.[e];u(e,"env",{...a?.env||{},[n]:""})}})(e),disabled:!0,title:"Add environment variable disabled"},a.createElement(r.FWt,{size:12}),"Add Env")),a.createElement("div",{className:"env-list"},Object.entries(l.env||{}).map(([n,l])=>a.createElement("div",{key:n,className:"env-item"},a.createElement("span",{className:"env-key"},n),a.createElement("input",{type:"text",value:l,onChange:a=>((e,n,a)=>{const r=t.mcpServers?.[e];u(e,"env",{...r?.env||{},[n]:a})})(e,n,a.target.value),placeholder:"Value",disabled:!0}),a.createElement("button",{className:"remove-btn",onClick:()=>((e,n)=>{const a=t.mcpServers?.[e],{[n]:r,...l}=a?.env||{};u(e,"env",l)})(e,n),disabled:!0,title:"Remove disabled"},a.createElement(r.X,{size:14}))))))))),0===Object.keys(t.mcpServers||{}).length&&a.createElement("div",{className:"empty-state"},a.createElement("p",null,'No MCP servers configured. Click "Add Server" to get started.'))),"services"===s&&a.createElement("div",{className:"services-section"},a.createElement("div",{className:"section-header"},a.createElement("h3",null,"OpenAPI Services"),m&&a.createElement("span",{className:"loading-text"},"Loading...")),0!==(t.services||[]).length||m?a.createElement("div",{className:"services-list"},(t.services||[]).map((e,t)=>{const n=Object.keys(e)[0],r=e[n];return a.createElement("div",{key:t,className:"config-card"},a.createElement("div",{className:"config-card-header"},a.createElement("h4",null,n),a.createElement("span",{className:"service-badge"},"OpenAPI")),a.createElement("div",{className:"config-form"},a.createElement("div",{className:"form-group"},a.createElement("label",null,"Description"),a.createElement("p",{className:"service-description"},r.description||"No description available")),a.createElement("div",{className:"form-group"},a.createElement("label",null,"OpenAPI URL"),a.createElement("p",{className:"service-url"},r.url))))})):a.createElement("div",{className:"empty-state"},a.createElement("p",null,"No services configured. Services are defined in the YAML configuration file.")))),a.createElement("div",{className:"config-modal-footer"},a.createElement("button",{className:"cancel-btn",onClick:e},"Close"),a.createElement("button",{className:`save-btn ${i}`,onClick:async()=>{c("saving");try{(await fetch("/api/config/tools",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).ok?(c("success"),setTimeout(()=>c("idle"),2e3)):(c("error"),setTimeout(()=>c("idle"),2e3))}catch(e){c("error"),setTimeout(()=>c("idle"),2e3)}},disabled:!0,title:"Save disabled - read-only mode"},a.createElement(r.eMP,{size:16}),"Save Changes"))))}},40590:function(e,t,n){n.d(t,{A:function(){return r}});var a=n(7378);function r({shortlisterData:e}){const[t,n]=(0,a.useState)(!1),[r,l]=(0,a.useState)(!1),{thoughts:s,result:o}=e,i=r?o:o.slice(0,2),c=o.length-2;function m(e){return e>=.95?"bg-green-100 text-green-800 border-green-300":e>=.9?"bg-blue-100 text-blue-800 border-blue-300":e>=.8?"bg-yellow-100 text-yellow-800 border-yellow-300":"bg-gray-100 text-gray-800 border-gray-300"}return a.createElement("div",{className:"p-3"},a.createElement("div",{className:"max-w-4xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg border border-gray-200 p-3"},a.createElement("div",{className:"flex items-center justify-between mb-3"},a.createElement("h3",{className:"text-sm font-medium text-gray-700 flex items-center gap-2"},a.createElement("span",{className:"text-sm"},"🔍"),"API Shortlist"),a.createElement("span",{className:"px-2 py-1 rounded text-xs bg-purple-100 text-purple-700"},o.length," APIs selected")),a.createElement("div",{className:"space-y-2 mb-3"},i.map((e,t)=>{return a.createElement("div",{key:t,className:"border rounded p-2 hover:shadow-sm transition-shadow"},a.createElement("div",{className:"flex items-start justify-between mb-2"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-sm"},(n=e.relevance_score)>=.95?"🎯":n>=.9?"✅":n>=.8?"👍":"📝"),a.createElement("div",null,a.createElement("h4",{className:"font-medium text-gray-800 text-xs"},function(e,t=30){return e.length<=t?e:e.substring(0,t)+"..."}(e.name,25)),a.createElement("div",{className:"flex items-center gap-2 mt-1"},a.createElement("span",{className:`px-1.5 py-0.5 rounded text-xs font-medium ${m(e.relevance_score)}`},(100*e.relevance_score).toFixed(0),"%"),a.createElement("span",{className:"text-xs text-gray-500"},"#",t+1))))),a.createElement("p",{className:"text-xs text-gray-600 leading-relaxed pl-5"},e.reasoning));var n})),o.length>2&&a.createElement("div",{className:"text-center mb-3"},a.createElement("button",{onClick:()=>l(!r),className:"px-3 py-1 bg-gray-100 hover:bg-gray-200 text-gray-700 rounded text-xs font-medium transition-colors flex items-center gap-1 mx-auto"},a.createElement("span",null,r?"Show less":`Show ${c} more`),a.createElement("span",{className:"text-xs"},r?"▲":"▼"))),a.createElement("div",{className:"grid grid-cols-3 gap-2 mb-3"},a.createElement("div",{className:"text-center p-2 bg-green-50 rounded"},a.createElement("div",{className:"text-sm font-bold text-green-700"},o.filter(e=>e.relevance_score>=.95).length),a.createElement("div",{className:"text-xs text-green-600"},"High Priority")),a.createElement("div",{className:"text-center p-2 bg-blue-50 rounded"},a.createElement("div",{className:"text-sm font-bold text-blue-700"},(o.reduce((e,t)=>e+t.relevance_score,0)/o.length*100).toFixed(0),"%"),a.createElement("div",{className:"text-xs text-blue-600"},"Avg Score")),a.createElement("div",{className:"text-center p-2 bg-purple-50 rounded"},a.createElement("div",{className:"text-sm font-bold text-purple-700"},o.length),a.createElement("div",{className:"text-xs text-purple-600"},"APIs Found"))),a.createElement("div",{className:"border-t border-gray-100 pt-2"},a.createElement("div",{className:"flex items-center justify-between"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-xs text-gray-400"},"💭"),a.createElement("span",{className:"text-xs text-gray-500"},"Analysis (",s.length,")"),a.createElement("button",{onClick:()=>n(!t),className:"text-xs text-gray-400 hover:text-gray-600"},t?"▲":"▼"))),!t&&a.createElement("p",{className:"text-xs text-gray-400 italic mt-1"},function(e,t=120){const n=e[0]||"";return n.length<=t?n:n.substring(0,t)+"..."}(s,80)),t&&a.createElement("div",{className:"mt-2 space-y-1"},s.map((e,t)=>a.createElement("div",{key:t,className:"flex items-start gap-2"},a.createElement("span",{className:"text-xs text-gray-300 mt-0.5 font-mono"},t+1,"."),a.createElement("p",{className:"text-xs text-gray-500 leading-relaxed"},e))))))))}},42718:function(e,t,n){n.d(t,{A:function(){return l}});var a=n(7378),r=n(46847);function l({title:e,content:t,maxLength:n=600}){const[l,s]=(0,a.useState)(!1),o=e,i=t,c=i.length>n,m=l||!c?i:i.substring(0,n)+"...";return a.createElement("div",{className:"p-4"},a.createElement("div",{className:"max-w-4xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg shadow-md border p-6"},a.createElement("div",{className:"mb-4"},a.createElement("h2",{className:"text-xl font-bold text-gray-800 flex items-center gap-2"},a.createElement("span",{className:"text-2xl"},"📄"),o)),a.createElement("div",{className:"mb-4",style:{overflowY:"scroll"}},a.createElement("p",{className:"text-gray-700 leading-relaxed text-sm"},a.createElement(r.Ay,null,m))),c&&a.createElement("div",{className:"flex justify-center"},a.createElement("button",{onClick:()=>s(!l),className:"px-4 py-2 bg-blue-100 hover:bg-blue-200 text-blue-800 rounded-lg text-sm font-medium transition-colors flex items-center gap-2"},a.createElement("span",null,l?"Show less":"Read more"),a.createElement("span",{className:"text-xs"},l?"▲":"▼"))))))}},43905:function(e,t,n){n.d(t,{d:function(){return a}});const a=[{text:"From the list of emails in the file contacts.txt, please filter those who exist in the CRM application. For the filtered contacts, retrieve their name and their associated account name, and calculate their account's revenue percentile across all accounts. Finally, draft a an email based on email_template.md template summarizing the result and show it to me",reason:"Multi-step workflow: file reading, API filtering, data analysis, and content generation"},{text:"from contacts.txt show me which users belong to the crm system",reason:"Iterative task execution with dynamic followup planning"},{text:"./cuga_workspace/cuga_playbook.md",reason:"Driving agent behavior from playbooks: learn how CUGA uses tools and variables in this demo"},{text:"What is CUGA?",reason:"CUGA answers questions about itself from documentation"}]},50693:function(e,t,n){n.d(t,{A:function(){return r}});var a=n(7378);function r({qaData:e}){const[t,n]=(0,a.useState)(!1),[r,l]=(0,a.useState)(!1),{thoughts:s,name:o,answer:i}=e;const c=i.length>500;return a.createElement("div",{className:"p-3"},a.createElement("div",{className:"max-w-4xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg border border-gray-200 p-3"},a.createElement("div",{className:"flex items-center justify-between mb-3"},a.createElement("h3",{className:"text-sm font-medium text-gray-700 flex items-center gap-2"},a.createElement("span",{className:"text-sm"},"🔍"),"QA Agent Response"),a.createElement("span",{className:"px-2 py-1 rounded text-xs bg-emerald-100 text-emerald-700"},"Analysis Complete")),a.createElement("div",{className:"mb-3"},a.createElement("div",{className:"flex items-center gap-2 mb-1"},a.createElement("span",{className:"text-xs text-gray-500"},"Question:")),a.createElement("h4",{className:"font-medium text-gray-800 text-xs bg-gray-50 rounded p-2 border"},o)),a.createElement("div",{className:"mb-3 border rounded p-2 hover:shadow-sm transition-shadow"},a.createElement("div",{className:"flex items-start justify-between mb-2"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-sm"},function(e){return e.length<50?"💡":e.length<200?"📝":"📄"}(i)),a.createElement("div",null,a.createElement("span",{className:"text-xs font-medium text-gray-700"},"Answer"),a.createElement("div",{className:"flex items-center gap-2 mt-1"},a.createElement("span",{className:`px-1.5 py-0.5 rounded text-xs font-medium ${function(e){return e.length<50?"bg-green-100 text-green-800 border-green-300":e.length<200?"bg-blue-100 text-blue-800 border-blue-300":"bg-purple-100 text-purple-800 border-purple-300"}(i)}`},i.length," chars"),a.createElement("span",{className:"text-xs text-gray-500"},i.split(" ").length," words"))))),a.createElement("div",{className:"pl-5"},a.createElement("div",{className:"bg-blue-50 border border-blue-200 rounded p-2"},a.createElement("p",{className:"text-xs text-gray-700 leading-relaxed font-mono whitespace-pre-wrap"},r?i:function(e){const t=function(e,t=500){return e.length<=t?e:e.substring(0,t)+"..."}(e,500);return t}(i)),c&&a.createElement("div",{className:"mt-2 text-center"},a.createElement("button",{onClick:()=>l(!r),className:"px-2 py-1 bg-blue-100 hover:bg-blue-200 text-blue-700 rounded text-xs font-medium transition-colors flex items-center gap-1 mx-auto"},r?a.createElement(a.Fragment,null,a.createElement("span",null,"Show less"),a.createElement("span",{className:"text-xs"},"▲")):a.createElement(a.Fragment,null,a.createElement("span",null,"Show full answer"),a.createElement("span",{className:"text-xs"},"▼"))))))),a.createElement("div",{className:"grid grid-cols-3 gap-2 mb-3"},a.createElement("div",{className:"text-center p-2 bg-blue-50 rounded"},a.createElement("div",{className:"text-sm font-bold text-blue-700"},s.length),a.createElement("div",{className:"text-xs text-blue-600"},"Analysis Steps")),a.createElement("div",{className:"text-center p-2 bg-green-50 rounded"},a.createElement("div",{className:"text-sm font-bold text-green-700"},i.length),a.createElement("div",{className:"text-xs text-green-600"},"Answer Length")),a.createElement("div",{className:"text-center p-2 bg-purple-50 rounded"},a.createElement("div",{className:"text-sm font-bold text-purple-700"},i.split(" ").length),a.createElement("div",{className:"text-xs text-purple-600"},"Words"))),a.createElement("div",{className:"border-t border-gray-100 pt-2"},a.createElement("div",{className:"flex items-center justify-between"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-xs text-gray-400"},"💭"),a.createElement("span",{className:"text-xs text-gray-500"},"QA Analysis (",s.length,")"),a.createElement("button",{onClick:()=>n(!t),className:"text-xs text-gray-400 hover:text-gray-600"},t?"▲":"▼"))),!t&&a.createElement("p",{className:"text-xs text-gray-400 italic mt-1"},function(e,t=120){const n=e[0]||"";return n.length<=t?n:n.substring(0,t)+"..."}(s,80)),t&&a.createElement("div",{className:"mt-2 space-y-1"},s.map((e,t)=>a.createElement("div",{key:t,className:"flex items-start gap-2"},a.createElement("span",{className:"text-xs text-gray-300 mt-0.5 font-mono"},t+1,"."),a.createElement("p",{className:"text-xs text-gray-500 leading-relaxed"},e))))))))}},52306:function(){let e=0;const t=window.fetch;window.fetch=function(...n){const[a]=n;if(("string"==typeof a?a:a.url).includes("/api/workspace/tree")){const t=Date.now(),n=t-e;if(n<3e3){const e=3e3-n;return Promise.reject(new Error(`Workspace API call throttled. Wait ${e}ms before retrying.`))}e=t}return t.apply(this,n)}},61994:function(e,t,n){n.d(t,{JR:function(){return r},c:function(){return a}});const a={id:"ai-chatbot-user",userName:"CUGA",fullName:"CUGA Agent",displayName:"CUGA",accountName:"CUGA Agent",replyToId:"ai-chatbot-user",userType:n(55883).ut.BOT},r=(()=>{if("undefined"!=typeof window){const e=window.location.hostname;if("localhost"!==e&&"127.0.0.1"!==e)return window.location.origin}return"undefined"!=typeof process&&process?.env?.REACT_APP_API_URL?process.env.REACT_APP_API_URL:"http://localhost:7860"})()},64651:function(e,t,n){n.d(t,{A:function(){return l}});var a=n(7378),r=n(83281);function l({toolData:e}){const t=e;return a.createElement("div",{className:"p-4"},a.createElement("div",{className:"max-w-4xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg shadow-md border p-4"},a.createElement("div",{className:"flex items-center gap-3 mb-4"},"run_new_flow"!=t.name&&a.createElement("div",{className:"flex items-center gap-2"},a.createElement(r.ekZ,{className:"w-5 h-5 text-emerald-600"}),a.createElement(r.rAV,{className:"w-4 h-4 text-emerald-500"})),a.createElement("h2",{className:"text-lg font-semibold text-gray-800"})),a.createElement("div",{className:"space-y-4"},a.createElement("div",{className:"bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-4 border border-blue-100"},a.createElement("div",{className:"flex items-center gap-2 mb-2"},a.createElement(r.wB_,{className:"w-4 h-4 text-blue-600"}),a.createElement("span",{className:"text-sm font-medium text-blue-800"},"Flow Name")),a.createElement("div",{className:"font-mono text-lg font-semibold text-blue-900 bg-white px-3 py-2 rounded border"},t.name)),a.createElement("div",{className:"bg-gradient-to-r from-green-50 to-emerald-50 rounded-lg p-4 border border-green-100"},a.createElement("div",{className:"flex items-center gap-2 mb-3"},a.createElement(r.WmV,{className:"w-4 h-4 text-green-600"}),a.createElement("span",{className:"text-sm font-medium text-green-800"},"Inputs")),a.createElement("div",{className:"space-y-2"},Object.entries(t.args).map(([e,t])=>a.createElement("div",{key:e,className:"bg-white rounded border p-3 flex items-center gap-3"},((e,t)=>"number"==typeof t?a.createElement(r.VwU,{className:"w-3 h-3 text-blue-500"}):"string"==typeof t?a.createElement(r.ZUJ,{className:"w-3 h-3 text-green-500"}):a.createElement(r.WmV,{className:"w-3 h-3 text-gray-500"}))(0,t),a.createElement("div",{className:"flex-1"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"font-mono text-sm font-semibold text-gray-700"},e,":"),a.createElement("span",{className:"font-mono text-sm text-gray-900 bg-gray-50 px-2 py-1 rounded"},(e=>"string"==typeof e?`"${e}"`:String(e))(t)))),a.createElement("div",{className:"text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded"},typeof t))))),"run_new_flow"!=t.name&&a.createElement("div",{className:"flex items-center justify-between pt-2 border-t border-gray-100"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement(r.rAV,{className:"w-4 h-4 text-emerald-500"}),a.createElement("span",{className:"text-sm text-gray-600"},"Verified and trusted flow")),a.createElement("button",{className:"flex items-center gap-2 px-3 py-1.5 text-sm text-blue-600 hover:text-blue-700 hover:bg-blue-50 rounded-md transition-colors duration-200 border border-blue-200 hover:border-blue-300",onClick:()=>{try{window.open(`${API_BASE_URL}/flows/flow.html`,"_blank")}catch(e){alert("Local server not running. Please start your development server.")}}},a.createElement("span",null,"Flow explained"),a.createElement(r.GrD,{className:"w-3 h-3"})))))))}},65818:function(e,t,n){n.d(t,{G:function(){return h}});var a=n(7378),r=n(83281),l=n(67733),s=n.n(l),o=n(48034),i=n.n(o),c=n(62562),m=n.n(c),d=n(39805),p=n.n(d),u=n(57577),g=n.n(u),b=n(79062),x=n.n(b),f=n(93784),v={};v.styleTagTransform=x(),v.setAttributes=p(),v.insert=m().bind(null,"head"),v.domAPI=i(),v.insertStyleElement=g();s()(f.A,v),f.A&&f.A.locals&&f.A.locals;function h({isOpen:e,onToggle:t,highlightedFile:l}){const[s,o]=(0,a.useState)([]),[i,c]=(0,a.useState)(new Set),[m,d]=(0,a.useState)(null),[p,u]=(0,a.useState)(!1),[g,b]=(0,a.useState)(null),[x,f]=(0,a.useState)(null),[v,h]=(0,a.useState)(!1),E=(0,a.useCallback)(async()=>{try{b(null);const{workspaceService:e}=await n.e(9135).then(n.bind(n,39135)),t=await e.getWorkspaceTree();o(t.tree||[])}catch(e){b("Error loading workspace")}},[]);(0,a.useEffect)(()=>{if(e){E();const e=setInterval(E,15e3);return()=>clearInterval(e)}},[e,E]);const y=async e=>{if("directory"===e.type)return void(e=>{const t=new Set(i);t.has(e)?t.delete(e):t.add(e),c(t)})(e.path);if([".txt",".md",".json",".yaml",".yml",".log",".csv",".html",".css",".js",".ts",".py"].some(t=>e.name.toLowerCase().endsWith(t))){u(!0);try{const t=await fetch(`/api/workspace/file?path=${encodeURIComponent(e.path)}`);if(t.ok){const n=await t.json();d({path:e.path,content:n.content,name:e.name})}else alert("Failed to load file")}catch(e){alert("Error loading file")}finally{u(!1)}}else alert("Only text and markdown files can be previewed")},N=async(e,t)=>{try{const n=await fetch(`/api/workspace/download?path=${encodeURIComponent(e)}`);if(n.ok){const e=await n.blob(),a=window.URL.createObjectURL(e),r=document.createElement("a");r.href=a,r.download=t,document.body.appendChild(r),r.click(),window.URL.revokeObjectURL(a),document.body.removeChild(r)}else alert("Failed to download file")}catch(e){alert("Error downloading file")}},w=(e,t=0)=>e.map(e=>a.createElement("div",{key:e.path,style:{marginLeft:16*t+"px"}},a.createElement("div",{className:`file-tree-item ${"directory"===e.type?"directory":"file"} ${l===e.path?"highlighted":""}`,onClick:()=>y(e)},"directory"===e.type?a.createElement(a.Fragment,null,i.has(e.path)?a.createElement(r.yQN,{size:16,className:"folder-icon"}):a.createElement(r.c_$,{size:16,className:"folder-icon"}),a.createElement(r.vdG,{size:16,className:"item-icon"})):a.createElement(a.Fragment,null,a.createElement("span",{className:"folder-icon-spacer"}),a.createElement(r.ZHH,{size:16,className:"item-icon"})),a.createElement("span",{className:"item-name"},e.name),"file"===e.type&&a.createElement("div",{className:"file-actions"},a.createElement("button",{className:"download-icon-btn",onClick:t=>{t.stopPropagation(),N(e.path,e.name)},title:"Download file"},a.createElement(r.f5X,{size:14})))),"directory"===e.type&&i.has(e.path)&&e.children&&a.createElement("div",{className:"folder-children"},w(e.children,t+1))));return a.createElement(a.Fragment,null,a.createElement("div",{className:`workspace-panel ${e?"open":"closed"} ${v?"drag-over":""}`,onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragLeave:e=>{e.preventDefault(),e.stopPropagation()},onDragOver:e=>{e.preventDefault(),e.stopPropagation()},onDrop:async e=>{e.preventDefault(),e.stopPropagation()}},a.createElement("div",{className:"workspace-panel-header"},a.createElement("div",{className:"workspace-panel-title"},a.createElement(r.vdG,{size:18}),a.createElement("span",null,"Workspace"),a.createElement("div",{className:"workspace-info-tooltip-wrapper",onClick:e=>e.stopPropagation(),onMouseEnter:e=>e.stopPropagation()},a.createElement(r.R2D,{size:16,className:"info-icon"}),a.createElement("div",{className:"workspace-info-tooltip"},"This is the CUGA workspace. Tag files directly from your working directory using ",a.createElement("code",null,"@")))),a.createElement("div",{className:"workspace-panel-actions"},a.createElement("button",{className:"workspace-refresh-btn",onClick:E,title:"Refresh"},a.createElement(r.e9t,{size:16})),a.createElement("button",{className:"workspace-close-btn",onClick:t,title:"Close"},a.createElement(r.c_$,{size:18})))),a.createElement("div",{className:"workspace-panel-content"},g?a.createElement("div",{className:"workspace-error"},a.createElement("p",null,g),a.createElement("button",{onClick:E},"Retry")):0===s.length?a.createElement("div",{className:"workspace-empty"},a.createElement(r.vdG,{size:48,className:"empty-icon"}),a.createElement("p",null,"Workspace is empty"),a.createElement("small",null,"Files created by agents will appear here")):a.createElement("div",{className:"file-tree"},w(s)))),!e&&a.createElement("button",{className:"workspace-toggle-btn",onClick:t,title:"Open Workspace"},a.createElement(r.vdG,{size:18})),m&&a.createElement("div",{className:"file-viewer-overlay",onClick:()=>d(null)},a.createElement("div",{className:"file-viewer-modal",onClick:e=>e.stopPropagation()},a.createElement("div",{className:"file-viewer-header"},a.createElement("div",{className:"file-viewer-title"},a.createElement(r.iUU,{size:18}),a.createElement("span",null,m.name)),a.createElement("div",{className:"file-viewer-actions"},a.createElement("button",{className:"file-viewer-btn",onClick:()=>N(m.path,m.name)},a.createElement(r.f5X,{size:16}),"Download"),a.createElement("button",{className:"file-viewer-close",onClick:()=>d(null)},a.createElement(r.X,{size:18})))),a.createElement("div",{className:"file-viewer-content"},a.createElement("pre",null,m.content)))),p&&a.createElement("div",{className:"workspace-loading-overlay"},a.createElement("div",{className:"workspace-spinner"})))}},69389:function(e,t,n){n.d(t,{A:function(){return r}});var a=n(7378);function r({agentData:e}){const[t,n]=(0,a.useState)(!1),{thoughts:r,next_agent:l,instruction:s}=e;return a.createElement("div",{className:"p-3"},a.createElement("div",{className:"max-w-3xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg border border-gray-200 p-3"},a.createElement("div",{className:"flex items-center justify-between mb-3"},a.createElement("h3",{className:"text-sm font-medium text-gray-700 flex items-center gap-2"},a.createElement("span",{className:"text-base"},"🤖"),"Agent Workflow"),a.createElement("span",{className:"px-2 py-1 rounded text-xs bg-indigo-100 text-indigo-700"},"Processing")),a.createElement("div",{className:"mb-3 p-2 bg-gray-50 rounded border"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-sm"},{ActionAgent:"🎯",QaAgent:"🔍"}[l]||"🤖"),a.createElement("span",{className:"text-xs text-gray-600"},"Next:"),a.createElement("span",{className:`px-2 py-1 rounded text-xs font-medium ${function(e){return{ActionAgent:"bg-blue-100 text-blue-800 border-blue-300",ValidationAgent:"bg-green-100 text-green-800 border-green-300",NavigationAgent:"bg-purple-100 text-purple-800 border-purple-300",AnalysisAgent:"bg-yellow-100 text-yellow-800 border-yellow-300",TestAgent:"bg-orange-100 text-orange-800 border-orange-300"}[e]||"bg-gray-100 text-gray-800 border-gray-300"}(l)}`},l))),a.createElement("div",{className:"mb-3 p-2 bg-blue-50 rounded border border-blue-200"},a.createElement("div",{className:"flex items-start gap-2"},a.createElement("span",{className:"text-sm"},"📋"),a.createElement("div",{className:"flex-1"},a.createElement("p",{className:"text-xs text-gray-600 mb-1"},"Current Instruction"),a.createElement("p",{className:"text-xs text-gray-700 leading-relaxed"},function(e,t=80){return e.length<=t?e:e.substring(0,t)+"..."}(s,100))))),a.createElement("div",{className:"border-t border-gray-100 pt-2"},a.createElement("div",{className:"flex items-center justify-between"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-xs text-gray-400"},"💭"),a.createElement("span",{className:"text-xs text-gray-500"},"Analysis (",r.length,")"),a.createElement("button",{onClick:()=>n(!t),className:"text-xs text-gray-400 hover:text-gray-600"},t?"▲":"▼"))),!t&&a.createElement("p",{className:"text-xs text-gray-400 italic mt-1"},function(e,t=120){const n=e[0]||"";return n.length<=t?n:n.substring(0,t)+"..."}(r,80)),t&&a.createElement("div",{className:"mt-2 space-y-1"},r.map((e,t)=>a.createElement("div",{key:t,className:"flex items-start gap-2"},a.createElement("span",{className:"text-xs text-gray-300 mt-0.5 font-mono"},t+1,"."),a.createElement("p",{className:"text-xs text-gray-500 leading-relaxed"},e))))))))}},71109:function(e,t,n){const a=!1;window.fetch},71426:function(e,t,n){n.d(t,{Z:function(){return h}});var a=n(7378),r=n(12960),l=n(67733),s=n.n(l),o=n(48034),i=n.n(o),c=n(62562),m=n.n(c),d=n(39805),p=n.n(d),u=n(57577),g=n.n(u),b=n(79062),x=n.n(b),f=n(19244),v={};v.styleTagTransform=x(),v.setAttributes=p(),v.insert=m().bind(null,"head"),v.domAPI=i(),v.insertStyleElement=g();s()(f.A,v),f.A&&f.A.locals&&f.A.locals;const h=({location:e="sidebar"})=>{const[t,n]=(0,a.useState)(()=>r.x.getIsStreaming());(0,a.useEffect)(()=>r.x.subscribe(n),[]);if(!t)return null;const l="inline"===e;return a.createElement("div",{className:"floating-controls-container"},a.createElement("button",{onClick:async()=>{if(await r.x.stopStream(),"undefined"!=typeof window&&window.aiSystemInterface)try{window.aiSystemInterface.stopProcessing?.(),window.aiSystemInterface.setProcessingComplete?.(!0)}catch(e){}},className:l?"stop-button-inline":"stop-button-floating",style:{color:l?"white":"black",border:l?"none":"#c6c6c6 solid 1px",backgroundColor:l?"#ef4444":"white",marginLeft:"auto",marginRight:"auto",opacity:l?"1":"0.6",fontWeight:"500",borderRadius:l?"8px":"4px",marginBottom:l?"0":"6px",padding:l?"8px 12px":"8px 16px",cursor:"pointer",fontSize:l?"13px":"14px",display:"flex",alignItems:"center",gap:"6px",transition:"all 0.2s ease",flexShrink:0},onMouseOver:e=>{l?(e.currentTarget.style.backgroundColor="#dc2626",e.currentTarget.style.transform="scale(1.05)"):(e.currentTarget.style.backgroundColor="black",e.currentTarget.style.color="white",e.currentTarget.style.opacity="1")},onMouseOut:e=>{l?(e.currentTarget.style.backgroundColor="#ef4444",e.currentTarget.style.transform="scale(1)"):(e.currentTarget.style.backgroundColor="",e.currentTarget.style.color="black",e.currentTarget.style.opacity="0.6")}},l?"Stop":"Stop Processing"))}},78987:function(e,t,n){n.d(t,{A:function(){return l}});var a=n(7378),r=n(83281);n(33802);function l({onClose:e}){const[t,n]=(0,a.useState)({mode:"supervisor",subAgents:[],supervisorStrategy:"adaptive",availableTools:[]}),[l,s]=(0,a.useState)("idle"),[o,i]=(0,a.useState)(null),[c,m]=(0,a.useState)([]),[d,p]=(0,a.useState)({}),[u,g]=(0,a.useState)(!1),[b,x]=(0,a.useState)(!1),[f,v]=(0,a.useState)("direct"),[h,E]=(0,a.useState)(""),[y,N]=(0,a.useState)(""),[w,k]=(0,a.useState)([]),[A,C]=(0,a.useState)("http");(0,a.useEffect)(()=>{S(),z()},[]);const S=async()=>{try{const e=await fetch("/api/config/subagents");if(e.ok){const t=await e.json(),a={...t,subAgents:t.subAgents.map(e=>({...e,assignedApps:e.assignedApps||[],source:e.source||{type:"direct"}}))};n(a)}}catch(e){}},z=async()=>{g(!0);try{const e=await fetch("/api/apps");if(e.ok){const t=await e.json();m(t.apps||[])}}catch(e){}finally{g(!1)}},T=()=>{x(!1)},_=(e,t,n)=>{const a=[...w];a[e]={key:t,value:n},k(a)},j=async(e,n)=>{const a=t.subAgents.find(t=>t.id===e);if(!a)return;if(a.assignedApps.some(e=>e.appName===n))return;const r=await(async e=>{if(d[e])return d[e];try{const t=await fetch(`/api/apps/${encodeURIComponent(e)}/tools`);if(t.ok){const n=(await t.json()).tools||[];return p(t=>({...t,[e]:n})),n}}catch(e){}return[]})(n),l={appName:n,tools:r.map(e=>({name:e.name,enabled:!0}))};P(e,{assignedApps:[...a.assignedApps,l]})},P=(e,a)=>{n({...t,subAgents:t.subAgents.map(t=>t.id===e?{...t,...a}:t)})};return a.createElement("div",{className:"config-modal-overlay",onClick:e},a.createElement("div",{className:"config-modal",onClick:e=>e.stopPropagation()},a.createElement("div",{className:"config-modal-header"},a.createElement("h2",null,"Sub-Agents Configuration"),a.createElement("button",{className:"config-modal-close",onClick:e},a.createElement(r.X,{size:20}))),a.createElement("div",{className:"config-modal-content"},a.createElement("div",{className:"config-card"},a.createElement("h3",null,"Agent Mode Settings"),a.createElement("div",{className:"config-form"},a.createElement("div",{className:"form-group"},a.createElement("label",null,"Execution Mode"),a.createElement("select",{value:t.mode,onChange:e=>n({...t,mode:e.target.value})},a.createElement("option",{value:"supervisor"},"Supervisor (Multi-Agent)"),a.createElement("option",{value:"single"},"Single Agent")),a.createElement("small",null,"Supervisor mode delegates tasks to specialized sub-agents")),"supervisor"===t.mode&&a.createElement("div",{className:"form-group"},a.createElement("label",null,"Supervisor Strategy"),a.createElement("select",{value:t.supervisorStrategy,onChange:e=>n({...t,supervisorStrategy:e.target.value})},a.createElement("option",{value:"sequential"},"Sequential"),a.createElement("option",{value:"parallel"},"Parallel"),a.createElement("option",{value:"adaptive"},"Adaptive")),a.createElement("small",null,"How the supervisor coordinates sub-agents")))),"supervisor"===t.mode&&a.createElement("div",{className:"config-card"},a.createElement("div",{className:"section-header"},a.createElement("h3",null,"Sub-Agents"),a.createElement("button",{className:"add-btn",onClick:()=>{v("direct"),E(""),N(""),k([]),C("http"),x(!0)}},a.createElement(r.FWt,{size:16}),"Add Agent")),a.createElement("div",{className:"sources-list"},t.subAgents.map(e=>{const l=o===e.id,s=e.tools.filter(e=>e.enabled).length,m=e.assignedApps.reduce((e,t)=>e+t.tools.filter(e=>e.enabled).length,0);return a.createElement("div",{key:e.id,className:"agent-config-card"},a.createElement("div",{className:"agent-config-header"},a.createElement("div",{className:"agent-config-top"},a.createElement("input",{type:"checkbox",checked:e.enabled,onChange:t=>P(e.id,{enabled:t.target.checked})}),a.createElement("input",{type:"text",value:e.name,onChange:t=>P(e.id,{name:t.target.value}),className:"agent-config-name",placeholder:"Agent Name"}),a.createElement("input",{type:"text",value:e.role,onChange:t=>P(e.id,{role:t.target.value}),placeholder:"Role",style:{width:"120px"}}),a.createElement("button",{className:"expand-btn",onClick:()=>i(l?null:e.id)},l?a.createElement(r.rXn,{size:16}):a.createElement(r.yQN,{size:16})),a.createElement("button",{className:"delete-btn",onClick:()=>{return a=e.id,void n({...t,subAgents:t.subAgents.filter(e=>e.id!==a)});var a}},a.createElement(r.TBR,{size:16}))),!l&&a.createElement("div",{className:"agent-summary"},e.source&&a.createElement("span",{className:"agent-summary-item",title:`Source: ${e.source.type.toUpperCase()}${e.source.url?` - ${e.source.url}`:""}`},"direct"===e.source.type?"Direct":"a2a"===e.source.type?"A2A":"MCP"),a.createElement("span",{className:"agent-summary-item"},e.assignedApps.length," app",1!==e.assignedApps.length?"s":""),a.createElement("span",{className:"agent-summary-item"},m+s," tool",m+s!==1?"s":""),a.createElement("span",{className:"agent-summary-item"},e.policies.length," polic",1!==e.policies.length?"ies":"y"))),l&&a.createElement("div",{className:"agent-config-details"},e.source&&a.createElement("div",{className:"form-group"},a.createElement("label",null,"Source Configuration"),a.createElement("div",{className:"source-info-card"},a.createElement("div",{className:"source-info-row"},a.createElement("strong",null,"Type:"),a.createElement("span",null,"direct"===e.source.type?"Direct":"a2a"===e.source.type?"A2A Protocol":"MCP Server")),e.source.url&&a.createElement("div",{className:"source-info-row"},a.createElement("strong",null,"URL:"),a.createElement("span",null,e.source.url)),e.source.name&&a.createElement("div",{className:"source-info-row"},a.createElement("strong",null,"Name:"),a.createElement("span",null,e.source.name)),e.source.streamType&&a.createElement("div",{className:"source-info-row"},a.createElement("strong",null,"Stream Type:"),a.createElement("span",null,e.source.streamType.toUpperCase())),e.source.envVars&&Object.keys(e.source.envVars).length>0&&a.createElement("div",{className:"source-info-row"},a.createElement("strong",null,"Environment Variables:"),a.createElement("div",{className:"env-vars-display"},Object.entries(e.source.envVars).map(([e,t])=>a.createElement("div",{key:e,className:"env-var-display-item"},a.createElement("code",null,e),a.createElement("span",null,"="),a.createElement("code",null,t))))))),a.createElement("div",{className:"form-group"},a.createElement("label",null,"Description"),a.createElement("textarea",{value:e.description,onChange:t=>P(e.id,{description:t.target.value}),placeholder:"What this agent does...",rows:2})),a.createElement("div",{className:"form-group"},a.createElement("label",null,"Capabilities"),a.createElement("input",{type:"text",value:e.capabilities.join(", "),onChange:t=>P(e.id,{capabilities:t.target.value.split(",").map(e=>e.trim()).filter(e=>e)}),placeholder:"research, code, planning, analysis"}),a.createElement("small",null,"Comma-separated list of capabilities")),a.createElement("div",{className:"form-group"},a.createElement("div",{className:"form-group-header"},a.createElement("label",null,"Assigned Apps"),a.createElement("select",{value:"",onChange:t=>{t.target.value&&(j(e.id,t.target.value),t.target.value="")},style:{width:"200px",marginLeft:"auto"}},a.createElement("option",{value:""},"Select an app to assign..."),c.filter(t=>!e.assignedApps.some(e=>e.appName===t.name)).map(e=>a.createElement("option",{key:e.name,value:e.name},e.name)))),0===e.assignedApps.length?a.createElement("div",{className:"policies-empty"},"No apps assigned. Select an app from the dropdown above."):a.createElement("div",{className:"apps-list"},e.assignedApps.map(n=>{const l=c.find(e=>e.name===n.appName),s=n.tools.filter(e=>e.enabled).length;return a.createElement("div",{key:n.appName,className:"app-config-section"},a.createElement("div",{className:"app-config-header"},a.createElement("div",null,a.createElement("strong",null,n.appName),l?.description&&a.createElement("small",{style:{display:"block",color:"#666",marginTop:"4px"}},l.description)),a.createElement("button",{className:"remove-btn",onClick:()=>((e,n)=>{const a=t.subAgents.find(t=>t.id===e);a&&P(e,{assignedApps:a.assignedApps.filter(e=>e.appName!==n)})})(e.id,n.appName),title:"Remove app"},a.createElement(r.X,{size:14}))),a.createElement("div",{className:"app-tools-section"},a.createElement("div",{className:"form-group-header",style:{marginTop:"8px",marginBottom:"8px"}},a.createElement("label",{style:{fontSize:"0.9em",margin:0}},"Tools (",s,"/",n.tools.length," enabled)")),a.createElement("div",{className:"tools-grid"},n.tools.map(r=>a.createElement("label",{key:r.name,className:"tool-checkbox-label"},a.createElement("input",{type:"checkbox",checked:r.enabled,onChange:()=>((e,n,a)=>{const r=t.subAgents.find(t=>t.id===e);if(r){const t=r.assignedApps.map(e=>e.appName===n?{...e,tools:e.tools.map(e=>e.name===a?{...e,enabled:!e.enabled}:e)}:e);P(e,{assignedApps:t})}})(e.id,n.appName,r.name)}),a.createElement("span",null,r.name))))))})),a.createElement("small",null,"Assign apps and configure which tools from each app this agent can use")),a.createElement("div",{className:"form-group"},a.createElement("div",{className:"form-group-header"},a.createElement("label",null,"Legacy Tools"),a.createElement("span",{className:"tools-count-small"},s,"/",e.tools.length," enabled")),a.createElement("div",{className:"tools-grid"},e.tools.map(n=>a.createElement("label",{key:n.name,className:"tool-checkbox-label"},a.createElement("input",{type:"checkbox",checked:n.enabled,onChange:()=>((e,n)=>{const a=t.subAgents.find(t=>t.id===e);if(a){const t=a.tools.map(e=>e.name===n?{...e,enabled:!e.enabled}:e);P(e,{tools:t})}})(e.id,n.name)}),a.createElement("span",null,n.name)))),a.createElement("small",null,"Legacy tool configuration (deprecated - use apps above)")),a.createElement("div",{className:"form-group"},a.createElement("div",{className:"form-group-header"},a.createElement("label",null,"Policies (Natural Language)"),a.createElement("button",{className:"add-small-btn",onClick:()=>(e=>{const n=t.subAgents.find(t=>t.id===e);n&&P(e,{policies:[...n.policies,""]})})(e.id)},a.createElement(r.FWt,{size:12}),"Add Policy")),a.createElement("div",{className:"policies-list"},0===e.policies.length?a.createElement("div",{className:"policies-empty"},"No policies defined. Add policies to control agent behavior."):e.policies.map((n,l)=>a.createElement("div",{key:l,className:"policy-item"},a.createElement("textarea",{value:n,onChange:n=>((e,n,a)=>{const r=t.subAgents.find(t=>t.id===e);if(r){const t=[...r.policies];t[n]=a,P(e,{policies:t})}})(e.id,l,n.target.value),placeholder:"e.g., Always verify information from multiple sources before making decisions",rows:2}),a.createElement("button",{className:"remove-btn",onClick:()=>((e,n)=>{const a=t.subAgents.find(t=>t.id===e);if(a){const t=a.policies.filter((e,t)=>t!==n);P(e,{policies:t})}})(e.id,l)},a.createElement(r.X,{size:14}))))),a.createElement("small",null,"Define behavior rules in plain English"))))})),0===t.subAgents.length&&a.createElement("div",{className:"empty-state"},a.createElement("p",null,'No sub-agents configured. Click "Add Agent" to create one.')))),a.createElement("div",{className:"config-modal-footer"},a.createElement("button",{className:"cancel-btn",onClick:e},"Cancel"),a.createElement("button",{className:`save-btn ${l}`,onClick:async()=>{s("saving");try{(await fetch("/api/config/subagents",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).ok?(s("success"),setTimeout(()=>s("idle"),2e3)):(s("error"),setTimeout(()=>s("idle"),2e3))}catch(e){s("error"),setTimeout(()=>s("idle"),2e3)}},disabled:"saving"===l},a.createElement(r.eMP,{size:16}),"idle"===l&&"Save Changes","saving"===l&&"Saving...","success"===l&&"Saved!","error"===l&&"Error!"))),b&&a.createElement("div",{className:"config-modal-overlay",onClick:T},a.createElement("div",{className:"config-modal add-agent-modal",onClick:e=>e.stopPropagation()},a.createElement("div",{className:"config-modal-header"},a.createElement("h2",null,"Add New Sub-Agent"),a.createElement("button",{className:"config-modal-close",onClick:T},a.createElement(r.X,{size:20}))),a.createElement("div",{className:"config-modal-content"},a.createElement("div",{className:"config-card"},a.createElement("h3",null,"Agent Source"),a.createElement("div",{className:"config-form"},a.createElement("div",{className:"form-group"},a.createElement("label",null,"How to create this agent?"),a.createElement("select",{value:f,onChange:e=>v(e.target.value)},a.createElement("option",{value:"direct"},"Direct (Local Agent)"),a.createElement("option",{value:"a2a"},"A2A Protocol"),a.createElement("option",{value:"mcp"},"MCP Server")),a.createElement("small",null,"direct"===f&&"Create a local agent directly","a2a"===f&&"Connect via A2A protocol","mcp"===f&&"Connect to an MCP server via HTTP or SSE")),"a2a"===f&&a.createElement(a.Fragment,null,a.createElement("div",{className:"form-group"},a.createElement("label",null,"Agent Name"),a.createElement("input",{type:"text",value:y,onChange:e=>N(e.target.value),placeholder:"e.g., research-agent"}),a.createElement("small",null,"Name identifier for the A2A agent")),a.createElement("div",{className:"form-group"},a.createElement("label",null,"URL"),a.createElement("input",{type:"text",value:h,onChange:e=>E(e.target.value),placeholder:"e.g., http://localhost:8080"}),a.createElement("small",null,"A2A protocol endpoint URL"))),"mcp"===f&&a.createElement(a.Fragment,null,a.createElement("div",{className:"form-group"},a.createElement("label",null,"MCP Server URL"),a.createElement("input",{type:"text",value:h,onChange:e=>E(e.target.value),placeholder:"e.g., http://localhost:8001"}),a.createElement("small",null,"MCP server endpoint URL")),a.createElement("div",{className:"form-group"},a.createElement("label",null,"Stream Type"),a.createElement("select",{value:A,onChange:e=>C(e.target.value)},a.createElement("option",{value:"http"},"HTTP (Streamable)"),a.createElement("option",{value:"sse"},"SSE (Server-Sent Events)")),a.createElement("small",null,"Communication protocol for MCP server"))),("a2a"===f||"mcp"===f)&&a.createElement("div",{className:"form-group"},a.createElement("div",{className:"form-group-header"},a.createElement("label",null,"Environment Variables"),a.createElement("button",{className:"add-small-btn",onClick:()=>{k([...w,{key:"",value:""}])}},a.createElement(r.FWt,{size:12}),"Add Variable")),0===w.length?a.createElement("div",{className:"policies-empty"},'No environment variables. Click "Add Variable" to add one.'):a.createElement("div",{className:"env-list"},w.map((e,t)=>a.createElement("div",{key:t,className:"env-item"},a.createElement("input",{type:"text",value:e.key,onChange:n=>_(t,n.target.value,e.value),placeholder:"Variable name",style:{width:"200px"}}),a.createElement("span",null,"="),a.createElement("input",{type:"text",value:e.value,onChange:n=>_(t,e.key,n.target.value),placeholder:"Variable value",style:{flex:1}}),a.createElement("button",{className:"remove-btn",onClick:()=>(e=>{k(w.filter((t,n)=>n!==e))})(t)},a.createElement(r.X,{size:14}))))),a.createElement("small",null,"Environment variables to pass to the agent"))))),a.createElement("div",{className:"config-modal-footer"},a.createElement("button",{className:"cancel-btn",onClick:T},"Cancel"),a.createElement("button",{className:"save-btn",onClick:()=>{const e={type:f};if("a2a"===f||"mcp"===f){"a2a"===f?(e.url=h,e.name=y):(e.url=h,e.streamType=A);const t={};w.forEach(e=>{e.key.trim()&&(t[e.key.trim()]=e.value)}),Object.keys(t).length>0&&(e.envVars=t)}const a={id:Date.now().toString(),name:"a2a"===f&&y?y:"New Agent",role:"Assistant",description:"",enabled:!0,capabilities:[],tools:t.availableTools.map(e=>({name:e,enabled:!1})),assignedApps:[],policies:[],source:e};n({...t,subAgents:[...t.subAgents,a]}),T()},disabled:"a2a"===f&&(!h||!y)||"mcp"===f&&!h},"Create Agent")))))}},80425:function(e,t,n){n.d(t,{A:function(){return r}});var a=n(7378);function r({taskData:e}){const[t,n]=(0,a.useState)(!1),{thoughts:r,subtasks_progress:l,next_subtask:s,next_subtask_type:o,next_subtask_app:i,conclude_task:c,conclude_final_answer:m}=e,d=l.length,p=l.filter(e=>"completed"===e).length,u=p/d*100;return a.createElement("div",{className:"p-3"},a.createElement("div",{className:"max-w-3xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg border border-gray-200 p-3"},a.createElement("div",{className:"flex items-center justify-between mb-3"},a.createElement("h3",{className:"text-sm font-medium text-gray-700"},"Task Progress"),a.createElement("span",{className:"px-2 py-1 rounded text-xs font-medium "+(c?"bg-green-100 text-green-700":"bg-yellow-100 text-yellow-700")},c?"Complete":"Active")),a.createElement("div",{className:"mb-3 p-2 bg-gray-50 rounded border"},a.createElement("div",{className:"flex items-center justify-between mb-2"},a.createElement("span",{className:"text-xs text-gray-600"},"Subtasks"),a.createElement("span",{className:"text-xs text-gray-500"},p,"/",d)),a.createElement("div",{className:"flex items-center gap-2"},a.createElement("div",{className:"flex-1 bg-gray-200 rounded-full h-1.5"},a.createElement("div",{className:"bg-green-500 h-1.5 rounded-full transition-all duration-300",style:{width:`${u}%`}})),a.createElement("div",{className:"flex gap-1"},l.map((e,t)=>a.createElement("span",{key:t,className:"text-sm hover:scale-110 transition-transform cursor-pointer",title:`Task ${t+1}: ${e.replace("-"," ")}`},function(e){return"completed"===e?"✅":"in-progress"===e?"🔄":"not-started"===e?"⏳":"❓"}(e)))))),a.createElement("div",{className:"mb-3 p-2 bg-blue-50 rounded border border-blue-200"},a.createElement("div",{className:"flex items-center gap-2 mb-1"},a.createElement("span",{className:"text-sm"},"🎯"),a.createElement("span",{className:"text-xs text-gray-600"},"Next:"),a.createElement("span",{className:"px-1.5 py-0.5 rounded text-xs "+(g=o,"api"===g?"bg-blue-100 text-blue-800":"analysis"===g?"bg-purple-100 text-purple-800":"calculation"===g?"bg-green-100 text-green-800":"bg-gray-100 text-gray-800")},o),i&&a.createElement("span",{className:"flex items-center gap-1 px-1.5 py-0.5 bg-white rounded text-xs text-gray-600 border"},function(e){if(!e)return"🔧";const t=e.toLowerCase();return"gmail"===t?"📧":"calendar"===t?"📅":"drive"===t?"📁":"sheets"===t?"📊":"🔧"}(i)," ",i)),a.createElement("p",{className:"text-xs text-gray-700 leading-relaxed pl-5"},s)),m&&a.createElement("div",{className:"mb-3 p-2 bg-green-50 rounded border border-green-200"},a.createElement("div",{className:"flex items-center gap-2 mb-1"},a.createElement("span",{className:"text-sm"},"🎉"),a.createElement("span",{className:"text-xs text-green-700 font-medium"},"Result")),a.createElement("p",{className:"text-xs text-green-600"},m)),a.createElement("div",{className:"border-t border-gray-100 pt-2"},a.createElement("div",{className:"flex items-center justify-between"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-xs text-gray-400"},"💭"),a.createElement("span",{className:"text-xs text-gray-500"},"Analysis (",r.length,")"),a.createElement("button",{onClick:()=>n(!t),className:"text-xs text-gray-400 hover:text-gray-600"},t?"▲":"▼"))),!t&&a.createElement("p",{className:"text-xs text-gray-400 italic mt-1"},0===r.length?"No thoughts recorded":function(e,t=80){return e.length<=t?e:e.substring(0,t)+"..."}(r[0],100)),t&&a.createElement("div",{className:"mt-2 space-y-1"},r.map((e,t)=>a.createElement("div",{key:t,className:"flex items-start gap-2"},a.createElement("span",{className:"text-xs text-gray-300 mt-0.5 font-mono"},t+1,"."),a.createElement("p",{className:"text-xs text-gray-500 leading-relaxed"},e))))))));var g}},82685:function(e,t,n){var a=n(7378),r=n(79124),l=n(1810);function s(){const e=document.getElementById("root");if(!e)throw new Error("Root element with id 'root' not found in index.html");(0,r.H)(e).render(a.createElement(l.q,null))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",s):s()},85997:function(e,t,n){var a=n(21598),r=n.n(a),l=n(2607),s=n.n(l)()(r());s.push([e.id,".variable-popup-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 10000;\n  animation: fadeIn 0.2s ease-in-out;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.variable-popup-content {\n  background: white;\n  width: 100%;\n  height: 100vh;\n  display: flex;\n  flex-direction: column;\n  animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n  from {\n    transform: translateY(20px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.variable-popup-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 24px;\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.variable-popup-header h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1e293b;\n}\n\n.variable-popup-actions {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.variable-popup-download-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 14px;\n  background: #4e00ec;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.variable-popup-download-btn:hover {\n  background: #3d00b8;\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(78, 0, 236, 0.3);\n}\n\n.variable-popup-download-btn:active {\n  transform: translateY(0);\n}\n\n.variable-popup-close-btn {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  font-size: 28px;\n  color: #64748b;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: all 0.2s;\n  line-height: 1;\n}\n\n.variable-popup-close-btn:hover {\n  background: #f1f5f9;\n  color: #1e293b;\n}\n\n.variable-popup-body {\n  padding: 24px;\n  overflow-y: auto;\n  flex: 1;\n}\n\n.variable-popup-body h2 {\n  margin: 0 0 16px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1e293b;\n}\n\n.variable-popup-body p {\n  margin: 8px 0;\n  color: #475569;\n  line-height: 1.6;\n}\n\n.variable-popup-body strong {\n  color: #1e293b;\n  font-weight: 600;\n}\n\n.variable-popup-body code {\n  background: #f1f5f9;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  color: #4e00ec;\n}\n\n.variable-popup-body pre {\n  background: #f8fafc;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  padding: 16px;\n  overflow-x: auto;\n  margin: 12px 0;\n}\n\n.variable-popup-body pre code {\n  background: transparent;\n  padding: 0;\n  color: #334155;\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n",""]),t.A=s},86554:function(e,t,n){n.d(t,{M:function(){return l}});var a=n(7378);const r="cuga_tour_completed";function l(){const[e,t]=(0,a.useState)(!1),[n,l]=(0,a.useState)(!1);(0,a.useEffect)(()=>{"true"===localStorage.getItem(r)&&l(!0)},[]);return{isTourActive:e,hasSeenTour:n,startTour:()=>{t(!0)},completeTour:()=>{t(!1),l(!0),localStorage.setItem(r,"true")},skipTour:()=>{t(!1),l(!0),localStorage.setItem(r,"true")},resetTour:()=>{l(!1),localStorage.removeItem(r),t(!0)}}}},89538:function(e,t,n){var a=n(21598),r=n.n(a),l=n(2607),s=n.n(l)()(r());s.push([e.id,".status-bar {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 42px;\n  background: #f9fafb;\n  border-top: 1px solid #e5e7eb;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 20px;\n  z-index: 900;\n  font-size: 13px;\n  color: #64748b;\n}\n\n.status-bar-left {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n\n.status-bar-center {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  justify-content: center;\n}\n\n.status-bar-right {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.status-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  position: relative;\n}\n\n.status-label {\n  font-weight: 500;\n  color: #475569;\n}\n\n.status-badge {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  font-size: 10px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 10px;\n  min-width: 18px;\n  text-align: center;\n}\n\n.status-warning {\n  color: #f59e0b;\n  animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n.status-tools {\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.2s;\n}\n\n.status-tools:hover {\n  background: #f1f5f9;\n}\n\n.tools-popup {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform: translateX(-50%);\n  width: 280px;\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  animation: slideUp 0.2s ease;\n}\n\n@keyframes slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.tools-popup-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 14px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #f9fafb;\n  border-radius: 8px 8px 0 0;\n  font-weight: 600;\n  font-size: 12px;\n  color: #1e293b;\n}\n\n.tools-count {\n  font-size: 11px;\n  color: #64748b;\n  background: white;\n  padding: 2px 6px;\n  border-radius: 4px;\n  border: 1px solid #e5e7eb;\n}\n\n.tools-list {\n  max-height: 240px;\n  overflow-y: auto;\n  padding: 8px;\n}\n\n.tools-empty {\n  padding: 20px;\n  text-align: center;\n  color: #94a3b8;\n  font-size: 12px;\n}\n\n.tool-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  margin-bottom: 4px;\n  transition: background 0.2s;\n}\n\n.tool-item:hover {\n  background: #f8fafc;\n}\n\n.tool-item.connected {\n  border-left: 2px solid #10b981;\n}\n\n.tool-item.error {\n  border-left: 2px solid #ef4444;\n}\n\n.tool-item.disconnected {\n  border-left: 2px solid #94a3b8;\n  opacity: 0.6;\n}\n\n.tool-status-indicator {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.tool-item.connected .tool-status-indicator {\n  background: #10b981;\n  box-shadow: 0 0 6px rgba(16, 185, 129, 0.5);\n}\n\n.tool-item.error .tool-status-indicator {\n  background: #ef4444;\n  box-shadow: 0 0 6px rgba(239, 68, 68, 0.5);\n}\n\n.tool-item.disconnected .tool-status-indicator {\n  background: #94a3b8;\n}\n\n.tool-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.tool-name {\n  font-size: 12px;\n  font-weight: 600;\n  color: #1e293b;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.tool-type {\n  font-size: 10px;\n  color: #94a3b8;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.tool-status-text {\n  font-size: 10px;\n  color: #64748b;\n  text-transform: capitalize;\n}\n\n.status-mode {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.mode-toggle {\n  display: flex;\n  align-items: center;\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 6px;\n  padding: 2px;\n  cursor: pointer;\n  transition: border-color 0.2s;\n}\n\n.mode-toggle:hover {\n  border-color: #cbd5e1;\n}\n\n.mode-toggle.disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.mode-toggle.disabled:hover {\n  border-color: #e5e7eb;\n}\n\n.mode-option {\n  padding: 3px 10px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #64748b;\n  transition: all 0.2s;\n  user-select: none;\n}\n\n.mode-option.active {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);\n}\n\n.mode-option.disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n\n.status-connected {\n  color: #10b981;\n}\n\n.tools-list::-webkit-scrollbar {\n  width: 4px;\n}\n\n.tools-list::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.tools-list::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 2px;\n}\n\n.tools-list::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n/* Agent Mode Styles */\n.status-agents {\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.2s;\n  position: relative;\n}\n\n.status-agents:hover {\n  background: #f1f5f9;\n}\n\n.agents-popup {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform: translateX(-50%);\n  width: 280px;\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  animation: slideUp 0.2s ease;\n}\n\n.agents-popup-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 14px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #f9fafb;\n  border-radius: 8px 8px 0 0;\n  font-weight: 600;\n  font-size: 12px;\n  color: #1e293b;\n}\n\n.agents-count {\n  font-size: 11px;\n  color: #64748b;\n  background: white;\n  padding: 2px 6px;\n  border-radius: 4px;\n  border: 1px solid #e5e7eb;\n}\n\n.agents-list {\n  max-height: 240px;\n  overflow-y: auto;\n  padding: 8px;\n}\n\n.agents-empty {\n  padding: 20px;\n  text-align: center;\n  color: #94a3b8;\n  font-size: 12px;\n}\n\n.agent-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  margin-bottom: 4px;\n  transition: background 0.2s;\n}\n\n.agent-item:hover {\n  background: #f8fafc;\n}\n\n.agent-item.enabled {\n  border-left: 2px solid #667eea;\n}\n\n.agent-item.disabled {\n  border-left: 2px solid #94a3b8;\n  opacity: 0.6;\n}\n\n.agent-status-indicator {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.agent-item.enabled .agent-status-indicator {\n  background: #667eea;\n  box-shadow: 0 0 6px rgba(102, 126, 234, 0.5);\n}\n\n.agent-item.disabled .agent-status-indicator {\n  background: #94a3b8;\n}\n\n.agent-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.agent-name {\n  font-size: 12px;\n  font-weight: 600;\n  color: #1e293b;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.agent-role {\n  font-size: 10px;\n  color: #94a3b8;\n  text-transform: capitalize;\n}\n\n.agent-status-text {\n  font-size: 10px;\n  color: #64748b;\n  text-transform: capitalize;\n}\n\n.agents-list::-webkit-scrollbar {\n  width: 4px;\n}\n\n.agents-list::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.agents-list::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 2px;\n}\n\n.agents-list::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n.agents-info-box {\n  padding: 12px 14px;\n  background: #f8fafc;\n  border-radius: 6px;\n  margin-bottom: 8px;\n}\n\n.agents-info-box.single-mode {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 24px 14px;\n  text-align: center;\n}\n\n.agents-info-label {\n  font-size: 11px;\n  font-weight: 600;\n  color: #64748b;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.single-agent-icon {\n  color: #667eea;\n  margin-bottom: 4px;\n}\n\n.single-agent-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1e293b;\n}\n\n.single-agent-description {\n  font-size: 11px;\n  color: #64748b;\n  line-height: 1.5;\n  max-width: 240px;\n}\n\n/* More Menu Styles */\n.status-more {\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.2s;\n  position: relative;\n}\n\n.status-more:hover {\n  background: #f1f5f9;\n}\n\n.more-popup {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform: translateX(-50%);\n  width: 200px;\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  animation: slideUp 0.2s ease;\n}\n\n.more-popup-header {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 12px 14px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #f9fafb;\n  border-radius: 8px 8px 0 0;\n  font-weight: 600;\n  font-size: 12px;\n  color: #1e293b;\n}\n\n.more-list {\n  padding: 4px 0;\n}\n\n.more-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  cursor: pointer;\n  transition: background 0.2s;\n  font-size: 12px;\n}\n\n.more-item:hover {\n  background: #f8fafc;\n}\n\n.more-item-label {\n  color: #475569;\n  font-weight: 500;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .status-bar {\n    padding: 0 12px;\n    height: 40px;\n    font-size: 12px;\n  }\n\n  .status-bar-center {\n    gap: 8px;\n  }\n\n  .status-item {\n    gap: 4px;\n  }\n\n  .status-label {\n    display: none;\n  }\n\n  .status-badge {\n    font-size: 9px;\n    padding: 1px 4px;\n    min-width: 16px;\n  }\n\n  .mode-option {\n    padding: 2px 8px;\n    font-size: 10px;\n  }\n}\n\n@media (max-width: 480px) {\n  .status-bar {\n    padding: 0 8px;\n  }\n\n  .status-bar-center {\n    gap: 4px;\n  }\n\n  .tools-popup,\n  .agents-popup,\n  .more-popup {\n    width: 180px;\n    max-height: 200px;\n  }\n\n  .tool-item,\n  .agent-item,\n  .more-item {\n    padding: 6px 8px;\n    font-size: 11px;\n  }\n}\n\n/* Tool grouping styles */\n.tool-group {\n  margin-bottom: 12px;\n}\n\n.tool-group:last-child {\n  margin-bottom: 0;\n}\n\n.tool-group-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 12px;\n  background: #f8fafc;\n  border-radius: 6px;\n  margin-bottom: 4px;\n  border: 1px solid #e5e7eb;\n}\n\n.tool-group-name {\n  font-size: 12px;\n  font-weight: 600;\n  color: #374151;\n  text-transform: capitalize;\n}\n\n.tool-group-stats {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 2px;\n}\n\n.tool-group-count {\n  font-size: 10px;\n  color: #6b7280;\n  background: #e5e7eb;\n  padding: 2px 6px;\n  border-radius: 8px;\n  font-weight: 500;\n}\n\n.tool-group-internal {\n  font-size: 9px;\n  color: #9ca3af;\n  font-weight: 500;\n}\n\n.tool-group-items {\n  margin-left: 8px;\n}\n\n.tool-group-items .tool-item {\n  padding-left: 20px;\n  border-left: 2px solid #e5e7eb;\n  margin-bottom: 2px;\n}\n\n.tool-group-items .tool-item:last-child {\n  margin-bottom: 0;\n}\n\n/* Examples popup styles */\n.status-examples {\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.status-examples:hover {\n  background: rgba(251, 191, 36, 0.1);\n}\n\n.status-examples:hover .status-label {\n  color: #f59e0b;\n}\n\n.status-examples:hover .status-badge {\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n  color: white;\n}\n\n/* Animated lightbulb when input is empty */\n.lightbulb-glow {\n  animation: lightbulbGlow 2s ease-in-out infinite;\n  color: #8b5cf6;\n}\n\n@keyframes lightbulbGlow {\n  0%, 100% {\n    color: #8b5cf6;\n    filter: drop-shadow(0 0 2px rgba(139, 92, 246, 0.4));\n    transform: scale(1);\n  }\n  50% {\n    color: #a78bfa;\n    filter: drop-shadow(0 0 4px rgba(167, 139, 250, 0.6));\n    transform: scale(1.1);\n  }\n}\n\n/* Animate the entire button when input is empty */\n.status-examples.animate-prompt {\n  animation: pulsePrompt 2s ease-in-out infinite;\n  border-radius: 6px;\n}\n\n@keyframes pulsePrompt {\n  0%, 100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(139, 92, 246, 0);\n    background: transparent;\n  }\n  50% {\n    transform: scale(1.02);\n    box-shadow: 0 0 8px rgba(139, 92, 246, 0.15);\n    background: rgba(139, 92, 246, 0.05);\n  }\n}\n\n/* Make the label slightly more prominent when animating */\n.status-examples.animate-prompt .status-label {\n  animation: labelPulse 2s ease-in-out infinite;\n}\n\n@keyframes labelPulse {\n  0%, 100% {\n    color: #475569;\n  }\n  50% {\n    color: #8b5cf6;\n  }\n}\n\n.examples-popup {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 0;\n  min-width: 450px;\n  max-width: 600px;\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n  padding: 0;\n  z-index: 1000;\n  animation: slideUpFadeIn 0.2s ease;\n}\n\n.examples-popup-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 16px;\n  border-bottom: 1px solid #e5e7eb;\n  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n  border-radius: 12px 12px 0 0;\n}\n\n.examples-popup-header span:first-child {\n  font-weight: 600;\n  font-size: 13px;\n  color: #92400e;\n}\n\n.examples-count {\n  font-size: 11px;\n  padding: 3px 8px;\n  background: rgba(146, 64, 14, 0.1);\n  border-radius: 12px;\n  color: #92400e;\n  font-weight: 600;\n}\n\n.examples-list {\n  padding: 8px;\n  max-height: 400px;\n  overflow-y: auto;\n}\n\n.example-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  margin-bottom: 4px;\n  border: 1px solid transparent;\n}\n\n.example-item:hover {\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border-color: #fbbf24;\n  transform: translateX(4px);\n}\n\n.example-icon {\n  flex-shrink: 0;\n  margin-top: 2px;\n  color: #f59e0b;\n}\n\n.example-item:hover .example-icon {\n  color: #d97706;\n}\n\n.example-text {\n  font-size: 13px;\n  color: #475569;\n  line-height: 1.5;\n  font-weight: 500;\n}\n\n.example-item:hover .example-text {\n  color: #1e293b;\n}\n\n",""]),t.A=s},92690:function(e,t,n){n.d(t,{A:function(){return r}});var a=n(7378);function r({actionData:e}){const[t,n]=(0,a.useState)(!1),{thoughts:r,action:l,action_input_shortlisting_agent:s,action_input_coder_agent:o,action_input_conclude_task:i}=e;function c(e){switch(e){case"CoderAgent":return"bg-purple-100 text-purple-800 border-purple-200";case"ShortlistingAgent":return"bg-blue-100 text-blue-800 border-blue-200";case"conclude_task":return"bg-green-100 text-green-800 border-green-200";default:return"bg-gray-100 text-gray-800 border-gray-200"}}const m=l,d=o||s||i;return a.createElement("div",{className:"p-3"},a.createElement("div",{className:"max-w-3xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg border border-gray-200 p-3"},a.createElement("div",{className:"flex items-center justify-between mb-3"},a.createElement("h3",{className:"text-sm font-medium text-gray-700"},"Active Action"),a.createElement("span",{className:`px-2 py-1 rounded text-xs font-medium ${c(m)}`},function(e){switch(e){case"CoderAgent":return"👨‍💻";case"ShortlistingAgent":return"📋";case"conclude_task":return"🎯";default:return"⚡"}}(m)," ",m)),d&&a.createElement("div",{className:`mb-3 p-2 rounded border ${c(m)}`},o&&a.createElement("div",null,a.createElement("div",{className:"flex items-center gap-2 mb-2"},a.createElement("span",{className:"text-sm"},"👨‍💻"),a.createElement("span",{className:"text-xs font-medium text-purple-700"},"Coder Agent Task")),a.createElement("p",{className:"text-xs text-purple-600 leading-relaxed mb-2"},o.task_description),o.context_variables_from_history&&o.context_variables_from_history.length>0&&a.createElement("div",{className:"mb-2"},a.createElement("span",{className:"text-xs text-purple-600"},"Context:"),a.createElement("div",{className:"flex flex-wrap gap-1 mt-1"},o.context_variables_from_history.slice(0,3).map((e,t)=>a.createElement("span",{key:t,className:"px-1.5 py-0.5 bg-purple-50 text-purple-600 rounded text-xs"},e)),o.context_variables_from_history.length>3&&a.createElement("span",{className:"text-xs text-purple-500"},"+",o.context_variables_from_history.length-3," more"))),o.relevant_apis&&o.relevant_apis.length>0&&a.createElement("div",null,a.createElement("span",{className:"text-xs text-purple-600"},"APIs:"),a.createElement("div",{className:"flex flex-wrap gap-1 mt-1"},o.relevant_apis.slice(0,2).map((e,t)=>a.createElement("span",{key:t,className:"px-1.5 py-0.5 bg-purple-50 text-purple-600 rounded text-xs"},e.api_name)),o.relevant_apis.length>2&&a.createElement("span",{className:"text-xs text-purple-500"},"+",o.relevant_apis.length-2," more")))),s&&a.createElement("div",null,a.createElement("div",{className:"flex items-center gap-2 mb-2"},a.createElement("span",{className:"text-sm"},"📋"),a.createElement("span",{className:"text-xs font-medium text-blue-700"},"Shortlisting Agent Task")),a.createElement("p",{className:"text-xs text-blue-600 leading-relaxed"},s.task_description)),i&&a.createElement("div",null,a.createElement("div",{className:"flex items-center gap-2 mb-2"},a.createElement("span",{className:"text-sm"},"🎯"),a.createElement("span",{className:"text-xs font-medium text-green-700"},"Task Conclusion")),a.createElement("p",{className:"text-xs text-green-600 leading-relaxed"},i.final_response))),a.createElement("div",{className:"grid grid-cols-3 gap-2 mb-3"},a.createElement("div",{className:"p-2 rounded text-center text-xs "+(o?"bg-purple-100 text-purple-700":"bg-gray-50 text-gray-400")},a.createElement("div",{className:"text-sm mb-1"},"👨‍💻"),a.createElement("div",{className:"font-medium"},"Coder"),a.createElement("div",{className:"text-xs"},o?"Active":"Inactive")),a.createElement("div",{className:"p-2 rounded text-center text-xs "+(s?"bg-blue-100 text-blue-700":"bg-gray-50 text-gray-400")},a.createElement("div",{className:"text-sm mb-1"},"📋"),a.createElement("div",{className:"font-medium"},"Shortlister"),a.createElement("div",{className:"text-xs"},s?"Active":"Inactive")),a.createElement("div",{className:"p-2 rounded text-center text-xs "+(i?"bg-green-100 text-green-700":"bg-gray-50 text-gray-400")},a.createElement("div",{className:"text-sm mb-1"},"🎯"),a.createElement("div",{className:"font-medium"},"Conclude"),a.createElement("div",{className:"text-xs"},i?"Active":"Inactive"))),a.createElement("div",{className:"border-t border-gray-100 pt-2"},a.createElement("div",{className:"flex items-center justify-between"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-xs text-gray-400"},"💭"),a.createElement("span",{className:"text-xs text-gray-500"},"Analysis (",r.length,")"),a.createElement("button",{onClick:()=>n(!t),className:"text-xs text-gray-400 hover:text-gray-600"},t?"▲":"▼"))),!t&&a.createElement("p",{className:"text-xs text-gray-400 italic mt-1"},0===r.length?"No thoughts recorded":function(e,t=80){return e.length<=t?e:e.substring(0,t)+"..."}(r[0],100)),t&&a.createElement("div",{className:"mt-2 space-y-1"},r.map((e,t)=>a.createElement("div",{key:t,className:"flex items-start gap-2"},a.createElement("span",{className:"text-xs text-gray-300 mt-0.5 font-mono"},t+1,"."),a.createElement("p",{className:"text-xs text-gray-500 leading-relaxed"},e))))))))}},93784:function(e,t,n){var a=n(21598),r=n.n(a),l=n(2607),s=n.n(l)()(r());s.push([e.id,".workspace-panel {\n  position: fixed;\n  top: 48px;\n  right: 0;\n  bottom: 32px;\n  width: 300px;\n  background: white;\n  border-left: 1px solid #e5e7eb;\n  display: flex;\n  flex-direction: column;\n  z-index: 800;\n  transition: transform 0.3s ease;\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05);\n}\n\n.workspace-panel.closed {\n  transform: translateX(100%);\n}\n\n.workspace-panel.open {\n  transform: translateX(0);\n}\n\n.workspace-panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #f9fafb;\n}\n\n.workspace-panel-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: #1f2937;\n  flex: 1;\n}\n\n.workspace-info-tooltip-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n  cursor: help;\n}\n\n.workspace-info-tooltip-wrapper .info-icon {\n  color: #94a3b8;\n  cursor: help;\n  transition: color 0.2s ease;\n  pointer-events: auto;\n}\n\n.workspace-info-tooltip-wrapper:hover .info-icon {\n  color: #667eea;\n}\n\n.workspace-info-tooltip {\n  position: fixed;\n  top: 60px;\n  right: 20px;\n  width: 320px;\n  max-width: calc(100vw - 40px);\n  padding: 14px 16px;\n  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n  border: 2px solid #e0e7ff;\n  border-radius: 12px;\n  box-shadow: 0 8px 32px rgba(102, 126, 234, 0.25), 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 13px;\n  line-height: 1.6;\n  color: #334155;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;\n  z-index: 9999;\n  pointer-events: none;\n  font-weight: 500;\n  transform-origin: top right;\n  white-space: normal;\n  word-wrap: break-word;\n  word-break: break-word;\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.workspace-info-tooltip code {\n  background: #e0e7ff;\n  color: #4f46e5;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.workspace-info-tooltip-wrapper:hover .workspace-info-tooltip {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translateY(2px);\n}\n\n.workspace-panel-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.workspace-refresh-btn,\n.workspace-close-btn {\n  background: none;\n  border: none;\n  color: #6b7280;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  transition: all 0.2s;\n}\n\n.workspace-refresh-btn:hover,\n.workspace-close-btn:hover {\n  background: #e5e7eb;\n  color: #1f2937;\n}\n\n.workspace-panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n}\n\n.workspace-error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 32px 16px;\n  text-align: center;\n  color: #ef4444;\n}\n\n.workspace-error button {\n  margin-top: 12px;\n  padding: 6px 16px;\n  background: #ef4444;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.workspace-error button:hover {\n  background: #dc2626;\n}\n\n.workspace-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 16px;\n  text-align: center;\n  color: #9ca3af;\n}\n\n.workspace-empty .empty-icon {\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n.workspace-empty p {\n  font-size: 14px;\n  font-weight: 500;\n  margin: 0 0 8px 0;\n  color: #6b7280;\n}\n\n.workspace-empty small {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.file-tree {\n  font-size: 13px;\n}\n\n.file-tree-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 8px;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: background 0.2s;\n  position: relative;\n  user-select: none;\n}\n\n.file-tree-item:hover {\n  background: #f3f4f6;\n}\n\n.file-tree-item.highlighted {\n  background: #dbeafe !important;\n  border: 1px solid #3b82f6;\n  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3);\n}\n\n.file-tree-item.directory {\n  font-weight: 500;\n  color: #374151;\n}\n\n.file-tree-item.file {\n  color: #6b7280;\n}\n\n.folder-icon {\n  flex-shrink: 0;\n  color: #9ca3af;\n}\n\n.folder-icon-spacer {\n  width: 16px;\n  flex-shrink: 0;\n}\n\n.item-icon {\n  flex-shrink: 0;\n  color: #667eea;\n}\n\n.file-tree-item.file .item-icon {\n  color: #94a3b8;\n}\n\n.item-name {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.download-icon-btn {\n  background: none;\n  border: none;\n  color: #9ca3af;\n  cursor: pointer;\n  padding: 2px;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  opacity: 0;\n  transition: all 0.2s;\n}\n\n.file-tree-item:hover .download-icon-btn {\n  opacity: 1;\n}\n\n.download-icon-btn:hover {\n  background: #e5e7eb;\n  color: #667eea;\n}\n\n.folder-children {\n  margin-top: 2px;\n}\n\n.workspace-toggle-btn {\n  position: fixed;\n  top: 60px;\n  right: 16px;\n  width: 40px;\n  height: 40px;\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 750;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  transition: all 0.2s;\n  color: #667eea;\n}\n\n.workspace-toggle-btn:hover {\n  background: #f9fafb;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transform: translateY(-1px);\n}\n\n/* File Viewer Modal */\n.file-viewer-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1100;\n  animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.file-viewer-modal {\n  background: white;\n  border-radius: 12px;\n  width: 90%;\n  max-width: 800px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  animation: slideUp 0.3s ease;\n}\n\n@keyframes slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.file-viewer-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #f9fafb;\n  border-radius: 12px 12px 0 0;\n}\n\n.file-viewer-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 15px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.file-viewer-title svg {\n  color: #667eea;\n}\n\n.file-viewer-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.file-viewer-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  background: #667eea;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.file-viewer-btn:hover {\n  background: #5568d3;\n  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);\n}\n\n.file-viewer-close {\n  background: none;\n  border: none;\n  color: #6b7280;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  transition: all 0.2s;\n}\n\n.file-viewer-close:hover {\n  background: #e5e7eb;\n  color: #1f2937;\n}\n\n.file-viewer-content {\n  flex: 1;\n  overflow: auto;\n  padding: 20px;\n  background: #fafafa;\n}\n\n.file-viewer-content pre {\n  margin: 0;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;\n  font-size: 13px;\n  line-height: 1.6;\n  color: #1f2937;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n.workspace-loading-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(255, 255, 255, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1050;\n}\n\n.workspace-spinner {\n  width: 40px;\n  height: 40px;\n  border: 4px solid #e5e7eb;\n  border-top-color: #667eea;\n  border-radius: 50%;\n  animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.workspace-panel-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.workspace-panel-content::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.workspace-panel-content::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 3px;\n}\n\n.workspace-panel-content::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n.file-viewer-content::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.file-viewer-content::-webkit-scrollbar-track {\n  background: #f1f5f9;\n}\n\n.file-viewer-content::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 4px;\n}\n\n.file-viewer-content::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n/* Delete functionality styles */\n.file-actions {\n  display: flex;\n  gap: 4px;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.file-tree-item:hover .file-actions {\n  opacity: 1;\n}\n\n.delete-icon-btn {\n  background: none;\n  border: none;\n  padding: 2px;\n  border-radius: 3px;\n  color: #6b7280;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n}\n\n.delete-icon-btn:hover {\n  background: #fee2e2;\n  color: #dc2626;\n}\n\n.delete-confirmation-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n\n.delete-confirmation-modal {\n  background: white;\n  border-radius: 8px;\n  padding: 0;\n  max-width: 400px;\n  width: 90%;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.delete-confirmation-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 20px 20px 16px 20px;\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.delete-confirmation-header h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.delete-icon {\n  color: #dc2626;\n}\n\n.delete-confirmation-content {\n  padding: 16px 20px;\n}\n\n.delete-confirmation-content p {\n  margin: 0 0 8px 0;\n  color: #374151;\n  font-size: 14px;\n}\n\n.delete-warning {\n  color: #dc2626;\n  font-weight: 500;\n}\n\n.delete-confirmation-actions {\n  display: flex;\n  gap: 12px;\n  justify-content: flex-end;\n  padding: 16px 20px 20px 20px;\n  border-top: 1px solid #e5e7eb;\n}\n\n.delete-cancel-btn {\n  padding: 8px 16px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.delete-cancel-btn:hover:not(:disabled) {\n  background: #f9fafb;\n  border-color: #9ca3af;\n}\n\n.delete-confirm-btn {\n  padding: 8px 16px;\n  border: none;\n  background: #dc2626;\n  color: white;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.delete-confirm-btn:hover:not(:disabled) {\n  background: #b91c1c;\n}\n\n.delete-cancel-btn:disabled,\n.delete-confirm-btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n/* Drag and drop styles */\n.workspace-panel.drag-over {\n  border-color: #667eea;\n  box-shadow: -2px 0 12px rgba(102, 126, 234, 0.3);\n}\n\n.workspace-drag-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(102, 126, 234, 0.1);\n  border: 2px dashed #667eea;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  pointer-events: none;\n}\n\n.workspace-drag-content {\n  text-align: center;\n  color: #667eea;\n}\n\n.workspace-drag-icon {\n  font-size: 48px;\n  margin-bottom: 12px;\n  animation: bounce 1s infinite;\n}\n\n.workspace-drag-text {\n  font-size: 16px;\n  font-weight: 600;\n  color: #667eea;\n}\n\n@keyframes bounce {\n  0%, 20%, 50%, 80%, 100% {\n    transform: translateY(0);\n  }\n  40% {\n    transform: translateY(-10px);\n  }\n  60% {\n    transform: translateY(-5px);\n  }\n}\n\n\n",""]),t.A=s},95550:function(e,t,n){n.d(t,{A:function(){return r}});var a=n(7378);function r({decompositionData:e}){const[t,n]=(0,a.useState)(!1),{thoughts:r,task_decomposition:l}=e;function s(e){switch(e?.toLowerCase()){case"gmail":return"bg-red-100 text-red-800 border-red-200";case"phone":return"bg-blue-100 text-blue-800 border-blue-200";case"venmo":return"bg-green-100 text-green-800 border-green-200";case"calendar":return"bg-purple-100 text-purple-800 border-purple-200";case"drive":return"bg-yellow-100 text-yellow-800 border-yellow-200";default:return"bg-gray-100 text-gray-800 border-gray-200"}}return a.createElement("div",{className:"p-3"},a.createElement("div",{className:"max-w-4xl mx-auto"},a.createElement("div",{className:"bg-white rounded-lg border border-gray-200 p-3"},a.createElement("div",{className:"flex items-center justify-between mb-3"},a.createElement("h3",{className:"text-sm font-medium text-gray-700 flex items-center gap-2"},a.createElement("span",{className:"text-sm"},"📋"),"Task Breakdown"),a.createElement("span",{className:"px-2 py-1 rounded text-xs bg-blue-100 text-blue-700"},l.length," steps planned")),a.createElement("div",{className:"space-y-2 mb-3"},l.map((e,t)=>a.createElement("div",{key:t,className:"relative"},a.createElement("div",{className:"flex items-start gap-3"},a.createElement("div",{className:"flex-shrink-0 w-6 h-6 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold text-xs"},function(e){return String(e+1).padStart(2,"0")}(t)),a.createElement("div",{className:"flex-1 bg-gray-50 rounded p-2 border"},a.createElement("div",{className:"flex items-center gap-2 mb-1"},a.createElement("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${s(e.app)}`},function(e){switch(e?.toLowerCase()){case"gmail":return"📧";case"phone":return"📱";case"venmo":return"💰";case"calendar":return"📅";case"drive":return"📁";case"sheets":return"📊";case"slack":return"💬";default:return"🔧"}}(e.app)," ",e.app),a.createElement("span",{className:"px-1.5 py-0.5 bg-white rounded text-xs text-gray-600 border"},e.type)),a.createElement("p",{className:"text-xs text-gray-700 leading-relaxed"},e.task)))))),a.createElement("div",{className:"border-t border-gray-100 pt-2"},a.createElement("div",{className:"flex items-center justify-between"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"text-xs text-gray-400"},"💭"),a.createElement("span",{className:"text-xs text-gray-500"},"Analysis"),a.createElement("button",{onClick:()=>n(!t),className:"text-xs text-gray-400 hover:text-gray-600"},t?"▲":"▼"))),!t&&a.createElement("p",{className:"text-xs text-gray-400 italic mt-1"},function(e,t=120){return e.length<=t?e:e.substring(0,t)+"..."}(r,80)),t&&a.createElement("div",{className:"mt-2 space-y-1"},a.createElement("p",{className:"text-xs text-gray-500 leading-relaxed"},r))))))}},96829:function(e,t,n){n.d(t,{e:function(){return E}});var a=n(7378),r=n(83281),l=n(43905),s=n(67733),o=n.n(s),i=n(48034),c=n.n(i),m=n(62562),d=n.n(m),p=n(39805),u=n.n(p),g=n(57577),b=n.n(g),x=n(79062),f=n.n(x),v=n(89538),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=b();o()(v.A,h),v.A&&v.A.locals&&v.A.locals;function E({threadId:e}){const[t,n]=(0,a.useState)([]),[s,o]=(0,a.useState)({}),[i,c]=(0,a.useState)("fast"),[m,d]=(0,a.useState)("supervisor"),[p,u]=(0,a.useState)([]),[g,b]=(0,a.useState)(!1),[x,f]=(0,a.useState)(!1),[v,h]=(0,a.useState)(!1),[E,y]=(0,a.useState)(null),[N,w]=(0,a.useState)(!1),[k,A]=(0,a.useState)(!1),[C,S]=(0,a.useState)(!1),[z,T]=(0,a.useState)(!0),[_,j]=(0,a.useState)(new Set(["tools","mode","agents","connection"])),P=(0,a.useRef)(null),M=(0,a.useRef)(null),L=(0,a.useRef)(null),O=(0,a.useRef)(null);(0,a.useEffect)(()=>{},[e]),(0,a.useEffect)(()=>{I(),R()},[]),(0,a.useEffect)(()=>()=>{M.current&&clearTimeout(M.current),L.current&&clearTimeout(L.current),O.current&&clearTimeout(O.current)},[]),(0,a.useEffect)(()=>{const e=()=>{const e=document.getElementById("main-input_field");if(e){const t=!e.textContent?.trim();T(t)}};e();const t=document.getElementById("main-input_field");if(t){const n=new MutationObserver(e);return n.observe(t,{characterData:!0,childList:!0,subtree:!0}),t.addEventListener("input",e),()=>{n.disconnect(),t.removeEventListener("input",e)}}},[]),(0,a.useEffect)(()=>{const e=()=>{if(!P.current)return;const e=P.current.offsetWidth,t=new Set;e>800?(t.add("tools"),t.add("mode"),t.add("agents")):e>600?(t.add("tools"),t.add("mode")):e>400&&t.add("tools"),j(t)};e();const t=new ResizeObserver(e);return P.current&&t.observe(P.current),()=>{t.disconnect()}},[]);const I=async()=>{try{const e=await fetch("/api/tools/status");if(e.ok){const t=await e.json();n(t.tools||[]),o(t.internalToolsCount||{})}}catch(e){}},R=async()=>{try{const e=await fetch("/api/config/subagents");if(e.ok){const t=await e.json();u(t.subAgents||[]),d(t.mode||"supervisor"),y(t.selectedAgent||null)}}catch(e){}},U=()=>{},$=()=>{h(!1)},D=t.filter(e=>"connected"===e.status),F=t.filter(e=>"error"===e.status),W=p.filter(e=>e.enabled),B=()=>E?p.find(e=>e.name===E):null,V=()=>{const e=[];return _.has("mode")||e.push({id:"mode",label:"Mode: "+("fast"===i?"Lite":"Balanced"),icon:a.createElement(r.KqI,{size:14}),action:U}),_.has("agents")||e.push({id:"agents",label:`${"supervisor"===m?"Supervisor":"Single"} (${"supervisor"===m?W.length:E?B()?.name:"None"})`,icon:"supervisor"===m?a.createElement(r.zWC,{size:14}):a.createElement(r.KJW,{size:14}),action:()=>f(!0)}),_.has("tools")||e.push({id:"tools",label:`Tools: ${D.length}/${t.length}`,icon:a.createElement(r.IFY,{size:14}),action:()=>b(!0)}),e};return a.createElement(a.Fragment,null,v&&a.createElement("div",{className:"config-modal-overlay",onClick:$},a.createElement("div",{className:"config-modal",onClick:e=>e.stopPropagation(),style:{maxWidth:"500px"}},a.createElement("div",{className:"config-modal-header"},a.createElement("h2",null,"Select Agent to Talk With"),a.createElement("button",{className:"config-modal-close",onClick:$},a.createElement("span",{style:{fontSize:"20px"}},"×"))),a.createElement("div",{className:"config-modal-content"},a.createElement("p",{style:{marginBottom:"16px",color:"#64748b",fontSize:"14px"}},"Choose which agent you want to communicate with directly:"),a.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px"}},0===p.filter(e=>e.enabled).length?a.createElement("div",{style:{padding:"24px",textAlign:"center",color:"#94a3b8",background:"#f8fafc",borderRadius:"8px"}},"No active agents available. Enable agents in Sub Agents configuration."):p.filter(e=>e.enabled).map(e=>a.createElement("div",{key:e.name,onClick:()=>{return t=e.name,y(t),d("single"),h(!1),void fetch("/api/config/agent-mode",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:"single",selectedAgent:t})}).catch(e=>{});var t},style:{padding:"16px",background:"#f8fafc",border:"2px solid #e5e7eb",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s"},onMouseEnter:e=>{e.currentTarget.style.borderColor="#667eea",e.currentTarget.style.background="#f1f5f9"},onMouseLeave:e=>{e.currentTarget.style.borderColor="#e5e7eb",e.currentTarget.style.background="#f8fafc"}},a.createElement("div",{style:{fontWeight:600,fontSize:"14px",color:"#1e293b",marginBottom:"4px"}},e.name),a.createElement("div",{style:{fontSize:"12px",color:"#64748b"}},e.role))))),a.createElement("div",{className:"config-modal-footer"},a.createElement("button",{className:"cancel-btn",onClick:$},"Cancel")))),a.createElement("div",{className:"status-bar",ref:P},a.createElement("div",{className:"status-bar-left"}),a.createElement("div",{className:"status-bar-center"},a.createElement("div",{className:"status-item status-examples "+(z?"animate-prompt":""),onMouseEnter:()=>{L.current&&(clearTimeout(L.current),L.current=null),A(!0)},onMouseLeave:()=>{L.current=setTimeout(()=>{A(!1)},5e3)}},a.createElement(r.g5W,{size:14,className:z?"lightbulb-glow":""}),a.createElement("span",{className:"status-label"},"Try these examples"),a.createElement("span",{className:"status-badge"},l.d.length),k&&a.createElement("div",{className:"examples-popup",onMouseEnter:()=>{L.current&&(clearTimeout(L.current),L.current=null)},onMouseLeave:()=>{A(!1)}},a.createElement("div",{className:"examples-popup-header"},a.createElement("span",null,"Example Queries"),a.createElement("span",{className:"examples-count"},l.d.length," examples")),a.createElement("div",{className:"examples-list"},l.d.map((e,t)=>a.createElement("div",{key:t,className:"example-item",onClick:()=>(e=>{const t=document.getElementById("main-input_field");if(t){t.textContent=e,t.focus();const n=new Event("input",{bubbles:!0});t.dispatchEvent(n)}A(!1)})(e.text)},a.createElement(r.g5W,{size:12,className:"example-icon"}),a.createElement("span",{className:"example-text"},e.text)))))),_.has("tools")&&a.createElement("div",{className:"status-item status-tools",onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1)},a.createElement(r.IFY,{size:14}),a.createElement("span",{className:"status-label"},"Tools"),a.createElement("span",{className:"status-badge"},D.length),F.length>0&&a.createElement(r.RIJ,{size:12,className:"status-warning"}),g&&a.createElement("div",{className:"tools-popup"},a.createElement("div",{className:"tools-popup-header"},a.createElement("span",null,"Connected Tools"),a.createElement("span",{className:"tools-count"},D.length,"/",t.length)),a.createElement("div",{className:"tools-list"},0===t.length?a.createElement("div",{className:"tools-empty"},"No tools configured"):a.createElement(a.Fragment,null,Object.entries(t.reduce((e,t)=>(e[t.type]||(e[t.type]={total:0,connected:0,tools:[]}),e[t.type].total++,"connected"===t.status&&e[t.type].connected++,e[t.type].tools.push(t),e),{})).map(([e,t])=>a.createElement("div",{key:e,className:"tool-group"},a.createElement("div",{className:"tool-group-header"},a.createElement("span",{className:"tool-group-name"},e),a.createElement("div",{className:"tool-group-stats"},a.createElement("span",{className:"tool-group-count"},"Connected: ",t.connected,"/",t.total),void 0!==s[e.toLowerCase()]&&a.createElement("span",{className:"tool-group-internal"},"Internal: ",s[e.toLowerCase()]," tools"))),a.createElement("div",{className:"tool-group-items"},t.tools.map(e=>a.createElement("div",{key:e.name,className:`tool-item ${e.status}`},a.createElement("div",{className:"tool-status-indicator"}),a.createElement("div",{className:"tool-info"},a.createElement("span",{className:"tool-name"},e.name)),a.createElement("span",{className:"tool-status-text"},e.status)))))))))),_.has("mode")&&a.createElement("div",{className:"status-item status-mode",style:{position:"relative",cursor:"pointer"},onMouseEnter:()=>{O.current&&(clearTimeout(O.current),O.current=null),S(!0)},onMouseLeave:()=>{O.current=setTimeout(()=>{S(!1)},500)}},a.createElement(r.KqI,{size:14}),a.createElement("div",{className:"mode-toggle"},a.createElement("div",{className:`mode-option ${"fast"===i?"active":""} disabled`,style:{cursor:"not-allowed",opacity:.6}},"Lite"),a.createElement("div",{className:"mode-option "+("balanced"===i?"active":""),style:{cursor:"pointer"}},"Balanced")),C&&a.createElement("div",{className:"tools-popup",onMouseEnter:()=>{O.current&&(clearTimeout(O.current),O.current=null)},onMouseLeave:()=>{O.current=setTimeout(()=>{S(!1)},500)}},a.createElement("div",{className:"tools-popup-header"},a.createElement("span",null,"This feature works locally")),a.createElement("div",{className:"tools-list",style:{padding:"12px 14px"}},a.createElement("div",{style:{marginBottom:"12px",color:"#64748b",fontSize:"13px",lineHeight:"1.5"}},"Clone the repo to experience full features of CUGA:"),a.createElement("a",{href:"https://github.com/cuga-project/cuga-agent",target:"_blank",rel:"noopener noreferrer",style:{color:"#667eea",textDecoration:"none",fontWeight:500,fontSize:"13px",display:"inline-flex",alignItems:"center",gap:"6px",padding:"4px 0"},onMouseEnter:e=>{e.currentTarget.style.textDecoration="underline"},onMouseLeave:e=>{e.currentTarget.style.textDecoration="none"}},a.createElement("span",null,"github.com/cuga-project/cuga-agent"),a.createElement("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2"},a.createElement("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),a.createElement("polyline",{points:"15 3 21 3 21 9"}),a.createElement("line",{x1:"10",y1:"14",x2:"21",y2:"3"})))))),_.has("agents")&&a.createElement("div",{className:"status-item status-agents",onMouseEnter:()=>{M.current&&(clearTimeout(M.current),M.current=null),f(!0)},onMouseLeave:()=>{M.current=setTimeout(()=>{f(!1)},300)}},"supervisor"===m?a.createElement(r.zWC,{size:14}):a.createElement(r.KJW,{size:14}),a.createElement("div",{className:"mode-toggle"},a.createElement("div",{className:"mode-option "+("supervisor"===m?"active":""),onClick:e=>{e.stopPropagation(),"supervisor"!==m&&(()=>{const e="supervisor"===m?"single":"supervisor";"single"===e?h(!0):(y(null),d(e),fetch("/api/config/agent-mode",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:e,selectedAgent:null})}).catch(e=>{}))})()}},"Supervisor"),a.createElement("div",{className:`mode-option ${"single"===m?"active":""} disabled`,title:"Single agent mode (Coming soon)"},"Single")),"supervisor"===m&&a.createElement("span",{className:"status-badge"},W.length),x&&a.createElement("div",{className:"agents-popup",onMouseEnter:()=>{M.current&&(clearTimeout(M.current),M.current=null)},onMouseLeave:()=>{f(!1)}},a.createElement("div",{className:"agents-popup-header"},"supervisor"===m?a.createElement(a.Fragment,null,a.createElement("span",null,"Talking with All Agents"),a.createElement("span",{className:"agents-count"},W.length," active")):a.createElement(a.Fragment,null,a.createElement("span",null,"Direct Agent Communication"),a.createElement("span",{className:"agents-count"},"Single mode"))),a.createElement("div",{className:"agents-list"},"supervisor"===m?0===p.length?a.createElement("div",{className:"agents-empty"},"No sub-agents configured"):a.createElement(a.Fragment,null,a.createElement("div",{className:"agents-info-box"},a.createElement("span",{className:"agents-info-label"},"Available Sub-Agents (click to toggle):")),p.map(e=>a.createElement("div",{key:e.name,className:"agent-item "+(e.enabled?"enabled":"disabled"),onClick:t=>{t.stopPropagation(),(e=>{const t=p.map(t=>t.name===e?{...t,enabled:!t.enabled}:t);u(t),fetch("/api/config/subagents",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({subAgents:t,mode:m,selectedAgent:E})}).catch(e=>{})})(e.name)},style:{cursor:"pointer"}},a.createElement("input",{type:"checkbox",checked:e.enabled,onChange:()=>{},style:{cursor:"pointer",marginRight:"8px",width:"16px",height:"16px"},onClick:e=>e.stopPropagation()}),a.createElement("div",{className:"agent-status-indicator"}),a.createElement("div",{className:"agent-info"},a.createElement("span",{className:"agent-name"},e.name),a.createElement("span",{className:"agent-role"},e.role)),a.createElement("span",{className:"agent-status-text"},e.enabled?"active":"inactive")))):a.createElement("div",{className:"agents-info-box single-mode"},a.createElement(r.KJW,{size:32,className:"single-agent-icon"}),E?a.createElement(a.Fragment,null,a.createElement("span",{className:"single-agent-label"},"Talking with: ",B()?.name),a.createElement("span",{className:"single-agent-description"},"Role: ",B()?.role),a.createElement("button",{onClick:e=>{e.stopPropagation(),h(!0)},style:{marginTop:"8px",padding:"6px 12px",background:"#667eea",color:"white",border:"none",borderRadius:"6px",fontSize:"12px",cursor:"pointer"}},"Change Agent")):a.createElement(a.Fragment,null,a.createElement("span",{className:"single-agent-label"},"Direct Agent Communication"),a.createElement("span",{className:"single-agent-description"},"Click to select which agent to talk with."),a.createElement("button",{onClick:e=>{e.stopPropagation(),h(!0)},style:{marginTop:"8px",padding:"6px 12px",background:"#667eea",color:"white",border:"none",borderRadius:"6px",fontSize:"12px",cursor:"pointer"}},"Select Agent"))))))),V().length>0&&a.createElement("div",{className:"status-item status-more",onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1)},a.createElement(r.a4,{size:14}),a.createElement("span",{className:"status-label"},"More"),N&&a.createElement("div",{className:"more-popup"},a.createElement("div",{className:"more-popup-header"},a.createElement("span",null,"More Options")),a.createElement("div",{className:"more-list"},V().map(e=>a.createElement("div",{key:e.id,className:"more-item",onClick:t=>{t.stopPropagation(),e.action(),w(!1)}},e.icon,a.createElement("span",{className:"more-item-label"},e.label)))))),a.createElement("div",{className:"status-bar-right"},a.createElement("div",{className:"status-item status-connection"},a.createElement(r.Jly,{size:14,className:"status-connected"}),a.createElement("span",{className:"status-label"},"Connected")))))}}},s={};function o(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={id:e,exports:{}};return l[e].call(n.exports,n,n.exports,o),n.exports}o.m=l,e=[],o.O=function(t,n,a,r){if(!n){var l=1/0;for(m=0;m<e.length;m++){n=e[m][0],a=e[m][1],r=e[m][2];for(var s=!0,i=0;i<n.length;i++)(!1&r||l>=r)&&Object.keys(o.O).every(function(e){return o.O[e](n[i])})?n.splice(i--,1):(s=!1,r<l&&(l=r));if(s){e.splice(m--,1);var c=a();void 0!==c&&(t=c)}}return t}r=r||0;for(var m=e.length;m>0&&e[m-1][2]>r;m--)e[m]=e[m-1];e[m]=[n,a,r]},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},o.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var r=Object.create(null);o.r(r);var l={};t=t||[null,n({}),n([]),n(n)];for(var s=2&a&&e;("object"==typeof s||"function"==typeof s)&&!~t.indexOf(s);s=n(s))Object.getOwnPropertyNames(s).forEach(function(t){l[t]=function(){return e[t]}});return l.default=function(){return e},o.d(r,l),r},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.f={},o.e=function(e){return Promise.all(Object.keys(o.f).reduce(function(t,n){return o.f[n](e,t),t},[]))},o.u=function(e){return e+".b569aac648da5c31cd46.bundle.js"},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a={},r="@carbon/ai-chat-examples-web-components-basic:",o.l=function(e,t,n,l){if(a[e])a[e].push(t);else{var s,i;if(void 0!==n)for(var c=document.getElementsByTagName("script"),m=0;m<c.length;m++){var d=c[m];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==r+n){s=d;break}}s||(i=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,o.nc&&s.setAttribute("nonce",o.nc),s.setAttribute("data-webpack",r+n),s.src=e),a[e]=[t];var p=function(t,n){s.onerror=s.onload=null,clearTimeout(u);var r=a[e];if(delete a[e],s.parentNode&&s.parentNode.removeChild(s),r&&r.forEach(function(e){return e(n)}),t)return t(n)},u=setTimeout(p.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=p.bind(null,s.onerror),s.onload=p.bind(null,s.onload),i&&document.head.appendChild(s)}},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.p="/",function(){var e={3997:0};o.f.j=function(t,n){var a=o.o(e,t)?e[t]:void 0;if(0!==a)if(a)n.push(a[2]);else{var r=new Promise(function(n,r){a=e[t]=[n,r]});n.push(a[2]=r);var l=o.p+o.u(t),s=new Error;o.l(l,function(n){if(o.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var r=n&&("load"===n.type?"missing":n.type),l=n&&n.target&&n.target.src;s.message="Loading chunk "+t+" failed.\n("+r+": "+l+")",s.name="ChunkLoadError",s.type=r,s.request=l,a[1](s)}},"chunk-"+t,t)}},o.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,r,l=n[0],s=n[1],i=n[2],c=0;if(l.some(function(t){return 0!==e[t]})){for(a in s)o.o(s,a)&&(o.m[a]=s[a]);if(i)var m=i(o)}for(t&&t(n);c<l.length;c++)r=l[c],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return o.O(m)},n=self.webpackChunk_carbon_ai_chat_examples_web_components_basic=self.webpackChunk_carbon_ai_chat_examples_web_components_basic||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),o.nc=void 0;var i=o.O(void 0,[6893,3860,3671,4969,7296,7262,3787,1245,1610,6774,716,8320,2911,9974,5981,7833,7531,9458,8300,9437,2587,8974,2135,466,3411,3320,9560,4812,1521,3122,4915,7616,7770,6423,1872,1366,8197,9169,5080,5659,2252,9272,6829,9357,8068,6091,4687,859,4921,9537,8327,7565,9507,2986,5260,4520,6861,7236,9865,3833,1562,3273,6251,1432,1508,5797,3896,4582,2853,6868,5852,8415,8491,9638,8592,6874,7907,4332,4391,4079,4794,7823,6411,6334,949,1558,64,3280,4670,7281,4840,2949,6241,1470,3424],function(){return o(82685)});i=o.O(i)}();