@deepseek-ai/dsh-client-ui-workspace 0.0.1-rc.1

package/lib/client.js

@@ -0,0 +1,1894 @@
+window.__ModuleLoader__.load({
+	id: "@deepseek-ai/dsh-client-ui-workspace",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region lib/types/client/stores.js
+		/**
+		* The workspace browser's viewing store: the session-list grouping mode,
+		* persisted across reloads. Module level exports the factory only (a
+		* module-level handle would pin the store identity across plugin reloads);
+		* register() receives the factory and the browser derives its PropsStore
+		* share from the return type.
+		*/
+		/**
+		* Create the workspace browser viewing store handle.
+		* @returns the store handle (spec + type + identity + factory in one).
+		*/
+		function createWorkspaceViewStore() {
+			return (0, _deepseek_ai_dsh_client_runtime_client.defineStore)({
+				init: () => ({ groupBy: "workspace" }),
+				persist: "dsh.workspace.view",
+				actions: { setGroupBy: (d, mode) => {
+					d.groupBy = mode;
+				} }
+			});
+		}
+		//#endregion
+		//#region ../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+		function r(e) {
+			var t, f, n = "";
+			if ("string" == typeof e || "number" == typeof e) n += e;
+			else if ("object" == typeof e) if (Array.isArray(e)) {
+				var o = e.length;
+				for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+			} else for (f in e) e[f] && (n && (n += " "), n += f);
+			return n;
+		}
+		function clsx() {
+			for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+			return n;
+		}
+		/** Display label for the ungrouped bucket row. */
+		const UNGROUPED_LABEL = "Ungrouped";
+		/**
+		* Directory display label: basename of the path (both separators accepted).
+		* Ungrouped-bucket fallback for surfaces without a workspace title.
+		* @param cwd - directory path, or undefined for the ungrouped bucket.
+		* @returns basename, the raw cwd when it has no basename, or the ungrouped label.
+		*/
+		function projectLabel(cwd) {
+			if (cwd === void 0 || cwd === "") return UNGROUPED_LABEL;
+			const base = cwd.replace(/[/\\]+$/, "").split(/[/\\]/).pop();
+			return base !== void 0 && base !== "" ? base : cwd;
+		}
+		/** Recency comparator: newest first, id as the deterministic tiebreak (ids are unique per group). */
+		function byRecency(a, b) {
+			if (b.updatedAt !== a.updatedAt) return b.updatedAt - a.updatedAt;
+			return a.id < b.id ? -1 : 1;
+		}
+		/**
+		* Ordinary sessions are visible; among blank sessions, only the current one
+		* is visible. Subagent children use their parent header catalog; archived
+		* sessions are visible nowhere, while their accounting slots remain so
+		* unarchiving restores position.
+		*/
+		function sessionVisible(session, current, archived) {
+			return session.origin !== "subagent" && !archived.has(session.id) && (!session.blank || session.id === current);
+		}
+		/**
+		* A blank session is the selected Workspace's provisional New Session row;
+		* its canonical title never enters search (blank rows are query-excluded)
+		* and the renderer localizes its display label.
+		*/
+		function sessionTitle(session) {
+			return session.blank ? "New Session" : session.displayTitle;
+		}
+		/** Build one group without projecting session lineage into presentation. */
+		function buildGroup(key, workspaceId, cwd, createdAt, label, members, order) {
+			const sessions = [...members];
+			if (order === "recency") sessions.sort(byRecency);
+			return {
+				key,
+				workspaceId,
+				cwd,
+				createdAt,
+				label,
+				sessions
+			};
+		}
+		/**
+		* Group Sessions by Host Workspace: one group per entity in stable Host
+		* order, with members resolved from sessionIds in their stored order. Sessions
+		* outside every Workspace trail in the recency-ordered Ungrouped bucket.
+		*/
+		function groupByWorkspace(list, workspaces, archived) {
+			const groups = [];
+			const accounted = /* @__PURE__ */ new Set();
+			for (const workspace of workspaces) {
+				const members = [];
+				for (const id of workspace.sessionIds) {
+					const summary = list.byId[id];
+					if (summary === void 0) continue;
+					accounted.add(id);
+					if (!sessionVisible(summary, list.current, archived)) continue;
+					members.push(summary);
+				}
+				groups.push(buildGroup(workspace.workspaceId, workspace.workspaceId, workspace.path, Date.parse(workspace.createdAt), workspace.title, members, "account"));
+			}
+			const stray = list.ids.map((id) => list.byId[id]).filter((s) => s !== void 0 && !accounted.has(s.id) && sessionVisible(s, list.current, archived));
+			if (stray.length > 0) groups.push(buildGroup("", void 0, void 0, void 0, UNGROUPED_LABEL, stray, "recency"));
+			return groups;
+		}
+		function sessionNode(s, descendants) {
+			return {
+				id: s.id,
+				title: sessionTitle(s),
+				blank: s.blank,
+				running: s.running,
+				runningSubagentCount: descendants.get(s.id)?.runningCount ?? 0,
+				completed: s.completed === true,
+				updatedAt: s.updatedAt,
+				...s.pendingInteraction === void 0 ? {} : { pendingInteraction: s.pendingInteraction }
+			};
+		}
+		/**
+		* Derive the workspace browser groups with every session as a top-level row.
+		*
+		* Every group shows; sessions populate under expanded groups, preserving
+		* Host account order. Blank sessions are excluded except for the selected
+		* provisional New Session row; archived sessions are excluded everywhere.
+		* Content search lives outside this derivation
+		* (see {@link deriveSearchResults}).
+		* @param list - sessions list snapshot (`current` feeds containsCurrent).
+		* @param workspaces - real workspaces in stable Host order.
+		* @param archivedSessionIds - registry-global archive set.
+		* @param view - local expansion arrays.
+		* @returns group sections in render order.
+		*/
+		function deriveGroups(list, workspaces, archivedSessionIds, view) {
+			const archived = new Set(archivedSessionIds);
+			const expandedProjects = new Set(view.expandedProjects);
+			const descendants = (0, _deepseek_ai_dsh_client_runtime_client.indexSubagentDescendants)(list.byId);
+			const currentGroup = list.current === void 0 ? void 0 : workspaces.find((w) => w.sessionIds.includes(list.current))?.workspaceId ?? "";
+			const groups = [];
+			for (const g of groupByWorkspace(list, workspaces, archived)) {
+				const expanded = expandedProjects.has(g.key);
+				groups.push({
+					key: g.key,
+					workspaceId: g.workspaceId,
+					cwd: g.cwd,
+					createdAt: g.createdAt,
+					label: g.label,
+					sessionCount: g.sessions.length,
+					expanded,
+					containsCurrent: g.key === currentGroup,
+					sessions: expanded ? g.sessions.map((session) => sessionNode(session, descendants)) : []
+				});
+			}
+			return groups;
+		}
+		/**
+		* Derive the flat session list ("In one list" mode): every session — fork
+		* children included — as a top-level row, strictly newest-first. No grouping,
+		* no parent/child adjacency. Content search lives outside this derivation
+		* (see {@link deriveSearchResults}).
+		* @param list - sessions list snapshot.
+		* @param archivedSessionIds - registry-global archive set.
+		* @returns flat rows in render order.
+		*/
+		function deriveFlat(list, archivedSessionIds) {
+			const archived = new Set(archivedSessionIds);
+			const descendants = (0, _deepseek_ai_dsh_client_runtime_client.indexSubagentDescendants)(list.byId);
+			const rows = [];
+			for (const id of list.ids) {
+				const s = list.byId[id];
+				if (s === void 0 || !sessionVisible(s, list.current, archived)) continue;
+				rows.push(s);
+			}
+			rows.sort(byRecency);
+			return rows.map((session) => sessionNode(session, descendants));
+		}
+		/**
+		* Merge immediate title/Workspace substring matches with ranked Host content
+		* matches. Local rows lead newest-first, content-only rows retain backend
+		* order, and duplicate sessions receive the backend snippet in place.
+		* @param list - session metadata authority.
+		* @param workspaces - Workspace membership and display labels.
+		* @param query - caller text; surrounding whitespace is ignored.
+		* @param archivedSessionIds - registry-global archive set (members never match).
+		* @param content - ranked Host content-search page.
+		* @param limit - protocol-owned maximum merged row count.
+		* @returns bounded deduplicated flat rows and a refine-query hint bit.
+		*/
+		function deriveSearchResults(list, workspaces, query, archivedSessionIds, content, limit) {
+			const q = query.trim().toLowerCase();
+			if (q === "") return {
+				items: [],
+				hasMore: false
+			};
+			const archived = new Set(archivedSessionIds);
+			const descendants = (0, _deepseek_ai_dsh_client_runtime_client.indexSubagentDescendants)(list.byId);
+			const workspaceBySession = /* @__PURE__ */ new Map();
+			for (const workspace of workspaces) for (const sessionId of workspace.sessionIds) if (!workspaceBySession.has(sessionId)) workspaceBySession.set(sessionId, workspace.title);
+			const labelOf = (summary) => workspaceBySession.get(summary.id) ?? projectLabel(summary.cwd);
+			const contentBySession = /* @__PURE__ */ new Map();
+			for (const item of content.items) if (!contentBySession.has(item.sessionId)) contentBySession.set(item.sessionId, item);
+			const local = [];
+			for (const id of list.ids) {
+				const summary = list.byId[id];
+				if (summary === void 0 || summary.blank || !sessionVisible(summary, list.current, archived)) continue;
+				if (sessionTitle(summary).toLowerCase().includes(q) || labelOf(summary).toLowerCase().includes(q)) local.push(summary);
+			}
+			local.sort(byRecency);
+			const ordered = [];
+			const included = /* @__PURE__ */ new Set();
+			const include = (summary) => {
+				if (included.has(summary.id)) return;
+				included.add(summary.id);
+				ordered.push(summary);
+			};
+			for (const summary of local) include(summary);
+			for (const item of content.items) {
+				const summary = list.byId[item.sessionId];
+				if (summary !== void 0 && !summary.blank && sessionVisible(summary, list.current, archived)) include(summary);
+			}
+			return {
+				items: ordered.slice(0, limit).map((summary) => {
+					const match = contentBySession.get(summary.id);
+					return {
+						id: summary.id,
+						title: sessionTitle(summary),
+						workspace: labelOf(summary),
+						running: summary.running,
+						runningSubagentCount: descendants.get(summary.id)?.runningCount ?? 0,
+						...summary.pendingInteraction === void 0 ? {} : { pendingInteraction: summary.pendingInteraction },
+						completed: summary.completed === true,
+						...match === void 0 ? {} : { snippet: match.snippet }
+					};
+				}),
+				hasMore: content.hasMore || ordered.length > limit
+			};
+		}
+		/**
+		* Compact relative time for session rows, as a structured bucket the
+		* renderer localizes ("now"/"5min"/"3h"/"2d"/"4mo"/"1y" in en).
+		* @param updatedAt - epoch ms of the session's last activity.
+		* @param now - current epoch ms (injected for pure rendering).
+		* @returns the row's trailing time bucket and magnitude.
+		*/
+		function relativeTime(updatedAt, now) {
+			const MIN = 6e4;
+			const HOUR = 36e5;
+			const DAY = 864e5;
+			const diff = Math.max(0, now - updatedAt);
+			if (diff < MIN) return {
+				unit: "now",
+				n: 0
+			};
+			if (diff < HOUR) return {
+				unit: "minutes",
+				n: Math.floor(diff / MIN)
+			};
+			if (diff < DAY) return {
+				unit: "hours",
+				n: Math.floor(diff / HOUR)
+			};
+			if (diff < 30 * DAY) return {
+				unit: "days",
+				n: Math.floor(diff / DAY)
+			};
+			if (diff < 365 * DAY) return {
+				unit: "months",
+				n: Math.floor(diff / (30 * DAY))
+			};
+			return {
+				unit: "years",
+				n: Math.floor(diff / (365 * DAY))
+			};
+		}
+		//#endregion
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-workspace/src/client/rows/Rows.module.css.mjs
+		const css$2 = ".YDXeBa_projectRow,.YDXeBa_sessionRow{cursor:pointer;user-select:none;color:var(--dsw-alias-label-primary);border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex}.YDXeBa_projectRow:hover,.YDXeBa_sessionRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.YDXeBa_sessionRow.YDXeBa_selected{background:var(--dsw-alias-interactive-bg-active)}.YDXeBa_searchResultRow{box-sizing:border-box;cursor:pointer;text-align:left;width:100%;min-height:62px;color:var(--dsw-alias-label-primary);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:stretch;padding:7px 8px;display:flex}.YDXeBa_searchResultRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.YDXeBa_searchResultRow.YDXeBa_selected{background:var(--dsw-alias-interactive-bg-active)}.YDXeBa_searchResultHeading{align-items:center;min-width:0;display:flex}.YDXeBa_searchResultTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:4px;font-size:14px;line-height:20px;overflow:hidden}.YDXeBa_searchResultWorkspace,.YDXeBa_searchResultSnippet{text-overflow:ellipsis;white-space:nowrap;margin-left:20px;font-size:12px;line-height:17px;overflow:hidden}.YDXeBa_searchResultWorkspace{color:var(--dsw-alias-label-tertiary)}.YDXeBa_searchResultSnippet{color:var(--dsw-alias-label-secondary)}.YDXeBa_projectRow{box-sizing:border-box;align-items:flex-start;height:54px;padding-top:6px;padding-bottom:6px}.YDXeBa_projectRow .YDXeBa_rowActions{height:20px}.YDXeBa_sessionRow{height:34px;animation:YDXeBa_row-in .15s var(--ds-ease-in-out);gap:0}.YDXeBa_sessionRow .YDXeBa_title{margin:0 6px 0 4px}@keyframes YDXeBa_row-in{0%{opacity:0}}.YDXeBa_slot{width:16px;height:20px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.YDXeBa_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.YDXeBa_folderActive{color:var(--dsw-alias-state-business-primary)}.YDXeBa_projectRow .YDXeBa_chevron{display:none}.YDXeBa_projectRow:hover .YDXeBa_chevron{display:inline-flex}.YDXeBa_projectRow:hover .YDXeBa_folder{display:none}.YDXeBa_arrow{transition:transform .15s var(--ds-ease-in-out)}.YDXeBa_arrowOpen{transform:rotate(90deg)}.YDXeBa_projectText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.YDXeBa_title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:20px;overflow:hidden}.YDXeBa_renameInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-button-elevated-fill);min-width:0;color:inherit;border-radius:4px;outline:none;padding:0 2px;font-size:14px;line-height:20px}.YDXeBa_sessionRow .YDXeBa_title{flex:1}.YDXeBa_meta{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:20px;overflow:hidden}.YDXeBa_time{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:20px}.YDXeBa_dot{flex:none}.YDXeBa_rowActions{flex:none;align-items:center;gap:12px;display:none}.YDXeBa_projectRow:hover .YDXeBa_rowActions,.YDXeBa_sessionRow:hover .YDXeBa_rowActions,.YDXeBa_projectRow.YDXeBa_menuOpen .YDXeBa_rowActions,.YDXeBa_sessionRow.YDXeBa_menuOpen .YDXeBa_rowActions{display:inline-flex}.YDXeBa_sessionRow:hover .YDXeBa_time,.YDXeBa_sessionRow.YDXeBa_menuOpen .YDXeBa_time{display:none}.YDXeBa_projectRow.YDXeBa_menuOpen,.YDXeBa_sessionRow.YDXeBa_menuOpen{background:var(--dsw-alias-interactive-bg-hover)}.YDXeBa_sessionRow.YDXeBa_dropBefore{box-shadow:0 -2px 0 0 var(--dsw-alias-state-business-primary)}.YDXeBa_sessionRow.YDXeBa_dropAfter{box-shadow:0 2px 0 0 var(--dsw-alias-state-business-primary)}.YDXeBa_hoverContent{flex-direction:column;gap:8px;display:flex}.YDXeBa_hoverTitle{color:#fff;overflow-wrap:break-word;font-size:14px;line-height:20px}.YDXeBa_hoverPath{color:#cfd3d6;word-break:break-all;font-size:12px;line-height:16px}.YDXeBa_hoverTime{color:#cfd3d6;font-size:12px;line-height:16px}.YDXeBa_hoverStatus{color:#adb2b8;align-items:center;gap:8px;font-size:12px;line-height:20px;display:flex}.YDXeBa_iconButton{cursor:pointer;width:16px;height:16px;color:var(--dsw-alias-label-tertiary);background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.YDXeBa_iconButton:hover{color:var(--dsw-alias-label-primary)}.YDXeBa_chevron{color:var(--dsw-alias-label-caption)}@media (prefers-reduced-motion:reduce){.YDXeBa_sessionRow,.YDXeBa_arrow{transition:none;animation:none}}";
+		const tagId$2 = "@deepseek-ai/dsh-client-ui-workspace/Rows.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-workspace";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var Rows_module_css_default = {
+			"searchResultRow": "YDXeBa_searchResultRow",
+			"slot": "YDXeBa_slot",
+			"title": "YDXeBa_title",
+			"row-in": "YDXeBa_row-in",
+			"folderActive": "YDXeBa_folderActive",
+			"rowActions": "YDXeBa_rowActions",
+			"searchResultHeading": "YDXeBa_searchResultHeading",
+			"hoverStatus": "YDXeBa_hoverStatus",
+			"menuOpen": "YDXeBa_menuOpen",
+			"chevron": "YDXeBa_chevron",
+			"hoverPath": "YDXeBa_hoverPath",
+			"visuallyHidden": "YDXeBa_visuallyHidden",
+			"searchResultTitle": "YDXeBa_searchResultTitle",
+			"searchResultWorkspace": "YDXeBa_searchResultWorkspace",
+			"projectText": "YDXeBa_projectText",
+			"selected": "YDXeBa_selected",
+			"hoverContent": "YDXeBa_hoverContent",
+			"renameInput": "YDXeBa_renameInput",
+			"dropAfter": "YDXeBa_dropAfter",
+			"folder": "YDXeBa_folder",
+			"searchResultSnippet": "YDXeBa_searchResultSnippet",
+			"meta": "YDXeBa_meta",
+			"time": "YDXeBa_time",
+			"dropBefore": "YDXeBa_dropBefore",
+			"sessionRow": "YDXeBa_sessionRow",
+			"hoverTime": "YDXeBa_hoverTime",
+			"iconButton": "YDXeBa_iconButton",
+			"hoverTitle": "YDXeBa_hoverTitle",
+			"dot": "YDXeBa_dot",
+			"arrow": "YDXeBa_arrow",
+			"projectRow": "YDXeBa_projectRow",
+			"arrowOpen": "YDXeBa_arrowOpen"
+		};
+		//#endregion
+		//#region lib/types/client/rows/Rows.js
+		/**
+		* Workspace browser tree row components (figma Cell set 14:3080): pure presentational —
+		* all data and callbacks arrive via props. Hover swaps (folder->chevron,
+		* time->ellipsis, action buttons) are CSS-only. Row ... menus are visual-only
+		* except workspace Rename/Delete and session Rename/Fork/Archive; the session
+		* and workspace hover cards are suppressed while a menu is open.
+		*/
+		/** Row display title: blank rows show the localized New Session label. */
+		function displayTitle(node, t) {
+			return node.blank ? t("session.new") : node.title;
+		}
+		/** Localized compact relative time ("刚刚"/"5分钟" in zh, "now"/"5min" in en). */
+		function timeLabel(updatedAt, now, t) {
+			const { unit, n } = relativeTime(updatedAt, now);
+			return unit === "now" ? t("time.now") : t(`time.${unit}`, { n });
+		}
+		/** Hover-card variant: distances wrap in the ago template; the now bucket stays bare (no "now ago"). */
+		function hoverTimeLabel(updatedAt, now, t) {
+			const { unit, n } = relativeTime(updatedAt, now);
+			return unit === "now" ? t("time.now") : t("time.ago", { t: t(`time.${unit}`, { n }) });
+		}
+		/**
+		* Absolute creation time through the dictionary's date template (the message
+		* clock pattern): `toLocaleString` would follow the browser language, not the
+		* app locale, and produce mixed-language text after a switch.
+		*/
+		function createdLabel(createdAt, t) {
+			const d = new Date(createdAt);
+			const pad2 = (v) => String(v).padStart(2, "0");
+			return t("hover.created", { time: `${t("date.ymd", {
+				y: d.getFullYear(),
+				m: d.getMonth() + 1,
+				d: d.getDate()
+			})} ${pad2(d.getHours())}:${pad2(d.getMinutes())}` });
+		}
+		/** Hover-card body: workspace title, full directory path, absolute creation time. */
+		function WorkspaceHoverContent({ label, cwd, createdAt, t }) {
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: Rows_module_css_default.hoverContent,
+				children: [
+					(0, react_jsx_runtime.jsx)("div", {
+						className: Rows_module_css_default.hoverTitle,
+						children: label
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: Rows_module_css_default.hoverPath,
+						children: cwd
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: Rows_module_css_default.hoverTime,
+						children: createdLabel(createdAt, t)
+					})
+				]
+			});
+		}
+		/**
+		* Project (workspace) header row: 54px, folder + title + session count;
+		* hover reveals the chevron and create button, and dwelling on a real
+		* Workspace shows its hover card (the ungrouped bucket has none).
+		* `containsCurrent` arrives on the node (derivation fact, no renderer scan).
+		* @param props.group - derived group node.
+		* @param props.onToggle - expand/collapse the group.
+		* @param props.onCreate - start a frontend Session inside this Workspace.
+		* @param props.t - the browser root's locale seat.
+		* @returns the row element.
+		*/
+		function ProjectRowItem({ group, onToggle, onCreate, actions, t }) {
+			const row = group;
+			const label = row.workspaceId === void 0 ? t("group.ungrouped") : row.label;
+			const active = group.expanded && group.containsCurrent;
+			const count = t(row.sessionCount === 1 ? "sessions.count.one" : "sessions.count.other", { n: row.sessionCount });
+			const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+			const workspaceMenuItems = [{
+				id: "rename",
+				label: t("rename"),
+				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {})
+			}, {
+				id: "delete",
+				label: t("delete.workspace"),
+				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, {}),
+				danger: true
+			}];
+			const ownRow = (0, react_jsx_runtime.jsxs)("div", {
+				className: clsx(Rows_module_css_default.projectRow, menuOpen && Rows_module_css_default.menuOpen),
+				role: "treeitem",
+				"aria-expanded": row.expanded,
+				onClick: onToggle,
+				children: [
+					(0, react_jsx_runtime.jsx)("span", {
+						className: clsx(Rows_module_css_default.slot, Rows_module_css_default.folder, active && Rows_module_css_default.folderActive),
+						children: row.expanded ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpen16, {}) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderClose16, {})
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: clsx(Rows_module_css_default.slot, Rows_module_css_default.chevron),
+						children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTriangleRightFill14, { className: clsx(Rows_module_css_default.arrow, row.expanded && Rows_module_css_default.arrowOpen) })
+					}),
+					(0, react_jsx_runtime.jsxs)("span", {
+						className: Rows_module_css_default.projectText,
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: Rows_module_css_default.title,
+							children: label
+						}), (0, react_jsx_runtime.jsx)("span", {
+							className: Rows_module_css_default.meta,
+							children: count
+						})]
+					}),
+					(0, react_jsx_runtime.jsxs)("span", {
+						className: Rows_module_css_default.rowActions,
+						children: [actions !== void 0 && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+							open: menuOpen,
+							onClose: () => {
+								setMenuOpen(false);
+							},
+							items: workspaceMenuItems,
+							onSelect: (id) => {
+								setMenuOpen(false);
+								/* v8 ignore next -- workspaceMenuItems carries exactly these two rows today. */
+								if (id !== "rename" && id !== "delete") return;
+								if (id === "rename") actions.rename();
+								else actions.delete();
+							},
+							portal: true,
+							closeOnPointerLeave: true,
+							anchor: (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: Rows_module_css_default.iconButton,
+								"aria-label": t("actions.workspace.aria", { name: label }),
+								onClick: (e) => {
+									e.stopPropagation();
+									setMenuOpen((v) => !v);
+								},
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, {})
+							})
+						}), (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: Rows_module_css_default.iconButton,
+							"aria-label": t("actions.newSession.aria", { name: label }),
+							onClick: (e) => {
+								e.stopPropagation();
+								onCreate();
+							},
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, {})
+						})]
+					})
+				]
+			});
+			if (row.createdAt === void 0) return ownRow;
+			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.HoverCard, {
+				anchor: ownRow,
+				content: (0, react_jsx_runtime.jsx)(WorkspaceHoverContent, {
+					label: row.label,
+					cwd: row.cwd,
+					createdAt: row.createdAt,
+					t
+				}),
+				disabled: menuOpen,
+				copyText: row.cwd,
+				copyLabel: t("copy"),
+				copiedLabel: t("hover.copied")
+			});
+		}
+		/* v8 ignore next 3 -- closed-union backstop; only reached if the status is forged */
+		function assertNever(value) {
+			throw new Error(`unknown pending interaction: ${String(value)}`);
+		}
+		/**
+		* Session status presentation; pending interaction is primary and live activity
+		* outranks completion reminders.
+		*/
+		function sessionStatuses(node, t) {
+			const subagents = node.runningSubagentCount === 0 ? void 0 : {
+				state: "ongoing",
+				label: t(node.runningSubagentCount === 1 ? "status.subagentsRunning.one" : "status.subagentsRunning.other", { n: node.runningSubagentCount })
+			};
+			let pending;
+			switch (node.pendingInteraction) {
+				case "approval":
+					pending = {
+						state: "warning",
+						label: t("status.waitingApproval")
+					};
+					break;
+				case "plan-review":
+					pending = {
+						state: "warning",
+						label: t("status.planReview")
+					};
+					break;
+				case "question":
+					pending = {
+						state: "warning",
+						label: t("status.waitingAnswer")
+					};
+					break;
+				case void 0: break;
+				/* v8 ignore next -- closed PendingInteractionStatus union */
+				default: return assertNever(node.pendingInteraction);
+			}
+			if (pending !== void 0) return subagents === void 0 ? [pending] : [pending, subagents];
+			if (node.running) {
+				const primary = {
+					state: "ongoing",
+					label: t("status.running")
+				};
+				return subagents === void 0 ? [primary] : [primary, subagents];
+			}
+			if (subagents !== void 0) return [subagents];
+			if (node.completed) return [{
+				state: "done",
+				label: t("status.completed")
+			}];
+			return [{
+				state: "done",
+				label: t("status.idle")
+			}];
+		}
+		/** Hover-card body: full title, relative time, and every relevant live status. */
+		function SessionHoverContent({ node, now, t }) {
+			const statuses = sessionStatuses(node, t);
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: Rows_module_css_default.hoverContent,
+				children: [
+					(0, react_jsx_runtime.jsx)("div", {
+						className: Rows_module_css_default.hoverTitle,
+						children: displayTitle(node, t)
+					}),
+					!node.blank && (0, react_jsx_runtime.jsx)("div", {
+						className: Rows_module_css_default.hoverTime,
+						children: hoverTimeLabel(node.updatedAt, now, t)
+					}),
+					statuses.map((status) => (0, react_jsx_runtime.jsxs)("div", {
+						className: Rows_module_css_default.hoverStatus,
+						children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: status.state }), (0, react_jsx_runtime.jsx)("span", { children: status.label })]
+					}, status.label))
+				]
+			});
+		}
+		/**
+		* One flat search result: title, Workspace context, and optional content
+		* excerpt. Search navigation opens the session only; it does not address an
+		* event inside the conversation.
+		* @param props.result - merged local/content search row.
+		* @param props.currentId - selected session id.
+		* @param props.onOpen - open the selected session.
+		* @param props.t - Workspace-browser translation seat.
+		* @returns the result button.
+		*/
+		function SearchResultItem({ result, currentId, onOpen, t }) {
+			const selected = result.id === currentId;
+			const statuses = sessionStatuses(result, t);
+			const primaryStatus = statuses[0];
+			return (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: clsx(Rows_module_css_default.searchResultRow, selected && Rows_module_css_default.selected),
+				role: "treeitem",
+				"aria-selected": selected,
+				onClick: () => {
+					onOpen(result.id);
+				},
+				children: [
+					(0, react_jsx_runtime.jsxs)("span", {
+						className: Rows_module_css_default.searchResultHeading,
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: Rows_module_css_default.slot,
+							children: (primaryStatus.state !== "done" || result.completed) && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: primaryStatus.state }), statuses.map((status) => (0, react_jsx_runtime.jsx)("span", {
+								className: Rows_module_css_default.visuallyHidden,
+								children: status.label
+							}, status.label))] })
+						}), (0, react_jsx_runtime.jsx)("span", {
+							className: Rows_module_css_default.searchResultTitle,
+							children: result.title
+						})]
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: Rows_module_css_default.searchResultWorkspace,
+						children: result.workspace
+					}),
+					result.snippet !== void 0 && (0, react_jsx_runtime.jsx)("span", {
+						className: Rows_module_css_default.searchResultSnippet,
+						children: result.snippet
+					})
+				]
+			});
+		}
+		/** Pointer-position half of a row (insert line above or below). */
+		function rowHalf(e) {
+			const rect = e.currentTarget.getBoundingClientRect();
+			return e.clientY < rect.top + rect.height / 2 ? "before" : "after";
+		}
+		/**
+		* One top-level 34px session row: status dot (pending user interaction outranks
+		* own or descendant activity), title, relative time, and the row actions menu.
+		* @param props.node - derived session node.
+		* @param props.currentId - selected session id (row highlight).
+		* @param props.now - epoch ms for relative-time formatting.
+		* @param props.onOpen - open a session by id.
+		* @param props.onRename - open the session rename dialog (id + current title).
+		* @param props.onFork - fork a session at its last completed turn.
+		* @param props.onArchive - archive a session by id.
+		* @param props.drag - optional draggable-row wiring.
+		* @param props.t - the browser root's locale seat.
+		* @returns the session row.
+		*/
+		function SessionNodeItem({ node, currentId, now, onOpen, onRename, onFork, onArchive, drag, t }) {
+			const row = node;
+			const title = displayTitle(node, t);
+			const selected = node.id === currentId;
+			const statuses = sessionStatuses(node, t);
+			const primaryStatus = statuses[0];
+			const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+			const sessionMenuItems = [
+				{
+					id: "rename",
+					label: t("rename"),
+					icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {})
+				},
+				{
+					id: "fork",
+					label: t("menu.fork"),
+					icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, {})
+				},
+				{
+					id: "archive",
+					label: t("menu.archiveSession"),
+					icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconArchiveOutline20, { size: 16 })
+				}
+			];
+			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.HoverCard, {
+				anchor: (0, react_jsx_runtime.jsxs)("div", {
+					className: clsx(Rows_module_css_default.sessionRow, selected && Rows_module_css_default.selected, menuOpen && Rows_module_css_default.menuOpen, drag?.marker === "before" && Rows_module_css_default.dropBefore, drag?.marker === "after" && Rows_module_css_default.dropAfter),
+					role: "treeitem",
+					"aria-selected": selected,
+					onClick: () => {
+						onOpen(node.id);
+					},
+					draggable: drag !== void 0,
+					onDragStart: drag === void 0 ? void 0 : (e) => {
+						e.dataTransfer.effectAllowed = "move";
+						drag.start();
+					},
+					onDragEnd: drag?.end,
+					onDragOver: drag === void 0 ? void 0 : (e) => {
+						if (!drag.active) return;
+						e.preventDefault();
+						e.dataTransfer.dropEffect = "move";
+						drag.hover(rowHalf(e));
+					},
+					onDrop: drag === void 0 ? void 0 : (e) => {
+						if (!drag.active) return;
+						e.preventDefault();
+						drag.drop(rowHalf(e));
+					},
+					children: [
+						(0, react_jsx_runtime.jsx)("span", {
+							className: Rows_module_css_default.slot,
+							children: (primaryStatus.state !== "done" || row.completed) && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: primaryStatus.state }), statuses.map((status) => (0, react_jsx_runtime.jsx)("span", {
+								className: Rows_module_css_default.visuallyHidden,
+								children: status.label
+							}, status.label))] })
+						}),
+						(0, react_jsx_runtime.jsx)("span", {
+							className: Rows_module_css_default.title,
+							children: title
+						}),
+						!row.blank && (0, react_jsx_runtime.jsx)("span", {
+							className: Rows_module_css_default.time,
+							children: timeLabel(row.updatedAt, now, t)
+						}),
+						!row.blank && (0, react_jsx_runtime.jsx)("span", {
+							className: Rows_module_css_default.rowActions,
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+								open: menuOpen,
+								onClose: () => {
+									setMenuOpen(false);
+								},
+								items: sessionMenuItems,
+								onSelect: (id) => {
+									setMenuOpen(false);
+									if (id === "rename") onRename(node.id, row.title);
+									if (id === "fork") onFork(node.id);
+									if (id === "archive") onArchive(node.id);
+								},
+								portal: true,
+								closeOnPointerLeave: true,
+								anchor: (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: Rows_module_css_default.iconButton,
+									"aria-label": t("actions.session.aria", { name: title }),
+									onClick: (e) => {
+										e.stopPropagation();
+										setMenuOpen((v) => !v);
+									},
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, {})
+								})
+							})
+						})
+					]
+				}),
+				content: (0, react_jsx_runtime.jsx)(SessionHoverContent, {
+					node,
+					now,
+					t
+				}),
+				disabled: menuOpen || drag?.active === true,
+				copyText: row.blank ? void 0 : row.title,
+				copyLabel: t("copy"),
+				copiedLabel: t("hover.copied")
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-workspace/src/client/WorkspacePicker.module.css.mjs
+		const css$1 = "._G5b-a_modalAction{min-width:72px}._G5b-a_modalError,._G5b-a_menuStatus{margin-top:8px;font-size:12px;line-height:18px}._G5b-a_modalError{color:var(--dsw-alias-state-error-primary)}._G5b-a_menuStatus{color:var(--dsw-alias-label-secondary)}";
+		const tagId$1 = "@deepseek-ai/dsh-client-ui-workspace/WorkspacePicker.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-workspace";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var WorkspacePicker_module_css_default = {
+			"menuStatus": "_G5b-a_menuStatus",
+			"modalError": "_G5b-a_modalError",
+			"modalAction": "_G5b-a_modalAction"
+		};
+		//#endregion
+		//#region lib/types/client/WorkspacePicker.js
+		const ADD_WORKSPACE = "::add-workspace";
+		/**
+		* Render the pick menu plus the adoption error dialog.
+		* @param props - owner-controlled flow props.
+		* @returns menu + dialog elements.
+		*/
+		function WorkspacePickFlow({ t, open, anchorRef, useWorkspaces, createWorkspace, useDirectoryFlow, renderDirectoryFlow, onPick, onClose, addOnly = false, side = "bottom", selectedId }) {
+			const workspaceSnapshot = useWorkspaces((state) => state);
+			const workspaces = workspaceSnapshot.items;
+			const getAnchorRect = (0, react.useCallback)(() => anchorRef?.current?.getBoundingClientRect() ?? null, [anchorRef]);
+			const [errorOpen, setErrorOpen] = (0, react.useState)(false);
+			const [modalError, setModalError] = (0, react.useState)(null);
+			const [flowOpen, setFlowOpen] = (0, react.useState)(false);
+			const [pickingFolder, setPickingFolder] = (0, react.useState)(false);
+			const flowBusy = flowOpen || pickingFolder;
+			const flowAvailable = useDirectoryFlow((occupied) => occupied);
+			(0, react.useEffect)(() => {
+				if (flowOpen && !flowAvailable) setFlowOpen(false);
+			}, [flowOpen, flowAvailable]);
+			const addEntries = flowAvailable ? [{
+				id: ADD_WORKSPACE,
+				label: t("menu.addWorkspace"),
+				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, { size: 16 }),
+				disabled: flowBusy
+			}] : [];
+			const pinAdd = !addOnly && workspaces.length > 0;
+			const items = pinAdd ? workspaces.map((workspace) => ({
+				id: workspace.workspaceId,
+				label: workspace.title,
+				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderClose16, { size: 16 }),
+				disabled: flowBusy
+			})) : addEntries;
+			const menuIsEmpty = items.length === 0;
+			const closeModal = () => {
+				setErrorOpen(false);
+				setModalError(null);
+			};
+			/** Adopt a picked directory; failures land in the folder-error dialog (Choose again reopens the flow). */
+			const adoptDirectory = (path) => createWorkspace({ path }).then((workspace) => {
+				setFlowOpen(false);
+				onPick(workspace.workspaceId);
+			}).catch((reason) => {
+				setModalError(reason instanceof Error ? reason.message : String(reason));
+				setFlowOpen(false);
+				setErrorOpen(true);
+			});
+			const openDirectoryFlow = (0, react.useCallback)(() => {
+				onClose();
+				setErrorOpen(false);
+				setModalError(null);
+				setFlowOpen(true);
+			}, [onClose]);
+			const listSettled = addOnly || workspaceSnapshot.phase === "ready";
+			const addIsTheOnlyEntry = !pinAdd && listSettled && addEntries.length === 1;
+			(0, react.useEffect)(() => {
+				if (open && addIsTheOnlyEntry && !flowBusy) openDirectoryFlow();
+			}, [
+				open,
+				addIsTheOnlyEntry,
+				flowBusy,
+				openDirectoryFlow
+			]);
+			/** Owner side of the flow conversation: adopt keeps the flow open (busy) until the Host answers. */
+			const flowOwner = {
+				open: flowOpen,
+				busy: pickingFolder,
+				onPicked: (path) => {
+					setPickingFolder(true);
+					adoptDirectory(path).finally(() => {
+						setPickingFolder(false);
+					});
+				},
+				onCancel: () => {
+					setFlowOpen(false);
+				},
+				onError: (message) => {
+					setFlowOpen(false);
+					setModalError(message);
+					setErrorOpen(true);
+				}
+			};
+			const handleSelect = (id) => {
+				if (id === ADD_WORKSPACE) {
+					openDirectoryFlow();
+					return;
+				}
+				onPick(id);
+			};
+			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+					open: open && !addIsTheOnlyEntry && !menuIsEmpty,
+					anchor: null,
+					items,
+					...pinAdd ? { footer: addEntries } : {},
+					selectedId,
+					onSelect: handleSelect,
+					onClose,
+					side,
+					portal: true,
+					getAnchorRect
+				}),
+				open && !addIsTheOnlyEntry && !menuIsEmpty && workspaceSnapshot.phase === "pending" && (0, react_jsx_runtime.jsx)("div", {
+					className: WorkspacePicker_module_css_default.menuStatus,
+					role: "status",
+					children: t("picker.loading")
+				}),
+				renderDirectoryFlow(flowOwner),
+				(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+					open: errorOpen,
+					onClose: closeModal,
+					closeLabel: t("close"),
+					title: t("folderError.title"),
+					footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "outline",
+						className: WorkspacePicker_module_css_default.modalAction,
+						onClick: closeModal,
+						children: t("cancel")
+					}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						className: WorkspacePicker_module_css_default.modalAction,
+						disabled: !flowAvailable,
+						onClick: openDirectoryFlow,
+						children: t("folderError.retry")
+					})] }),
+					children: (0, react_jsx_runtime.jsx)("div", {
+						className: WorkspacePicker_module_css_default.modalError,
+						role: "alert",
+						children: modalError
+					})
+				})
+			] });
+		}
+		/**
+		* The conversation empty-state registration: adapts the owner share to the
+		* core flow (all state and semantics live in the flow / the owner).
+		* @param props - empty-state slot props (owner share + injected creation callback).
+		* @returns the flow element.
+		*/
+		function WorkspacePicker({ open, anchorRef, useWorkspaces, selectedId, onPick, onClose, createWorkspace, useDirectoryFlow, renderSlot, t }) {
+			return (0, react_jsx_runtime.jsx)(WorkspacePickFlow, {
+				t,
+				open,
+				anchorRef,
+				useWorkspaces,
+				createWorkspace,
+				useDirectoryFlow,
+				renderDirectoryFlow: (owner) => renderSlot("conversation.hero.workspace.directoryFlow", owner),
+				selectedId,
+				onPick,
+				onClose
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-workspace/src/client/WorkspaceBrowser.module.css.mjs
+		const css = ".qDHVXG_root{--dsh-session-list-edge-inset:var(--dsh-sidebar-inline-padding);--dsh-session-list-scrollbar-width:8px;--dsh-session-list-scrollbar-offset:2px;box-sizing:border-box;min-height:0;padding-right:var(--dsh-session-list-edge-inset);flex-direction:column;flex:1;display:flex}.qDHVXG_root.qDHVXG_rail{padding-right:0}.qDHVXG_iconButton{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.qDHVXG_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.qDHVXG_sectionHeader{box-sizing:border-box;height:36px;color:var(--dsw-alias-label-tertiary);border-radius:12px;flex:none;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:4px;padding-left:12px;display:flex;overflow:hidden}.qDHVXG_sectionLabel{white-space:nowrap;flex:1;min-width:0;line-height:20px;overflow:hidden}.qDHVXG_search{--dsh-search-input-fill:var(--dsw-static-neutral-bluish-75);box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsh-search-input-fill);height:38px;color:var(--dsw-alias-label-caption);border-radius:24px;flex:none;align-items:center;gap:8px;margin:0 2px 12px;padding:0 14px;display:flex;overflow:hidden}body[data-ds-dark-theme] .qDHVXG_search{--dsh-search-input-fill:var(--dsw-static-neutral-bluish-900)}.qDHVXG_searchButton{pointer-events:none;color:inherit;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.qDHVXG_searchInput{min-width:0;color:var(--dsw-alias-label-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px;line-height:20px}.qDHVXG_searchInput::placeholder{color:var(--dsw-alias-label-tertiary)}.qDHVXG_clearButton{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.qDHVXG_rail .qDHVXG_sectionHeader{gap:0;margin-bottom:12px;padding-left:0}.qDHVXG_rail .qDHVXG_iconButton{width:36px;height:36px;color:var(--dsw-alias-label-primary)}.qDHVXG_rail .qDHVXG_search{background:0 0;border-color:#0000;gap:0;height:36px;margin:0 0 12px;padding:0}.qDHVXG_rail .qDHVXG_searchButton{pointer-events:auto;cursor:pointer;width:36px;height:36px;color:var(--dsw-alias-label-primary)}.qDHVXG_rail .qDHVXG_searchButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.qDHVXG_listArea{min-height:0;margin-right:calc(-1 * var(--dsh-session-list-edge-inset));flex-direction:column;flex:1;display:flex;overflow:hidden}.qDHVXG_rail .qDHVXG_listArea{margin-right:0}.qDHVXG_treeBody{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.qDHVXG_fade{left:0;right:var(--dsh-session-list-edge-inset);background:linear-gradient(to bottom, transparent, var(--dsw-specific-sidebar-fill));pointer-events:none;height:72px;position:absolute;bottom:0}.qDHVXG_wide{animation:qDHVXG_wide-in .2s var(--ds-ease-in-out)}@keyframes qDHVXG_wide-in{0%{opacity:0}}.qDHVXG_list{min-height:0;margin-right:var(--dsh-session-list-scrollbar-offset);padding-right:calc(var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset));scrollbar-gutter:stable;flex:1;padding-bottom:48px;overflow-y:auto}.qDHVXG_flatList>*+*,.qDHVXG_searchTree>[role=treeitem]+[role=treeitem],.qDHVXG_groupSection>*+*{margin-top:2px}.qDHVXG_searchStatus,.qDHVXG_searchWarning{color:var(--dsw-alias-label-tertiary);padding:10px 12px;font-size:12px;line-height:18px}.qDHVXG_searchWarning{color:var(--dsw-alias-label-secondary)}.qDHVXG_groupSection+.qDHVXG_groupSection{margin-top:4px}.qDHVXG_empty{color:var(--dsw-alias-label-tertiary);padding:16px 12px;font-size:13px}.qDHVXG_renameInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);width:100%;height:44px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:22px;outline:none;padding:7px 14px;font-size:14px;font-weight:400;line-height:22px}.qDHVXG_renameInput:disabled{color:var(--dsw-alias-label-dimmed)}.qDHVXG_renameError{color:var(--dsw-alias-state-error-primary);margin-top:8px;font-size:12px;line-height:18px}.qDHVXG_deleteAction:not(:disabled){color:var(--dsw-alias-state-error-primary)}.qDHVXG_deleteStatus{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}@media (prefers-reduced-motion:reduce){.qDHVXG_wide{animation:none}}";
+		const tagId = "@deepseek-ai/dsh-client-ui-workspace/WorkspaceBrowser.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-workspace";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var WorkspaceBrowser_module_css_default = {
+			"root": "qDHVXG_root",
+			"wide": "qDHVXG_wide",
+			"searchButton": "qDHVXG_searchButton",
+			"sectionLabel": "qDHVXG_sectionLabel",
+			"clearButton": "qDHVXG_clearButton",
+			"list": "qDHVXG_list",
+			"renameError": "qDHVXG_renameError",
+			"deleteAction": "qDHVXG_deleteAction",
+			"searchInput": "qDHVXG_searchInput",
+			"fade": "qDHVXG_fade",
+			"deleteStatus": "qDHVXG_deleteStatus",
+			"listArea": "qDHVXG_listArea",
+			"iconButton": "qDHVXG_iconButton",
+			"wide-in": "qDHVXG_wide-in",
+			"groupSection": "qDHVXG_groupSection",
+			"rail": "qDHVXG_rail",
+			"renameInput": "qDHVXG_renameInput",
+			"flatList": "qDHVXG_flatList",
+			"sectionHeader": "qDHVXG_sectionHeader",
+			"searchTree": "qDHVXG_searchTree",
+			"searchStatus": "qDHVXG_searchStatus",
+			"searchWarning": "qDHVXG_searchWarning",
+			"search": "qDHVXG_search",
+			"treeBody": "qDHVXG_treeBody",
+			"empty": "qDHVXG_empty"
+		};
+		//#endregion
+		//#region lib/types/client/WorkspaceBrowser.js
+		/**
+		* The workspace/session browsing region filling the sidebar shell's
+		* `sidebar.workspaces` hole: section header (title + group-by + add
+		* workspace), search, the grouped tree or flat list, and the workspace
+		* dialogs. Wide state renders the full browser; rail state renders the two
+		* region icons (search / add workspace), each requesting shell expansion
+		* through the owner share. Adding is the header button's one action, so it
+		* raises the directory flow with no menu in between; the flow and its error
+		* dialog live in WorkspacePicker (same package — direct composition, no slot
+		* between them).
+		*/
+		/**
+		* Column slide length (--ds-transition-duration-slow): rail-search focus waits it out —
+		* focus() forces a synchronous layout and would jank the slide.
+		*/
+		const EXPAND_SLIDE_MS = 300;
+		/** Pause between the latest keystroke and a Host content-search request. */
+		const SEARCH_DEBOUNCE_MS = 250;
+		/** `session.search` wire bound, measured in JavaScript UTF-16 code units. */
+		const SEARCH_QUERY_MAX_CODE_UNITS = 500;
+		/** Keep controlled input and RPC payload inside the session.search wire contract. */
+		function sanitizeSearchQuery(value) {
+			const withoutNul = value.replaceAll("\0", "");
+			if (withoutNul.length <= SEARCH_QUERY_MAX_CODE_UNITS) return withoutNul;
+			let end = SEARCH_QUERY_MAX_CODE_UNITS;
+			const last = withoutNul.charCodeAt(end - 1);
+			const next = withoutNul.charCodeAt(end);
+			if (last >= 55296 && last <= 56319 && next >= 56320 && next <= 57343) end--;
+			return withoutNul.slice(0, end);
+		}
+		/** Immutable membership toggle for the local expansion arrays. */
+		function toggled(list, key) {
+			return list.includes(key) ? list.filter((k) => k !== key) : [...list, key];
+		}
+		/** Group-by strategy menu; own open state so it resets with the wide chrome. */
+		function GroupByMenu({ groupBy, onPick, t }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				onClose: () => {
+					setOpen(false);
+				},
+				items: [
+					{
+						type: "label",
+						id: "group-by",
+						text: t("groupBy.label")
+					},
+					{
+						id: "workspace",
+						label: t("groupBy.workspace")
+					},
+					{
+						id: "flat",
+						label: t("groupBy.flat")
+					}
+				],
+				selectedId: groupBy,
+				onSelect: (id) => {
+					/* v8 ignore next -- narrowing guard: the heading label is not selectable, so the only arriving ids are the two modes. */
+					if (id === "workspace" || id === "flat") onPick(id);
+					setOpen(false);
+				},
+				align: "end",
+				portal: true,
+				anchor: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+					label: t("groupBy.label"),
+					side: "bottom",
+					delayMs: 500,
+					children: (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: clsx(WorkspaceBrowser_module_css_default.iconButton, WorkspaceBrowser_module_css_default.wide),
+						"aria-label": t("groupBy.label"),
+						onClick: () => {
+							setOpen((v) => !v);
+						},
+						children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPersonalizationOutline16, {})
+					})
+				})
+			});
+		}
+		/** The scrolling session tree; unmounting at collapse settle drops the sessions subscription and expansion state. */
+		function SessionTree({ useSessions, startSession, open, forkSession, workspaces, archivedSessionIds, onRenameRequest, onDeleteRequest, onSessionRename, onSessionArchive, insertSessionBefore, t }) {
+			const list = useSessions((s) => s);
+			const current = list.current;
+			const [expandedProjects, setExpandedProjects] = (0, react.useState)([]);
+			const [drag, setDrag] = (0, react.useState)(null);
+			const currentGroup = current === void 0 ? void 0 : workspaces.find((w) => w.sessionIds.includes(current))?.workspaceId ?? "";
+			(0, react.useEffect)(() => {
+				if (current === void 0 || currentGroup === void 0) return;
+				setExpandedProjects((l) => l.includes(currentGroup) ? l : [...l, currentGroup]);
+			}, [current, currentGroup]);
+			const groups = (0, react.useMemo)(() => deriveGroups(list, workspaces, archivedSessionIds, { expandedProjects }), [
+				list,
+				workspaces,
+				archivedSessionIds,
+				expandedProjects
+			]);
+			const now = Date.now();
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: clsx(WorkspaceBrowser_module_css_default.treeBody, WorkspaceBrowser_module_css_default.wide),
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					className: WorkspaceBrowser_module_css_default.list,
+					role: "tree",
+					"aria-label": t("section.sessions"),
+					children: [groups.length === 0 && (0, react_jsx_runtime.jsx)("div", {
+						className: WorkspaceBrowser_module_css_default.empty,
+						children: t("empty.none")
+					}), groups.map((group) => (0, react_jsx_runtime.jsxs)("div", {
+						className: WorkspaceBrowser_module_css_default.groupSection,
+						children: [(0, react_jsx_runtime.jsx)(ProjectRowItem, {
+							group,
+							t,
+							onToggle: () => {
+								setExpandedProjects((l) => toggled(l, group.key));
+							},
+							onCreate: () => {
+								if (group.workspaceId !== void 0) startSession(group.workspaceId);
+							},
+							actions: group.workspaceId === void 0 ? void 0 : {
+								rename: () => {
+									/* v8 ignore next -- narrowing guard: the actions object exists only for real-workspace groups. */
+									if (group.workspaceId !== void 0) onRenameRequest(group.workspaceId, group.label);
+								},
+								delete: () => {
+									/* v8 ignore next -- narrowing guard: the actions object exists only for real-workspace groups. */
+									if (group.workspaceId !== void 0) onDeleteRequest(group.workspaceId, group.label);
+								}
+							}
+						}), group.sessions.map((node, index) => {
+							const draggable = group.workspaceId !== void 0;
+							const sameGroupDrag = drag !== null && drag.workspaceId === group.workspaceId;
+							return (0, react_jsx_runtime.jsx)(SessionNodeItem, {
+								node,
+								currentId: current,
+								now,
+								onOpen: open,
+								onRename: onSessionRename,
+								onFork: forkSession,
+								onArchive: onSessionArchive,
+								drag: !draggable || group.workspaceId === void 0 ? void 0 : {
+									start: () => {
+										setDrag({
+											workspaceId: group.workspaceId,
+											sessionId: node.id,
+											over: null
+										});
+									},
+									active: sameGroupDrag,
+									marker: sameGroupDrag && drag.over?.id === node.id ? drag.over.half : null,
+									hover: (half) => {
+										/* v8 ignore next -- narrowing guard: Rows gates hover on `active`, which is false while the drag state is null. */
+										setDrag((d) => d === null ? d : {
+											...d,
+											over: {
+												id: node.id,
+												half
+											}
+										});
+									},
+									drop: (half) => {
+										/* v8 ignore next -- narrowing guard: Rows gates drop on `active`, which is false while the drag state is null. */
+										if (drag === null) return;
+										const sessions = group.sessions;
+										const anchor = half === "before" ? node.id : sessions[index + 1]?.id;
+										setDrag(null);
+										if (anchor === drag.sessionId) return;
+										const sourceIndex = sessions.findIndex((r) => r.id === drag.sessionId);
+										const anchorIndex = anchor === void 0 ? sessions.length : sessions.findIndex((r) => r.id === anchor);
+										if (sourceIndex !== -1 && (anchorIndex === sourceIndex || anchorIndex === sourceIndex + 1)) return;
+										insertSessionBefore(drag.workspaceId, drag.sessionId, anchor).catch((reason) => {
+											console.warn("session reorder rejected:", reason);
+										});
+									},
+									end: () => {
+										setDrag(null);
+									}
+								},
+								t
+							}, node.id);
+						})]
+					}, group.key))]
+				}), (0, react_jsx_runtime.jsx)("span", { className: WorkspaceBrowser_module_css_default.fade })]
+			});
+		}
+		/** The flat "In one list" body: every session a top-level row, newest-first. */
+		function FlatList({ useSessions, open, forkSession, onSessionRename, onSessionArchive, archivedSessionIds, t }) {
+			const list = useSessions((s) => s);
+			const rows = (0, react.useMemo)(() => deriveFlat(list, archivedSessionIds), [list, archivedSessionIds]);
+			const now = Date.now();
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: clsx(WorkspaceBrowser_module_css_default.treeBody, WorkspaceBrowser_module_css_default.wide),
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					className: clsx(WorkspaceBrowser_module_css_default.list, WorkspaceBrowser_module_css_default.flatList),
+					role: "tree",
+					"aria-label": t("section.sessions"),
+					children: [rows.length === 0 && (0, react_jsx_runtime.jsx)("div", {
+						className: WorkspaceBrowser_module_css_default.empty,
+						children: t("empty.none")
+					}), rows.map((node) => (0, react_jsx_runtime.jsx)(SessionNodeItem, {
+						node,
+						currentId: list.current,
+						now,
+						onOpen: open,
+						onRename: onSessionRename,
+						onFork: forkSession,
+						onArchive: onSessionArchive,
+						t
+					}, node.id))]
+				}), (0, react_jsx_runtime.jsx)("span", { className: WorkspaceBrowser_module_css_default.fade })]
+			});
+		}
+		/** Flat search body: local metadata matches plus the current Host result page. */
+		function SearchResults({ useSessions, open, workspaces, archivedSessionIds, query, remote, resultLimit, t }) {
+			const list = useSessions((s) => s);
+			const currentRemote = remote.query === query ? remote : {
+				query,
+				status: "loading",
+				items: [],
+				hasMore: false
+			};
+			const results = (0, react.useMemo)(() => deriveSearchResults(list, workspaces, query, archivedSessionIds, currentRemote, resultLimit), [
+				list,
+				workspaces,
+				query,
+				archivedSessionIds,
+				currentRemote,
+				resultLimit
+			]);
+			const pending = currentRemote.status === "loading";
+			const failed = currentRemote.status === "error";
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: clsx(WorkspaceBrowser_module_css_default.treeBody, WorkspaceBrowser_module_css_default.wide),
+				children: [(0, react_jsx_runtime.jsxs)("div", {
+					className: WorkspaceBrowser_module_css_default.list,
+					children: [
+						(0, react_jsx_runtime.jsx)("div", {
+							className: WorkspaceBrowser_module_css_default.searchTree,
+							role: "tree",
+							"aria-label": t("search.results.aria"),
+							children: results.items.map((result) => (0, react_jsx_runtime.jsx)(SearchResultItem, {
+								result,
+								currentId: list.current,
+								onOpen: open,
+								t
+							}, result.id))
+						}),
+						pending && (0, react_jsx_runtime.jsx)("div", {
+							className: WorkspaceBrowser_module_css_default.searchStatus,
+							role: "status",
+							children: t("search.pending")
+						}),
+						failed && (0, react_jsx_runtime.jsx)("div", {
+							className: WorkspaceBrowser_module_css_default.searchWarning,
+							role: "status",
+							children: t("search.unavailable")
+						}),
+						!pending && results.items.length === 0 && (0, react_jsx_runtime.jsx)("div", {
+							className: WorkspaceBrowser_module_css_default.empty,
+							children: t("search.noMatches")
+						}),
+						results.hasMore && (0, react_jsx_runtime.jsx)("div", {
+							className: WorkspaceBrowser_module_css_default.searchStatus,
+							children: t("search.hasMore", { n: resultLimit })
+						})
+					]
+				}), (0, react_jsx_runtime.jsx)("span", { className: WorkspaceBrowser_module_css_default.fade })]
+			});
+		}
+		/**
+		* Render the browsing region.
+		* @param props - composed slot props (shell owner share + store + injected actions).
+		* @returns the region element tree.
+		*/
+		function WorkspaceBrowser({ wide, expandSidebar, useSessions, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, archiveSession, insertSessionBefore, createWorkspace, searchSessions, searchResultLimit, useDirectoryFlow, renderSlot, t }) {
+			const workspaces = useWorkspaces((state) => state.items);
+			const archivedSessionIds = useWorkspaces((state) => state.archivedSessionIds);
+			const directoryFlowAvailable = useDirectoryFlow((occupied) => occupied);
+			const groupBy = useStore((s) => s.groupBy);
+			const [query, setQuery] = (0, react.useState)("");
+			const normalizedQuery = sanitizeSearchQuery(query).trim();
+			const [remoteSearch, setRemoteSearch] = (0, react.useState)({
+				query: "",
+				status: "idle",
+				items: [],
+				hasMore: false
+			});
+			const searchInput = (0, react.useRef)(null);
+			const [wsPickerOpen, setWsPickerOpen] = (0, react.useState)(false);
+			const wsPlusRef = (0, react.useRef)(null);
+			const composingRef = (0, react.useRef)(false);
+			const [searchOnExpand, setSearchOnExpand] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				if (wide && searchOnExpand) {
+					const timer = window.setTimeout(() => {
+						searchInput.current?.focus({ preventScroll: true });
+						setSearchOnExpand(false);
+					}, EXPAND_SLIDE_MS);
+					return () => {
+						window.clearTimeout(timer);
+					};
+				}
+			}, [wide, searchOnExpand]);
+			(0, react.useEffect)(() => {
+				if (normalizedQuery === "") {
+					setRemoteSearch({
+						query: "",
+						status: "idle",
+						items: [],
+						hasMore: false
+					});
+					return;
+				}
+				const controller = new AbortController();
+				setRemoteSearch({
+					query: normalizedQuery,
+					status: "loading",
+					items: [],
+					hasMore: false
+				});
+				const timer = window.setTimeout(() => {
+					searchSessions(normalizedQuery, controller.signal).then((result) => {
+						if (controller.signal.aborted) return;
+						setRemoteSearch({
+							query: normalizedQuery,
+							status: "ready",
+							items: result.items,
+							hasMore: result.hasMore
+						});
+					}).catch(() => {
+						if (controller.signal.aborted) return;
+						setRemoteSearch({
+							query: normalizedQuery,
+							status: "error",
+							items: [],
+							hasMore: false
+						});
+					});
+				}, SEARCH_DEBOUNCE_MS);
+				return () => {
+					window.clearTimeout(timer);
+					controller.abort();
+				};
+			}, [normalizedQuery, searchSessions]);
+			const [renameTarget, setRenameTarget] = (0, react.useState)(null);
+			const [renameDraft, setRenameDraft] = (0, react.useState)("");
+			const [renaming, setRenaming] = (0, react.useState)(false);
+			const [renameError, setRenameError] = (0, react.useState)(null);
+			const renameTrimmed = renameDraft.trim();
+			const renameDuplicate = renameTarget !== null && renameTrimmed !== "" && renameTrimmed !== renameTarget.currentTitle && workspaces.some((w) => w.title === renameTrimmed);
+			const renameBlocked = renaming || renameTrimmed === "" || renameTarget === null || renameTrimmed === renameTarget.currentTitle || renameDuplicate;
+			const closeRename = () => {
+				if (renaming) return;
+				setRenameTarget(null);
+				setRenameError(null);
+			};
+			const confirmRename = () => {
+				if (renameBlocked) return;
+				setRenaming(true);
+				setRenameError(null);
+				renameWorkspace(renameTarget.workspaceId, renameTrimmed).then(() => {
+					setRenaming(false);
+					setRenameTarget(null);
+				}).catch((reason) => {
+					setRenaming(false);
+					setRenameError(reason instanceof Error ? reason.message : String(reason));
+				});
+			};
+			const [sessionRenameTarget, setSessionRenameTarget] = (0, react.useState)(null);
+			const [sessionRenameDraft, setSessionRenameDraft] = (0, react.useState)("");
+			const [sessionRenaming, setSessionRenaming] = (0, react.useState)(false);
+			const [sessionRenameError, setSessionRenameError] = (0, react.useState)(null);
+			const sessionRenameTrimmed = sessionRenameDraft.trim();
+			const sessionRenameBlocked = sessionRenaming || sessionRenameTrimmed === "" || sessionRenameTarget === null;
+			const closeSessionRename = () => {
+				if (sessionRenaming) return;
+				setSessionRenameTarget(null);
+				setSessionRenameError(null);
+			};
+			const confirmSessionRename = () => {
+				if (sessionRenameBlocked) return;
+				setSessionRenaming(true);
+				setSessionRenameError(null);
+				renameSession(sessionRenameTarget.sessionId, sessionRenameTrimmed).then(() => {
+					setSessionRenaming(false);
+					setSessionRenameTarget(null);
+				}).catch((reason) => {
+					setSessionRenaming(false);
+					setSessionRenameError(reason instanceof Error ? reason.message : String(reason));
+				});
+			};
+			const onSessionRename = (sessionId, currentTitle) => {
+				setSessionRenameTarget({
+					sessionId,
+					currentTitle
+				});
+				setSessionRenameDraft(currentTitle);
+				setSessionRenameError(null);
+			};
+			const onSessionArchive = (sessionId) => {
+				archiveSession(sessionId).catch((reason) => {
+					console.warn("session archive rejected:", reason);
+				});
+			};
+			const [deleteTarget, setDeleteTarget] = (0, react.useState)(null);
+			const [deleting, setDeleting] = (0, react.useState)(false);
+			const [deleteCommittedId, setDeleteCommittedId] = (0, react.useState)(null);
+			const [deleteError, setDeleteError] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (deleteCommittedId === null || workspaces.some((workspace) => workspace.workspaceId === deleteCommittedId)) return;
+				setDeleting(false);
+				setDeleteCommittedId(null);
+				setDeleteTarget(null);
+			}, [deleteCommittedId, workspaces]);
+			const closeDelete = () => {
+				if (deleting) return;
+				setDeleteTarget(null);
+				setDeleteError(null);
+			};
+			const confirmDelete = () => {
+				/* v8 ignore next -- the Modal is absent without a target and its button is disabled while deleting. */
+				if (deleting || deleteTarget === null) return;
+				setDeleting(true);
+				setDeleteCommittedId(null);
+				setDeleteError(null);
+				deleteWorkspace(deleteTarget.workspaceId).then(() => {
+					setDeleteCommittedId(deleteTarget.workspaceId);
+				}).catch((reason) => {
+					setDeleting(false);
+					setDeleteError(reason instanceof Error ? reason.message : String(reason));
+				});
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: clsx(WorkspaceBrowser_module_css_default.root, !wide && WorkspaceBrowser_module_css_default.rail),
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: WorkspaceBrowser_module_css_default.sectionHeader,
+						children: [
+							wide && (0, react_jsx_runtime.jsx)("span", {
+								className: clsx(WorkspaceBrowser_module_css_default.sectionLabel, WorkspaceBrowser_module_css_default.wide),
+								children: groupBy === "flat" ? t("section.sessions") : t("section.workspaces")
+							}),
+							wide && (0, react_jsx_runtime.jsx)(GroupByMenu, {
+								groupBy,
+								onPick: (mode) => {
+									actions.setGroupBy(mode);
+								},
+								t
+							}),
+							directoryFlowAvailable && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: t("workspace.add"),
+								side: "bottom",
+								delayMs: 500,
+								children: (0, react_jsx_runtime.jsx)("button", {
+									ref: wsPlusRef,
+									type: "button",
+									className: WorkspaceBrowser_module_css_default.iconButton,
+									"aria-label": t("workspace.add"),
+									onClick: () => {
+										setWsPickerOpen((v) => !v);
+									},
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconProjectAddOutline16, { size: wide ? 16 : 18 })
+								})
+							}),
+							(0, react_jsx_runtime.jsx)(WorkspacePickFlow, {
+								t,
+								open: wsPickerOpen,
+								anchorRef: wsPlusRef,
+								useWorkspaces,
+								createWorkspace,
+								useDirectoryFlow,
+								renderDirectoryFlow: (owner) => renderSlot("sidebar.workspaces.directoryFlow", owner),
+								addOnly: true,
+								side: "right",
+								onPick: (workspaceId) => {
+									setWsPickerOpen(false);
+									startSession(workspaceId);
+								},
+								onClose: () => {
+									setWsPickerOpen(false);
+								}
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: WorkspaceBrowser_module_css_default.search,
+						onClick: () => {
+							if (wide) searchInput.current?.focus();
+						},
+						children: [
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: t("search"),
+								disabled: wide,
+								children: (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: WorkspaceBrowser_module_css_default.searchButton,
+									"aria-label": t("search.sessions.aria"),
+									tabIndex: wide ? -1 : 0,
+									onClick: () => {
+										if (!wide) {
+											setSearchOnExpand(true);
+											expandSidebar();
+										}
+									},
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { size: wide ? 14 : 18 })
+								})
+							}),
+							wide && (0, react_jsx_runtime.jsx)("input", {
+								ref: searchInput,
+								className: clsx(WorkspaceBrowser_module_css_default.searchInput, WorkspaceBrowser_module_css_default.wide),
+								type: "text",
+								placeholder: t("search.placeholder"),
+								maxLength: SEARCH_QUERY_MAX_CODE_UNITS,
+								value: query,
+								onChange: (e) => {
+									setQuery(sanitizeSearchQuery(e.target.value));
+								}
+							}),
+							wide && query !== "" && (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: clsx(WorkspaceBrowser_module_css_default.clearButton, WorkspaceBrowser_module_css_default.wide),
+								"aria-label": t("search.clear"),
+								onClick: () => {
+									setQuery("");
+								},
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseFill14, {})
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: WorkspaceBrowser_module_css_default.listArea,
+						children: wide && (normalizedQuery !== "" ? (0, react_jsx_runtime.jsx)(SearchResults, {
+							useSessions,
+							open,
+							workspaces,
+							archivedSessionIds,
+							query: normalizedQuery,
+							remote: remoteSearch,
+							resultLimit: searchResultLimit,
+							t
+						}) : groupBy === "flat" ? (0, react_jsx_runtime.jsx)(FlatList, {
+							useSessions,
+							open,
+							forkSession,
+							onSessionRename,
+							onSessionArchive,
+							archivedSessionIds,
+							t
+						}) : (0, react_jsx_runtime.jsx)(SessionTree, {
+							useSessions,
+							onSessionRename,
+							onSessionArchive,
+							forkSession,
+							workspaces,
+							archivedSessionIds,
+							startSession,
+							open,
+							insertSessionBefore,
+							t,
+							onRenameRequest: (workspaceId, currentTitle) => {
+								setRenameTarget({
+									workspaceId,
+									currentTitle
+								});
+								setRenameDraft(currentTitle);
+								setRenameError(null);
+							},
+							onDeleteRequest: (workspaceId, title) => {
+								setDeleteTarget({
+									workspaceId,
+									title
+								});
+								setDeleteError(null);
+							}
+						}))
+					}),
+					(0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: renameTarget !== null,
+						onClose: closeRename,
+						closeLabel: t("close"),
+						title: t("rename.workspace.title"),
+						footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							disabled: renaming,
+							onClick: closeRename,
+							children: t("cancel")
+						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							disabled: renameBlocked,
+							onClick: confirmRename,
+							children: t("rename")
+						})] }),
+						children: [
+							(0, react_jsx_runtime.jsx)("input", {
+								className: WorkspaceBrowser_module_css_default.renameInput,
+								value: renameDraft,
+								"aria-label": t("field.workspaceName"),
+								autoFocus: true,
+								disabled: renaming,
+								onFocus: (e) => {
+									e.target.select();
+								},
+								onChange: (e) => {
+									setRenameDraft(e.target.value);
+									setRenameError(null);
+								},
+								onCompositionStart: () => {
+									composingRef.current = true;
+								},
+								onCompositionEnd: () => {
+									composingRef.current = false;
+								},
+								onKeyDown: (e) => {
+									if (e.key === "Enter" && !composingRef.current) {
+										e.preventDefault();
+										confirmRename();
+									}
+								}
+							}),
+							renameDuplicate && (0, react_jsx_runtime.jsx)("div", {
+								className: WorkspaceBrowser_module_css_default.renameError,
+								role: "alert",
+								children: t("conflict.named", { name: renameTrimmed })
+							}),
+							renameError !== null && (0, react_jsx_runtime.jsx)("div", {
+								className: WorkspaceBrowser_module_css_default.renameError,
+								role: "alert",
+								children: renameError
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: sessionRenameTarget !== null,
+						onClose: closeSessionRename,
+						closeLabel: t("close"),
+						title: t("rename.session.title"),
+						footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							disabled: sessionRenaming,
+							onClick: closeSessionRename,
+							children: t("cancel")
+						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							disabled: sessionRenameBlocked,
+							onClick: confirmSessionRename,
+							children: t("rename")
+						})] }),
+						children: [(0, react_jsx_runtime.jsx)("input", {
+							className: WorkspaceBrowser_module_css_default.renameInput,
+							value: sessionRenameDraft,
+							"aria-label": t("field.sessionName"),
+							autoFocus: true,
+							disabled: sessionRenaming,
+							onFocus: (e) => {
+								e.target.select();
+							},
+							onChange: (e) => {
+								setSessionRenameDraft(e.target.value);
+								setSessionRenameError(null);
+							},
+							onCompositionStart: () => {
+								composingRef.current = true;
+							},
+							onCompositionEnd: () => {
+								composingRef.current = false;
+							},
+							onKeyDown: (e) => {
+								if (e.key === "Enter" && !composingRef.current) {
+									e.preventDefault();
+									confirmSessionRename();
+								}
+							}
+						}), sessionRenameError !== null && (0, react_jsx_runtime.jsx)("div", {
+							className: WorkspaceBrowser_module_css_default.renameError,
+							role: "alert",
+							children: sessionRenameError
+						})]
+					}),
+					(0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: deleteTarget !== null,
+						onClose: closeDelete,
+						closeLabel: t("close"),
+						title: t("delete.workspace"),
+						...deleteTarget === null ? {} : { description: t("delete.desc", { name: deleteTarget.title }) },
+						footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							disabled: deleting,
+							onClick: closeDelete,
+							children: t("cancel")
+						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							className: WorkspaceBrowser_module_css_default.deleteAction,
+							disabled: deleting,
+							onClick: confirmDelete,
+							children: t("delete.workspace")
+						})] }),
+						children: [deleting && (0, react_jsx_runtime.jsx)("div", {
+							className: WorkspaceBrowser_module_css_default.deleteStatus,
+							role: "status",
+							children: t("delete.pending")
+						}), deleteError !== null && (0, react_jsx_runtime.jsx)("div", {
+							className: WorkspaceBrowser_module_css_default.renameError,
+							role: "alert",
+							children: deleteError
+						})]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/**
+		* `workspace` namespace dictionaries: the browsing region (section header,
+		* search, tree rows, dialogs) and the pick/add flow. Runtime failure
+		* messages (wire error strings) pass through untranslated by policy.
+		*/
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"group.ungrouped": "未分组",
+			"session.new": "新会话",
+			"section.workspaces": "工作区",
+			"section.sessions": "会话",
+			"groupBy.label": "分组方式",
+			"groupBy.workspace": "按工作区",
+			"groupBy.flat": "单列表",
+			"empty.none": "暂无会话",
+			"empty.noMatches": "无匹配结果",
+			"workspace.add": "添加工作区",
+			"search.sessions.aria": "搜索会话",
+			"search.placeholder": "搜索名称、关键词…",
+			"search.clear": "清除搜索",
+			"search.results.aria": "搜索结果",
+			"search.pending": "正在搜索会话历史…",
+			"search.unavailable": "内容搜索暂不可用，仅显示名称匹配。",
+			"search.noMatches": "无匹配会话",
+			"search.hasMore": "仅显示前 {n} 条结果，请缩小搜索范围。",
+			"menu.addWorkspace": "添加工作区…",
+			"picker.loading": "正在加载工作区…",
+			"conflict.named": "已存在名为“{name}”的工作区。",
+			"folderError.title": "无法打开文件夹",
+			"folderError.retry": "重新选择",
+			"rename": "重命名",
+			"rename.workspace.title": "重命名工作区",
+			"rename.session.title": "重命名会话",
+			"field.workspaceName": "工作区名称",
+			"field.sessionName": "会话名称",
+			"delete.workspace": "删除工作区",
+			"delete.desc": "将把“{name}”从工作区列表中移除。文件夹与会话记录会保留，其会话将显示在“未分组”下。",
+			"delete.pending": "正在删除工作区…",
+			"menu.fork": "分叉会话",
+			"menu.archiveSession": "归档会话",
+			"sessions.count.one": "{n} 个会话",
+			"sessions.count.other": "{n} 个会话",
+			"actions.workspace.aria": "工作区“{name}”的操作",
+			"actions.session.aria": "会话“{name}”的操作",
+			"actions.newSession.aria": "在“{name}”中新建会话",
+			"status.running": "进行中",
+			"status.subagentsRunning.one": "{n} 个子代理运行中",
+			"status.subagentsRunning.other": "{n} 个子代理运行中",
+			"status.idle": "空闲",
+			"status.waitingApproval": "等待审批",
+			"status.planReview": "计划待审",
+			"status.waitingAnswer": "等待回答",
+			"status.completed": "已完成",
+			"hover.created": "创建于 {time}",
+			"hover.copied": "已复制",
+			"date.ymd": "{y}年{m}月{d}日",
+			"time.now": "刚刚",
+			"time.minutes": "{n}分钟",
+			"time.hours": "{n}小时",
+			"time.days": "{n}天",
+			"time.months": "{n}个月",
+			"time.years": "{n}年",
+			"time.ago": "{t}前"
+		};
+		/** English dictionary, checked complete against the zh key set. */
+		const en = {
+			"group.ungrouped": "Ungrouped",
+			"session.new": "New Session",
+			"section.workspaces": "Workspaces",
+			"section.sessions": "Sessions",
+			"groupBy.label": "Group by",
+			"groupBy.workspace": "WorkSpace",
+			"groupBy.flat": "In one list",
+			"empty.none": "No sessions yet",
+			"empty.noMatches": "No matches",
+			"workspace.add": "Add workspace",
+			"search.sessions.aria": "Search sessions",
+			"search.placeholder": "Search name, keywords...",
+			"search.clear": "Clear search",
+			"search.results.aria": "Search results",
+			"search.pending": "Searching session history…",
+			"search.unavailable": "Content search is temporarily unavailable. Showing name matches.",
+			"search.noMatches": "No matching sessions",
+			"search.hasMore": "Showing the first {n} results. Narrow your search.",
+			"menu.addWorkspace": "Add workspace…",
+			"picker.loading": "Loading workspaces…",
+			"conflict.named": "A workspace named “{name}” already exists.",
+			"folderError.title": "Couldn’t open folder",
+			"folderError.retry": "Choose again",
+			"rename": "Rename",
+			"rename.workspace.title": "Rename workspace",
+			"rename.session.title": "Rename session",
+			"field.workspaceName": "Workspace name",
+			"field.sessionName": "Session name",
+			"delete.workspace": "Delete workspace",
+			"delete.desc": "This removes “{name}” from the workspace list. The folder and session logs will be kept. Its sessions will appear under Ungrouped.",
+			"delete.pending": "Deleting workspace…",
+			"menu.fork": "Fork session",
+			"menu.archiveSession": "Archive session",
+			"sessions.count.one": "{n} session",
+			"sessions.count.other": "{n} sessions",
+			"actions.workspace.aria": "Workspace actions for {name}",
+			"actions.session.aria": "Session actions for {name}",
+			"actions.newSession.aria": "New session in {name}",
+			"status.running": "Running",
+			"status.subagentsRunning.one": "{n} subagent running",
+			"status.subagentsRunning.other": "{n} subagents running",
+			"status.idle": "Idle",
+			"status.waitingApproval": "Waiting for approval",
+			"status.planReview": "Plan awaiting review",
+			"status.waitingAnswer": "Waiting for answer",
+			"status.completed": "Completed",
+			"hover.created": "Created {time}",
+			"hover.copied": "Copied",
+			"date.ymd": "{y}-{m}-{d}",
+			"time.now": "now",
+			"time.minutes": "{n}min",
+			"time.hours": "{n}h",
+			"time.days": "{n}d",
+			"time.months": "{n}mo",
+			"time.years": "{n}y",
+			"time.ago": "{t} ago"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "workspace";
+		/**
+		* Required services (cordis fiber inject). The target slots are declared by
+		* the ui-sidebar / ui-conversation applies, whose activation order relative
+		* to this one is NOT constrained: dsh.client.inject edges are informational
+		* (loading/prefetch metadata, never apply sequencing) and neither owner
+		* provides a waitable service. apply therefore depends on each slot
+		* declaration through `slots.inject()` instead of assuming order.
+		*/
+		const inject = [
+			"slots",
+			"sessions",
+			"workspaces",
+			"locale"
+		];
+		/**
+		* Register the browser and picker once their slot declarations are on the
+		* ledger. Inject factories return plain callbacks; data reads use the
+		* framework's global hooks.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-workspace: dictionaries");
+			const searchSessions = async (query, signal) => {
+				const result = await ctx.sessions.search(query, signal);
+				if (!result.ok) throw new Error(result.error.message);
+				return result.value;
+			};
+			const flowSource = (hole) => ({
+				getSnapshot: () => ctx.slots.entries(hole).length > 0,
+				subscribe: (listener) => ctx.slots.subscribe(hole, listener)
+			});
+			const browserFlowSource = flowSource("sidebar.workspaces.directoryFlow");
+			const pickerFlowSource = flowSource("conversation.hero.workspace.directoryFlow");
+			const browserInjected = () => ({
+				startSession: (workspaceId) => {
+					ctx.workspaces.startSession(workspaceId);
+				},
+				open: (sessionId) => {
+					ctx.sessions.open(sessionId);
+				},
+				searchSessions,
+				searchResultLimit: ctx.sessions.searchResultLimit,
+				renameSession: async (sessionId, title) => {
+					const session = ctx.sessions.binding(sessionId)?.session;
+					if (session === void 0) throw new Error(`unknown session "${sessionId}"`);
+					const result = await session.rename(title);
+					if (!result.ok) throw new Error(result.error.message);
+				},
+				forkSession: (sessionId) => {
+					ctx.sessions.fork({
+						sessionId,
+						increaseTitle: true
+					}).then((childId) => {
+						ctx.sessions.open(childId);
+					}).catch(() => {});
+				},
+				renameWorkspace: async (workspaceId, title) => {
+					await ctx.workspaces.rename(workspaceId, title);
+				},
+				deleteWorkspace: async (workspaceId) => {
+					await ctx.workspaces.delete(workspaceId);
+				},
+				archiveSession: async (sessionId) => {
+					await ctx.workspaces.archiveSession(sessionId);
+				},
+				insertSessionBefore: async (workspaceId, sessionId, beforeSessionId) => {
+					await ctx.workspaces.insertSessionBefore(workspaceId, sessionId, beforeSessionId);
+				},
+				createWorkspace: (input) => ctx.workspaces.create(input),
+				hooks: { directoryFlow: browserFlowSource }
+			});
+			const pickerInjected = () => ({
+				createWorkspace: (input) => ctx.workspaces.create(input),
+				hooks: { directoryFlow: pickerFlowSource }
+			});
+			ctx.slots.inject("sidebar.workspaces", () => ctx.slots.register({
+				name: "sidebar.workspaces",
+				children: { "sidebar.workspaces.directoryFlow": {
+					kind: "single",
+					scope: "root"
+				} },
+				store: createWorkspaceViewStore(),
+				inject: browserInjected,
+				locale: NS
+			}, WorkspaceBrowser));
+			ctx.slots.inject("conversation.hero.workspace", () => ctx.slots.register({
+				name: "conversation.hero.workspace",
+				children: { "conversation.hero.workspace.directoryFlow": {
+					kind: "single",
+					scope: "root"
+				} },
+				inject: pickerInjected,
+				locale: NS
+			}, WorkspacePicker));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map