AI Assistant: frontend - chat app, sidebar, settings with 4 tabs

frontend/src/store/uiStore.ts

@@ -14,11 +14,14 @@ export interface UIState {
   theme: Theme;
   locale: Locale;
   sidebarOpen: boolean;
+  aiSidebarOpen: boolean;
   toasts: Toast[];
   setTheme: (theme: Theme) => void;
   setLocale: (locale: Locale) => void;
   toggleSidebar: () => void;
   setSidebarOpen: (open: boolean) => void;
+  toggleAISidebar: () => void;
+  setAISidebarOpen: (open: boolean) => void;
   addToast: (toast: Omit<Toast, 'id'>) => void;
   removeToast: (id: string) => void;
   clearToasts: () => void;
@@ -30,6 +33,7 @@ export const useUIStore = create<UIState>((set) => ({
   theme: (localStorage.getItem('leocrm_theme') as Theme) || 'light',
   locale: (localStorage.getItem('leocrm_lang') as Locale) || 'de',
   sidebarOpen: true,
+  aiSidebarOpen: false,
   toasts: [],
   setTheme: (theme) => {
     localStorage.setItem('leocrm_theme', theme);
@@ -41,6 +45,8 @@ export const useUIStore = create<UIState>((set) => ({
   },
   toggleSidebar: () => set((s) => ({ sidebarOpen: !s.sidebarOpen })),
   setSidebarOpen: (open) => set({ sidebarOpen: open }),
+  toggleAISidebar: () => set((s) => ({ aiSidebarOpen: !s.aiSidebarOpen })),
+  setAISidebarOpen: (open) => set({ aiSidebarOpen: open }),
   addToast: (toast) => {
     const id = `toast-${++toastIdCounter}`;
     set((s) => ({ toasts: [...s.toasts, { ...toast, id }] }));