Health API (open-edge-platform#1651)

Author: d-rushma

education-ai-suite/smart-classroom/ui/package-lock.json

@@ -15,32 +15,20 @@ const App: React.FC = () => {
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
 
   const [backendStatus, setBackendStatus] = useState<'checking' | 'available' | 'unavailable'>('checking');
-  const wasInitiallyUnavailableRef = useRef(false);
-  const reloadTriggeredRef = useRef(false);
 
   const checkBackendHealth = async () => {
     try {
       const isHealthy = await pingBackend();
+
       if (isHealthy) {
         setBackendStatus('available');
-        // reload only if backend was initially unavailable
-        if (wasInitiallyUnavailableRef.current && !reloadTriggeredRef.current) {
-          reloadTriggeredRef.current = true;
-          window.location.reload();
-          return;
-        }
         loadSettings();
-      } else {
-        setBackendStatus('unavailable');
-        if (!wasInitiallyUnavailableRef.current) {
-          wasInitiallyUnavailableRef.current = true;
-        }
+        return;
       }
+
+      setBackendStatus('unavailable');
     } catch {
       setBackendStatus('unavailable');
-      if (!wasInitiallyUnavailableRef.current) {
-        wasInitiallyUnavailableRef.current = true;
-      }
     }
   };
 
@@ -54,18 +42,43 @@ const App: React.FC = () => {
   };
 
   useEffect(() => {
-    checkBackendHealth(); // initial check
+    checkBackendHealth(); 
   }, []);
 
   useEffect(() => {
-    if ((backendStatus === 'unavailable' || backendStatus === 'checking') && wasInitiallyUnavailableRef.current && !reloadTriggeredRef.current) {
-      const interval = setInterval(() => {
-        checkBackendHealth();
-      }, 5000);
-      return () => clearInterval(interval);
-    }
+    if (backendStatus === 'available') return;
+
+    const interval = setInterval(checkBackendHealth, 5000);
+    return () => clearInterval(interval);
   }, [backendStatus]);
 
+
+    if (backendStatus === 'checking') {
+    return (
+      <div className="app-loading">
+        <div className="loading-content">
+          <div className="spinner" />
+          <h2>Checking backend status</h2>
+          <p>Please wait while we connect to the backend…</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (backendStatus === 'unavailable') {
+    return (
+      <div className="app-error">
+        <div className="error-content">
+          <h1>Backend Not Available</h1>
+          <p>
+            The backend server is currently unreachable.
+            Please ensure it is running.
+          </p>
+        </div>
+      </div>
+    );
+  }
+
   return (
     <div className="app">
       <MetricsPoller />

education-ai-suite/smart-classroom/ui/src/App.tsx

@@ -1,6 +1,8 @@
 import React, { useEffect, useRef } from "react";
 import { useAppDispatch, useAppSelector } from "../../redux/hooks";
 import "../../assets/css/MindMap.css";
+import jsMind from "jsmind";
+import "jsmind/style/jsmind.css";
 import {
   clearMindmapStartRequest,
   mindmapStart as uiMindmapStart,
@@ -19,7 +21,6 @@ import {
 } from "../../redux/slices/mindmapSlice";
 
 import { fetchMindmap } from "../../services/api";
-import "../../assets/css/MindMap.css";
 import { useTranslation } from "react-i18next";
 
 declare global {
@@ -125,24 +126,9 @@ const MindMapTab: React.FC = () => {
   }, [sessionId]);
 
   useEffect(() => {
-    const loadJsMind = async () => {
-      if (window.jsMind) return;
-      const cssLink = document.createElement('link');
-      cssLink.rel = 'stylesheet';
-      cssLink.href = '//cdn.jsdelivr.net/npm/jsmind@0.8.5/style/jsmind.css';
-      document.head.appendChild(cssLink);
-      const script = document.createElement('script');
-      script.src = '//cdn.jsdelivr.net/npm/jsmind@0.8.5/es6/jsmind.js';
-      script.onload = () => {
-        console.log('jsMind loaded successfully');
-      };
-      script.onerror = () => {
-        console.error('Failed to load jsMind');
-      };
-      document.head.appendChild(script);
-    };
-
-    loadJsMind();
+    if (!window.jsMind) {
+      window.jsMind = jsMind;
+    }
   }, []);
 
   useEffect(() => {

education-ai-suite/smart-classroom/ui/src/components/Tabs/MindMapTab.tsx

@@ -25,7 +25,7 @@ export type StartSessionResponse = { sessionId: string };
 
 const env = (import.meta as any).env ?? {};
 const BASE_URL: string = env.VITE_API_BASE_URL || 'http://127.0.0.1:8000';
-const HEALTH_TIMEOUT_MS = 10000;
+const HEALTH_TIMEOUT_MS = 5000;
 
 async function withTimeout<T>(promise: Promise<T>, ms: number): Promise<T> {
   return Promise.race([