dsh-long-plugins 1.3.5 → 1.3.7

package/README.md

@@ -11,9 +11,9 @@ Also ships an auto-repair install that relinks DSH core patches (reverse-proxy W
 
 | Feature | 说明 |
 |---|---|
-| Upload manager | 输入框回形针按钮上传本地文件，待发送文件栏管理，设置面板「上传文件」（预览/下载/删除） |
-| Workspace output files | 设置面板「输出文件」：按工作区文件夹分组、预览、**编辑/保存**、复制全部、**放大窗口** |
-| Workspace file browser (顶栏「📂文件」) | 顶栏「📂文件」打开工作区/全部文件浏览，按文件夹分组；点文件名或「预览」在面板内预览，**Word (.docx) 用 docx-preview 浏览器端真实渲染（所见即所得）**；支持「←返回」「✕关闭」两层退出回列表，底部仅列表根时才整体退出；含下载/放大 |
+| Upload manager | 输入框回形针按钮上传本地文件，待发送文件栏管理，设置面板「上传文件」（预览/下载/删除、**按日期筛选**、**文件名搜索**） |
+| Workspace output files | 设置面板「输出文件」：按工作区文件夹分组、预览、**编辑/保存**、复制全部、**放大窗口**、**按日期筛选**、**文件名搜索** |
+| Workspace file browser (顶栏「📂文件」) | 顶栏「📂文件」打开工作区/全部文件浏览，按文件夹分组，**文件夹可点击折叠**；顶栏**日期选择**（选哪天只看那天的文件，含「今天/全部」快捷键）+ **🔍 文件名搜索**（放大镜点击弹出搜索框，支持多词过滤，可与日期筛选叠加）；点文件名或「预览」在面板内预览，**Word (.docx) 用 docx-preview 浏览器端真实渲染（所见即所得）**；支持「←返回」「✕关闭」两层退出回列表，底部仅列表根时才整体退出；含下载/放大 |
 | PowerPoint (.pptx) 预览 | 预览 `.pptx` 时用 **PptxViewJS 浏览器端真实渲染**（Canvas 逐页渲染、所见即所得），支持上一页/下一页翻页与**放大/缩小/适合宽度**；随包打包前端库 `client/vendor`（pptxviewjs / chart.js） |
 | Skill docs | 设置面板「技能文档」：按技能目录浏览 SKILL.md、弹窗预览、编辑/保存、复制、放大窗口 |
 | Account balance | 输入框下方显示 DeepSeek 账户余额（60s 自动刷新） |
@@ -105,3 +105,16 @@ Plus the upload manager's core routes (`/api/dsh-uploads`, download, preview).
 ## License
 
 MIT
+
+## Third-party libraries / 第三方开源库
+
+本插件在浏览器端打包了以下开源库用于文件预览：
+
+- `docx-preview`(docxjs) — Word 真实预览 — **Apache-2.0**
+- `JSZip` — 解压 Office 包 — **MIT**（或 GPLv3，本项目按 MIT 使用）
+- `Chart.js` — PPT 内图表 — **MIT**
+- `PptxViewJS` — PowerPoint 真实预览 — **MIT**
+- npm 依赖：`mammoth`（BSD-2-Clause）、`exceljs`（MIT）
+
+完整的版权声明与来源见 [`THIRD_PARTY_NOTICES.md`](THIRD_PARTY_NOTICES.md)。
+

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,50 @@
+# Third-party notices / 第三方开源库声明
+
+This plugin bundles the following third-party libraries (in `client/vendor/`) and
+depends on the following npm packages. Each is used under its own license; the
+copyright notices and sources are listed here.
+
+## Bundled libraries — `client/vendor/`
+
+### docx-preview (docxjs)
+- Used for: real browser-side Word (`.docx`) preview
+- License: **Apache License 2.0**
+- Copyright: Volodymyr Baydalka
+- Source: <https://github.com/VolodymyrBaydalka/docxjs>
+- License text: <https://www.apache.org/licenses/LICENSE-2.0>
+
+### JSZip
+- Used for: unzipping the OOXML/Office package parts
+- License: **MIT** (dual-licensed MIT or GPLv3; this project uses it under MIT)
+- Copyright: 2009-2016 Stuart Knightley
+- Source: <https://github.com/Stuk/jszip>
+- License text: <https://github.com/Stuk/jszip/blob/main/LICENSE.markdown>
+
+### Chart.js
+- Used for: charts rendered inside the PowerPoint (`.pptx`) preview
+- Version: 4.4.1
+- License: **MIT**
+- Copyright: 2023 Chart.js Contributors
+- Source: <https://www.chartjs.org>
+
+### PptxViewJS (`pptxviewjs`)
+- Used for: real browser-side PowerPoint (`.pptx`) preview
+- License: **MIT**
+- Copyright: © 2025 gptsci.com (npm author: Alex Wong)
+- npm: <https://www.npmjs.com/package/pptxviewjs>
+- CDN / source build: <https://cdn.jsdelivr.net/npm/pptxviewjs@1.1.9>
+
+## Runtime npm dependencies (not vendored into the package)
+
+These are declared as `dependencies` and resolved on the host at install time;
+their own `LICENSE` files ship inside `node_modules`.
+
+- `mammoth` — **BSD-2-Clause** (Word → HTML preview)
+- `exceljs` — **MIT** (spreadsheet parsing)
+
+## Note
+
+MIT, Apache-2.0 and BSD-2-Clause licenses require retaining the copyright notice
+and license text. The minified vendor files `docx-preview.min.js`,
+`jszip.min.js`, and `chart.umd.min.js` already carry their license banners at
+the top of the files. The full license texts are available at the sources above.

package/client/client.js

@@ -566,6 +566,81 @@ window.__ModuleLoader__.load({
       }
     }
 
+    /** 本地时区 YYYY-MM-DD（日期筛选/分组用，避免 toISOString 的 UTC 漂移）。 */
+    const localDay = (ts) => {
+      const d = new Date(ts)
+      const p = (v) => v < 10 ? '0' + v : v
+      return d.getFullYear() + '-' + p(d.getMonth() + 1) + '-' + p(d.getDate())
+    }
+
+    /** 文件名搜索过滤：空格分隔的每个词都需命中（不区分大小写，匹配文件名+路径）。 */
+    const matchesSearch = (file, search) => {
+      const q = String(search || '').trim().toLowerCase()
+      if (!q) return true
+      const hay = ((file.name || '') + ' ' + (file.path || '')).toLowerCase()
+      return q.split(/\s+/).filter(Boolean).every((tok) => hay.indexOf(tok) !== -1)
+    }
+
+    /** 自定义日期筛选控件：显示 📅 + 文字，点击/触摸打开系统日期选择器，自带 ✕ 清除。
+     * 原生 input[type=date] 在手机端是空框、无图标；此处整个控件包一层 onClick，
+     * 统一调用 input.showPicker()，故点图标/文字/任意位置都触发（桌面/手机一致）。 */
+    function DateFilter({ value, onChange, placeholder }) {
+      const ref = React.useRef(null)
+      const label = value || placeholder || '选择日期'
+      const open = () => {
+        const el = ref.current
+        if (!el) return
+        if (typeof el.showPicker === 'function') { try { el.showPicker(); return } catch (e) {} }
+        try { el.focus() } catch (e) {}
+      }
+      return React.createElement('div', { className: 'dsh-datefilter', onClick: open },
+        React.createElement('span', { className: 'dsh-datefilter-icon' }, '📅'),
+        React.createElement('span', { className: 'dsh-datefilter-text' }, label),
+        value !== '' && React.createElement('button', {
+          type: 'button', className: 'dsh-datefilter-clear', title: '清除', 'aria-label': '清除日期',
+          onClick: (e) => { e.stopPropagation(); onChange('') },
+        }, '✕'),
+        React.createElement('input', {
+          ref, type: 'date', className: 'dsh-datefilter-native', value,
+          onChange: (e) => onChange(e.target.value),
+          tabIndex: -1, 'aria-label': placeholder || '选择日期',
+        }),
+      )
+    }
+
+    /** 🔍 放大镜搜索：点击图标弹出搜索框，输入即过滤；✕ 清除并关闭。不自动隐藏（需人工关闭或刷新）。 */
+    function SearchPopup({ value, onChange, placeholder }) {
+      const [open, setOpen] = React.useState(false)
+      const [pos, setPos] = React.useState({ top: 72, left: 8 })
+      const ref = React.useRef(null)
+      React.useEffect(() => { if (open && ref.current) { try { ref.current.focus() } catch (e) {} } }, [open])
+      const toggle = (e) => {
+        if (!open && e && e.currentTarget) {
+          const r = e.currentTarget.getBoundingClientRect()
+          setPos({ top: r.bottom + 8, left: Math.max(8, Math.min(r.left, (window.innerWidth || 0) - 280)) })
+        }
+        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', style: { top: pos.top, left: pos.left } },
+          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,
@@ -579,7 +654,8 @@ window.__ModuleLoader__.load({
       const [deleting, setDeleting] = React.useState('')
       const [preview, setPreview] = React.useState(null)
       const [previewMaximized, setPreviewMaximized] = React.useState(false)
-      const [groupByDate, setGroupByDate] = React.useState(false)
+      const [dayFilter, setDayFilter] = React.useState('')
+      const [search, setSearch] = React.useState('')
 
       async function refresh() {
         setState((current) => ({ ...current, loading: true, error: '' }))
@@ -675,7 +751,7 @@ window.__ModuleLoader__.load({
         for (const file of files) {
           let day = ''
           try {
-            day = new Date(file.modifiedAt).toISOString().slice(0, 10)
+            day = localDay(file.modifiedAt)
           } catch {
             day = '未知日期'
           }
@@ -686,7 +762,11 @@ window.__ModuleLoader__.load({
         for (const day of days) groups.push({ day, files: byDay.get(day) })
         return groups
       }
-      const dateGroups = groupByDate ? groupFilesByDate(state.files) : null
+      // 日期筛选 + 文件名搜索：先按所选天/关键词过滤 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',
@@ -703,16 +783,8 @@ window.__ModuleLoader__.load({
           React.createElement(
             'div',
             { className: 'dsh-upload-head-actions' },
-            React.createElement(
-              'button',
-              {
-                type: 'button',
-                className: 'dsh-upload-refresh',
-                disabled: state.loading,
-                onClick: () => setGroupByDate((g) => !g),
-              },
-              groupByDate ? '日期 ✓' : '日期',
-            ),
+            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 },
@@ -736,6 +808,9 @@ window.__ModuleLoader__.load({
         !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',
@@ -780,7 +855,7 @@ window.__ModuleLoader__.load({
         React.createElement(
           'div',
           { className: 'dsh-upload-list' },
-          (dateGroups === null ? [{ day: null, files: state.files }] : dateGroups).map((group) => React.createElement(
+          (dateGroups === null ? [{ day: null, files: shownFiles }] : dateGroups).map((group) => React.createElement(
             'div',
             { key: group.day ?? '__all__', className: 'dsh-upload-group' },
             group.day !== null
@@ -841,9 +916,24 @@ window.__ModuleLoader__.load({
       .dsh-upload-settings{display:flex;flex-direction:column;gap:16px;min-width:0;padding:4px 2px 24px;color:var(--dsw-alias-label-primary)}
       .dsh-upload-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
       .dsh-upload-head-actions{display:flex;gap:8px;align-items:center;flex:none}
+      .dsh-searchpop{position:relative;display:inline-flex;align-items:center;flex:none}
+      .dsh-searchpop-btn{width:30px;height:30px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
+      .dsh-searchpop-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+      .dsh-searchpop-box{position:fixed;z-index:60;display:flex;align-items:center;gap:6px;background:var(--dsw-specific-input-major,#0f1720);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;padding:6px;box-shadow:var(--dsw-shadow-lv3);max-width:calc(100vw - 16px)}
+      .dsh-searchpop-input{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);padding:5px 9px;font:inherit;font-size:12px;line-height:18px;min-width:160px}
+      .dsh-searchpop-input::placeholder{color:var(--dsw-alias-label-tertiary)}
+      .dsh-searchpop-clear{background:transparent;border:none;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1;cursor:pointer;padding:0 3px}
+      .dsh-searchpop-clear:hover{color:var(--dsw-alias-label-primary)}
       .dsh-upload-settings h2{margin:0;font-size:20px;line-height:28px}
       .dsh-upload-settings p{margin:4px 0 0;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px}
       .dsh-upload-refresh,.dsh-upload-actions button,.dsh-upload-actions a{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);padding:6px 11px;font:inherit;font-size:12px;line-height:18px;text-decoration:none;cursor:pointer}
+      .dsh-datefilter{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:118px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:transparent;padding:5px 8px;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;line-height:18px;cursor:pointer}
+      .dsh-datefilter:hover{border-color:var(--dsw-alias-state-business-primary)}
+      .dsh-datefilter-icon{font-size:13px;flex:none}
+      .dsh-datefilter-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+      .dsh-datefilter-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:auto;z-index:1}
+      .dsh-datefilter-clear{position:relative;z-index:2;background:transparent;border:none;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1;cursor:pointer;padding:0 2px}
+      .dsh-datefilter-clear:hover{color:var(--dsw-alias-label-primary)}
       .dsh-upload-refresh:hover:not(:disabled),.dsh-upload-actions button:hover:not(:disabled),.dsh-upload-actions a:hover{background:var(--dsw-alias-interactive-bg-hover)}
       .dsh-upload-root{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;align-items:center;padding:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-specific-input-major)}
       .dsh-upload-root span{font-size:12px;color:var(--dsw-alias-label-secondary)}
@@ -901,6 +991,8 @@ window.__ModuleLoader__.load({
       const [preview, setPreview] = React.useState(null)
       const [busy, setBusy] = React.useState(false)
       const [collapsed, setCollapsed] = React.useState({})
+      const [dayFilter, setDayFilter] = React.useState('')
+      const [search, setSearch] = React.useState('')
       const [copied, setCopied] = React.useState(false)
       const [editing, setEditing] = React.useState(false)
       const [edited, setEdited] = React.useState('')
@@ -1083,14 +1175,29 @@ window.__ModuleLoader__.load({
         padding: '10px 14px', borderBottom: '1px solid var(--dsw-alias-border-l2)', flex: 'none',
       }
 
+      // 日期筛选：按所选天过滤各组文件，隐藏空组（空日期=全部）。
+      const shownGroups = ((dayFilter || search) && groups !== null)
+        ? groups
+          .map((g) => ({ folder: g.folder, files: g.files.filter((f) =>
+            (dayFilter ? (() => { try { return localDay(f.mtime) === dayFilter } catch { return false } })() : true) &&
+            matchesSearch(f, search)
+          ) }))
+          .filter((g) => g.files.length > 0)
+        : groups
+
       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: '选择日期' }),
+        ),
         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 }, '目录为空'),
-        groups !== null && groups.map((group) => React.createElement(
+        (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(
@@ -1276,11 +1383,40 @@ window.__ModuleLoader__.load({
 			"files.maximize": "Maximize",
 			"files.restore": "Restore"
 		};
+		/** 技能文档文件名/路径匹配：空格分词，全部命中才显示。 */
+		const skillMatch = (f, q) => {
+			const s = String(q || "").trim().toLowerCase();
+			if (!s) return true;
+			const hay = ((f.name || "") + " " + (f.path || "")).toLowerCase();
+			return s.split(/\s+/).filter(Boolean).every((tok) => hay.indexOf(tok) !== -1);
+		};
+		/** 🔍 放大镜搜索弹窗（技能文档用）：点击弹出搜索框，✕ 清除并关闭。不自动隐藏。 */
+		function SkillSearchPop({ value, onChange, placeholder }) {
+			const [open, setOpen] = react.useState(false);
+			const [pos, setPos] = react.useState({ top: 72, left: 8 });
+			const ref = react.useRef(null);
+			react.useEffect(() => { if (open && ref.current) { try { ref.current.focus(); } catch (e) {} } }, [open]);
+			const toggle = (e) => {
+				if (!open && e && e.currentTarget) {
+					const r = e.currentTarget.getBoundingClientRect();
+					setPos({ top: r.bottom + 8, left: Math.max(8, Math.min(r.left, (window.innerWidth || 0) - 280)) });
+				}
+				setOpen((o) => !o);
+			};
+			return react_jsx_runtime.jsxs("div", { className: "dsh-searchpop", children: [
+				react_jsx_runtime.jsx("button", { type: "button", className: "dsh-searchpop-btn", onClick: toggle, title: "搜索技能/文件", "aria-label": "搜索技能/文件", children: "🔍" }),
+				open && react_jsx_runtime.jsxs("div", { className: "dsh-searchpop-box", style: { top: pos.top, left: pos.left }, children: [
+					react_jsx_runtime.jsx("input", { ref, type: "text", className: "dsh-searchpop-input", value, onChange: (e) => onChange(e.target.value), placeholder: placeholder || "搜索技能/文件…", autoFocus: true }),
+					value !== "" && react_jsx_runtime.jsx("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); }, children: "✕" })
+				] })
+			] });
+		}
 		function SkillsSection({ t }) {
 			const [groups, setGroups] = react.useState(null);
 			const [error, setError] = react.useState(null);
 			const [preview, setPreview] = react.useState(null);
 			const [collapsed, setCollapsed] = react.useState({});
+			const [search, setSearch] = react.useState("");
 			const [maximized, setMaximized] = react.useState(false);
 			const [editing, setEditing] = react.useState(false);
 			const [edited, setEdited] = react.useState("");
@@ -1406,34 +1542,47 @@ window.__ModuleLoader__.load({
 				padding: "8px 12px", borderBottom: "1px solid var(--dsw-alias-border-l2)", flex: "none", flexWrap: "wrap"
 			};
 
+			// 检索：按名称/路径过滤各技能夹的 md 文件，隐藏空夹；检索时自动展开命中夹。
+			const shownGroups = (search && groups !== null)
+				? groups.map((g) => ({ folder: g.folder, files: g.files.filter((f) => skillMatch(f, search)) })).filter((g) => g.files.length > 0)
+				: groups;
+			const searching = !!String(search || "").trim();
+
 			return react_jsx_runtime.jsxs("div", {
 				style: { display: "flex", flexDirection: "column", gap: 6, minWidth: 0 },
 				children: [
-					react_jsx_runtime.jsx("div", { style: { fontSize: 13, color: "var(--dsw-alias-label-tertiary)" }, children: t("files.hint") }),
+					react_jsx_runtime.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", minWidth: 0 }, children: [
+						react_jsx_runtime.jsx("span", { style: { fontSize: 13, color: "var(--dsw-alias-label-tertiary)" }, children: t("files.hint") }),
+						react_jsx_runtime.jsx(SkillSearchPop, { value: search, onChange: setSearch, placeholder: "搜索技能/文件…" })
+					] }),
 					error !== null && react_jsx_runtime.jsx("div", { style: { fontSize: 12, color: "var(--dsw-alias-state-error-primary)" }, children: error }),
 					groups === null && error === null && react_jsx_runtime.jsx("div", { style: metaStyle, children: t("files.loading") }),
 					groups !== null && groups.length === 0 && react_jsx_runtime.jsx("div", { style: metaStyle, children: t("files.empty") }),
-					groups !== null && groups.map((group) => react_jsx_runtime.jsxs("div", {
-						style: { display: "flex", flexDirection: "column", gap: 6, minWidth: 0 },
-						children: [
-							react_jsx_runtime.jsx("button", {
-								type: "button",
-								style: folderBtnStyle,
-								"aria-expanded": !collapsed[group.folder],
-								onClick: () => toggleFolder(group.folder),
-								children: `${collapsed[group.folder] ? "▸" : "▾"} ${group.folder} (${group.files.length})`
-							}),
-							!collapsed[group.folder] && group.files.map((f) => react_jsx_runtime.jsxs("div", {
-								style: rowStyle,
-								children: [
-									react_jsx_runtime.jsx("span", { style: nameStyle, title: f.path, children: f.path }),
-									react_jsx_runtime.jsx("span", { style: metaStyle, children: `${f.size < 1024 ? `${f.size} B` : `${(f.size / 1024).toFixed(1)} KiB`}` }),
-									react_jsx_runtime.jsx("button", { type: "button", style: btnStyle, onClick: () => openDoc(f.path), children: t("files.preview") }),
-									react_jsx_runtime.jsx("a", { href: "/dsh-skill-docs/skill-doc?path=" + encodeURIComponent(f.path) + "&download=1", download: f.name, style: btnStyle, children: t("files.download") })
-								]
-							}, f.path))
-						]
-					}, group.folder)),
+					shownGroups !== null && shownGroups.map((group) => {
+						const isCollapsed = searching ? false : !!collapsed[group.folder];
+						return react_jsx_runtime.jsxs("div", {
+							style: { display: "flex", flexDirection: "column", gap: 6, minWidth: 0 },
+							children: [
+								react_jsx_runtime.jsx("button", {
+									type: "button",
+									style: folderBtnStyle,
+									"aria-expanded": !isCollapsed,
+									onClick: () => toggleFolder(group.folder),
+									children: `${isCollapsed ? "▸" : "▾"} ${group.folder} (${group.files.length})`
+								}),
+								!isCollapsed && group.files.map((f) => react_jsx_runtime.jsxs("div", {
+									style: rowStyle,
+									children: [
+										react_jsx_runtime.jsx("span", { style: nameStyle, title: f.path, children: f.path }),
+										react_jsx_runtime.jsx("span", { style: metaStyle, children: `${f.size < 1024 ? `${f.size} B` : `${(f.size / 1024).toFixed(1)} KiB`}` }),
+										react_jsx_runtime.jsx("button", { type: "button", style: btnStyle, onClick: () => openDoc(f.path), children: t("files.preview") }),
+										react_jsx_runtime.jsx("a", { href: "/dsh-skill-docs/skill-doc?path=" + encodeURIComponent(f.path) + "&download=1", download: f.name, style: btnStyle, children: t("files.download") })
+									]
+								}, f.path))
+							]
+						}, group.folder);
+					}),
+					searching && shownGroups !== null && shownGroups.length === 0 && react_jsx_runtime.jsx("div", { style: metaStyle, children: "没有匹配的技能文档" }),
 					preview !== null && react_jsx_runtime.jsxs("div", {
 						style: overlayStyle,
 						onClick: () => setPreview(null),

package/dsh.plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-long-plugins",
   "description": "Merged DSH web plugins: upload manager (drag-and-drop attach any file to the message), workspace output files, skill docs, account balance, Markdown-to-Word (md2docx), and polished file preview (Word & PowerPoint real preview with zoom/pan, rendered Markdown), plus an auto-repair install for DSH core patches (reverse-proxy WebSocket heartbeat, upgrade relink). | 一个插件整合 DSH Web 的常用增强：上传管理（拖放上传：拖任意文件到会话框直接附加）、工作区「输出文件」面板、技能文档浏览、账户余额显示、Markdown 转 Word（md2docx）、Word/PowerPoint 真实预览（可缩放、翻页）；并自带修复安装，自动重连 DSH 核心补丁（反代 WebSocket 心跳、升级重连）。",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "entry": {
     "name": "dsh-long-plugins",
     "inject": [

package/lib/index.js

@@ -1280,7 +1280,7 @@ function workspaceBrowseHtml(groups, ws = "", all = false) {
       const viewHref = previewable
         ? (isPdf ? `workspace-file?path=${rel}&inline=1` : isDocx ? `docx-preview?path=${rel}` : isPptx ? `pptx-preview?path=${rel}` : `workspace-preview?path=${rel}&from=list`)
         : `workspace-file?path=${rel}&download=1`;
-      return `<tr>
+      return `<tr data-ts="${Math.floor(f.mtime)}" data-name="${escapeHtml(f.name)}">
         <td class="name"><a class="flink" href="${viewHref}" data-preview="${escapeHtml(viewHref)}" title="${escapeHtml(f.path)}">${escapeHtml(f.name)}</a></td>
         <td class="size">${humanSize(f.size)}</td>
         <td class="time">${humanTime(f.mtime)}</td>
@@ -1290,7 +1290,7 @@ function workspaceBrowseHtml(groups, ws = "", all = false) {
         </td>
       </tr>`;
     }).join("");
-    return `<div class="group"><h2>${escapeHtml(group.folder)} <span class="cnt">${group.files.length}</span></h2>
+    return `<div class="group"><h2 class="gtoggle">${escapeHtml(group.folder)} <span class="cnt">${group.files.length}</span></h2>
       <table><thead><tr><th>文件</th><th>大小</th><th>修改</th><th>操作</th></tr></thead><tbody>${rows}</tbody></table></div>`;
   };
   return `<!DOCTYPE html>
@@ -1334,6 +1334,33 @@ function workspaceBrowseHtml(groups, ws = "", all = false) {
   .group { margin-bottom:26px; }
   .group h2 { font-size:15px; margin:0 0 8px; color:var(--lp-h2); }
   .cnt { color:var(--lp-meta); font-size:12px; font-weight:400; }
+  .gtoggle { cursor:pointer; user-select:none; display:inline-flex; align-items:center; gap:8px; }
+  .gtoggle:before { content:'▾'; font-size:11px; color:var(--lp-meta); transition:transform .15s; }
+  .group.collapsed .gtoggle:before { content:'▸'; }
+  .group.collapsed table { display:none; }
+  .group.filtered-empty { display:none; }
+  .daybox { display:inline-flex; align-items:center; gap:8px; flex:none; }
+  .daylabel { color:var(--lp-meta); font-size:13px; }
+  .dfilter { position:relative; display:inline-flex; align-items:center; gap:6px; min-width:118px; border:1px solid var(--lp-border); border-radius:8px; background:var(--lp-btn-bg); color:var(--lp-fg); padding:5px 8px; font-size:13px; cursor:pointer; }
+  .dfilter:hover { border-color:var(--lp-accent); }
+  .dfilter.has-value { border-color:var(--lp-accent); }
+  .dfilter-icon { font-size:13px; flex:none; }
+  .dfilter-text { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  .dfilter-clear { position:relative; z-index:2; background:transparent; border:none; color:var(--lp-meta); font-size:12px; line-height:1; cursor:pointer; padding:0 2px; }
+  .dfilter-clear:hover { color:var(--lp-fg); }
+  .dfilter-native { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; pointer-events:auto; z-index:1; }
+  .fsearch-wrap { position:relative; display:inline-flex; align-items:center; flex:none; }
+  .fsearch-btn { width:30px; height:30px; border:1px solid var(--lp-border); border-radius:8px; background:var(--lp-btn-bg); color:var(--lp-fg); font-size:14px; line-height:1; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
+  .fsearch-btn:hover { background:var(--lp-btn-hover); }
+  .fsearch-box { position:fixed; z-index:60; display:flex; align-items:center; gap:6px; background:var(--lp-bar-bg); border:1px solid var(--lp-border); border-radius:10px; padding:6px; box-shadow:var(--lp-shadow-lv3, 0 10px 30px rgba(0,0,0,.35)); max-width:calc(100vw - 16px); }
+  .fsearch { background:var(--lp-btn-bg); color:var(--lp-fg); border:1px solid var(--lp-border); border-radius:8px; padding:5px 10px; font-size:13px; min-width:160px; }
+  .fsearch::placeholder { color:var(--lp-meta); }
+  .fsearch:focus { outline:none; border-color:var(--lp-accent); }
+  .fsearch-clear { background:transparent; border:none; color:var(--lp-meta); font-size:13px; line-height:1; cursor:pointer; padding:0 3px; }
+  .fsearch-clear:hover { color:var(--lp-fg); }
+  .btn2 { display:inline-flex; align-items:center; background:var(--lp-btn-bg); color:var(--lp-btn-fg); border:1px solid var(--lp-border); border-radius:8px; padding:6px 11px; font-size:12px; cursor:pointer; }
+  .btn2:hover { background:var(--lp-btn-hover); }
+  .daybtn.active { background:#2563eb; color:#fff; }
   table { width:100%; border-collapse:collapse; background:var(--lp-table-bg); border:1px solid var(--lp-table-border); border-radius:10px; overflow:hidden; }
   th, td { text-align:left; padding:9px 14px; font-size:13px; border-bottom:1px solid var(--lp-cell-border); }
   th { background:var(--lp-th-bg); color:var(--lp-meta); font-weight:500; }
@@ -1372,11 +1399,29 @@ function workspaceBrowseHtml(groups, ws = "", all = false) {
     <a class="${all ? "on" : ""}" href="${allHref}">${ICON_FOLDER_OPEN} 总文件</a>
   </div>
   <span class="meta">${metaText}</span>
+  <span class="daybox">
+    <label class="daylabel" for="dayFilter">日期</label>
+    <span class="dfilter" id="dfilter">
+      <span class="dfilter-icon">📅</span>
+      <span class="dfilter-text" id="dfilterText">选择日期</span>
+      <button type="button" class="dfilter-clear" id="dfilterClear" title="清除" aria-label="清除日期" style="display:none">✕</button>
+      <input type="date" id="dayFilter" class="dfilter-native" aria-label="按日期筛选">
+    </span>
+    <button type="button" class="btn2 daybtn" id="dayToday">今天</button>
+    <span class="fsearch-wrap" id="fsearchWrap">
+      <button type="button" class="fsearch-btn" id="fsearchBtn" title="搜索文件名" aria-label="搜索文件名">🔍</button>
+      <span class="fsearch-box" id="fsearchBox" style="display:none">
+        <input type="text" class="fsearch" id="fsearch" placeholder="搜索文件名…" aria-label="搜索文件名">
+        <button type="button" class="fsearch-clear" id="fsearchClear" title="清除" aria-label="清除搜索">✕</button>
+      </span>
+    </span>
+  </span>
   <span class="spacer"></span>
   <a class="btn" href="${refreshHref}">⟳ 刷新</a>
 </div>
 <div class="wrap">
   ${groups.map(section).join("") || `<p class="empty">${ws && !all ? `工作区「${escapeHtml(ws)}」还没有文件` : "工作区还没有文件"}</p>`}
+  <p class="empty" id="filterEmpty" style="display:none">没有匹配的文件</p>
 </div>
 <script>
 // 预览链接点击 → 通知父窗口（wsOverlay）打开，父窗口用 embed/iframe 渲染，
@@ -1398,6 +1443,106 @@ document.addEventListener('click', function (e) {
   } catch (err) { /* 跨域忽略 */ }
   location.href = abs;
 });
+// 按文件夹可折叠 + 按日期筛选（前端 JS；mtime 以浏览器本地时区算日期）
+(function () {
+  var groups = Array.prototype.slice.call(document.querySelectorAll('.group'));
+  // 1) 文件夹头点击 → 折叠/展开
+  groups.forEach(function (g) {
+    var h = g.querySelector('.gtoggle');
+    if (h) h.addEventListener('click', function () { g.classList.toggle('collapsed'); });
+  });
+  // 2) 日期筛选
+  var dayInput = document.getElementById('dayFilter');
+  var dayToday = document.getElementById('dayToday');
+  var dfilter = document.getElementById('dfilter');
+  var dfilterText = document.getElementById('dfilterText');
+  var dfilterClear = document.getElementById('dfilterClear');
+  var fsearch = document.getElementById('fsearch');
+  var filterEmpty = document.getElementById('filterEmpty');
+  // 预览后返回不丢检索：用 sessionStorage 记住检索词与检索框开/关状态。
+  var savedSearch = '';
+  var savedOpen = false;
+  try { savedSearch = sessionStorage.getItem('wsb-search') || ''; } catch (e) {}
+  try { savedOpen = sessionStorage.getItem('wsb-search-open') === '1'; } catch (e) {}
+  if (fsearch) fsearch.value = savedSearch;
+  var metaEl = document.querySelector('.bar .meta');
+  var origMeta = metaEl ? metaEl.textContent : '';
+  function pad(v) { return v < 10 ? '0' + v : v; }
+  function fmtDate(ts) {
+    var d = new Date(ts);
+    return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate());
+  }
+  function matchName(tr) {
+    var q = (fsearch && fsearch.value || '').trim().toLowerCase();
+    if (!q) return true;
+    var hay = String(tr.dataset.name || '').toLowerCase();
+    return q.split(/\s+/).filter(Boolean).every(function (tok) { return hay.indexOf(tok) !== -1; });
+  }
+  // 预计算每行本地日期
+  Array.prototype.forEach.call(document.querySelectorAll('tr[data-ts]'), function (tr) {
+    tr.dataset.date = fmtDate(Number(tr.dataset.ts));
+  });
+  var todayStr = fmtDate(Date.now());
+  function apply() {
+    var sel = dayInput.value;
+    var visTotal = 0;
+    groups.forEach(function (g) {
+      var vis = 0;
+      Array.prototype.forEach.call(g.querySelectorAll('tr[data-date]'), function (tr) {
+        var ok = (!sel || tr.dataset.date === sel) && matchName(tr);
+        tr.style.display = ok ? '' : 'none';
+        if (ok) vis++;
+      });
+      var cnt = g.querySelector('.cnt');
+      if (cnt) cnt.textContent = vis;
+      if (vis === 0) g.classList.add('filtered-empty'); else g.classList.remove('filtered-empty');
+      visTotal += vis;
+    });
+    var searching = fsearch && fsearch.value.trim();
+    if (metaEl) metaEl.textContent = (sel || searching) ? ('筛选 ' + (sel || '日期') + (searching ? ' · ' + searching : '') + ' · ' + visTotal + ' 个文件') : origMeta;
+    if (dfilterText) dfilterText.textContent = sel || '选择日期';
+    if (dfilterClear) dfilterClear.style.display = sel ? 'inline-block' : 'none';
+    if (dfilter) dfilter.classList.toggle('has-value', !!sel);
+    if (dayToday) dayToday.classList.toggle('active', sel === todayStr);
+    if (filterEmpty) filterEmpty.style.display = ((sel || searching) && visTotal === 0) ? 'block' : 'none';
+  }
+  // 打开日期选择器：整个控件点击 → showPicker（兜底 focus）；点 ✕ 清除（阻止冒泡）。
+  if (dfilter) dfilter.addEventListener('click', function () {
+    var el = dayInput;
+    if (!el) return;
+    if (typeof el.showPicker === 'function') { try { el.showPicker(); return; } catch (e) {} }
+    try { el.focus(); } catch (e) {}
+  });
+  if (dayInput) dayInput.addEventListener('input', apply);
+  if (dayInput) dayInput.addEventListener('change', apply);
+  if (fsearch) fsearch.addEventListener('input', function () { try { sessionStorage.setItem('wsb-search', fsearch.value); } catch (e) {} apply(); });
+  // 🔍 搜索弹窗：点击图标开/关，点✕清除，点击外部关闭。
+  var fsearchBtn = document.getElementById('fsearchBtn');
+  var fsearchBox = document.getElementById('fsearchBox');
+  var fsearchClear = document.getElementById('fsearchClear');
+  var fsearchWrap = document.getElementById('fsearchWrap');
+  var fsearchOpen = false;
+  function setFsearchOpen(open) {
+    fsearchOpen = open;
+    try { sessionStorage.setItem('wsb-search-open', open ? '1' : '0'); } catch (e) {}
+    if (fsearchBox) {
+      fsearchBox.style.display = open ? 'flex' : 'none';
+      if (open && fsearchBtn) {
+        var r = fsearchBtn.getBoundingClientRect();
+        fsearchBox.style.top = (r.bottom + 8) + 'px';
+        fsearchBox.style.left = Math.max(8, Math.min(r.left, (window.innerWidth || 0) - 280)) + 'px';
+      }
+    }
+    if (open && fsearch) { try { fsearch.focus(); } catch (e) {} }
+  }
+  if (fsearchBtn) fsearchBtn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); setFsearchOpen(!fsearchOpen); });
+  if (fsearchClear) fsearchClear.addEventListener('mousedown', function (e) { e.preventDefault(); e.stopPropagation(); });
+  if (fsearchClear) fsearchClear.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); fsearch.value = ''; try { sessionStorage.removeItem('wsb-search'); sessionStorage.removeItem('wsb-search-open'); } catch (e2) {} apply(); setFsearchOpen(false); });
+  if (dayToday) dayToday.addEventListener('click', function () { dayInput.value = todayStr; apply(); });
+  if (dfilterClear) dfilterClear.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); dayInput.value = ''; apply(); });
+  if (savedOpen) setFsearchOpen(true);
+  apply();
+})();
 </script>
 </body>
 </html>`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-long-plugins",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "description": "Merged DSH web plugins: upload manager (drag-and-drop attach any file to the message), workspace output files, skill docs, account balance, Markdown-to-Word (md2docx), and polished file preview (Word & PowerPoint real preview with zoom/pan, rendered Markdown), plus an auto-repair install for DSH core patches (reverse-proxy WebSocket heartbeat, upgrade relink). | 一个插件整合 DSH Web 的常用增强：上传管理（拖放上传：拖任意文件到会话框直接附加）、工作区「输出文件」面板、技能文档浏览、账户余额显示、Markdown 转 Word（md2docx）、Word/PowerPoint 真实预览（可缩放、翻页）；并自带修复安装，自动重连 DSH 核心补丁（反代 WebSocket 心跳、升级重连）。",
   "type": "module",
   "license": "MIT",
@@ -17,6 +17,7 @@
     "!client/*.bak",
     "cordis.patch.yml",
     "dsh.plugin.json",
+    "THIRD_PARTY_NOTICES.md",
     "skill/dsh-long-plugins-install/SKILL.md",
     "skill/dsh-upgrade/SKILL.md",
     "skill/dsh-common-plugins-install/SKILL.md",