From 49ce4235ece709d45ad6cf354c4870cb6e990dbe Mon Sep 17 00:00:00 2001
From: Dustin Loring <dustinwloring1988@gmail.com>
Date: Mon, 9 Dec 2024 10:31:09 -0500
Subject: [PATCH 1/3] fixed toggle not displaying in feature tab

---
 app/components/settings/SettingsWindow.tsx | 68 +++++++---------------
 1 file changed, 22 insertions(+), 46 deletions(-)

diff --git a/app/components/settings/SettingsWindow.tsx b/app/components/settings/SettingsWindow.tsx
index c70238e..8b62a05 100644
--- a/app/components/settings/SettingsWindow.tsx
+++ b/app/components/settings/SettingsWindow.tsx
@@ -30,6 +30,8 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
   const [searchTerm, setSearchTerm] = useState('');
   const [isDeleting, setIsDeleting] = useState(false);
   const [isJustSayEnabled, setIsJustSayEnabled] = useState(false);
+  const [isExperimentalFeature1Enabled, setIsExperimentalFeature1Enabled] = useState(false);
+  const [isExperimentalFeature2Enabled, setIsExperimentalFeature2Enabled] = useState(false);
 
   // Load base URLs from cookies
   const [baseUrls, setBaseUrls] = useState(() => {
@@ -339,57 +341,31 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
                   )}
                   {activeTab === 'features' && (
                     <div className="p-4 bg-bolt-elements-bg-depth-2 border border-bolt-elements-borderColor rounded-lg mb-4">
-                      <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Feature Settings</h3>
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-bolt-elements-textPrimary">Debug Info</span>
-                        <label className="relative inline-flex items-center cursor-pointer">
-                          <input
-                            type="checkbox"
-                            className="sr-only"
+                      <div className="mb-6">
+                        <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Optional Features</h3>
+                        <div className="flex items-center justify-between mb-2">
+                          <span className="text-bolt-elements-textPrimary">Debug Info</span>
+                          <Switch
+                            className="ml-auto"
                             checked={isDebugEnabled}
-                            onChange={() => setIsDebugEnabled(!isDebugEnabled)}
+                            onCheckedChange={() => setIsDebugEnabled(!isDebugEnabled)}
                           />
-                          <div
-                            className={classNames(
-                              'settings-toggle__track',
-                              isDebugEnabled ? 'settings-toggle__track--enabled' : 'settings-toggle__track--disabled',
-                            )}
-                          ></div>
-                          <div
-                            className={classNames(
-                              'settings-toggle__thumb',
-                              isDebugEnabled ? 'settings-toggle__thumb--enabled' : '',
-                            )}
-                          ></div>
-                        </label>
+                        </div>
                       </div>
-                    </div>
-                  )}
-                  {activeTab === 'features' && (
-                    <div className="p-4 bg-bolt-elements-bg-depth-2 border border-bolt-elements-borderColor rounded-lg">
-                      <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Experimental Area</h3>
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-bolt-elements-textPrimary">Replace with local models</span>
-                        <label className="relative inline-flex items-center cursor-pointer">
-                          <input
-                            type="checkbox"
-                            className="sr-only"
+
+                      <div className="mb-6 border-t border-bolt-elements-borderColor pt-4">
+                        <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Experimental Features</h3>
+                        <p className="text-sm text-bolt-elements-textSecondary mb-4">
+                          Disclaimer: Experimental features may be unstable and are subject to change.
+                        </p>
+                        <div className="flex items-center justify-between mb-2">
+                          <span className="text-bolt-elements-textPrimary">Replace with local models</span>
+                          <Switch
+                            className="ml-auto"
                             checked={isJustSayEnabled}
-                            onChange={() => setIsJustSayEnabled(!isJustSayEnabled)}
+                            onCheckedChange={() => setIsJustSayEnabled(!isJustSayEnabled)}
                           />
-                          <div
-                            className={classNames(
-                              'settings-toggle__track',
-                              isJustSayEnabled ? 'settings-toggle__track--enabled' : 'settings-toggle__track--disabled',
-                            )}
-                          ></div>
-                          <div
-                            className={classNames(
-                              'settings-toggle__thumb',
-                              isJustSayEnabled ? 'settings-toggle__thumb--enabled' : '',
-                            )}
-                          ></div>
-                        </label>
+                        </div>
                       </div>
                     </div>
                   )}

From 38c069988e4866576f08a4975933051381c01254 Mon Sep 17 00:00:00 2001
From: Dustin Loring <dustinwloring1988@gmail.com>
Date: Mon, 9 Dec 2024 10:42:42 -0500
Subject: [PATCH 2/3] moved local models to the experimental features

---
 app/components/settings/SettingsWindow.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/components/settings/SettingsWindow.tsx b/app/components/settings/SettingsWindow.tsx
index 8b62a05..e429b2b 100644
--- a/app/components/settings/SettingsWindow.tsx
+++ b/app/components/settings/SettingsWindow.tsx
@@ -30,6 +30,7 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
   const [searchTerm, setSearchTerm] = useState('');
   const [isDeleting, setIsDeleting] = useState(false);
   const [isJustSayEnabled, setIsJustSayEnabled] = useState(false);
+  const [isLocalModelsEnabled, setIsLocalModelsEnabled] = useState(false);
   const [isExperimentalFeature1Enabled, setIsExperimentalFeature1Enabled] = useState(false);
   const [isExperimentalFeature2Enabled, setIsExperimentalFeature2Enabled] = useState(false);
 
@@ -115,6 +116,10 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
   };
 
   const filteredProviders = providers
+    .filter((provider) => {
+      const isLocalModelProvider = ['OpenAILike', 'LMStudio', 'Ollama'].includes(provider.name);
+      return isLocalModelsEnabled || !isLocalModelProvider;
+    })
     .filter((provider) => provider.name.toLowerCase().includes(searchTerm.toLowerCase()))
     .sort((a, b) => a.name.localeCompare(b.name));
 
@@ -359,11 +364,11 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
                           Disclaimer: Experimental features may be unstable and are subject to change.
                         </p>
                         <div className="flex items-center justify-between mb-2">
-                          <span className="text-bolt-elements-textPrimary">Replace with local models</span>
+                          <span className="text-bolt-elements-textPrimary">Enable Local Models</span>
                           <Switch
                             className="ml-auto"
-                            checked={isJustSayEnabled}
-                            onCheckedChange={() => setIsJustSayEnabled(!isJustSayEnabled)}
+                            checked={isLocalModelsEnabled}
+                            onCheckedChange={() => setIsLocalModelsEnabled(!isLocalModelsEnabled)}
                           />
                         </div>
                       </div>

From a203f2f86fcbb87bb8477940a0b43c741d6ad2a7 Mon Sep 17 00:00:00 2001
From: Dustin Loring <dustinwloring1988@gmail.com>
Date: Mon, 9 Dec 2024 12:39:55 -0500
Subject: [PATCH 3/3] Remembers Settings In Features

Uses cookies now
---
 app/components/settings/SettingsWindow.tsx | 25 ++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/app/components/settings/SettingsWindow.tsx b/app/components/settings/SettingsWindow.tsx
index e429b2b..6301bfa 100644
--- a/app/components/settings/SettingsWindow.tsx
+++ b/app/components/settings/SettingsWindow.tsx
@@ -26,11 +26,17 @@ const URL_CONFIGURABLE_PROVIDERS = ['Ollama', 'LMStudio', 'OpenAILike'];
 export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
   const navigate = useNavigate();
   const [activeTab, setActiveTab] = useState<TabType>('chat-history');
-  const [isDebugEnabled, setIsDebugEnabled] = useState(false);
+  const [isDebugEnabled, setIsDebugEnabled] = useState(() => {
+    const savedDebugState = Cookies.get('isDebugEnabled');
+    return savedDebugState === 'true';
+  });
   const [searchTerm, setSearchTerm] = useState('');
   const [isDeleting, setIsDeleting] = useState(false);
   const [isJustSayEnabled, setIsJustSayEnabled] = useState(false);
-  const [isLocalModelsEnabled, setIsLocalModelsEnabled] = useState(false);
+  const [isLocalModelsEnabled, setIsLocalModelsEnabled] = useState(() => {
+    const savedLocalModelsState = Cookies.get('isLocalModelsEnabled');
+    return savedLocalModelsState === 'true';
+  });
   const [isExperimentalFeature1Enabled, setIsExperimentalFeature1Enabled] = useState(false);
   const [isExperimentalFeature2Enabled, setIsExperimentalFeature2Enabled] = useState(false);
 
@@ -199,6 +205,17 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
 
   const versionHash = commit.commit; // Get the version hash from commit.json
 
+  // Update the toggle handlers to save to cookies
+  const handleToggleDebug = (enabled: boolean) => {
+    setIsDebugEnabled(enabled);
+    Cookies.set('isDebugEnabled', String(enabled));
+  };
+
+  const handleToggleLocalModels = (enabled: boolean) => {
+    setIsLocalModelsEnabled(enabled);
+    Cookies.set('isLocalModelsEnabled', String(enabled));
+  };
+
   return (
     <RadixDialog.Root open={open}>
       <RadixDialog.Portal>
@@ -353,7 +370,7 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
                           <Switch
                             className="ml-auto"
                             checked={isDebugEnabled}
-                            onCheckedChange={() => setIsDebugEnabled(!isDebugEnabled)}
+                            onCheckedChange={handleToggleDebug}
                           />
                         </div>
                       </div>
@@ -368,7 +385,7 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
                           <Switch
                             className="ml-auto"
                             checked={isLocalModelsEnabled}
-                            onCheckedChange={() => setIsLocalModelsEnabled(!isLocalModelsEnabled)}
+                            onCheckedChange={handleToggleLocalModels}
                           />
                         </div>
                       </div>