优化：工具栏高度对齐+面板统一+远程连接架构+自动恢复预览

- 工具栏：面包屑与右侧组件像素级等高(:deep 34px)、合并重复search handler、统一分隔符样式、删除死代码
- 面板对齐：三面板header统一padding/font-size、文件列表分页固定底部(自定义紧凑)、表头默认隐藏、滚动条统一样式
- 预览区：始终显示空白预览面板、重启自动恢复上次打开文件
- 收藏夹：简化计数显示(共N项)
- 远程连接：ConnectionIndicator自适应UI(无远程显示mini云图标)、ConnectionDialog支持编辑配置、transport抽象层(本地Wails/远程HTTP双模式)、agent后端模块

web/src/components/FileSystem/composables/useFilePreview.ts

@@ -7,6 +7,7 @@ import { ref } from 'vue'
 import { FILE_EXTENSIONS, FILE_SIZE_THRESHOLDS } from '@/utils/constants'
 import { normalizeFilePath, getExt } from '@/utils/fileUtils'
 import { detectFileTypeByContent } from '@/api/system'
+import { connectionManager } from '@/api/connection-manager'
 import {
   isImageFile, isVideoFile, isAudioFile, isPdfFile,
   isHtmlFile, isMarkdownFile, isPreviewable as isPreviewableType,
@@ -26,21 +27,22 @@ export interface UseFilePreviewOptions {
   isBrowsingZip?: boolean
 }
 
+function getLocalServerURL(): string {
+  return 'http://localhost:8073'
+}
+
+function resolveFileServerBase(): string {
+  // 单一数据源：从 connectionManager 实时读取，不缓存
+  if (!connectionManager.isRemote()) return getLocalServerURL()
+  const base = connectionManager.getFileServerBaseURL()
+  if (!base) return getLocalServerURL()
+  // 远程模式需要完整代理路径前缀 /api/v1/proxy/localfs
+  return base.replace(/\/$/, '') + '/api/v1/proxy/localfs'
+}
+
 export function useFilePreview(options: UseFilePreviewOptions = {}) {
   const { filePath = ref(''), isBrowsingZip = ref(false) } = options
 
-  // 文件服务器 URL（优先从后端获取，降级到默认值）
-  let _fileServerURL = 'http://localhost:8073'
-  const initFileServerURL = async () => {
-    try {
-      const url = await window.go.main.App.GetFileServerURL()
-      if (url) _fileServerURL = url
-    } catch { /* 使用默认值 */ }
-  }
-  initFileServerURL()
-
-  const getFileServerURL = () => _fileServerURL
-
   // 预览 URL
   const previewUrl = ref('')
 
@@ -49,12 +51,19 @@ export function useFilePreview(options: UseFilePreviewOptions = {}) {
   const currentImageDimensions = ref('')
 
   /**
-   * 获取预览 URL（与旧版本保持一致）
+   * 获取预览 URL（本地/远程自适应，每次实时计算）
+   * 本地: http://localhost:8073/localfs/{encoded_path}
+   * 远程: {baseUrl}/api/v1/proxy/localfs/{raw_path}（Cookie 自动携带认证）
    */
   const getPreviewUrl = (path: string): string => {
     if (!path) return ''
-    // 使用与旧版本相同的 URL 格式：/localfs/ 路径 + 规范化路径
-    return `${getFileServerURL()}/localfs/${normalizeFilePath(path, true)}`
+    const isRemote = connectionManager.isRemote()
+    const base = resolveFileServerBase()
+    let normalized = normalizeFilePath(path, true)
+    // 远程模式去掉前导 /，避免与 URL 基础路径拼接产生双斜杠（导致 307 重定向）
+    if (isRemote && normalized.startsWith('/')) normalized = normalized.slice(1)
+    const sep = base.endsWith('/') ? '' : '/'
+    return `${base}${sep}${isRemote ? '' : 'localfs/'}${normalized}`
   }
 
   /**
@@ -85,7 +94,7 @@ export function useFilePreview(options: UseFilePreviewOptions = {}) {
   /**
    * 更新预览 URL
    */
-  const updatePreviewUrl = (path: string) => {
+  const updatePreviewUrl = async (path: string) => {
     previewUrl.value = getPreviewUrl(path)
   }