feat: enhance logging visibility in System Messages

- Backend HTTP logs now prominently displayed in System Messages with [BACKEND] prefix
- Client errors now routed to System Messages with [CLIENT] prefix
- Improved visibility of all server and client logs in preview panel console
- System Messages console now shows all terminal activity in addition to specific terminal views

Author: SFARPak

src/ipc/handlers/app_handlers.ts

@@ -1170,15 +1170,15 @@ export function registerAppHandlers() {
 
   // 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();
+    const errorMessage = `Frontend Error: ${error.message || error}${context ? `\nContext: ${context}` : ''}`.trim();
 
     // Log to system console
     logger.error(`Client error from app ${appId}:`, error);
 
-    // Route to frontend terminal output
+    // Route to both frontend terminal and system messages for visibility
     safeSend(event.sender, "app:output", {
       type: "client-error",
-      message: errorMessage,
+      message: `[CLIENT] ${errorMessage}`,
       appId,
     });
   });

src/ipc/handlers/terminal_handlers.ts

@@ -104,10 +104,21 @@ export function routeTerminalOutput(event: Electron.IpcMainInvokeEvent, appId: n
     addTerminalOutput(appId, terminal, message, terminalOutputType);
   }
 
-  // Also send to app:output for backward compatibility and UI display
+  // Enhanced system message routing - ensure important server logs are visible in System Messages
+  // For backend server logs (like HTTP requests), make them more prominent in system messages
+  let systemMessageType = type;
+  let systemMessage = message;
+
+  // For backend server logs, enhance visibility
+  if (terminalType === "backend" && (message.includes("HTTP/") || message.includes("OPTIONS") || message.includes("GET") || message.includes("POST") || message.includes("PUT") || message.includes("DELETE"))) {
+    systemMessageType = "info"; // Use info type to make server logs stand out
+    systemMessage = `[${terminalType.toUpperCase()}] ${message}`;
+  }
+
+  // Always send to system messages for visibility
   safeSend(event.sender, "app:output", {
-    type,
-    message,
+    type: systemMessageType,
+    message: systemMessage,
     appId,
   });
 }