Rename the logs tab to chat

Author: charlesvien

apps/array/src/renderer/features/panels/components/PanelTree.tsx

@@ -8,7 +8,7 @@ import type { PanelNode, Tab } from "../store/panelStore";
  * Example:
  * <PanelGroupTree direction="horizontal" sizes={[75, 25]}>
  *   <PanelLeaf>
- *     <PanelTab id="logs">{logsContent}</PanelTab>
+ *     <PanelTab id="chat">{chatContent}</PanelTab>
  *   </PanelLeaf>
  *   <PanelLeaf showTabs={false}>{content}</PanelLeaf>
  * </PanelGroupTree>

apps/array/src/renderer/features/panels/constants/panelConstants.ts

@@ -20,7 +20,7 @@ export const DEFAULT_PANEL_IDS = {
 } as const;
 
 export const DEFAULT_TAB_IDS = {
-  LOGS: "logs",
+  CHAT: "chat",
   SHELL: "shell",
   FILES: "files",
   TODO_LIST: "todo-list",

apps/array/src/renderer/features/panels/store/panelLayoutStore.test.ts

@@ -52,8 +52,8 @@ describe("panelLayoutStore", () => {
         assertPanelLayout(root, [
           {
             panelId: "main-panel",
-            expectedTabs: ["logs", "shell"],
-            activeTab: "logs",
+            expectedTabs: ["chat", "shell"],
+            activeTab: "chat",
           },
         ]);
       });
@@ -72,7 +72,7 @@ describe("panelLayoutStore", () => {
       assertPanelLayout(getPanelTree("task-1"), [
         {
           panelId: "main-panel",
-          expectedTabs: ["logs", "shell", "file-src/App.tsx"],
+          expectedTabs: ["chat", "shell", "file-src/App.tsx"],
         },
       ]);
     });

apps/array/src/renderer/features/panels/store/panelLayoutStore.ts

@@ -103,22 +103,22 @@ export interface PanelLayoutStore {
 function createDefaultPanelTree(
   terminalLayoutMode: "split" | "tabbed" = "split",
 ): PanelNode {
-  const logsPanel: PanelNode = {
+  const chatPanel: PanelNode = {
     type: "leaf",
     id: DEFAULT_PANEL_IDS.MAIN_PANEL,
     content: {
       id: DEFAULT_PANEL_IDS.MAIN_PANEL,
       tabs: [
         {
-          id: DEFAULT_TAB_IDS.LOGS,
+          id: DEFAULT_TAB_IDS.CHAT,
           label: "Chat",
-          data: { type: "logs" },
+          data: { type: "chat" },
           component: null,
           closeable: false,
           draggable: true,
         },
       ],
-      activeTabId: DEFAULT_TAB_IDS.LOGS,
+      activeTabId: DEFAULT_TAB_IDS.CHAT,
       showTabs: true,
       droppable: true,
     },
@@ -156,7 +156,7 @@ function createDefaultPanelTree(
           id: "left-group",
           direction: "vertical",
           sizes: [70, 30],
-          children: [logsPanel, terminalPanel],
+          children: [chatPanel, terminalPanel],
         }
       : {
           type: "leaf",
@@ -165,9 +165,9 @@ function createDefaultPanelTree(
             id: DEFAULT_PANEL_IDS.MAIN_PANEL,
             tabs: [
               {
-                id: DEFAULT_TAB_IDS.LOGS,
+                id: DEFAULT_TAB_IDS.CHAT,
                 label: "Chat",
-                data: { type: "logs" },
+                data: { type: "chat" },
                 component: null,
                 closeable: false,
                 draggable: true,
@@ -185,7 +185,7 @@ function createDefaultPanelTree(
                 draggable: true,
               },
             ],
-            activeTabId: DEFAULT_TAB_IDS.LOGS,
+            activeTabId: DEFAULT_TAB_IDS.CHAT,
             showTabs: true,
             droppable: true,
           },

apps/array/src/renderer/features/panels/store/panelStoreHelpers.ts

@@ -4,7 +4,7 @@ import type { SplitDirection, TaskLayout } from "./panelLayoutStore";
 import type { GroupPanel, LeafPanel, PanelNode, Tab } from "./panelTypes";
 
 // Constants
-export const DEFAULT_FALLBACK_TAB = DEFAULT_TAB_IDS.LOGS;
+export const DEFAULT_FALLBACK_TAB = DEFAULT_TAB_IDS.CHAT;
 
 // Tab ID utilities
 export type TabType = "file" | "artifact" | "diff" | "system";
@@ -85,6 +85,10 @@ export function createTabLabel(tabId: string): string {
     const label = getStatusLabel(parsed.status);
     return `${fileName} (${label})`;
   }
+  // Capitalize first letter for system tabs
+  if (parsed.type === "system" && parsed.value) {
+    return parsed.value.charAt(0).toUpperCase() + parsed.value.slice(1);
+  }
   return parsed.value;
 }
 
@@ -187,8 +191,8 @@ export function createNewTab(tabId: string, closeable = true): Tab {
       };
       break;
     case "system":
-      if (tabId === "logs") {
-        data = { type: "logs" };
+      if (tabId === "chat") {
+        data = { type: "chat" };
       } else if (tabId.startsWith("shell")) {
         data = {
           type: "terminal",

apps/array/src/renderer/features/panels/store/panelTypes.ts

@@ -38,7 +38,7 @@ export type TabData =
       artifactId: string;
     }
   | {
-      type: "logs";
+      type: "chat";
     }
   | {
       type: "other";

apps/array/src/renderer/features/task-detail/components/PanelSplitting.integration.test.tsx

@@ -20,7 +20,7 @@ const PANEL_IDS = {
 } as const;
 
 const TAB_IDS = {
-  LOGS: "logs",
+  CHAT: "chat",
   SHELL: "shell",
 } as const;
 
@@ -284,7 +284,7 @@ describe("Panel Splitting Integration Tests", () => {
             if (bottomPanel.type === "leaf") {
               expect(bottomPanel.content.tabs).toHaveLength(4);
               const tabIds = bottomPanel.content.tabs.map((t) => t.id);
-              expect(tabIds).toContain(TAB_IDS.LOGS);
+              expect(tabIds).toContain(TAB_IDS.CHAT);
               expect(tabIds).toContain(TAB_IDS.SHELL);
               expect(tabIds).toContain(TEST_FILES.APP);
               expect(tabIds).toContain(TEST_FILES.README);
@@ -343,7 +343,7 @@ describe("Panel Splitting Integration Tests", () => {
             expect(bottomPanel.type).toBe("leaf");
             if (bottomPanel.type === "leaf") {
               expect(bottomPanel.content.tabs).toHaveLength(1);
-              expect(bottomPanel.content.tabs[0].id).toBe(TAB_IDS.LOGS);
+              expect(bottomPanel.content.tabs[0].id).toBe(TAB_IDS.CHAT);
             }
           }
         }
@@ -354,7 +354,7 @@ describe("Panel Splitting Integration Tests", () => {
       await tester.setupWithFile();
 
       // Close logs and shell tabs to leave only 1 tab
-      tester.closeTab(PANEL_IDS.MAIN, TAB_IDS.LOGS);
+      tester.closeTab(PANEL_IDS.MAIN, TAB_IDS.CHAT);
       tester.closeTab(PANEL_IDS.MAIN, TAB_IDS.SHELL);
 
       await waitFor(() => {

apps/array/src/renderer/features/task-detail/components/TabContentRenderer.tsx

@@ -25,7 +25,7 @@ export function TabContentRenderer({
   const { data } = tab;
 
   switch (data.type) {
-    case "logs":
+    case "chat":
       return <TaskLogsPanel taskId={taskId} task={task} />;
 
     case "terminal":