From d00940dd9de3b5819262adf666aa307369bd97c5 Mon Sep 17 00:00:00 2001
From: matt <matthewkim20122012@gmail.com>
Date: Thu, 12 Feb 2026 04:43:11 +0000
Subject: [PATCH] feat(04-02): wire WorkspaceSection into SettingsView and
 SettingsTabs

- Add WorkspaceSection to sections/index.ts barrel export
- Add 'workspace' to SettingsSection union type with HardDrive icon
- Position Workspaces tab between Connection and Notifications
- Render WorkspaceSection when workspace tab is active (no props needed)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/renderer/components/settings/SettingsTabs.tsx  | 5 +++--
 src/renderer/components/settings/SettingsView.tsx  | 3 +++
 src/renderer/components/settings/sections/index.ts | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/settings/SettingsTabs.tsx b/src/renderer/components/settings/SettingsTabs.tsx
index fdedb1b7..2eb1e9f2 100644
--- a/src/renderer/components/settings/SettingsTabs.tsx
+++ b/src/renderer/components/settings/SettingsTabs.tsx
@@ -1,8 +1,8 @@
 import { useState } from 'react';
 
-import { Bell, Server, Settings, Wrench } from 'lucide-react';
+import { Bell, HardDrive, Server, Settings, Wrench } from 'lucide-react';
 
-export type SettingsSection = 'general' | 'connection' | 'notifications' | 'advanced';
+export type SettingsSection = 'general' | 'connection' | 'workspace' | 'notifications' | 'advanced';
 
 interface SettingsTabsProps {
   activeSection: SettingsSection;
@@ -18,6 +18,7 @@ interface TabConfig {
 const tabs: TabConfig[] = [
   { id: 'general', label: 'General', icon: Settings },
   { id: 'connection', label: 'Connection', icon: Server },
+  { id: 'workspace', label: 'Workspaces', icon: HardDrive },
   { id: 'notifications', label: 'Notifications', icon: Bell },
   { id: 'advanced', label: 'Advanced', icon: Wrench },
 ];
diff --git a/src/renderer/components/settings/SettingsView.tsx b/src/renderer/components/settings/SettingsView.tsx
index b961619a..904149a7 100644
--- a/src/renderer/components/settings/SettingsView.tsx
+++ b/src/renderer/components/settings/SettingsView.tsx
@@ -13,6 +13,7 @@ import {
   ConnectionSection,
   GeneralSection,
   NotificationsSection,
+  WorkspaceSection,
 } from './sections';
 import { type SettingsSection, SettingsTabs } from './SettingsTabs';
 
@@ -119,6 +120,8 @@ export const SettingsView = (): React.JSX.Element | null => {
 
           {activeSection === 'connection' && <ConnectionSection />}
 
+          {activeSection === 'workspace' && <WorkspaceSection />}
+
           {activeSection === 'notifications' && (
             <NotificationsSection
               safeConfig={safeConfig}
diff --git a/src/renderer/components/settings/sections/index.ts b/src/renderer/components/settings/sections/index.ts
index 62adf323..21278419 100644
--- a/src/renderer/components/settings/sections/index.ts
+++ b/src/renderer/components/settings/sections/index.ts
@@ -6,3 +6,4 @@ export { AdvancedSection } from './AdvancedSection';
 export { ConnectionSection } from './ConnectionSection';
 export { GeneralSection } from './GeneralSection';
 export { NotificationsSection } from './NotificationsSection';
+export { WorkspaceSection } from './WorkspaceSection';