feat: add client error logging to terminal output

- Add IPC handler for client-side errors in app_handlers.ts
- Update terminal_handlers.ts to route client-error type to frontend terminal
- Add logClientError method to IpcClient for frontend error reporting
- Client fetch errors now appear in terminal output instead of just browser console

Author: SFARPak

src/ipc/handlers/app_handlers.ts

@@ -1168,6 +1168,21 @@ export function registerAppHandlers() {
     app.quit();
   });
 
+  // Handle client-side errors from frontend
+  handle("log-client-error", async (event, { appId, error, context }) => {
+    const errorMessage = `Frontend Error: ${error.message || error}\n${context || ''}`.trim();
+
+    // Log to system console
+    logger.error(`Client error from app ${appId}:`, error);
+
+    // Route to frontend terminal output
+    safeSend(event.sender, "app:output", {
+      type: "client-error",
+      message: errorMessage,
+      appId,
+    });
+  });
+
   handle(
     "create-app",
     async (

src/ipc/handlers/terminal_handlers.ts

@@ -95,6 +95,8 @@ export function routeTerminalOutput(event: Electron.IpcMainInvokeEvent, appId: n
     terminalOutputType = "error";
   } else if (type === "stdout") {
     terminalOutputType = "output";
+  } else if (type === "client-error") {
+    terminalOutputType = "error";
   }
 
   // Add to all target terminals

src/ipc/ipc_client.ts

@@ -1260,4 +1260,15 @@ export class IpcClient {
   public async roocodeAuthCallback(code: string, state: string): Promise<void> {
     return this.ipcRenderer.invoke("roocode:auth-callback", code, state);
   }
+
+  // Send client-side errors to terminal output
+  public logClientError(appId: number, error: any, context?: string): void {
+    this.ipcRenderer.invoke("log-client-error", {
+      appId,
+      error,
+      context,
+    }).catch((err) => {
+      console.error("Failed to log client error:", err);
+    });
+  }
 }