add chat file tree and document retrival

Author: Oli51467

electron/index.html

@@ -260,7 +260,6 @@ <h1 class="splash-title">LoFS</h1>
             <button id="chat-model-button" class="chat-model-button" type="button" aria-haspopup="listbox"
               aria-expanded="false">
               <span id="chat-model-button-text" class="chat-model-button-text">暂无可用模型</span>
-              <span class="chat-model-button-icon"></span>
             </button>
             <div id="chat-model-dropdown" class="chat-model-dropdown" role="listbox" aria-label="聊天模型列表"></div>
           </div>
@@ -271,10 +270,9 @@ <h1 class="splash-title">LoFS</h1>
           <span id="chat-conversation-updated" class="chat-timestamp"></span>
         </div>
         <div class="chat-page-header-actions">
-          <button id="chat-file-toggle-btn" class="chat-header-action-btn" type="button" aria-pressed="false"
+          <button id="chat-file-toggle-btn" class="chat-header-action-btn chat-header-action-btn--icon-only" type="button" aria-pressed="false"
             aria-expanded="false" aria-controls="chat-file-panel">
             <span class="chat-header-action-icon" id="chat-file-toggle-icon"></span>
-            <span class="chat-header-action-text">文件</span>
           </button>
         </div>
       </div>

electron/main.js

@@ -1,4 +1,4 @@
-const { app, BrowserWindow, ipcMain, nativeTheme, nativeImage } = require('electron');
+const { app, BrowserWindow, ipcMain, nativeTheme, nativeImage, systemPreferences } = require('electron');
 const fs = require('fs');
 const path = require('path');
 
@@ -12,6 +12,19 @@ if (app.isPackaged) {
 // 禁用硬件加速以避免GPU相关的Mach端口问题
 app.disableHardwareAcceleration();
 
+function normalizeMacTextInputPreferences() {
+  if (process.platform !== 'darwin') {
+    return;
+  }
+  try {
+    systemPreferences.setUserDefault('ApplePressAndHoldEnabled', 'boolean', false);
+  } catch (error) {
+    console.warn('Failed to normalize ApplePressAndHoldEnabled preference:', error);
+  }
+}
+
+normalizeMacTextInputPreferences();
+
 // 修复 macOS 上的 Mach 端口权限错误
 if (process.platform === 'darwin') {
   app.commandLine.appendSwitch('--no-sandbox');

electron/src/modules/chat/components/file-panel.js

@@ -9,8 +9,6 @@ class ChatFilePanel {
     this.closeIconEl = document.getElementById('chat-file-panel-close-icon');
     this.refreshIconEl = document.getElementById('chat-file-refresh-icon');
     this.onVisibilityChange = typeof options.onVisibilityChange === 'function' ? options.onVisibilityChange : null;
-    this.onFullTextToggle = typeof options.onFullTextToggle === 'function' ? options.onFullTextToggle : null;
-    this.fullTextToggleEl = options.fullTextToggleEl || document.getElementById('chat-fulltext-toggle');
     this.runtime = {
       fileTreeData: null,
       expanded: new Set(),
@@ -31,7 +29,6 @@ class ChatFilePanel {
       || 'http://localhost:8000/api/document/upload-status';
     this.loadInFlight = null;
     this.pendingSelectionBroadcast = null;
-    this.fullTextEnabled = Boolean(this.fullTextToggleEl?.checked);
     this.initialize();
   }
 
@@ -48,7 +45,6 @@ class ChatFilePanel {
 
     this.bindPanelToggle();
     this.bindKeyboardShortcuts();
-    this.bindFullTextToggle();
 
     if (this.container) {
       this.container.addEventListener('contextmenu', (event) => {
@@ -62,25 +58,6 @@ class ChatFilePanel {
     }
   }
 
-  bindFullTextToggle() {
-    if (!this.fullTextToggleEl) {
-      return;
-    }
-    this.fullTextToggleEl.checked = this.fullTextEnabled;
-    this.fullTextToggleEl.setAttribute('aria-checked', this.fullTextEnabled ? 'true' : 'false');
-    this.fullTextToggleEl.addEventListener('change', () => {
-      this.fullTextEnabled = Boolean(this.fullTextToggleEl.checked);
-      this.fullTextToggleEl.setAttribute('aria-checked', this.fullTextEnabled ? 'true' : 'false');
-      if (typeof this.onFullTextToggle === 'function') {
-        this.onFullTextToggle(this.fullTextEnabled);
-      }
-      const evt = new CustomEvent('chatFullTextModeChanged', {
-        detail: { enabled: this.fullTextEnabled }
-      });
-      document.dispatchEvent(evt);
-    });
-  }
-
   bindPanelToggle() {
     if (this.toggleBtn) {
       this.toggleBtn.addEventListener('click', () => {
@@ -266,11 +243,11 @@ class ChatFilePanel {
     if (isFolder) {
       item.classList.add('folder-item');
     } else {
-      item.classList.add('file-item-file', 'is-selectable');
+      item.classList.add('file-item-file');
     }
     item.dataset.path = node.path;
     item.dataset.relativePath = relativePath;
-    const fileType = isFolder ? 'folder' : (this.isImageNode(node) ? 'image' : 'file');
+    const fileType = this.resolveNodeFileType(node, isFolder);
     item.dataset.type = fileType;
     item.dataset.fileType = fileType;
     this.fileTypeLookup.set(node.path, fileType);
@@ -287,11 +264,22 @@ class ChatFilePanel {
       }
     }
     item.setAttribute('aria-selected', this.runtime.selected.has(node.path) ? 'true' : 'false');
-    if (this.runtime.selected.has(node.path)) {
+    if (this.runtime.selected.has(node.path) && fileType !== 'unsupported') {
       item.dataset.selected = 'true';
     }
+    if (!isFolder) {
+      item.dataset.fileName = node.name;
+      if (fileType === 'unsupported') {
+        item.classList.add('is-disabled');
+        item.setAttribute('aria-disabled', 'true');
+      } else {
+        item.classList.add('is-selectable');
+      }
+    }
+    if (fileType === 'unsupported') {
+      this.runtime.selected.delete(node.path);
+    }
     this.nodeLookup.set(node.path, node);
-
     const content = document.createElement('div');
     content.className = 'file-item-content';
     item.appendChild(content);
@@ -300,10 +288,6 @@ class ChatFilePanel {
     nameWrapper.className = 'file-name';
     content.appendChild(nameWrapper);
 
-    if (!isFolder) {
-      item.dataset.fileName = node.name;
-    }
-
     const bullet = document.createElement('span');
     bullet.className = 'file-bullet';
     bullet.textContent = '•';
@@ -325,6 +309,10 @@ class ChatFilePanel {
         this.toggleFolder(node.path);
         return;
       }
+      if (fileType === 'unsupported') {
+        this.showSelectionWarning('暂不支持选择 Excel 文件，请选择其它类型的文档。');
+        return;
+      }
       this.toggleSelection(node.path);
     });
 
@@ -479,6 +467,9 @@ class ChatFilePanel {
         return;
       }
       const type = this.getFileTypeByPath(path);
+       if (type === 'unsupported') {
+         return;
+       }
       const relativePath = this.getRelativePathByPath(path);
       entries.push({
         path,
@@ -550,10 +541,12 @@ class ChatFilePanel {
     }
     this.container.querySelectorAll('.file-item-file').forEach((item) => {
       const type = item.dataset.fileType;
-      if (imageOnly && type !== 'image') {
+      const baseDisabled = type === 'unsupported';
+      const disabledForImageSelection = imageOnly && type !== 'image';
+      if (baseDisabled || disabledForImageSelection) {
         item.classList.add('is-disabled');
         item.setAttribute('aria-disabled', 'true');
-      } else {
+      } else if (!baseDisabled) {
         item.classList.remove('is-disabled');
         item.removeAttribute('aria-disabled');
       }
@@ -568,6 +561,27 @@ class ChatFilePanel {
     return /\.(png|jpe?g|gif|bmp|webp|svg)$/i.test(name);
   }
 
+  isUnsupportedNode(node) {
+    if (!node || node.children) {
+      return false;
+    }
+    const name = node.name || '';
+    return /\.(xlsx|xls)$/i.test(name);
+  }
+
+  resolveNodeFileType(node, isFolder) {
+    if (isFolder) {
+      return 'folder';
+    }
+    if (this.isImageNode(node)) {
+      return 'image';
+    }
+    if (this.isUnsupportedNode(node)) {
+      return 'unsupported';
+    }
+    return 'file';
+  }
+
   showSelectionWarning(message) {
     if (typeof window.showAlert === 'function') {
       window.showAlert(message, 'warning');

electron/src/modules/chat/components/reference-manager.js

@@ -700,6 +700,7 @@
       });
     }
 
+
     isSameReferenceChunk(left, right) {
       if (!left || !right) {
         return false;

electron/src/modules/chat/main.js

@@ -77,7 +77,6 @@ class ChatModule {
     this.chatFileTreeEl = document.getElementById('chat-file-tree');
     this.chatFilePanelCloseBtn = document.getElementById('chat-file-panel-close');
     this.chatFileRefreshBtn = document.getElementById('chat-file-refresh-btn');
-    this.chatFulltextToggleEl = document.getElementById('chat-fulltext-toggle');
     this.sendBtnDefaultContent = this.chatSendBtn ? this.chatSendBtn.innerHTML : '';
     this.sendBtnDefaultAriaLabel = this.chatSendBtn
       ? (this.chatSendBtn.getAttribute('aria-label') || '发送消息')
@@ -125,7 +124,6 @@ class ChatModule {
     this.unsubscribeChatFileSelection = null;
     this.boundHandleResize = null;
     this.filePanelForcesCollapse = false;
-    this.fulltextEnabled = false;
   }
 
   initializeManagers() {
@@ -143,15 +141,12 @@ class ChatModule {
           toggleBtn: this.chatFileToggleBtn,
           closeBtn: this.chatFilePanelCloseBtn,
           refreshBtn: this.chatFileRefreshBtn,
-          fullTextToggleEl: this.chatFulltextToggleEl,
-          onVisibilityChange: (visible) => this.handleChatFilePanelVisibility(visible),
-          onFullTextToggle: (enabled) => this.handleFullTextToggle(enabled)
+          onVisibilityChange: (visible) => this.handleChatFilePanelVisibility(visible)
         });
         window.chatFilePanel = this.chatFilePanel;
         this.unsubscribeChatFileSelection = this.chatFilePanel.onSelectionChange(
           (paths, entries) => this.handleChatFileSelection(paths, entries)
         );
-        this.handleFullTextToggle(Boolean(this.chatFulltextToggleEl?.checked));
       } catch (error) {
         console.error('初始化聊天文件面板失败:', error);
       }
@@ -191,14 +186,6 @@ class ChatModule {
     }));
   }
 
-  handleFullTextToggle(enabled) {
-    this.fulltextEnabled = Boolean(enabled);
-  }
-
-  isFullTextEnabled() {
-    return Boolean(this.fulltextEnabled);
-  }
-
   handleChatFilePanelVisibility(visible) {
     if (visible) {
       this.filePanelForcesCollapse = true;
@@ -3129,12 +3116,7 @@ class ChatModule {
     }
 
     const selectedFilePayload = this.getSelectedChatFiles();
-    const fullTextToggleEnabled = this.isFullTextEnabled();
-    let shouldUseFullText = fullTextToggleEnabled && selectedFilePayload.length > 0;
-    if (shouldUseFullText) {
-      const hasNonImageTargets = selectedFilePayload.some((entry) => entry && !entry.is_image);
-      shouldUseFullText = hasNonImageTargets;
-    }
+    const shouldUseFullText = selectedFilePayload.length > 0;
 
     const metadataPayload = {};
     if (messageAttachments.length > 0) {

electron/src/styles/chat.css

@@ -389,6 +389,18 @@
   line-height: 1;
 }
 
+.chat-header-action-btn--icon-only {
+  padding: 6px;
+  border: none;
+  background: transparent;
+  border-radius: 999px;
+  color: var(--text-muted);
+  width: 32px;
+  height: 32px;
+  justify-content: center;
+  gap: 0;
+}
+
 .chat-header-action-btn:hover,
 .chat-header-action-btn:focus-visible {
   border-color: var(--accent-color);
@@ -397,18 +409,34 @@
   outline: none;
 }
 
+.chat-header-action-btn--icon-only:hover,
+.chat-header-action-btn--icon-only:focus-visible {
+  background: rgba(59, 130, 246, 0.12);
+  border: none;
+}
+
 .chat-header-action-btn[aria-pressed="true"] {
   border-color: var(--accent-color);
   background: rgba(59, 130, 246, 0.14);
   color: var(--accent-color);
 }
 
+.chat-header-action-btn--icon-only[aria-pressed="true"] {
+  background: rgba(59, 130, 246, 0.18);
+  border: none;
+}
+
 .chat-header-action-btn.has-selection {
   border-color: var(--accent-color);
   background: rgba(59, 130, 246, 0.12);
   color: var(--accent-color);
 }
 
+.chat-header-action-btn--icon-only.has-selection {
+  border: none;
+  background: rgba(59, 130, 246, 0.18);
+}
+
 .dark-mode .chat-header-action-btn {
   background: rgba(71, 85, 105, 0.4);
   color: rgba(226, 232, 240, 0.92);
@@ -422,6 +450,20 @@
   border-color: rgba(191, 219, 254, 0.5);
 }
 
+.dark-mode .chat-header-action-btn--icon-only {
+  background: transparent;
+  color: rgba(203, 213, 225, 0.9);
+}
+
+.dark-mode .chat-header-action-btn--icon-only:hover,
+.dark-mode .chat-header-action-btn--icon-only:focus-visible,
+.dark-mode .chat-header-action-btn--icon-only[aria-pressed="true"],
+.dark-mode .chat-header-action-btn--icon-only.has-selection {
+  background: rgba(96, 165, 250, 0.16);
+  border: none;
+  color: rgba(191, 219, 254, 0.98);
+}
+
 .dark-mode .chat-header-action-btn.has-selection {
   background: rgba(96, 165, 250, 0.2);
   color: rgba(191, 219, 254, 0.95);
@@ -474,21 +516,6 @@
   text-overflow: ellipsis;
 }
 
-.chat-model-button-icon {
-  width: 7px;
-  height: 7px;
-  border-right: 1.4px solid currentColor;
-  border-bottom: 1.4px solid currentColor;
-  transform: rotate(45deg);
-  opacity: 0.6;
-  transition: transform 0.2s ease, opacity 0.2s ease;
-}
-
-.chat-model-button[aria-expanded="true"] .chat-model-button-icon {
-  transform: rotate(-135deg);
-  opacity: 0.85;
-}
-
 .chat-model-dropdown {
   position: absolute;
   top: calc(100% + 8px);
@@ -691,7 +718,7 @@
   position: relative;
   flex: 0 0 auto;
   width: 0;
-  max-width: 360px;
+  max-width: 320px;
   background: var(--tree-bg);
   border-left: none;
   display: flex;
@@ -704,7 +731,7 @@
 }
 
 .chat-file-panel.is-open {
-  width: clamp(260px, 28vw, 320px);
+  width: clamp(220px, 24vw, 280px);
   border-left: 1px solid var(--tree-border);
   box-shadow: -6px 0 24px rgba(15, 23, 42, 0.12);
   pointer-events: auto;