chore: init monorepo snapshot

LightRAG/lightrag_webui/src/contexts/TabVisibilityProvider.tsx

@@ -0,0 +1,59 @@
+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;
+}
+
+/**
+ * Provider component for the TabVisibility context
+ * Manages the visibility state of tabs throughout the application
+ */
+export const TabVisibilityProvider: React.FC<TabVisibilityProviderProps> = ({ children }) => {
+  // Get current tab from settings store
+  const currentTab = useSettingsStore.use.currentTab();
+
+  // Initialize visibility state with all tabs visible
+  const [visibleTabs, setVisibleTabs] = useState<Record<string, boolean>>(() => ({
+    'documents': true,
+    'knowledge-graph': true,
+    'retrieval': true,
+    'api': true
+  }));
+
+  // Keep all tabs visible because we use CSS to control TAB visibility instead of React
+  useEffect(() => {
+    setVisibleTabs((prev) => ({
+      ...prev,
+      'documents': true,
+      'knowledge-graph': true,
+      'retrieval': true,
+      'api': true
+    }));
+  }, [currentTab]);
+
+  // Create the context value with memoization to prevent unnecessary re-renders
+  const contextValue = useMemo<TabVisibilityContextType>(
+    () => ({
+      visibleTabs,
+      setTabVisibility: (tabId: string, isVisible: boolean) => {
+        setVisibleTabs((prev) => ({
+          ...prev,
+          [tabId]: isVisible,
+        }));
+      },
+      isTabVisible: (tabId: string) => !!visibleTabs[tabId],
+    }),
+    [visibleTabs]
+  );
+
+  return (
+    <TabVisibilityContext.Provider value={contextValue}>
+      {children}
+    </TabVisibilityContext.Provider>
+  );
+};
+
+export default TabVisibilityProvider;

LightRAG/lightrag_webui/src/contexts/context.ts

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+import { TabVisibilityContextType } from './types';
+
+// Default context value
+const defaultContext: TabVisibilityContextType = {
+  visibleTabs: {},
+  setTabVisibility: () => {},
+  isTabVisible: () => false,
+};
+
+// Create the context
+export const TabVisibilityContext = createContext<TabVisibilityContextType>(defaultContext);

LightRAG/lightrag_webui/src/contexts/types.ts

@@ -0,0 +1,5 @@
+export interface TabVisibilityContextType {
+  visibleTabs: Record<string, boolean>;
+  setTabVisibility: (tabId: string, isVisible: boolean) => void;
+  isTabVisible: (tabId: string) => boolean;
+}

LightRAG/lightrag_webui/src/contexts/useTabVisibility.ts

@@ -0,0 +1,17 @@
+import { useContext } from 'react';
+import { TabVisibilityContext } from './context';
+import { TabVisibilityContextType } from './types';
+
+/**
+ * Custom hook to access the tab visibility context
+ * @returns The tab visibility context
+ */
+export const useTabVisibility = (): TabVisibilityContextType => {
+  const context = useContext(TabVisibilityContext);
+
+  if (!context) {
+    throw new Error('useTabVisibility must be used within a TabVisibilityProvider');
+  }
+
+  return context;
+};