Minimized API request between Tab view change

lightrag_webui/src/contexts/TabVisibilityProvider.tsx

@@ -1,6 +1,7 @@
-import React, { useState, useMemo } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import { TabVisibilityContext } from './context';
 import { TabVisibilityContextType } from './types';
+import { useSettingsStore } from '@/stores/settings';
 
 interface TabVisibilityProviderProps {
   children: React.ReactNode;
@@ -11,7 +12,21 @@ interface TabVisibilityProviderProps {
  * Manages the visibility state of tabs throughout the application
  */
 export const TabVisibilityProvider: React.FC<TabVisibilityProviderProps> = ({ children }) => {
-  const [visibleTabs, setVisibleTabs] = useState<Record<string, boolean>>({});
+  // Get current tab from settings store
+  const currentTab = useSettingsStore.use.currentTab();
+  
+  // Initialize visibility state with current tab as visible
+  const [visibleTabs, setVisibleTabs] = useState<Record<string, boolean>>(() => ({
+    [currentTab]: true
+  }));
+
+  // Update visibility when current tab changes
+  useEffect(() => {
+    setVisibleTabs((prev) => ({
+      ...prev,
+      [currentTab]: true
+    }));
+  }, [currentTab]);
 
   // Create the context value with memoization to prevent unnecessary re-renders
   const contextValue = useMemo<TabVisibilityContextType>(