less jarring initial loading of saved config values on the general tab

src/components/screens/Launch/GeneralTab/index.tsx

@@ -1,10 +1,21 @@
-import { Stack, Text, Group, TextInput, Slider } from '@mantine/core';
+import {
+  Stack,
+  Text,
+  Group,
+  TextInput,
+  Slider,
+  Transition,
+} from '@mantine/core';
 import { InfoTooltip } from '@/components/InfoTooltip';
 import { BackendSelector } from '@/components/screens/Launch/GeneralTab/BackendSelector';
 import { ModelFileField } from '@/components/screens/Launch/ModelFileField';
 import { useLaunchConfig } from '@/hooks/useLaunchConfig';
 
-export const GeneralTab = () => {
+interface GeneralTabProps {
+  configLoaded?: boolean;
+}
+
+export const GeneralTab = ({ configLoaded = true }: GeneralTabProps) => {
   const {
     model,
     contextSize,
@@ -14,7 +25,14 @@ export const GeneralTab = () => {
   } = useLaunchConfig();
 
   return (
-    <Stack gap="md">
+    <Transition
+      mounted={configLoaded}
+      transition="fade"
+      duration={100}
+      timingFunction="ease-out"
+    >
+      {(styles) => (
+        <Stack gap="md" style={styles}>
           <BackendSelector />
 
           <ModelFileField
@@ -39,7 +57,9 @@ export const GeneralTab = () => {
               <TextInput
                 value={contextSize?.toString() || ''}
                 onChange={(event) =>
-              handleContextSizeChangeWithStep(Number(event.target.value) || 256)
+                  handleContextSizeChangeWithStep(
+                    Number(event.target.value) || 256
+                  )
                 }
                 type="number"
                 min={256}
@@ -59,5 +79,7 @@ export const GeneralTab = () => {
             />
           </div>
         </Stack>
+      )}
+    </Transition>
   );
 };

src/components/screens/Launch/index.tsx

@@ -345,7 +345,7 @@ export const LaunchScreen = ({ onLaunch }: LaunchScreenProps) => {
               </Tabs.List>
 
               <Tabs.Panel value="general">
-                <GeneralTab />
+                <GeneralTab configLoaded={configLoaded} />
               </Tabs.Panel>
 
               <Tabs.Panel value="advanced">