Release 0.1.1 (#5)

* Update the use effect for darkmode in authcallback

* Update readme

* Update ci to run on dev branch

* chore: update built files

* Fix token refresh issue (#4)

---------

Author: RohanSreelesh

.github/workflows/commit_build_files_push.yaml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - main
+      - dev
   workflow_dispatch:
 
 permissions:

README.md

@@ -46,7 +46,7 @@ Run this in the root of the project to build the wheel package:
 python -m build -w
 ```
 
-This will create a /dist folder containing the wheel file which needs to be installed as a dependency in the ai-eda-solace-chat project.
+This will create a /dist folder containing the wheel file which needs to be installed as a dependency in the solace-agent-mesh project.
 
 One suggested workflow for installing the wheel:
 
@@ -100,7 +100,7 @@ WEBUI_FRONTEND_USE_AUTHORIZATION=False
 WEBUI_FRONTEND_URL=http://localhost:5173
 ```
 
-This configuration allows you to use `npm run dev` while still connecting to the server run by EDA chat.
+This configuration allows you to use `npm run dev` while still connecting to the REST API run by Solace Agent Mesh.
 
 ## Notes
 

src/solace_ai_connector_web/backend/server.py

@@ -306,7 +306,9 @@ def handle_chat_response(self):
                         response.raise_for_status()
                     except Exception:
                         return {"error": "Unauthorized"}, 401
-                return {"error": "Failed to get response"}, 500
+                # Only return 500 if both the original request and the token refresh attempt failed
+                if response.status_code != 200: 
+                    return {"error": "Failed to get response"}, 500
 
             return Response(
                 self._create_stream_response(response, new_access_token_formatted),

src/solace_ai_connector_web/frontend/app/routes/auth-callback.tsx

@@ -10,10 +10,13 @@ export default function AuthCallback() {
   const { configServerUrl } = useConfig();
 
   useEffect(() => {
-    // Check if dark mode is enabled
-    const isDark = document.documentElement.classList.contains('dark') || 
-                   localStorage.getItem('theme') === 'dark' ||
-                   (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches);
+    const hasDarkClass = document.documentElement.classList.contains('dark');
+    const storedPreference = localStorage.getItem('darkMode') === 'true';
+    const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    const useSystemPreference = !localStorage.getItem('darkMode') && prefersDarkScheme;
+    
+    // Set dark mode if any of the conditions are true
+    const isDark = hasDarkClass || storedPreference || useSystemPreference;
     setIsDarkMode(isDark);
   }, []);
 
@@ -54,15 +57,15 @@ export default function AuthCallback() {
     if (error) {
       return (
         <div className="text-red-500">
-          <h2 className={isDarkMode ? "text-white" : "text-black"}>Error</h2>
-          <p className={isDarkMode ? "text-red-400" : "text-red-500"}>{error}</p>
+          <h2 className="text-black dark:text-white">Error</h2>
+          <p className="text-red-500 dark:text-red-400">{error}</p>
         </div>
       );
     }
     if (token) {
       return (
         <div className="space-y-4">
-          <h2 className={`text-2xl ${isDarkMode ? "text-white" : "text-black"}`}>Successfully Authenticated!</h2>
+          <h2 className="text-2xl text-black dark:text-white">Successfully Authenticated!</h2>
           <button 
             onClick={() => window.location.href = '/'}
             className="bg-solace-green text-white px-6 py-2 rounded shadow hover:bg-solace-dark-green"
@@ -72,13 +75,15 @@ export default function AuthCallback() {
         </div>
       );
     }
-    return <div className={isDarkMode ? "text-white" : "text-black"}>Processing authentication...</div>;
+    return <div className="text-black dark:text-white">Processing authentication...</div>;
   };
 
   return (
-    <div className={`min-h-screen flex items-center justify-center ${isDarkMode ? "bg-gray-900" : "bg-white"}`}>
-      <div className="text-center p-8 max-w-lg">
-        {renderContent()}
+    <div className={`${isDarkMode ? "dark" : ""} min-h-screen flex items-center justify-center`}>
+      <div className="min-h-screen w-full flex items-center justify-center bg-white dark:bg-gray-900">
+        <div className="text-center p-8 max-w-lg">
+          {renderContent()}
+        </div>
       </div>
     </div>
   );