1 files changed, 13 insertions, 4 deletions

diff --git a/renderer/src/components/SettingsPage.tsx b/renderer/src/components/SettingsPage.tsx
index 5267665..9ebde44 100644
--- a/renderer/src/components/SettingsPage.tsx
+++ b/renderer/src/components/SettingsPage.tsx
@@ -1,7 +1,8 @@
 import React, { useState } from "react";
 import { SystemPromptsSettings } from "./settings/SystemPromptsSettings";
+import { GitSettings } from "./settings/GitSettings";
 
-type SettingsSection = "system-prompts";
+type SettingsSection = "system-prompts" | "git";
 
 interface SettingsPageProps {
   onClose: () => void;
@@ -16,14 +17,14 @@ export function SettingsPage({ onClose }: SettingsPageProps) {
       {/* Header — matches the main app header height/style */}
       <div className="settings-header">
         <div className="settings-header-left">
-          <span className="settings-title">\u2699 Settings</span>
+          <span className="settings-title">{'⚙'} Settings</span>
         </div>
         <button
           className="settings-close"
           onClick={onClose}
           title="Close settings"
         >
-          \u00d7
+          {'×'}
         </button>
       </div>
 
@@ -38,12 +39,20 @@ export function SettingsPage({ onClose }: SettingsPageProps) {
           >
             System Prompts
           </button>
-          {/* Future sections added here */}
+          <button
+            className={`settings-nav-item${
+              activeSection === "git" ? " active" : ""
+            }`}
+            onClick={() => setActiveSection("git")}
+          >
+            Git
+          </button>
         </nav>
 
         {/* Content */}
         <div className="settings-content">
           {activeSection === "system-prompts" && <SystemPromptsSettings />}
+          {activeSection === "git" && <GitSettings />}
         </div>
       </div>
     </div>