Consolidate build-time logs into server logs (#2214)

e2e-tests/logs_server.spec.ts

+import { expect } from "@playwright/test";
+import { testSkipIfWindows, Timeout } from "./helpers/test_helper";
+
+/**
+ * E2E tests for server logs in System Messages UI
+ * Validates that server stdout/stderr logs are correctly classified as "server" type
+ */
+
+testSkipIfWindows(
+  "system messages UI shows server logs with correct type",
+  async ({ po }) => {
+    await po.setUp();
+
+    // Create an app to generate server logs
+    await po.sendPrompt("tc=write-index");
+    await po.approveProposal();
+
+    // Wait for app to run - this generates server logs from stdout/stderr
+    const picker = po.page.getByTestId("preview-pick-element-button");
+    await expect(picker).toBeEnabled({ timeout: Timeout.EXTRA_LONG });
+
+    // Open the system messages console
+    const consoleHeader = po.page.locator('text="System Messages"').first();
+    await consoleHeader.click();
+
+    // Wait for console entries to appear
+    await expect(async () => {
+      const allLogs = po.page.getByTestId("console-entry");
+      const count = await allLogs.count();
+      expect(count).toBeGreaterThan(0);
+      await expect(allLogs.first()).toBeVisible();
+    }).toPass({ timeout: Timeout.MEDIUM });
+
+    // Verify that server logs have the "server" type badge visible
+    // When typeFilter is "all" (default), the type badge should be shown
+    // Server stdout/stderr logs and restart messages should show "server" type
+    await expect(async () => {
+      const serverTypeBadge = po.page
+        .getByTestId("console-entry")
+        .filter({ hasText: "server" });
+      const count = await serverTypeBadge.count();
+      expect(count).toBeGreaterThan(0);
+    }).toPass({ timeout: Timeout.MEDIUM });
+
+    // Test the type filter dropdown - filter by "server" type
+    const typeFilter = po.page
+      .locator("select")
+      .filter({ hasText: "All Types" });
+    await typeFilter.selectOption("server");
+
+    // Verify logs are still visible after filtering by server type
+    await expect(async () => {
+      const serverLogs = po.page.getByTestId("console-entry");
+      const count = await serverLogs.count();
+      expect(count).toBeGreaterThan(0);
+    }).toPass({ timeout: Timeout.MEDIUM });
+  },
+);

e2e-tests/snapshots/local_agent_auto.spec.ts_local-agent---auto-model-1.txt

@@ -305,10 +305,9 @@
                 "client",
                 "server",
                 "edge-function",
-                "network-requests",
-                "build-time"
+                "network-requests"
               ],
-              "description": "Filter by log source type (default: all). Types: 'client' = browser console logs; 'server' = backend/SSR logs; 'edge-function' = edge function logs; 'network-requests' = HTTP requests and responses (outgoing calls and their responses); 'build-time' = build and bundler output."
+              "description": "Filter by log source type (default: all). Types: 'client' = browser console logs; 'server' = backend (including development server) logs and build output; 'edge-function' = edge function logs; 'network-requests' = HTTP requests and responses (outgoing calls and their responses)."
             },
             "level": {
               "type": "string",

e2e-tests/snapshots/local_agent_basic.spec.ts_local-agent---dump-request-1.txt

@@ -310,10 +310,9 @@
                   "client",
                   "server",
                   "edge-function",
-                  "network-requests",
-                  "build-time"
+                  "network-requests"
                 ],
-                "description": "Filter by log source type (default: all). Types: 'client' = browser console logs; 'server' = backend/SSR logs; 'edge-function' = edge function logs; 'network-requests' = HTTP requests and responses (outgoing calls and their responses); 'build-time' = build and bundler output."
+                "description": "Filter by log source type (default: all). Types: 'client' = browser console logs; 'server' = backend (including development server) logs and build output; 'edge-function' = edge function logs; 'network-requests' = HTTP requests and responses (outgoing calls and their responses)."
               },
               "level": {
                 "type": "string",

src/components/preview_panel/Console.tsx

@@ -83,12 +83,7 @@ export const Console = () => {
     "all" | "info" | "warn" | "error"
   >("all");
   const [typeFilter, setTypeFilter] = useState<
-    | "all"
-    | "server"
-    | "client"
-    | "edge-function"
-    | "network-requests"
-    | "build-time"
+    "all" | "server" | "client" | "edge-function" | "network-requests"
   >("all");
   const [sourceFilter, setSourceFilter] = useState<string>("");
 

src/components/preview_panel/ConsoleEntry.tsx

@@ -9,12 +9,7 @@ import { useSetAtom } from "jotai";
 import { chatInputValueAtom } from "@/atoms/chatAtoms";
 
 interface ConsoleEntryProps {
-  type:
-    | "server"
-    | "client"
-    | "edge-function"
-    | "network-requests"
-    | "build-time";
+  type: "server" | "client" | "edge-function" | "network-requests";
   level: "info" | "warn" | "error";
   timestamp: number;
   message: string;

src/components/preview_panel/ConsoleFilters.tsx

@@ -13,18 +13,11 @@ interface ConsoleFiltersProps {
     | "server"
     | "client"
     | "edge-function"
-    | "network-requests"
-    | "build-time";
+    | "network-requests";
   sourceFilter: string;
   onLevelFilterChange: (value: "all" | "info" | "warn" | "error") => void;
   onTypeFilterChange: (
-    value:
-      | "all"
-      | "server"
-      | "client"
-      | "edge-function"
-      | "network-requests"
-      | "build-time",
+    value: "all" | "server" | "client" | "edge-function" | "network-requests",
   ) => void;
   onSourceFilterChange: (value: string) => void;
   onClearFilters: () => void;
@@ -82,8 +75,7 @@ export const ConsoleFilters = ({
               | "server"
               | "client"
               | "edge-function"
-              | "network-requests"
-              | "build-time",
+              | "network-requests",
           )
         }
         className="text-xs px-2 py-1 border border-border rounded bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
@@ -93,7 +85,6 @@ export const ConsoleFilters = ({
         <option value="client">Client</option>
         <option value="edge-function">Edge Function</option>
         <option value="network-requests">Network Requests</option>
-        <option value="build-time">Build Time</option>
       </select>
 
       {/* Source filter */}

src/hooks/useRunApp.ts

@@ -66,12 +66,14 @@ export function useRunApp() {
       }
 
       // Add to console entries
+      // Use "server" type for stdout/stderr to match the backend log store
+      // (app_handlers.ts stores these as type: "server")
       const logEntry = {
         level:
           output.type === "stderr" || output.type === "client-error"
             ? ("error" as const)
             : ("info" as const),
-        type: "build-time" as const,
+        type: "server" as const,
         message: output.message,
         appId: output.appId,
         timestamp: output.timestamp,
@@ -108,7 +110,7 @@ export function useRunApp() {
 
         const logEntry = {
           level: "info" as const,
-          type: "build-time" as const,
+          type: "server" as const,
           message: "Trying to restart app...",
           appId,
           timestamp: Date.now(),
@@ -195,7 +197,7 @@ export function useRunApp() {
 
         const logEntry = {
           level: "info" as const,
-          type: "build-time" as const,
+          type: "server" as const,
           message: "Restarting app...",
           appId: appId!,
           timestamp: Date.now(),

src/ipc/ipc_types.ts

@@ -12,12 +12,7 @@ export interface AppOutput {
 
 export interface ConsoleEntry {
   level: "info" | "warn" | "error";
-  type:
-    | "server"
-    | "client"
-    | "edge-function"
-    | "network-requests"
-    | "build-time";
+  type: "server" | "client" | "edge-function" | "network-requests";
   message: string;
   timestamp: number;
   sourceName?: string;

src/pro/main/ipc/handlers/local_agent/tools/read_logs.ts

@@ -8,17 +8,10 @@ import type { ConsoleEntry } from "@/ipc/ipc_types";
 
 const readLogsSchema = z.object({
   type: z
-    .enum([
-      "all",
-      "client",
-      "server",
-      "edge-function",
-      "network-requests",
-      "build-time",
-    ])
+    .enum(["all", "client", "server", "edge-function", "network-requests"])
     .optional()
     .describe(
-      "Filter by log source type (default: all). Types: 'client' = browser console logs; 'server' = backend/SSR logs; 'edge-function' = edge function logs; 'network-requests' = HTTP requests and responses (outgoing calls and their responses); 'build-time' = build and bundler output.",
+      "Filter by log source type (default: all). Types: 'client' = browser console logs; 'server' = backend (including development server) logs and build output; 'edge-function' = edge function logs; 'network-requests' = HTTP requests and responses (outgoing calls and their responses).",
     ),
 
   level: z