bangonit 0.3.0 → 0.3.2

package/app/webapp/.next/static/chunks/app/app/page-0e096497dcb81dae.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[191],{6421:function(e,t,n){Promise.resolve().then(n.bind(n,2953))},2953:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return L}});var a=n(7573),i=n(7653),r=n(774),o=n(1446),l=n(2574),s=n(3334);function c(e){let{agentId:t}=e,[n,r]=(0,i.useState)(null),[o,l]=(0,i.useState)(!1),[s,c]=(0,i.useState)(!1),[u,d]=(0,i.useState)([]),h=(0,i.useRef)(),p=(0,i.useRef)(0),b=(0,i.useCallback)(()=>{l(!0),clearTimeout(h.current),h.current=setTimeout(()=>l(!1),2e3)},[]);return((0,i.useEffect)(()=>{var e,n,a;let i=[];return i.push(null===(e=window.bangonit)||void 0===e?void 0:e.onCursorMove(e=>{e.agentId===t&&(r({x:e.x,y:e.y}),b())})),i.push(null===(n=window.bangonit)||void 0===n?void 0:n.onCursorDown(e=>{if(e.agentId!==t)return;r({x:e.x,y:e.y}),c(!0),b();let n=++p.current;d(t=>[...t,{id:n,x:e.x,y:e.y}]),setTimeout(()=>{d(e=>e.filter(e=>e.id!==n))},400)})),i.push(null===(a=window.bangonit)||void 0===a?void 0:a.onCursorUp(e=>{e.agentId===t&&(c(!1),b())})),()=>{i.forEach(e=>null==e?void 0:e()),clearTimeout(h.current)}},[t,b]),n)?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("svg",{width:"28",height:"28",viewBox:"0 0 24 24",className:"pointer-events-none absolute z-20",style:{left:n.x,top:n.y,transform:"translate(-2px, -1px) ".concat(s?"scale(0.8)":"scale(1)"),transition:"left 30ms linear, top 30ms linear, transform 80ms ease-out, opacity 400ms ease-out",opacity:o?1:0,filter:"drop-shadow(0 1px 2px rgba(0,0,0,0.5))"},children:(0,a.jsx)("path",{d:"M5 3l14 8.5-6.5 1.5-3.5 6z",fill:"white",stroke:"black",strokeWidth:"1.5",strokeLinejoin:"round"})}),u.map(e=>(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"pointer-events-none absolute z-20 rounded-full bg-blue-400/50",style:{left:e.x,top:e.y,width:0,height:0,transform:"translate(-50%, -50%)",animation:"cursor-ripple ".concat(400,"ms ease-out forwards")}}),(0,a.jsx)("span",{className:"pointer-events-none absolute z-20 rounded-full border-2 border-blue-400/60",style:{left:e.x,top:e.y,width:0,height:0,transform:"translate(-50%, -50%)",animation:"cursor-ripple-ring ".concat(400,"ms ease-out forwards")}})]},e.id)),(0,a.jsx)("style",{children:"\n        @keyframes cursor-ripple {\n          0% { width: 0; height: 0; opacity: 0.8; }\n          100% { width: 48px; height: 48px; opacity: 0; }\n        }\n        @keyframes cursor-ripple-ring {\n          0% { width: 0; height: 0; opacity: 0.9; }\n          100% { width: 64px; height: 64px; opacity: 0; }\n        }\n      "})]}):null}async function u(e,t,n,a){let{result:i}=await window.bangonit.cdpSend(e,"Runtime.evaluate",{expression:"\n(function() {\n  var MAX_CHARS = 60000;\n  var MAX_ELEMENTS = 5000;\n  var MAX_DEPTH = 1500;\n  var totalChars = 0;\n  var visited = 0;\n  var truncated = false;\n  var refCounter = 0;\n\n  window.__dmjRefs = new Map();\n\n  var SKIP_TAGS = {SCRIPT:1,STYLE:1,NOSCRIPT:1,SVG:1,PATH:1,META:1,LINK:1,TEMPLATE:1,IFRAME:1,BR:1,HR:1,WBR:1,CANVAS:1,VIDEO:1,AUDIO:1,MAP:1,AREA:1,PICTURE:1,SOURCE:1,TRACK:1,OBJECT:1,EMBED:1};\n  var INTERACTIVE_ROLES = {button:1,link:1,textbox:1,checkbox:1,radio:1,combobox:1,menuitem:1,tab:1,switch:1,option:1};\n  var INPUT_ROLE = {checkbox:'checkbox',radio:'radio',submit:'button',button:'button',search:'searchbox',file:'file'};\n  var TAG_ROLE = {A:'link',BUTTON:'button',SELECT:'combobox',TEXTAREA:'textbox',IMG:'img',H1:'heading',H2:'heading',H3:'heading',H4:'heading',H5:'heading',H6:'heading',NAV:'navigation',MAIN:'main',FORM:'form',TABLE:'table',UL:'list',OL:'list',LI:'listitem'};\n\n  function isVisible(el) {\n    if (el.hidden || el.getAttribute('aria-hidden') === 'true') return false;\n    if (!el.offsetParent && el.tagName !== 'BODY' && el.tagName !== 'HTML') {\n      var pos = getComputedStyle(el).position;\n      if (pos !== 'fixed' && pos !== 'sticky') return false;\n    }\n    var s = el.style;\n    if (s.display === 'none' || s.visibility === 'hidden') return false;\n    return true;\n  }\n\n  function isInteractive(el) {\n    var tag = el.tagName;\n    if (tag === 'A' || tag === 'BUTTON' || tag === 'SELECT' || tag === 'TEXTAREA') return true;\n    if (tag === 'INPUT' && el.type !== 'hidden') return true;\n    var role = el.getAttribute('role');\n    if (role && INTERACTIVE_ROLES[role]) return true;\n    var tabindex = el.getAttribute('tabindex');\n    if (el.onclick || (tabindex !== null && tabindex >= '0')) return true;\n    if (el.contentEditable === 'true') return true;\n    return false;\n  }\n\n  function getRole(el) {\n    var r = el.getAttribute('role');\n    if (r) return r;\n    if (el.tagName === 'INPUT') return INPUT_ROLE[(el.type||'text').toLowerCase()] || 'textbox';\n    return TAG_ROLE[el.tagName] || null;\n  }\n\n  function getLabel(el) {\n    return (el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('alt') || el.getAttribute('title') || '').slice(0, 50);\n  }\n\n  function directText(el) {\n    var t = '';\n    for (var n = el.firstChild; n; n = n.nextSibling) {\n      if (n.nodeType === 3) t += n.data;\n      if (t.length > 60) break;\n    }\n    return t.trim().replace(/\\s+/g, ' ').slice(0, 60);\n  }\n\n  function walk(el, depth) {\n    if (truncated || !el || el.nodeType !== 1) return '';\n    if (SKIP_TAGS[el.tagName]) return '';\n    if (!isVisible(el)) return '';\n    if (depth > MAX_DEPTH) return '';\n    if (++visited > MAX_ELEMENTS) { truncated = true; return ''; }\n\n    var role = getRole(el);\n    var interactive = isInteractive(el);\n    var showThis = !!(role || interactive);\n    var lines = [];\n\n    if (showThis) {\n      var label = getLabel(el);\n      var dtext = directText(el);\n      var line = '[' + (role || el.tagName.toLowerCase());\n      var txt = label || dtext;\n      if (txt) line += ' \"' + txt.replace(/\"/g, \"'\") + '\"';\n      if (interactive) {\n        var ref = 'e' + (++refCounter);\n        window.__dmjRefs.set(ref, new WeakRef(el));\n        line += ' ref=' + ref;\n      }\n      line += ']';\n      if (el === document.activeElement) line += ' [focused]';\n      if ((el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') && el.value) line += ' val=\"' + el.value.slice(0,40) + '\"';\n      if (el.tagName === 'INPUT' && (el.type === 'checkbox' || el.type === 'radio')) line += el.checked ? ' [x]' : ' [ ]';\n\n      totalChars += line.length;\n      if (totalChars > MAX_CHARS) { truncated = true; return ''; }\n      lines.push(line);\n    }\n\n    for (var c = el.firstElementChild; c; c = c.nextElementSibling) {\n      if (truncated) break;\n      var out = walk(c, showThis ? depth + 1 : depth);\n      if (out) lines.push(showThis ? out.split('\\n').map(function(l){return '  '+l}).join('\\n') : out);\n    }\n\n    if (!showThis) {\n      var dt = directText(el);\n      if (dt.length > 2) {\n        totalChars += dt.length;\n        if (totalChars > MAX_CHARS) { truncated = true; return ''; }\n        lines.push('\"' + dt + '\"');\n      }\n    }\n\n    return lines.join('\\n');\n  }\n\n  var tree = walk(document.body, 0);\n  var h = 'URL: ' + location.href + '\\nTitle: ' + document.title;\n  if (truncated) h += '\\n[TRUNCATED - page too large]';\n  return h + '\\n\\n' + tree;\n})()\n",returnByValue:!0});return(i.value||"Empty page")+"\n\nMouse position: ".concat(t,",").concat(n)+a}async function d(e,t,n){let a=window.bangonit;if(t.ref){let{result:r}=await a.cdpSend(e,"Runtime.evaluate",{expression:'(function() { var r = window.__dmjRefs && window.__dmjRefs.get("'.concat(t.ref,'"); return r ? r.deref() || null : null; })()'),returnByValue:!1});if(!r.objectId)throw Error('Element ref "'.concat(t.ref,'" not found — take a new snapshot'));try{let{model:i}=await a.cdpSend(e,"DOM.getBoxModel",{objectId:r.objectId}),o=i.content,l=Math.round((o[0]+o[2]+o[4]+o[6])/4),s=Math.round((o[1]+o[3]+o[5]+o[7])/4);if(n){let{result:t}=await a.cdpSend(e,"Runtime.evaluate",{expression:"JSON.stringify({ w: window.innerWidth, h: window.innerHeight })",returnByValue:!0}),n=JSON.parse(t.value);if(l<0||l>n.w||s<0||s>n.h){await a.cdpSend(e,"Runtime.callFunctionOn",{objectId:r.objectId,functionDeclaration:'function() { this.scrollIntoView({ block: "center", inline: "center", behavior: "instant" }); }',returnByValue:!0}),await new Promise(e=>setTimeout(e,100));let{model:t}=await a.cdpSend(e,"DOM.getBoxModel",{objectId:r.objectId}),n=t.content;l=Math.round((n[0]+n[2]+n[4]+n[6])/4),s=Math.round((n[1]+n[3]+n[5]+n[7])/4)}}else if(l<0||s<0){let{result:n}=await a.cdpSend(e,"Runtime.callFunctionOn",{objectId:r.objectId,functionDeclaration:"function() {\n            var r = this.getBoundingClientRect();\n            return { top: r.top, bottom: r.bottom, left: r.left, right: r.right, vh: window.innerHeight, vw: window.innerWidth };\n          }",returnByValue:!0}),i=n.value;if(i){let e=i.top<0?Math.round(i.top-100):i.bottom>i.vh?Math.round(i.bottom-i.vh+100):0,n=0!==e?" Scroll ".concat(e>0?"down":"up"," ~").concat(Math.abs(e),"px (wheel dy=").concat(e," at current mouse position)"):"";throw Error('Element ref "'.concat(t.ref,'" is not in the viewport and cannot auto-scroll because this batch contains x,y coordinates that would be invalidated by scrolling.').concat(n))}}return{x:l,y:s}}catch(o){var i;if(null===(i=o.message)||void 0===i?void 0:i.includes("not in the viewport"))throw o;if(n)try{await a.cdpSend(e,"Runtime.callFunctionOn",{objectId:r.objectId,functionDeclaration:'function() { this.scrollIntoView({ block: "center", inline: "center", behavior: "instant" }); }',returnByValue:!0}),await new Promise(e=>setTimeout(e,100));let{model:t}=await a.cdpSend(e,"DOM.getBoxModel",{objectId:r.objectId}),n=t.content;return{x:Math.round((n[0]+n[2]+n[4]+n[6])/4),y:Math.round((n[1]+n[3]+n[5]+n[7])/4)}}catch(e){throw Error('Element ref "'.concat(t.ref,'" could not be scrolled into view'))}try{let{result:n}=await a.cdpSend(e,"Runtime.callFunctionOn",{objectId:r.objectId,functionDeclaration:"function() {\n            var r = this.getBoundingClientRect();\n            return { top: r.top, bottom: r.bottom, left: r.left, right: r.right, vh: window.innerHeight, vw: window.innerWidth };\n          }",returnByValue:!0}),i=n.value;if(i){let e=i.top<0?Math.round(i.top-100):i.bottom>i.vh?Math.round(i.bottom-i.vh+100):0,n=0!==e?" Scroll ".concat(e>0?"down":"up"," ~").concat(Math.abs(e),"px (wheel dy=").concat(e," at current mouse position)"):"";throw Error('Element ref "'.concat(t.ref,'" is not in the viewport and cannot auto-scroll because this batch contains x,y coordinates that would be invalidated by scrolling.').concat(n))}}catch(e){if(e.message.includes("not in the viewport"))throw e}throw Error('Element ref "'.concat(t.ref,'" is not visible in the viewport — use only refs or scroll manually first'))}finally{a.cdpSend(e,"Runtime.releaseObject",{objectId:r.objectId}).catch(e=>console.error(e))}}return{x:t.x,y:t.y}}async function h(e,t,n,a,i,r){let o=window.bangonit,l=Math.hypot(a-t,i-n);if(l<1){null==r||r(a,i);return}let s=Math.min(Math.max(Math.round(l/15),3),40),c=Math.min(Math.max(.8*l,30),300);for(let l=1;l<=s;l++){let u=l/s,d=u<.5?4*u*u*u:1-Math.pow(-2*u+2,3)/2,h=Math.round(t+(a-t)*d),p=Math.round(n+(i-n)*d);await o.cdpSend(e,"Input.dispatchMouseEvent",{type:"mouseMoved",x:h,y:p}),null==r||r(h,p),l<s&&await new Promise(e=>setTimeout(e,c/s))}}async function p(e,t,n,a,i){var r,o,l,s,c,u,p,b;let m=window.bangonit;null===(r=i.onMouseLock)||void 0===r||r.call(i);let w=!t.some(e=>"wait"!==e.action&&void 0!==e.x),g=n,f=a;try{let n=[];for(let a of t){if("wait"===a.action){await new Promise(e=>setTimeout(e,Math.min(a.ms||100,2e3))),n.push("wait(".concat(a.ms||100,"ms)"));continue}let t=a.ref?{ref:a.ref}:{x:a.x,y:a.y},r=await d(e,t,w),b="".concat(r.x,",").concat(r.y),{x:v,y:x}=r;switch(a.action){case"down":await h(e,g,f,v,x,i.onCursorMove),g=v,f=x,null===(o=i.onCursorDown)||void 0===o||o.call(i,v,x),await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mousePressed",x:v,y:x,button:"left",clickCount:1}),n.push("down(".concat(b,")"));break;case"move":await h(e,g,f,v,x,i.onCursorMove),g=v,f=x,n.push("move(".concat(b,")"));break;case"up":await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mouseReleased",x:v,y:x,button:"left",clickCount:1}),null===(l=i.onCursorUp)||void 0===l||l.call(i,v,x),n.push("up(".concat(b,")"));break;case"click":await h(e,g,f,v,x,i.onCursorMove),g=v,f=x,null===(s=i.onCursorDown)||void 0===s||s.call(i,v,x),await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mousePressed",x:v,y:x,button:"left",clickCount:1}),await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mouseReleased",x:v,y:x,button:"left",clickCount:1}),null===(c=i.onCursorUp)||void 0===c||c.call(i,v,x),n.push("click(".concat(b,")"));break;case"dblclick":await h(e,g,f,v,x,i.onCursorMove),g=v,f=x,null===(u=i.onCursorDown)||void 0===u||u.call(i,v,x),await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mousePressed",x:v,y:x,button:"left",clickCount:1}),await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mouseReleased",x:v,y:x,button:"left",clickCount:1}),await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mousePressed",x:v,y:x,button:"left",clickCount:2}),await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mouseReleased",x:v,y:x,button:"left",clickCount:2}),null===(p=i.onCursorUp)||void 0===p||p.call(i,v,x),n.push("dblclick(".concat(b,")"));break;case"wheel":{await h(e,g,f,v,x,i.onCursorMove),g=v,f=x;let t=a.dx||0,r=a.dy||0;await m.cdpSend(e,"Input.dispatchMouseEvent",{type:"mouseWheel",x:v,y:x,deltaX:t,deltaY:r}),n.push("wheel(".concat(b,",").concat(t,",").concat(r,")"))}}}return{result:"Mouse: ".concat(n.join(" → ")),mouseX:g,mouseY:f}}finally{null===(b=i.onMouseUnlock)||void 0===b||b.call(i)}}async function b(e,t){let n=window.bangonit;for(let a of t)await n.sendInputEvent(e,{type:"keyDown",keyCode:a}),await n.sendInputEvent(e,{type:"char",keyCode:a}),await n.sendInputEvent(e,{type:"keyUp",keyCode:a}),await new Promise(e=>setTimeout(e,30+70*Math.random()));return'Typed "'.concat(t.slice(0,50),'"')}async function m(e,t){let n=window.bangonit,a=t.split("+"),i=a.pop(),r=a.map(e=>e.toLowerCase()),o=[];for(let e of r)"control"===e||"ctrl"===e?o.push("control"):"meta"===e||"command"===e||"cmd"===e?o.push("meta"):"alt"===e||"option"===e?o.push("alt"):"shift"===e&&o.push("shift");return await n.sendInputEvent(e,{type:"keyDown",keyCode:i,modifiers:o}),0===o.length&&("Enter"===i?await n.sendInputEvent(e,{type:"char",keyCode:"\r"}):1===i.length&&await n.sendInputEvent(e,{type:"char",keyCode:i})),await n.sendInputEvent(e,{type:"keyUp",keyCode:i,modifiers:o}),"Pressed ".concat(t)}let w=new Map;async function g(e){let t=new TextEncoder().encode(e);return Array.from(new Uint8Array(await crypto.subtle.digest("SHA-256",t))).map(e=>e.toString(16).padStart(2,"0")).join("")}async function f(e){let t;let n=window.bangonit;try{t=await n.capturePage(e)}catch(e){throw Error("could not capture page (page may be navigating)")}let{activeTabId:a}=await n.getTabInfo(e),i="".concat(e,":").concat(null!=a?a:0),r=await g(t);return w.get(i)===r?{type:"not_changed"}:(w.set(i,r),{type:"changed",base64:t})}async function v(e,t){let n=window.bangonit;t.startsWith("http://")||t.startsWith("https://")||(t="https://"+t);let{url:a}=await n.loadURL(e,t);return"Navigated to ".concat(a)}async function x(e){let{ok:t,url:n,reason:a}=await window.bangonit.goBack(e);return t?"Navigated back to ".concat(n):"Cannot go back — ".concat(a)}async function y(e){let{ok:t,url:n,reason:a}=await window.bangonit.goForward(e);return t?"Navigated forward to ".concat(n):"Cannot go forward — ".concat(a)}async function I(e,t){let n=window.bangonit,a=t.action;switch(a){case"list":{let{tabs:t,activeTabId:a}=await n.getTabInfo(e);if(!t.length)return"No tabs open";return t.map(e=>{let t=e.tabId===a?" (active)":"",n=e.isPopup?" (popup)":"";return"Tab ".concat(e.tabId,": ").concat(e.title||"(untitled)"," — ").concat(e.url).concat(t).concat(n)}).join("\n")}case"new":{await n.requestNewTab(e,t.url||"about:blank"),await new Promise(e=>setTimeout(e,3e3));let{activeTabId:a}=await n.getTabInfo(e);return"Opened new tab".concat(t.url?": "+t.url:"",". Active tab is now ").concat(a,".")}case"select":{let a=t.tabId;if(void 0===a)return"Error: tabId required for select";let{tabs:i}=await n.getTabInfo(e);if(!i.find(e=>e.tabId===a))return"Error: tab ".concat(a,' not found. Use browser_tabs with action "list" to see available tabs.');await n.setActiveTab(e,a),await n.requestSelectTab(e,a);let r=i.find(e=>e.tabId===a);return"Switched to tab ".concat(a,": ").concat(null==r?void 0:r.url)}case"close":{var i;let{tabs:a,activeTabId:r}=await n.getTabInfo(e),o=null!==(i=t.tabId)&&void 0!==i?i:r;if(null===o)return"Error: no tab to close";if(!a.find(e=>e.tabId===o))return"Error: tab ".concat(o," not found.");if(a.length<=1)return"Cannot close the last tab.";return await n.requestCloseTab(e,o),"Closed tab ".concat(o)}default:return'Error: unknown tab action "'.concat(a,'". Use list, new, select, or close.')}}async function k(e){let{tabs:t,activeTabId:n}=await window.bangonit.getTabInfo(e);return t.length<=1?"":"\n\nOpen tabs:\n"+t.map(e=>{let t=e.tabId===n?" (active)":"",a=e.isPopup?" (popup)":"";return"  Tab ".concat(e.tabId,": ").concat(e.title||"(untitled)"," — ").concat(e.url).concat(t).concat(a)}).join("\n")}async function T(e,t){let n=window.bangonit,a=Math.min(Math.max((null==t?void 0:t.timeout)||10,.1),30),i=null==t?void 0:t.text,r="visible"===((null==t?void 0:t.state)||"visible");if(!i)return await new Promise(e=>setTimeout(e,1e3*a)),"Waited ".concat(a," seconds");let o=Date.now()+1e3*a;for(;Date.now()<o;){let{result:t}=await n.cdpSend(e,"Runtime.evaluate",{expression:"document.body.innerText.includes(".concat(JSON.stringify(i),")"),returnByValue:!0}),a=t.value;if(r&&a)return'Text "'.concat(i,'" is now visible on the page.');if(!r&&!a)return'Text "'.concat(i,'" is no longer visible on the page.');await new Promise(e=>setTimeout(e,500))}return'Timeout: text "'.concat(i,'" ').concat(r?"did not appear":"did not disappear"," within ").concat(a,"s.")}class N{start(){!this.cleanup&&window.bangonit&&(this.cleanup=window.bangonit.onCdpEvent(e=>{"Network.requestWillBeSent"===e.method?this.inflightRequests++:("Network.loadingFinished"===e.method||"Network.loadingFailed"===e.method)&&(this.inflightRequests=Math.max(0,this.inflightRequests-1))}))}stop(){var e;null===(e=this.cleanup)||void 0===e||e.call(this),this.cleanup=null,this.inflightRequests=0}async waitForIdle(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:500,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2e3,n=Date.now()+t,a=0===this.inflightRequests?Date.now():null;for(;Date.now()<n;){if(0===this.inflightRequests){if(a||(a=Date.now()),Date.now()-a>=e)return}else a=null;await new Promise(e=>setTimeout(e,50))}}constructor(){this.inflightRequests=0,this.cleanup=null}}let C={navigate:"browser_navigate",back:"browser_navigate_back",forward:"browser_go_forward",mouse:"browser_mouse",type:"browser_type",press:"browser_press_key",tabs:"browser_tabs",downloads:"browser_downloads",wait:"browser_wait_for",close:"browser_close"};var j=n(8204);let E=j.VK("type",[j.Ry({type:j.i0("not_changed")}),j.Ry({type:j.i0("changed"),base64:j.Z_()})]);j.Ry({textOutput:j.Z_(),imageOutput:E.nullable()});let S=Promise.resolve();class R{destroy(){this.networkTracker.stop()}enableRecording(e){this.recorder=e}cursorCallbacks(){let e=this.agentId,t=window.bangonit,n=this.recorder;return{onCursorMove:(a,i)=>{t.emitCursorMove(e,a,i),null==n||n.updateCursor(a,i)},onCursorDown:(a,i)=>{t.emitCursorDown(e,a,i),null==n||n.setCursorDown()},onCursorUp:(a,i)=>{t.emitCursorUp(e,a,i),null==n||n.setCursorUp()},onMouseLock:()=>t.emitMouseLock(e),onMouseUnlock:()=>t.emitMouseUnlock(e)}}async callTool(e,t){switch(e){case"browser_navigate":return v(this.agentId,t.url);case"browser_navigate_back":return x(this.agentId);case"browser_go_forward":return y(this.agentId);case"browser_mouse":{let{result:e,mouseX:n,mouseY:a}=await p(this.agentId,t.steps,this.mouseX,this.mouseY,this.cursorCallbacks());return this.mouseX=n,this.mouseY=a,e}case"browser_type":return b(this.agentId,t.text);case"browser_press_key":return m(this.agentId,t.key);case"browser_close":return I(this.agentId,{action:"close"});case"browser_wait_for":return T(this.agentId,t);case"browser_tabs":return I(this.agentId,t);case"browser_downloads":{let e=await window.bangonit.getDownloads(this.agentId);if(!e.length)return"No downloads.";return e.map(e=>{let t=e.totalBytes>0?Math.round(e.bytes/e.totalBytes*100)+"%":"";return"[".concat(e.state,"] ").concat(e.filename," ").concat(t," → ").concat(e.path)}).join("\n")}default:throw Error("Unknown tool: ".concat(e))}}async exec(e){let t=function(){let e;let t=new Promise(t=>{e=t}),n=S;return S=S.then(()=>t),{promise:n,release:e}}();await t.promise;try{return await this._exec(e)}finally{t.release()}}async _exec(e){var t,n,a,i,r,o,l;let{actions:s,observe:c}=e,d=[],h=null;if(this.recorder)try{let e=await (null===(t=window.bangonit)||void 0===t?void 0:t.getTabInfo(this.agentId)),i=null!==(a=null==e?void 0:e.activeTabId)&&void 0!==a?a:0,r=null==e?void 0:null===(n=e.tabs)||void 0===n?void 0:n.find(e=>e.tabId===i);await this.recorder.startClip(i,null==r?void 0:r.url)}catch(e){console.warn("Failed to start recording clip:",e)}for(let e=0;e<s.length;e++){let t=s[e];if(!t||!t.action)continue;let n=C[t.action];if(!n){d.push("".concat(t.action,": Error — unknown action"));continue}try{let e=this.actionToToolArgs(t),a=await this.callTool(n,e);d.push(a||"OK")}catch(e){d.push("".concat(this.actionLabel(t),": Error — ").concat(e.message))}}if(c){s.length>0&&await this.networkTracker.waitForIdle(500,2e3);try{let e=await k(this.agentId),t=await u(this.agentId,this.mouseX,this.mouseY,e);d.push(t),"snapshot_and_screenshot"===c&&(h=await f(this.agentId))}catch(e){d.push("observe: Error — ".concat(e.message))}}if(this.recorder)try{let e=await this.recorder.stopClip();if(e){let t=await (null===(r=window.bangonit)||void 0===r?void 0:null===(i=r.getRunDir)||void 0===i?void 0:i.call(r));if(t){let n=await e.blob.arrayBuffer();await (null===(l=window.bangonit)||void 0===l?void 0:null===(o=l.saveRecordingClip)||void 0===o?void 0:o.call(l,{runDir:t,agentId:e.meta.agentId,clipIndex:e.meta.index,tabId:e.meta.tabId,data:n}))}}}catch(e){console.warn("Failed to save recording clip:",e)}return{textOutput:d.join("\n\n"),imageOutput:h}}actionToToolArgs(e){switch(e.action){case"navigate":return{url:e.url};case"back":case"forward":case"close":case"downloads":default:return{};case"mouse":return{steps:(e.mouseActions||[]).map(e=>{if("wait"===e.action)return{action:"wait",ms:e.ms||100};let t=e.ref?{ref:e.ref}:{x:e.x,y:e.y};return"wheel"===e.action?{action:"wheel",...t,dx:e.dx||0,dy:e.dy||0}:{action:e.action,...t}})};case"type":return{text:e.text};case"press":return{key:e.key};case"tabs":return{action:e.tabAction,tabId:e.tabId,url:e.url};case"wait":return{timeout:e.timeout}}}actionLabel(e){switch(e.action){case"navigate":return"navigate ".concat(e.url);case"mouse":{let t=(e.mouseActions||[]).map(e=>"wait"===e.action?"wait ".concat(e.ms,"ms"):"wheel"===e.action?"wheel ".concat(e.x,",").concat(e.y," ").concat(e.dx,",").concat(e.dy):"".concat(e.action," ").concat(e.x,",").concat(e.y)).join(" → ");return"mouse ".concat(t)}case"type":return'type "'.concat((e.text||"").slice(0,30),'"');case"press":return"press ".concat(e.key);case"tabs":return"tabs ".concat(e.tabAction).concat(e.tabId?" "+e.tabId:"");case"wait":return"wait ".concat(e.timeout||10,"s");default:return e.action}}constructor(e){this.mouseX=0,this.mouseY=0,this.networkTracker=new N,this.recorder=null,this.agentId=e,this.networkTracker.start()}}class M{async startClip(e,t){this.currentUrl=t||"",this.recording&&await this.cancelClip(),this.recording=!0,this.currentTabId=e,this.currentFrames=[],this.clipStartTime=Date.now();let n=window.bangonit;this.cdpCleanup=n.onCdpEvent(e=>{if(e.agentId!==this.agentId||"Page.screencastFrame"!==e.method||!this.recording)return;let{data:t,metadata:a,sessionId:i}=e.params;this.currentFrames.push({imageData:t,cursor:{...this.cursorPos},clicking:this.clicking,ts:Date.now(),sessionId:i,deviceWidth:(null==a?void 0:a.deviceWidth)||0,deviceHeight:(null==a?void 0:a.deviceHeight)||0,scrollOffsetX:(null==a?void 0:a.scrollOffsetX)||0,scrollOffsetY:(null==a?void 0:a.scrollOffsetY)||0}),n.cdpSend(this.agentId,"Page.screencastFrameAck",{sessionId:i}).catch(e=>console.error(e))}),await n.cdpSend(this.agentId,"Page.startScreencast",{format:"png",quality:100,maxWidth:1920,maxHeight:1080})}async stopClip(){if(!this.recording)return null;this.recording=!1;let e=Date.now();await window.bangonit.cdpSend(this.agentId,"Page.stopScreencast").catch(e=>console.error(e)),this.cdpCleanup&&(this.cdpCleanup(),this.cdpCleanup=null);let t=this.currentFrames;if(this.currentFrames=[],0===t.length)return null;let n=await this.compositeAndEncode(t);if(!n||0===n.size)return null;let a={agentId:this.agentId,tabId:this.currentTabId,index:this.clips.length,startTime:this.clipStartTime,endTime:e,path:"clips/".concat(this.agentId,"/clip-").concat(this.clips.length,"-tab-").concat(this.currentTabId,".webm"),url:this.currentUrl||void 0};return this.clips.push(a),{blob:n,meta:a}}async cancelClip(){var e;this.recording=!1,this.currentFrames=[],this.cdpCleanup&&(this.cdpCleanup(),this.cdpCleanup=null),await (null===(e=window.bangonit)||void 0===e?void 0:e.cdpSend(this.agentId,"Page.stopScreencast").catch(e=>console.error(e)))}async compositeAndEncode(e){if(0===e.length)return null;let t=await this.decodeFrame(e[0].imageData);if(!t)return null;let n=t.width,a=t.height,i=document.createElement("canvas");i.width=n,i.height=a;let r=i.getContext("2d"),o=i.captureStream(0),l=o.getVideoTracks()[0],s=new MediaRecorder(o,{mimeType:"video/webm;codecs=vp8",videoBitsPerSecond:8e6}),c=[];s.ondataavailable=e=>{e.data.size>0&&c.push(e.data)};let u=new Promise(e=>{s.onstop=()=>{e(new Blob(c,{type:"video/webm"}))}});s.start();let d=[];for(let i=0;i<e.length;i++){let o=e[i],s=0===i?t:await this.decodeFrame(o.imageData);if(!s)continue;let c=o.deviceWidth>0?n/o.deviceWidth:1,u=o.deviceHeight>0?a/o.deviceHeight:1,m=o.cursor.x*c,w=o.cursor.y*u;o.clicking&&(0===i||!e[i-1].clicking)&&d.push({x:m,y:w,startTs:o.ts}),r.clearRect(0,0,n,a),r.drawImage(s,0,0,n,a);for(let e=d.length-1;e>=0;e--){var h,p,b;let t=d[e],n=o.ts-t.startTs;if(n>=400){d.splice(e,1);continue}h=t.x,p=t.y,b=n/400,r.save(),r.beginPath(),r.arc(h,p,24*b,0,2*Math.PI),r.fillStyle="rgba(96, 165, 250, ".concat(.8*(1-b),")"),r.fill(),r.restore(),r.save(),r.beginPath(),r.arc(h,p,32*b,0,2*Math.PI),r.strokeStyle="rgba(96, 165, 250, ".concat(.9*(1-b),")"),r.lineWidth=2,r.stroke(),r.restore()}if(!function(e,t,n,a){e.save(),e.translate(t-2,n-1),e.scale(28/24,28/24);let i=new Path2D("M5 3l14 8.5-6.5 1.5-3.5 6z");e.fillStyle="white",e.strokeStyle="black",e.lineWidth=1.5,e.lineJoin="round",e.fill(i),e.stroke(i),e.restore(),a&&(e.save(),e.beginPath(),e.arc(t,n,4,0,2*Math.PI),e.fillStyle="rgba(59, 130, 246, 0.5)",e.fill(),e.restore())}(r,m,w,o.clicking),l&&"function"==typeof l.requestFrame&&l.requestFrame(),i<e.length-1){let t=Math.max(16,Math.min(e[i+1].ts-o.ts,100));await new Promise(e=>setTimeout(e,t))}}return await new Promise(e=>setTimeout(e,100)),s.stop(),u}async decodeFrame(e){try{let t=atob(e),n=new Uint8Array(t.length);for(let e=0;e<t.length;e++)n[e]=t.charCodeAt(e);let a=new Blob([n],{type:"image/png"});return createImageBitmap(a)}catch(e){return console.warn("Failed to decode frame:",e),null}}updateCursor(e,t){this.cursorPos={x:e,y:t}}setCursorDown(){this.clicking=!0}setCursorUp(){this.clicking=!1}getClipsMeta(){return[...this.clips]}constructor(e){this.clips=[],this.currentFrames=[],this.cursorPos={x:0,y:0},this.clicking=!1,this.recording=!1,this.currentTabId=0,this.clipStartTime=0,this.cdpCleanup=null,this.ripples=[],this.currentUrl="",this.agentId=e}}function z(e){var t;let{agentId:n,agentName:l,initialPrompt:s,onStatusChange:u,onRerun:d,initialMessages:h,initialTabs:p,initialActiveTabId:b,initialTodos:m,record:w,sessionRecorder:g,onRegisterRecorder:f}=e,[v,x]=(0,i.useState)((null==p?void 0:p.map(e=>({...e,initialUrl:e.url})))||[{id:0,url:"about:blank",title:"",initialUrl:"about:blank"}]),[y,I]=(0,i.useState)(null!=b?b:0),[k,T]=(0,i.useState)(()=>{let e=null==p?void 0:p.find(e=>e.id===(null!=b?b:0));return(null==e?void 0:e.url)||""}),[N,C]=(0,i.useState)(null),[j,E]=(0,i.useState)(!1),[S,z]=(0,i.useState)(!1),A=(0,i.useRef)(new Map),[_,D]=(0,i.useState)(m||[]),O=(0,i.useRef)(null),U=(0,i.useRef)(!1),L=(0,i.useRef)(p?Math.max(...p.map(e=>e.id))+1:1),F=(0,i.useRef)(new Set),[B,H]=(0,i.useState)(0),W=(0,i.useRef)(null),V=(0,i.useRef)(null);!V.current&&window.bangonit&&(V.current=new R(n));let X=(0,i.useRef)(null);w&&!X.current&&V.current&&(X.current=new M(n),V.current.enableRecording(X.current),null==f||f(n,X.current));let J=(0,i.useRef)(g);J.current=g;let q=(0,i.useMemo)(()=>new o.PD({api:"/api/chat",headers:()=>({"X-Client-Platform":navigator.platform})}),[]),Y=(0,i.useRef)(!1),G=(0,i.useCallback)((e,t)=>{var a,i;null===(i=window.bangonit)||void 0===i||null===(a=i.emitAgentOutput)||void 0===a||a.call(i,{agentId:n,type:e,text:t,name:l})},[n,l]),{messages:K,setMessages:Z,sendMessage:Q,addToolOutput:$,stop:ee,status:et,error:en}=(0,r.RJ)({transport:q,messages:h,sendAutomaticallyWhen:e=>{let{messages:t}=e;return!Y.current&&!j&&(0,o.Qk)({messages:t})},async onToolCall(e){var t,a,i,r,o,s,c,u,d,h,p;let{toolCall:b}=e;if("report_result"===b.toolName){let e=b.input,h=(null==e?void 0:e.result)==="pass"?"pass":"fail",p=(null==e?void 0:e.summary)||"";if(G("status","".concat(h.toUpperCase(),": ").concat(p)),C({result:h,summary:p}),J.current){J.current.addEvent({ts:Date.now(),agentId:n,type:"result",data:{result:h,summary:p}});try{let e=await (null===(r=window.bangonit)||void 0===r?void 0:null===(i=r.getRunDir)||void 0===i?void 0:i.call(r));if(e){let t=(null===(o=X.current)||void 0===o?void 0:o.getClipsMeta())||[],a=[{id:n,name:l,result:h,summary:p}],i=J.current.toJSON(a,t);await (null===(c=window.bangonit)||void 0===c?void 0:null===(s=c.saveReplayData)||void 0===s?void 0:s.call(c,{runDir:e,data:JSON.stringify(i)})),await (null===(d=window.bangonit)||void 0===d?void 0:null===(u=d.generateReplayHtml)||void 0===u?void 0:u.call(d,{runDir:e}))}}catch(e){console.error(e)}}null===(a=window.bangonit)||void 0===a||null===(t=a.reportTestResult)||void 0===t||t.call(a,{agentId:n,status:h,summary:p}),$({tool:b.toolName,toolCallId:b.toolCallId,output:"Test result recorded: ".concat(h)});return}if("todos"===b.toolName){let e=b.input,t=(null==e?void 0:e.todos)||_;(null==e?void 0:e.todos)&&D(e.todos),$({tool:b.toolName,toolCallId:b.toolCallId,output:JSON.stringify(t)});return}if("browser"===b.toolName){try{let e=b.input,t=((null==e?void 0:e.actions)||[]).map(e=>"navigate"===e.action?"navigate ".concat(e.url):"type"===e.action?'type "'.concat((e.text||"").slice(0,30),'"'):"press"===e.action?"press ".concat(e.key):"mouse"===e.action?"mouse ".concat((e.mouseActions||[]).map(e=>"".concat(e.action," ").concat(e.ref||"".concat(e.x,",").concat(e.y))).join(" > ")):e.action).join(", ");G("tool","browser: ".concat(t).concat((null==e?void 0:e.observe)?" [".concat(e.observe,"]"):"")),null===(h=J.current)||void 0===h||h.addEvent({ts:Date.now(),agentId:n,type:"tool-start",data:{tool:"browser",label:t}});let a=V.current,i=a?await a.exec({actions:(null==e?void 0:e.actions)||[],observe:null==e?void 0:e.observe,prompts:null==e?void 0:e.prompts}):{error:"Error: browser tools not available"};null===(p=J.current)||void 0===p||p.addEvent({ts:Date.now(),agentId:n,type:"tool-end",data:{tool:"browser"}}),$({tool:b.toolName,toolCallId:b.toolCallId,output:Y.current?{error:"[Stopped by user]"}:JSON.stringify(i)})}catch(e){$({tool:b.toolName,toolCallId:b.toolCallId,...Y.current?{output:"[Stopped by user]"}:{state:"output-error",errorText:e.message}})}return}}});(0,i.useCallback)(()=>{Y.current=!0,ee()},[ee]);let ea="submitted"===et||"streaming"===et;(0,i.useEffect)(()=>{ea&&(Y.current=!1)},[ea]);let ei=K.length>0,er=null!==N;(0,i.useEffect)(()=>{if(ei&&!W.current&&(W.current=Date.now()),!ei||er)return;let e=setInterval(()=>{W.current&&H(Math.floor((Date.now()-W.current)/1e3))},1e3);return()=>clearInterval(e)},[ei,er]);let eo=(0,i.useRef)(null),el=(0,i.useRef)(0);(0,i.useEffect)(()=>{var e;if(0===K.length)return;let t=K[K.length-1];if("assistant"!==t.role)return;let n=(null===(e=t.parts)||void 0===e?void 0:e.filter(e=>"text"===e.type).map(e=>e.text).join(""))||"";t.id!==eo.current&&(eo.current=t.id,el.current=0);let a=n.slice(el.current);a&&(G("text",a),el.current=n.length)},[K,G]);let es=(0,i.useRef)(ea),ec=(0,i.useRef)(!1);(0,i.useEffect)(()=>{!ec.current&&es.current!==ea&&(es.current=ea,ea?null==u||u(n,"running"):(null==u||u(n,"idle",null==N?void 0:N.result),(null==N?void 0:N.result)&&(ec.current=!0)))},[ea,n,u,N]);let eu=(0,i.useRef)(!1),ed=(0,i.useRef)(null);(0,i.useEffect)(()=>{if(ed.current&&(clearTimeout(ed.current),ed.current=null),!ea&&!er&&!j&&!eu.current&&!(K.length<2))return ed.current=setTimeout(()=>{ed.current=null,eu.current||er||(eu.current=!0,Q({text:"You must call the report_result tool to finalize this test run. Call it now with the result (pass or fail) and a summary."}))},5e3),()=>{ed.current&&clearTimeout(ed.current)}},[ea,er,j,K.length,Q]),(0,i.useEffect)(()=>{var e,t;null===(t=window.bangonit)||void 0===t||null===(e=t.clearPartition)||void 0===e||e.call(t,n)},[n]),(0,i.useEffect)(()=>{J.current&&K.length>0&&J.current.setMessages(n,K)},[K,n]),(0,i.useEffect)(()=>{if(K.length>0){var e,t,a,i;null===(a=window.bangonit)||void 0===a||a.setAgentSession(n,{messages:K,initialPrompt:s,tabs:v.filter(e=>!e.isPopup).map(e=>{let{id:t,url:n,title:a}=e;return{id:t,url:n,title:a}}),activeTabId:(null===(e=v.find(e=>e.id===y))||void 0===e?void 0:e.isPopup)?null!==(i=null===(t=v.find(e=>!e.isPopup))||void 0===t?void 0:t.id)&&void 0!==i?i:0:y,todos:_})}},[K,v,y,n,s,_]);let eh=(0,i.useCallback)(e=>{var t;let a=L.current++;x(t=>[...t,{id:a,url:"about:blank",title:"",initialUrl:e}]),I(a),T("about:blank"===e?"":e),null===(t=window.bangonit)||void 0===t||t.setActiveTab(n,a)},[n]),ep=(0,i.useCallback)(e=>{x(t=>{let a=t.findIndex(t=>t.id===e);if(-1===a)return t;let i=t.filter(t=>t.id!==e);return 0===i.length?t:(I(t=>{if(t===e){var r;let e=i[Math.max(0,a-1)].id,t=i.find(t=>t.id===e);return t&&T("about:blank"===t.url?"":t.url),null===(r=window.bangonit)||void 0===r||r.setActiveTab(n,e),e}return t}),i)})},[n]),eb=(0,i.useCallback)(e=>{var t;I(e),null===(t=window.bangonit)||void 0===t||t.setActiveTab(n,e),x(t=>{let n=t.find(t=>t.id===e);return n&&T("about:blank"===n.url?"":n.url),t})},[n]),em=(0,i.useRef)(eh),ew=(0,i.useRef)(ep),eg=(0,i.useRef)(eb);em.current=eh,ew.current=ep,eg.current=eb,(0,i.useEffect)(()=>{var e,t,a,i,r;let o=[],l=e=>{e&&o.push(e)};return l(null===(e=window.bangonit)||void 0===e?void 0:e.onTabUpdated(e=>{if(e.agentId!==n)return;let t="about:blank"===e.url,a="about:blank"===e.title;x(n=>n.map(n=>n.id===e.tabId?{...n,...!t&&void 0!==e.url&&{url:e.url},...!a&&void 0!==e.title&&{title:e.title}}:n)),void 0===e.url||t||I(t=>(t===e.tabId&&T(e.url),t))})),l(null===(t=window.bangonit)||void 0===t?void 0:t.onOpenNewTab(e=>{e.agentId===n&&em.current(e.url)})),l(null===(a=window.bangonit)||void 0===a?void 0:a.onPopupOpened(e=>{e.agentId===n&&x(t=>[...t,{id:e.tabId,url:e.url||"about:blank",title:"",initialUrl:e.url||"about:blank",isPopup:!0}])})),l(null===(i=window.bangonit)||void 0===i?void 0:i.onCloseTab(e=>{e.agentId===n&&ew.current(e.tabId)})),l(null===(r=window.bangonit)||void 0===r?void 0:r.onSelectTab(e=>{e.agentId===n&&eg.current(e.tabId)})),()=>o.forEach(e=>null==e?void 0:e())},[n]),(0,i.useEffect)(()=>{U.current||(null==h?void 0:h.length)||(U.current=!0,Q({text:s}))},[s,Q,h]),(0,i.useEffect)(()=>{var e;null===(e=O.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[K]);let ef=(0,i.useCallback)((e,t,a)=>{if(!e)return;A.current.set(t,e);let i=()=>{if(!F.current.has(t))try{var i,r,o;let l=null===(i=e.getWebContentsId)||void 0===i?void 0:i.call(e);l&&(F.current.add(t),null===(r=window.bangonit)||void 0===r||r.registerTab(n,t,l,a),t===y&&(null===(o=window.bangonit)||void 0===o||o.setActiveTab(n,t)))}catch(e){console.error(e)}};i(),e.addEventListener("did-attach",i),e.addEventListener("close",()=>ew.current(t)),e._consoleListenerAttached||(e._consoleListenerAttached=!0,e.addEventListener("console-message",e=>{var t,a,i;null===(a=window.bangonit)||void 0===a||null===(t=a.emitConsoleMessage)||void 0===t||t.call(a,{agentId:n,level:e.level,message:e.message,url:e.sourceId||"",line:e.lineNumber||0}),null===(i=J.current)||void 0===i||i.addConsoleLog(n,e.level,e.message,e.sourceId||"",e.lineNumber||0)}))},[n,y]),ev=e=>"".concat(Math.floor(e/60),":").concat((e%60).toString().padStart(2,"0"));return(0,a.jsxs)("div",{className:"flex h-full w-full bg-zinc-950 overflow-hidden",children:[(0,a.jsxs)("div",{className:"flex-1 flex flex-col border-r border-zinc-800 min-w-0",children:[(0,a.jsx)("div",{className:"flex items-center bg-zinc-900 border-b border-zinc-800 overflow-x-auto",children:v.map(e=>(0,a.jsx)("button",{onClick:()=>eb(e.id),className:"flex items-center gap-1.5 px-3 py-2 text-xs border-r border-zinc-800 min-w-0 max-w-[200px] shrink-0\n                ".concat(e.id===y?"bg-zinc-800 text-zinc-200":"text-zinc-500 hover:text-zinc-300 hover:bg-zinc-850"),children:(0,a.jsxs)("span",{className:"truncate",children:[e.isPopup?"↗ ":"",e.title||(e.url&&"about:blank"!==e.url?e.url:"New Tab")]})},e.id))}),(0,a.jsx)("div",{className:"flex items-center gap-2 px-3 py-2 bg-zinc-900 border-b border-zinc-800",children:(0,a.jsx)("div",{className:"flex-1 px-3 py-1.5 bg-zinc-800 border border-zinc-700 rounded-lg text-xs text-zinc-400 truncate",children:k||"about:blank"})}),(0,a.jsxs)("div",{className:"flex-1 relative bg-white overflow-hidden",onWheel:e=>e.stopPropagation(),children:[v.map(e=>e.isPopup?e.id===y&&(0,a.jsxs)("div",{className:"absolute inset-0 flex items-center justify-center bg-zinc-900 text-zinc-400 text-sm z-[1]",children:["Popup window open — ",e.title||e.url]},e.id):(0,a.jsx)("webview",{ref:t=>ef(t,e.id,e.initialUrl),src:"about:blank",partition:"persist:agent-".concat(n),allowpopups:"",style:{width:"100%",height:"100%",position:"absolute",backgroundColor:"white",top:0,left:0,pointerEvents:e.id===y?"auto":"none",zIndex:e.id===y?1:0}},e.id)),!(null===(t=v.find(e=>e.id===y))||void 0===t?void 0:t.isPopup)&&(0,a.jsx)(c,{agentId:n}),!er&&(0,a.jsx)("div",{className:"absolute inset-0 z-10 cursor-not-allowed"})]})]}),(0,a.jsxs)("div",{className:"w-[420px] flex flex-col h-full shrink-0",children:[(0,a.jsxs)("div",{className:"flex items-center px-4 py-3 border-b border-zinc-800",children:[(0,a.jsx)("h2",{className:"text-sm font-medium text-zinc-300",children:l}),(0,a.jsx)("div",{className:"flex-1"})]}),N&&(0,a.jsxs)("div",{className:"px-4 py-2 text-sm border-b flex items-center gap-3 ".concat("pass"===N.result?"bg-green-950/30 border-green-900/50":"bg-red-950/30 border-red-900/50"),children:[(0,a.jsx)("span",{className:"font-medium ".concat("pass"===N.result?"text-green-400":"text-red-400"),children:"pass"===N.result?"PASSED":"FAILED"}),(0,a.jsx)("span",{className:"text-zinc-500 text-xs",children:ev(B)}),N.summary&&(0,a.jsx)("span",{className:"text-zinc-400 text-xs truncate flex-1",children:N.summary})]}),_.length>0&&(0,a.jsx)("div",{className:"text-xs space-y-1 px-4 py-2 border-b border-zinc-800 bg-zinc-900/80 shrink-0",children:_.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-center gap-2 ".concat("completed"===e.status?"text-zinc-500":"text-zinc-300"),children:[(0,a.jsx)("span",{className:"shrink-0",children:"completed"===e.status?"✓":"in_progress"===e.status?(0,a.jsx)("span",{className:"inline-block w-2 h-2 bg-blue-500 rounded-full animate-pulse"}):"○"}),(0,a.jsx)("span",{className:"completed"===e.status?"line-through":"",children:e.content})]},t))}),(0,a.jsxs)("div",{className:"flex-1 overflow-y-auto px-4 py-4 space-y-3",children:[K.map(e=>(0,a.jsx)(P,{message:e,agentName:l},e.id)),en&&(0,a.jsx)("div",{className:"text-sm px-3 py-2 bg-red-950/30 border border-red-900/50 rounded-lg text-red-400",children:en.message}),(0,a.jsx)("div",{ref:O})]}),(0,a.jsx)("div",{className:"px-4 py-2 border-t border-zinc-800 flex items-center gap-3 shrink-0",children:er?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"inline-block w-2 h-2 rounded-full shrink-0 ".concat("pass"===N.result?"bg-green-500":"bg-red-500")}),(0,a.jsxs)("span",{className:"text-xs font-medium ".concat("pass"===N.result?"text-green-400":"text-red-400"),children:["pass"===N.result?"Passed":"Failed"," in ",ev(B)]}),(0,a.jsx)("div",{className:"flex-1"}),(0,a.jsx)("button",{onClick:()=>{let e=A.current.get(y);e&&(S?e.closeDevTools():e.openDevTools(),z(!S))},className:"text-xs px-2 py-1 rounded border transition-colors ".concat(S?"border-blue-600 text-blue-400 bg-blue-950/30":"border-zinc-700 hover:border-zinc-500 text-zinc-500 hover:text-zinc-300"),title:"Toggle DevTools",children:"DevTools"}),(0,a.jsx)("button",{onClick:()=>{var e,t;null===(t=window.bangonit)||void 0===t||null===(e=t.emitTestRerun)||void 0===e||e.call(t),null==d||d()},className:"text-xs px-3 py-1 rounded border border-zinc-700 hover:border-zinc-500 text-zinc-400 hover:text-zinc-200 transition-colors",children:"Rerun"})]}):ei?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"inline-block w-2 h-2 rounded-full shrink-0 ".concat(j?"bg-amber-500":"bg-blue-500 animate-pulse")}),(0,a.jsxs)("span",{className:"text-xs text-zinc-400",children:[j?"Paused":"Working"," ",ev(B)]}),(0,a.jsx)("div",{className:"flex-1"}),(0,a.jsx)("button",{onClick:()=>{let e=A.current.get(y);e&&(S?e.closeDevTools():e.openDevTools(),z(!S))},className:"text-xs px-2 py-1 rounded border transition-colors ".concat(S?"border-blue-600 text-blue-400 bg-blue-950/30":"border-zinc-700 hover:border-zinc-500 text-zinc-500 hover:text-zinc-300"),title:"Toggle DevTools",children:"DevTools"}),(0,a.jsx)("button",{onClick:()=>E(!j),className:"text-xs px-2 py-1 rounded border border-zinc-700 hover:border-zinc-500 text-zinc-400 hover:text-zinc-200 transition-colors",children:j?"Continue":"Pause"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"inline-block w-2 h-2 bg-zinc-600 rounded-full shrink-0"}),(0,a.jsx)("span",{className:"text-xs text-zinc-500",children:"Queued"})]})})]})]})}function P(e){var t,n;let{message:i,agentName:r}=e;if("user"===i.role){let e=null===(n=i.parts)||void 0===n?void 0:n.find(e=>"text"===e.type);return(0,a.jsxs)("div",{className:"text-sm",children:[(0,a.jsx)("span",{className:"text-xs text-zinc-500 block mb-1",children:"Test Plan"}),(0,a.jsx)("div",{className:"text-zinc-200 prose prose-invert prose-sm max-w-none",children:(0,a.jsx)(l.UG,{remarkPlugins:[s.Z],children:(null==e?void 0:e.text)||""})})]})}return(0,a.jsx)("div",{className:"text-sm space-y-2",children:null===(t=i.parts)||void 0===t?void 0:t.map((e,t)=>{var n,i;if("text"===e.type&&e.text)return(null===(i=e.providerMetadata)||void 0===i?void 0:null===(n=i.anthropic)||void 0===n?void 0:n.type)==="compaction"?null:(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-xs text-zinc-500 block mb-1",children:r}),(0,a.jsx)("div",{className:"text-zinc-300 prose prose-invert prose-sm max-w-none",children:(0,a.jsx)(l.UG,{remarkPlugins:[s.Z],children:e.text})})]},t);if("dynamic-tool"===e.type||"string"==typeof e.type&&e.type.startsWith("tool-")){let n=e.toolName||("string"==typeof e.type?e.type.replace(/^tool-/,""):"");return"todos"===n||"report_result"===n?null:(0,a.jsx)(A,{part:e},t)}return null})})}function A(e){let{part:t}=e,[n,r]=(0,i.useState)(!1),o=t.input||{},l=t.output,s=t.state||"input-available",c=t.toolName||("string"==typeof t.type?t.type.replace(/^tool-/,""):""),u="input-streaming"===s?"":"browser"===c?(()=>{let e=(o.actions||[]).map(e=>{switch(e.action){case"navigate":return"navigate ".concat(e.url||"");case"mouse":{let t=(e.mouseActions||[]).map(e=>"wait"===e.action?"wait ".concat(e.ms,"ms"):"wheel"===e.action?"wheel ".concat(e.ref||"".concat(e.x,",").concat(e.y)):"".concat(e.action," ").concat(e.ref||"".concat(e.x,",").concat(e.y))).join(" → ");return"mouse ".concat(t)}case"type":return'type "'.concat((e.text||"").slice(0,40),'"');case"press":return"press ".concat(e.key||"");case"tabs":return"tabs ".concat(e.tabAction||"").concat(e.tabId?" "+e.tabId:"");default:return e.action||""}});return o.observe&&e.push(o.observe),e.join(", ")})():o.command||(Object.keys(o).length>0?JSON.stringify(o):"");return(0,a.jsxs)("div",{className:"text-sm",children:[(0,a.jsxs)("button",{onClick:()=>r(!n),className:"flex items-center gap-2 text-xs px-2 py-1.5 bg-zinc-900 border border-zinc-800 rounded-lg hover:border-zinc-700 transition-colors w-full text-left min-w-0",children:["input-streaming"===s||"input-available"===s?(0,a.jsx)("span",{className:"inline-block w-2 h-2 bg-amber-500 rounded-full animate-pulse shrink-0"}):(0,a.jsx)("span",{className:"text-green-500 shrink-0",children:"✓"}),(0,a.jsx)("span",{className:"text-zinc-400 font-mono truncate",children:u}),(0,a.jsx)("span",{className:"ml-auto transition-transform text-zinc-600 shrink-0 ".concat(n?"rotate-90":""),children:"▶"})]}),n&&(0,a.jsxs)("pre",{className:"mt-1 px-3 py-2 bg-zinc-900/50 rounded-lg border border-zinc-800 text-xs whitespace-pre-wrap overflow-x-auto max-h-60 overflow-y-auto",children:[u&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("span",{className:"text-zinc-300 select-all",children:["$ ",u]}),"\n"]}),null!=l&&(()=>{if("browser"===c&&"string"==typeof l)try{let e=JSON.parse(l);if(void 0!==e.textOutput)return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"text-zinc-500",children:e.textOutput}),e.imageOutput&&(0,a.jsxs)(a.Fragment,{children:["\n",(0,a.jsx)("span",{className:"changed"===e.imageOutput.type?"text-blue-400":"text-zinc-600",children:"changed"===e.imageOutput.type?"[screenshot: changed]":"[screenshot: unchanged]"})]})]})}catch(e){console.error(e)}return(0,a.jsx)("span",{className:"text-zinc-500",children:"string"==typeof l?l:JSON.stringify(l,null,2)})})()]})]})}let _={0:"debug",1:"log",2:"warn",3:"error"};class D{addEvent(e){this.events.push(e)}setMessages(e,t){let n=Date.now(),a=JSON.parse(JSON.stringify(t));for(let t=0;t<a.length;t++){let i=a[t],r="".concat(e,":").concat(t);if(this.seenParts.has(r)||this.seenParts.set(r,n),i._ts=this.seenParts.get(r),i.parts)for(let a=0;a<i.parts.length;a++){let r="".concat(e,":").concat(t,":").concat(a);this.seenParts.has(r)||this.seenParts.set(r,n),i.parts[a]._ts=this.seenParts.get(r)}}this.messages.set(e,a)}addConsoleLog(e,t,n,a,i){this.consoleLogs.has(e)||this.consoleLogs.set(e,[]),this.consoleLogs.get(e).push({ts:Date.now(),level:_[t]||"log",message:n,url:a,line:i})}toJSON(e,t){return{runId:this.runId,startTime:this.startTime,endTime:Date.now(),agents:e,timeline:[...this.events].sort((e,t)=>e.ts-t.ts),messages:Object.fromEntries(this.messages),consoleLogs:Object.fromEntries(this.consoleLogs),clips:t}}constructor(e){this.events=[],this.messages=new Map,this.consoleLogs=new Map,this.seenParts=new Map,this.runId=e,this.startTime=Date.now()}}function O(){let[e,t]=(0,i.useState)([]),[n,r]=(0,i.useState)({}),[o,l]=(0,i.useState)({}),[s,c]=(0,i.useState)(!1),[u,d]=(0,i.useState)({}),h=(0,i.useRef)(new Map),[p,b]=(0,i.useState)(null),[m,w]=(0,i.useState)(!1),[g,f]=(0,i.useState)(!1),v=(0,i.useRef)(null),x=(0,i.useRef)(new Map);(0,i.useEffect)(()=>{(async()=>{var e,n,a,i,o;let s=await (null===(e=window.bangonit)||void 0===e?void 0:e.getAgents())||[];if(0===s.length){let e={id:crypto.randomUUID(),name:"Test 1",createdAt:Date.now()};s.push(e),await (null===(a=window.bangonit)||void 0===a?void 0:a.setAgents(s))}t(s);let u={},d={};for(let e of s){let t=await (null===(i=window.bangonit)||void 0===i?void 0:i.getAgentSession(e.id));t&&(null===(o=t.messages)||void 0===o?void 0:o.length)>0&&(u[e.id]={initialPrompt:t.initialPrompt,initialMessages:t.messages.map(e=>{if("assistant"!==e.role||!e.parts)return e;let t=e.parts.map(e=>"tool-invocation"===e.type&&"result"!==e.state?{...e,state:"result",output:"[Interrupted — app was restarted]"}:e);return{...e,parts:t}}),initialTabs:t.tabs,initialActiveTabId:t.activeTabId,initialTodos:t.todos},d[e.id]="idle")}l(u),r(d),b((null===(n=s[0])||void 0===n?void 0:n.id)||null),c(!0)})()},[]);let y=(0,i.useRef)(e);y.current=e,(0,i.useEffect)(()=>{if(s&&e.length>0){var t;null===(t=window.bangonit)||void 0===t||t.setAgents(e)}},[e,s]);let I=(0,i.useCallback)(async e=>{var t,n;await (null===(n=window.bangonit)||void 0===n?void 0:null===(t=n.clearPartition)||void 0===t?void 0:t.call(n,e));let a=o[e];a&&(r(t=>({...t,[e]:"running"})),d(t=>({...t,[e]:(t[e]||0)+1})),l(t=>({...t,[e]:{initialPrompt:a.initialPrompt}})))},[o]),k=(0,i.useCallback)((e,t)=>{x.current.set(e,t)},[]),T=(0,i.useRef)(n);T.current=n;let N=(0,i.useCallback)(async(e,t)=>{var n,a,i,r,o,l;let s=v.current;if(!s)return;let c=await (null===(a=window.bangonit)||void 0===a?void 0:null===(n=a.getRunDir)||void 0===n?void 0:n.call(a));if(!c)return;let u=[];for(let e of x.current.values())u.push(...e.getClipsMeta());let d={...T.current,[e]:t},h=y.current.map(e=>{let t=d[e.id];return{id:e.id,name:e.name,result:"completed"===t?"pass":"failed"===t?"fail":void 0}}),p=s.toJSON(h,u);await (null===(r=window.bangonit)||void 0===r?void 0:null===(i=r.saveReplayData)||void 0===i?void 0:i.call(r,{runDir:c,data:JSON.stringify(p)})),await (null===(l=window.bangonit)||void 0===l?void 0:null===(o=l.generateReplayHtml)||void 0===o?void 0:o.call(l,{runDir:c}))},[]),C=(0,i.useCallback)((e,t,n)=>{let a;if(a="running"===t?"running":"pass"===n?"completed":"fail"===n?"failed":"idle",r(t=>({...t,[e]:a})),m&&("pass"===n||"fail"===n)&&N(e,a),"fail"===n){let t=h.current.get(e);if(t&&t.attempt<t.maxRetries){var i,o;t.attempt++,null===(o=window.bangonit)||void 0===o||null===(i=o.emitTestRetry)||void 0===i||i.call(o,{agentId:e,attempt:t.attempt,maxRetries:t.maxRetries}),setTimeout(()=>I(e),1e3)}}},[I,m,N]),j=(0,i.useCallback)((e,n,a)=>{a&&t(t=>t.map(t=>t.id===e?{...t,name:a}:t)),l(t=>({...t,[e]:{initialPrompt:n}})),r(t=>({...t,[e]:"running"})),b(e)},[]),E=(0,i.useCallback)(()=>{let n=crypto.randomUUID(),a={id:n,name:"Test ".concat(e.length+1),createdAt:Date.now()};t(e=>[...e,a]),b(n)},[e.length]);if((0,i.useEffect)(()=>{var e,n;let a=null===(n=window.bangonit)||void 0===n?void 0:null===(e=n.onTestPlan)||void 0===e?void 0:e.call(n,e=>{f(!0);let{agentIndex:n,testPlan:a,name:i,retries:o,extraPrompt:s,record:c}=e;if(c&&!v.current){let e=new Date().toISOString().replace(/[:.]/g,"-");v.current=new D(e),w(!0)}t(e=>{let t=n+1,a=[...e];for(;a.length<t;)a.push({id:crypto.randomUUID(),name:i||"Test ".concat(a.length+1),createdAt:Date.now()});return i&&(a=a.map((e,t)=>t===n?{...e,name:i}:e)),a}),setTimeout(()=>{t(e=>{let t=e[n];if(!t)return e;let i=s?"".concat(a,"\n\n## Additional Instructions\n").concat(s):a;return l(e=>({...e,[t.id]:{initialPrompt:i}})),r(e=>({...e,[t.id]:"running"})),o&&o>0&&h.current.set(t.id,{maxRetries:o,attempt:0,testPlan:i}),0===n&&b(t.id),e})},100)});return()=>null==a?void 0:a()},[]),(0,i.useEffect)(()=>{var e,t;let n=null===(t=window.bangonit)||void 0===t?void 0:null===(e=t.onFocusAgent)||void 0===e?void 0:e.call(t,e=>{b(e.agentId)});return()=>null==n?void 0:n()},[]),!s)return(0,a.jsx)("div",{className:"flex h-screen bg-zinc-950"});e.some(e=>o[e.id]);let S=e.find(e=>e.id===p),R=!!p&&!!o[p];return(0,a.jsxs)("div",{className:"flex h-screen bg-zinc-950 overflow-hidden",children:[(0,a.jsxs)("div",{className:"flex flex-col bg-zinc-900 border-r border-zinc-800 shrink-0 w-48 overflow-y-auto",children:[(0,a.jsxs)("div",{className:"flex items-center px-3 py-2 border-b border-zinc-800",children:[(0,a.jsx)("span",{className:"text-xs font-medium text-zinc-500 uppercase tracking-wider",children:"Tests"}),(0,a.jsx)("div",{className:"flex-1"}),(0,a.jsx)("button",{onClick:E,className:"text-zinc-500 hover:text-zinc-300 transition-colors text-lg leading-none",title:"Add test",children:"+"})]}),e.map(e=>{let t=n[e.id];return o[e.id],(0,a.jsx)("button",{onClick:()=>b(e.id),className:"px-3 py-2 text-xs text-left border-b border-zinc-800 transition-colors\n                ".concat(e.id===p?"bg-zinc-800 text-zinc-200":"text-zinc-500 hover:text-zinc-300"),children:(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"inline-block w-2 h-2 rounded-full shrink-0 ".concat("running"===t?"bg-blue-500 animate-pulse":"completed"===t?"bg-green-500":"failed"===t?"bg-red-500":"bg-zinc-600")}),(0,a.jsx)("span",{className:"truncate",children:e.name})]})},e.id)})]}),(0,a.jsxs)("div",{className:"flex-1 min-w-0 h-full relative",children:[e.map(e=>o[e.id]?(0,a.jsx)("div",{className:"absolute inset-0 z-0",style:{display:"flex",zIndex:e.id===p?1:0,pointerEvents:e.id===p?"auto":"none"},children:(0,a.jsx)(z,{agentId:e.id,agentName:e.name,initialPrompt:o[e.id].initialPrompt,initialMessages:o[e.id].initialMessages,initialTabs:o[e.id].initialTabs,initialActiveTabId:o[e.id].initialActiveTabId,initialTodos:o[e.id].initialTodos,onStatusChange:C,onRerun:()=>I(e.id),record:m,sessionRecorder:v.current||void 0,onRegisterRecorder:k})},"".concat(e.id,"-").concat(u[e.id]||0)):null),S&&!R&&!g&&(0,a.jsx)(U,{agentId:S.id,agentName:S.name,onSubmit:j})]})]})}function U(e){let{agentId:t,agentName:n,onSubmit:r}=e,[o,l]=(0,i.useState)(""),s=(0,i.useRef)(null);(0,i.useEffect)(()=>{var e;null===(e=s.current)||void 0===e||e.focus()},[t]);let c=()=>{let e=o.trim();e&&r(t,e)};return(0,a.jsx)("div",{className:"absolute inset-0 flex items-center justify-center z-10 bg-zinc-950",children:(0,a.jsxs)("div",{className:"w-full max-w-xl px-6",children:[(0,a.jsx)("h2",{className:"text-lg font-medium text-zinc-200 mb-4",children:"What would you like to test?"}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("textarea",{ref:s,value:o,onChange:e=>l(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),c())},placeholder:"Describe what to test in plain English...",className:"w-full px-4 py-3 bg-zinc-800 border border-zinc-700 rounded-lg text-sm text-zinc-200 placeholder-zinc-500 resize-none focus:outline-none focus:border-zinc-500 transition-colors",rows:4}),(0,a.jsx)("button",{onClick:c,disabled:!o.trim(),className:"absolute bottom-3 right-3 px-3 py-1.5 bg-blue-600 hover:bg-blue-500 disabled:bg-zinc-700 disabled:text-zinc-500 text-white text-xs font-medium rounded transition-colors",children:"Run"})]}),(0,a.jsx)("p",{className:"text-xs text-zinc-600 mt-2",children:"Press Enter to run. Shift+Enter for a new line."}),(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsx)("p",{className:"text-xs text-zinc-600 mb-2",children:"Examples:"}),(0,a.jsx)("div",{className:"flex flex-col gap-1.5",children:["Go to example.com and verify the homepage loads with a heading","Navigate to my-app.com/login, sign in with test@example.com / password123, and verify the dashboard loads","Go to localhost:3000, add an item to the cart, proceed to checkout, and verify the order summary"].map((e,t)=>(0,a.jsx)("button",{onClick:()=>l(e),className:"text-left text-xs text-zinc-500 hover:text-zinc-300 bg-zinc-900 hover:bg-zinc-800 px-3 py-2 rounded border border-zinc-800 transition-colors",children:e},t))})]})]})})}function L(){return(0,a.jsx)(O,{})}}},function(e){e.O(0,[46,631,293,528,744],function(){return e(e.s=6421)}),_N_E=e.O()}]);

package/app/webapp/.next/static/css/38219627f55424f2.css

@@ -0,0 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300;1,9..40,400&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+
+/*
+! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
+*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-3{bottom:.75rem}.right-3{right:.75rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[1\]{z-index:1}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-2{height:.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.w-2{width:.5rem}.w-48{width:12rem}.w-\[420px\]{width:420px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[200px\]{max-width:200px}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-90{--tw-rotate:90deg}.rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-blue-400\/60{border-color:rgba(96,165,250,.6)}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-green-900\/50{border-color:rgba(20,83,45,.5)}.border-red-900\/50{border-color:rgba(127,29,29,.5)}.border-zinc-700{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.border-zinc-800{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-blue-400\/50{background-color:rgba(96,165,250,.5)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-950\/30{background-color:rgba(23,37,84,.3)}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-950\/30{background-color:rgba(5,46,22,.3)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-950\/30{background-color:rgba(69,10,10,.3)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-zinc-600{--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))}.bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-zinc-900\/50{background-color:rgba(24,24,27,.5)}.bg-zinc-900\/80{background-color:rgba(24,24,27,.8)}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-left{text-align:left}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.line-through{text-decoration-line:line-through}.placeholder-zinc-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(113 113 122/var(--tw-placeholder-opacity,1))}.placeholder-zinc-500::placeholder{--tw-placeholder-opacity:1;color:rgb(113 113 122/var(--tw-placeholder-opacity,1))}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body,html{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#050505;color:#fafafa;height:100%}.font-display{font-family:Outfit,sans-serif}.hover\:border-zinc-500:hover{--tw-border-opacity:1;border-color:rgb(113 113 122/var(--tw-border-opacity,1))}.hover\:border-zinc-700:hover{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.hover\:text-zinc-200:hover{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.hover\:text-zinc-300:hover{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.focus\:border-zinc-500:focus{--tw-border-opacity:1;border-color:rgb(113 113 122/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:bg-zinc-700:disabled{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.disabled\:text-zinc-500:disabled{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}

package/app/webapp/.next/static/gjo79ThDW_hsOMLshlowd/_buildManifest.js

@@ -0,0 +1 @@
+self.__BUILD_MANIFEST={__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/_error":["static/chunks/pages/_error-2d792b2a41857be4.js"],sortedPages:["/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/app/webapp/.next/static/gjo79ThDW_hsOMLshlowd/_ssgManifest.js

@@ -0,0 +1 @@
+self.__SSG_MANIFEST=new Set([]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()

package/app/webapp/next.config.js

@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 const desktopPkg = require("../desktopapp/package.json");
 const nextConfig = {
+  output: "standalone",
   env: {
     DESKTOP_APP_VERSION: desktopPkg.version,
   },

package/app/webapp/package.json

@@ -5,7 +5,8 @@
   "scripts": {
     "dev": "next dev -p 3002",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "lint": "eslint src/"
   },
   "dependencies": {
     "@ai-sdk/anthropic": "^3.0.58",
@@ -21,11 +22,15 @@
     "zod": "^3.25.76"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.4",
     "@types/node": "^20.0.0",
     "@types/react": "^18.0.0",
     "autoprefixer": "^10.4.27",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "postcss": "^8.4.0",
     "tailwindcss": "^3.4.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.57.1"
   }
 }

package/app/webapp/src/shared/api/chat.ts

@@ -20,7 +20,8 @@ function loadProjectPrompt(cwd: string): string {
     const bangDir = findBangDir(cwd);
     if (!bangDir) return "";
     return fs.readFileSync(path.join(bangDir, "system_prompt.md"), "utf-8").trim();
-  } catch {
+  } catch (e) {
+    console.error(e);
     return "";
   }
 }
@@ -221,16 +222,6 @@ export function createChatHandler() {
             }
           }
         }),
-        bash: tool({
-          description: "Run a shell command. Only for non-browser tasks (file operations, scripts, etc). Do NOT use for browser automation — use the browser tool instead.",
-          inputSchema: jsonSchema({
-            type: "object",
-            properties: {
-              command: { type: "string", description: "The shell command to run" },
-            },
-            required: ["command"],
-          }),
-        }),
         todos: tool({
           description: "Track progress on multi-step tasks. Call with the FULL list of todos to update, or omit 'todos' to read the current list.",
           inputSchema: jsonSchema({

package/app/webapp/src/shared/components/AppShell.tsx

@@ -360,6 +360,12 @@ function TestPrompt({
     }
   };
 
+  const examples = [
+    "Go to example.com and verify the homepage loads with a heading",
+    "Navigate to my-app.com/login, sign in with test@example.com / password123, and verify the dashboard loads",
+    "Go to localhost:3000, add an item to the cart, proceed to checkout, and verify the order summary",
+  ];
+
   return (
     <div className="absolute inset-0 flex items-center justify-center z-10 bg-zinc-950">
       <div className="w-full max-w-xl px-6">
@@ -370,7 +376,7 @@ function TestPrompt({
             value={prompt}
             onChange={(e) => setPrompt(e.target.value)}
             onKeyDown={handleKeyDown}
-            placeholder="Describe what to test, e.g. &quot;Go to example.com and verify the homepage loads&quot;"
+            placeholder="Describe what to test in plain English..."
             className="w-full px-4 py-3 bg-zinc-800 border border-zinc-700 rounded-lg text-sm text-zinc-200 placeholder-zinc-500 resize-none focus:outline-none focus:border-zinc-500 transition-colors"
             rows={4}
           />
@@ -385,6 +391,20 @@ function TestPrompt({
         <p className="text-xs text-zinc-600 mt-2">
           Press Enter to run. Shift+Enter for a new line.
         </p>
+        <div className="mt-4">
+          <p className="text-xs text-zinc-600 mb-2">Examples:</p>
+          <div className="flex flex-col gap-1.5">
+            {examples.map((ex, i) => (
+              <button
+                key={i}
+                onClick={() => setPrompt(ex)}
+                className="text-left text-xs text-zinc-500 hover:text-zinc-300 bg-zinc-900 hover:bg-zinc-800 px-3 py-2 rounded border border-zinc-800 transition-colors"
+              >
+                {ex}
+              </button>
+            ))}
+          </div>
+        </div>
       </div>
     </div>
   );

package/app/webapp/src/shared/components/SessionView.tsx

@@ -51,8 +51,6 @@ export default function SessionView({
     ]
   );
   const [activeTabId, setActiveTabId] = useState(initialActiveTabId ?? 0);
-  const activeTabIdRef = useRef(activeTabId);
-  activeTabIdRef.current = activeTabId;
   const [urlInput, setUrlInput] = useState(() => {
     const activeTab = initialTabs?.find((t) => t.id === (initialActiveTabId ?? 0));
     return activeTab?.url || "";
@@ -127,7 +125,8 @@ export default function SessionView({
               await window.bangonit?.saveReplayData?.({ runDir, data: JSON.stringify(replayData) });
               await window.bangonit?.generateReplayHtml?.({ runDir });
             }
-          } catch (e: any) {
+          } catch (e) {
+            console.error(e);
           }
         }
 
@@ -171,12 +170,12 @@ export default function SessionView({
             actions: input?.actions || [],
             observe: input?.observe,
             prompts: input?.prompts,
-          }) : {error: "Error: browser tools not available"};
+          }) : { error: "Error: browser tools not available" };
           sessionRecorderRef.current?.addEvent({ ts: Date.now(), agentId, type: "tool-end", data: { tool: "browser" } });
           addToolOutput({
             tool: tc.toolName,
             toolCallId: tc.toolCallId,
-            output: stoppedRef.current ? {error: "[Stopped by user]"} : JSON.stringify(raw),
+            output: stoppedRef.current ? { error: "[Stopped by user]" } : JSON.stringify(raw),
           });
         } catch (err: any) {
           addToolOutput({
@@ -189,25 +188,6 @@ export default function SessionView({
         }
         return;
       }
-      // bash
-      try {
-        const command = (tc.input as any)?.command;
-        emit("tool", `bash: ${(command || "").slice(0, 100)}`);
-        const raw = (await window.bangonit?.bashExec(agentId, command)) || "OK";
-        addToolOutput({
-          tool: tc.toolName,
-          toolCallId: tc.toolCallId,
-          output: stoppedRef.current ? "[Stopped by user]" : truncateMiddle(raw),
-        });
-      } catch (err: any) {
-        addToolOutput({
-          tool: tc.toolName,
-          toolCallId: tc.toolCallId,
-          ...(stoppedRef.current
-            ? { output: "[Stopped by user]" }
-            : { state: "output-error" as const, errorText: err.message }),
-        });
-      }
     },
   });
 
@@ -446,27 +426,30 @@ export default function SessionView({
         if (wcId) {
           registeredTabsRef.current.add(tabId);
           window.bangonit?.registerTab(agentId, tabId, wcId, initialUrl);
-          if (tabId === activeTabIdRef.current) {
+          if (tabId === activeTabId) {
             window.bangonit?.setActiveTab(agentId, tabId);
           }
         }
-      } catch {}
+      } catch (e) { console.error(e); }
     };
     register();
     el.addEventListener("did-attach", register);
     el.addEventListener("close", () => closeTabRef.current(tabId));
-    // Forward browser console messages to main process + session recorder
-    el.addEventListener("console-message", (e: any) => {
-      window.bangonit?.emitConsoleMessage?.({
-        agentId,
-        level: e.level,
-        message: e.message,
-        url: e.sourceId || "",
-        line: e.lineNumber || 0,
+    // Forward browser console messages to main process + session recorder (once per webview)
+    if (!el._consoleListenerAttached) {
+      el._consoleListenerAttached = true;
+      el.addEventListener("console-message", (e: any) => {
+        window.bangonit?.emitConsoleMessage?.({
+          agentId,
+          level: e.level,
+          message: e.message,
+          url: e.sourceId || "",
+          line: e.lineNumber || 0,
+        });
+        sessionRecorderRef.current?.addConsoleLog(agentId, e.level, e.message, e.sourceId || "", e.lineNumber || 0);
       });
-      sessionRecorderRef.current?.addConsoleLog(agentId, e.level, e.message, e.sourceId || "", e.lineNumber || 0);
-    });
-  }, [agentId]);
+    }
+  }, [agentId, activeTabId]);
 
   const formatTime = (s: number) => `${Math.floor(s / 60)}:${(s % 60).toString().padStart(2, "0")}`;
 
@@ -539,11 +522,10 @@ export default function SessionView({
 
         {/* Test result banner */}
         {testResult && (
-          <div className={`px-4 py-2 text-sm border-b flex items-center gap-3 ${
-            testResult.result === "pass"
-              ? "bg-green-950/30 border-green-900/50"
-              : "bg-red-950/30 border-red-900/50"
-          }`}>
+          <div className={`px-4 py-2 text-sm border-b flex items-center gap-3 ${testResult.result === "pass"
+            ? "bg-green-950/30 border-green-900/50"
+            : "bg-red-950/30 border-red-900/50"
+            }`}>
             <span className={`font-medium ${testResult.result === "pass" ? "text-green-400" : "text-red-400"}`}>
               {testResult.result === "pass" ? "PASSED" : "FAILED"}
             </span>
@@ -601,11 +583,10 @@ export default function SessionView({
                     setDevtoolsOpen(!devtoolsOpen);
                   }
                 }}
-                className={`text-xs px-2 py-1 rounded border transition-colors ${
-                  devtoolsOpen
-                    ? "border-blue-600 text-blue-400 bg-blue-950/30"
-                    : "border-zinc-700 hover:border-zinc-500 text-zinc-500 hover:text-zinc-300"
-                }`}
+                className={`text-xs px-2 py-1 rounded border transition-colors ${devtoolsOpen
+                  ? "border-blue-600 text-blue-400 bg-blue-950/30"
+                  : "border-zinc-700 hover:border-zinc-500 text-zinc-500 hover:text-zinc-300"
+                  }`}
                 title="Toggle DevTools"
               >
                 DevTools
@@ -634,11 +615,10 @@ export default function SessionView({
                     setDevtoolsOpen(!devtoolsOpen);
                   }
                 }}
-                className={`text-xs px-2 py-1 rounded border transition-colors ${
-                  devtoolsOpen
-                    ? "border-blue-600 text-blue-400 bg-blue-950/30"
-                    : "border-zinc-700 hover:border-zinc-500 text-zinc-500 hover:text-zinc-300"
-                }`}
+                className={`text-xs px-2 py-1 rounded border transition-colors ${devtoolsOpen
+                  ? "border-blue-600 text-blue-400 bg-blue-950/30"
+                  : "border-zinc-700 hover:border-zinc-500 text-zinc-500 hover:text-zinc-300"
+                  }`}
                 title="Toggle DevTools"
               >
                 DevTools
@@ -706,14 +686,6 @@ function MessageView({ message, agentName }: { message: any; agentName: string }
   );
 }
 
-const TRUNCATE_HEAD = 32768;
-const TRUNCATE_TAIL = 32768;
-function truncateMiddle(text: string): string {
-  if (text.length <= TRUNCATE_HEAD + TRUNCATE_TAIL) return text;
-  const removed = text.length - TRUNCATE_HEAD - TRUNCATE_TAIL;
-  return text.slice(0, TRUNCATE_HEAD) + `\n\n[... truncated ${removed} characters ...]\n\n` + text.slice(-TRUNCATE_TAIL);
-}
-
 function ToolCallView({ part }: { part: any }) {
   const [expanded, setExpanded] = useState(false);
   const input = part.input || {};
@@ -724,15 +696,15 @@ function ToolCallView({ part }: { part: any }) {
 
   const command = state === "input-streaming" ? ""
     : toolName === "browser"
-    ? (() => {
+      ? (() => {
         const parts = (input.actions || []).map((a: any) => {
           switch (a.action) {
             case "navigate": return `navigate ${a.url || ""}`;
             case "mouse": {
               const summary = (a.mouseActions || []).map((s: any) =>
                 s.action === "wait" ? `wait ${s.ms}ms` :
-                s.action === "wheel" ? `wheel ${s.ref || `${s.x},${s.y}`}` :
-                `${s.action} ${s.ref || `${s.x},${s.y}`}`
+                  s.action === "wheel" ? `wheel ${s.ref || `${s.x},${s.y}`}` :
+                    `${s.action} ${s.ref || `${s.x},${s.y}`}`
               ).join(" → ");
               return `mouse ${summary}`;
             }
@@ -745,7 +717,7 @@ function ToolCallView({ part }: { part: any }) {
         if (input.observe) parts.push(input.observe);
         return parts.join(", ");
       })()
-    : input.command || (Object.keys(input).length > 0 ? JSON.stringify(input) : "");
+      : input.command || (Object.keys(input).length > 0 ? JSON.stringify(input) : "");
 
   return (
     <div className="text-sm">
@@ -785,7 +757,7 @@ function ToolCallView({ part }: { part: any }) {
                     </>
                   );
                 }
-              } catch {}
+              } catch (e) { console.error(e); }
             }
             return <span className="text-zinc-500">{typeof result === "string" ? result : JSON.stringify(result, null, 2)}</span>;
           })()}

package/app/webapp/src/shared/lib/browser/mouse.ts

@@ -107,7 +107,7 @@ export async function resolveTarget(
       }
       throw new Error(`Element ref "${target.ref}" is not visible in the viewport — use only refs or scroll manually first`);
     } finally {
-      dmj.cdpSend(agentId, "Runtime.releaseObject", { objectId: result.objectId }).catch(() => {});
+      dmj.cdpSend(agentId, "Runtime.releaseObject", { objectId: result.objectId }).catch((e) => console.error(e));
     }
   }
 

package/app/webapp/src/shared/lib/browser/recorder.ts

@@ -143,7 +143,7 @@ export class BrowserRecorder {
         scrollOffsetY: metadata?.scrollOffsetY || 0,
       });
 
-      dmj.cdpSend(this.agentId, "Page.screencastFrameAck", { sessionId }).catch(() => {});
+      dmj.cdpSend(this.agentId, "Page.screencastFrameAck", { sessionId }).catch((e) => console.error(e));
     };
 
     this.cdpCleanup = dmj.onCdpEvent(handler);
@@ -161,7 +161,7 @@ export class BrowserRecorder {
     this.recording = false;
     const endTime = Date.now();
 
-    await window.bangonit!.cdpSend(this.agentId, "Page.stopScreencast").catch(() => {});
+    await window.bangonit!.cdpSend(this.agentId, "Page.stopScreencast").catch((e) => console.error(e));
 
     if (this.cdpCleanup) {
       this.cdpCleanup();
@@ -196,7 +196,7 @@ export class BrowserRecorder {
       this.cdpCleanup();
       this.cdpCleanup = null;
     }
-    await window.bangonit?.cdpSend(this.agentId, "Page.stopScreencast").catch(() => {});
+    await window.bangonit?.cdpSend(this.agentId, "Page.stopScreencast").catch((e) => console.error(e));
   }
 
   private async compositeAndEncode(frames: CapturedFrame[]): Promise<Blob | null> {

package/app/webapp/src/shared/types/global.d.ts

@@ -29,9 +29,6 @@ interface BangOnIt {
   setAgentSession: (agentId: string, session: AgentSessionData) => Promise<void>;
   deleteAgentSession: (agentId: string) => Promise<void>;
 
-  // Bash (per-agent)
-  bashExec: (agentId: string, command: string) => Promise<string>;
-
   // --- Low-level browser primitives ---
 
   // CDP: send a raw CDP command to the active tab

package/bin/app/desktopapp/src/shared/args.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ELECTRON_ARGS_ENV = exports.electronArgsSchema = void 0;
+const zod_1 = require("zod");
+exports.electronArgsSchema = zod_1.z.object({
+    testPlanFiles: zod_1.z.array(zod_1.z.string()),
+    headless: zod_1.z.boolean(),
+    exit: zod_1.z.boolean(),
+    json: zod_1.z.boolean(),
+    console: zod_1.z.boolean(),
+    record: zod_1.z.boolean(),
+    retries: zod_1.z.number(),
+    output: zod_1.z.string().nullable(),
+    plan: zod_1.z.string().nullable(),
+    prompt: zod_1.z.string().nullable(),
+    concurrency: zod_1.z.number(),
+    timeout: zod_1.z.number(),
+    cwd: zod_1.z.string(),
+    recordingsDir: zod_1.z.string().nullable(),
+});
+exports.ELECTRON_ARGS_ENV = "BANGONIT_ARGS";