refactor

Author: olwang

Examples/Sources/ChatbotExample/ChatbotApp.swift

@@ -15,36 +15,26 @@ struct ChatbotApp: App {
     var body: some Scene {
         WindowGroup("ChatBot") {
             #hotReloadable {
-                ZStack {
-                    // Main content with sidebar
-                    HStack(spacing: 0) {
-                        // Thread Sidebar - conditionally shown
-                        if viewModel.showSidebar {
-                            ThreadSidebarView(
-                                threads: Binding(
-                                    get: { viewModel.threads },
-                                    set: { viewModel.threads = $0 }
-                                ),
-                                selectedThread: Binding(
-                                    get: { viewModel.selectedThread },
-                                    set: { viewModel.selectedThread = $0 }
-                                ),
-                                showSidebar: Binding(
-                                    get: { viewModel.showSidebar },
-                                    set: { viewModel.showSidebar = $0 }
-                                ),
-                                onNewThread: viewModel.createNewThread,
-                                onSelectThread: viewModel.selectThread,
-                                onDeleteThread: viewModel.deleteThread
-                            )
-                            .frame(width: 300)
-                        }
-                        
-                        // Main chat area
-                        MainChatView(viewModel: viewModel)
-                    }
-                    .frame(maxWidth: .infinity, maxHeight: .infinity)
-                    
+                NavigationSplitView {
+                    // Sidebar content
+                    ThreadSidebarView(
+                        threads: Binding(
+                            get: { viewModel.threads },
+                            set: { viewModel.threads = $0 }
+                        ),
+                        selectedThread: Binding(
+                            get: { viewModel.selectedThread },
+                            set: { viewModel.selectedThread = $0 }
+                        ),
+                        onNewThread: viewModel.createNewThread,
+                        onSelectThread: viewModel.selectThread,
+                        onDeleteThread: viewModel.deleteThread
+                    )
+                } detail: {
+                    // Main chat area
+                    MainChatView(viewModel: viewModel)
+                }
+                .overlay {
                     // Settings Overlay
                     if viewModel.showSettings {
                         ChatSettingsDialog(

Examples/Sources/ChatbotExample/ViewModels/ChatbotViewModel.swift

@@ -9,7 +9,6 @@ class ChatbotViewModel: SwiftCrossUI.ObservableObject {
     // MARK: - Published Properties
     @SwiftCrossUI.Published var selectedThread: ChatThread?
     @SwiftCrossUI.Published var threads: [ChatThread] = []
-    @SwiftCrossUI.Published var showSidebar = true
     @SwiftCrossUI.Published var currentMessage = ""
     @SwiftCrossUI.Published var selectedLLM: LLM = .gpt3_5Turbo
     @SwiftCrossUI.Published var isLoading = false
@@ -156,10 +155,6 @@ class ChatbotViewModel: SwiftCrossUI.ObservableObject {
 
     // MARK: - UI State Management
 
-    func toggleSidebar() {
-        showSidebar.toggle()
-    }
-    
     func toggleSettings() {
         showSettings.toggle()
     }

Examples/Sources/ChatbotExample/Views/MainChatView.swift

@@ -54,14 +54,6 @@ struct ChatHeaderView: View {
 
     var body: some View {
         HStack {
-            // Sidebar toggle button (when hidden)
-            if !viewModel.showSidebar {
-                Button("☰") {
-                    viewModel.toggleSidebar()
-                }
-                .iconButtonLargeStyle()
-            }
-            
             // Thread title or placeholder
             VStack(alignment: .leading, spacing: AppSpacing.xs) {
                 if let thread = viewModel.selectedThread {

Examples/Sources/ChatbotExample/Views/ThreadSidebarView.swift

@@ -6,7 +6,6 @@ import Foundation
 struct ThreadSidebarView: View {
     @Binding var threads: [ChatThread]
     @Binding var selectedThread: ChatThread?
-    @Binding var showSidebar: Bool
 
     let onNewThread: () -> Void
     let onSelectThread: (ChatThread) -> Void
@@ -23,11 +22,6 @@ struct ThreadSidebarView: View {
                     .fixedSize(horizontal: true, vertical: false)
 
                 Spacer()
-                
-                Button("×") {
-                    showSidebar = false
-                }
-                .iconButtonLargeStyle()
             }
             .padding(.horizontal, AppSpacing.xl)
             .padding(.vertical, AppSpacing.sm)
@@ -71,7 +65,6 @@ struct ThreadSidebarView: View {
         }
         .frame(maxHeight: .infinity)
         .background(AppColors.surface)
-        .frame(width: 300)
     }
 }