Remove theme toggle keybind, add Storybook theme variants

- Remove Cmd+Option+T / Ctrl+Alt+T keybind for theme toggle
- Keep theme toggle as command palette action only
- Add Storybook global theme switcher in toolbar
- All stories now support both light and dark theme preview
- Theme switcher appears as sun/moon icons in Storybook toolbar

Author: kylecarbs

.storybook/preview.tsx

@@ -1,13 +1,37 @@
 import type { Preview } from "@storybook/react-vite";
+import { useEffect } from "react";
 import "../src/browser/styles/globals.css";
 
 const preview: Preview = {
+  globalTypes: {
+    theme: {
+      description: "Global theme for components",
+      defaultValue: "dark",
+      toolbar: {
+        title: "Theme",
+        icon: "circlehollow",
+        items: [
+          { value: "light", title: "Light", icon: "sun" },
+          { value: "dark", title: "Dark", icon: "moon" },
+        ],
+        dynamicTitle: true,
+      },
+    },
+  },
   decorators: [
-    (Story) => (
-      <>
-        <Story />
-      </>
-    ),
+    (Story, context) => {
+      const theme = context.globals.theme || "dark";
+
+      useEffect(() => {
+        document.documentElement.dataset.theme = theme;
+      }, [theme]);
+
+      return (
+        <>
+          <Story />
+        </>
+      );
+    },
   ],
   parameters: {
     controls: {

src/browser/App.tsx

@@ -390,7 +390,7 @@ function AppInner() {
     setSidebarCollapsed((prev) => !prev);
   }, [setSidebarCollapsed]);
 
-  const toggleTheme = useCallback(() => {
+  const toggleThemeFromPalette = useCallback(() => {
     setTheme((prev) => (prev === "dark" ? "light" : "dark"));
   }, [setTheme]);
 
@@ -415,7 +415,7 @@ function AppInner() {
     onAddProject: addProjectFromPalette,
     onRemoveProject: removeProjectFromPalette,
     onToggleSidebar: toggleSidebarFromPalette,
-    onToggleTheme: toggleTheme,
+    onToggleTheme: toggleThemeFromPalette,
     onNavigateWorkspace: navigateWorkspaceFromPalette,
     onOpenWorkspaceInTerminal: openWorkspaceInTerminal,
   };
@@ -463,9 +463,6 @@ function AppInner() {
       } else if (matchesKeybind(e, KEYBINDS.TOGGLE_SIDEBAR)) {
         e.preventDefault();
         setSidebarCollapsed((prev) => !prev);
-      } else if (matchesKeybind(e, KEYBINDS.TOGGLE_THEME)) {
-        e.preventDefault();
-        toggleTheme();
       }
     };
 
@@ -474,7 +471,6 @@ function AppInner() {
   }, [
     handleNavigateWorkspace,
     setSidebarCollapsed,
-    toggleTheme,
     isCommandPaletteOpen,
     closeCommandPalette,
     openCommandPalette,

src/browser/utils/commands/sources.ts

@@ -308,7 +308,6 @@ export function buildCoreSources(p: BuildSourcesParams): Array<() => CommandActi
       id: CommandIds.navToggleTheme(),
       title: "Toggle Theme",
       section: section.navigation,
-      shortcutHint: formatKeybind(KEYBINDS.TOGGLE_THEME),
       run: () => p.onToggleTheme(),
     },
   ]);

src/browser/utils/ui/keybinds.ts

@@ -249,10 +249,6 @@ export const KEYBINDS = {
   // macOS: Cmd+Shift+T, Win/Linux: Ctrl+Shift+T
   TOGGLE_THINKING: { key: "T", ctrl: true, shift: true },
 
-  /** Toggle theme between light and dark */
-  // macOS: Cmd+Option+T, Win/Linux: Ctrl+Alt+T
-  TOGGLE_THEME: { key: "T", ctrl: true, alt: true },
-
   /** Focus chat input from anywhere */
   // Works even when focus is already in an input field
   // macOS: Cmd+I, Win/Linux: Ctrl+I