fix: use sidebar width constant in AppSidebar and bump to 280px

- Replace hardcoded w-[280px] class with APP_SIDEBAR_WIDTH constant via style prop
- Bump APP_SIDEBAR_WIDTH from 260 to 280 for better sidebar spacing
- Update layout-constants tests for new width values

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: OpenSource03

electron/src/lib/__tests__/layout-constants.test.ts

@@ -24,10 +24,10 @@ describe("layout constants", () => {
   });
 
   it("computes the bootstrap window minimum width for each platform", () => {
-    expect(APP_SIDEBAR_WIDTH).toBe(260);
+    expect(APP_SIDEBAR_WIDTH).toBe(280);
     expect(ISLAND_LAYOUT_MARGIN).toBe(16);
     expect(WINDOWS_FRAME_BUFFER_WIDTH).toBe(16);
-    expect(getBootstrapMinWindowWidth("darwin")).toBe(1664);
-    expect(getBootstrapMinWindowWidth("win32")).toBe(1680);
+    expect(getBootstrapMinWindowWidth("darwin")).toBe(1684);
+    expect(getBootstrapMinWindowWidth("win32")).toBe(1700);
   });
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "harnss",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "productName": "Harnss",
   "description": "Harness your AI coding agents — one desktop app for Claude Code, Codex, and any ACP agent",
   "author": {

src/components/AppSidebar.tsx

@@ -4,6 +4,7 @@ import { isMac } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import type { ChatSession, Project, Space } from "@/types";
+import { APP_SIDEBAR_WIDTH } from "@/lib/layout-constants";
 import { SidebarSearch } from "./SidebarSearch";
 import { SpaceBar } from "./SpaceBar";
 import { UpdateBanner } from "./UpdateBanner";
@@ -162,8 +163,9 @@ export const AppSidebar = memo(function AppSidebar({
   return (
     <div
       className={`flex shrink-0 flex-col overflow-hidden bg-sidebar transition-[width] duration-200 ${
-        isOpen ? "w-[280px] ps-2" : "w-0"
+        isOpen ? "ps-2" : ""
       }`}
+      style={{ width: isOpen ? APP_SIDEBAR_WIDTH : 0 }}
     >
       <div
         className={`drag-region flex h-[52px] items-center gap-2 pe-3 ${isMac ? "ps-[84px]" : "ps-2"}`}

src/lib/layout-constants.ts

@@ -2,7 +2,7 @@ export const MIN_CHAT_WIDTH_ISLAND = 828;
 export const MIN_CHAT_WIDTH_FLAT = 828;
 export const BOTTOM_CHAT_MAX_WIDTH_CLASS = "max-w-[61.5rem]";
 export const CHAT_INPUT_MAX_WIDTH_CLASS = BOTTOM_CHAT_MAX_WIDTH_CLASS;
-export const APP_SIDEBAR_WIDTH = 260;
+export const APP_SIDEBAR_WIDTH = 280;
 export const ISLAND_LAYOUT_MARGIN = 16;
 export const WINDOWS_FRAME_BUFFER_WIDTH = 16;