noteconnection 1.7.0 → 1.9.0

package/dist/src/frontend/source_manager.js

@@ -1,10 +1,68 @@
 document.addEventListener('DOMContentLoaded', () => {
+    const hasExplicitBrowserRuntimeBootstrap = () => {
+        if (typeof window === 'undefined' || !window.__NC_SIDECAR_RUNTIME) {
+            return false;
+        }
+        const currentOrigin = String((window.location && window.location.origin) || '').trim().replace(/\/+$/, '');
+        const runtimeBaseUrl = String(window.__NC_SIDECAR_RUNTIME.baseUrl || '').trim().replace(/\/+$/, '');
+        return Boolean(currentOrigin && runtimeBaseUrl && currentOrigin === runtimeBaseUrl);
+    };
+
+    const isDetachedTauriCliPreviewPage = () =>
+        !window.__TAURI__ &&
+        Array.from(document.scripts || []).some((script) =>
+            /__tauri_cli/.test(String(script && (script.text || script.textContent) || ''))
+        );
+
+    const getRuntimeBaseOrigin = () => {
+        const bridge = (typeof window !== 'undefined') ? window.NoteConnectionRuntime : null;
+        const baseUrl = bridge && typeof bridge.getBaseUrl === 'function'
+            ? String(bridge.getBaseUrl() || '').trim()
+            : '';
+        if (!baseUrl) {
+            return '';
+        }
+        try {
+            return new URL(baseUrl).origin;
+        } catch (_error) {
+            return '';
+        }
+    };
+
+    const isDetachedPreviewWithoutRuntimeBootstrap = () =>
+        isDetachedTauriCliPreviewPage() && window.location.origin !== getRuntimeBaseOrigin();
+
+    const canUseBrowserRuntimeBackend = () => {
+        if (typeof window === 'undefined' || window.__TAURI__) {
+            return false;
+        }
+        if (isDetachedPreviewWithoutRuntimeBootstrap()) {
+            return false;
+        }
+        if (hasExplicitBrowserRuntimeBootstrap()) {
+            return true;
+        }
+        const origin = String((window.location && window.location.origin) || '').trim().toLowerCase();
+        return /^https?:\/\/(?:127\.0\.0\.1|localhost):3000$/.test(origin);
+    };
+
+    const isTauriRuntime = typeof window !== 'undefined' && Boolean(window.__TAURI__);
+    const initialBrowserRuntimeBackend = canUseBrowserRuntimeBackend();
     let runtimeCaps = {
         platform: 'web',
-        supports_sidecar: true,
-        supports_build: true,
-        supports_content_api: true,
-        supports_kb_runtime_change: true,
+        supports_sidecar: initialBrowserRuntimeBackend,
+        supports_build: initialBrowserRuntimeBackend,
+        supports_content_api: initialBrowserRuntimeBackend,
+        supports_kb_runtime_change: false,
+        supports_kb_import: false,
+        kb_import_mode: 'none',
+        supports_projection_store: true,
+        storage_requested_provider: isTauriRuntime || initialBrowserRuntimeBackend ? 'sqlite' : 'projection',
+        storage_resolved_provider: isTauriRuntime || initialBrowserRuntimeBackend ? 'unknown' : 'projection',
+        storage_fallback_reason: isTauriRuntime
+            ? 'runtime_capability_unavailable'
+            : initialBrowserRuntimeBackend ? '' : 'runtime_backend_unavailable',
+        supports_sqlite: initialBrowserRuntimeBackend,
         supports_native_pathmode: false,
         supports_mobile_wasm_compute: false,
         mobile_wasm_reason: 'non-mobile-runtime'
@@ -38,6 +96,11 @@ document.addEventListener('DOMContentLoaded', () => {
         return null;
     };
 
+    const isStandaloneFrontendPreviewRuntime = () =>
+        !window.__TAURI__ &&
+        !resolveCapacitorPlatform() &&
+        runtimeCaps.supports_sidecar !== true;
+
     const supportsCapacitorContentApi = () => {
         if (typeof window === 'undefined') {
             return false;
@@ -165,6 +228,25 @@ document.addEventListener('DOMContentLoaded', () => {
         return window.NoteConnectionStorage.createProvider({ runtimeCaps });
     };
 
+    const refreshStorageResolution = async () => {
+        const provider = getStorageProvider();
+        if (!provider || typeof provider.refreshStorageResolution !== 'function') {
+            return;
+        }
+        const resolution = await provider.refreshStorageResolution();
+        if (!resolution || typeof resolution !== 'object') {
+            return;
+        }
+        runtimeCaps = {
+            ...runtimeCaps,
+            storage_requested_provider: resolution.requestedProvider,
+            storage_resolved_provider: resolution.resolvedProvider,
+            storage_fallback_reason: resolution.fallbackReason || '',
+            supports_sqlite: resolution.supportsSqlite === true,
+        };
+        exposeRuntimeCaps();
+    };
+
     const resolveRuntimeCapabilities = async () => {
         if (!window.__TAURI__) {
             const capacitorPlatform = resolveCapacitorPlatform();
@@ -179,6 +261,13 @@ document.addEventListener('DOMContentLoaded', () => {
                     supports_build: canBuildGraph,
                     supports_content_api: canReadContent,
                     supports_kb_runtime_change: false,
+                    supports_kb_import: false,
+                    kb_import_mode: 'app-local-only',
+                    supports_projection_store: true,
+                    storage_requested_provider: 'projection',
+                    storage_resolved_provider: 'projection',
+                    storage_fallback_reason: 'native_sqlite_runtime_unavailable',
+                    supports_sqlite: false,
                     supports_native_pathmode: false,
                     supports_mobile_wasm_compute: mobileWasm.supported,
                     mobile_wasm_reason: mobileWasm.reason,
@@ -190,6 +279,27 @@ document.addEventListener('DOMContentLoaded', () => {
                     supports_mobile_wasm_compute: runtimeCaps.supports_mobile_wasm_compute,
                     mobile_wasm_reason: runtimeCaps.mobile_wasm_reason
                 });
+            } else {
+                const browserRuntimeBackend = canUseBrowserRuntimeBackend();
+                runtimeCaps = {
+                    ...runtimeCaps,
+                    platform: 'web',
+                    supports_sidecar: browserRuntimeBackend,
+                    supports_build: browserRuntimeBackend,
+                    supports_content_api: browserRuntimeBackend,
+                    supports_kb_runtime_change: false,
+                    supports_kb_import: false,
+                    kb_import_mode: 'none',
+                    supports_projection_store: true,
+                    storage_requested_provider: browserRuntimeBackend ? 'sqlite' : 'projection',
+                    storage_resolved_provider: browserRuntimeBackend ? 'unknown' : 'projection',
+                    storage_fallback_reason: browserRuntimeBackend ? '' : 'runtime_backend_unavailable',
+                    supports_sqlite: browserRuntimeBackend,
+                    supports_native_pathmode: false
+                };
+                if (!browserRuntimeBackend) {
+                    console.log('[SourceManager] Frontend preview runtime detected: backend-dependent APIs disabled until a runtime bootstrap is provided.');
+                }
             }
             exposeRuntimeCaps();
             return;
@@ -247,8 +357,61 @@ document.addEventListener('DOMContentLoaded', () => {
     // 动态脚本加载器（缓存破坏与顺序保证）
     const loadGraphDataFromSidecar = async (src) => {
         const parseGraphDataPayload = (text) => {
+            const mobileRuntime = window.NoteConnectionMobileBudget && window.NoteConnectionMobileBudget.runtime;
+            if (mobileRuntime && Number.isInteger(mobileRuntime.maxProjectionBytes)) {
+                const payloadText = String(text || '');
+                const byteCounter = window.NoteConnectionStorage
+                    && typeof window.NoteConnectionStorage.measureUtf8Bytes === 'function'
+                    ? window.NoteConnectionStorage.measureUtf8Bytes
+                    : null;
+                const payloadBytes = byteCounter
+                    ? byteCounter(payloadText)
+                    : (typeof TextEncoder === 'function'
+                        ? new TextEncoder().encode(payloadText).length
+                        : (typeof Buffer !== 'undefined' && typeof Buffer.byteLength === 'function'
+                            ? Buffer.byteLength(payloadText, 'utf8')
+                            : payloadText.length));
+                if (payloadBytes > mobileRuntime.maxProjectionBytes) {
+                    throw new Error(
+                        `Mobile graph projection exceeds ${mobileRuntime.maxProjectionBytes} bytes.`
+                    );
+                }
+            }
             const trimmed = text.trim();
             let parsed = null;
+            const extractAssignedJson = (sourceText, equalsIndex) => {
+                const textAfterEquals = sourceText.slice(equalsIndex + 1);
+                const openingIndex = textAfterEquals.search(/[\[{]/);
+                if (openingIndex < 0) {
+                    return '';
+                }
+                const startIndex = equalsIndex + 1 + openingIndex;
+                const openingChar = sourceText.charAt(startIndex);
+                const closingChar = openingChar === '{' ? '}' : ']';
+                let depth = 0;
+                let inString = false;
+
+                for (let cursor = startIndex; cursor < sourceText.length; cursor += 1) {
+                    const char = sourceText.charAt(cursor);
+                    const previous = sourceText.charAt(cursor - 1);
+                    if (char === '"' && previous !== '\\') {
+                        inString = !inString;
+                    }
+                    if (inString) {
+                        continue;
+                    }
+                    if (char === openingChar) {
+                        depth += 1;
+                    } else if (char === closingChar) {
+                        depth -= 1;
+                        if (depth === 0) {
+                            return sourceText.slice(startIndex, cursor + 1);
+                        }
+                    }
+                }
+
+                return '';
+            };
 
             // Expected format: const graphData = {...};
             if (
@@ -258,10 +421,7 @@ document.addEventListener('DOMContentLoaded', () => {
             ) {
                 const eqPos = trimmed.indexOf('=');
                 if (eqPos > -1) {
-                    let jsonText = trimmed.slice(eqPos + 1).trim();
-                    if (jsonText.endsWith(';')) {
-                        jsonText = jsonText.slice(0, -1);
-                    }
+                    const jsonText = extractAssignedJson(trimmed, eqPos);
                     parsed = JSON.parse(jsonText);
                 }
             } else if (trimmed.startsWith('{') || trimmed.startsWith('[')) {
@@ -284,10 +444,7 @@ document.addEventListener('DOMContentLoaded', () => {
                     if (equalsIndex < 0) {
                         continue;
                     }
-                    let candidateJson = trimmed.slice(equalsIndex + 1).trim();
-                    if (candidateJson.endsWith(';')) {
-                        candidateJson = candidateJson.slice(0, -1).trim();
-                    }
+                    const candidateJson = extractAssignedJson(trimmed, equalsIndex);
                     if (!candidateJson) {
                         continue;
                     }
@@ -324,6 +481,23 @@ document.addEventListener('DOMContentLoaded', () => {
             }
         }
 
+        if (isDetachedPreviewWithoutRuntimeBootstrap()) {
+            throw new Error('Detached preview runtime has no sidecar-backed graph asset bootstrap.');
+        }
+
+        if (!window.__TAURI__ && runtimeCaps.supports_sidecar !== true) {
+            const previewUrl = `${src}?v=${Date.now()}`;
+            const response = await fetch(previewUrl, { cache: 'no-store' });
+            if (!response.ok) {
+                throw new Error(`Failed to fetch ${src}: HTTP ${response.status}`);
+            }
+            const text = await response.text();
+            const parsed = parseGraphDataPayload(text);
+            window.graphData = parsed;
+            console.log(`[Loader] Loaded ${src} via frontend preview asset: ${parsed.nodes.length} nodes`);
+            return;
+        }
+
         // ─── Strategy 1: HTTP fetch from sidecar (works in browser, may fail in Tauri WebView) ───
         // 策略1：通过 HTTP 从 sidecar 获取（浏览器中有效，Tauri WebView 中可能因混合内容限制而失败）
         const maxAttempts = (window.__TAURI__ && runtimeCaps.supports_sidecar) ? 20 : 1;
@@ -379,10 +553,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     const loadScript = async (src) => {
         const isRuntimeGeneratedDataAsset = src.startsWith('data');
-        const useRuntimeGeneratedAssetFlow = Boolean(
-            isRuntimeGeneratedDataAsset &&
-            (window.__TAURI__ || (typeof runtimeCaps.platform === 'string' && runtimeCaps.platform.startsWith('capacitor-')))
-        );
+        const useRuntimeGeneratedAssetFlow = Boolean(isRuntimeGeneratedDataAsset);
         if (useRuntimeGeneratedAssetFlow) {
             await loadGraphDataFromSidecar(src);
             return;
@@ -452,6 +623,19 @@ document.addEventListener('DOMContentLoaded', () => {
     };
 
     const bootstrapScriptLoad = () => {
+        if (isDetachedPreviewWithoutRuntimeBootstrap()) {
+            console.log('[Loader] Detached preview runtime detected. Skipping runtime graph preload and loading app.js directly.');
+            triggerWelcomeModal(false);
+            loadScript('app.js')
+                .then(() => {
+                    console.log('[Loader] app.js loaded successfully');
+                })
+                .catch(err => {
+                    console.error('[Loader] Failed to load app.js (Critical Error):', err);
+                });
+            return;
+        }
+
         // Load data.js first (Critical Data), then app.js (Application Logic)
         loadScript('data.js')
             .then(() => {
@@ -492,7 +676,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     if (!folderSelect || !loadBtn) return;
     if (loadBtn.dataset.sourceManagerBound === '1') {
-        console.warn('[SourceManager] Already initialized, skipping duplicate binding.');
+        console.log('[SourceManager] Duplicate binding guard triggered; skipping re-initialization.');
         return;
     }
     loadBtn.dataset.sourceManagerBound = '1';
@@ -610,6 +794,33 @@ document.addEventListener('DOMContentLoaded', () => {
         return await provider.checkCache(target);
     };
 
+    const ACTIVE_SOURCE_TARGET_EVENT = 'noteconnection:active-target-changed';
+
+    const normalizeActiveSourceTarget = (target) => {
+        const normalized = String(target || '').trim();
+        return normalized || 'ALL_FOLDERS';
+    };
+
+    const publishActiveSourceTarget = (target, source) => {
+        const normalizedTarget = normalizeActiveSourceTarget(target);
+        const payload = {
+            target: normalizedTarget,
+            source: String(source || 'source-manager').trim() || 'source-manager',
+            scope: normalizedTarget === 'ALL_FOLDERS'
+                ? null
+                : {
+                    workspaceId: normalizedTarget.toLowerCase(),
+                    corpusId: normalizedTarget.toLowerCase(),
+                    sourcePathPrefixes: [`Knowledge_Base/${normalizedTarget}`],
+                },
+        };
+        window.__NC_ACTIVE_SOURCE_TARGET = payload;
+        if (typeof window.dispatchEvent === 'function' && typeof window.CustomEvent === 'function') {
+            window.dispatchEvent(new CustomEvent(ACTIVE_SOURCE_TARGET_EVENT, { detail: payload }));
+        }
+        return payload;
+    };
+
     const syncSidecarKbPath = async (kbPath) => {
         if (!kbPath) {
             return;
@@ -775,7 +986,13 @@ document.addEventListener('DOMContentLoaded', () => {
             let folders = [];
             const inCapacitorRuntime = isCapacitorNativeRuntime();
 
-            if (inCapacitorRuntime) {
+            if (
+                isStandaloneFrontendPreviewRuntime() ||
+                isDetachedPreviewWithoutRuntimeBootstrap()
+            ) {
+                kbPath = t('source.previewPath');
+                folders = [];
+            } else if (inCapacitorRuntime) {
                 kbPath = t('source.capacitor.bundlePath');
                 const provider = getStorageProvider();
                 let listedFolders = [];
@@ -868,6 +1085,17 @@ document.addEventListener('DOMContentLoaded', () => {
                 folderSelect.appendChild(packagedOption);
             }
 
+            if (folderSelect.options.length === 0 && isStandaloneFrontendPreviewRuntime()) {
+                const previewOption = document.createElement('option');
+                previewOption.value = '';
+                previewOption.disabled = true;
+                previewOption.selected = true;
+                previewOption.textContent = t('source.previewPath');
+                folderSelect.appendChild(previewOption);
+                loadBtn.disabled = true;
+                return;
+            }
+
             if (folderSelect.options.length === 0) {
                 const emptyOption = document.createElement('option');
                 emptyOption.value = '';
@@ -892,6 +1120,7 @@ document.addEventListener('DOMContentLoaded', () => {
             } else {
                 folderSelect.value = folderSelect.options[0].value;
             }
+            publishActiveSourceTarget(folderSelect.value, 'folder-bootstrap');
             console.log('[SourceManager] Folder dropdown populated with', folderSelect.options.length, 'options');
             
         } catch (err) {
@@ -913,10 +1142,11 @@ document.addEventListener('DOMContentLoaded', () => {
         updateRuntimeCapabilityNotice();
         updateKbPathControls();
 
-        // Start static graph/frontend bootstrap immediately so UI initialization
-        // does not block on sidecar ping retries.
+        if (window.__TAURI__ && runtimeCaps.supports_sidecar) {
+            await waitForSidecarReady();
+        }
+        await refreshStorageResolution();
         bootstrapScriptLoad();
-        await waitForSidecarReady();
 
         if (window.i18n && window.i18n.isInitialized) {
             await fetchFolders();
@@ -938,6 +1168,7 @@ document.addEventListener('DOMContentLoaded', () => {
         if (folderSelect.value) {
             localStorage.setItem(LAST_TARGET_KEY, folderSelect.value);
         }
+        publishActiveSourceTarget(folderSelect.value, 'folder-change');
     });
 
     // Add refresh functionality (will be triggered by IPC event from main process)
@@ -959,6 +1190,47 @@ document.addEventListener('DOMContentLoaded', () => {
         });
     }
 
+    const requestKnowledgeBasePathChange = async () => {
+        try {
+            const request = await window.__TAURI__.core.invoke('request_kb_path_change');
+            if (typeof request === 'string') {
+                return request;
+            }
+            const status = String(request && request.status || '').trim().toLowerCase();
+            if (status === 'completed') {
+                return String(request.path || '').trim();
+            }
+            if (status !== 'pending') {
+                return '';
+            }
+
+            const deadline = Date.now() + 120000;
+            while (Date.now() < deadline) {
+                await new Promise((resolve) => setTimeout(resolve, 500));
+                const result = await window.__TAURI__.core.invoke('poll_kb_path_change');
+                const resultStatus = String(result && result.status || '').trim().toLowerCase();
+                if (resultStatus === 'completed') {
+                    return String(result.path || '').trim();
+                }
+                if (resultStatus === 'cancelled') {
+                    return '';
+                }
+                if (resultStatus === 'failed' || resultStatus === 'unavailable') {
+                    const detail = String(result && result.detail || '').trim();
+                    throw new Error(detail || `Knowledge base picker ${resultStatus}.`);
+                }
+            }
+            throw new Error('Timed out waiting for Android knowledge base import.');
+        } catch (error) {
+            // Older Tauri builds do not expose the additive request/poll commands.
+            // Preserve their synchronous desktop picker contract as a fallback.
+            if (/unknown command|not found|invalid command/i.test(String(error && error.message || error))) {
+                return await window.__TAURI__.core.invoke('choose_kb_path');
+            }
+            throw error;
+        }
+    };
+
     if (changeKbPathBtn && window.__TAURI__) {
         changeKbPathBtn.addEventListener('click', async () => {
             if (!runtimeCaps.supports_kb_runtime_change) {
@@ -970,7 +1242,7 @@ document.addEventListener('DOMContentLoaded', () => {
             if (resetKbPathBtn) resetKbPathBtn.disabled = true;
 
             try {
-                const selectedPath = await window.__TAURI__.core.invoke('choose_kb_path');
+                const selectedPath = await requestKnowledgeBasePathChange();
                 if (!selectedPath) {
                     return;
                 }
@@ -1039,6 +1311,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 return;
             }
             localStorage.setItem(LAST_TARGET_KEY, target);
+            publishActiveSourceTarget(target, 'build-request');
 
             // Feature: Check for cached graph (Multi-Session Optimization)
             // Bridge-first runtime: sidecar HTTP path with Tauri IPC fallback.
@@ -1067,6 +1340,7 @@ document.addEventListener('DOMContentLoaded', () => {
                         const restoreSuccess = await storageProvider.restoreCache(target);
 
                         if (restoreSuccess) {
+                            publishActiveSourceTarget(target, 'cache-restore');
                             keepLockedForReload = requestSafeReload('cache-restore', { force: true });
                             return;
                         }
@@ -1134,6 +1408,7 @@ document.addEventListener('DOMContentLoaded', () => {
             }
 
             if (success) {
+                publishActiveSourceTarget(target, 'build-success');
                 keepLockedForReload = true;
 
                 // v1.0.1: Pre-verify data.js is accessible before triggering reload.