Merge pull request #6681 from menloresearch/fix/local-api-server

fix: local api server auto start first model when last used missing

Author: urmauur

web-app/src/containers/DropdownModelProvider.tsx

@@ -24,6 +24,7 @@ import { predefinedProviders } from '@/consts/providers'
 import { useServiceHub } from '@/hooks/useServiceHub'
 import { PlatformFeatures } from '@/lib/platform/const'
 import { PlatformFeature } from '@/lib/platform/types'
+import { getLastUsedModel } from '@/utils/getModelToStart'
 
 type DropdownModelProviderProps = {
   model?: ThreadModel
@@ -39,16 +40,6 @@ interface SearchableModel {
 }
 
 // Helper functions for localStorage
-const getLastUsedModel = (): { provider: string; model: string } | null => {
-  try {
-    const stored = localStorage.getItem(localStorageKey.lastUsedModel)
-    return stored ? JSON.parse(stored) : null
-  } catch (error) {
-    console.debug('Failed to get last used model from localStorage:', error)
-    return null
-  }
-}
-
 const setLastUsedModel = (provider: string, model: string) => {
   try {
     localStorage.setItem(

web-app/src/locales/de-DE/settings.json

@@ -169,6 +169,12 @@
     "serverLogs": "Server Logs",
     "serverLogsDesc": "Zeige detaillierte Logs des lokalen API-Servers an.",
     "openLogs": "Logs öffnen",
+    "swaggerDocs": "API-Dokumentation",
+    "swaggerDocsDesc": "Zeige interaktive API-Dokumentation (Swagger UI) an.",
+    "openDocs": "Dokumentation öffnen",
+    "startupConfiguration": "Startkonfiguration",
+    "runOnStartup": "Auto start",
+    "runOnStartupDesc": "Starte den lokalen API-Server automatisch beim Anwendungsstart. Verwendet das zuletzt verwendete Modell oder wählt das erste verfügbare Modell, falls nicht verfügbar.",
     "serverConfiguration": "Server Konfiguration",
     "serverHost": "Server Host",
     "serverHostDesc": "Netzwerkadresse für den Server.",

web-app/src/locales/en/settings.json

@@ -169,9 +169,12 @@
     "serverLogs": "Server Logs",
     "serverLogsDesc": "View detailed logs of the local API server.",
     "openLogs": "Open Logs",
+    "swaggerDocs": "API Documentation",
+    "swaggerDocsDesc": "View interactive API documentation (Swagger UI).",
+    "openDocs": "Open Docs",
     "startupConfiguration": "Startup Configuration",
-    "runOnStartup": "Enable by default on startup",
-    "runOnStartupDesc": "Automatically start the Local API Server when the application launches.",
+    "runOnStartup": "Auto start",
+    "runOnStartupDesc": "Automatically start the Local API Server when the application launches. Uses last used model, or picks the first available model if unavailable.",
     "serverConfiguration": "Server Configuration",
     "serverHost": "Server Host",
     "serverHostDesc": "Network address for the server.",

web-app/src/locales/id/settings.json

@@ -167,6 +167,12 @@
     "serverLogs": "Log Server",
     "serverLogsDesc": "Lihat log terperinci dari server API lokal.",
     "openLogs": "Buka Log",
+    "swaggerDocs": "Dokumentasi API",
+    "swaggerDocsDesc": "Lihat dokumentasi API interaktif (Swagger UI).",
+    "openDocs": "Buka Dokumentasi",
+    "startupConfiguration": "Konfigurasi Startup",
+    "runOnStartup": "Auto start",
+    "runOnStartupDesc": "Mulai Server API Lokal secara otomatis saat aplikasi diluncurkan. Menggunakan model terakhir yang digunakan, atau memilih model pertama yang tersedia jika tidak tersedia.",
     "serverConfiguration": "Konfigurasi Server",
     "serverHost": "Host Server",
     "serverHostDesc": "Alamat jaringan untuk server.",

web-app/src/locales/pl/settings.json

@@ -167,9 +167,12 @@
     "serverLogs": "Dzienniki Serwera",
     "serverLogsDesc": "Wyświetl szczegółowe dzienniki lokalnego serwera API.",
     "openLogs": "Otwórz Dzienniki",
+    "swaggerDocs": "Dokumentacja API",
+    "swaggerDocsDesc": "Wyświetl interaktywną dokumentację API (Swagger UI).",
+    "openDocs": "Otwórz Dokumentację",
     "startupConfiguration": "Konfiguracja Startowa",
-    "runOnStartup": "Domyślnie włączaj przy starcie",
-    "runOnStartupDesc": "Automatycznie uruchamiaj lokalny serwer API podczas uruchamiania aplikacji.",
+    "runOnStartup": "Auto start",
+    "runOnStartupDesc": "Automatycznie uruchamiaj lokalny serwer API podczas uruchamiania aplikacji. Używa ostatnio używanego modelu lub wybiera pierwszy dostępny model, jeśli nie jest dostępny.",
     "serverConfiguration": "Konfiguracja Serwera",
     "serverHost": "Host",
     "serverHostDesc": "Adres sieciowy serwera.",

web-app/src/locales/vn/settings.json

@@ -169,6 +169,12 @@
     "serverLogs": "Nhật ký máy chủ",
     "serverLogsDesc": "Xem nhật ký chi tiết của máy chủ API cục bộ.",
     "openLogs": "Mở nhật ký",
+    "swaggerDocs": "Tài liệu API",
+    "swaggerDocsDesc": "Xem tài liệu API tương tác (Swagger UI).",
+    "openDocs": "Mở tài liệu",
+    "startupConfiguration": "Cấu hình khởi động",
+    "runOnStartup": "Auto start",
+    "runOnStartupDesc": "Tự động khởi động Máy chủ API Cục bộ khi ứng dụng khởi chạy. Sử dụng mô hình đã dùng gần nhất hoặc chọn mô hình đầu tiên có sẵn nếu không khả dụng.",
     "serverConfiguration": "Cấu hình máy chủ",
     "serverHost": "Máy chủ lưu trữ",
     "serverHostDesc": "Địa chỉ mạng cho máy chủ.",

web-app/src/locales/zh-CN/settings.json

@@ -169,6 +169,12 @@
     "serverLogs": "服务器日志",
     "serverLogsDesc": "查看本地 API 服务器的详细日志。",
     "openLogs": "打开日志",
+    "swaggerDocs": "API 文档",
+    "swaggerDocsDesc": "查看交互式 API 文档（Swagger UI）。",
+    "openDocs": "打开文档",
+    "startupConfiguration": "启动配置",
+    "runOnStartup": "Auto start",
+    "runOnStartupDesc": "应用程序启动时自动启动本地 API 服务器。使用上次使用的模型，如果不可用则选择第一个可用模型。",
     "serverConfiguration": "服务器配置",
     "serverHost": "服务器主机",
     "serverHostDesc": "服务器的网络地址。",

web-app/src/locales/zh-TW/settings.json

@@ -167,6 +167,12 @@
     "serverLogs": "伺服器日誌",
     "serverLogsDesc": "檢視本機 API 伺服器的詳細日誌。",
     "openLogs": "開啟日誌",
+    "swaggerDocs": "API 文件",
+    "swaggerDocsDesc": "查看互動式 API 文件（Swagger UI）。",
+    "openDocs": "開啟文件",
+    "startupConfiguration": "啟動設定",
+    "runOnStartup": "Auto start",
+    "runOnStartupDesc": "應用程式啟動時自動啟動本機 API 伺服器。使用上次使用的模型，如果不可用則選擇第一個可用模型。",
     "serverConfiguration": "伺服器設定",
     "serverHost": "伺服器主機",
     "serverHostDesc": "伺服器的網路位址。",

web-app/src/providers/DataProvider.tsx

@@ -12,8 +12,8 @@ import { useThreads } from '@/hooks/useThreads'
 import { useLocalApiServer } from '@/hooks/useLocalApiServer'
 import { useAppState } from '@/hooks/useAppState'
 import { AppEvent, events } from '@janhq/core'
-import { localStorageKey } from '@/constants/localStorage'
 import { SystemEvent } from '@/types/events'
+import { getModelToStart } from '@/utils/getModelToStart'
 
 export function DataProvider() {
   const { setProviders, selectedModel, selectedProvider, getProviderByName } =
@@ -66,12 +66,15 @@ export function DataProvider() {
 
     // Listen for deep link events
     let unsubscribe = () => {}
-    serviceHub.events().listen(SystemEvent.DEEP_LINK, (event) => {
-      const deep_link  = event.payload as string
-      handleDeepLink([deep_link])
-    }).then((unsub) => {
-      unsubscribe = unsub
-    })
+    serviceHub
+      .events()
+      .listen(SystemEvent.DEEP_LINK, (event) => {
+        const deep_link = event.payload as string
+        handleDeepLink([deep_link])
+      })
+      .then((unsub) => {
+        unsubscribe = unsub
+      })
     return () => {
       unsubscribe()
     }
@@ -109,54 +112,6 @@ export function DataProvider() {
     })
   }, [serviceHub, setProviders])
 
-  const getLastUsedModel = (): { provider: string; model: string } | null => {
-    try {
-      const stored = localStorage.getItem(localStorageKey.lastUsedModel)
-      return stored ? JSON.parse(stored) : null
-    } catch (error) {
-      console.debug('Failed to get last used model from localStorage:', error)
-      return null
-    }
-  }
-
-  // Helper function to determine which model to start
-  const getModelToStart = () => {
-    // Use last used model if available
-    const lastUsedModel = getLastUsedModel()
-    if (lastUsedModel) {
-      const provider = getProviderByName(lastUsedModel.provider)
-      if (
-        provider &&
-        provider.models.some((m) => m.id === lastUsedModel.model)
-      ) {
-        return { model: lastUsedModel.model, provider }
-      }
-    }
-
-    // Use selected model if available
-    if (selectedModel && selectedProvider) {
-      const provider = getProviderByName(selectedProvider)
-      if (provider) {
-        return { model: selectedModel.id, provider }
-      }
-    }
-
-    // Use first model from llamacpp provider
-    const llamacppProvider = getProviderByName('llamacpp')
-    if (
-      llamacppProvider &&
-      llamacppProvider.models &&
-      llamacppProvider.models.length > 0
-    ) {
-      return {
-        model: llamacppProvider.models[0].id,
-        provider: llamacppProvider,
-      }
-    }
-
-    return null
-  }
-
   // Auto-start Local API Server on app startup if enabled
   useEffect(() => {
     if (enableOnStartup) {
@@ -166,7 +121,11 @@ export function DataProvider() {
         return
       }
 
-      const modelToStart = getModelToStart()
+      const modelToStart = getModelToStart({
+        selectedModel,
+        selectedProvider,
+        getProviderByName,
+      })
 
       // Only start server if we have a model to load
       if (!modelToStart) {