sidebar: apis: fix inconsistent tab switch

.config/ags/modules/sideleft/apis/gemini.js

@@ -88,7 +88,7 @@ export const GeminiSettings = () => MarginRevealer({
                     GeminiService.temperature = value;
                 },
             }),
-            ConfigGap({ vertical: true, size: 10 }), // Note: size can only be 5, 10, or 15 
+            ConfigGap({ vertical: true, size: 10 }), // Note: size can only be 5, 10, or 15
             Box({
                 vertical: true,
                 hpack: 'fill',
@@ -106,7 +106,7 @@ export const GeminiSettings = () => MarginRevealer({
                     ConfigToggle({
                         icon: 'shield',
                         name: 'Safety',
-                        desc: 'When turned off, tells the API not to block harmful/explicit content',
+                        desc: 'When turned off, tells the API (not the model) \nto not block harmful/explicit content',
                         initValue: GeminiService.safe,
                         onChange: (self, newValue) => {
                             GeminiService.safe = newValue;

.config/ags/modules/sideleft/apiwidgets.js

@@ -181,16 +181,18 @@ const apiCommandStack = Stack({
 
 export const apiContentStack = IconTabContainer({
     className: 'margin-top-5',
-    iconWidgets: APIS.map((api, id) => api.tabIcon),
+    iconWidgets: APIS.map((api) => api.tabIcon),
     names: APIS.map((api) => api.name),
     children: APIS.map((api) => api.contentWidget),
+    onChange: (self, id) => {
+        apiCommandStack.shown = APIS[id].name;
+        chatPlaceholder.label = APIS[id].placeholderText;
+        currentApiId = id;
+    }
 });
 
 function switchToTab(id) {
     apiContentStack.shown.value = id;
-    apiCommandStack.shown = APIS[id].name;
-    chatPlaceholder.label = APIS[id].placeholderText;
-    currentApiId = id;
 }
 
 const apiWidgets = Widget.Box({