bangonit 0.3.0 → 0.3.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";