@civilization/dsh-workspace-files 0.3.1 → 0.3.3

package/lib/client.js

@@ -4,7 +4,30 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		//#region \0rolldown/runtime.js
+		var __create = Object.create;
+		var __defProp = Object.defineProperty;
+		var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+		var __getOwnPropNames = Object.getOwnPropertyNames;
+		var __getProtoOf = Object.getPrototypeOf;
+		var __hasOwnProp = Object.prototype.hasOwnProperty;
+		var __copyProps = (to, from, except, desc) => {
+			if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+				key = keys[i];
+				if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+			return to;
+		};
+		var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+			value: mod,
+			enumerable: true
+		}) : target, mod));
+		//#endregion
 		let react = require("react");
+		react = __toESM(react, 1);
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region src/client/icons.tsx
 		function IconFolder({ size = 15, open = false }) {
@@ -204,6 +227,30 @@ window.__ModuleLoader__.load({
 			} else if (ext === "yml" || ext === "yaml") {
 				color = "#cb171e";
 				badge = "Y";
+			} else if (ext === "rs") {
+				color = "#dea584";
+				badge = "RS";
+			} else if (ext === "go") {
+				color = "#00add8";
+				badge = "GO";
+			} else if (ext === "vue") {
+				color = "#41b883";
+				badge = "V";
+			} else if (ext === "svelte") {
+				color = "#ff3e00";
+				badge = "S";
+			} else if (ext === "toml") {
+				color = "#9c4121";
+				badge = "T";
+			} else if (ext === "sql") {
+				color = "#e38c00";
+				badge = "SQL";
+			} else if (ext === "sh" || ext === "bash" || ext === "zsh" || ext === "ps1" || ext === "bat" || ext === "cmd") {
+				color = "#4eaa25";
+				badge = ">_";
+			} else if (ext === "lock") {
+				color = "var(--dsw-alias-label-tertiary, #8c9ba5)";
+				badge = "🔒";
 			}
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				style: {
@@ -247,22 +294,23 @@ window.__ModuleLoader__.load({
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2 3h4v4H2zM10 9h4v4h-4zM4 7v6h6" })
 			});
 		}
-		function IconChevronDown({ size = 14 }) {
+		function IconChevronRight({ size = 11, className, style }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 				width: size,
 				height: size,
 				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
+				fill: "currentColor",
+				className,
 				style: {
 					display: "inline-block",
 					verticalAlign: "middle",
-					flexShrink: 0
+					flexShrink: 0,
+					...style
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("polyline", { points: "4 6 8 10 12 6" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					fillRule: "evenodd",
+					d: "M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06z"
+				})
 			});
 		}
 		function IconExplorer({ size = 12 }) {
@@ -368,23 +416,12 @@ window.__ModuleLoader__.load({
 					key: OFFICIAL_FILES_TAB_ID
 				}, WorkspaceFilesTabTitle)), "dsh-workspace-files: official tab title");
 			}
-			const registerSettingsCard = (targetCtx) => {
-				if (!targetCtx?.slots) return;
-				targetCtx.effect?.(() => targetCtx.slots.inject("settings.plugin.item", function* () {
-					yield targetCtx.slots.register({
-						name: "settings.plugin.item",
-						key: "workspace-files"
-					}, WorkspaceFilesSettingsCard);
-					yield targetCtx.slots.register({
-						name: "settings.plugin.item",
-						key: "@civilization/dsh-workspace-files"
-					}, WorkspaceFilesSettingsCard);
-				}), "dsh-workspace-files: settings card");
-			};
-			if (slots) registerSettingsCard(ctx);
-			if (ctx.inject) ctx.inject(["settingsScope"], (scoped) => {
-				registerSettingsCard(scoped);
-			});
+			if (slots) ctx.effect(() => slots.inject("settings.plugins.tab", () => slots.register({
+				name: "settings.plugins.tab",
+				id: "workspace-files",
+				order: 20,
+				label: () => "工作区文件"
+			}, WorkspaceFilesSettingsCard)), "dsh-workspace-files: settings card");
 		}
 		const CONFIG_STORAGE_KEY = "dsh_workspace_files_config";
 		function loadWorkspaceFilesConfig() {
@@ -422,16 +459,16 @@ window.__ModuleLoader__.load({
 			style.id = id;
 			style.textContent = `
 .dsh-wf-card {
-  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);
-  background: var(--dsw-alias-bg-layer-3, #fff);
-  border-radius: 12px;
+  border: 0.5px solid var(--dsw-alias-border-l1);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  border-radius: var(--dsw-radius-md, 8px);
   list-style: none;
-  transition: border-color .16s, background .16s;
+  transition: border-color 0.16s, background 0.16s;
   box-sizing: border-box;
 }
 .dsh-wf-card-open {
-  background: var(--dsw-alias-bg-layer-2, #f7f8fa);
-  border-color: var(--dsw-alias-label-dimmed, #c8ccd4);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  border-color: var(--dsw-alias-state-business-primary);
 }
 .dsh-wf-header {
   -webkit-appearance: none;
@@ -441,24 +478,24 @@ window.__ModuleLoader__.load({
   color: inherit;
   text-align: left;
   cursor: pointer;
-  background: 0 0;
+  background: transparent;
   border: 0;
-  border-radius: 12px;
+  border-radius: var(--dsw-radius-md, 8px);
   align-items: center;
   gap: 12px;
-  padding: 14px 16px;
+  padding: 12px 14px;
   display: flex;
 }
 .dsh-wf-head-text {
   flex-direction: column;
   flex: 1;
-  gap: 4px;
+  gap: 3px;
   min-width: 0;
   display: flex;
 }
 .dsh-wf-name {
-  color: var(--dsw-alias-label-primary, #1f2328);
-  font-size: 15px;
+  color: var(--dsw-alias-label-primary);
+  font-size: 14px;
   font-weight: 600;
   line-height: 1.4;
   display: flex;
@@ -466,38 +503,38 @@ window.__ModuleLoader__.load({
   gap: 8px;
 }
 .dsh-wf-version {
-  font-size: 12px;
+  font-size: 11px;
   font-weight: 400;
-  color: var(--dsw-alias-label-tertiary, #8b93a1);
+  color: var(--dsw-alias-label-tertiary);
 }
 .dsh-wf-desc {
-  color: var(--dsw-alias-label-tertiary, #8b93a1);
-  font-size: 13px;
+  color: var(--dsw-alias-label-secondary);
+  font-size: 12px;
   line-height: 1.5;
 }
 .dsh-wf-chevron {
-  color: var(--dsw-alias-label-tertiary, #8b93a1);
+  color: var(--dsw-alias-label-tertiary);
   flex: none;
-  transition: transform .16s ease-in-out;
+  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
   display: inline-flex;
 }
 .dsh-wf-chevron-open {
   transform: rotate(180deg);
 }
 .dsh-wf-body {
-  border-top: 1px solid var(--dsw-alias-border-l2, #e5e7eb);
-  margin: 0 16px;
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
+  margin: 0 14px;
   padding: 8px 0 12px;
 }
 .dsh-wf-row {
   align-items: center;
   gap: 16px;
-  padding: 12px 0;
+  padding: 10px 0;
   display: flex;
   justify-content: space-between;
 }
 .dsh-wf-row + .dsh-wf-row {
-  border-top: 1px solid var(--dsw-alias-border-l2, rgba(118, 137, 166, 0.12));
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
 }
 .dsh-wf-label-box {
   flex-direction: column;
@@ -507,14 +544,14 @@ window.__ModuleLoader__.load({
   display: flex;
 }
 .dsh-wf-label {
-  font-size: 13.5px;
+  font-size: 13px;
   font-weight: 550;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
 }
 .dsh-wf-hint {
-  color: var(--dsw-alias-label-tertiary, #8b93a1);
-  font-size: 12px;
-  line-height: 18px;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 11.5px;
+  line-height: 16px;
 }
 .dsh-wf-ctrl {
   flex-shrink: 0;
@@ -523,56 +560,56 @@ window.__ModuleLoader__.load({
   gap: 8px;
 }
 .dsh-wf-seg {
-  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);
-  border-radius: 8px;
+  border: 0.5px solid var(--dsw-alias-border-l1);
+  border-radius: var(--dsw-radius-sm, 6px);
   gap: 2px;
   padding: 2px;
   display: inline-flex;
-  background: var(--dsw-alias-bg-layer-1, rgba(255, 255, 255, 0.05));
+  background: var(--dsw-alias-fill-base, #ffffff);
 }
 .dsh-wf-seg-btn {
   font: inherit;
-  color: var(--dsw-alias-label-secondary, #6b7280);
+  color: var(--dsw-alias-label-secondary);
   cursor: pointer;
-  background: 0 0;
+  background: transparent;
   border: none;
-  border-radius: 6px;
-  padding: 4px 10px;
-  font-size: 12px;
-  line-height: 18px;
-  transition: all 0.15s;
+  border-radius: 4px;
+  padding: 3px 8px;
+  font-size: 11.5px;
+  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
 }
 .dsh-wf-seg-btn:hover {
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-interactive-bg-hover);
 }
 .dsh-wf-seg-active {
-  background: var(--dsw-alias-bg-layer-3, #eef0f4);
-  color: var(--dsw-alias-brand-primary, #4f6ef7);
+  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 12%, transparent);
+  color: var(--dsw-alias-state-business-primary);
   font-weight: 600;
-  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
 }
 .dsh-wf-input {
   box-sizing: border-box;
-  border: 1px solid var(--dsw-alias-border-l2, #d1d5db);
-  background: var(--dsw-alias-bg-layer-3, #fff);
-  width: 64px;
+  border: 0.5px solid var(--dsw-alias-border-l1);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  width: 58px;
   text-align: center;
-  color: var(--dsw-alias-label-primary, #1f2328);
+  color: var(--dsw-alias-label-primary);
   font: inherit;
-  border-radius: 7px;
-  padding: 4px 6px;
-  font-size: 12.5px;
-  line-height: 18px;
+  border-radius: 6px;
+  padding: 3px 6px;
+  font-size: 12px;
+  outline: none;
+  transition: border-color 0.15s, box-shadow 0.15s;
 }
 .dsh-wf-input:focus {
-  border-color: var(--dsw-alias-brand-primary, #4f6ef7);
-  outline: 2px solid color-mix(in srgb, var(--dsw-alias-brand-primary, #4f6ef7) 18%, transparent);
+  border-color: var(--dsw-alias-state-business-primary);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-business-primary) 18%, transparent);
 }
 .dsh-wf-toggle {
   position: relative;
   display: inline-block;
-  width: 40px;
-  height: 22px;
+  width: 36px;
+  height: 20px;
   cursor: pointer;
 }
 .dsh-wf-toggle input {
@@ -584,55 +621,55 @@ window.__ModuleLoader__.load({
 .dsh-wf-toggle-track {
   position: absolute;
   top: 0; left: 0; right: 0; bottom: 0;
-  background-color: var(--dsw-alias-border-l2, #ccc);
-  transition: .2s cubic-bezier(.4, 0, .2, 1);
-  border-radius: 22px;
+  background-color: var(--dsw-alias-border-l1);
+  transition: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
+  border-radius: 20px;
 }
 .dsh-wf-toggle input:checked + .dsh-wf-toggle-track {
-  background-color: var(--dsw-alias-brand-primary, #4f6ef7);
+  background-color: var(--dsw-alias-state-business-primary);
 }
 .dsh-wf-toggle-thumb {
   position: absolute;
-  height: 16px;
-  width: 16px;
+  height: 14px;
+  width: 14px;
   left: 3px;
   bottom: 3px;
-  background-color: white;
-  transition: .2s cubic-bezier(.4, 0, .2, 1);
+  background-color: #ffffff;
+  transition: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
   border-radius: 50%;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+  box-shadow: 0 1px 2px rgba(0,0,0,0.18);
 }
 .dsh-wf-toggle input:checked + .dsh-wf-toggle-track .dsh-wf-toggle-thumb {
-  transform: translateX(18px);
+  transform: translateX(16px);
 }
 .dsh-wf-footer {
-  margin-top: 8px;
-  padding-top: 10px;
-  border-top: 1px solid var(--dsw-alias-border-l2, rgba(118, 137, 166, 0.12));
+  margin-top: 6px;
+  padding-top: 8px;
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .dsh-wf-saved-hint {
-  font-size: 11.5px;
-  color: var(--dsw-alias-state-success-primary, #10b981);
+  font-size: 11px;
+  color: var(--dsw-alias-state-business-primary);
   display: flex;
   align-items: center;
   gap: 4px;
 }
 .dsh-wf-btn-reset {
   background: transparent;
-  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);
-  border-radius: 6px;
-  padding: 3px 10px;
-  font-size: 12px;
-  color: var(--dsw-alias-label-secondary, #6b7280);
+  border: 0.5px solid var(--dsw-alias-border-l1);
+  border-radius: 4px;
+  padding: 3px 8px;
+  font-size: 11px;
+  color: var(--dsw-alias-label-secondary);
   cursor: pointer;
-  transition: all 0.15s;
+  transition: all 0.12s;
 }
 .dsh-wf-btn-reset:hover {
-  background: var(--dsw-alias-bg-layer-2, rgba(255,255,255,0.08));
-  color: var(--dsw-alias-label-primary, #1f2328);
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-primary);
 }
 `;
 			document.head.appendChild(style);
@@ -671,32 +708,39 @@ window.__ModuleLoader__.load({
 				};
 				setConfig(def);
 				saveWorkspaceFilesConfig(def);
-				setSavedTick(true);
-				setTimeout(() => setSavedTick(false), 2e3);
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: open ? "dsh-wf-card dsh-wf-card-open" : "dsh-wf-card",
+				className: `dsh-wf-card ${open ? "dsh-wf-card-open" : ""}`,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 					type: "button",
 					className: "dsh-wf-header",
-					"aria-expanded": open,
 					onClick: () => setOpen(!open),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsh-wf-head-text",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dsh-wf-name",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "工作区文件" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-wf-version",
-								children: "v0.3.0"
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FolderGuideGlyph, { size: 22 }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-wf-head-text",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-wf-name",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "工作区文件" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-wf-version",
+									children: ["v", "0.3.3"]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-wf-desc",
+								children: "全量项目文件树浏览、即时检索与 @-mention 会话一键引用。"
 							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dsh-wf-desc",
-							children: "浏览与检索工作区文件树，支持递归目录扫描与一键引用。"
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: open ? "dsh-wf-chevron dsh-wf-chevron-open" : "dsh-wf-chevron",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDown, { size: 14 })
-					})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `dsh-wf-chevron ${open ? "dsh-wf-chevron-open" : ""}`,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronRight, {
+								size: 14,
+								style: {
+									transform: open ? "rotate(90deg)" : "rotate(0deg)",
+									transition: "transform 0.16s"
+								}
+							})
+						})
+					]
 				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "dsh-wf-body",
 					children: [
@@ -704,12 +748,12 @@ window.__ModuleLoader__.load({
 							className: "dsh-wf-row",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsh-wf-label-box",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-wf-label",
-									children: "目录扫描最大深度"
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									children: "扫描最大深度 (层级)"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-wf-hint",
-									children: "工作区递归扫描的最大目录层级（默认 16，范围 1~100）。若工程目录较深可适当调大。"
+									children: "控制文件树深入遍历的最大文件夹嵌套层级，防止庞大项目深度过大产生卡顿。"
 								})]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsh-wf-ctrl",
@@ -718,22 +762,22 @@ window.__ModuleLoader__.load({
 									children: [
 										8,
 										16,
-										32,
-										64
-									].map((d) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										24,
+										32
+									].map((d) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
-										className: config.maxDepth === d ? "dsh-wf-seg-btn dsh-wf-seg-active" : "dsh-wf-seg-btn",
+										className: `dsh-wf-seg-btn ${config.maxDepth === d ? "dsh-wf-seg-active" : ""}`,
 										onClick: () => handleDepthSelect(d),
-										children: d
+										children: [d, " 层"]
 									}, d))
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									type: "number",
-									min: "1",
-									max: "100",
+									min: 1,
+									max: 100,
 									className: "dsh-wf-input",
 									value: config.maxDepth,
 									onChange: handleDepthInput,
-									title: "自定义深度 (1-100)"
+									title: "手动输入层级深度 (1-100)"
 								})]
 							})]
 						}),
@@ -741,12 +785,12 @@ window.__ModuleLoader__.load({
 							className: "dsh-wf-row",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsh-wf-label-box",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-wf-label",
-									children: "默认显示隐藏文件"
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									children: "显示以点开头的隐藏文件"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-wf-hint",
-									children: "打开文件树时是否默认展示以点开头的隐藏文件或文件夹（如 .gitignore, .env 等）。"
+									children: "开启后，文件树中将展现如 .env, .editorconfig 等以点开头的配置文件（.git 等缓存黑名单除外）。"
 								})]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dsh-wf-ctrl",
@@ -765,15 +809,9 @@ window.__ModuleLoader__.load({
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-wf-footer",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: savedTick ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: savedTick && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: "dsh-wf-saved-hint",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheck, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "已保存设置" })]
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: {
-									fontSize: 11,
-									color: "var(--dsw-alias-label-tertiary, #8b93a1)"
-								},
-								children: "设置改动即时生效并同步至工作区文件树"
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheck, { size: 12 }), "配置已自动保存并实时同步"]
 							}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: "dsh-wf-btn-reset",
@@ -785,21 +823,85 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		/**
+		* 线性遍历计算可视行。未展开目录的子节点绝不遍历，彻底解决 DOM 节点爆炸问题。
+		*/
+		function flattenVisibleTree(items, expandedPaths, depth = 0, out = []) {
+			for (const it of items) {
+				const isDir = it.isDirectory;
+				const hasChildren = isDir && Array.isArray(it.children) && it.children.length > 0;
+				const isExpanded = isDir && expandedPaths.has(it.path);
+				const childCount = hasChildren ? it.children.length : 0;
+				out.push({
+					id: it.path,
+					name: it.name,
+					path: it.path,
+					isDirectory: isDir,
+					depth,
+					isExpanded,
+					hasChildren,
+					childCount,
+					size: it.size,
+					item: it
+				});
+				if (isDir && isExpanded && hasChildren) flattenVisibleTree(it.children, expandedPaths, depth + 1, out);
+			}
+			return out;
+		}
+		/**
+		* 树形过滤模式：仅保留包含匹配项的分支并保持展开
+		*/
+		function filterTreeWithAutoExpand(nodes, q) {
+			const autoExpand = /* @__PURE__ */ new Set();
+			function filterNode(node) {
+				const matchSelf = node.name.toLowerCase().includes(q) || node.path.toLowerCase().includes(q);
+				if (node.isDirectory) {
+					const children = [];
+					for (const child of node.children || []) {
+						const c = filterNode(child);
+						if (c) children.push(c);
+					}
+					if (matchSelf || children.length > 0) {
+						autoExpand.add(node.path);
+						return {
+							...node,
+							children
+						};
+					}
+					return null;
+				}
+				return matchSelf ? node : null;
+			}
+			const result = [];
+			for (const it of nodes) {
+				const f = filterNode(it);
+				if (f) result.push(f);
+			}
+			return {
+				filteredItems: result,
+				autoExpandPaths: autoExpand
+			};
+		}
 		function WorkspaceFilesView({ sessionId, cwd, onOpenFile }) {
 			const [data, setData] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(true);
 			const [error, setError] = (0, react.useState)(null);
-			const [query, setQuery] = (0, react.useState)("");
+			const [inputQuery, setInputQuery] = (0, react.useState)("");
 			const [toast, setToast] = (0, react.useState)(null);
 			const [expandedPaths, setExpandedPaths] = (0, react.useState)(() => /* @__PURE__ */ new Set());
 			const [activeConfig, setActiveConfig] = (0, react.useState)(() => loadWorkspaceFilesConfig());
 			const [showHidden, setShowHidden] = (0, react.useState)(() => loadWorkspaceFilesConfig().showHidden);
+			const [searchViewMode, setSearchViewMode] = (0, react.useState)("flat");
+			const deferredQuery = (0, react.useDeferredValue)(inputQuery.trim().toLowerCase());
 			const toastTimer = (0, react.useRef)(null);
 			const showToastMsg = (0, react.useCallback)((msg) => {
 				setToast(msg);
 				if (toastTimer.current) window.clearTimeout(toastTimer.current);
 				toastTimer.current = window.setTimeout(() => setToast(null), 2e3);
 			}, []);
+			(0, react.useEffect)(() => {
+				ensureFilesStyle();
+			}, []);
 			(0, react.useEffect)(() => {
 				const handleCfgChange = (e) => {
 					if (e.detail) {
@@ -842,7 +944,7 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				loadTree();
 			}, [loadTree]);
-			const handleToggleExpand = (path) => {
+			const handleToggleExpand = (0, react.useCallback)((path) => {
 				setExpandedPaths((prev) => {
 					const next = new Set(prev);
 					if (next.has(path)) next.delete(path);
@@ -850,8 +952,8 @@ window.__ModuleLoader__.load({
 					saveStoredExpandedPaths(data?.root || cwd, next);
 					return next;
 				});
-			};
-			const handleExpandAll = () => {
+			}, [data?.root, cwd]);
+			const handleExpandAll = (0, react.useCallback)(() => {
 				if (!data) return;
 				const all = /* @__PURE__ */ new Set();
 				function collect(items) {
@@ -863,13 +965,13 @@ window.__ModuleLoader__.load({
 				collect(data.items);
 				setExpandedPaths(all);
 				saveStoredExpandedPaths(data.root || cwd, all);
-			};
-			const handleCollapseAll = () => {
+			}, [data, cwd]);
+			const handleCollapseAll = (0, react.useCallback)(() => {
 				const empty = /* @__PURE__ */ new Set();
 				setExpandedPaths(empty);
 				saveStoredExpandedPaths(data?.root || cwd, empty);
-			};
-			const handleJumpToFolderInTree = (dirPath) => {
+			}, [data?.root, cwd]);
+			const handleJumpToFolderInTree = (0, react.useCallback)((dirPath) => {
 				const parts = dirPath.split("/");
 				const toExpand = [];
 				let acc = "";
@@ -884,7 +986,7 @@ window.__ModuleLoader__.load({
 					saveStoredExpandedPaths(data?.root || cwd, next);
 					return next;
 				});
-				setQuery("");
+				setInputQuery("");
 				showToastMsg(`已定位并展开目录: ${dirPath}/`);
 				setTimeout(() => {
 					try {
@@ -895,14 +997,18 @@ window.__ModuleLoader__.load({
 						});
 					} catch {}
 				}, 60);
-			};
-			const handleCopyPath = (e, path) => {
+			}, [
+				data?.root,
+				cwd,
+				showToastMsg
+			]);
+			const handleCopyPath = (0, react.useCallback)((e, path) => {
 				e.stopPropagation();
 				navigator.clipboard.writeText(path).then(() => {
 					showToastMsg(`已复制路径: ${path}`);
 				});
-			};
-			const handleMention = (e, itemOrPath) => {
+			}, [showToastMsg]);
+			const handleMention = (0, react.useCallback)((e, itemOrPath) => {
 				e.stopPropagation();
 				const itemObj = typeof itemOrPath === "string" ? {
 					name: itemOrPath.split("/").pop() || itemOrPath,
@@ -913,21 +1019,17 @@ window.__ModuleLoader__.load({
 				let inserted = false;
 				try {
 					inserted = tryInsertNativeReferenceChip(globalCtx, sessionId, itemObj);
-				} catch (err) {
-					console.warn("[dsh-workspace-files] 原生 Chip 插入失败:", err);
-				}
+				} catch {}
 				if (!inserted) try {
 					inserted = insertMentionToComposer(mentionText);
-				} catch (err) {
-					console.warn("[dsh-workspace-files] 降级纯文本插入失败:", err);
-				}
+				} catch {}
 				const displayName = itemObj.isDirectory ? `${itemObj.name}/` : itemObj.name;
 				navigator.clipboard.writeText(mentionText.trim()).then(() => {
 					if (inserted) showToastMsg(`已引用${itemObj.isDirectory ? "目录" : "文件"}: ${displayName}`);
 					else showToastMsg(`已复制引用: ${mentionText.trim()}`);
 				});
-			};
-			const handleRevealInExplorer = (e, item) => {
+			}, [sessionId, showToastMsg]);
+			const handleRevealInExplorer = (0, react.useCallback)((e, item) => {
 				e.stopPropagation();
 				fetch("/dsh-workspace-files/api/files.open", {
 					method: "POST",
@@ -945,8 +1047,12 @@ window.__ModuleLoader__.load({
 				}).catch((err) => {
 					showToastMsg(`请求失败: ${err?.message || String(err)}`);
 				});
-			};
-			const handleOpenDefaultApp = (e, item) => {
+			}, [
+				sessionId,
+				cwd,
+				showToastMsg
+			]);
+			const handleOpenDefaultApp = (0, react.useCallback)((e, item) => {
 				e.stopPropagation();
 				fetch("/dsh-workspace-files/api/files.open", {
 					method: "POST",
@@ -964,76 +1070,51 @@ window.__ModuleLoader__.load({
 				}).catch((err) => {
 					showToastMsg(`请求失败: ${err?.message || String(err)}`);
 				});
-			};
-			const [searchViewMode, setSearchViewMode] = (0, react.useState)("flat");
-			const [searchExpandedPaths, setSearchExpandedPaths] = (0, react.useState)(() => /* @__PURE__ */ new Set());
-			const { filteredTreeItems, flatSearchResults } = (0, react.useMemo)(() => {
-				if (!data) return {
-					filteredTreeItems: [],
-					flatSearchResults: []
-				};
-				const q = query.trim().toLowerCase();
-				if (!q) return {
-					filteredTreeItems: data.items,
-					flatSearchResults: []
-				};
-				const flat = [];
-				function traverseFlat(items, parentDir) {
+			}, [
+				sessionId,
+				cwd,
+				showToastMsg
+			]);
+			const isSearchActive = Boolean(deferredQuery);
+			const flatSearchResults = (0, react.useMemo)(() => {
+				if (!data || !isSearchActive) return [];
+				const results = [];
+				function traverse(items, parentDir) {
 					for (const it of items) {
-						if (it.name.toLowerCase().includes(q) || it.path.toLowerCase().includes(q)) flat.push({
-							item: it,
-							parentDir
-						});
-						if (it.isDirectory && it.children) traverseFlat(it.children, it.path);
-					}
-				}
-				traverseFlat(data.items, "");
-				function filterNode(node) {
-					const selfMatch = node.name.toLowerCase().includes(q) || node.path.toLowerCase().includes(q);
-					if (node.isDirectory) {
-						const filteredChildren = [];
-						for (const child of node.children || []) {
-							const matchedChild = filterNode(child);
-							if (matchedChild) filteredChildren.push(matchedChild);
+						if (it.name.toLowerCase().includes(deferredQuery) || it.path.toLowerCase().includes(deferredQuery)) {
+							results.push({
+								item: it,
+								parentDir
+							});
+							if (results.length >= 300) return;
+						}
+						if (it.isDirectory && it.children) {
+							traverse(it.children, it.path);
+							if (results.length >= 300) return;
 						}
-						if (selfMatch || filteredChildren.length > 0) return {
-							...node,
-							children: filteredChildren
-						};
-						return null;
-					}
-					return selfMatch ? node : null;
-				}
-				const tree = [];
-				for (const rootNode of data.items) {
-					const matched = filterNode(rootNode);
-					if (matched) tree.push(matched);
-				}
-				return {
-					filteredTreeItems: tree,
-					flatSearchResults: flat
-				};
-			}, [data, query]);
-			(0, react.useEffect)(() => {
-				if (!query.trim() || !data) return;
-				const q = query.trim().toLowerCase();
-				const autoExpand = /* @__PURE__ */ new Set();
-				function collect(items) {
-					for (const it of items) if (it.isDirectory) {
-						const selfMatch = it.name.toLowerCase().includes(q) || it.path.toLowerCase().includes(q);
-						const childMatch = it.children?.some((c) => c.name.toLowerCase().includes(q) || c.path.toLowerCase().includes(q));
-						if (selfMatch || childMatch) autoExpand.add(it.path);
-						if (it.children) collect(it.children);
 					}
 				}
-				collect(data.items);
-				setSearchExpandedPaths(autoExpand);
-			}, [query, data]);
-			const isSearchActive = Boolean(query.trim());
+				traverse(data.items, "");
+				return results;
+			}, [
+				data,
+				deferredQuery,
+				isSearchActive
+			]);
+			const visibleFlatRows = (0, react.useMemo)(() => {
+				if (!data) return [];
+				if (!isSearchActive) return flattenVisibleTree(data.items, expandedPaths);
+				const { filteredItems, autoExpandPaths } = filterTreeWithAutoExpand(data.items, deferredQuery);
+				return flattenVisibleTree(filteredItems, autoExpandPaths);
+			}, [
+				data,
+				isSearchActive,
+				deferredQuery,
+				expandedPaths
+			]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-files-root",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlobalFilesStyle, {}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
 						className: "dsh-files-header",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1042,7 +1123,7 @@ window.__ModuleLoader__.load({
 								className: "dsh-files-title-row",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-files-title",
-									children: "文件"
+									children: "工作区文件"
 								}), data && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: "dsh-files-stats-badge",
 									children: [
@@ -1071,18 +1152,18 @@ window.__ModuleLoader__.load({
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									type: "text",
 									className: "dsh-files-search-input",
-									placeholder: "搜索文件 (支持路径筛选)...",
-									value: query,
-									onChange: (e) => setQuery(e.target.value),
+									placeholder: "搜索文件或路径 (Esc 清空)...",
+									value: inputQuery,
+									onChange: (e) => setInputQuery(e.target.value),
 									onKeyDown: (e) => {
-										if (e.key === "Escape") setQuery("");
+										if (e.key === "Escape") setInputQuery("");
 									}
 								}),
-								query && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								inputQuery && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-files-clear-btn",
-									onClick: () => setQuery(""),
-									title: "清除搜索",
+									onClick: () => setInputQuery(""),
+									title: "清空搜索",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconClose, { size: 12 })
 								})
 							]
@@ -1093,29 +1174,29 @@ window.__ModuleLoader__.load({
 									type: "button",
 									className: "dsh-files-tool-btn is-active",
 									onClick: () => setSearchViewMode(searchViewMode === "flat" ? "tree" : "flat"),
-									title: searchViewMode === "flat" ? "当前为扁平列表，点击切换为树形视图" : "当前为树形视图，点击切换为扁平列表",
+									title: searchViewMode === "flat" ? "切为树形匹配视图" : "切为扁平列表视图",
 									children: searchViewMode === "flat" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTree, { size: 13 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconList, { size: 13 })
 								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-files-tool-btn",
 									onClick: handleExpandAll,
-									title: "全部展开",
+									title: "展开全部目录",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExpandAll, { size: 13 })
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-files-tool-btn",
 									onClick: handleCollapseAll,
-									title: "全部折叠",
+									title: "折叠全部目录",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCollapseAll, { size: 13 })
 								})] }),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: `dsh-files-tool-btn ${showHidden ? "is-active" : ""}`,
 									onClick: () => setShowHidden(!showHidden),
-									title: showHidden ? "隐藏点号开头的文件" : "显示点号开头的文件",
+									title: showHidden ? "隐藏以点开头的文件" : "显示以点开头的文件",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										style: {
-											fontSize: 11,
+											fontSize: 10.5,
 											fontWeight: 700
 										},
 										children: ".*"
@@ -1145,21 +1226,21 @@ window.__ModuleLoader__.load({
 						className: "dsh-files-body",
 						children: loading && !data ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-files-centered",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "dsh-files-spinner" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "加载文件…" })]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "dsh-files-spinner" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "正在索引工作区文件…" })]
 						}) : isSearchActive && flatSearchResults.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-files-empty",
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsh-files-empty-icon",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolder, { size: 26 })
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolder, { size: 28 })
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsh-files-empty-title",
-									children: "未搜索到匹配的文件"
+									children: "未匹配到相关文件"
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsh-files-empty-detail",
-									children: "请尝试更换搜索关键字，或按 Esc 清除搜索。"
+									children: "请尝试更换关键字或按 Esc 恢复完整目录树。"
 								})
 							]
 						}) : !isSearchActive && (!data || data.items.length === 0) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1167,7 +1248,7 @@ window.__ModuleLoader__.load({
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsh-files-empty-icon",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolder, { size: 26 })
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolder, { size: 28 })
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsh-files-empty-title",
@@ -1175,7 +1256,7 @@ window.__ModuleLoader__.load({
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsh-files-empty-detail",
-									children: "当前工作目录下暂无可显示的文件。"
+									children: "当前工作目录下暂无可展示的文件。"
 								})
 							]
 						}) : isSearchActive && searchViewMode === "flat" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1188,24 +1269,24 @@ window.__ModuleLoader__.load({
 										"找到 ",
 										flatSearchResults.length,
 										" 个匹配项",
-										flatSearchResults.length > 150 ? "（展示前 150 项）" : ""
+										flatSearchResults.length > 150 ? "（已展示前 150 项）" : ""
 									]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
 									className: "dsh-files-view-toggle-btn",
 									onClick: () => setSearchViewMode("tree"),
-									title: "切换为可折叠的树形视图",
+									title: "切换为树形视图",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTree, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "切为树形" })]
 								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dsh-files-flat-list",
-								children: [flatSearchResults.slice(0, 150).map(({ item, parentDir }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								children: flatSearchResults.slice(0, 150).map(({ item, parentDir }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: `dsh-files-flat-row ${item.isDirectory ? "is-directory" : ""}`,
 									onClick: () => {
 										if (item.isDirectory) handleJumpToFolderInTree(item.path);
 										else onOpenFile(item.path);
 									},
-									title: item.isDirectory ? `点击退出搜索并定位展开目录: ${item.path}/` : `点击预览打开文件: ${item.path}`,
+									title: item.isDirectory ? `点击定位并展开目录: ${item.path}/` : `点击预览打开: ${item.path}`,
 									children: [
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: "dsh-files-flat-icon",
@@ -1223,7 +1304,7 @@ window.__ModuleLoader__.load({
 														className: "dsh-files-flat-name",
 														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightText, {
 															text: item.name,
-															query
+															query: deferredQuery
 														}), item.isDirectory && "/"]
 													}),
 													item.size !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1248,8 +1329,8 @@ window.__ModuleLoader__.load({
 													type: "button",
 													className: "dsh-files-action-btn dsh-files-action-at",
 													onClick: (e) => handleMention(e, item),
-													title: `一键 @ 引用此${item.isDirectory ? "目录" : "文件"}到当前会话`,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAt, { size: 13 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													title: `@ 引用${item.isDirectory ? "目录" : "文件"}到会话`,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAt, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 														className: "dsh-files-action-at-text",
 														children: "@引用"
 													})]
@@ -1258,14 +1339,14 @@ window.__ModuleLoader__.load({
 													type: "button",
 													className: "dsh-files-action-btn",
 													onClick: (e) => handleRevealInExplorer(e, item),
-													title: `在文件资源管理器中显示此${item.isDirectory ? "目录" : "文件"}`,
+													title: "在文件资源管理器中显示",
 													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExplorer, { size: 12 })
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													className: "dsh-files-action-btn",
 													onClick: (e) => handleOpenDefaultApp(e, item),
-													title: `用系统默认应用打开此${item.isDirectory ? "目录" : "文件"}`,
+													title: "用系统默认应用打开",
 													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExternalApp, { size: 12 })
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -1278,24 +1359,19 @@ window.__ModuleLoader__.load({
 											]
 										})
 									]
-								}, item.path)), flatSearchResults.length > 150 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: {
-										padding: "10px 14px",
-										fontSize: 11,
-										textAlign: "center",
-										color: "var(--dsw-alias-label-tertiary, #8b93a1)",
-										borderTop: "1px dashed var(--dsw-alias-border-l2, #e5e7eb)"
-									},
-									children: "匹配项较多，已限制展示前 150 项以保证流畅度，请输入更详细关键字"
-								})]
+								}, item.path))
 							})]
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-files-tree",
 							children: [isSearchActive && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsh-files-search-header",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: "dsh-files-search-count",
-									children: "树形匹配（自由折叠/展开）"
+									children: [
+										"树形匹配（共 ",
+										visibleFlatRows.length,
+										" 项）"
+									]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
 									className: "dsh-files-view-toggle-btn",
@@ -1303,27 +1379,16 @@ window.__ModuleLoader__.load({
 									title: "切换为扁平搜索结果列表",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconList, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "切为列表" })]
 								})]
-							}), filteredTreeItems.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileTreeNode, {
-								item,
-								depth: 0,
-								query,
-								isSearchMode: isSearchActive,
-								expandedPaths: isSearchActive ? searchExpandedPaths : expandedPaths,
-								onToggleExpand: (path) => {
-									if (isSearchActive) setSearchExpandedPaths((prev) => {
-										const next = new Set(prev);
-										if (next.has(path)) next.delete(path);
-										else next.add(path);
-										return next;
-									});
-									else handleToggleExpand(path);
-								},
+							}), visibleFlatRows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileTreeRow, {
+								row,
+								query: deferredQuery,
+								onToggleExpand: handleToggleExpand,
 								onOpenFile,
 								onMention: handleMention,
-								onCopyPath: handleCopyPath,
 								onRevealInExplorer: handleRevealInExplorer,
-								onOpenDefaultApp: handleOpenDefaultApp
-							}, item.path))]
+								onOpenDefaultApp: handleOpenDefaultApp,
+								onCopyPath: handleCopyPath
+							}, row.id))]
 						})
 					}),
 					toast && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1333,120 +1398,101 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function FileTreeNode(props) {
-			const { item, depth, query, isSearchMode, expandedPaths, onToggleExpand, onOpenFile, onMention, onCopyPath, onRevealInExplorer, onOpenDefaultApp } = props;
-			const isExpanded = expandedPaths.has(item.path);
-			if (item.isDirectory) {
-				const childCount = item.children?.length ?? 0;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsh-files-dir-block",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsh-files-dir-row",
-						"data-tree-path": item.path,
-						style: { paddingLeft: `${depth * 14 + 10}px` },
-						onClick: () => onToggleExpand(item.path),
+		const FileTreeRow = (0, react.memo)(function FileTreeRow(props) {
+			const { row, query, onToggleExpand, onOpenFile, onMention, onRevealInExplorer, onOpenDefaultApp, onCopyPath } = props;
+			const indentPx = row.depth * 14 + 8;
+			if (row.isDirectory) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-files-dir-row",
+				"data-tree-path": row.path,
+				style: { paddingLeft: `${indentPx}px` },
+				onClick: () => onToggleExpand(row.path),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `dsh-files-chevron-wrap ${row.isExpanded ? "is-expanded" : ""}`,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronRight, { size: 11 })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-files-folder-icon",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolder, {
+							size: 14,
+							open: row.isExpanded
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-files-folder-name",
+						title: row.path,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightText, {
+							text: row.name,
+							query
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-files-count-badge",
+						children: row.childCount
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-files-row-actions",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-files-chevron",
-								"data-collapsed": !isExpanded ? "true" : void 0,
-								children: "▾"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-files-folder-icon",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFolder, {
-									size: 14,
-									open: isExpanded
-								})
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "dsh-files-action-btn dsh-files-action-at",
+								onClick: (e) => onMention(e, row.item),
+								title: "一键 @ 引用此目录到会话",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAt, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-files-action-at-text",
+									children: "@引用"
+								})]
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-files-folder-name",
-								title: item.path,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightText, {
-									text: item.name,
-									query
-								})
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-files-action-btn",
+								onClick: (e) => onRevealInExplorer(e, row.item),
+								title: "在文件资源管理器中打开此目录",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExplorer, { size: 12 })
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-files-count-badge",
-								children: childCount
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-files-action-btn",
+								onClick: (e) => onOpenDefaultApp(e, row.item),
+								title: "用系统默认应用打开此目录",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExternalApp, { size: 12 })
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsh-files-row-actions",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-										type: "button",
-										className: "dsh-files-action-btn dsh-files-action-at",
-										onClick: (e) => onMention(e, item),
-										title: "一键 @ 引用此目录到当前会话",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAt, { size: 13 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsh-files-action-at-text",
-											children: "@引用"
-										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dsh-files-action-btn",
-										onClick: (e) => onRevealInExplorer(e, item),
-										title: "在文件资源管理器中打开此目录",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExplorer, { size: 12 })
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dsh-files-action-btn",
-										onClick: (e) => onOpenDefaultApp(e, item),
-										title: "用系统默认应用打开此目录",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExternalApp, { size: 12 })
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dsh-files-action-btn",
-										onClick: (e) => onCopyPath(e, item.path),
-										title: "复制目录路径",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCopy, { size: 12 })
-									})
-								]
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-files-action-btn",
+								onClick: (e) => onCopyPath(e, row.path),
+								title: "复制目录路径",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCopy, { size: 12 })
 							})
 						]
-					}), isExpanded && item.children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dsh-files-children",
-						children: item.children.map((child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileTreeNode, {
-							item: child,
-							depth: depth + 1,
-							query,
-							isSearchMode,
-							expandedPaths,
-							onToggleExpand,
-							onOpenFile,
-							onMention,
-							onCopyPath,
-							onRevealInExplorer,
-							onOpenDefaultApp
-						}, child.path))
-					})]
-				});
-			}
+					})
+				]
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-files-row",
-				"data-tree-path": item.path,
-				style: { paddingLeft: `${depth * 14 + 10}px` },
-				onClick: () => onOpenFile(item.path),
-				title: `点击打开: ${item.path}`,
+				"data-tree-path": row.path,
+				style: { paddingLeft: `${indentPx}px` },
+				onClick: () => onOpenFile(row.path),
+				title: `点击打开文件: ${row.path}`,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileGlyphIcon, {
-						filename: item.name,
-						size: 14
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-files-file-glyph",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileGlyphIcon, {
+							filename: row.name,
+							size: 14
+						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dsh-files-name",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightText, {
-							text: item.name,
+							text: row.name,
 							query
 						})
 					}),
-					item.size !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					row.size !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dsh-files-size",
-						title: `大小: ${item.size} 字节`,
-						children: formatFileSize(item.size)
+						title: `大小: ${row.size} 字节`,
+						children: formatFileSize(row.size)
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dsh-files-row-actions",
@@ -1454,9 +1500,9 @@ window.__ModuleLoader__.load({
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
 								className: "dsh-files-action-btn dsh-files-action-at",
-								onClick: (e) => onMention(e, item),
-								title: "一键 @ 引用此文件到当前会话",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAt, { size: 13 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								onClick: (e) => onMention(e, row.item),
+								title: "一键 @ 引用此文件到会话",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAt, { size: 12 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-files-action-at-text",
 									children: "@引用"
 								})]
@@ -1464,21 +1510,21 @@ window.__ModuleLoader__.load({
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: "dsh-files-action-btn",
-								onClick: (e) => onRevealInExplorer(e, item),
-								title: "在文件资源管理器中显示此文件",
+								onClick: (e) => onRevealInExplorer(e, row.item),
+								title: "在文件资源管理器中定位",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExplorer, { size: 12 })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: "dsh-files-action-btn",
-								onClick: (e) => onOpenDefaultApp(e, item),
-								title: "用系统默认应用打开此文件",
+								onClick: (e) => onOpenDefaultApp(e, row.item),
+								title: "用系统默认应用打开",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExternalApp, { size: 12 })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: "dsh-files-action-btn",
-								onClick: (e) => onCopyPath(e, item.path),
+								onClick: (e) => onCopyPath(e, row.path),
 								title: "复制相对路径",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCopy, { size: 12 })
 							})
@@ -1486,15 +1532,16 @@ window.__ModuleLoader__.load({
 					})
 				]
 			});
-		}
+		}, (prev, next) => {
+			return prev.row.id === next.row.id && prev.row.isExpanded === next.row.isExpanded && prev.row.depth === next.row.depth && prev.row.childCount === next.row.childCount && prev.query === next.query;
+		});
 		function HighlightText({ text, query }) {
-			const q = query.trim().toLowerCase();
-			if (!q) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text });
-			const index = text.toLowerCase().indexOf(q);
+			if (!query) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text });
+			const index = text.toLowerCase().indexOf(query);
 			if (index === -1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text });
 			const before = text.slice(0, index);
-			const match = text.slice(index, index + q.length);
-			const after = text.slice(index + q.length);
+			const match = text.slice(index, index + query.length);
+			const after = text.slice(index + query.length);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
 				before,
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", {
@@ -1510,12 +1557,6 @@ window.__ModuleLoader__.load({
 			if (kb < 1024) return `${kb.toFixed(1)} KB`;
 			return `${(kb / 1024).toFixed(1)} MB`;
 		}
-		/**
-		* 按照 DSH 官方规范格式化引用路径：
-		* - 纯路径无空格：@path
-		* - 路径含空格：@"path"
-		* - 目录末尾保留斜杠：@folder/ 或 @"folder/"
-		*/
 		function formatMentionText(path, isDirectory = false) {
 			const cleanPath = path.replace(/\\/g, "/").replace(/^\.?\//, "");
 			const finalPath = isDirectory ? cleanPath.endsWith("/") ? cleanPath : `${cleanPath}/` : cleanPath;
@@ -1541,9 +1582,6 @@ window.__ModuleLoader__.load({
 				window.localStorage.setItem(getStorageKey(workspaceRoot), JSON.stringify(Array.from(paths)));
 			} catch {}
 		}
-		/**
-		* 从当前 DOM 的 React Fiber 树或 Cordis RootContext 中提取当前活跃输入框的 SessionInputShell 实例
-		*/
 		function findComposerShell(ctx, sessionId) {
 			try {
 				const composerDom = document.querySelector("[data-composer-input=\"true\"], [data-composer-input], [data-composer-card], div[role=\"textbox\"][contenteditable=\"true\"]");
@@ -1563,9 +1601,7 @@ window.__ModuleLoader__.load({
 						}
 					}
 				}
-			} catch (e) {
-				console.debug("[dsh-workspace-files] 从 Fiber 查找 keyboard 失败:", e);
-			}
+			} catch {}
 			if (ctx) try {
 				const root = ctx.root || ctx;
 				const inputService = (root.conversation || root.get?.("conversation") || window.__dsh_conversation)?.input || root["conversation.input"] || root.get?.("conversation.input");
@@ -1579,14 +1615,9 @@ window.__ModuleLoader__.load({
 						return values[values.length - 1];
 					}
 				}
-			} catch (e) {
-				console.debug("[dsh-workspace-files] 从 RootContext 查找 shell 失败:", e);
-			}
+			} catch {}
 			return null;
 		}
-		/**
-		* 尝试向会话输入框插入原生的 ReferenceChipNode（官方胶囊 Tag 卡片）
-		*/
 		function tryInsertNativeReferenceChip(ctx, sessionId, item) {
 			if (typeof document === "undefined") return false;
 			try {
@@ -1623,16 +1654,9 @@ window.__ModuleLoader__.load({
 						span
 					}) === true) return true;
 				}
-			} catch (err) {
-				console.debug("[dsh-workspace-files] 插入原生 Chip 异常:", err);
-			}
+			} catch {}
 			return false;
 		}
-		/**
-		* 将引用文本注入到 DSH 当前会话的主输入框。
-		* 兼容 DSH 官方基于 Lexical 的 ComposerContentEditable (div[data-composer-input])
-		* 以及传统的 textarea / input，并自动消除用户手动输入的冗余 '@'。
-		*/
 		function insertMentionToComposer(mentionText) {
 			if (typeof document === "undefined") return false;
 			const target = [
@@ -1733,16 +1757,21 @@ window.__ModuleLoader__.load({
 			if (!response.ok || envelope?.ok !== true || envelope.value === void 0) throw new Error(envelope?.error?.message ?? `HTTP ${response.status}`);
 			return envelope.value;
 		}
-		function GlobalFilesStyle() {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+		function ensureFilesStyle() {
+			if (typeof document === "undefined") return;
+			const id = "dsh-workspace-files-core-style";
+			if (document.getElementById(id)) return;
+			const style = document.createElement("style");
+			style.id = id;
+			style.textContent = `
 .dsh-files-root {
   display: flex;
   flex-direction: column;
   height: 100%;
   min-height: 0;
   box-sizing: border-box;
-  background: var(--dsw-alias-bg-base, #ffffff);
-  color: var(--dsw-alias-label-primary, #17233c);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  color: var(--dsw-alias-label-primary);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-size: 12px;
   line-height: 1.4;
@@ -1758,7 +1787,8 @@ window.__ModuleLoader__.load({
   justify-content: space-between;
   gap: 8px;
   padding: 8px 12px;
-  border-bottom: 1px solid var(--dsw-alias-border-l1, rgba(118,137,166,.18));
+  border-bottom: 0.5px solid var(--dsw-alias-border-l1);
+  background: var(--dsw-alias-fill-base, #ffffff);
 }
 .dsh-files-header-info {
   flex: 1;
@@ -1772,33 +1802,34 @@ window.__ModuleLoader__.load({
 .dsh-files-title {
   font-weight: 600;
   font-size: 13px;
-  color: var(--dsw-alias-label-primary, inherit);
+  color: var(--dsw-alias-label-primary);
 }
 .dsh-files-stats-badge {
   font-size: 10px;
   font-weight: 500;
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
-  background: var(--dsw-alias-interactive-bg-hover, rgba(100,120,150,.1));
-  padding: 1px 6px;
+  color: var(--dsw-alias-label-tertiary);
+  background: color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);
+  padding: 1px 7px;
   border-radius: 99px;
 }
 .dsh-files-root-path {
   font-size: 11px;
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
+  color: var(--dsw-alias-label-tertiary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-top: 1px;
+  margin-top: 2px;
 }
 
-/* ── Toolbar & Search ── */
+/* ── Toolbar & Pure White Input ── */
 .dsh-files-toolbar {
   display: flex;
   align-items: center;
   gap: 6px;
-  padding: 6px 8px 6px 12px;
-  border-bottom: 1px solid var(--dsw-alias-border-l1, rgba(118,137,166,.15));
-  background: var(--dsw-alias-bg-base, #ffffff);
+  padding: 6px 10px;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  flex-shrink: 0;
 }
 .dsh-files-search-wrap {
   position: relative;
@@ -1809,70 +1840,77 @@ window.__ModuleLoader__.load({
 }
 .dsh-files-search-icon {
   position: absolute;
-  left: 7px;
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
+  left: 8px;
+  color: var(--dsw-alias-label-tertiary);
   pointer-events: none;
   display: flex;
 }
 .dsh-files-search-input {
   box-sizing: border-box;
   width: 100%;
-  height: 25px;
-  padding: 0 22px 0 26px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(118,137,166,.25));
-  border-radius: 4px;
-  background: var(--dsw-alias-interactive-bg-hover, rgba(100,120,150,.06));
-  color: inherit;
-  font-size: 11.5px;
+  height: 28px;
+  padding: 0 24px 0 28px;
+  border: 0.5px solid var(--dsw-alias-border-l1);
+  border-radius: var(--dsw-radius-sm, 6px);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  color: var(--dsw-alias-label-primary);
+  font-size: 11px;
   outline: none;
-  transition: all 0.15s ease;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
 }
 .dsh-files-search-input:focus {
-  background: var(--dsw-alias-bg-base, #ffffff);
-  border-color: var(--dsw-alias-brand-primary, #4b70e2);
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary, #4b70e2) 15%, transparent);
+  border-color: var(--dsw-alias-state-business-primary);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-business-primary) 18%, transparent);
 }
 .dsh-files-clear-btn {
   position: absolute;
-  right: 5px;
+  right: 6px;
   border: none;
   background: transparent;
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
+  color: var(--dsw-alias-label-tertiary);
   cursor: pointer;
   padding: 2px;
   display: flex;
+  border-radius: 50%;
+  transition: all 0.12s ease;
 }
 .dsh-files-clear-btn:hover {
-  color: var(--dsw-alias-label-primary, inherit);
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-interactive-bg-hover);
 }
 .dsh-files-toolbar-btns {
   display: flex;
   align-items: center;
   gap: 2px;
+  flex-shrink: 0;
 }
 .dsh-files-tool-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: 26px;
+  height: 26px;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--dsw-radius-xs, 4px);
   background: transparent;
-  color: var(--dsw-alias-label-secondary, #6f7f9b);
+  color: var(--dsw-alias-label-secondary);
   cursor: pointer;
-  transition: all 0.12s ease;
+  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
 }
 .dsh-files-tool-btn:hover:not(:disabled) {
-  color: var(--dsw-alias-label-primary, inherit);
-  background: var(--dsw-alias-interactive-bg-hover, rgba(100,120,150,.1));
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.dsh-files-tool-btn:active:not(:disabled) {
+  transform: scale(0.94);
 }
 .dsh-files-tool-btn.is-active {
-  color: var(--dsw-alias-brand-primary, #4b70e2);
-  background: var(--dsw-alias-interactive-bg-active, rgba(75,112,226,.15));
+  color: var(--dsw-alias-state-business-primary);
+  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 14%, transparent);
 }
 .dsh-files-tool-btn:disabled {
-  opacity: 0.4;
+  opacity: 0.35;
   cursor: not-allowed;
 }
 
@@ -1884,10 +1922,8 @@ window.__ModuleLoader__.load({
   overflow-x: hidden;
   padding: 4px 0;
 }
-.dsh-files-dir-block {
-  display: flex;
-  flex-direction: column;
-}
+
+/* ── Directory Row (with Motion Chevron) ── */
 .dsh-files-dir-row {
   display: flex;
   align-items: center;
@@ -1897,29 +1933,35 @@ window.__ModuleLoader__.load({
   cursor: pointer;
   user-select: none;
   position: relative;
-  color: var(--dsw-alias-label-secondary, #6f7f9b);
+  color: var(--dsw-alias-label-primary);
+  border-radius: var(--dsw-radius-xs, 4px);
+  margin: 0 4px;
   transition: background 0.12s ease;
 }
 .dsh-files-dir-row:hover {
-  background: var(--dsw-alias-interactive-bg-hover, rgba(100,120,150,.08));
-  color: var(--dsw-alias-label-primary, inherit);
+  background: var(--dsw-alias-interactive-bg-hover);
 }
-.dsh-files-chevron {
-  font-size: 10px;
-  transition: transform 0.15s ease;
-  display: inline-block;
-  opacity: 0.8;
+.dsh-files-chevron-wrap {
+  width: 12px;
+  height: 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--dsw-alias-label-tertiary);
+  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
+  flex-shrink: 0;
 }
-.dsh-files-chevron[data-collapsed='true'] {
-  transform: rotate(-90deg);
+.dsh-files-chevron-wrap.is-expanded {
+  transform: rotate(90deg);
 }
 .dsh-files-folder-icon {
   display: flex;
+  flex-shrink: 0;
 }
 .dsh-files-folder-name {
   flex: 1;
   min-width: 0;
-  font-weight: 500;
+  font-weight: 550;
   font-size: 12px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1930,8 +1972,8 @@ window.__ModuleLoader__.load({
   font-weight: 600;
   padding: 0 5px;
   border-radius: 99px;
-  background: var(--dsw-alias-interactive-bg-hover, rgba(100,120,150,.1));
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
+  background: color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);
+  color: var(--dsw-alias-label-tertiary);
 }
 
 /* ── File Row ── */
@@ -1944,44 +1986,95 @@ window.__ModuleLoader__.load({
   cursor: pointer;
   user-select: none;
   position: relative;
+  border-radius: var(--dsw-radius-xs, 4px);
+  margin: 0 4px;
   transition: background 0.12s ease;
 }
 .dsh-files-row:hover {
-  background: var(--dsw-alias-interactive-bg-hover, rgba(100,120,150,.08));
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.dsh-files-file-glyph {
+  margin-left: 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 .dsh-files-name {
   flex: 1;
   min-width: 0;
   font-size: 12px;
-  color: var(--dsw-alias-label-primary, inherit);
+  color: var(--dsw-alias-label-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .dsh-files-size {
   font-size: 10px;
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
+  color: var(--dsw-alias-label-tertiary);
   flex-shrink: 0;
   margin-right: 4px;
 }
 
-/* ── Hover Actions on Rows ── */
+/* ── Micro-Interaction Hover Action Pills ── */
 .dsh-files-row-actions {
-  display: none;
+  display: flex;
   align-items: center;
-  gap: 3px;
+  gap: 2px;
   flex-shrink: 0;
+  opacity: 0;
+  transform: translateX(4px);
+  pointer-events: none;
+  transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);
+  margin-left: auto;
 }
 .dsh-files-row:hover .dsh-files-row-actions,
 .dsh-files-dir-row:hover .dsh-files-row-actions,
 .dsh-files-flat-row:hover .dsh-files-row-actions {
-  display: flex;
+  opacity: 1;
+  transform: translateX(0);
+  pointer-events: auto;
 }
 .dsh-files-row:hover .dsh-files-size,
 .dsh-files-dir-row:hover .dsh-files-count-badge,
 .dsh-files-flat-row:hover .dsh-files-size {
   display: none;
 }
+.dsh-files-action-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 3px;
+  height: 20px;
+  padding: 0 5px;
+  border: 0.5px solid var(--dsw-alias-border-l1);
+  border-radius: var(--dsw-radius-xs, 3px);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  transition: all 0.12s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.dsh-files-action-btn:hover {
+  color: var(--dsw-alias-label-primary);
+  border-color: var(--dsw-alias-state-business-primary);
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.dsh-files-action-btn:active {
+  transform: scale(0.92);
+}
+.dsh-files-action-at {
+  color: var(--dsw-alias-state-business-primary);
+  border-color: color-mix(in srgb, var(--dsw-alias-state-business-primary) 35%, transparent);
+  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 8%, transparent);
+}
+.dsh-files-action-at:hover {
+  color: var(--dsw-alias-label-primary-inverted, #ffffff);
+  background: var(--dsw-alias-state-business-primary);
+  border-color: var(--dsw-alias-state-business-primary);
+}
+.dsh-files-action-at-text {
+  font-size: 10px;
+  font-weight: 600;
+}
 
 /* ── Flat Search Result List ── */
 .dsh-files-search-container {
@@ -1994,9 +2087,9 @@ window.__ModuleLoader__.load({
   justify-content: space-between;
   padding: 6px 12px;
   font-size: 11px;
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
-  background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4b70e2) 4%, transparent);
-  border-bottom: 1px solid var(--dsw-alias-border-l1, rgba(118,137,166,.15));
+  color: var(--dsw-alias-label-tertiary);
+  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 4%, transparent);
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
 }
 .dsh-files-search-count {
   font-weight: 500;
@@ -2005,20 +2098,20 @@ window.__ModuleLoader__.load({
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(118,137,166,.25));
-  background: var(--dsw-alias-container-bg, var(--dsw-alias-bg-base, #ffffff));
-  color: var(--dsw-alias-brand-primary, #4b70e2);
+  border: 0.5px solid var(--dsw-alias-border-l1);
+  background: var(--dsw-alias-fill-base, #ffffff);
+  color: var(--dsw-alias-state-business-primary);
   cursor: pointer;
   font-size: 10.5px;
   font-weight: 500;
   padding: 2px 7px;
-  border-radius: 4px;
-  transition: all 0.12s ease;
+  border-radius: var(--dsw-radius-xs, 4px);
+  transition: all 0.12s cubic-bezier(0.16, 1, 0.3, 1);
 }
 .dsh-files-view-toggle-btn:hover {
-  background: var(--dsw-alias-brand-primary, #4b70e2);
-  color: #ffffff;
-  border-color: var(--dsw-alias-brand-primary, #4b70e2);
+  background: var(--dsw-alias-state-business-primary);
+  color: var(--dsw-alias-label-primary-inverted, #ffffff);
+  border-color: var(--dsw-alias-state-business-primary);
 }
 .dsh-files-flat-list {
   padding: 4px 0;
@@ -2027,7 +2120,7 @@ window.__ModuleLoader__.load({
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 4px 12px;
+  padding: 5px 12px;
   cursor: pointer;
   user-select: none;
   position: relative;
@@ -2035,7 +2128,7 @@ window.__ModuleLoader__.load({
   min-height: 32px;
 }
 .dsh-files-flat-row:hover {
-  background: var(--dsw-alias-interactive-bg-hover, rgba(100,120,150,.08));
+  background: var(--dsw-alias-interactive-bg-hover);
 }
 .dsh-files-flat-icon {
   display: flex;
@@ -2059,22 +2152,21 @@ window.__ModuleLoader__.load({
 .dsh-files-flat-name {
   font-size: 12px;
   font-weight: 500;
-  color: var(--dsw-alias-label-primary, inherit);
+  color: var(--dsw-alias-label-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .dsh-files-flat-parent {
   font-size: 10.5px;
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
+  color: var(--dsw-alias-label-tertiary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  opacity: 0.8;
 }
 .dsh-files-jump-hint {
   font-size: 10px;
-  color: var(--dsw-alias-brand-primary, #4b70e2);
+  color: var(--dsw-alias-state-business-primary);
   opacity: 0;
   transition: opacity 0.12s ease;
   margin-right: 6px;
@@ -2082,49 +2174,16 @@ window.__ModuleLoader__.load({
   white-space: nowrap;
 }
 .dsh-files-flat-row:hover .dsh-files-jump-hint {
-  opacity: 0.85;
+  opacity: 0.9;
 }
 .dsh-files-flat-row.is-directory:hover {
-  background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4b70e2) 6%, transparent);
-}
-.dsh-files-action-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 3px;
-  height: 20px;
-  padding: 0 5px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(118,137,166,.25));
-  border-radius: 3px;
-  background: var(--dsw-alias-container-bg, var(--dsw-alias-bg-base, #ffffff));
-  color: var(--dsw-alias-label-secondary, #6f7f9b);
-  cursor: pointer;
-  transition: all 0.12s ease;
-}
-.dsh-files-action-btn:hover {
-  color: var(--dsw-alias-label-primary, inherit);
-  border-color: var(--dsw-alias-border-l3, rgba(118,137,166,.4));
-  background: var(--dsw-alias-interactive-bg-hover, rgba(100,120,150,.12));
-}
-.dsh-files-action-at {
-  color: var(--dsw-alias-brand-primary, #4b70e2);
-  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary, #4b70e2) 30%, transparent);
-  background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4b70e2) 8%, transparent);
-}
-.dsh-files-action-at:hover {
-  color: #ffffff;
-  background: var(--dsw-alias-brand-primary, #4b70e2);
-  border-color: var(--dsw-alias-brand-primary, #4b70e2);
-}
-.dsh-files-action-at-text {
-  font-size: 10px;
-  font-weight: 600;
+  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 8%, transparent);
 }
 
 /* ── Highlight & Toast ── */
 .dsh-files-highlight {
-  background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4b70e2) 25%, transparent);
-  color: var(--dsw-alias-brand-primary, #4b70e2);
+  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 22%, transparent);
+  color: var(--dsw-alias-state-business-primary);
   font-weight: 600;
   border-radius: 2px;
   padding: 0 1px;
@@ -2138,12 +2197,12 @@ window.__ModuleLoader__.load({
   align-items: center;
   gap: 6px;
   padding: 6px 12px;
-  background: var(--dsw-alias-label-primary, #17233c);
-  color: var(--dsw-alias-bg-base, #ffffff);
+  background: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-fill-base, #ffffff);
   font-size: 11px;
   border-radius: 99px;
-  box-shadow: 0 4px 16px rgba(0,0,0,.25);
-  animation: dsh-files-fade-in 0.15s ease;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.22);
+  animation: dsh-files-fade-in 0.16s cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 100;
   pointer-events: none;
   white-space: nowrap;
@@ -2161,13 +2220,13 @@ window.__ModuleLoader__.load({
   justify-content: center;
   height: 180px;
   gap: 10px;
-  color: var(--dsw-alias-label-secondary, #6f7f9b);
+  color: var(--dsw-alias-label-secondary);
 }
 .dsh-files-spinner {
   width: 18px;
   height: 18px;
-  border: 2px solid var(--dsw-alias-border-l2, rgba(118,137,166,.3));
-  border-top-color: var(--dsw-alias-brand-primary, #4b70e2);
+  border: 2px solid var(--dsw-alias-border-l1);
+  border-top-color: var(--dsw-alias-state-business-primary);
   border-radius: 50%;
   animation: dsh-files-spin 0.8s linear infinite;
 }
@@ -2181,7 +2240,7 @@ window.__ModuleLoader__.load({
   justify-content: center;
   padding: 36px 16px;
   text-align: center;
-  color: var(--dsw-alias-label-secondary, #6f7f9b);
+  color: var(--dsw-alias-label-secondary);
 }
 .dsh-files-empty-icon {
   margin-bottom: 8px;
@@ -2194,7 +2253,7 @@ window.__ModuleLoader__.load({
 }
 .dsh-files-empty-detail {
   font-size: 11.5px;
-  color: var(--dsw-alias-label-tertiary, #8c9ba5);
+  color: var(--dsw-alias-label-tertiary);
 }
 .dsh-files-banner-error {
   display: flex;
@@ -2203,9 +2262,9 @@ window.__ModuleLoader__.load({
   gap: 8px;
   padding: 6px 12px;
   font-size: 11.5px;
-  color: var(--dsw-alias-state-error-primary, #e34c59);
-  background: color-mix(in srgb, var(--dsw-alias-state-error-primary, #e34c59) 10%, transparent);
-  border-bottom: 1px solid var(--dsw-alias-border-l1, rgba(118,137,166,.2));
+  color: var(--dsw-alias-state-danger-primary, #e34c59);
+  background: color-mix(in srgb, var(--dsw-alias-state-danger-primary, #e34c59) 10%, transparent);
+  border-bottom: 0.5px solid var(--dsw-alias-border-l1);
 }
 .dsh-files-banner-close {
   border: none;
@@ -2213,7 +2272,8 @@ window.__ModuleLoader__.load({
   color: inherit;
   cursor: pointer;
 }
-` });
+`;
+			document.head.appendChild(style);
 		}
 		//#endregion
 		exports.WorkspaceFilesSettingsCard = WorkspaceFilesSettingsCard;