dsh-long-plugins 2.6.2 → 3.0.2

package/client/client.js

@@ -16,9 +16,16 @@ window.__ModuleLoader__.load({
     const API_PATH = '/api/dsh-uploads'
     const DOWNLOAD_PATH = '/api/dsh-uploads/download'
     const PREVIEW_PATH = '/api/dsh-uploads/preview'
-    const SOURCE = 'local-upload-files'
     const HIDDEN_LABEL = '__dsh_upload_hidden__:'
 
+    function downloadUrl(name) {
+      return `${DOWNLOAD_PATH}?name=${encodeURIComponent(name)}`
+    }
+
+    function previewUrl(name) {
+      return `${PREVIEW_PATH}?name=${encodeURIComponent(name)}`
+    }
+
     function errorMessage(error) {
       return error instanceof Error ? error.message : String(error)
     }
@@ -29,26 +36,6 @@ window.__ModuleLoader__.load({
       return body
     }
 
-    async function uploadFile(file) {
-      const response = await fetch(API_PATH, {
-        method: 'POST',
-        headers: {
-          'content-type': 'application/octet-stream',
-          'x-file-name': encodeURIComponent(file.name),
-        },
-        body: file,
-      })
-      return (await responseJson(response)).file
-    }
-
-    function downloadUrl(name) {
-      return `${DOWNLOAD_PATH}?name=${encodeURIComponent(name)}`
-    }
-
-    function previewUrl(name) {
-      return `${PREVIEW_PATH}?name=${encodeURIComponent(name)}`
-    }
-
     /** Extensions the browser can render inline (image/office handled separately). */
     const INLINE_PREVIEW_EXTS = new Set([
       '.pdf', '.txt', '.md', '.markdown', '.json', '.yml', '.yaml', '.xml', '.html', '.htm',
@@ -121,502 +108,6 @@ window.__ModuleLoader__.load({
       document.body.removeChild(a)
     }
 
-    function modelLine(file) {
-      return `上传文件：\`${file.path}\``
-    }
-
-    function serializedFile(file) {
-      return `\n${modelLine(file)}`
-    }
-
-    function stripSerializedFiles(draft, files) {
-      const lines = new Set(files.map(modelLine))
-      return String(draft || '')
-        .split('\n')
-        .filter((line) => !lines.has(line.trim()))
-        .join('\n')
-        .replace(/^\n+|\n+$/g, '')
-    }
-
-    function legacyUploadPaths(draft) {
-      const paths = []
-      for (const line of String(draft || '').split('\n')) {
-        const match = line.trim().match(/^上传文件：\s*`([^`]+)`$/)
-        if (match) paths.push(match[1])
-      }
-      return paths
-    }
-
-    function stripLegacyPaths(draft, paths) {
-      const remove = new Set(paths)
-      return String(draft || '')
-        .split('\n')
-        .filter((line) => {
-          const match = line.trim().match(/^上传文件：\s*`([^`]+)`$/)
-          return !match || !remove.has(match[1])
-        })
-        .join('\n')
-        .replace(/^\n+|\n+$/g, '')
-    }
-
-    class FileDraftController {
-      constructor(ctx) {
-        this.ctx = ctx
-        this.pending = new Map()
-        this.inFlight = new Map()
-        this.refIndex = new Map()
-        this.listeners = new Map()
-        this.expiry = new Map()
-        this.serializing = new Set()
-        this.migrated = new Set()
-        this.sinkHooked = new Set()
-        this.counter = 0
-      }
-
-      pendingFor(sessionId) {
-        return this.pending.get(String(sessionId)) || []
-      }
-
-      subscribe(sessionId, listener) {
-        const key = String(sessionId)
-        let set = this.listeners.get(key)
-        if (!set) {
-          set = new Set()
-          this.listeners.set(key, set)
-        }
-        set.add(listener)
-        return () => {
-          set.delete(listener)
-          if (set.size === 0) this.listeners.delete(key)
-        }
-      }
-
-      publish(sessionId) {
-        const set = this.listeners.get(String(sessionId))
-        if (!set) return
-        for (const listener of set) listener()
-      }
-
-      scope(sessionId) {
-        const actx = this.ctx.sessions.scope(sessionId)
-        if (!actx) throw new Error('当前会话尚未就绪')
-        return { actx, shell: this.ctx.conversation.input.for(actx) }
-      }
-
-      insertReference(sessionId, entry) {
-        const { actx, shell } = this.scope(sessionId)
-        const input = shell.snapshot
-        if (!input || input.phase !== 'plain') return false
-        return actx.bail(actx, 'slash/input-insert-reference', {
-          reference: {
-            source: SOURCE,
-            ref: entry.ref,
-            label: `${HIDDEN_LABEL}${entry.ref}`,
-            clipboardText: '',
-          },
-          span: {
-            start: input.draft.length,
-            end: input.draft.length,
-            draftRev: input.draftRev,
-          },
-        }) === true
-      }
-
-      attach(sessionId, file) {
-        const key = String(sessionId)
-        this.clearInFlight(key)
-        const entry = { ...file, ref: `${key}-${++this.counter}` }
-        // 不再往草稿插入引用 token；文件仅以卡片形式显示在输入区上方，
-        // 发送时由 ensureSinkHook 安装的 defaultSink 包装统一拼进消息。
-        this.ensureSinkHook(key)
-        const next = [...this.pendingFor(key), entry]
-        this.pending.set(key, next)
-        this.refIndex.set(entry.ref, { sessionId: key, entry })
-        this.publish(key)
-        return entry
-      }
-
-      ensureSinkHook(key) {
-        const k = String(key)
-        if (this.sinkHooked.has(k)) return
-        let shell
-        try {
-          shell = this.scope(k).shell
-        } catch (error) {
-          return
-        }
-        const deps = shell.deps
-        const original = deps && deps.defaultSink
-        if (typeof original !== 'function') return
-        this.sinkHooked.add(k)
-        const controller = this
-        deps.defaultSink = function (text, imageIds, mode, signal) {
-          const entries = controller.pendingFor(k)
-          let extra = ''
-          for (const entry of entries) extra += serializedFile(entry)
-          if (entries.length > 0) {
-            controller.pending.delete(k)
-            controller.inFlight.set(k, entries)
-            controller.publish(k)
-          }
-          const result = original(text + extra, imageIds, mode, signal)
-          if (entries.length === 0) return result
-          return Promise.resolve(result).then((outcome) => {
-            if (outcome && outcome.kind === 'success') {
-              const expiry = controller.expiry.get(k)
-              if (expiry) expiry()
-              controller.expiry.delete(k)
-              controller.inFlight.delete(k)
-              for (const entry of entries) controller.refIndex.delete(entry.ref)
-            }
-            return outcome
-          })
-        }
-      }
-
-      remove(sessionId, ref) {
-        const key = String(sessionId)
-        const entries = this.pendingFor(key)
-        const entry = entries.find((item) => item.ref === ref)
-        if (!entry) return
-        const next = entries.filter((item) => item.ref !== ref)
-        if (next.length > 0) this.pending.set(key, next)
-        else this.pending.delete(key)
-        this.refIndex.delete(ref)
-        this.publish(key)
-      }
-
-      fileForRef(ref) {
-        return this.refIndex.get(ref)?.entry
-      }
-
-      markSerializing(ref) {
-        const record = this.refIndex.get(ref)
-        if (record) this.serializing.add(record.sessionId)
-      }
-
-      reconcile(sessionId, occurrences) {
-        // 卡片模式：文件不再以草稿引用/occurrence 形式存在，[pending] 的发送与失败
-        // 恢复改由 ensureSinkHook 的 defaultSink 包装 + restoreFailed 负责；这里不再按
-        // occurrence 对账，避免草稿一变就把待发送卡片误判为已发送而提前清空。
-        return
-      }
-
-      restoreFailed(sessionId) {
-        const key = String(sessionId)
-        const entries = this.inFlight.get(key)
-        if (!entries || entries.length === 0) return
-        const expiry = this.expiry.get(key)
-        if (expiry) expiry()
-        this.expiry.delete(key)
-        this.inFlight.delete(key)
-        // 卡片模式：失败时只把文件恢复为待发送卡片（不再回写草稿/插入引用）。
-        this.pending.set(key, entries)
-        for (const entry of entries) this.refIndex.set(entry.ref, { sessionId: key, entry })
-        this.publish(key)
-      }
-
-      clearInFlight(sessionId) {
-        const key = String(sessionId)
-        const expiry = this.expiry.get(key)
-        if (expiry) expiry()
-        this.expiry.delete(key)
-        const entries = this.inFlight.get(key) || []
-        for (const entry of entries) this.refIndex.delete(entry.ref)
-        this.inFlight.delete(key)
-      }
-
-      async migrateLegacy(sessionId, draft) {
-        // 旧格式草稿兼容：只清理残留的「上传文件：`路径`」文本行，不再重新挂载附件。
-        // （原先会把它转成待发送附件，导致刷新后幽灵文件反复出现——2026-08-19 修复）
-        const key = String(sessionId)
-        if (this.migrated.has(key)) return
-        this.migrated.add(key)
-        const paths = legacyUploadPaths(draft)
-        if (paths.length === 0) return
-        try {
-          const { shell } = this.scope(sessionId)
-          shell.setDraft(stripLegacyPaths(shell.snapshot.draft, paths))
-        } catch (error) {
-          console.error('[dsh-upload-manager] legacy draft cleanup failed', error)
-        }
-      }
-
-      dispose() {
-        for (const cancel of this.expiry.values()) cancel()
-        this.expiry.clear()
-        this.pending.clear()
-        this.inFlight.clear()
-        this.refIndex.clear()
-        this.listeners.clear()
-        this.serializing.clear()
-        this.migrated.clear()
-        this.sinkHooked.clear()
-      }
-    }
-
-    function usePending(controller, sessionId) {
-      const [, render] = React.useState(0)
-      React.useEffect(
-        () => controller.subscribe(sessionId, () => render((value) => value + 1)),
-        [controller, sessionId],
-      )
-      return controller.pendingFor(sessionId)
-    }
-
-    function PaperclipIcon() {
-      return React.createElement(
-        'svg',
-        {
-          className: 'dsh-upload-icon',
-          viewBox: '0 0 24 24',
-          fill: 'none',
-          stroke: 'currentColor',
-          strokeWidth: 1.8,
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round',
-          'aria-hidden': true,
-        },
-        React.createElement('path', { d: 'M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48' }),
-      )
-    }
-
-    function UploadControl(props) {
-      const input = props.useInput((state) => state) || props.input
-      const pickerRef = React.useRef(null)
-      const [busy, setBusy] = React.useState(false)
-      const [status, setStatus] = React.useState('')
-
-      async function onPick(event) {
-        const files = Array.from(event.currentTarget.files || [])
-        event.currentTarget.value = ''
-        if (files.length === 0) return
-
-        setBusy(true)
-        setStatus(`正在上传 ${files.length} 个文件…`)
-        let attached = 0
-        const failures = []
-        try {
-          for (const file of files) {
-            try {
-              const stored = await uploadFile(file)
-              props.controller.attach(props.sessionId, stored)
-              attached += 1
-            } catch (error) {
-              failures.push(`${file.name}: ${errorMessage(error)}`)
-            }
-          }
-          setStatus(failures.length === 0
-            ? `已添加 ${attached} 个待发送文件`
-            : `已添加 ${attached} 个，失败 ${failures.length} 个：${failures.join('；')}`)
-        } finally {
-          setBusy(false)
-        }
-      }
-
-      const disabled = busy || !input || input.phase !== 'plain'
-      return React.createElement(
-        'div',
-        { className: 'dsh-upload-control', title: status || '上传本地文件并加入本次消息' },
-        React.createElement('input', {
-          ref: pickerRef,
-          className: 'dsh-upload-picker',
-          type: 'file',
-          multiple: true,
-          onChange: onPick,
-        }),
-        React.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'dsh-upload-button',
-            disabled,
-            'aria-label': busy ? '正在上传文件' : '上传文件',
-            title: status || '上传本地文件并加入本次消息',
-            onClick: () => pickerRef.current?.click(),
-          },
-          React.createElement(PaperclipIcon, null),
-        ),
-        React.createElement('span', { className: 'dsh-upload-live', 'aria-live': 'polite' }, status),
-      )
-    }
-
-    // ===== 拖放上传：把本地文件拖到会话框任意位置即可加入本条消息 =====
-    // 复用与钉选上传完全相同的 uploadFile() + controller.attach() 管线；
-    // 监听 window 级 dragenter/dragover/dragleave/drop（仅在携带 Files 时接管），
-    // 视觉层用 fixed 全屏遮罩提示，pointer-events:none 保证不干扰拖拽本身。
-    function DragDropOverlay(props) {
-      const controller = props.controller
-      const sessionId = props.sessionId
-      const [active, setActive] = React.useState(false)
-      const counterRef = React.useRef(0)
-
-      React.useEffect(() => {
-        // 只在真正拖入「文件」时才接管；拖文本/链接等（无 Files）一律放行给 DSH 原生行为。
-        // 四个事件都用 捕获阶段(capture) + stopPropagation，让本插件成为文件拖放的
-        // 唯一所有者 —— 这样 DSH 核心的「图像拖放/粘贴」验证器不会触发（否则非图片文件
-        // 会报「仅支持 PNG、JPG、WebP、GIF」），核心自己的拖放遮罩也不会出现/卡住。
-        const hasFiles = (e) => !!(e.dataTransfer && Array.from(e.dataTransfer.types || []).includes('Files'))
-        const onDragEnter = (e) => {
-          if (!hasFiles(e)) return
-          e.preventDefault()
-          e.stopPropagation()
-          counterRef.current += 1
-          setActive(true)
-        }
-        const onDragOver = (e) => {
-          if (!hasFiles(e)) return
-          e.preventDefault()
-          e.stopPropagation()
-          if (e.dataTransfer) e.dataTransfer.dropEffect = 'copy'
-        }
-        const onDragLeave = (e) => {
-          if (!hasFiles(e)) return
-          e.stopPropagation()
-          counterRef.current -= 1
-          if (counterRef.current <= 0) {
-            counterRef.current = 0
-            setActive(false)
-          }
-        }
-        const onDrop = async (e) => {
-          if (!hasFiles(e)) return
-          e.preventDefault()
-          e.stopPropagation()
-          counterRef.current = 0
-          setActive(false)
-          const files = Array.from((e.dataTransfer && e.dataTransfer.files) || [])
-          if (files.length === 0) return
-          // 复用与回形针完全相同的 uploadFile + attach 管线；结果直接体现在输入区上方的
-          // 「待发送文件」卡片上。
-          for (const file of files) {
-            try {
-              const stored = await uploadFile(file)
-              controller.attach(sessionId, stored)
-            } catch (error) {
-              console.warn(`[dsh-long-plugins] 拖放上传失败：${file.name} → ${errorMessage(error)}`)
-            }
-          }
-        }
-        // 粘贴非图片文件 → 走与回形针/拖放相同的上传管线，并阻止 DSH 核心的「仅支持图片」门；
-        // 纯文本/图片粘贴放行给 DSH 原生；上传失败（不支持的格式等）给可见提示。
-        const onPaste = async (e) => {
-          const cd = e.clipboardData
-          if (!cd) return
-          const files = []
-          const items = cd.items
-          if (items) {
-            for (const item of items) {
-              if (item.kind === 'file' && typeof item.getAsFile === 'function') {
-                const f = item.getAsFile()
-                // 只接管非图片文件；图片交给 DSH 原生（内联显示），避免改变已有行为
-                if (f && f.size > 0 && !(f.type || '').startsWith('image/')) files.push(f)
-              }
-            }
-          }
-          if (files.length === 0) return // 无「非图片文件」→ 放行给 DSH
-          // 有文件粘贴：接管整段粘贴，阻止 DSH 后续处理器报「仅支持图片」
-          e.preventDefault()
-          e.stopPropagation()
-          e.stopImmediatePropagation()
-          for (const file of files) {
-            try {
-              const stored = await uploadFile(file)
-              controller.attach(sessionId, stored)
-            } catch (error) {
-              console.warn(`[dsh-long-plugins] 粘贴上传失败：${file.name} → ${errorMessage(error)}`)
-              showToast(`不支持该文件格式：${file.name}`, 'error')
-            }
-          }
-        }
-        const dragOn = !!(window.__dshLongMod && window.__dshLongMod('uploadDragDrop'))
-        const pasteOn = !!(window.__dshLongMod && window.__dshLongMod('uploadPaste'))
-        if (dragOn) {
-          window.addEventListener('dragenter', onDragEnter, true)
-          window.addEventListener('dragover', onDragOver, true)
-          window.addEventListener('dragleave', onDragLeave, true)
-          window.addEventListener('drop', onDrop, true)
-        }
-        if (pasteOn) {
-          window.addEventListener('paste', onPaste, true)
-        }
-        return () => {
-          if (dragOn) {
-            window.removeEventListener('dragenter', onDragEnter, true)
-            window.removeEventListener('dragover', onDragOver, true)
-            window.removeEventListener('dragleave', onDragLeave, true)
-            window.removeEventListener('drop', onDrop, true)
-          }
-          if (pasteOn) {
-            window.removeEventListener('paste', onPaste, true)
-          }
-        }
-      }, [controller, sessionId])
-
-      if (!active) return null
-
-      return React.createElement(
-        'div',
-        { className: 'dsh-upload-dropzone' },
-        React.createElement(
-          'div',
-          { className: 'dsh-upload-dropzone-card' },
-          React.createElement(
-            'div',
-            { className: 'dsh-upload-dropzone-icon' },
-            React.createElement(PaperclipIcon, null)
-          ),
-          React.createElement(
-            'div',
-            { className: 'dsh-upload-dropzone-text' },
-            '松开鼠标，将文件加入本条消息'
-          )
-        )
-      )
-    }
-
-    function PendingFileRail(props) {
-      const input = props.useInput((state) => state)
-      const promptError = props.useSession((session) => session.promptError) || null
-      const files = usePending(props.controller, props.sessionId)
-
-      React.useEffect(() => {
-        props.controller.migrateLegacy(props.sessionId, input?.draft || '')
-        props.controller.reconcile(props.sessionId, input?.occurrences || [])
-      }, [props.controller, props.sessionId, input?.draftRev])
-
-      React.useEffect(() => {
-        if (promptError) props.controller.restoreFailed(props.sessionId)
-      }, [props.controller, props.sessionId, promptError])
-
-      if (files.length === 0) return null
-      return React.createElement(
-        'div',
-        { className: 'dsh-upload-rail', 'aria-label': '待发送文件' },
-        files.map((file) => React.createElement(
-          'div',
-          { className: 'dsh-upload-chip', key: file.ref },
-          React.createElement('span', { className: 'dsh-upload-chip-icon', 'aria-hidden': true }, '▤'),
-          React.createElement(
-            'span',
-            { className: 'dsh-upload-chip-copy' },
-            React.createElement('strong', { title: file.name }, file.name),
-            React.createElement('small', null, sizeText(file.size)),
-          ),
-          React.createElement(
-            'button',
-            {
-              type: 'button',
-              'aria-label': `移除 ${file.name}`,
-              title: '从本次消息移除',
-              onClick: () => props.controller.remove(props.sessionId, file.ref),
-            },
-            '×',
-          ),
-        )),
-      )
-    }
-
     function sizeText(bytes) {
       if (bytes < 1024) return `${bytes} B`
       if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KiB`
@@ -681,326 +172,27 @@ window.__ModuleLoader__.load({
     }
 
     /** 🔍 放大镜搜索：点击图标弹出搜索框，输入即过滤；✕ 清除并关闭。不自动隐藏（需人工关闭或刷新）。 */
-    function SearchPopup({ value, onChange, placeholder }) {
-      const [open, setOpen] = React.useState(false)
-      const ref = React.useRef(null)
-      React.useEffect(() => { if (open && ref.current) { try { ref.current.focus() } catch (e) {} } }, [open])
-      const toggle = () => setOpen((o) => !o)
-      return React.createElement('div', { className: 'dsh-searchpop' },
-        React.createElement('button', {
-          type: 'button', className: 'dsh-searchpop-btn',
-          onClick: toggle,
-          title: '搜索文件名', 'aria-label': '搜索文件名',
-        }, '🔍'),
-        open && React.createElement('div', { className: 'dsh-searchpop-box' },
-          React.createElement('input', {
-            ref, type: 'text', className: 'dsh-searchpop-input', value,
-            onChange: (e) => onChange(e.target.value), placeholder: placeholder || '搜索文件名…', autoFocus: true,
-          }),
-          value !== '' && React.createElement('button', {
-            type: 'button', className: 'dsh-searchpop-clear', title: '清除', 'aria-label': '清除搜索',
-            onMouseDown: (e) => { e.preventDefault(); e.stopPropagation() },
-            onClick: (e) => { e.preventDefault(); e.stopPropagation(); onChange(''); setOpen(false); },
-          }, '✕'),
-        ),
-      )
-    }
-
-    function UploadSettingsSection() {
-      const [state, setState] = React.useState({
-        loading: true,
-        root: '',
-        maxFileBytes: 0,
-        totalMaxBytes: 0,
-        usedBytes: 0,
-        files: [],
-        error: '',
-      })
-      const [deleting, setDeleting] = React.useState('')
-      const [batchBusy, setBatchBusy] = React.useState(false)
-      const [selected, setSelected] = React.useState(() => new Set())
-      const [preview, setPreview] = React.useState(null)
-      const [previewMaximized, setPreviewMaximized] = React.useState(false)
-      const [dayFilter, setDayFilter] = React.useState('')
-      const [search, setSearch] = React.useState('')
-      const [deleteEnabled, setDeleteEnabled] = React.useState(false)
-
-      async function refresh() {
-        setState((current) => ({ ...current, loading: true, error: '' }))
-        try {
-          const response = await fetch(API_PATH, { cache: 'no-store' })
-          const body = await responseJson(response)
-          setState({
-            loading: false,
-            root: body.root,
-            maxFileBytes: body.maxFileBytes,
-            totalMaxBytes: body.totalMaxBytes,
-            usedBytes: body.usedBytes,
-            files: body.files,
-            error: '',
-          })
-        } catch (error) {
-          setState((current) => ({ ...current, loading: false, error: errorMessage(error) }))
-        }
-      }
-
-      React.useEffect(() => {
-        refresh()
-      }, [])
-
-      async function remove(name) {
-        if (!globalThis.confirm(`确定删除“${name}”吗？此操作不可恢复。`)) return
-        setDeleting(name)
-        try {
-          const response = await fetch(`${API_PATH}?name=${encodeURIComponent(name)}`, { method: 'DELETE' })
-          await responseJson(response)
-          if (preview !== null && preview.name === name) closePreview()
-          await refresh()
-        } catch (error) {
-          setState((current) => ({ ...current, error: errorMessage(error) }))
-        } finally {
-          setDeleting('')
-        }
-      }
-
-      async function batchDelete() {
-        const names = Array.from(selected || [])
-        if (names.length === 0) return
-        if (!globalThis.confirm(`确定删除所选 ${names.length} 个文件吗？此操作不可恢复。`)) return
-        setBatchBusy(true)
-        let err = ''
-        for (const name of names) {
-          try {
-            const response = await fetch(`${API_PATH}?name=${encodeURIComponent(name)}`, { method: 'DELETE' })
-            if (!response.ok) { const b = await response.json().catch(() => ({})); err = err || (b.error || `HTTP ${response.status}`) }
-          } catch (e) { err = err || errorMessage(e) }
-        }
-        setState((current) => ({ ...current, error: err }))
-        setBatchBusy(false)
-        setSelected(new Set())
-        await refresh()
-      }
-
-      async function previewFile(name) {
-        setPreviewMaximized(false)
-        try {
-          const isOffice = /\.(docx|xlsx|pptx)$/i.test(name)
-          if (isOffice) {
-            // 先打开弹窗并提示转换中（NAS 上 docx/xlsx 转换可能耗时 1~2 秒）
-            setPreview({ name, officeLoading: true })
-            const response = await fetch(previewUrl(name), { cache: 'no-store' })
-            if (!response.ok) {
-              const body = await response.json().catch(() => ({}))
-              throw new Error(body.error || `HTTP ${response.status}`)
-            }
-            const data = await response.json().catch(() => ({}))
-            setPreview({
-              name,
-              officeHtml: data.officeHtml ?? '<p style="font-family:sans-serif;padding:12px">（无法渲染此文档）</p>',
-            })
-            return
-          }
-          // 无法内嵌预览的类型（压缩包、程序、视频、字体等）：点预览直接下载。
-          if (!isInlinePreviewable(name)) {
-            triggerDownload(downloadUrl(name), name)
-            return
-          }
-          const response = await fetch(previewUrl(name), { cache: 'no-store' })
-          if (!response.ok) {
-            const body = await response.json().catch(() => ({}))
-            throw new Error(body.error || `HTTP ${response.status}`)
-          }
-          const type = response.headers.get('content-type') || ''
-          if (type.startsWith('image/')) {
-            const blob = await response.blob()
-            const url = URL.createObjectURL(blob)
-            setPreview({ url, name })
-            return
-          }
-          // PDF / txt / 其它可内嵌文件：弹窗内嵌预览（iframe 指向预览端点），
-          // 只有用户点「打开」才在新浏览器标签中打开。
-          setPreview({ url: previewUrl(name), name })
-        } catch (error) {
-          setState((current) => ({ ...current, error: errorMessage(error) }))
-        }
-      }
-
-      function closePreview() {
-        if (preview?.url) URL.revokeObjectURL(preview.url)
-        setPreview(null)
-      }
-
-      /** Group files by calendar day of their modifiedAt (YYYY-MM-DD, desc). */
-      function groupFilesByDate(files) {
-        const groups = []
-        const byDay = new Map()
-        for (const file of files) {
-          let day = ''
-          try {
-            day = localDay(file.modifiedAt)
-          } catch {
-            day = '未知日期'
-          }
-          if (!byDay.has(day)) byDay.set(day, [])
-          byDay.get(day).push(file)
-        }
-        const days = [...byDay.keys()].sort((a, b) => b.localeCompare(a))
-        for (const day of days) groups.push({ day, files: byDay.get(day) })
-        return groups
-      }
-      // 日期筛选 + 文件名搜索：先按所选天/关键词过滤 state.files，再始终按天分组（空=全部）。
-      const shownFiles = (dayFilter || search)
-        ? state.files.filter((f) => (dayFilter ? (() => { try { return localDay(f.modifiedAt) === dayFilter } catch { return false } })() : true) && matchesSearch(f, search))
-        : state.files
-      const dateGroups = groupFilesByDate(shownFiles)
-
-      return React.createElement(
-        'section',
-        { className: 'dsh-upload-settings' },
-        React.createElement(
-          'div',
-          { className: 'dsh-upload-settings-head' },
-          React.createElement(
-            'div',
-            null,
-            React.createElement('h2', null, '上传文件'),
-            React.createElement('p', null, '管理从输入框上传到 Harness 容器中的文件。'),
-          ),
-          React.createElement(
-            'div',
-            { className: 'dsh-upload-head-actions' },
-            React.createElement(SearchPopup, { value: search, onChange: setSearch, placeholder: '搜索文件名…' }),
-            React.createElement(DateFilter, { value: dayFilter, onChange: setDayFilter, placeholder: '选择日期' }),
-            React.createElement(
-              'button',
-              { type: 'button', className: 'dsh-upload-refresh', disabled: state.loading, onClick: refresh },
-              state.loading ? '刷新中…' : '刷新',
-            ),
-            React.createElement(
-              'label',
-              { className: 'dsh-upload-del-toggle' },
-              React.createElement('input', { type: 'checkbox', checked: deleteEnabled, onChange: (e) => { setDeleteEnabled(e.target.checked); if (!e.target.checked) setSelected(new Set()) } }),
-              '开启删除',
-            ),
-            deleteEnabled && React.createElement('label',
-              { className: 'dsh-upload-del-toggle' },
-              React.createElement('input', { type: 'checkbox', checked: (state.files || []).length > 0 && (selected || new Set()).size === (state.files || []).length, onChange: (e) => { setSelected(e.target.checked ? new Set((state.files || []).map((f) => f.name)) : new Set()) } }),
-              '全选',
-            ),
-            React.createElement(
-              'button',
-              { type: 'button', className: 'dsh-upload-batchdel', disabled: !deleteEnabled || (selected || new Set()).size === 0 || batchBusy, onClick: batchDelete },
-              batchBusy ? '删除中…' : `批量删除(${(selected || new Set()).size})`,
-            ),
-          ),
-        ),
-        React.createElement(
-          'div',
-          { className: 'dsh-upload-root' },
-          React.createElement('span', null, '固定目录'),
-          React.createElement('code', null, state.root || '读取中…'),
-          state.maxFileBytes
-            ? React.createElement('small', null, `单文件上限 ${sizeText(state.maxFileBytes)}`)
-            : null,
-          state.totalMaxBytes
-            ? React.createElement('small', null, `已使用 ${sizeText(state.usedBytes)} / ${sizeText(state.totalMaxBytes)}`)
-            : null,
-        ),
-        state.error ? React.createElement('div', { className: 'dsh-upload-error' }, state.error) : null,
-        !state.loading && state.files.length === 0
-          ? React.createElement('div', { className: 'dsh-upload-empty' }, '当前没有已上传文件。')
-          : null,
-        !state.loading && (dayFilter !== '' || search !== '') && shownFiles.length === 0 && state.files.length > 0
-          ? React.createElement('div', { className: 'dsh-upload-empty' }, '没有匹配的文件。')
-          : null,
-        preview
-          ? React.createElement(
-              'div',
-              { className: 'dsh-upload-preview-overlay' + (previewMaximized ? ' dsh-upload-preview-overlay-max' : ''), onClick: closePreview },
-              React.createElement(
-                'div',
-                { className: 'dsh-upload-preview-card' + (previewMaximized ? ' dsh-upload-preview-card-max' : ''), onClick: (event) => event.stopPropagation() },
-                React.createElement(
-                  'div',
-                  { className: 'dsh-upload-preview-head' },
-                  React.createElement('strong', null, preview.name),
-                  React.createElement(
-                    'div',
-                    { className: 'dsh-upload-preview-actions', style: { display: 'flex', gap: 8, alignItems: 'center' } },
-                    !preview.officeLoading && !(preview.url && preview.url.startsWith('blob:')) && preview.name !== void 0
-                      ? React.createElement('a', { href: preview.officeHtml !== void 0 ? downloadUrl(preview.name) : previewUrl(preview.name), target: '_blank', rel: 'noopener noreferrer', className: 'dsh-upload-preview-open' }, '打开')
-                      : null,
-                    !preview.officeLoading && !(preview.url && preview.url.startsWith('blob:')) && preview.name !== void 0
-                      ? React.createElement('a', { href: downloadUrl(preview.name), download: preview.name, className: 'dsh-upload-preview-open' }, '下载')
-                      : null,
-                    React.createElement('button', { type: 'button', onClick: () => { const m = !previewMaximized; setPreviewMaximized(m); try { const el = document.querySelector('.dsh-upload-preview-card'); if (m && el && el.requestFullscreen) el.requestFullscreen(); else if (document.fullscreenElement) document.exitFullscreen() } catch (e) {} } }, previewMaximized ? '还原' : '放大'),
-                    React.createElement('button', { type: 'button', className: 'dsh-upload-preview-del', disabled: deleting === preview.name, onClick: () => remove(preview.name) }, deleting === preview.name ? '删除中…' : '删除'),
-                    React.createElement('button', { type: 'button', onClick: closePreview }, '关闭'),
-                  ),
-                ),
-                preview.url && preview.url.startsWith('blob:')
-                  ? React.createElement('img', { src: preview.url, alt: preview.name, className: 'dsh-upload-preview-img' })
-                  : React.createElement(
-                      'div',
-                      { style: { display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0, background: '#fff' } },
-                      preview.officeLoading === true
-                        ? React.createElement('div', { className: 'dsh-upload-preview-loading' }, '转换中…')
-                        : preview.officeHtml !== void 0
-                          ? React.createElement('iframe', { title: preview.name, srcDoc: preview.officeHtml, style: previewMaximized ? { width: '100%', height: 'calc(100vh - 60px)', border: 'none', background: '#fff', flex: 1 } : { width: '100%', height: '70vh', border: 'none', background: '#fff' } })
-                          : preview.url && /\.pdf$/i.test(preview.name)
-                            ? React.createElement('embed', { src: preview.url, type: 'application/pdf', title: preview.name, style: previewMaximized ? { width: '100%', height: 'calc(100vh - 60px)', border: 'none', background: '#fff', flex: 1 } : { width: '100%', height: '70vh', border: 'none', background: '#fff' } })
-                            : React.createElement('iframe', { title: preview.name, src: preview.url, style: previewMaximized ? { width: '100%', height: 'calc(100vh - 60px)', border: 'none', background: '#fff', flex: 1 } : { width: '100%', height: '70vh', border: 'none', background: '#fff' } }),
-                    ),
-              ),
-            )
-          : null,
-        React.createElement(
-          'div',
-          { className: 'dsh-upload-list' },
-          (dateGroups === null ? [{ day: null, files: shownFiles }] : dateGroups).map((group) => React.createElement(
-            'div',
-            { key: group.day ?? '__all__', className: 'dsh-upload-group' },
-            group.day !== null
-              ? React.createElement(
-                  'div',
-                  { className: 'dsh-upload-group-day' },
-                  group.day,
-                  React.createElement('span', null, `${group.files.length} 个文件`),
-                )
-              : null,
-            group.files.map((file) => React.createElement(
-              'div',
-              { className: 'dsh-upload-row', key: file.name },
-              deleteEnabled && React.createElement('input', { type: 'checkbox', className: 'dsh-upload-select', checked: (selected || new Set()).has(file.name), onChange: (e) => { const s = new Set(selected || []); if (e.target.checked) s.add(file.name); else s.delete(file.name); setSelected(s) } }),
-              React.createElement(
-                'span',
-                { className: 'dsh-upload-file-name', title: file.path },
-                React.createElement('span', { className: 'dsh-upload-file-label' }, file.name.replace(/\.[^.]+$/, '')),
-                React.createElement('span', { className: 'dsh-upload-file-type' }, fileTypeLabel(file.name)),
-              ),
-              React.createElement('span', { className: 'dsh-upload-file-meta' }, `${sizeText(file.size)} · ${dateText(file.modifiedAt)}`),
-              React.createElement(
-                'div',
-                { className: 'dsh-upload-actions' },
-                React.createElement(
-                  'button',
-                  { type: 'button', className: 'dsh-upload-copy', onClick: () => {
-                    const s = String(file.path || file.name)
-                    const base = state.root ? String(state.root).replace(/\/[^/]*$/, '') : ''
-                    copyText(base && s.indexOf(base) === 0 ? s.slice(base.length).replace(/^\/+/, '') : s)
-                  } },
-                  '复制路径',
-                ),
-                React.createElement(
-                  'button',
-                  { type: 'button', disabled: !deleteEnabled || deleting === file.name, onClick: () => remove(file.name) },
-                  deleting === file.name ? '删除中…' : '删除',
-                ),
-                React.createElement('a', { href: downloadUrl(file.name), download: file.name }, '下载'),
-                React.createElement('button', { type: 'button', className: 'dsh-upload-preview', onClick: () => previewFile(file.name) }, '预览'),
-              ),
-            )),
-          )),
+    function SearchPopup({ value, onChange, placeholder }) {
+      const [open, setOpen] = React.useState(false)
+      const ref = React.useRef(null)
+      React.useEffect(() => { if (open && ref.current) { try { ref.current.focus() } catch (e) {} } }, [open])
+      const toggle = () => setOpen((o) => !o)
+      return React.createElement('div', { className: 'dsh-searchpop' },
+        React.createElement('button', {
+          type: 'button', className: 'dsh-searchpop-btn',
+          onClick: toggle,
+          title: '搜索文件名', 'aria-label': '搜索文件名',
+        }, '🔍'),
+        open && React.createElement('div', { className: 'dsh-searchpop-box' },
+          React.createElement('input', {
+            ref, type: 'text', className: 'dsh-searchpop-input', value,
+            onChange: (e) => onChange(e.target.value), placeholder: placeholder || '搜索文件名…', autoFocus: true,
+          }),
+          value !== '' && React.createElement('button', {
+            type: 'button', className: 'dsh-searchpop-clear', title: '清除', 'aria-label': '清除搜索',
+            onMouseDown: (e) => { e.preventDefault(); e.stopPropagation() },
+            onClick: (e) => { e.preventDefault(); e.stopPropagation(); onChange(''); setOpen(false); },
+          }, '✕'),
         ),
       )
     }
@@ -1325,171 +517,426 @@ window.__ModuleLoader__.load({
         let err = null
         for (const path of paths) {
           try {
-            const res = await fetch('/api/dsh-uploads/workspace-file/delete', {
-              method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ path }),
-            })
-            const data = await res.json().catch(() => ({}))
-            if (!(data.ok === true)) err = err || (data.error || `HTTP ${res.status}`)
-          } catch (e) { err = err || String((e && e.message) || e) }
+            const res = await fetch('/api/dsh-uploads/workspace-file/delete', {
+              method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ path }),
+            })
+            const data = await res.json().catch(() => ({}))
+            if (!(data.ok === true)) err = err || (data.error || `HTTP ${res.status}`)
+          } catch (e) { err = err || String((e && e.message) || e) }
+        }
+        setError(err)
+        setBatchBusy(false)
+        setSelected(new Set())
+        load()
+      }
+
+      return React.createElement(
+        'div',
+        { style: { display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 } },
+        React.createElement('div', { style: { fontSize: 13, color: 'var(--dsw-alias-label-tertiary)' } }, '工作区输出文件（按文件夹分类，预览 / 下载 / 删除）'),
+        React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap', minWidth: 0 } },
+          React.createElement(SearchPopup, { value: search, onChange: setSearch, placeholder: '搜索文件名…' }),
+          React.createElement(DateFilter, { value: dayFilter, onChange: setDayFilter, placeholder: '选择日期' }),
+          React.createElement('label', { className: 'dsh-upload-del-toggle' },
+            React.createElement('input', { type: 'checkbox', checked: deleteEnabled, onChange: (e) => { setDeleteEnabled(e.target.checked); if (!e.target.checked) setSelected(new Set()) } }),
+            '开启删除',
+          ),
+          deleteEnabled && React.createElement('label', { className: 'dsh-upload-del-toggle' },
+            React.createElement('input', { type: 'checkbox', checked: (shownGroups || []).reduce((n, g) => n + g.files.length, 0) > 0 && (selected || new Set()).size === (shownGroups || []).reduce((n, g) => n + g.files.length, 0), onChange: (e) => { setSelected(e.target.checked ? new Set((shownGroups || []).flatMap((g) => g.files.map((f) => f.path))) : new Set()) } }),
+            '全选',
+          ),
+          React.createElement('button', { type: 'button', className: 'dsh-upload-batchdel', disabled: !deleteEnabled || (selected || new Set()).size === 0 || batchBusy, onClick: batchDelete },
+            batchBusy ? '删除中…' : `批量删除(${(selected || new Set()).size})`,
+          ),
+        ),
+        error !== null && React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-state-error-primary)' } }, error),
+        groups === null && error === null && React.createElement('div', { style: metaStyle }, '加载中…'),
+        groups !== null && groups.length === 0 && React.createElement('div', { style: metaStyle }, '目录为空'),
+        (dayFilter || search) && groups !== null && groups.length > 0 && shownGroups !== null && shownGroups.length === 0 && React.createElement('div', { style: metaStyle }, '没有匹配的文件'),
+        shownGroups !== null && shownGroups.map((group) => React.createElement(
+          'div',
+          { key: group.folder, style: { display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 } },
+          React.createElement(
+            'button',
+            {
+              type: 'button',
+              className: 'dsh-ws-folder',
+              style: folderBtnStyle,
+              'aria-expanded': !collapsed[group.folder],
+              onClick: () => toggleFolder(group.folder),
+            },
+            `${collapsed[group.folder] ? '▸' : '▾'} ${group.folder} (${group.files.length})`,
+          ),
+          !collapsed[group.folder] && group.files.map((f) => React.createElement(
+            'div',
+            { key: f.path, className: 'dsh-ws-row', style: rowStyle },
+            deleteEnabled && React.createElement('input', { type: 'checkbox', className: 'dsh-upload-select', checked: (selected || new Set()).has(f.path), onChange: (e) => { const s = new Set(selected || []); if (e.target.checked) s.add(f.path); else s.delete(f.path); setSelected(s) } }),
+            React.createElement(
+              'span',
+              { className: 'dsh-ws-name', style: { ...nameStyle, display: 'flex', alignItems: 'center', gap: 6 }, title: f.path },
+              React.createElement('span', { className: 'dsh-ws-file-label', style: { flex: 1, minWidth: 0, whiteSpace: 'normal', wordBreak: 'break-all', overflowWrap: 'anywhere' } }, basenameWithoutExt(f.path)),
+              React.createElement('span', { className: 'dsh-ws-file-type', style: { flex: 'none' } }, fileTypeLabel(f.path)),
+            ),
+            React.createElement('span', { className: 'dsh-ws-meta', style: metaStyle }, `${sizeText(f.size)} · ${dateText(f.mtime)}`),
+            React.createElement(
+              'div',
+              { className: 'dsh-ws-actions', style: { display: 'flex', gap: 6, flex: 'none' } },
+              React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => copyText(f.path) }, '复制路径'),
+              React.createElement('button', { type: 'button', className: 'dsh-ws-del', style: delStyle, disabled: !deleteEnabled || busy, onClick: () => doDelete(f.path) }, '删除'),
+              React.createElement('a', { href: '/api/dsh-uploads/workspace-file?path=' + encodeURIComponent(f.path) + '&download=1', download: f.name, style: btnStyle }, '下载'),
+              React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => openPreview(f.path) }, '预览'),
+            ),
+          )),
+        )),
+        preview !== null && React.createElement(
+          'div',
+          { className: 'dsh-ws-preview-overlay', style: overlayStyle, onClick: () => setPreview(null) },
+          React.createElement(
+            'div',
+            { className: 'dsh-ws-preview-card', style: previewCardStyle, onClick: (e) => e.stopPropagation() },
+            React.createElement(
+              'div',
+              { className: 'dsh-ws-preview-head', style: previewHeadStyle },
+              React.createElement('strong', { style: { flex: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: 13 } }, `${preview.name ?? preview.path}`),
+              preview.binary !== true && preview.loading !== true && React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => { if (editing) { setEdited(preview.content !== void 0 ? preview.content : ''); setEditing(false); } else { setEdited(preview.content !== void 0 ? preview.content : ''); setEditing(true); } } }, editing ? '取消编辑' : '编辑'),
+              editing && React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: doSave }, savedFlash ? '已保存' : '保存'),
+              React.createElement('button', { type: 'button', style: btnStyle, onClick: copyContent }, copied ? '已复制' : '复制全部'),
+              (preview.url !== void 0 || preview.officeHtml !== void 0 || preview.mdHtml !== void 0) && preview.loading !== true && React.createElement('a', { href: '/api/dsh-uploads/workspace-file?path=' + encodeURIComponent(preview.path) + '&download=1', download: preview.name, style: { ...btnStyle, color: 'var(--dsw-alias-state-business-primary)' } }, '下载'),
+              (preview.url !== void 0 || preview.officeHtml !== void 0 || preview.mdHtml !== void 0) && preview.loading !== true && React.createElement('a', { href: preview.url !== void 0 ? preview.url : '/api/dsh-uploads/workspace-preview?path=' + encodeURIComponent(preview.path), target: '_blank', rel: 'noopener noreferrer', style: { ...btnStyle, color: 'var(--dsw-alias-state-business-primary)' } }, '打开'),
+              React.createElement('button', { type: 'button', style: delStyle, disabled: busy, onClick: () => doDelete(preview.path) }, '删除'),
+              React.createElement('button', { type: 'button', style: btnStyle, onClick: () => { const m = !maximized; setMaximized(m); try { const el = document.querySelector('.dsh-ws-preview-card'); if (m && el && el.requestFullscreen) el.requestFullscreen(); else if (document.fullscreenElement) document.exitFullscreen() } catch (e) {} } }, maximized ? '还原' : '放大'),
+              React.createElement('button', { type: 'button', style: btnStyle, onClick: () => setPreview(null) }, '关闭'),
+            ),
+            React.createElement(
+              'div',
+              { style: { display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0, overflow: 'auto' } },
+              preview.loading === true && React.createElement('div', { style: { ...metaStyle, padding: 10 } }, '加载中…'),
+              preview.error !== void 0 && preview.loading !== true && React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-state-error-primary)', padding: 10 } }, preview.error),
+              preview.officeLoading === true && preview.loading !== true && React.createElement('div', { style: { ...metaStyle, padding: 10 } }, '转换中…'),
+              preview.url !== void 0 && preview.loading !== true && (preview.name && /\.pdf$/i.test(preview.name)
+                ? React.createElement('embed', { src: preview.url, type: 'application/pdf', title: preview.name ?? preview.path, style: { width: '100%', height: '70vh', minHeight: 0, border: 'none', background: '#fff', flex: 1 } })
+                : React.createElement('iframe', { title: preview.name ?? preview.path, src: preview.url, style: { width: '100%', height: '70vh', minHeight: 0, border: 'none', background: '#fff', flex: 1 } })),
+              preview.binary === true && preview.officeHtml === void 0 && preview.url === void 0 && React.createElement('div', { style: { ...metaStyle, padding: 10 } }, '二进制文件，无法预览，请下载后查看'),
+              preview.officeHtml !== void 0 && React.createElement('iframe', { title: preview.name ?? preview.path, srcDoc: preview.officeHtml, style: { width: '100%', flex: 1, minHeight: 0, border: 'none', background: '#fff' } }),
+              preview.mdHtml !== void 0 && editing !== true && React.createElement('iframe', { title: preview.name ?? preview.path, srcDoc: preview.mdHtml, style: { width: '100%', flex: 1, minHeight: 0, border: 'none', background: '#fff' } }),
+              editing && preview.binary !== true && React.createElement('textarea', { style: textareaStyle, value: edited, onChange: (e) => setEdited(e.target.value), spellCheck: false }),
+              !editing && preview.binary !== true && preview.content !== void 0 && preview.mdHtml === void 0 && React.createElement('pre', { style: preStyle }, preview.content),
+              preview.truncated === true && React.createElement('div', { style: { ...metaStyle, padding: '4px 12px 10px' } }, '（内容过大，仅显示前 256KB）'),
+            ),
+          ),
+        ),
+      )
+    }
+
+    function UploadSettingsSection() {
+      const [state, setState] = React.useState({
+        loading: true,
+        root: '',
+        maxFileBytes: 0,
+        totalMaxBytes: 0,
+        usedBytes: 0,
+        files: [],
+        error: '',
+      })
+      const [deleting, setDeleting] = React.useState('')
+      const [batchBusy, setBatchBusy] = React.useState(false)
+      const [selected, setSelected] = React.useState(() => new Set())
+      const [preview, setPreview] = React.useState(null)
+      const [previewMaximized, setPreviewMaximized] = React.useState(false)
+      const [dayFilter, setDayFilter] = React.useState('')
+      const [search, setSearch] = React.useState('')
+      const [deleteEnabled, setDeleteEnabled] = React.useState(false)
+
+      async function refresh() {
+        setState((current) => ({ ...current, loading: true, error: '' }))
+        try {
+          const response = await fetch(API_PATH, { cache: 'no-store' })
+          const body = await responseJson(response)
+          setState({
+            loading: false,
+            root: body.root,
+            maxFileBytes: body.maxFileBytes,
+            totalMaxBytes: body.totalMaxBytes,
+            usedBytes: body.usedBytes,
+            files: body.files,
+            error: '',
+          })
+        } catch (error) {
+          setState((current) => ({ ...current, loading: false, error: errorMessage(error) }))
+        }
+      }
+
+      React.useEffect(() => {
+        refresh()
+      }, [])
+
+      async function remove(name) {
+        if (!globalThis.confirm(`确定删除“${name}”吗？此操作不可恢复。`)) return
+        setDeleting(name)
+        try {
+          const response = await fetch(`${API_PATH}?name=${encodeURIComponent(name)}`, { method: 'DELETE' })
+          await responseJson(response)
+          if (preview !== null && preview.name === name) closePreview()
+          await refresh()
+        } catch (error) {
+          setState((current) => ({ ...current, error: errorMessage(error) }))
+        } finally {
+          setDeleting('')
+        }
+      }
+
+      async function batchDelete() {
+        const names = Array.from(selected || [])
+        if (names.length === 0) return
+        if (!globalThis.confirm(`确定删除所选 ${names.length} 个文件吗？此操作不可恢复。`)) return
+        setBatchBusy(true)
+        let err = ''
+        for (const name of names) {
+          try {
+            const response = await fetch(`${API_PATH}?name=${encodeURIComponent(name)}`, { method: 'DELETE' })
+            if (!response.ok) { const b = await response.json().catch(() => ({})); err = err || (b.error || `HTTP ${response.status}`) }
+          } catch (e) { err = err || errorMessage(e) }
+        }
+        setState((current) => ({ ...current, error: err }))
+        setBatchBusy(false)
+        setSelected(new Set())
+        await refresh()
+      }
+
+      async function previewFile(name) {
+        setPreviewMaximized(false)
+        try {
+          const isOffice = /\.(docx|xlsx|pptx)$/i.test(name)
+          if (isOffice) {
+            // 先打开弹窗并提示转换中（NAS 上 docx/xlsx 转换可能耗时 1~2 秒）
+            setPreview({ name, officeLoading: true })
+            const response = await fetch(previewUrl(name), { cache: 'no-store' })
+            if (!response.ok) {
+              const body = await response.json().catch(() => ({}))
+              throw new Error(body.error || `HTTP ${response.status}`)
+            }
+            const data = await response.json().catch(() => ({}))
+            setPreview({
+              name,
+              officeHtml: data.officeHtml ?? '<p style="font-family:sans-serif;padding:12px">（无法渲染此文档）</p>',
+            })
+            return
+          }
+          // 无法内嵌预览的类型（压缩包、程序、视频、字体等）：点预览直接下载。
+          if (!isInlinePreviewable(name)) {
+            triggerDownload(downloadUrl(name), name)
+            return
+          }
+          const response = await fetch(previewUrl(name), { cache: 'no-store' })
+          if (!response.ok) {
+            const body = await response.json().catch(() => ({}))
+            throw new Error(body.error || `HTTP ${response.status}`)
+          }
+          const type = response.headers.get('content-type') || ''
+          if (type.startsWith('image/')) {
+            const blob = await response.blob()
+            const url = URL.createObjectURL(blob)
+            setPreview({ url, name })
+            return
+          }
+          // PDF / txt / 其它可内嵌文件：弹窗内嵌预览（iframe 指向预览端点），
+          // 只有用户点「打开」才在新浏览器标签中打开。
+          setPreview({ url: previewUrl(name), name })
+        } catch (error) {
+          setState((current) => ({ ...current, error: errorMessage(error) }))
+        }
+      }
+
+      function closePreview() {
+        if (preview?.url) URL.revokeObjectURL(preview.url)
+        setPreview(null)
+      }
+
+      /** Group files by calendar day of their modifiedAt (YYYY-MM-DD, desc). */
+      function groupFilesByDate(files) {
+        const groups = []
+        const byDay = new Map()
+        for (const file of files) {
+          let day = ''
+          try {
+            day = localDay(file.modifiedAt)
+          } catch {
+            day = '未知日期'
+          }
+          if (!byDay.has(day)) byDay.set(day, [])
+          byDay.get(day).push(file)
         }
-        setError(err)
-        setBatchBusy(false)
-        setSelected(new Set())
-        load()
+        const days = [...byDay.keys()].sort((a, b) => b.localeCompare(a))
+        for (const day of days) groups.push({ day, files: byDay.get(day) })
+        return groups
       }
+      // 日期筛选 + 文件名搜索：先按所选天/关键词过滤 state.files，再始终按天分组（空=全部）。
+      const shownFiles = (dayFilter || search)
+        ? state.files.filter((f) => (dayFilter ? (() => { try { return localDay(f.modifiedAt) === dayFilter } catch { return false } })() : true) && matchesSearch(f, search))
+        : state.files
+      const dateGroups = groupFilesByDate(shownFiles)
 
       return React.createElement(
-        'div',
-        { style: { display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 } },
-        React.createElement('div', { style: { fontSize: 13, color: 'var(--dsw-alias-label-tertiary)' } }, '工作区输出文件（按文件夹分类，预览 / 下载 / 删除）'),
-        React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap', minWidth: 0 } },
-          React.createElement(SearchPopup, { value: search, onChange: setSearch, placeholder: '搜索文件名…' }),
-          React.createElement(DateFilter, { value: dayFilter, onChange: setDayFilter, placeholder: '选择日期' }),
-          React.createElement('label', { className: 'dsh-upload-del-toggle' },
-            React.createElement('input', { type: 'checkbox', checked: deleteEnabled, onChange: (e) => { setDeleteEnabled(e.target.checked); if (!e.target.checked) setSelected(new Set()) } }),
-            '开启删除',
-          ),
-          deleteEnabled && React.createElement('label', { className: 'dsh-upload-del-toggle' },
-            React.createElement('input', { type: 'checkbox', checked: (shownGroups || []).reduce((n, g) => n + g.files.length, 0) > 0 && (selected || new Set()).size === (shownGroups || []).reduce((n, g) => n + g.files.length, 0), onChange: (e) => { setSelected(e.target.checked ? new Set((shownGroups || []).flatMap((g) => g.files.map((f) => f.path))) : new Set()) } }),
-            '全选',
-          ),
-          React.createElement('button', { type: 'button', className: 'dsh-upload-batchdel', disabled: !deleteEnabled || (selected || new Set()).size === 0 || batchBusy, onClick: batchDelete },
-            batchBusy ? '删除中…' : `批量删除(${(selected || new Set()).size})`,
-          ),
-        ),
-        error !== null && React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-state-error-primary)' } }, error),
-        groups === null && error === null && React.createElement('div', { style: metaStyle }, '加载中…'),
-        groups !== null && groups.length === 0 && React.createElement('div', { style: metaStyle }, '目录为空'),
-        (dayFilter || search) && groups !== null && groups.length > 0 && shownGroups !== null && shownGroups.length === 0 && React.createElement('div', { style: metaStyle }, '没有匹配的文件'),
-        shownGroups !== null && shownGroups.map((group) => React.createElement(
+        'section',
+        { className: 'dsh-upload-settings' },
+        React.createElement(
           'div',
-          { key: group.folder, style: { display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 } },
+          { className: 'dsh-upload-settings-head' },
           React.createElement(
-            'button',
-            {
-              type: 'button',
-              className: 'dsh-ws-folder',
-              style: folderBtnStyle,
-              'aria-expanded': !collapsed[group.folder],
-              onClick: () => toggleFolder(group.folder),
-            },
-            `${collapsed[group.folder] ? '▸' : '▾'} ${group.folder} (${group.files.length})`,
+            'div',
+            null,
+            React.createElement('h2', null, '上传文件'),
+            React.createElement('p', null, '管理从输入框上传到 Harness 容器中的文件。'),
           ),
-          !collapsed[group.folder] && group.files.map((f) => React.createElement(
+          React.createElement(
             'div',
-            { key: f.path, className: 'dsh-ws-row', style: rowStyle },
-            deleteEnabled && React.createElement('input', { type: 'checkbox', className: 'dsh-upload-select', checked: (selected || new Set()).has(f.path), onChange: (e) => { const s = new Set(selected || []); if (e.target.checked) s.add(f.path); else s.delete(f.path); setSelected(s) } }),
+            { className: 'dsh-upload-head-actions' },
+            React.createElement(SearchPopup, { value: search, onChange: setSearch, placeholder: '搜索文件名…' }),
+            React.createElement(DateFilter, { value: dayFilter, onChange: setDayFilter, placeholder: '选择日期' }),
             React.createElement(
-              'span',
-              { className: 'dsh-ws-name', style: { ...nameStyle, display: 'flex', alignItems: 'center', gap: 6 }, title: f.path },
-              React.createElement('span', { className: 'dsh-ws-file-label', style: { flex: 1, minWidth: 0, whiteSpace: 'normal', wordBreak: 'break-all', overflowWrap: 'anywhere' } }, basenameWithoutExt(f.path)),
-              React.createElement('span', { className: 'dsh-ws-file-type', style: { flex: 'none' } }, fileTypeLabel(f.path)),
+              'button',
+              { type: 'button', className: 'dsh-upload-refresh', disabled: state.loading, onClick: refresh },
+              state.loading ? '刷新中…' : '刷新',
             ),
-            React.createElement('span', { className: 'dsh-ws-meta', style: metaStyle }, `${sizeText(f.size)} · ${dateText(f.mtime)}`),
             React.createElement(
-              'div',
-              { className: 'dsh-ws-actions', style: { display: 'flex', gap: 6, flex: 'none' } },
-              React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => copyText(f.path) }, '复制路径'),
-              React.createElement('button', { type: 'button', className: 'dsh-ws-del', style: delStyle, disabled: !deleteEnabled || busy, onClick: () => doDelete(f.path) }, '删除'),
-              React.createElement('a', { href: '/api/dsh-uploads/workspace-file?path=' + encodeURIComponent(f.path) + '&download=1', download: f.name, style: btnStyle }, '下载'),
-              React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => openPreview(f.path) }, '预览'),
+              'label',
+              { className: 'dsh-upload-del-toggle' },
+              React.createElement('input', { type: 'checkbox', checked: deleteEnabled, onChange: (e) => { setDeleteEnabled(e.target.checked); if (!e.target.checked) setSelected(new Set()) } }),
+              '开启删除',
             ),
-          )),
-        )),
-        preview !== null && React.createElement(
-          'div',
-          { className: 'dsh-ws-preview-overlay', style: overlayStyle, onClick: () => setPreview(null) },
-          React.createElement(
-            'div',
-            { className: 'dsh-ws-preview-card', style: previewCardStyle, onClick: (e) => e.stopPropagation() },
-            React.createElement(
-              'div',
-              { className: 'dsh-ws-preview-head', style: previewHeadStyle },
-              React.createElement('strong', { style: { flex: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: 13 } }, `${preview.name ?? preview.path}`),
-              preview.binary !== true && preview.loading !== true && React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => { if (editing) { setEdited(preview.content !== void 0 ? preview.content : ''); setEditing(false); } else { setEdited(preview.content !== void 0 ? preview.content : ''); setEditing(true); } } }, editing ? '取消编辑' : '编辑'),
-              editing && React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: doSave }, savedFlash ? '已保存' : '保存'),
-              React.createElement('button', { type: 'button', style: btnStyle, onClick: copyContent }, copied ? '已复制' : '复制全部'),
-              (preview.url !== void 0 || preview.officeHtml !== void 0 || preview.mdHtml !== void 0) && preview.loading !== true && React.createElement('a', { href: '/api/dsh-uploads/workspace-file?path=' + encodeURIComponent(preview.path) + '&download=1', download: preview.name, style: { ...btnStyle, color: 'var(--dsw-alias-state-business-primary)' } }, '下载'),
-              (preview.url !== void 0 || preview.officeHtml !== void 0 || preview.mdHtml !== void 0) && preview.loading !== true && React.createElement('a', { href: preview.url !== void 0 ? preview.url : '/api/dsh-uploads/workspace-preview?path=' + encodeURIComponent(preview.path), target: '_blank', rel: 'noopener noreferrer', style: { ...btnStyle, color: 'var(--dsw-alias-state-business-primary)' } }, '打开'),
-              React.createElement('button', { type: 'button', style: delStyle, disabled: busy, onClick: () => doDelete(preview.path) }, '删除'),
-              React.createElement('button', { type: 'button', style: btnStyle, onClick: () => { const m = !maximized; setMaximized(m); try { const el = document.querySelector('.dsh-ws-preview-card'); if (m && el && el.requestFullscreen) el.requestFullscreen(); else if (document.fullscreenElement) document.exitFullscreen() } catch (e) {} } }, maximized ? '还原' : '放大'),
-              React.createElement('button', { type: 'button', style: btnStyle, onClick: () => setPreview(null) }, '关闭'),
+            deleteEnabled && React.createElement('label',
+              { className: 'dsh-upload-del-toggle' },
+              React.createElement('input', { type: 'checkbox', checked: (state.files || []).length > 0 && (selected || new Set()).size === (state.files || []).length, onChange: (e) => { setSelected(e.target.checked ? new Set((state.files || []).map((f) => f.name)) : new Set()) } }),
+              '全选',
             ),
             React.createElement(
-              'div',
-              { style: { display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0, overflow: 'auto' } },
-              preview.loading === true && React.createElement('div', { style: { ...metaStyle, padding: 10 } }, '加载中…'),
-              preview.error !== void 0 && preview.loading !== true && React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-state-error-primary)', padding: 10 } }, preview.error),
-              preview.officeLoading === true && preview.loading !== true && React.createElement('div', { style: { ...metaStyle, padding: 10 } }, '转换中…'),
-              preview.url !== void 0 && preview.loading !== true && (preview.name && /\.pdf$/i.test(preview.name)
-                ? React.createElement('embed', { src: preview.url, type: 'application/pdf', title: preview.name ?? preview.path, style: { width: '100%', height: '70vh', minHeight: 0, border: 'none', background: '#fff', flex: 1 } })
-                : React.createElement('iframe', { title: preview.name ?? preview.path, src: preview.url, style: { width: '100%', height: '70vh', minHeight: 0, border: 'none', background: '#fff', flex: 1 } })),
-              preview.binary === true && preview.officeHtml === void 0 && preview.url === void 0 && React.createElement('div', { style: { ...metaStyle, padding: 10 } }, '二进制文件，无法预览，请下载后查看'),
-              preview.officeHtml !== void 0 && React.createElement('iframe', { title: preview.name ?? preview.path, srcDoc: preview.officeHtml, style: { width: '100%', flex: 1, minHeight: 0, border: 'none', background: '#fff' } }),
-              preview.mdHtml !== void 0 && editing !== true && React.createElement('iframe', { title: preview.name ?? preview.path, srcDoc: preview.mdHtml, style: { width: '100%', flex: 1, minHeight: 0, border: 'none', background: '#fff' } }),
-              editing && preview.binary !== true && React.createElement('textarea', { style: textareaStyle, value: edited, onChange: (e) => setEdited(e.target.value), spellCheck: false }),
-              !editing && preview.binary !== true && preview.content !== void 0 && preview.mdHtml === void 0 && React.createElement('pre', { style: preStyle }, preview.content),
-              preview.truncated === true && React.createElement('div', { style: { ...metaStyle, padding: '4px 12px 10px' } }, '（内容过大，仅显示前 256KB）'),
+              'button',
+              { type: 'button', className: 'dsh-upload-batchdel', disabled: !deleteEnabled || (selected || new Set()).size === 0 || batchBusy, onClick: batchDelete },
+              batchBusy ? '删除中…' : `批量删除(${(selected || new Set()).size})`,
             ),
           ),
         ),
+        React.createElement(
+          'div',
+          { className: 'dsh-upload-root' },
+          React.createElement('span', null, '固定目录'),
+          React.createElement('code', null, state.root || '读取中…'),
+          state.maxFileBytes
+            ? React.createElement('small', null, `单文件上限 ${sizeText(state.maxFileBytes)}`)
+            : null,
+          state.totalMaxBytes
+            ? React.createElement('small', null, `已使用 ${sizeText(state.usedBytes)} / ${sizeText(state.totalMaxBytes)}`)
+            : null,
+        ),
+        state.error ? React.createElement('div', { className: 'dsh-upload-error' }, state.error) : null,
+        !state.loading && state.files.length === 0
+          ? React.createElement('div', { className: 'dsh-upload-empty' }, '当前没有已上传文件。')
+          : null,
+        !state.loading && (dayFilter !== '' || search !== '') && shownFiles.length === 0 && state.files.length > 0
+          ? React.createElement('div', { className: 'dsh-upload-empty' }, '没有匹配的文件。')
+          : null,
+        preview
+          ? React.createElement(
+              'div',
+              { className: 'dsh-upload-preview-overlay' + (previewMaximized ? ' dsh-upload-preview-overlay-max' : ''), onClick: closePreview },
+              React.createElement(
+                'div',
+                { className: 'dsh-upload-preview-card' + (previewMaximized ? ' dsh-upload-preview-card-max' : ''), onClick: (event) => event.stopPropagation() },
+                React.createElement(
+                  'div',
+                  { className: 'dsh-upload-preview-head' },
+                  React.createElement('strong', null, preview.name),
+                  React.createElement(
+                    'div',
+                    { className: 'dsh-upload-preview-actions', style: { display: 'flex', gap: 8, alignItems: 'center' } },
+                    !preview.officeLoading && !(preview.url && preview.url.startsWith('blob:')) && preview.name !== void 0
+                      ? React.createElement('a', { href: preview.officeHtml !== void 0 ? downloadUrl(preview.name) : previewUrl(preview.name), target: '_blank', rel: 'noopener noreferrer', className: 'dsh-upload-preview-open' }, '打开')
+                      : null,
+                    !preview.officeLoading && !(preview.url && preview.url.startsWith('blob:')) && preview.name !== void 0
+                      ? React.createElement('a', { href: downloadUrl(preview.name), download: preview.name, className: 'dsh-upload-preview-open' }, '下载')
+                      : null,
+                    React.createElement('button', { type: 'button', onClick: () => { const m = !previewMaximized; setPreviewMaximized(m); try { const el = document.querySelector('.dsh-upload-preview-card'); if (m && el && el.requestFullscreen) el.requestFullscreen(); else if (document.fullscreenElement) document.exitFullscreen() } catch (e) {} } }, previewMaximized ? '还原' : '放大'),
+                    React.createElement('button', { type: 'button', className: 'dsh-upload-preview-del', disabled: deleting === preview.name, onClick: () => remove(preview.name) }, deleting === preview.name ? '删除中…' : '删除'),
+                    React.createElement('button', { type: 'button', onClick: closePreview }, '关闭'),
+                  ),
+                ),
+                preview.url && preview.url.startsWith('blob:')
+                  ? React.createElement('img', { src: preview.url, alt: preview.name, className: 'dsh-upload-preview-img' })
+                  : React.createElement(
+                      'div',
+                      { style: { display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0, background: '#fff' } },
+                      preview.officeLoading === true
+                        ? React.createElement('div', { className: 'dsh-upload-preview-loading' }, '转换中…')
+                        : preview.officeHtml !== void 0
+                          ? React.createElement('iframe', { title: preview.name, srcDoc: preview.officeHtml, style: previewMaximized ? { width: '100%', height: 'calc(100vh - 60px)', border: 'none', background: '#fff', flex: 1 } : { width: '100%', height: '70vh', border: 'none', background: '#fff' } })
+                          : preview.url && /\.pdf$/i.test(preview.name)
+                            ? React.createElement('embed', { src: preview.url, type: 'application/pdf', title: preview.name, style: previewMaximized ? { width: '100%', height: 'calc(100vh - 60px)', border: 'none', background: '#fff', flex: 1 } : { width: '100%', height: '70vh', border: 'none', background: '#fff' } })
+                            : React.createElement('iframe', { title: preview.name, src: preview.url, style: previewMaximized ? { width: '100%', height: 'calc(100vh - 60px)', border: 'none', background: '#fff', flex: 1 } : { width: '100%', height: '70vh', border: 'none', background: '#fff' } }),
+                    ),
+              ),
+            )
+          : null,
+        React.createElement(
+          'div',
+          { className: 'dsh-upload-list' },
+          (dateGroups === null ? [{ day: null, files: shownFiles }] : dateGroups).map((group) => React.createElement(
+            'div',
+            { key: group.day ?? '__all__', className: 'dsh-upload-group' },
+            group.day !== null
+              ? React.createElement(
+                  'div',
+                  { className: 'dsh-upload-group-day' },
+                  group.day,
+                  React.createElement('span', null, `${group.files.length} 个文件`),
+                )
+              : null,
+            group.files.map((file) => React.createElement(
+              'div',
+              { className: 'dsh-upload-row', key: file.name },
+              deleteEnabled && React.createElement('input', { type: 'checkbox', className: 'dsh-upload-select', checked: (selected || new Set()).has(file.name), onChange: (e) => { const s = new Set(selected || []); if (e.target.checked) s.add(file.name); else s.delete(file.name); setSelected(s) } }),
+              React.createElement(
+                'span',
+                { className: 'dsh-upload-file-name', title: file.path },
+                React.createElement('span', { className: 'dsh-upload-file-label' }, file.name.replace(/\.[^.]+$/, '')),
+                React.createElement('span', { className: 'dsh-upload-file-type' }, fileTypeLabel(file.name)),
+              ),
+              React.createElement('span', { className: 'dsh-upload-file-meta' }, `${sizeText(file.size)} · ${dateText(file.modifiedAt)}`),
+              React.createElement(
+                'div',
+                { className: 'dsh-upload-actions' },
+                React.createElement(
+                  'button',
+                  { type: 'button', className: 'dsh-upload-copy', onClick: () => {
+                    const s = String(file.path || file.name)
+                    const base = state.root ? String(state.root).replace(/\/[^/]*$/, '') : ''
+                    copyText(base && s.indexOf(base) === 0 ? s.slice(base.length).replace(/^\/+/, '') : s)
+                  } },
+                  '复制路径',
+                ),
+                React.createElement(
+                  'button',
+                  { type: 'button', disabled: !deleteEnabled || deleting === file.name, onClick: () => remove(file.name) },
+                  deleting === file.name ? '删除中…' : '删除',
+                ),
+                React.createElement('a', { href: downloadUrl(file.name), download: file.name }, '下载'),
+                React.createElement('button', { type: 'button', className: 'dsh-upload-preview', onClick: () => previewFile(file.name) }, '预览'),
+              ),
+            )),
+          )),
+        ),
       )
     }
 
     function apply(ctx) {
       const mod = window.__dshLongMod || (() => true)
-      const anyUpload = mod('uploadAttach') || mod('uploadDragDrop') || mod('uploadPaste')
-      if (anyUpload) {
-        const controller = new FileDraftController(ctx)
-        ctx.effect(() => () => controller.dispose(), 'dsh-upload-manager: draft-file state')
-        ctx.effect(() => ctx.inputTriggers.registerSource({
-          trigger: '@',
-          name: SOURCE,
-          order: 10_000,
-          candidates: async () => [],
-          onPick: () => undefined,
-          codec: {
-            clipboardText: () => '',
-            serialize: async (ref) => {
-              const file = controller.fileForRef(ref)
-              if (!file) throw new Error('待发送文件已失效，请重新上传')
-              controller.markSerializing(ref)
-              return serializedFile(file)
-            },
-          },
-        }), 'dsh-upload-manager: hidden file reference codec')
-        // 输入框附件上传(回形针) + 待发送文件栏：由 uploadAttach 控制
-        if (mod('uploadAttach')) {
-          ctx.slots.inject('conversation.input.left', () => ctx.slots.register({
-            name: 'conversation.input.left',
-            id: 'local-file-upload',
-            order: -20,
-            label: '上传文件',
-          }, (props) => React.createElement(UploadControl, { ...props, controller })))
-          ctx.slots.inject('conversation.input.dock', () => ctx.slots.register({
-            name: 'conversation.input.dock',
-            id: 'local-file-upload-rail',
-            order: 80,
-            label: '待发送文件',
-          }, (props) => React.createElement(PendingFileRail, { ...props, controller })))
-        }
-        // 拖放上传(遮罩+window 监听) / 粘贴上传：由各自开关控制
-        if (mod('uploadDragDrop') || mod('uploadPaste')) {
-          ctx.slots.inject('conversation.input.dock', () => ctx.slots.register({
-            name: 'conversation.input.dock',
-            id: 'local-file-upload-dropzone',
-            order: 90,
-            label: '拖放/粘贴上传',
-          }, (props) => React.createElement(DragDropOverlay, { ...props, controller })))
-        }
-      }
       ctx.effect(() => {
         const style = document.createElement('style')
-        style.dataset.plugin = 'dsh-file-uploads'
+        style.dataset.plugin = 'dsh-long-plugins'
+        style.dataset.pluginCss = 'dsh-long-plugins/uploads+workspace'
         style.textContent = CSS
         document.head.appendChild(style)
         return () => style.remove()
-      }, 'dsh-upload-manager: styles')
+      }, 'dsh-long-plugins: uploads+workspace styles')
       // 上传文件预览/管理设置区：由 uploadPreview 控制
       if (mod('uploadPreview')) {
         ctx.slots.inject('settings.section', () => ctx.slots.register({
@@ -3169,9 +2616,6 @@ window.__ModuleLoader__.load({
       .dsh-glass-note{margin:0;font-size:12px;color:var(--dsw-alias-label-tertiary)}
     `
     const DSH_LONG_MODULES = [
-      ['uploadAttach', '附件上传（回形针）'],
-      ['uploadDragDrop', '附件拖放上传'],
-      ['uploadPaste', '附件粘贴上传'],
       ['uploadPreview', '上传文件预览/管理'],
       ['skillDocs', '技能管理'],
       ['balance', '账户余额'],
@@ -3250,9 +2694,25 @@ window.__ModuleLoader__.load({
 
     // 模块开关缓存：页面加载时同步读取(让 main apply 的 modEnabled 门控生效)；
     // 配置加载(applyTheme)/保存(dsh-long 保存)后更新。开关在下次刷新生效。
+    // 模块开关：以服务端为准(启动时同步拉取，避免 localStorage 缓存过期导致模块被误关)
+    try {
+      const _x = new XMLHttpRequest()
+      _x.open('GET', '/api/dsh-uploads/modules-config', false)
+      _x.send()
+      if (_x.status === 200) {
+        const _b = JSON.parse(_x.responseText)
+        if (_b && _b.cfg && _b.cfg.modules && typeof _b.cfg.modules === 'object') {
+          window.__dshLongModules = _b.cfg.modules
+          try { localStorage.setItem('dsh-long:modules', JSON.stringify(_b.cfg.modules)) } catch (e) {}
+        }
+      }
+    } catch (_) {}
+    // 回退：服务端不可用时用 localStorage 缓存
     try {
-      const _m = localStorage.getItem('dsh-long:modules')
-      if (_m) window.__dshLongModules = JSON.parse(_m)
+      if (!window.__dshLongModules) {
+        const _m = localStorage.getItem('dsh-long:modules')
+        if (_m) window.__dshLongModules = JSON.parse(_m)
+      }
     } catch (_) {}
     // 全局模块开关查询(供各组件/apply 内部判断)
     window.__dshLongMod = (n) => (window.__dshLongModules ? window.__dshLongModules[n] !== false : true)