From 27b6e3499d1c96982c67e445a8ee2fcbb16d9b9f Mon Sep 17 00:00:00 2001
From: bndw <ben@bdw.to>
Date: Wed, 4 Mar 2026 22:33:27 -0800
Subject: feat: Remove auto-send block from handleConfirmNewSession in App.tsx
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ✅ Remove auto-send block from handleConfirmNewSession in App.tsx
---
 renderer/src/components/Header.tsx       | 11 -----------
 renderer/src/components/SettingsPage.tsx | 33 +++++++++++++++++++++++++++++---
 2 files changed, 30 insertions(+), 14 deletions(-)

(limited to 'renderer/src/components')

diff --git a/renderer/src/components/Header.tsx b/renderer/src/components/Header.tsx
index 4e193e8..84b9135 100644
--- a/renderer/src/components/Header.tsx
+++ b/renderer/src/components/Header.tsx
@@ -3,12 +3,8 @@ import type { Session, Phase } from "../types";
 
 const api = window.api;
 
-type Theme = "dark" | "light";
-
 interface HeaderProps {
   selectedSession: Session | null;
-  theme: Theme;
-  onToggleTheme: () => void;
   gitBranch: string | null;
   onOpenSettings: () => void;
   viewPhase: Phase;
@@ -25,8 +21,6 @@ const phases: Phase[] = ["research", "plan", "implement"];
 
 export function Header({
   selectedSession,
-  theme,
-  onToggleTheme,
   gitBranch,
   onOpenSettings,
   viewPhase,
@@ -103,11 +97,6 @@ export function Header({
           </button>
         )}
 
-        {/* ── Theme toggle ── */}
-        <button className="theme-toggle" onClick={onToggleTheme}>
-          {theme === "dark" ? "[light]" : "[dark]"}
-        </button>
-
         {/* ── Maximize toggle ── */}
         <button
           className="maximize-btn"
diff --git a/renderer/src/components/SettingsPage.tsx b/renderer/src/components/SettingsPage.tsx
index 7d06547..0c0c2e8 100644
--- a/renderer/src/components/SettingsPage.tsx
+++ b/renderer/src/components/SettingsPage.tsx
@@ -4,15 +4,18 @@ import { GitSettings } from "./settings/GitSettings";
 import { ModelSettings } from "./settings/ModelSettings";
 import { McpSettings } from "./settings/McpSettings";
 
-type SettingsSection = "model" | "mcp" | "system-prompts" | "git";
+type Theme = "dark" | "light";
+type SettingsSection = "appearance" | "model" | "mcp" | "system-prompts" | "git";
 
 interface SettingsPageProps {
   onClose: () => void;
+  theme: Theme;
+  onToggleTheme: () => void;
 }
 
-export function SettingsPage({ onClose }: SettingsPageProps) {
+export function SettingsPage({ onClose, theme, onToggleTheme }: SettingsPageProps) {
   const [activeSection, setActiveSection] =
-    useState<SettingsSection>("model");
+    useState<SettingsSection>("appearance");
 
   return (
     <div className="settings-overlay">
@@ -33,6 +36,14 @@ export function SettingsPage({ onClose }: SettingsPageProps) {
       <div className="settings-body">
         {/* Side nav */}
         <nav className="settings-nav">
+          <button
+            className={`settings-nav-item${
+              activeSection === "appearance" ? " active" : ""
+            }`}
+            onClick={() => setActiveSection("appearance")}
+          >
+            Appearance
+          </button>
           <button
             className={`settings-nav-item${
               activeSection === "model" ? " active" : ""
@@ -69,6 +80,22 @@ export function SettingsPage({ onClose }: SettingsPageProps) {
 
         {/* Content */}
         <div className="settings-content">
+          {activeSection === "appearance" && (
+            <div>
+              <div className="settings-section-title">Theme</div>
+              <div className="settings-section-desc">
+                Choose between light and dark mode.
+              </div>
+              <div className="settings-toggle-row">
+                <span className="settings-toggle-label">
+                  {theme === "dark" ? "Dark" : "Light"}
+                </span>
+                <button className="btn-secondary" onClick={onToggleTheme}>
+                  Switch to {theme === "dark" ? "Light" : "Dark"} mode
+                </button>
+              </div>
+            </div>
+          )}
           {activeSection === "model" && <ModelSettings />}
           {activeSection === "mcp" && <McpSettings />}
           {activeSection === "system-prompts" && <SystemPromptsSettings />}
-- 
cgit v1.2.3