@huanlin/dsh-plugin-ya-workspace-sidebar 0.7.0 → 0.8.0

package/README.md

@@ -8,7 +8,7 @@
 
 ![cover](assets/cover.webp)
 
-DSH Web 工作区侧栏替代插件。顶部以虚拟滚动展示全局最近会话（完整列表，不限于 5 条），与下方 Workspace → Session 二级菜单之间有一条可拖拽分隔条（也支持方向键微调、双击复位），面包屑导航与选中工作区的会话按本地日历日期分组（今天/昨天/更早）；搜索、添加工作区、重命名、删除、Fork 与归档继续使用 DSH 原生 Host 能力。会话行支持右键菜单（与 … 按钮菜单一致）：置顶（本地，置顶行浮于日期分组之上）、重命名、标记未读（本地蓝点，打开会话自动清除）、在资源管理器中打开工作目录、复制路径 / 任务路径 / 日志路径 / 会话 ID。任务路径与日志路径仅文件型（jsonl）持久化部署可用；sqlite 型部署（如 @morlay/better-session）对应菜单项自动禁用。
+DSH Web 工作区侧栏替代插件。顶部以虚拟滚动展示全局最近会话（完整列表，不限于 5 条），与下方 Workspace → Session 二级菜单之间有一条可拖拽分隔条（也支持方向键微调、双击复位），面包屑导航与选中工作区的会话按本地日历日期分组（今天/昨天/更早）；搜索、添加工作区、重命名、删除、Fork 与归档继续使用 DSH 原生 Host 能力。会话行支持右键菜单（与 … 按钮菜单一致）：置顶（本地，置顶行浮于日期分组之上）、重命名、标记未读（本地蓝点，打开会话自动清除）、在资源管理器中打开工作目录、复制路径 / 任务路径 / 日志路径 / 会话 ID。任务路径与日志路径仅文件型（jsonl）持久化部署可用；sqlite 型部署（如 @morlay/better-session）对应菜单项自动禁用。工作区行不设悬停按钮，右键直接弹出菜单（新建会话 / 在资源管理器中打开 / 复制路径 / 重命名 / 删除）；标题超宽时以渐隐（mask 渐变）截断、不显示省略号，路径保持左对齐省略号硬截断。
 
 ## 运行
 

package/lib/client.js

@@ -1402,14 +1402,14 @@ button.ya-crumb:hover { background:var(--dsw-alias-interactive-bg-hover); color:
 .ya-workspace-row { min-height:40px; }
 .ya-row-main { flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; }
 .ya-row-line { display:flex; align-items:center; min-width:0; gap:6px; }
-.ya-row-title { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; line-height:18px; }
+.ya-row-title { flex:1; min-width:0; overflow:hidden; white-space:nowrap; font-size:13px; line-height:18px; -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent 100%); mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent 100%); }
 .ya-row-meta { flex:none; color:var(--dsw-alias-label-tertiary); font-size:11px; white-space:nowrap; }
 .ya-workspace-path { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-tertiary); font-size:11px; line-height:15px; }
 .ya-row-actions { flex:none; display:flex; align-items:center; gap:2px; opacity:0; pointer-events:none; transition:opacity 120ms ease-out; }
 .ya-row:hover .ya-row-actions, .ya-menu-open .ya-row-actions { opacity:1; pointer-events:auto; }
 .ya-status-slot { flex:none; width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; color:var(--dsw-alias-label-tertiary); }
 .ya-recent .ya-row { min-height:31px; }
-.ya-search-workspace { color:var(--dsw-alias-label-tertiary); font-size:11px; line-height:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.ya-search-workspace { color:var(--dsw-alias-label-tertiary); font-size:11px; line-height:15px; overflow:hidden; white-space:nowrap; -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent 100%); mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent 100%); }
 .ya-empty, .ya-status { padding:18px 10px; color:var(--dsw-alias-label-tertiary); text-align:center; font-size:13px; }
 .ya-warning { color:var(--dsw-alias-status-warning); }
 .ya-rename-input { width:100%; height:38px; box-sizing:border-box; border:1px solid var(--dsw-alias-border-l2); border-radius:9px; padding:0 11px; background:transparent; color:var(--dsw-alias-label-primary); outline:none; }
@@ -2299,13 +2299,22 @@ button.ya-crumb:hover { background:var(--dsw-alias-interactive-bg-hover); color:
 				]
 			});
 		}
-		function WorkspaceItem({ row, enter, create, rename, remove, now, t }) {
-			const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+		function WorkspaceItem({ row, enter, create, reveal, copy, rename, remove, now, t }) {
+			const [menuAt, setMenuAt] = (0, react.useState)(null);
+			const hasPath = row.path !== void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: `ya-row ya-workspace-row${menuOpen ? " ya-menu-open" : ""}`,
+				className: `ya-row ya-workspace-row${menuAt !== null ? " ya-menu-open" : ""}`,
 				role: "treeitem",
 				onClick: enter,
 				title: row.path,
+				onContextMenu: (event) => {
+					if (!row.real) return;
+					event.preventDefault();
+					setMenuAt({
+						x: event.clientX,
+						y: event.clientY
+					});
+				},
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "ya-status-slot",
@@ -2327,50 +2336,68 @@ button.ya-crumb:hover { background:var(--dsw-alias-interactive-bg-hover); color:
 							children: row.path
 						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: "ya-row-actions",
-						children: [row.real && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
-							open: menuOpen,
-							onClose: () => {
-								setMenuOpen(false);
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {}),
+					row.real && menuAt !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+						open: true,
+						onClose: () => {
+							setMenuAt(null);
+						},
+						items: [
+							{
+								id: "create",
+								label: t("newSession"),
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, {})
+							},
+							{
+								type: "separator",
+								id: "sep-ws-paths"
+							},
+							{
+								id: "reveal",
+								label: t("revealInExplorer"),
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutline16, {}),
+								disabled: !hasPath
 							},
-							items: [{
+							{
+								id: "copy-path",
+								label: t("copyPath"),
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, {}),
+								disabled: !hasPath
+							},
+							{
+								type: "separator",
+								id: "sep-ws-manage"
+							},
+							{
 								id: "rename",
 								label: t("rename"),
 								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {})
-							}, {
+							},
+							{
 								id: "delete",
 								label: t("deleteWorkspace"),
 								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, {}),
 								danger: true
-							}],
-							onSelect: (id) => {
-								setMenuOpen(false);
-								if (id === "rename") rename();
-								if (id === "delete") remove();
-							},
-							portal: true,
-							closeOnPointerLeave: true,
-							anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "ya-icon-button",
-								onClick: (event) => {
-									event.stopPropagation();
-									setMenuOpen((value) => !value);
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, {})
-							})
-						}), row.real && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: "ya-icon-button",
-							onClick: (event) => {
-								event.stopPropagation();
-								create();
-							},
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, {})
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {})
+							}
+						],
+						onSelect: (id) => {
+							setMenuAt(null);
+							if (id === "create") create();
+							if (id === "reveal" && row.path !== void 0) {
+								reveal(row.path);
+								return;
+							}
+							if (id === "copy-path" && row.path !== void 0) {
+								copy(row.path);
+								return;
+							}
+							if (id === "rename") rename();
+							if (id === "delete") remove();
+						},
+						portal: true,
+						getAnchorRect: () => new DOMRect(menuAt.x, menuAt.y, 0, 0),
+						anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { "aria-hidden": "true" })
+					})
 				]
 			});
 		}
@@ -2932,6 +2959,8 @@ button.ya-crumb:hover { background:var(--dsw-alias-interactive-bg-hover); color:
 											create: () => {
 												if (row.key !== "__ya_ungrouped__") startSession(row.key);
 											},
+											reveal,
+											copy,
 											rename: () => {
 												beginWorkspaceRename(row);
 											},