Spaces:

rm-lht
/

lightrag

Configuration error

App Files Files Community

ArnoChen commited on Feb 16

Commit

a2251a6

1 Parent(s): 26e5a24

release new webui

Browse files

Files changed (12) hide show

lightrag/api/lightrag_server.py +3 -13
lightrag/api/static/README.md +0 -2
lightrag/api/static/favicon.ico +0 -3
lightrag/api/static/index.html +0 -104
lightrag/api/static/js/api.js +0 -408
lightrag/api/static/js/graph.js +0 -211
lightrag/api/webui/assets/{index-BAeLPZpd.css → index-BhTFLcnv.css} +0 -0
lightrag/api/webui/assets/index-CF-pcoIl.js +0 -0
lightrag/api/webui/assets/index-CGBwpbZt.js +0 -0
lightrag/api/webui/index.html +0 -0
lightrag_webui/bun.lock +7 -0
lightrag_webui/package.json +1 -0

lightrag/api/lightrag_server.py CHANGED Viewed

@@ -254,10 +254,8 @@ def display_splash_screen(args: argparse.Namespace) -> None:
         ASCIIColors.yellow(f"{protocol}://localhost:{args.port}/docs")
         ASCIIColors.white("    ├─ Alternative Documentation (local): ", end="")
         ASCIIColors.yellow(f"{protocol}://localhost:{args.port}/redoc")
-        ASCIIColors.white("    ├─ WebUI (local): ", end="")
         ASCIIColors.yellow(f"{protocol}://localhost:{args.port}/webui")
-        ASCIIColors.white("    └─ Graph Viewer (local): ", end="")
-        ASCIIColors.yellow(f"{protocol}://localhost:{args.port}/graph-viewer")
         ASCIIColors.yellow("\n📝 Note:")
         ASCIIColors.white("""    Since the server is running on 0.0.0.0:
@@ -1814,17 +1812,9 @@ def create_app(args):
         }
     # Webui mount webui/index.html
-    webui_dir = Path(__file__).parent / "webui"
-    app.mount(
-        "/graph-viewer",
-        StaticFiles(directory=webui_dir, html=True),
-        name="webui",
-    )
-    # Serve the static files
-    static_dir = Path(__file__).parent / "static"
     static_dir.mkdir(exist_ok=True)
-    app.mount("/webui", StaticFiles(directory=static_dir, html=True), name="static")
     return app

         ASCIIColors.yellow(f"{protocol}://localhost:{args.port}/docs")
         ASCIIColors.white("    ├─ Alternative Documentation (local): ", end="")
         ASCIIColors.yellow(f"{protocol}://localhost:{args.port}/redoc")
+        ASCIIColors.white("    └─ WebUI (local): ", end="")
         ASCIIColors.yellow(f"{protocol}://localhost:{args.port}/webui")
         ASCIIColors.yellow("\n📝 Note:")
         ASCIIColors.white("""    Since the server is running on 0.0.0.0:
         }
     # Webui mount webui/index.html
+    static_dir = Path(__file__).parent / "webui"
     static_dir.mkdir(exist_ok=True)
+    app.mount("/webui", StaticFiles(directory=static_dir, html=True), name="webui")
     return app

lightrag/api/static/README.md DELETED Viewed

	@@ -1,2 +0,0 @@
1	- # LightRag Webui
2	- A simple webui to interact with the lightrag datalake

lightrag/api/static/favicon.ico DELETED Viewed

Git LFS Details

SHA256: 26d6dfa1f5357416c10b39969c6e22843f58c518928bc59e828660ba5746ef94
Pointer size: 131 Bytes
Size of remote file: 751 kB

lightrag/api/static/index.html DELETED Viewed

@@ -1,104 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>LightRAG Interface</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-    <style>
-        .fade-in {
-            animation: fadeIn 0.3s ease-in;
-        }
-        @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-        }
-        .spin {
-            animation: spin 1s linear infinite;
-        }
-        @keyframes spin {
-            from { transform: rotate(0deg); }
-            to { transform: rotate(360deg); }
-        }
-        .slide-in {
-            animation: slideIn 0.3s ease-out;
-        }
-        @keyframes slideIn {
-            from { transform: translateX(-100%); }
-            to { transform: translateX(0); }
-        }
-    </style>
-</head>
-<body class="bg-gray-50">
-    <div class="flex h-screen">
-        <!-- Sidebar -->
-        <div class="w-64 bg-white shadow-lg">
-            <div class="p-4">
-                <h1 class="text-xl font-bold text-gray-800 mb-6">LightRAG</h1>
-                <nav class="space-y-2">
-                    <a href="#" class="nav-item" data-page="file-manager">
-                        <div class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors">
-                            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/>
-                            </svg>
-                            File Manager
-                        </div>
-                    </a>
-                    <a href="#" class="nav-item" data-page="query">
-                        <div class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors">
-                            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
-                            </svg>
-                            Query Database
-                        </div>
-                    </a>
-                    <a href="#" class="nav-item" data-page="knowledge-graph">
-                        <div class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors">
-                            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
-                            </svg>
-                            Knowledge Graph
-                        </div>
-                    </a>
-                    <a href="#" class="nav-item" data-page="status">
-                        <div class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors">
-                            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
-                            </svg>
-                            Status
-                        </div>
-                    </a>
-                    <a href="#" class="nav-item" data-page="settings">
-                        <div class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors">
-                            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
-                            </svg>
-                            Settings
-                        </div>
-                    </a>
-                </nav>
-            </div>
-        </div>
-        <!-- Main Content -->
-        <div class="flex-1 overflow-auto p-6">
-            <div id="content" class="fade-in"></div>
-        </div>
-        <!-- Toast Notification -->
-        <div id="toast" class="fixed bottom-4 right-4 hidden">
-            <div class="bg-gray-800 text-white px-6 py-3 rounded-lg shadow-lg"></div>
-        </div>
-    </div>
-    <script src="./js/api.js"></script>
-</body>
-</html>

lightrag/api/static/js/api.js DELETED Viewed

@@ -1,408 +0,0 @@
-// State management
-const state = {
-    apiKey: localStorage.getItem('apiKey') || '',
-    files: [],
-    indexedFiles: [],
-    currentPage: 'file-manager'
-};
-// Utility functions
-const showToast = (message, duration = 3000) => {
-    const toast = document.getElementById('toast');
-    toast.querySelector('div').textContent = message;
-    toast.classList.remove('hidden');
-    setTimeout(() => toast.classList.add('hidden'), duration);
-};
-const fetchWithAuth = async (url, options = {}) => {
-    const headers = {
-        ...(options.headers || {}),
-        ...(state.apiKey ? { 'X-API-Key': state.apiKey } : {}) // Use X-API-Key instead of Bearer
-    };
-    return fetch(url, { ...options, headers });
-};
-// Page renderers
-const pages = {
-    'file-manager': () => `
-        <div class="space-y-6">
-            <h2 class="text-2xl font-bold text-gray-800">File Manager</h2>
-            <div class="border-2 border-dashed border-gray-300 rounded-lg p-8 text-center hover:border-gray-400 transition-colors">
-                <input type="file" id="fileInput" multiple accept=".txt,.md,.doc,.docx,.pdf,.pptx" class="hidden">
-                <label for="fileInput" class="cursor-pointer">
-                    <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"/>
-                    </svg>
-                    <p class="mt-2 text-gray-600">Drag files here or click to select</p>
-                    <p class="text-sm text-gray-500">Supported formats: TXT, MD, DOC, PDF, PPTX</p>
-                </label>
-            </div>
-            <div id="fileList" class="space-y-2">
-                <h3 class="text-lg font-semibold text-gray-700">Selected Files</h3>
-                <div class="space-y-2"></div>
-            </div>
-            <div id="uploadProgress" class="hidden mt-4">
-                <div class="w-full bg-gray-200 rounded-full h-2.5">
-                    <div class="bg-blue-600 h-2.5 rounded-full" style="width: 0%"></div>
-                </div>
-                <p class="text-sm text-gray-600 mt-2"><span id="uploadStatus">0</span> files processed</p>
-            </div>
-            <div class="flex items-center space-x-4 bg-gray-100 p-4 rounded-lg shadow-md">
-                <button id="rescanBtn" class="flex items-center bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor" class="mr-2">
-                        <path d="M12 4a8 8 0 1 1-8 8H2.5a9.5 9.5 0 1 0 2.8-6.7L2 3v6h6L5.7 6.7A7.96 7.96 0 0 1 12 4z"/>
-                    </svg>
-                    Rescan Files
-                </button>
-                <button id="uploadBtn" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors">
-                    Upload & Index Files
-                </button>
-            </div>
-            <div id="indexedFiles" class="space-y-2">
-                <h3 class="text-lg font-semibold text-gray-700">Indexed Files</h3>
-                <div class="space-y-2"></div>
-            </div>
-        </div>
-    `,
-    'query': () => `
-        <div class="space-y-6">
-            <h2 class="text-2xl font-bold text-gray-800">Query Database</h2>
-            <div class="space-y-4">
-                <div>
-                    <label class="block text-sm font-medium text-gray-700">Query Mode</label>
-                    <select id="queryMode" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
-                        <option value="hybrid">Hybrid</option>
-                        <option value="local">Local</option>
-                        <option value="global">Global</option>
-                        <option value="naive">Naive</option>
-                    </select>
-                </div>
-                <div>
-                    <label class="block text-sm font-medium text-gray-700">Query</label>
-                    <textarea id="queryInput" rows="4" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"></textarea>
-                </div>
-                <button id="queryBtn" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors">
-                    Send Query
-                </button>
-                <div id="queryResult" class="mt-4 p-4 bg-white rounded-lg shadow"></div>
-            </div>
-        </div>
-    `,
-    'knowledge-graph': () => `
-        <div class="flex items-center justify-center h-full">
-            <div class="text-center">
-                <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/>
-                </svg>
-                <h3 class="mt-2 text-sm font-medium text-gray-900">Under Construction</h3>
-                <p class="mt-1 text-sm text-gray-500">Knowledge graph visualization will be available in a future update.</p>
-            </div>
-        </div>
-    `,
-    'status': () => `
-        <div class="space-y-6">
-            <h2 class="text-2xl font-bold text-gray-800">System Status</h2>
-            <div id="statusContent" class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                <div class="p-6 bg-white rounded-lg shadow-sm">
-                    <h3 class="text-lg font-semibold mb-4">System Health</h3>
-                    <div id="healthStatus"></div>
-                </div>
-                <div class="p-6 bg-white rounded-lg shadow-sm">
-                    <h3 class="text-lg font-semibold mb-4">Configuration</h3>
-                    <div id="configStatus"></div>
-                </div>
-            </div>
-        </div>
-    `,
-    'settings': () => `
-        <div class="space-y-6">
-            <h2 class="text-2xl font-bold text-gray-800">Settings</h2>
-            <div class="max-w-xl">
-                <div class="space-y-4">
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700">API Key</label>
-                        <input type="password" id="apiKeyInput" value="${state.apiKey}"
-                            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
-                    </div>
-                    <button id="saveSettings" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors">
-                        Save Settings
-                    </button>
-                </div>
-            </div>
-        </div>
-    `
-};
-// Page handlers
-const handlers = {
-    'file-manager': () => {
-        const fileInput = document.getElementById('fileInput');
-        const dropZone = fileInput.parentElement.parentElement;
-        const fileList = document.querySelector('#fileList div');
-        const indexedFiles = document.querySelector('#indexedFiles div');
-        const uploadBtn = document.getElementById('uploadBtn');
-        const updateFileList = () => {
-            fileList.innerHTML = state.files.map(file => `
-                <div class="flex items-center justify-between bg-white p-3 rounded-lg shadow-sm">
-                    <span>${file.name}</span>
-                    <button class="text-red-600 hover:text-red-700" onclick="removeFile('${file.name}')">
-                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
-                        </svg>
-                    </button>
-                </div>
-            `).join('');
-        };
-        const updateIndexedFiles = async () => {
-            const response = await fetchWithAuth('/health');
-            const data = await response.json();
-            indexedFiles.innerHTML = data.indexed_files.map(file => `
-                <div class="flex items-center justify-between bg-white p-3 rounded-lg shadow-sm">
-                    <span>${file}</span>
-                </div>
-            `).join('');
-        };
-        dropZone.addEventListener('dragover', (e) => {
-            e.preventDefault();
-            dropZone.classList.add('border-blue-500');
-        });
-        dropZone.addEventListener('dragleave', () => {
-            dropZone.classList.remove('border-blue-500');
-        });
-        dropZone.addEventListener('drop', (e) => {
-            e.preventDefault();
-            dropZone.classList.remove('border-blue-500');
-            const files = Array.from(e.dataTransfer.files);
-            state.files.push(...files);
-            updateFileList();
-        });
-        fileInput.addEventListener('change', () => {
-            state.files.push(...Array.from(fileInput.files));
-            updateFileList();
-        });
-        uploadBtn.addEventListener('click', async () => {
-            if (state.files.length === 0) {
-                showToast('Please select files to upload');
-                return;
-            }
-            let apiKey = localStorage.getItem('apiKey') || '';
-            const progress = document.getElementById('uploadProgress');
-            const progressBar = progress.querySelector('div');
-            const statusText = document.getElementById('uploadStatus');
-            progress.classList.remove('hidden');
-            for (let i = 0; i < state.files.length; i++) {
-                const formData = new FormData();
-                formData.append('file', state.files[i]);
-                try {
-                    await fetch('/documents/upload', {
-                        method: 'POST',
-                        headers: apiKey ? { 'Authorization': `Bearer ${apiKey}` } : {},
-                        body: formData
-                    });
-                    const percentage = ((i + 1) / state.files.length) * 100;
-                    progressBar.style.width = `${percentage}%`;
-                    statusText.textContent = `${i + 1}/${state.files.length}`;
-                } catch (error) {
-                    console.error('Upload error:', error);
-                }
-            }
-            progress.classList.add('hidden');
-        });
-        rescanBtn.addEventListener('click', async () => {
-            const progress = document.getElementById('uploadProgress');
-            const progressBar = progress.querySelector('div');
-            const statusText = document.getElementById('uploadStatus');
-            progress.classList.remove('hidden');
-            try {
-                // Start the scanning process
-                const scanResponse = await fetch('/documents/scan', {
-                    method: 'POST',
-                });
-                if (!scanResponse.ok) {
-                    throw new Error('Scan failed to start');
-                }
-                // Start polling for progress
-                const pollInterval = setInterval(async () => {
-                    const progressResponse = await fetch('/documents/scan-progress');
-                    const progressData = await progressResponse.json();
-                    // Update progress bar
-                    progressBar.style.width = `${progressData.progress}%`;
-                    // Update status text
-                    if (progressData.total_files > 0) {
-                        statusText.textContent = `Processing ${progressData.current_file} (${progressData.indexed_count}/${progressData.total_files})`;
-                    }
-                    // Check if scanning is complete
-                    if (!progressData.is_scanning) {
-                        clearInterval(pollInterval);
-                        progress.classList.add('hidden');
-                        statusText.textContent = 'Scan complete!';
-                    }
-                }, 1000); // Poll every second
-            } catch (error) {
-                console.error('Upload error:', error);
-                progress.classList.add('hidden');
-                statusText.textContent = 'Error during scanning process';
-            }
-        });
-        updateIndexedFiles();
-    },
-    'query': () => {
-        const queryBtn = document.getElementById('queryBtn');
-        const queryInput = document.getElementById('queryInput');
-        const queryMode = document.getElementById('queryMode');
-        const queryResult = document.getElementById('queryResult');
-        let apiKey = localStorage.getItem('apiKey') || '';
-        queryBtn.addEventListener('click', async () => {
-            const query = queryInput.value.trim();
-            if (!query) {
-                showToast('Please enter a query');
-                return;
-            }
-            queryBtn.disabled = true;
-            queryBtn.innerHTML = `
-                <svg class="animate-spin h-5 w-5 mr-3" viewBox="0 0 24 24">
-                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none"/>
-                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
-                </svg>
-                Processing...
-            `;
-            try {
-                const response = await fetchWithAuth('/query', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({
-                        query,
-                        mode: queryMode.value,
-                        stream: false,
-                        only_need_context: false
-                    })
-                });
-                const data = await response.json();
-                queryResult.innerHTML = marked.parse(data.response);
-            } catch (error) {
-                showToast('Error processing query');
-            } finally {
-                queryBtn.disabled = false;
-                queryBtn.textContent = 'Send Query';
-            }
-        });
-    },
-    'status': async () => {
-        const healthStatus = document.getElementById('healthStatus');
-        const configStatus = document.getElementById('configStatus');
-        try {
-            const response = await fetchWithAuth('/health');
-            const data = await response.json();
-            healthStatus.innerHTML = `
-                <div class="space-y-2">
-                    <div class="flex items-center">
-                        <div class="w-3 h-3 rounded-full ${data.status === 'healthy' ? 'bg-green-500' : 'bg-red-500'} mr-2"></div>
-                        <span class="font-medium">${data.status}</span>
-                    </div>
-                    <div>
-                        <p class="text-sm text-gray-600">Working Directory: ${data.working_directory}</p>
-                        <p class="text-sm text-gray-600">Input Directory: ${data.input_directory}</p>
-                        <p class="text-sm text-gray-600">Indexed Files: ${data.indexed_files_count}</p>
-                    </div>
-                </div>
-            `;
-            configStatus.innerHTML = Object.entries(data.configuration)
-                .map(([key, value]) => `
-                    <div class="mb-2">
-                        <span class="text-sm font-medium text-gray-700">${key}:</span>
-                        <span class="text-sm text-gray-600 ml-2">${value}</span>
-                    </div>
-                `).join('');
-        } catch (error) {
-            showToast('Error fetching status');
-        }
-    },
-    'settings': () => {
-        const saveBtn = document.getElementById('saveSettings');
-        const apiKeyInput = document.getElementById('apiKeyInput');
-        saveBtn.addEventListener('click', () => {
-            state.apiKey = apiKeyInput.value;
-            localStorage.setItem('apiKey', state.apiKey);
-            showToast('Settings saved successfully');
-        });
-    }
-};
-// Navigation handling
-document.querySelectorAll('.nav-item').forEach(item => {
-    item.addEventListener('click', (e) => {
-        e.preventDefault();
-        const page = item.dataset.page;
-        document.getElementById('content').innerHTML = pages[page]();
-        if (handlers[page]) handlers[page]();
-        state.currentPage = page;
-    });
-});
-// Initialize with file manager
-document.getElementById('content').innerHTML = pages['file-manager']();
-handlers['file-manager']();
-// Global functions
-window.removeFile = (fileName) => {
-    state.files = state.files.filter(file => file.name !== fileName);
-    document.querySelector('#fileList div').innerHTML = state.files.map(file => `
-        <div class="flex items-center justify-between bg-white p-3 rounded-lg shadow-sm">
-            <span>${file.name}</span>
-            <button class="text-red-600 hover:text-red-700" onclick="removeFile('${file.name}')">
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
-                </svg>
-            </button>
-        </div>
-    `).join('');
-};

lightrag/api/static/js/graph.js DELETED Viewed

@@ -1,211 +0,0 @@
-// js/graph.js
-function openGraphModal(label) {
-    const modal = document.getElementById("graph-modal");
-    const graphTitle = document.getElementById("graph-title");
-    if (!modal || !graphTitle) {
-        console.error("Key element not found");
-        return;
-    }
-    graphTitle.textContent = `Knowledge Graph - ${label}`;
-    modal.style.display = "flex";
-    renderGraph(label);
-}
-function closeGraphModal() {
-    const modal = document.getElementById("graph-modal");
-    modal.style.display = "none";
-    clearGraph();
-}
-function clearGraph() {
-    const svg = document.getElementById("graph-svg");
-    svg.innerHTML = "";
-}
-async function getGraph(label) {
-    try {
-        const response = await fetch(`/graphs?label=${label}`);
-        const rawData = await response.json();
-        console.log({data: JSON.parse(JSON.stringify(rawData))});
-        const nodes = rawData.nodes
-        nodes.forEach(node => {
-            node.id = Date.now().toString(36) + Math.random().toString(36).substring(2); // 使用 crypto.randomUUID() 生成唯一 UUID
-        });
-        //  Strictly verify edge data
-        const edges = (rawData.edges || []).map(edge => {
-            const sourceNode = nodes.find(n => n.labels.includes(edge.source));
-            const targetNode = nodes.find(n => n.labels.includes(edge.target)
-                )
-            ;
-            if (!sourceNode || !targetNode) {
-                console.warn("NOT VALID EDGE:", edge);
-                return null;
-            }
-            return {
-                source: sourceNode,
-                target: targetNode,
-                type: edge.type || ""
-            };
-        }).filter(edge => edge !== null);
-        return {nodes, edges};
-    } catch (error) {
-        console.error("Loading graph failed:", error);
-        return {nodes: [], edges: []};
-    }
-}
-async function renderGraph(label) {
-    const data = await getGraph(label);
-    if (!data.nodes || data.nodes.length === 0) {
-        d3.select("#graph-svg")
-            .html(`<text x="50%" y="50%" text-anchor="middle">No valid nodes</text>`);
-        return;
-    }
-    const svg = d3.select("#graph-svg");
-    const width = svg.node().clientWidth;
-    const height = svg.node().clientHeight;
-    svg.selectAll("*").remove();
-    //  Create a force oriented diagram layout
-    const simulation = d3.forceSimulation(data.nodes)
-        .force("charge", d3.forceManyBody().strength(-300))
-        .force("center", d3.forceCenter(width / 2, height / 2));
-    //  Add a connection (if there are valid edges)
-    if (data.edges.length > 0) {
-        simulation.force("link",
-            d3.forceLink(data.edges)
-                .id(d => d.id)
-                .distance(100)
-        );
-    }
-    //  Draw nodes
-    const nodes = svg.selectAll(".node")
-        .data(data.nodes)
-        .enter()
-        .append("circle")
-        .attr("class", "node")
-        .attr("r", 10)
-        .call(d3.drag()
-            .on("start", dragStarted)
-            .on("drag", dragged)
-            .on("end", dragEnded)
-        );
-    svg.append("defs")
-        .append("marker")
-        .attr("id", "arrow-out")
-        .attr("viewBox", "0 0 10 10")
-        .attr("refX", 8)
-        .attr("refY", 5)
-        .attr("markerWidth", 6)
-        .attr("markerHeight", 6)
-        .attr("orient", "auto")
-        .append("path")
-        .attr("d", "M0,0 L10,5 L0,10 Z")
-        .attr("fill", "#999");
-    //  Draw edges (with arrows)
-    const links = svg.selectAll(".link")
-        .data(data.edges)
-        .enter()
-        .append("line")
-        .attr("class", "link")
-        .attr("marker-end", "url(#arrow-out)"); //  Always draw arrows on the target side
-    //  Edge style configuration
-    links
-        .attr("stroke", "#999")
-        .attr("stroke-width", 2)
-        .attr("stroke-opacity", 0.8);
-    //  Draw label (with background box)
-    const labels = svg.selectAll(".label")
-        .data(data.nodes)
-        .enter()
-        .append("text")
-        .attr("class", "label")
-        .text(d => d.labels[0] || "")
-        .attr("text-anchor", "start")
-        .attr("dy", "0.3em")
-        .attr("fill", "#333");
-    //  Update Location
-    simulation.on("tick", () => {
-        links
-            .attr("x1", d => {
-                //  Calculate the direction vector from the source node to the target node
-                const dx = d.target.x - d.source.x;
-                const dy = d.target.y - d.source.y;
-                const distance = Math.sqrt(dx * dx + dy * dy);
-                if (distance === 0) return d.source.x; // 避免除以零 Avoid dividing by zero
-                // Adjust the starting point coordinates (source node edge) based on radius 10
-                return d.source.x + (dx / distance) * 10;
-            })
-            .attr("y1", d => {
-                const dx = d.target.x - d.source.x;
-                const dy = d.target.y - d.source.y;
-                const distance = Math.sqrt(dx * dx + dy * dy);
-                if (distance === 0) return d.source.y;
-                return d.source.y + (dy / distance) * 10;
-            })
-            .attr("x2", d => {
-                // Adjust the endpoint coordinates (target node edge) based on a radius of 10
-                const dx = d.target.x - d.source.x;
-                const dy = d.target.y - d.source.y;
-                const distance = Math.sqrt(dx * dx + dy * dy);
-                if (distance === 0) return d.target.x;
-                return d.target.x - (dx / distance) * 10;
-            })
-            .attr("y2", d => {
-                const dx = d.target.x - d.source.x;
-                const dy = d.target.y - d.source.y;
-                const distance = Math.sqrt(dx * dx + dy * dy);
-                if (distance === 0) return d.target.y;
-                return d.target.y - (dy / distance) * 10;
-            });
-        // Update the position of nodes and labels (keep unchanged)
-        nodes
-            .attr("cx", d => d.x)
-            .attr("cy", d => d.y);
-        labels
-            .attr("x", d => d.x + 12)
-            .attr("y", d => d.y + 4);
-    });
-    // Drag and drop logic
-    function dragStarted(event, d) {
-        if (!event.active) simulation.alphaTarget(0.3).restart();
-        d.fx = d.x;
-        d.fy = d.y;
-    }
-    function dragged(event, d) {
-        d.fx = event.x;
-        d.fy = event.y;
-        simulation.alpha(0.3).restart();
-    }
-    function dragEnded(event, d) {
-        if (!event.active) simulation.alphaTarget(0);
-        d.fx = null;
-        d.fy = null;
-    }
-}

lightrag/api/webui/assets/{index-BAeLPZpd.css → index-BhTFLcnv.css} RENAMED Viewed

Binary files a/lightrag/api/webui/assets/index-BAeLPZpd.css and b/lightrag/api/webui/assets/index-BhTFLcnv.css differ

lightrag/api/webui/assets/index-CF-pcoIl.js DELETED Viewed

Binary file (609 kB)

lightrag/api/webui/assets/index-CGBwpbZt.js ADDED Viewed

Binary file (826 kB). View file

lightrag/api/webui/index.html CHANGED Viewed

Binary files a/lightrag/api/webui/index.html and b/lightrag/api/webui/index.html differ

lightrag_webui/bun.lock CHANGED Viewed

@@ -43,6 +43,7 @@
         "sigma": "^3.0.1",
         "sonner": "^1.7.4",
         "tailwind-merge": "^3.0.1",
         "zustand": "^5.0.3",
       },
       "devDependencies": {
@@ -413,6 +414,8 @@
     "@types/parse-json": ["@types/[email protected]", "", {}, "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="],
     "@types/react": ["@types/[email protected]", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw=="],
     "@types/react-dom": ["@types/[email protected]", "", { "peerDependencies": { "@types/react": "^19.0.0" } }, "sha512-0Knk+HJiMP/qOZgMyNFamlIjw9OFCsyC2ZbigmEEyXXixgre6IQpm/4V+r3qH4GC1JPvRJKInw+on2rV6YZLeA=="],
@@ -887,6 +890,8 @@
     "prettier-plugin-tailwindcss": ["[email protected]", "", { "peerDependencies": { "@ianvs/prettier-plugin-sort-imports": "*", "@prettier/plugin-pug": "*", "@shopify/prettier-plugin-liquid": "*", "@trivago/prettier-plugin-sort-imports": "*", "@zackad/prettier-plugin-twig": "*", "prettier": "^3.0", "prettier-plugin-astro": "*", "prettier-plugin-css-order": "*", "prettier-plugin-import-sort": "*", "prettier-plugin-jsdoc": "*", "prettier-plugin-marko": "*", "prettier-plugin-multiline-arrays": "*", "prettier-plugin-organize-attributes": "*", "prettier-plugin-organize-imports": "*", "prettier-plugin-sort-imports": "*", "prettier-plugin-style-order": "*", "prettier-plugin-svelte": "*" }, "optionalPeers": ["@ianvs/prettier-plugin-sort-imports", "@prettier/plugin-pug", "@shopify/prettier-plugin-liquid", "@trivago/prettier-plugin-sort-imports", "@zackad/prettier-plugin-twig", "prettier-plugin-astro", "prettier-plugin-css-order", "prettier-plugin-import-sort", "prettier-plugin-jsdoc", "prettier-plugin-marko", "prettier-plugin-multiline-arrays", "prettier-plugin-organize-attributes", "prettier-plugin-organize-imports", "prettier-plugin-sort-imports", "prettier-plugin-style-order", "prettier-plugin-svelte"] }, "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA=="],
     "prop-types": ["[email protected]", "", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
     "proxy-from-env": ["[email protected]", "", {}, "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="],
@@ -989,6 +994,8 @@
     "tailwind-merge": ["[email protected]", "", {}, "sha512-AvzE8FmSoXC7nC+oU5GlQJbip2UO7tmOhOfQyOmPhrStOGXHU08j8mZEHZ4BmCqY5dWTCo4ClWkNyRNx1wpT0g=="],
     "tailwindcss": ["[email protected]", "", {}, "sha512-mysewHYJKaXgNOW6pp5xon/emCsfAMnO8WMaGKZZ35fomnR/T5gYnRg2/yRTTrtXiEl1tiVkeRt0eMO6HxEZqw=="],
     "tailwindcss-animate": ["[email protected]", "", { "peerDependencies": { "tailwindcss": ">=3.0.0 || insiders" } }, "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA=="],

         "sigma": "^3.0.1",
         "sonner": "^1.7.4",
         "tailwind-merge": "^3.0.1",
+        "tailwind-scrollbar": "^4.0.0",
         "zustand": "^5.0.3",
       },
       "devDependencies": {
     "@types/parse-json": ["@types/[email protected]", "", {}, "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="],
+    "@types/prismjs": ["@types/[email protected]", "", {}, "sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ=="],
     "@types/react": ["@types/[email protected]", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw=="],
     "@types/react-dom": ["@types/[email protected]", "", { "peerDependencies": { "@types/react": "^19.0.0" } }, "sha512-0Knk+HJiMP/qOZgMyNFamlIjw9OFCsyC2ZbigmEEyXXixgre6IQpm/4V+r3qH4GC1JPvRJKInw+on2rV6YZLeA=="],
     "prettier-plugin-tailwindcss": ["[email protected]", "", { "peerDependencies": { "@ianvs/prettier-plugin-sort-imports": "*", "@prettier/plugin-pug": "*", "@shopify/prettier-plugin-liquid": "*", "@trivago/prettier-plugin-sort-imports": "*", "@zackad/prettier-plugin-twig": "*", "prettier": "^3.0", "prettier-plugin-astro": "*", "prettier-plugin-css-order": "*", "prettier-plugin-import-sort": "*", "prettier-plugin-jsdoc": "*", "prettier-plugin-marko": "*", "prettier-plugin-multiline-arrays": "*", "prettier-plugin-organize-attributes": "*", "prettier-plugin-organize-imports": "*", "prettier-plugin-sort-imports": "*", "prettier-plugin-style-order": "*", "prettier-plugin-svelte": "*" }, "optionalPeers": ["@ianvs/prettier-plugin-sort-imports", "@prettier/plugin-pug", "@shopify/prettier-plugin-liquid", "@trivago/prettier-plugin-sort-imports", "@zackad/prettier-plugin-twig", "prettier-plugin-astro", "prettier-plugin-css-order", "prettier-plugin-import-sort", "prettier-plugin-jsdoc", "prettier-plugin-marko", "prettier-plugin-multiline-arrays", "prettier-plugin-organize-attributes", "prettier-plugin-organize-imports", "prettier-plugin-sort-imports", "prettier-plugin-style-order", "prettier-plugin-svelte"] }, "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA=="],
+    "prism-react-renderer": ["[email protected]", "", { "dependencies": { "@types/prismjs": "^1.26.0", "clsx": "^2.0.0" }, "peerDependencies": { "react": ">=16.0.0" } }, "sha512-ey8Ls/+Di31eqzUxC46h8MksNuGx/n0AAC8uKpwFau4RPDYLuE3EXTp8N8G2vX2N7UC/+IXeNUnlWBGGcAG+Ig=="],
     "prop-types": ["[email protected]", "", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
     "proxy-from-env": ["[email protected]", "", {}, "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="],
     "tailwind-merge": ["[email protected]", "", {}, "sha512-AvzE8FmSoXC7nC+oU5GlQJbip2UO7tmOhOfQyOmPhrStOGXHU08j8mZEHZ4BmCqY5dWTCo4ClWkNyRNx1wpT0g=="],
+    "tailwind-scrollbar": ["[email protected]", "", { "dependencies": { "prism-react-renderer": "^2.4.1" }, "peerDependencies": { "tailwindcss": "4.x" } }, "sha512-elqx9m09VHY8gkrMiyimFO09JlS3AyLFXT0eaLaWPi7ImwHlbZj1ce/AxSis2LtR+ewBGEyUV7URNEMcjP1Z2w=="],
     "tailwindcss": ["[email protected]", "", {}, "sha512-mysewHYJKaXgNOW6pp5xon/emCsfAMnO8WMaGKZZ35fomnR/T5gYnRg2/yRTTrtXiEl1tiVkeRt0eMO6HxEZqw=="],
     "tailwindcss-animate": ["[email protected]", "", { "peerDependencies": { "tailwindcss": ">=3.0.0 || insiders" } }, "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA=="],

lightrag_webui/package.json CHANGED Viewed

@@ -49,6 +49,7 @@
     "sigma": "^3.0.1",
     "sonner": "^1.7.4",
     "tailwind-merge": "^3.0.1",
     "zustand": "^5.0.3"
   },
   "devDependencies": {

     "sigma": "^3.0.1",
     "sonner": "^1.7.4",
     "tailwind-merge": "^3.0.1",
+    "tailwind-scrollbar": "^4.0.0",
     "zustand": "^5.0.3"
   },
   "devDependencies": {