[Update] UI: Implement LLM connection handling and add connection check UI components.(Test UI)

src-ui/logics/_useBackendErrorHandling.js

@@ -2,6 +2,7 @@ import { useI18n } from "@useI18n";
 
 import {
     useNotificationStatus,
+    useLLMConnection,
 } from "@logics_common";
 
 import {
@@ -46,6 +47,11 @@ export const _useBackendErrorHandling = () => {
         updateWebsocketPort,
     } = useAdvancedSettings();
 
+    const {
+        updateIsOllamaConnected,
+        updateIsLMStudioConnected,
+    } = useLLMConnection();
+
     const errorHandling_Backend = ({message, data, endpoint, result}) => {
         switch (endpoint) {
             case "/run/error_device":
@@ -221,6 +227,18 @@ export const _useBackendErrorHandling = () => {
                 }
                 return;
 
+            case "/run/lmstudio_connection":
+                updateIsLMStudioConnected(data);
+                showNotification_Error(message);
+                console.error(message);
+                return;
+
+            case "/run/ollama_connection":
+                updateIsOllamaConnected(data);
+                showNotification_Error(message);
+                console.error(message);
+                return;
+
             default:
                 console.error(`Invalid endpoint or message: ${endpoint}\nmessage: ${message}\nresult: ${JSON.stringify(result)}`);
                 return;