chore: clear flow loacl api server

web-app/src/routes/settings/local-api-server.tsx

@@ -97,24 +97,37 @@ function LocalAPIServerContent() {
       }
       setShowApiKeyError(false)
 
+      setServerStatus('pending')
+
+      // Check if there's already a loaded model
+      serviceHub
+        .models()
+        .getActiveModels()
+        .then((loadedModels) => {
+          if (loadedModels && loadedModels.length > 0) {
+            console.log(`Using already loaded model: ${loadedModels[0]}`)
+            // Model already loaded, just start the server
+            return Promise.resolve()
+          } else {
+            // No loaded model, start one first
             const modelToStart = getModelToStart({
               selectedModel,
               selectedProvider,
               getProviderByName,
             })
+
             // Only start server if we have a model to load
             if (!modelToStart) {
               console.warn(
                 'Cannot start Local API Server: No model available to load'
               )
-        return
+              throw new Error('No model available to load')
             }
 
-      setServerStatus('pending')
             setIsModelLoading(true) // Start loading state
 
             // Start the model first
-      serviceHub
+            return serviceHub
               .models()
               .startModel(modelToStart.provider, modelToStart.model)
               .then(() => {
@@ -124,6 +137,8 @@ function LocalAPIServerContent() {
                 // Add a small delay for the backend to update state
                 return new Promise((resolve) => setTimeout(resolve, 500))
               })
+          }
+        })
         .then(() => {
           // Then start the server
           return window.core?.api?.startServer({