Feature/remote ai services

apps/desktop/app/layout.tsx

@@ -3,9 +3,9 @@ import { AxiomWebVitals } from 'next-axiom';
 
 import { DEFAULT_DESCRIPTION, DEFAULT_TITLE } from '@/utils/app/const';
 
-import { ThemeProvider } from '@/components/common/ui/theme-provider';
+import { ThemeProvider } from '@ui/components/ui/theme-provider';
 
-import '@/styles/globals.css';
+import '@ui/styles/globals.css';
 
 export const metadata: Metadata = {
   title: DEFAULT_TITLE,

apps/desktop/components/home/components/chat-zone/screen/chat/chat-input.tsx

@@ -19,8 +19,8 @@ import { useTranslation } from 'next-i18next';
 import { Message } from '@/types/chat';
 import { Template } from '@/types/templates';
 
-import { Button } from '@/components/common/ui/button';
-import { Textarea } from '@/components/common/ui/textarea';
+import { Button } from '@ui/components/ui/button';
+import { Textarea } from '@ui/components/ui/textarea';
 
 import ChatContext from './chat.context';
 import { TemplateListComponent } from './template-list';

apps/desktop/components/home/components/chat-zone/screen/chat/chat-message.tsx

@@ -13,8 +13,8 @@ import { useTranslation } from 'next-i18next';
 
 import { Message } from '@/types/chat';
 
-import { Button } from '@/components/common/ui/button';
-import { Textarea } from '@/components/common/ui/textarea';
+import { Button } from '@ui/components/ui/button';
+import { Textarea } from '@ui/components/ui/textarea';
 import { CodeBlock } from '@/components/markdown/code-block';
 
 import ChatContext from './chat.context';

apps/desktop/components/home/components/chat-zone/screen/chat/chat.tsx

@@ -52,6 +52,7 @@ export const Chat = memo(() => {
     );
 
     chatDispatch({
+      type: 'change',
       field: 'selectedConversationMessages',
       value: _conversationMessages,
     });

apps/desktop/components/home/components/chat-zone/screen/settings/components/setting-component.tsx

@@ -2,14 +2,14 @@ import { useContext } from 'react';
 
 import { DefaultValues, Setting } from '@/types/settings';
 
-import { Input } from '@/components/common/ui/input';
+import { Input } from '@ui/components/ui/input';
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@/components/common/ui/select';
+} from '@ui/components/ui/select';
 
 import SettingsContext from '../settings.context';
 

apps/desktop/components/home/components/chat-zone/screen/settings/settings.tsx

@@ -30,10 +30,11 @@ export const Settings = () => {
   }, [searchQuery, settingsDispatch]);
 
   const doSearch = (query: string) =>
-    settingsDispatch({ field: 'searchQuery', value: query });
+    settingsDispatch({type: 'change', field: 'searchQuery', value: query });
 
   const handleSelect = (settingId: string) => {
     settingsDispatch({
+      type: 'change',
       field: 'selectedSettingId',
       value: settingId,
     });

apps/desktop/components/home/components/primary-menu/components/activity-bar/activity-bar.tsx

@@ -39,7 +39,7 @@ const ActivityBar = ({ icons }: { icons: JSX.Element[] }) => {
       setShowPrimaryMenu(true);
       localSaveShowPrimaryMenu(!showPrimaryMenu);
     }
-    primaryMenuDispatch({ field: 'selectedIndex', value: index });
+    primaryMenuDispatch({ type: 'change', field: 'selectedIndex', value: index });
   };
 
   const handleSignOut = () => {

apps/desktop/components/home/components/primary-menu/components/menu/components/screens/conversations/conversations.tsx

@@ -15,7 +15,7 @@ import { ConversationList } from './components/conversation-list';
 import { ConversationsSettings } from './components/conversations-settings';
 import { ConversationsFolders } from './components/folders';
 import Search from '@/components/common/Search';
-import { Button } from '@/components/common/ui/button';
+import { Button } from '@ui/components/ui/button';
 
 import ConversationsContext from './conversations.context';
 import { ConversationsInitialState, initialState } from './conversations.state';
@@ -92,6 +92,7 @@ export const Conversations = () => {
   useEffect(() => {
     if (searchTerm) {
       chatDispatch({
+        type: 'change',
         field: 'filteredConversations',
         value: conversations.filter((conversation) => {
           const conversationMessages = messages.filter(
@@ -107,14 +108,15 @@ export const Conversations = () => {
       });
     } else {
       chatDispatch({
+        type: 'change',
         field: 'filteredConversations',
         value: conversations,
       });
     }
   }, [searchTerm, conversations, chatDispatch, messages]);
 
   const doSearch = (term: string) =>
-    chatDispatch({ field: 'searchTerm', value: term });
+    chatDispatch({ type: 'change', field: 'searchTerm', value: term });
 
   const allowDrop = (e: any) => {
     e.stopPropagation();

apps/desktop/components/home/components/primary-menu/components/menu/components/screens/prompts/components/prompt-component.tsx

@@ -42,7 +42,7 @@ export const SystemPromptComponent = ({ systemPrompt }: Props) => {
 
     if (isDeleting) {
       deleteSystemPrompt(systemPrompt.id);
-      promptDispatch({ field: 'searchTerm', value: '' });
+      promptDispatch({ type: 'change', field: 'searchTerm', value: '' });
     }
 
     setIsDeleting(false);

apps/desktop/components/home/components/primary-menu/components/menu/components/screens/prompts/components/system-prompt-edit-modal.tsx

@@ -11,7 +11,7 @@ import { useTranslation } from 'next-i18next';
 
 import { SystemPrompt } from '@/types/system-prompt';
 
-import { Button } from '@/components/common/ui/button';
+import { Button } from '@ui/components/ui/button';
 import { PrimaryLabel } from '@/components/common/ui/primary-label';
 
 import { ChipList } from './models-list';

apps/desktop/components/home/components/primary-menu/components/menu/components/screens/prompts/system-prompts.tsx

@@ -7,7 +7,7 @@ import { useCreateReducer } from '@/hooks/useCreateReducer';
 import { SystemPromptFolders } from './components/folders';
 import { SystemPromptList } from './components/system-prompt-list';
 import Search from '@/components/common/Search';
-import { Button } from '@/components/common/ui/button';
+import { Button } from '@ui/components/ui/button';
 
 import SystemPromptsContext from './system-prompts.context';
 import {
@@ -58,6 +58,7 @@ const SystemPrompts = () => {
   useEffect(() => {
     if (searchTerm) {
       promptDispatch({
+        type: 'change',
         field: 'filteredSystemPrompts',
         value: systemPrompts.filter((systemPrompt) => {
           const searchable =
@@ -71,6 +72,7 @@ const SystemPrompts = () => {
       });
     } else {
       promptDispatch({
+        type: 'change',
         field: 'filteredSystemPrompts',
         value: systemPrompts,
       });
@@ -91,7 +93,7 @@ const SystemPrompts = () => {
   };
 
   const doSearch = (term: string) =>
-    promptDispatch({ field: 'searchTerm', value: term });
+    promptDispatch({ type: 'change', field: 'searchTerm', value: term });
 
   const handleDragEnter = (e: any) => {
     e.target.style.background = '#343541';

apps/desktop/components/home/components/primary-menu/components/menu/components/screens/templates/components/template-component.tsx

@@ -64,15 +64,15 @@ export const TemplateComponent = ({ template }: Props) => {
 
   const handleUpdate = (template: Template) => {
     updateTemplate(template);
-    promptDispatch({ field: 'searchTerm', value: '' });
+    promptDispatch({ type: 'change', field: 'searchTerm', value: '' });
   };
 
   const handleDelete: MouseEventHandler<HTMLButtonElement> = (e) => {
     e.stopPropagation();
 
     if (isDeleting) {
       deleteTemplate(template);
-      promptDispatch({ field: 'searchTerm', value: '' });
+      promptDispatch({ type: 'change', field: 'searchTerm', value: '' });
     }
 
     setIsDeleting(false);

apps/desktop/components/home/components/primary-menu/components/menu/components/screens/templates/components/template-modal.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'next-i18next';
 
 import { Template } from '@/types/templates';
 
-import { Button } from '@/components/common/ui/button';
+import { Button } from '@ui/components/ui/button';
 
 interface Props {
   template: Template;

apps/desktop/components/home/components/primary-menu/components/menu/components/screens/templates/prompts.tsx

@@ -7,7 +7,7 @@ import { useCreateReducer } from '@/hooks/useCreateReducer';
 import { TemplateFolders } from './components/folders';
 import { PromptList } from './components/template-list';
 import Search from '@/components/common/Search';
-import { Button } from '@/components/common/ui/button';
+import { Button } from '@ui/components/ui/button';
 
 import PromptsContext from './prompts.context';
 import { PromptsInitialState, initialState } from './prompts.state';
@@ -50,6 +50,7 @@ const Templates = () => {
   useEffect(() => {
     if (searchTerm) {
       promptDispatch({
+        type: 'change',
         field: 'filteredPrompts',
         value: templates.filter((prompt) => {
           const searchable =
@@ -62,7 +63,7 @@ const Templates = () => {
         }),
       });
     } else {
-      promptDispatch({ field: 'filteredPrompts', value: templates });
+      promptDispatch({ type: 'change', field: 'filteredPrompts', value: templates });
     }
   }, [searchTerm, templates, promptDispatch]);
 
@@ -84,7 +85,7 @@ const Templates = () => {
     }
   };
   const doSearch = (term: string) =>
-    promptDispatch({ field: 'searchTerm', value: term });
+    promptDispatch({ type: 'change', field: 'searchTerm', value: term });
 
   return (
     <PromptsContext.Provider

apps/desktop/components/home/components/secondary-menu/components/activity-bar/activity-bar.tsx

@@ -26,7 +26,7 @@ const ActivityBar = ({ icons }: { icons: JSX.Element[] }) => {
       setShowSecondaryMenu(true);
       localSaveShowSecondaryMenu(true);
     }
-    secondaryMenuDispatch({ field: 'selectedIndex', value: index });
+    secondaryMenuDispatch({ type: 'change', field: 'selectedIndex', value: index });
   };
 
   // VS Code Activity Bar with tabs at the top and setting button at the bottom

apps/desktop/components/home/components/secondary-menu/components/menu/components/screens/model-settings/components/frequency-penalty.tsx

@@ -3,8 +3,8 @@ import { useEffect, useState } from 'react';
 import { useTranslation } from 'next-i18next';
 
 import { PrimaryLabel } from '@/components/common/ui/primary-label';
-import { Slider } from '@/components/common/ui/slider';
-import { Switch } from '@/components/common/ui/switch';
+import { Slider } from '@ui/components/ui/slider';
+import { Switch } from '@ui/components/ui/switch';
 
 import { useConversations } from '@/providers/conversations';
 

apps/desktop/components/home/components/secondary-menu/components/menu/components/screens/model-settings/components/max-tokens.tsx

@@ -5,8 +5,8 @@ import { useTranslation } from 'next-i18next';
 import { storageGetSavedSettingValue } from '@/utils/app/storage/local/settings';
 
 import { PrimaryLabel } from '@/components/common/ui/primary-label';
-import { Slider } from '@/components/common/ui/slider';
-import { Switch } from '@/components/common/ui/switch';
+import { Slider } from '@ui/components/ui/slider';
+import { Switch } from '@ui/components/ui/switch';
 
 import { useConversations } from '@/providers/conversations';
 import { useSettings } from '@/providers/settings';
@@ -38,7 +38,7 @@ export const MaxTokensSlider = () => {
     );
 
     return maxTokens || 4096;
-  }, [selectedConversation?.model?.id]);
+  }, [selectedConversation?.model?.id,savedSettings]);
 
   const [value, setValue] = useState<number[]>([
     selectedConversation?.params.max_tokens ?? modelTokenLimit,

apps/desktop/components/home/components/secondary-menu/components/menu/components/screens/model-settings/components/model.tsx

@@ -13,7 +13,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@/components/common/ui/select';
+} from '@ui/components/ui/select';
 
 import { useConversations } from '@/providers/conversations';
 import { useModels } from '@/providers/models';

apps/desktop/components/home/components/secondary-menu/components/menu/components/screens/model-settings/components/presence-penalty.tsx

@@ -3,8 +3,8 @@ import { useEffect, useState } from 'react';
 import { useTranslation } from 'next-i18next';
 
 import { PrimaryLabel } from '@/components/common/ui/primary-label';
-import { Slider } from '@/components/common/ui/slider';
-import { Switch } from '@/components/common/ui/switch';
+import { Slider } from '@ui/components/ui/slider';
+import { Switch } from '@ui/components/ui/switch';
 
 import { useConversations } from '@/providers/conversations';