@cerbur/clutch-dsh-worktree 0.1.0

package/lib/client.js

@@ -0,0 +1,1952 @@
+window.__ModuleLoader__.load({
+	id: "@cerbur/clutch-dsh-worktree",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		//#region lib/client/worktree-connection.js
+		/** The one logical channel shared by the DSH Connection and Typert Gateway. */
+		const WORKTREE_CONNECTION_CHANNEL = "/api";
+		/**
+		* Canonical Worktree endpoints owned by this adapter. Keeping the table here makes
+		* the browser call surface auditable without making React know wire names.
+		*/
+		const WORKTREE_CONNECTION_ENDPOINTS = Object.freeze({
+			listWorktrees: "worktreeManager/listWorktrees",
+			listBranches: "worktreeManager/listBranches",
+			createWorktree: "worktreeManager/createWorktree",
+			removeWorktree: "worktreeManager/removeWorktree",
+			listBindings: "worktreeManager/listBindings",
+			bindSession: "worktreeManager/bindSession"
+		});
+		/** Browser-safe error shared by transport, Gateway, endpoint and domain failures. */
+		var WorktreeConnectionError = class extends Error {
+			code;
+			details;
+			retryable;
+			constructor(options) {
+				super(options.message, options.cause === void 0 ? void 0 : { cause: options.cause });
+				this.name = "WorktreeConnectionError";
+				this.code = options.code;
+				this.details = Object.freeze({ ...options.details ?? {} });
+				this.retryable = options.retryable;
+			}
+		};
+		function isRecord(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value);
+		}
+		function isWorktreeError(value) {
+			return isRecord(value) && typeof value.code === "string" && typeof value.message === "string" && isRecord(value.details);
+		}
+		function isWorktreeRemoteResult(value) {
+			if (!isRecord(value) || typeof value.ok !== "boolean") return false;
+			return value.ok || isWorktreeError(value.error) && value.error.details !== void 0;
+		}
+		function disposedError() {
+			return new WorktreeConnectionError({
+				code: "CLIENT_DISPOSED",
+				message: "Worktree connection is disposed; reload the plugin and retry.",
+				details: {},
+				retryable: false
+			});
+		}
+		function connectionFailure(endpoint, error, code = "CONNECTION_CALL_FAILED") {
+			return new WorktreeConnectionError({
+				code,
+				message: `Worktree endpoint ${endpoint} failed; retryable connection error: ${error instanceof Error ? error.message : String(error)}`,
+				details: { endpoint },
+				retryable: true,
+				cause: error
+			});
+		}
+		function gatewayFailure(endpoint, result) {
+			throw new WorktreeConnectionError({
+				code: result.error.code,
+				message: `Worktree endpoint ${endpoint} failed: ${result.error.message}`,
+				details: isRecord(result.error.details) ? result.error.details : {},
+				retryable: true
+			});
+		}
+		function invalidResult(endpoint) {
+			return new WorktreeConnectionError({
+				code: "WORKTREE_RPC_INVALID_RESULT",
+				message: `Worktree endpoint ${endpoint} returned an invalid result; retry the request.`,
+				details: { endpoint },
+				retryable: true
+			});
+		}
+		function unwrap(endpoint, result) {
+			if (!result.ok) gatewayFailure(endpoint, result);
+			if (!isWorktreeRemoteResult(result.value)) throw invalidResult(endpoint);
+			if (!result.value.ok) throw new WorktreeConnectionError({
+				code: result.value.error.code,
+				message: result.value.error.message,
+				details: result.value.error.details,
+				retryable: false
+			});
+			return result.value.value;
+		}
+		/**
+		* Adapt the shared DSH Connection RPC into the existing WorktreeManager contract.
+		* All wire details and request cancellation live behind this one deep module.
+		*/
+		function createWorktreeConnectionAdapter(rpc) {
+			const inFlight = /* @__PURE__ */ new Set();
+			let disposed = false;
+			async function invoke(method, input) {
+				if (disposed) throw disposedError();
+				const controller = new AbortController();
+				inFlight.add(controller);
+				const endpoint = WORKTREE_CONNECTION_ENDPOINTS[method];
+				try {
+					let result;
+					try {
+						result = await rpc.call(WORKTREE_CONNECTION_CHANNEL, endpoint, { args: { input } }, controller.signal);
+					} catch (error) {
+						if (disposed && controller.signal.aborted) throw disposedError();
+						throw connectionFailure(endpoint, error);
+					}
+					return unwrap(endpoint, result);
+				} finally {
+					inFlight.delete(controller);
+				}
+			}
+			return {
+				listWorktrees: (input) => invoke("listWorktrees", input),
+				listBranches: (input) => invoke("listBranches", input),
+				createWorktree: (input) => invoke("createWorktree", input),
+				async removeWorktree(input) {
+					await invoke("removeWorktree", input);
+				},
+				listBindings: (input) => invoke("listBindings", input),
+				bindSession: (input) => invoke("bindSession", input),
+				dispose() {
+					if (disposed) return;
+					disposed = true;
+					for (const controller of inFlight) controller.abort();
+					inFlight.clear();
+				}
+			};
+		}
+		//#endregion
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/src/client/worktree.css.mjs
+		const css = ".-cerbur-clutch-dsh-worktree-action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 8px;\n  width: calc(100% + 4px);\n  height: 42px;\n  margin: 4px -2px;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 12px;\n  padding: 0 10px 0 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: left;\n  overflow: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-action:hover,\n.-cerbur-clutch-dsh-worktree-action[data-active='true'] {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-action[data-collapsed='true'] {\n  width: 36px;\n  height: 36px;\n  margin: 8px 0 10px;\n  justify-content: center;\n  gap: 0;\n  padding: 0;\n  border-radius: 50%;\n}\n\n.-cerbur-clutch-dsh-worktree-actionLabel {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-surface {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  min-width: 56px;\n  overflow: hidden;\n  border-right: 1px solid var(--dsw-alias-border-l1);\n  background: var(--dsw-specific-sidebar-fill);\n  color: var(--dsw-alias-label-primary);\n  pointer-events: auto;\n  transition: width var(--ds-transition-duration-slow) var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-wideContent {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n}\n\n.-cerbur-clutch-dsh-worktree-surface[data-collapsed='true'] .-cerbur-clutch-dsh-worktree-wideContent {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-railContent {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-surface[data-collapsed='true'] .-cerbur-clutch-dsh-worktree-railContent {\n  display: flex;\n  flex: 1;\n  align-items: flex-start;\n  justify-content: center;\n  padding-top: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-railButton,\n.-cerbur-clutch-dsh-worktree-closeButton {\n  border: 0;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n}\n\n.-cerbur-clutch-dsh-worktree-railButton {\n  width: 36px;\n  height: 36px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.-cerbur-clutch-dsh-worktree-railButton:hover,\n.-cerbur-clutch-dsh-worktree-closeButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: none;\n  min-height: 44px;\n  padding: 6px 10px;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n\n.-cerbur-clutch-dsh-worktree-title {\n  min-width: 0;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.-cerbur-clutch-dsh-worktree-closeButton {\n  flex: none;\n  width: 28px;\n  height: 28px;\n  font-size: 18px;\n  line-height: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-modeButton[data-active='true'] {\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-workspacePicker {\n  display: block;\n  width: calc(100% - 20px);\n  margin: 6px 10px 8px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 7px;\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceLabel {\n  display: block;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-content {\n  min-height: 0;\n  flex: 1;\n  overflow: auto;\n  padding: 0 10px 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-content:focus-visible {\n  outline: 2px solid var(--dsw-alias-border-l3);\n  outline-offset: -2px;\n}\n\n.-cerbur-clutch-dsh-worktree-error {\n  margin: 12px 0 0;\n  padding: 8px;\n  border: 1px solid var(--dsw-alias-state-error-primary);\n  border-radius: 7px;\n}\n\n.-cerbur-clutch-dsh-worktree-retryButton,\n.-cerbur-clutch-dsh-worktree-actionButton {\n  border: 0;\n  border-radius: 6px;\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-retryButton,\n.-cerbur-clutch-dsh-worktree-actionButton {\n  width: 100%;\n  padding: 6px 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-recoveryActions {\n  display: grid;\n  gap: 6px;\n  margin-top: 6px;\n}\n\n.-cerbur-clutch-dsh-worktree-retryButton:disabled,\n.-cerbur-clutch-dsh-worktree-actionButton:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.-cerbur-clutch-dsh-worktree-actions {\n  display: grid;\n  gap: 6px;\n  margin-top: 10px;\n  padding: 8px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 7px;\n}\n\n.-cerbur-clutch-dsh-worktree-actionLabel {\n  display: grid;\n  gap: 3px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-actionSelect {\n  min-width: 0;\n  padding: 5px 6px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-section {\n  margin: 12px 0 0;\n}\n\n.-cerbur-clutch-dsh-worktree-sectionTitle {\n  margin: 0 2px 4px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n}\n\n.-cerbur-clutch-dsh-worktree-empty,\n.-cerbur-clutch-dsh-worktree-message {\n  margin: 0;\n  padding: 8px 4px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.-cerbur-clutch-dsh-worktree-message[data-error='true'] {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktree,\n.-cerbur-clutch-dsh-worktree-session {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 7px;\n  padding: 6px 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n}\n\n.-cerbur-clutch-dsh-worktree-worktree {\n  cursor: default;\n}\n\n.-cerbur-clutch-dsh-worktree-session {\n  cursor: pointer;\n}\n\n.-cerbur-clutch-dsh-worktree-worktree:hover,\n.-cerbur-clutch-dsh-worktree-session:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeLabel,\n.-cerbur-clutch-dsh-worktree-sessionLabel {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-status {\n  flex: none;\n  margin-left: auto;\n  padding-left: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-searchRow {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 10px 6px;\n}\n\n.-cerbur-clutch-dsh-worktree-searchIcon {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.-cerbur-clutch-dsh-worktree-searchInput {\n  min-width: 0;\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 7px;\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  outline: none;\n}\n\n.-cerbur-clutch-dsh-worktree-searchInput {\n  width: 100%;\n  padding: 6px 8px;\n  font-size: 13px;\n  line-height: 18px;\n}\n\n.-cerbur-clutch-dsh-worktree-searchInput:focus,\n.-cerbur-clutch-dsh-worktree-actionSelect:focus {\n  border-color: #3b82f6;\n}\n\n.-cerbur-clutch-dsh-worktree-iconButton {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: 0;\n  border-radius: 7px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-iconButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceList {\n  min-width: 0;\n  min-height: 0;\n  display: grid;\n  gap: 4px;\n  overflow-x: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceGroup {\n  min-width: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow,\n.-cerbur-clutch-dsh-worktree-worktreeRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  min-height: 36px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  padding: 3px 4px;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow:hover,\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow .-cerbur-clutch-dsh-worktree-workspaceDisclosure {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow:hover .-cerbur-clutch-dsh-worktree-workspaceDisclosure,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-workspaceDisclosure {\n  display: inline-flex;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow:hover .-cerbur-clutch-dsh-worktree-workspaceIcon,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-workspaceIcon {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-worktreeDisclosure {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-worktreeDisclosure {\n  display: inline-flex;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-worktreeIcon {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureButton {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 28px;\n  border: 0;\n  border-radius: 6px;\n  padding: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 17px;\n  line-height: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureButton > svg {\n  display: block;\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceIcon,\n.-cerbur-clutch-dsh-worktree-worktreeIcon {\n  flex: none;\n  width: 24px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 20px;\n  line-height: 1;\n  text-align: center;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeState {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  margin-right: 2px;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceIcon {\n  color: var(--dsw-alias-brand-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceTitle,\n.-cerbur-clutch-dsh-worktree-worktreeLabel {\n  min-width: 0;\n  overflow: hidden;\n  flex: 1;\n  padding: 0 6px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeActionSlot,\n.-cerbur-clutch-dsh-worktree-workspaceActions {\n  position: relative;\n  display: inline-flex;\n  flex: 0 0 64px;\n  align-items: center;\n  justify-content: flex-end;\n  width: 64px;\n  height: 28px;\n  margin-left: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction {\n  position: absolute;\n  top: 0;\n  right: 32px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-menuAction {\n  display: inline-flex;\n  width: 28px;\n  height: 28px;\n  visibility: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow:hover .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-menuAction {\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow.-cerbur-clutch-dsh-worktree-dropBefore::before,\n.-cerbur-clutch-dsh-worktree-workspaceRow.-cerbur-clutch-dsh-worktree-dropAfter::after {\n  position: absolute;\n  right: 4px;\n  left: 4px;\n  height: 2px;\n  border-radius: 2px;\n  background: var(--dsw-alias-brand-primary);\n  content: '';\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow.-cerbur-clutch-dsh-worktree-dropBefore::before {\n  top: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow.-cerbur-clutch-dsh-worktree-dropAfter::after {\n  bottom: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeChildren {\n  margin-left: 24px;\n  padding: 2px 0 5px 12px;\n  border-left: 1px solid var(--dsw-alias-border-l1);\n}\n\n.-cerbur-clutch-dsh-worktree-groupLabel {\n  padding: 6px 8px 3px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n}\n\n.-cerbur-clutch-dsh-worktree-groupHeader {\n  display: flex;\n  align-items: center;\n  min-height: 34px;\n  padding-right: 4px;\n}\n\n.-cerbur-clutch-dsh-worktree-groupHeader .-cerbur-clutch-dsh-worktree-groupLabel {\n  flex: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeGroup {\n  margin-top: 2px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow {\n  min-height: 34px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-disclosureButton {\n  width: 22px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  min-height: 31px;\n  box-sizing: border-box;\n  border-radius: 7px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow:hover,\n.-cerbur-clutch-dsh-worktree-treeSessionRow[data-menu-open='true'] {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow.-cerbur-clutch-dsh-worktree-dropBefore::before,\n.-cerbur-clutch-dsh-worktree-treeSessionRow.-cerbur-clutch-dsh-worktree-dropAfter::after {\n  position: absolute;\n  right: 4px;\n  left: 4px;\n  height: 2px;\n  border-radius: 2px;\n  background: var(--dsw-alias-brand-primary);\n  content: '';\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow.-cerbur-clutch-dsh-worktree-dropBefore::before {\n  top: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow.-cerbur-clutch-dsh-worktree-dropAfter::after {\n  bottom: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionContent {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  width: 0;\n  min-width: 0;\n  min-height: 31px;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 7px;\n  padding: 4px 4px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  text-align: left;\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionContent:hover {\n  background: transparent;\n}\n\n.-cerbur-clutch-dsh-worktree-rowActions {\n  display: none;\n  flex: none;\n  align-items: center;\n  gap: 4px;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionOverflowButton {\n  display: block;\n  width: calc(100% - 24px);\n  margin: 2px 0 4px 24px;\n  padding: 4px 8px;\n  border: 0;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n  text-align: left;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionOverflowButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow:hover .-cerbur-clutch-dsh-worktree-rowActions,\n.-cerbur-clutch-dsh-worktree-treeSessionRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-rowActions {\n  display: inline-flex;\n}\n\n.-cerbur-clutch-dsh-worktree-renameInput {\n  width: 100%;\n}\n\n.-cerbur-clutch-dsh-worktree-renameError {\n  margin: 8px 0 0;\n  color: var(--dsw-alias-state-error-primary);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeGuide {\n  flex: none;\n  width: 20px;\n  color: var(--dsw-alias-label-tertiary);\n  text-align: center;\n}\n\n.-cerbur-clutch-dsh-worktree-emptyNested {\n  margin: 0;\n  padding: 4px 8px 5px 28px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-modalField {\n  display: grid;\n  gap: 5px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n";
+		const styleId = "@cerbur/clutch-dsh-worktree/worktree.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/worktree.css\"]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@cerbur/clutch-dsh-worktree";
+			tag.dataset.pluginCss = styleId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var worktree_css_default = {
+			"action": "-cerbur-clutch-dsh-worktree-action",
+			"actionLabel": "-cerbur-clutch-dsh-worktree-actionLabel",
+			"surface": "-cerbur-clutch-dsh-worktree-surface",
+			"wideContent": "-cerbur-clutch-dsh-worktree-wideContent",
+			"railContent": "-cerbur-clutch-dsh-worktree-railContent",
+			"railButton": "-cerbur-clutch-dsh-worktree-railButton",
+			"closeButton": "-cerbur-clutch-dsh-worktree-closeButton",
+			"header": "-cerbur-clutch-dsh-worktree-header",
+			"title": "-cerbur-clutch-dsh-worktree-title",
+			"modeButton": "-cerbur-clutch-dsh-worktree-modeButton",
+			"workspacePicker": "-cerbur-clutch-dsh-worktree-workspacePicker",
+			"workspaceLabel": "-cerbur-clutch-dsh-worktree-workspaceLabel",
+			"content": "-cerbur-clutch-dsh-worktree-content",
+			"error": "-cerbur-clutch-dsh-worktree-error",
+			"retryButton": "-cerbur-clutch-dsh-worktree-retryButton",
+			"actionButton": "-cerbur-clutch-dsh-worktree-actionButton",
+			"recoveryActions": "-cerbur-clutch-dsh-worktree-recoveryActions",
+			"actions": "-cerbur-clutch-dsh-worktree-actions",
+			"actionSelect": "-cerbur-clutch-dsh-worktree-actionSelect",
+			"section": "-cerbur-clutch-dsh-worktree-section",
+			"sectionTitle": "-cerbur-clutch-dsh-worktree-sectionTitle",
+			"empty": "-cerbur-clutch-dsh-worktree-empty",
+			"message": "-cerbur-clutch-dsh-worktree-message",
+			"worktree": "-cerbur-clutch-dsh-worktree-worktree",
+			"session": "-cerbur-clutch-dsh-worktree-session",
+			"worktreeLabel": "-cerbur-clutch-dsh-worktree-worktreeLabel",
+			"sessionLabel": "-cerbur-clutch-dsh-worktree-sessionLabel",
+			"status": "-cerbur-clutch-dsh-worktree-status",
+			"searchRow": "-cerbur-clutch-dsh-worktree-searchRow",
+			"searchIcon": "-cerbur-clutch-dsh-worktree-searchIcon",
+			"searchInput": "-cerbur-clutch-dsh-worktree-searchInput",
+			"iconButton": "-cerbur-clutch-dsh-worktree-iconButton",
+			"workspaceList": "-cerbur-clutch-dsh-worktree-workspaceList",
+			"workspaceGroup": "-cerbur-clutch-dsh-worktree-workspaceGroup",
+			"workspaceRow": "-cerbur-clutch-dsh-worktree-workspaceRow",
+			"worktreeRow": "-cerbur-clutch-dsh-worktree-worktreeRow",
+			"workspaceDisclosure": "-cerbur-clutch-dsh-worktree-workspaceDisclosure",
+			"workspaceIcon": "-cerbur-clutch-dsh-worktree-workspaceIcon",
+			"worktreeDisclosure": "-cerbur-clutch-dsh-worktree-worktreeDisclosure",
+			"worktreeIcon": "-cerbur-clutch-dsh-worktree-worktreeIcon",
+			"disclosureButton": "-cerbur-clutch-dsh-worktree-disclosureButton",
+			"worktreeState": "-cerbur-clutch-dsh-worktree-worktreeState",
+			"workspaceTitle": "-cerbur-clutch-dsh-worktree-workspaceTitle",
+			"treeActionSlot": "-cerbur-clutch-dsh-worktree-treeActionSlot",
+			"workspaceActions": "-cerbur-clutch-dsh-worktree-workspaceActions",
+			"menuAction": "-cerbur-clutch-dsh-worktree-menuAction",
+			"dropBefore": "-cerbur-clutch-dsh-worktree-dropBefore",
+			"dropAfter": "-cerbur-clutch-dsh-worktree-dropAfter",
+			"treeChildren": "-cerbur-clutch-dsh-worktree-treeChildren",
+			"groupLabel": "-cerbur-clutch-dsh-worktree-groupLabel",
+			"groupHeader": "-cerbur-clutch-dsh-worktree-groupHeader",
+			"worktreeGroup": "-cerbur-clutch-dsh-worktree-worktreeGroup",
+			"treeSessionRow": "-cerbur-clutch-dsh-worktree-treeSessionRow",
+			"treeSessionContent": "-cerbur-clutch-dsh-worktree-treeSessionContent",
+			"rowActions": "-cerbur-clutch-dsh-worktree-rowActions",
+			"sessionOverflowButton": "-cerbur-clutch-dsh-worktree-sessionOverflowButton",
+			"renameInput": "-cerbur-clutch-dsh-worktree-renameInput",
+			"renameError": "-cerbur-clutch-dsh-worktree-renameError",
+			"treeGuide": "-cerbur-clutch-dsh-worktree-treeGuide",
+			"emptyNested": "-cerbur-clutch-dsh-worktree-emptyNested",
+			"modalField": "-cerbur-clutch-dsh-worktree-modalField"
+		};
+		//#endregion
+		//#region lib/client/WorktreeModeAction.js
+		/** Footer action that enters/exits the peer Worktree navigation mode. */
+		function WorktreeModeAction({ wide, useStore, actions, available }) {
+			if (!available) return null;
+			const active = useStore((state) => state.viewMode) === "worktree";
+			return (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: worktree_css_default.action,
+				"data-worktree-mode-action": true,
+				"data-active": active || void 0,
+				"data-collapsed": !wide || void 0,
+				"aria-label": active ? "Exit Worktree mode" : "Open Worktree mode",
+				"aria-pressed": active,
+				title: active ? "Exit Worktree mode" : "Worktree mode",
+				onClick: () => {
+					actions.setViewMode(active ? "workspace-session" : "worktree");
+				},
+				children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, { size: wide ? 16 : 18 }), wide && (0, react_jsx_runtime.jsx)("span", {
+					className: worktree_css_default.actionLabel,
+					children: "Worktree"
+				})]
+			});
+		}
+		//#endregion
+		//#region lib/client/navigation.js
+		/** Open an existing Session through DSH without touching the peer view mode. */
+		function openWorktreeSession(opener, sessionId) {
+			opener.open(sessionId);
+		}
+		//#endregion
+		//#region lib/client/overlay-bounds.js
+		function computeOverlayBounds(frame, newSession, footer) {
+			if (newSession === void 0 || footer === void 0) return {
+				ready: false,
+				top: 0,
+				height: 0
+			};
+			const top = Math.max(0, newSession.top - frame.top);
+			return {
+				ready: true,
+				top,
+				height: Math.max(top, footer.top - frame.top) - top
+			};
+		}
+		//#endregion
+		//#region lib/client/sidebar-overlay-geometry.js
+		const EMPTY_BOUNDS = {
+			ready: false,
+			top: 0,
+			height: 0
+		};
+		function asRect(element) {
+			const rect = element.getBoundingClientRect();
+			return {
+				top: rect.top,
+				bottom: rect.bottom
+			};
+		}
+		function resolveNativeSidebarRoot(sidebar) {
+			const directChild = sidebar.firstElementChild;
+			if (directChild === null) return void 0;
+			const directRect = directChild.getBoundingClientRect();
+			if (directRect.width > 0 || directRect.height > 0) return directChild;
+			return directChild.firstElementChild ?? directChild;
+		}
+		function findNewSessionAnchor(root) {
+			const labels = [
+				"新建会话",
+				"New session",
+				"新会话",
+				"New Session"
+			];
+			const buttons = [...root.querySelectorAll("button")];
+			const visibleLabel = buttons.find((button) => {
+				const text = button.textContent?.trim();
+				return text === "新会话" || text === "New Session";
+			});
+			if (visibleLabel !== void 0) return visibleLabel;
+			for (const label of labels) {
+				const button = buttons.find((candidate) => candidate.getAttribute("aria-label") === label);
+				if (button !== void 0) return button;
+			}
+		}
+		function useSidebarOverlayGeometry(active) {
+			const ref = (0, react.useRef)(null);
+			const [width, setWidth] = (0, react.useState)(280);
+			const [bounds, setBounds] = (0, react.useState)(EMPTY_BOUNDS);
+			(0, react.useLayoutEffect)(() => {
+				if (!active) {
+					setBounds(EMPTY_BOUNDS);
+					return;
+				}
+				const overlay = ref.current?.closest("[data-shell-overlay]");
+				const sidebar = (overlay?.parentElement)?.firstElementChild;
+				const nativeRoot = sidebar === null || sidebar === void 0 ? void 0 : resolveNativeSidebarRoot(sidebar);
+				if (!(overlay instanceof HTMLElement) || !(sidebar instanceof HTMLElement) || !(nativeRoot instanceof HTMLElement)) {
+					setBounds(EMPTY_BOUNDS);
+					return;
+				}
+				let frameHandle;
+				const update = () => {
+					const newSession = findNewSessionAnchor(nativeRoot);
+					const footer = nativeRoot.lastElementChild;
+					const nextWidth = sidebar.getBoundingClientRect().width;
+					if (nextWidth > 0) setWidth(nextWidth);
+					setBounds(computeOverlayBounds(asRect(overlay), newSession === void 0 ? void 0 : asRect(newSession), footer === null ? void 0 : asRect(footer)));
+				};
+				const scheduleUpdate = () => {
+					if (frameHandle !== void 0) return;
+					frameHandle = requestAnimationFrame(() => {
+						frameHandle = void 0;
+						update();
+					});
+				};
+				update();
+				const resizeObserver = typeof ResizeObserver === "function" ? new ResizeObserver(scheduleUpdate) : void 0;
+				for (const element of [
+					overlay,
+					sidebar,
+					nativeRoot
+				]) resizeObserver?.observe(element);
+				const newSession = findNewSessionAnchor(nativeRoot);
+				const footer = nativeRoot.lastElementChild;
+				if (newSession !== void 0) resizeObserver?.observe(newSession);
+				if (footer !== null) resizeObserver?.observe(footer);
+				const mutationObserver = typeof MutationObserver === "function" ? new MutationObserver(scheduleUpdate) : void 0;
+				mutationObserver?.observe(nativeRoot, {
+					childList: true,
+					subtree: true
+				});
+				return () => {
+					resizeObserver?.disconnect();
+					mutationObserver?.disconnect();
+					if (frameHandle !== void 0) cancelAnimationFrame(frameHandle);
+				};
+			}, [active]);
+			return {
+				ref,
+				width,
+				bounds
+			};
+		}
+		//#endregion
+		//#region lib/client/view-mode.js
+		/** Browser-local storage key; it is never sent to DSH or the sidecar. */
+		const WORKTREE_VIEW_MODE_STORAGE_KEY = "clutch-dsh-worktree.view-mode";
+		/** Guard persisted values before they become a visible mode. */
+		function isWorktreeViewMode(value) {
+			return value === "workspace-session" || value === "worktree";
+		}
+		/** Degraded/unavailable plugin state always exposes the original DSH view. */
+		function effectiveViewMode(preferred, worktreeServiceAvailable) {
+			if (!worktreeServiceAvailable || !isWorktreeViewMode(preferred)) return "workspace-session";
+			return preferred;
+		}
+		/** Keep the Main bucket scoped to the selected DSH Workspace before filtering bindings. */
+		function workspaceSessionIds(workspaces, workspaceId, sessionIds) {
+			if (workspaceId === void 0) return [];
+			const workspace = workspaces.items.find((candidate) => candidate.workspaceId === workspaceId);
+			if (workspace === void 0) return [];
+			const listed = new Set(sessionIds);
+			return workspace.sessionIds.filter((sessionId) => listed.has(sessionId));
+		}
+		function unboundSessionIds(sessionIds, boundSessionIds) {
+			const bound = new Set(boundSessionIds);
+			return sessionIds.filter((sessionId) => !bound.has(sessionId));
+		}
+		/**
+		* Apply a browser-only membership delta to a DSH Workspace list snapshot.
+		* `previousBindings` are removed first so the same function can also undo a
+		* projection after a binding is deleted or the plugin is disposed.
+		*/
+		function projectVirtualWorkspaceMembership(snapshot, previousBindings, nextBindings) {
+			const previousSessionIds = new Set(previousBindings.map((binding) => binding.sessionId));
+			const nextByWorkspace = /* @__PURE__ */ new Map();
+			for (const binding of nextBindings) {
+				const sessionIds = nextByWorkspace.get(binding.workspaceId) ?? [];
+				if (!sessionIds.includes(binding.sessionId)) sessionIds.push(binding.sessionId);
+				nextByWorkspace.set(binding.workspaceId, sessionIds);
+			}
+			const items = snapshot.items.map((workspace) => {
+				const nativeSessionIds = workspace.sessionIds.filter((sessionId) => !previousSessionIds.has(sessionId));
+				const virtualSessionIds = nextByWorkspace.get(workspace.workspaceId) ?? [];
+				const sessionIds = [...nativeSessionIds, ...virtualSessionIds.filter((sessionId) => !nativeSessionIds.includes(sessionId))];
+				if (sessionIds.length === workspace.sessionIds.length && sessionIds.every((sessionId, index) => sessionId === workspace.sessionIds[index])) return workspace;
+				return {
+					...workspace,
+					sessionIds
+				};
+			});
+			if (items.every((workspace, index) => workspace === snapshot.items[index])) return snapshot;
+			return {
+				...snapshot,
+				items
+			};
+		}
+		//#endregion
+		//#region lib/client/worktree-view.js
+		/** A DSH Session exists even when the external Worktree binding needs repair. */
+		var WorktreeSessionBindingError = class extends Error {
+			code = "SESSION_BINDING_FAILED";
+			retryable = true;
+			sessionId;
+			cause;
+			constructor(sessionId, cause) {
+				const reason = cause instanceof Error ? cause.message : String(cause);
+				super(`Session ${sessionId} was created, but Worktree binding failed: ${reason}`);
+				this.name = "WorktreeSessionBindingError";
+				this.sessionId = sessionId;
+				this.cause = cause;
+			}
+		};
+		/** Reuse the previous ID snapshot when DSH republishes equivalent Workspace items. */
+		function stableWorkspaceIds(previous, next) {
+			if (previous.length !== next.length) return next;
+			for (let index = 0; index < previous.length; index += 1) if (previous[index] !== next[index]) return next;
+			return previous;
+		}
+		/** Prefer the branch checked out by the DSH Workspace, then fall back to any local branch. */
+		function selectDefaultBaseBranch(branches) {
+			return branches.find((branch) => branch.isCurrent)?.name ?? branches[0]?.name ?? "";
+		}
+		function browserRandomUuid() {
+			const randomUUID = globalThis.crypto?.randomUUID;
+			if (typeof randomUUID === "function") return randomUUID.call(globalThis.crypto);
+			return `${Date.now().toString(16)}-${Math.random().toString(16).slice(2)}`;
+		}
+		/** Generate a short, editable default branch name without colliding with known local names. */
+		function createDefaultWorktreeName(existingNames, randomUuid = browserRandomUuid) {
+			const usedNames = new Set([...existingNames].map((name) => name.trim()));
+			for (let attempt = 0; attempt < 100; attempt += 1) {
+				const suffix = randomUuid().replace(/[^a-z0-9]/gi, "").slice(0, 8).toLowerCase();
+				if (suffix.length < 8) continue;
+				const candidate = `dsh/${suffix}`;
+				if (!usedNames.has(candidate)) return candidate;
+			}
+			throw new Error("Unable to generate an available default Worktree name.");
+		}
+		/** Hide DSH-archived Sessions from the browser-local Worktree projection. */
+		function filterArchivedSessionIds(sessionIds, archivedSessionIds) {
+			return sessionIds.filter((sessionId) => !archivedSessionIds.includes(sessionId));
+		}
+		/** Read all three Worktree projections needed by the surface in one refresh. */
+		async function loadWorktreeView(manager, workspaceId) {
+			const [worktrees, branches, bindings] = await Promise.all([
+				manager.listWorktrees({ workspaceId }),
+				manager.listBranches({ workspaceId }),
+				manager.listBindings({ workspaceId })
+			]);
+			return {
+				worktrees,
+				branches,
+				bindings
+			};
+		}
+		/** Load one independent projection per DSH Workspace for the flat sidebar hierarchy. */
+		async function loadWorktreeViews(manager, workspaceIds) {
+			return Promise.all(workspaceIds.map(async (workspaceId) => ({
+				workspaceId,
+				...await loadWorktreeView(manager, workspaceId)
+			})));
+		}
+		/** Keep mutation routing in the browser Consumer while leaving wire details to the adapter. */
+		async function executeWorktreeAction(manager, action) {
+			if (action.type === "createWorktree") return manager.createWorktree(action.input);
+			if (action.type === "removeWorktree") {
+				await manager.removeWorktree(action.input);
+				return;
+			}
+		}
+		/**
+		* Create a normal DSH Session at a Worktree cwd, then add the external binding.
+		* A binding failure deliberately leaves the DSH-created Session intact.
+		*/
+		async function createSessionForWorktree(input) {
+			const sessionId = await input.createSession({ cwd: input.cwd });
+			try {
+				await input.manager.bindSession({
+					workspaceId: input.workspaceId,
+					worktreeId: input.worktreeId,
+					sessionId
+				});
+			} catch (error) {
+				throw new WorktreeSessionBindingError(sessionId, error);
+			}
+			input.beforeOpen?.(sessionId);
+			input.openSession(sessionId);
+			return sessionId;
+		}
+		/** Convert any adapter/Gateway failure into renderable, retry-aware UI data. */
+		function toWorktreeViewError(error) {
+			if (typeof error === "object" && error !== null) {
+				const candidate = error;
+				return {
+					code: typeof candidate.code === "string" ? candidate.code : "WORKTREE_VIEW_FAILED",
+					message: typeof candidate.message === "string" ? candidate.message : "Worktree data is unavailable. Retry the request.",
+					retryable: candidate.retryable !== false
+				};
+			}
+			return {
+				code: "WORKTREE_VIEW_FAILED",
+				message: "Worktree data is unavailable. Retry the request.",
+				retryable: true
+			};
+		}
+		//#endregion
+		//#region lib/client/WorktreeSurface.js
+		const EMPTY_READ_STATE = {
+			status: "idle",
+			views: []
+		};
+		function useStableWorkspaceIds(workspaces) {
+			const next = workspaces.map((workspace) => workspace.workspaceId);
+			const previousRef = (0, react.useRef)([]);
+			const stable = stableWorkspaceIds(previousRef.current, next);
+			if (stable !== previousRef.current) previousRef.current = stable;
+			return previousRef.current;
+		}
+		function sessionLabel(sessionId, sessions) {
+			return sessions.byId[sessionId]?.displayTitle ?? sessionId;
+		}
+		function rowHalf(event) {
+			const rect = event.currentTarget.getBoundingClientRect();
+			return event.clientY < rect.top + rect.height / 2 ? "before" : "after";
+		}
+		function bindingIdsFor(bindings, worktreeId) {
+			return bindings.filter((binding) => binding.worktreeId === worktreeId).map((binding) => binding.sessionId);
+		}
+		function includesText(value, query) {
+			return value.toLocaleLowerCase().includes(query);
+		}
+		function workspaceMatches(workspace, view, sessions, query) {
+			if (query.length === 0) return true;
+			if (includesText(workspace.title, query)) return true;
+			if (workspace.sessionIds.some((sessionId) => includesText(sessionLabel(sessionId, sessions), query))) return true;
+			if (view === void 0) return false;
+			if (view.worktrees.some((record) => includesText(record.branch, query) || includesText(record.absolutePath, query))) return true;
+			return view.bindings.some((binding) => includesText(sessionLabel(binding.sessionId, sessions), query));
+		}
+		/** Workspace row using the native DSH menu, fixed action column, and drag contract. */
+		function WorktreeWorkspaceRow({ workspace, expanded, actionPending, menuOpen, drag, onToggle, onCreateWorktree, onRename, onDelete, onMenuOpenChange }) {
+			const workspaceMenuItems = [{
+				id: "rename",
+				label: "Rename",
+				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {}),
+				disabled: actionPending
+			}, {
+				id: "delete",
+				label: "Delete",
+				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, {}),
+				danger: true,
+				disabled: actionPending
+			}];
+			const markerClass = drag.marker === "before" ? worktree_css_default.dropBefore : drag.marker === "after" ? worktree_css_default.dropAfter : "";
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: `${worktree_css_default.workspaceRow} ${markerClass}`,
+				"data-workspace-drag": drag.active ? "active" : void 0,
+				"data-menu-open": menuOpen || void 0,
+				draggable: true,
+				onClick: () => {
+					onToggle();
+				},
+				onDragStart: (event) => {
+					event.dataTransfer.effectAllowed = "move";
+					event.dataTransfer.setData("text/plain", workspace.workspaceId);
+					drag.start();
+				},
+				onDragEnd: drag.end,
+				onDragOver: (event) => {
+					if (!drag.active) return;
+					event.preventDefault();
+					event.dataTransfer.dropEffect = "move";
+					drag.hover(rowHalf(event));
+				},
+				onDrop: (event) => {
+					if (!drag.active) return;
+					event.preventDefault();
+					drag.drop(rowHalf(event));
+				},
+				children: [
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${worktree_css_default.disclosureButton} ${worktree_css_default.workspaceDisclosure}`,
+						"aria-label": `${expanded ? "Collapse" : "Expand"} ${workspace.title}`,
+						"aria-expanded": expanded,
+						onClick: (event) => {
+							event.stopPropagation();
+							onToggle();
+						},
+						children: expanded ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 18 }) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, { size: 18 })
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: worktree_css_default.workspaceIcon,
+						"aria-hidden": "true",
+						children: 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: worktree_css_default.workspaceTitle,
+						children: workspace.title
+					}),
+					(0, react_jsx_runtime.jsxs)("span", {
+						className: `${worktree_css_default.treeActionSlot} ${worktree_css_default.workspaceActions}`,
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: worktree_css_default.menuAction,
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+								open: menuOpen,
+								onClose: () => {
+									onMenuOpenChange(false);
+								},
+								items: workspaceMenuItems,
+								onSelect: (id) => {
+									onMenuOpenChange(false);
+									if (id === "rename") onRename();
+									if (id === "delete") onDelete();
+								},
+								portal: true,
+								closeOnPointerLeave: true,
+								anchor: (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: worktree_css_default.iconButton,
+									"data-workspace-menu": true,
+									"aria-label": `Workspace options for ${workspace.title}`,
+									onClick: (event) => {
+										event.stopPropagation();
+										onMenuOpenChange(!menuOpen);
+									},
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, {})
+								})
+							})
+						}), (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: worktree_css_default.iconButton,
+							"data-add-worktree": true,
+							"aria-label": `Add Worktree to ${workspace.title}`,
+							onClick: (event) => {
+								event.stopPropagation();
+								onCreateWorktree();
+							},
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, {})
+						})]
+					})
+				]
+			});
+		}
+		/** Shared Main/Worktree group row with parameterized icon, state, and actions. */
+		function WorktreeGroupRow({ kind, label, expanded, icon, workspaceTitle, state, stateLabel, onToggle, onCreateSession }) {
+			const main = kind === "main";
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: worktree_css_default.worktreeRow,
+				"data-main-group": main ? "true" : void 0,
+				"data-main-expanded": main ? String(expanded) : void 0,
+				onClick: onToggle,
+				children: [
+					(0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${worktree_css_default.disclosureButton} ${worktree_css_default.worktreeDisclosure}`,
+						"aria-label": `${expanded ? "Collapse" : "Expand"} ${label}`,
+						"aria-expanded": expanded,
+						onClick: (event) => {
+							event.stopPropagation();
+							onToggle();
+						},
+						children: expanded ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 18 }) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, { size: 18 })
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: worktree_css_default.worktreeIcon,
+						"aria-hidden": "true",
+						children: icon
+					}),
+					state !== void 0 && stateLabel !== void 0 && (0, react_jsx_runtime.jsx)("span", {
+						className: worktree_css_default.worktreeState,
+						role: "img",
+						"aria-label": stateLabel,
+						title: stateLabel,
+						children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state })
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: worktree_css_default.worktreeLabel,
+						children: label
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: worktree_css_default.treeActionSlot,
+						children: onCreateSession !== void 0 && (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: worktree_css_default.iconButton,
+							"data-add-main-session": main ? "true" : void 0,
+							"data-add-session": main ? void 0 : "true",
+							"aria-label": `Add Session to ${workspaceTitle}`,
+							onClick: (event) => {
+								event.stopPropagation();
+								onCreateSession();
+							},
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, {})
+						})
+					})
+				]
+			});
+		}
+		/** Worktree-mode Session row with the same trailing options menu as native DSH rows. */
+		function WorktreeSessionRow({ sessionId, label, drag, actionPending, onOpen, onRename, onFork, onArchive }) {
+			const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+			const markerClass = drag.marker === "before" ? worktree_css_default.dropBefore : drag.marker === "after" ? worktree_css_default.dropAfter : "";
+			const sessionMenuItems = [
+				{
+					id: "rename",
+					label: "Rename",
+					icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {}),
+					disabled: onRename === void 0 || actionPending
+				},
+				{
+					id: "fork",
+					label: "Fork session",
+					icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, {}),
+					disabled: onFork === void 0 || actionPending
+				},
+				{
+					id: "archive",
+					label: "Archive session",
+					icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconArchiveOutline20, { size: 16 }),
+					disabled: onArchive === void 0 || actionPending
+				}
+			];
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: `${worktree_css_default.treeSessionRow} ${markerClass}`,
+				"data-session-id": sessionId,
+				"data-session-drag": drag.active ? "active" : void 0,
+				"data-menu-open": menuOpen || void 0,
+				role: "treeitem",
+				draggable: true,
+				onDragStart: (event) => {
+					event.dataTransfer.effectAllowed = "move";
+					event.dataTransfer.setData("text/plain", sessionId);
+					drag.start();
+				},
+				onDragEnd: drag.end,
+				onDragOver: (event) => {
+					if (!drag.active) return;
+					event.preventDefault();
+					event.dataTransfer.dropEffect = "move";
+					drag.hover(rowHalf(event));
+				},
+				onDrop: (event) => {
+					if (!drag.active) return;
+					event.preventDefault();
+					drag.drop(rowHalf(event));
+				},
+				children: [(0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: worktree_css_default.treeSessionContent,
+					onClick: onOpen,
+					children: [(0, react_jsx_runtime.jsx)("span", {
+						className: worktree_css_default.treeGuide,
+						"aria-hidden": "true",
+						children: "└"
+					}), (0, react_jsx_runtime.jsx)("span", {
+						className: worktree_css_default.sessionLabel,
+						children: label
+					})]
+				}), (0, react_jsx_runtime.jsx)("span", {
+					className: worktree_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?.(sessionId, label);
+							if (id === "fork") onFork?.(sessionId);
+							if (id === "archive") onArchive?.(sessionId);
+						},
+						portal: true,
+						closeOnPointerLeave: true,
+						anchor: (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: worktree_css_default.iconButton,
+							"data-session-menu": true,
+							"aria-label": `Session options for ${label}`,
+							onClick: (event) => {
+								event.stopPropagation();
+								setMenuOpen((current) => !current);
+							},
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, {})
+						})
+					})
+				})]
+			});
+		}
+		function WorktreeSessionGroup({ groupKey, sessionIds, workspaceId, expanded, actionPending, sessions, dragState, onToggleExpanded, onStartDrag, onHoverDrag, onClearDrag, onFinishDrag, onCommitDrag, onOpen, onRename, onFork, onArchive }) {
+			const visibleSessionIds = expanded ? sessionIds : sessionIds.slice(0, 5);
+			const sameGroupDrag = dragState?.groupKey === groupKey;
+			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [visibleSessionIds.map((sessionId) => (0, react_jsx_runtime.jsx)(WorktreeSessionRow, {
+				sessionId,
+				label: sessionLabel(sessionId, sessions),
+				drag: {
+					active: sameGroupDrag,
+					marker: sameGroupDrag && dragState.over?.sessionId === sessionId ? dragState.over.half : null,
+					start: () => {
+						onStartDrag(groupKey, sessionId);
+					},
+					hover: (half) => {
+						onHoverDrag(sessionId, half);
+					},
+					drop: (half) => {
+						if (dragState === void 0) return;
+						onCommitDrag(dragState, {
+							sessionId,
+							half
+						}, sessionIds, workspaceId);
+					},
+					end: () => {
+						if (dragState?.over !== null && dragState?.over !== void 0) onCommitDrag(dragState, dragState.over, sessionIds, workspaceId);
+						else onClearDrag();
+						onFinishDrag();
+					}
+				},
+				actionPending,
+				onOpen: () => {
+					onOpen(sessionId);
+				},
+				onRename,
+				onFork,
+				onArchive
+			}, `${groupKey}:${sessionId}`)), sessionIds.length > 5 && (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: worktree_css_default.sessionOverflowButton,
+				"aria-expanded": expanded,
+				onClick: onToggleExpanded,
+				children: expanded ? "Collapse" : `Expand ${sessionIds.length - 5} more`
+			})] });
+		}
+		/**
+		* Peer Worktree navigation surface. It keeps the original DSH Workspace mode
+		* intact and renders a browser-local Workspace → Worktree → Session projection.
+		*/
+		function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces, available, manager, createWorkspace, createSessionForWorktree: createSessionCallback, createMainSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, insertSessionBefore, renameSession, forkSession, archiveSession, ensureSessionWorkspace, syncSessionWorkspaces, openSession }) {
+			const mode = effectiveViewMode(useStore((state) => state.viewMode), available && manager !== void 0);
+			const sessions = useSessions((state) => state);
+			const workspaces = useWorkspaces((state) => state);
+			const workspaceIds = useStableWorkspaceIds(workspaces.items);
+			const [readState, setReadState] = (0, react.useState)(EMPTY_READ_STATE);
+			const [searchQuery, setSearchQuery] = (0, react.useState)("");
+			const [expandedWorkspaces, setExpandedWorkspaces] = (0, react.useState)({});
+			const [expandedMains, setExpandedMains] = (0, react.useState)({});
+			const [expandedWorktrees, setExpandedWorktrees] = (0, react.useState)({});
+			const [worktreeModalWorkspaceId, setWorktreeModalWorkspaceId] = (0, react.useState)();
+			const [openWorkspaceMenuId, setOpenWorkspaceMenuId] = (0, react.useState)();
+			const [selectedBranch, setSelectedBranch] = (0, react.useState)("");
+			const [newBranch, setNewBranch] = (0, react.useState)("");
+			const [pendingSessionBinding, setPendingSessionBinding] = (0, react.useState)();
+			const [actionError, setActionError] = (0, react.useState)();
+			const [actionPending, setActionPending] = (0, react.useState)(false);
+			const [sessionRenameTarget, setSessionRenameTarget] = (0, react.useState)();
+			const [sessionRenameDraft, setSessionRenameDraft] = (0, react.useState)("");
+			const [sessionRenamePending, setSessionRenamePending] = (0, react.useState)(false);
+			const [sessionRenameError, setSessionRenameError] = (0, react.useState)();
+			const [workspaceDrag, setWorkspaceDrag] = (0, react.useState)();
+			const [workspaceRenameTarget, setWorkspaceRenameTarget] = (0, react.useState)();
+			const [workspaceRenameDraft, setWorkspaceRenameDraft] = (0, react.useState)("");
+			const [workspaceRenamePending, setWorkspaceRenamePending] = (0, react.useState)(false);
+			const [workspaceRenameError, setWorkspaceRenameError] = (0, react.useState)();
+			const [workspaceDeleteTarget, setWorkspaceDeleteTarget] = (0, react.useState)();
+			const [workspaceDeletePending, setWorkspaceDeletePending] = (0, react.useState)(false);
+			const [workspaceDeleteError, setWorkspaceDeleteError] = (0, react.useState)();
+			const workspaceDropCommitted = (0, react.useRef)(false);
+			const [sessionDrag, setSessionDrag] = (0, react.useState)();
+			const [expandedSessionGroups, setExpandedSessionGroups] = (0, react.useState)({});
+			const sessionDropCommitted = (0, react.useRef)(false);
+			const { ref, width, bounds } = useSidebarOverlayGeometry(mode === "worktree");
+			const collapsed = width <= 64;
+			const query = searchQuery.trim().toLocaleLowerCase();
+			const archivedSessionIds = workspaces.archivedSessionIds ?? [];
+			const refresh = (0, react.useCallback)(async () => {
+				if (manager === void 0) {
+					setReadState(EMPTY_READ_STATE);
+					return;
+				}
+				setReadState({
+					status: "loading",
+					views: []
+				});
+				try {
+					const views = await loadWorktreeViews(manager, workspaceIds);
+					setReadState({
+						status: "ready",
+						views
+					});
+				} catch (error) {
+					setReadState({
+						status: "error",
+						views: [],
+						error: toWorktreeViewError(error)
+					});
+				}
+			}, [manager, workspaceIds]);
+			(0, react.useEffect)(() => {
+				if (mode === "worktree") refresh();
+				else setReadState(EMPTY_READ_STATE);
+			}, [mode, refresh]);
+			(0, react.useEffect)(() => {
+				if (readState.status !== "ready" || syncSessionWorkspaces === void 0) return;
+				syncSessionWorkspaces(readState.views.flatMap((view) => view.bindings.map((binding) => ({
+					workspaceId: binding.workspaceId,
+					sessionId: binding.sessionId
+				}))));
+			}, [
+				readState.status,
+				readState.views,
+				syncSessionWorkspaces
+			]);
+			const viewByWorkspace = (0, react.useMemo)(() => new Map(readState.views.map((view) => [view.workspaceId, view])), [readState.views]);
+			const modalWorkspace = workspaces.items.find((workspace) => workspace.workspaceId === worktreeModalWorkspaceId);
+			const modalView = worktreeModalWorkspaceId === void 0 ? void 0 : viewByWorkspace.get(worktreeModalWorkspaceId);
+			const runMutation = async (operation) => {
+				setActionPending(true);
+				setActionError(void 0);
+				try {
+					await operation();
+					await refresh();
+				} catch (error) {
+					setActionError(toWorktreeViewError(error));
+				} finally {
+					setActionPending(false);
+				}
+			};
+			const workspaceRenameTrimmed = workspaceRenameDraft.trim();
+			const workspaceRenameDuplicate = workspaceRenameTarget !== void 0 && workspaceRenameTrimmed.length > 0 && workspaces.items.some((workspace) => workspace.workspaceId !== workspaceRenameTarget.workspaceId && workspace.title === workspaceRenameTrimmed);
+			const workspaceRenameBlocked = workspaceRenamePending || workspaceRenameTarget === void 0 || workspaceRenameTrimmed.length === 0 || workspaceRenameTrimmed === workspaceRenameTarget?.currentTitle || workspaceRenameDuplicate;
+			const openWorkspaceRename = (workspace) => {
+				setWorkspaceRenameTarget({
+					workspaceId: workspace.workspaceId,
+					currentTitle: workspace.title
+				});
+				setWorkspaceRenameDraft(workspace.title);
+				setWorkspaceRenameError(void 0);
+			};
+			const closeWorkspaceRename = () => {
+				if (workspaceRenamePending) return;
+				setWorkspaceRenameTarget(void 0);
+				setWorkspaceRenameError(void 0);
+			};
+			const confirmWorkspaceRename = async () => {
+				const target = workspaceRenameTarget;
+				if (workspaceRenameBlocked || target === void 0) return;
+				if (renameWorkspace === void 0) {
+					setWorkspaceRenameError("Workspace rename is unavailable; retry after reconnecting.");
+					return;
+				}
+				setWorkspaceRenamePending(true);
+				setWorkspaceRenameError(void 0);
+				try {
+					await renameWorkspace(target.workspaceId, workspaceRenameTrimmed);
+					setWorkspaceRenameTarget(void 0);
+				} catch (error) {
+					setWorkspaceRenameError(error instanceof Error ? error.message : String(error));
+				} finally {
+					setWorkspaceRenamePending(false);
+				}
+			};
+			const openWorkspaceDelete = (workspace) => {
+				setWorkspaceDeleteTarget({
+					workspaceId: workspace.workspaceId,
+					title: workspace.title
+				});
+				setWorkspaceDeleteError(void 0);
+			};
+			const closeWorkspaceDelete = () => {
+				if (workspaceDeletePending) return;
+				setWorkspaceDeleteTarget(void 0);
+				setWorkspaceDeleteError(void 0);
+			};
+			const confirmWorkspaceDelete = async () => {
+				const target = workspaceDeleteTarget;
+				if (target === void 0 || workspaceDeletePending) return;
+				if (deleteWorkspace === void 0) {
+					setWorkspaceDeleteError("Workspace delete is unavailable; retry after reconnecting.");
+					return;
+				}
+				setWorkspaceDeletePending(true);
+				setWorkspaceDeleteError(void 0);
+				try {
+					await deleteWorkspace(target.workspaceId);
+					setWorkspaceDeleteTarget(void 0);
+				} catch (error) {
+					setWorkspaceDeleteError(error instanceof Error ? error.message : String(error));
+				} finally {
+					setWorkspaceDeletePending(false);
+				}
+			};
+			const commitWorkspaceDrag = (activeDrag, over) => {
+				if (workspaceDropCommitted.current) return;
+				workspaceDropCommitted.current = true;
+				setWorkspaceDrag(void 0);
+				const rows = workspaces.items;
+				const targetIndex = rows.findIndex((workspace) => workspace.workspaceId === over.workspaceId);
+				const sourceIndex = rows.findIndex((workspace) => workspace.workspaceId === activeDrag.workspaceId);
+				if (targetIndex === -1 || sourceIndex === -1) return;
+				const beforeWorkspaceId = over.half === "before" ? over.workspaceId : rows[targetIndex + 1]?.workspaceId;
+				const anchorIndex = beforeWorkspaceId === void 0 ? rows.length : rows.findIndex((workspace) => workspace.workspaceId === beforeWorkspaceId);
+				if (beforeWorkspaceId === activeDrag.workspaceId || anchorIndex === sourceIndex || anchorIndex === sourceIndex + 1) return;
+				if (insertWorkspaceBefore === void 0) {
+					setActionError({
+						code: "WORKSPACE_ORDER_UNAVAILABLE",
+						message: "Workspace ordering is unavailable; retry after reconnecting.",
+						retryable: true
+					});
+					return;
+				}
+				setActionError(void 0);
+				insertWorkspaceBefore(activeDrag.workspaceId, beforeWorkspaceId).catch((error) => {
+					setActionError(toWorktreeViewError(error));
+				});
+			};
+			const commitSessionDrag = (activeDrag, over, sessionIds, workspaceId) => {
+				if (sessionDropCommitted.current) return;
+				sessionDropCommitted.current = true;
+				setSessionDrag(void 0);
+				const targetIndex = sessionIds.indexOf(over.sessionId);
+				const sourceIndex = sessionIds.indexOf(activeDrag.sessionId);
+				if (targetIndex === -1 || sourceIndex === -1) return;
+				const beforeSessionId = over.half === "before" ? over.sessionId : sessionIds[targetIndex + 1];
+				const anchorIndex = beforeSessionId === void 0 ? sessionIds.length : sessionIds.indexOf(beforeSessionId);
+				if (beforeSessionId === activeDrag.sessionId || anchorIndex === sourceIndex || anchorIndex === sourceIndex + 1) return;
+				if (insertSessionBefore === void 0) {
+					setActionError({
+						code: "SESSION_ORDER_UNAVAILABLE",
+						message: "Session ordering is unavailable; retry after reconnecting.",
+						retryable: true
+					});
+					return;
+				}
+				setActionError(void 0);
+				insertSessionBefore(workspaceId, activeDrag.sessionId, beforeSessionId).catch((error) => {
+					setActionError(toWorktreeViewError(error));
+				});
+			};
+			const openSessionRename = (sessionId, currentTitle) => {
+				setSessionRenameTarget({
+					sessionId,
+					currentTitle
+				});
+				setSessionRenameDraft(currentTitle);
+				setSessionRenameError(void 0);
+			};
+			const closeSessionRename = () => {
+				if (sessionRenamePending) return;
+				setSessionRenameTarget(void 0);
+				setSessionRenameError(void 0);
+			};
+			const confirmSessionRename = async () => {
+				const target = sessionRenameTarget;
+				const title = sessionRenameDraft.trim();
+				if (target === void 0 || title.length === 0 || sessionRenamePending) return;
+				if (renameSession === void 0) {
+					setSessionRenameError("Session rename is unavailable; retry after reconnecting.");
+					return;
+				}
+				setSessionRenamePending(true);
+				setSessionRenameError(void 0);
+				try {
+					await renameSession(target.sessionId, title);
+					setSessionRenameTarget(void 0);
+				} catch (error) {
+					setSessionRenameError(error instanceof Error ? error.message : String(error));
+				} finally {
+					setSessionRenamePending(false);
+				}
+			};
+			const archiveWorktreeSession = async (sessionId) => {
+				if (archiveSession === void 0) return;
+				await runMutation(() => archiveSession(sessionId));
+			};
+			const toggleWorkspace = (workspaceId) => {
+				setExpandedWorkspaces((current) => ({
+					...current,
+					[workspaceId]: current[workspaceId] === false
+				}));
+			};
+			const toggleMain = (workspaceId) => {
+				setExpandedMains((current) => ({
+					...current,
+					[workspaceId]: current[workspaceId] === false
+				}));
+			};
+			const toggleWorktree = (worktreeId) => {
+				setExpandedWorktrees((current) => ({
+					...current,
+					[worktreeId]: current[worktreeId] === false
+				}));
+			};
+			const openWorktreeCreator = (workspace) => {
+				const view = viewByWorkspace.get(workspace.workspaceId);
+				const baseBranch = selectDefaultBaseBranch(view?.branches ?? []);
+				const existingNames = [...(view?.branches ?? []).map((branch) => branch.name), ...(view?.worktrees ?? []).map((worktree) => worktree.branch)];
+				setWorktreeModalWorkspaceId(workspace.workspaceId);
+				setSelectedBranch(baseBranch);
+				setNewBranch(createDefaultWorktreeName(existingNames));
+				setActionError(void 0);
+			};
+			const submitWorktree = async () => {
+				const worktreeName = newBranch.trim();
+				if (manager === void 0 || modalWorkspace === void 0 || selectedBranch.length === 0 || worktreeName.length === 0) return;
+				const input = {
+					workspaceId: modalWorkspace.workspaceId,
+					branch: selectedBranch,
+					newBranch: worktreeName
+				};
+				setActionPending(true);
+				setActionError(void 0);
+				setPendingSessionBinding(void 0);
+				try {
+					const createdWorktree = await executeWorktreeAction(manager, {
+						type: "createWorktree",
+						input
+					});
+					if (createdWorktree === void 0) throw new Error("Worktree creation returned no Worktree record; retry the request.");
+					setWorktreeModalWorkspaceId(void 0);
+					if (createSessionCallback === void 0) {
+						await refresh();
+						setActionError({
+							code: "SESSION_CREATE_UNAVAILABLE",
+							message: "Worktree created, but Session creation is unavailable; retry after reconnecting.",
+							retryable: true
+						});
+						return;
+					}
+					const sessionInput = {
+						workspaceId: createdWorktree.workspaceId,
+						worktreeId: createdWorktree.worktreeId,
+						cwd: createdWorktree.absolutePath
+					};
+					try {
+						await createSessionCallback(sessionInput);
+					} catch (error) {
+						if (error instanceof WorktreeSessionBindingError) setPendingSessionBinding({
+							...sessionInput,
+							sessionId: error.sessionId
+						});
+						throw error;
+					}
+					await refresh();
+				} catch (error) {
+					setActionError(toWorktreeViewError(error));
+				} finally {
+					setActionPending(false);
+				}
+			};
+			const createSession = async (input) => {
+				if (createSessionCallback === void 0) {
+					setActionError({
+						code: "SESSION_CREATE_UNAVAILABLE",
+						message: "Session creation is unavailable; retry after reconnecting.",
+						retryable: true
+					});
+					return;
+				}
+				setActionPending(true);
+				setActionError(void 0);
+				setPendingSessionBinding(void 0);
+				try {
+					await createSessionCallback(input);
+					await refresh();
+				} catch (error) {
+					if (error instanceof WorktreeSessionBindingError) setPendingSessionBinding({
+						...input,
+						sessionId: error.sessionId
+					});
+					setActionError(toWorktreeViewError(error));
+				} finally {
+					setActionPending(false);
+				}
+			};
+			const retrySessionBinding = async () => {
+				if (manager === void 0 || pendingSessionBinding === void 0) return;
+				setActionPending(true);
+				setActionError(void 0);
+				try {
+					await manager.bindSession({
+						workspaceId: pendingSessionBinding.workspaceId,
+						worktreeId: pendingSessionBinding.worktreeId,
+						sessionId: pendingSessionBinding.sessionId
+					});
+					const sessionId = pendingSessionBinding.sessionId;
+					setPendingSessionBinding(void 0);
+					ensureSessionWorkspace?.(pendingSessionBinding.workspaceId, sessionId);
+					await refresh();
+					openSession(sessionId);
+				} catch (error) {
+					setActionError(toWorktreeViewError(error));
+				} finally {
+					setActionPending(false);
+				}
+			};
+			const openWorkspaceSession = (workspaceId, sessionId) => {
+				ensureSessionWorkspace?.(workspaceId, sessionId);
+				openWorktreeSession({ open: openSession }, sessionId);
+			};
+			if (mode !== "worktree") return null;
+			const visibleWorkspaces = workspaces.items.filter((workspace) => workspaceMatches(workspace, viewByWorkspace.get(workspace.workspaceId), sessions, query));
+			return (0, react_jsx_runtime.jsxs)("aside", {
+				ref,
+				className: worktree_css_default.surface,
+				"data-worktree-surface": true,
+				"data-collapsed": collapsed || void 0,
+				"aria-label": "Worktree navigation",
+				style: {
+					width: `${width}px`,
+					...bounds.ready ? {
+						top: `${bounds.top}px`,
+						height: `${bounds.height}px`
+					} : {
+						height: "0px",
+						visibility: "hidden"
+					}
+				},
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: worktree_css_default.wideContent,
+						children: [
+							(0, react_jsx_runtime.jsxs)("header", {
+								className: worktree_css_default.header,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: worktree_css_default.title,
+									children: "Worktrees"
+								}), (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: worktree_css_default.closeButton,
+									"aria-label": "Exit Worktree mode",
+									onClick: () => {
+										actions.setViewMode("workspace-session");
+									},
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
+								})]
+							}),
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: worktree_css_default.searchRow,
+								children: [
+									(0, react_jsx_runtime.jsx)("span", {
+										className: worktree_css_default.searchIcon,
+										"aria-hidden": "true",
+										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, {})
+									}),
+									(0, react_jsx_runtime.jsx)("input", {
+										className: worktree_css_default.searchInput,
+										"aria-label": "Search Workspaces and Sessions",
+										placeholder: "Search Workspaces and Sessions",
+										value: searchQuery,
+										onChange: (event) => {
+											setSearchQuery(event.currentTarget.value);
+										}
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: worktree_css_default.iconButton,
+										"aria-label": "Add Workspace",
+										onClick: () => {
+											if (createWorkspace !== void 0) runMutation(createWorkspace);
+										},
+										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, {})
+									})
+								]
+							}),
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: worktree_css_default.content,
+								tabIndex: 0,
+								children: [
+									actionError !== void 0 && (0, react_jsx_runtime.jsxs)("div", {
+										className: worktree_css_default.error,
+										role: "alert",
+										"data-worktree-error": true,
+										children: [
+											(0, react_jsx_runtime.jsx)("p", {
+												className: worktree_css_default.message,
+												"data-error": "true",
+												children: actionError.message
+											}),
+											pendingSessionBinding !== void 0 && (0, react_jsx_runtime.jsxs)("div", {
+												className: worktree_css_default.recoveryActions,
+												children: [(0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: worktree_css_default.actionButton,
+													disabled: actionPending,
+													onClick: () => {
+														retrySessionBinding();
+													},
+													children: "Retry Binding"
+												}), (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: worktree_css_default.actionButton,
+													disabled: actionPending,
+													onClick: () => {
+														const sessionId = pendingSessionBinding.sessionId;
+														setPendingSessionBinding(void 0);
+														setActionError(void 0);
+														openSession(sessionId);
+													},
+													children: "Open Created Session"
+												})]
+											}),
+											actionError.retryable && (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: worktree_css_default.retryButton,
+												onClick: () => {
+													setActionError(void 0);
+													refresh();
+												},
+												children: "Retry"
+											})
+										]
+									}),
+									readState.status === "loading" && (0, react_jsx_runtime.jsx)("p", {
+										className: worktree_css_default.message,
+										children: "Loading Workspaces…"
+									}),
+									readState.status === "error" && readState.error !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
+										className: worktree_css_default.error,
+										role: "alert",
+										"data-worktree-error": true,
+										children: [(0, react_jsx_runtime.jsx)("p", {
+											className: worktree_css_default.message,
+											"data-error": "true",
+											children: readState.error.message
+										}), (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: worktree_css_default.retryButton,
+											onClick: () => {
+												refresh();
+											},
+											children: "Retry"
+										})]
+									}) : readState.status === "ready" ? (0, react_jsx_runtime.jsx)("div", {
+										className: worktree_css_default.workspaceList,
+										children: visibleWorkspaces.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+											className: worktree_css_default.empty,
+											children: "No matching Workspaces"
+										}) : visibleWorkspaces.map((workspace) => {
+											const view = viewByWorkspace.get(workspace.workspaceId);
+											const expanded = expandedWorkspaces[workspace.workspaceId] !== false;
+											const workspaceMatchesQuery = includesText(workspace.title, query);
+											const allWorkspaceSessionIds = filterArchivedSessionIds(workspaceSessionIds(workspaces, workspace.workspaceId, sessions.ids), archivedSessionIds);
+											const bindings = view?.bindings ?? [];
+											const visibleMainSessionIds = unboundSessionIds(allWorkspaceSessionIds, [...new Set(bindings.map((binding) => binding.sessionId))]).filter((sessionId) => workspaceMatchesQuery || includesText(sessionLabel(sessionId, sessions), query));
+											const mainExpanded = expandedMains[workspace.workspaceId] !== false;
+											const mainGroupKey = `main:${workspace.workspaceId}`;
+											const worktrees = view?.worktrees ?? [];
+											return (0, react_jsx_runtime.jsxs)("section", {
+												className: worktree_css_default.workspaceGroup,
+												"data-workspace-id": workspace.workspaceId,
+												children: [(0, react_jsx_runtime.jsx)(WorktreeWorkspaceRow, {
+													workspace,
+													expanded,
+													actionPending,
+													menuOpen: openWorkspaceMenuId === workspace.workspaceId,
+													drag: {
+														active: workspaceDrag !== void 0,
+														marker: workspaceDrag?.over?.workspaceId === workspace.workspaceId ? workspaceDrag.over.half : null,
+														start: () => {
+															workspaceDropCommitted.current = false;
+															setWorkspaceDrag({
+																workspaceId: workspace.workspaceId,
+																over: null
+															});
+														},
+														hover: (half) => {
+															setWorkspaceDrag((current) => current === void 0 ? current : {
+																...current,
+																over: {
+																	workspaceId: workspace.workspaceId,
+																	half
+																}
+															});
+														},
+														drop: (half) => {
+															if (workspaceDrag === void 0) return;
+															commitWorkspaceDrag(workspaceDrag, {
+																workspaceId: workspace.workspaceId,
+																half
+															});
+														},
+														end: () => {
+															if (workspaceDrag?.over !== null && workspaceDrag?.over !== void 0) commitWorkspaceDrag(workspaceDrag, workspaceDrag.over);
+															else setWorkspaceDrag(void 0);
+															workspaceDropCommitted.current = false;
+														}
+													},
+													onToggle: () => {
+														toggleWorkspace(workspace.workspaceId);
+													},
+													onCreateWorktree: () => {
+														openWorktreeCreator(workspace);
+													},
+													onRename: () => {
+														openWorkspaceRename(workspace);
+													},
+													onDelete: () => {
+														openWorkspaceDelete(workspace);
+													},
+													onMenuOpenChange: (open) => {
+														setOpenWorkspaceMenuId(open ? workspace.workspaceId : void 0);
+													}
+												}), expanded && (0, react_jsx_runtime.jsxs)("div", {
+													className: worktree_css_default.treeChildren,
+													children: [
+														(0, react_jsx_runtime.jsx)(WorktreeGroupRow, {
+															kind: "main",
+															label: "Main",
+															expanded: mainExpanded,
+															icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, {}),
+															workspaceTitle: workspace.title,
+															onToggle: () => {
+																toggleMain(workspace.workspaceId);
+															},
+															onCreateSession: createMainSession === void 0 ? void 0 : () => {
+																createMainSession(workspace.workspaceId);
+															}
+														}),
+														mainExpanded && (0, react_jsx_runtime.jsx)(WorktreeSessionGroup, {
+															groupKey: mainGroupKey,
+															sessionIds: visibleMainSessionIds,
+															workspaceId: workspace.workspaceId,
+															expanded: expandedSessionGroups[mainGroupKey] === true,
+															actionPending,
+															sessions,
+															dragState: sessionDrag,
+															onToggleExpanded: () => {
+																setExpandedSessionGroups((current) => ({
+																	...current,
+																	[mainGroupKey]: current[mainGroupKey] !== true
+																}));
+															},
+															onStartDrag: (groupKey, sessionId) => {
+																sessionDropCommitted.current = false;
+																setSessionDrag({
+																	groupKey,
+																	sessionId,
+																	over: null
+																});
+															},
+															onHoverDrag: (sessionId, half) => {
+																setSessionDrag((current) => current === void 0 ? current : {
+																	...current,
+																	over: {
+																		sessionId,
+																		half
+																	}
+																});
+															},
+															onClearDrag: () => {
+																setSessionDrag(void 0);
+															},
+															onFinishDrag: () => {
+																sessionDropCommitted.current = false;
+															},
+															onCommitDrag: commitSessionDrag,
+															onOpen: (sessionId) => {
+																openWorktreeSession({ open: openSession }, sessionId);
+															},
+															onRename: renameSession === void 0 ? void 0 : openSessionRename,
+															onFork: forkSession,
+															onArchive: archiveSession === void 0 ? void 0 : archiveWorktreeSession
+														}),
+														worktrees.length === 0 && (0, react_jsx_runtime.jsx)("p", {
+															className: worktree_css_default.emptyNested,
+															children: "No Worktrees"
+														}),
+														worktrees.map((record) => {
+															const worktreeSessionIds = filterArchivedSessionIds(bindingIdsFor(bindings, record.worktreeId).filter((sessionId) => sessions.ids.includes(sessionId)), archivedSessionIds);
+															const worktreeMatchesQuery = workspaceMatchesQuery || includesText(record.branch, query) || includesText(record.absolutePath, query);
+															if (query.length > 0 && !worktreeMatchesQuery && !worktreeSessionIds.some((sessionId) => includesText(sessionLabel(sessionId, sessions), query))) return null;
+															const visibleWorktreeSessionIds = worktreeSessionIds.filter((sessionId) => worktreeMatchesQuery || includesText(sessionLabel(sessionId, sessions), query));
+															const worktreeGroupKey = `worktree:${record.worktreeId}`;
+															const state = record.status === "removed" ? "warning" : record.health === "repair" ? "error" : "done";
+															const stateLabel = record.status === "removed" ? "Detached Worktree" : record.health === "repair" ? "Worktree needs repair" : "Active Worktree ready";
+															const worktreeExpanded = expandedWorktrees[record.worktreeId] !== false;
+															return (0, react_jsx_runtime.jsxs)("div", {
+																className: worktree_css_default.worktreeGroup,
+																"data-worktree-id": record.worktreeId,
+																children: [(0, react_jsx_runtime.jsx)(WorktreeGroupRow, {
+																	kind: "worktree",
+																	label: record.branch,
+																	expanded: worktreeExpanded,
+																	icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, {}),
+																	workspaceTitle: workspace.title,
+																	state,
+																	stateLabel,
+																	onToggle: () => {
+																		toggleWorktree(record.worktreeId);
+																	},
+																	onCreateSession: record.status === "active" ? () => {
+																		createSession({
+																			workspaceId: record.workspaceId,
+																			worktreeId: record.worktreeId,
+																			cwd: record.absolutePath
+																		});
+																	} : void 0
+																}), worktreeExpanded && (0, react_jsx_runtime.jsx)(WorktreeSessionGroup, {
+																	groupKey: worktreeGroupKey,
+																	sessionIds: visibleWorktreeSessionIds,
+																	workspaceId: workspace.workspaceId,
+																	expanded: expandedSessionGroups[worktreeGroupKey] === true,
+																	actionPending,
+																	sessions,
+																	dragState: sessionDrag,
+																	onToggleExpanded: () => {
+																		setExpandedSessionGroups((current) => ({
+																			...current,
+																			[worktreeGroupKey]: current[worktreeGroupKey] !== true
+																		}));
+																	},
+																	onStartDrag: (groupKey, sessionId) => {
+																		sessionDropCommitted.current = false;
+																		setSessionDrag({
+																			groupKey,
+																			sessionId,
+																			over: null
+																		});
+																	},
+																	onHoverDrag: (sessionId, half) => {
+																		setSessionDrag((current) => current === void 0 ? current : {
+																			...current,
+																			over: {
+																				sessionId,
+																				half
+																			}
+																		});
+																	},
+																	onClearDrag: () => {
+																		setSessionDrag(void 0);
+																	},
+																	onFinishDrag: () => {
+																		sessionDropCommitted.current = false;
+																	},
+																	onCommitDrag: commitSessionDrag,
+																	onOpen: (sessionId) => {
+																		openWorkspaceSession(workspace.workspaceId, sessionId);
+																	},
+																	onRename: renameSession === void 0 ? void 0 : openSessionRename,
+																	onFork: forkSession,
+																	onArchive: archiveSession === void 0 ? void 0 : archiveWorktreeSession
+																})]
+															}, record.worktreeId);
+														})
+													]
+												})]
+											}, workspace.workspaceId);
+										})
+									}) : null
+								]
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: worktree_css_default.railContent,
+						children: (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: worktree_css_default.railButton,
+							"aria-label": "Exit Worktree mode",
+							onClick: () => {
+								actions.setViewMode("workspace-session");
+							},
+							children: "WT"
+						})
+					}),
+					(0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: sessionRenameTarget !== void 0,
+						onClose: closeSessionRename,
+						closeLabel: "Close",
+						title: "Rename session",
+						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: sessionRenamePending,
+							onClick: closeSessionRename,
+							children: "Cancel"
+						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							disabled: sessionRenamePending || sessionRenameDraft.trim().length === 0,
+							onClick: () => {
+								confirmSessionRename();
+							},
+							children: "Rename"
+						})] }),
+						children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+							className: worktree_css_default.renameInput,
+							value: sessionRenameDraft,
+							"aria-label": "Session name",
+							autoFocus: true,
+							disabled: sessionRenamePending,
+							onFocus: (event) => {
+								event.currentTarget.select();
+							},
+							onChange: (event) => {
+								setSessionRenameDraft(event.currentTarget.value);
+								setSessionRenameError(void 0);
+							},
+							onKeyDown: (event) => {
+								if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+									event.preventDefault();
+									confirmSessionRename();
+								}
+							}
+						}), sessionRenameError !== void 0 && (0, react_jsx_runtime.jsx)("p", {
+							className: worktree_css_default.renameError,
+							role: "alert",
+							children: sessionRenameError
+						})]
+					}),
+					workspaceRenameTarget !== void 0 && (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: workspaceRenameTarget !== void 0,
+						onClose: closeWorkspaceRename,
+						closeLabel: "Close Rename Workspace dialog",
+						title: "Rename Workspace",
+						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: workspaceRenamePending,
+							onClick: closeWorkspaceRename,
+							children: "Cancel"
+						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							disabled: workspaceRenameBlocked,
+							onClick: () => {
+								confirmWorkspaceRename();
+							},
+							children: "Rename"
+						})] }),
+						children: [
+							(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								className: worktree_css_default.renameInput,
+								value: workspaceRenameDraft,
+								"aria-label": "Workspace name",
+								autoFocus: true,
+								disabled: workspaceRenamePending,
+								onFocus: (event) => {
+									event.currentTarget.select();
+								},
+								onChange: (event) => {
+									setWorkspaceRenameDraft(event.currentTarget.value);
+									setWorkspaceRenameError(void 0);
+								},
+								onKeyDown: (event) => {
+									if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+										event.preventDefault();
+										confirmWorkspaceRename();
+									}
+								}
+							}),
+							workspaceRenameDuplicate && (0, react_jsx_runtime.jsx)("p", {
+								className: worktree_css_default.renameError,
+								role: "alert",
+								children: "A Workspace with this name already exists."
+							}),
+							workspaceRenameError !== void 0 && (0, react_jsx_runtime.jsx)("p", {
+								className: worktree_css_default.renameError,
+								role: "alert",
+								children: workspaceRenameError
+							})
+						]
+					}),
+					workspaceDeleteTarget !== void 0 && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: workspaceDeleteTarget !== void 0,
+						onClose: closeWorkspaceDelete,
+						closeLabel: "Close Delete Workspace dialog",
+						title: "Delete Workspace",
+						description: `Delete ${workspaceDeleteTarget.title}? This removes only the DSH Workspace registration. The directory, Sessions, and Git Worktrees will be retained.`,
+						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: workspaceDeletePending,
+							onClick: closeWorkspaceDelete,
+							children: "Cancel"
+						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							disabled: workspaceDeletePending,
+							onClick: () => {
+								confirmWorkspaceDelete();
+							},
+							children: "Delete"
+						})] }),
+						children: workspaceDeleteError !== void 0 && (0, react_jsx_runtime.jsx)("p", {
+							className: worktree_css_default.renameError,
+							role: "alert",
+							children: workspaceDeleteError
+						})
+					}),
+					worktreeModalWorkspaceId !== void 0 && modalWorkspace !== void 0 && (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: worktreeModalWorkspaceId !== void 0,
+						onClose: () => {
+							if (actionPending) return;
+							setWorktreeModalWorkspaceId(void 0);
+						},
+						closeLabel: "Close Create Worktree dialog",
+						title: "New Worktree",
+						description: `${modalWorkspace.title} · the Worktree path is managed by DSH.`,
+						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: actionPending,
+							onClick: () => {
+								setWorktreeModalWorkspaceId(void 0);
+							},
+							children: "Cancel"
+						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							disabled: actionPending || selectedBranch.length === 0 || newBranch.trim().length === 0,
+							onClick: () => {
+								submitWorktree();
+							},
+							children: "Create Worktree"
+						})] }),
+						children: [
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: worktree_css_default.modalField,
+								children: ["Base branch", (0, react_jsx_runtime.jsxs)("select", {
+									className: worktree_css_default.actionSelect,
+									"aria-label": "Worktree base branch",
+									value: selectedBranch,
+									disabled: actionPending,
+									onChange: (event) => {
+										setSelectedBranch(event.currentTarget.value);
+									},
+									children: [(0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: "No local branch"
+									}), (modalView?.branches ?? []).map((branch) => (0, react_jsx_runtime.jsxs)("option", {
+										value: branch.name,
+										children: [
+											branch.name,
+											branch.isCurrent ? " (current)" : "",
+											branch.checkedOut ? " (checked out)" : ""
+										]
+									}, branch.name))]
+								})]
+							}),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: worktree_css_default.modalField,
+								children: ["Worktree name", (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									className: worktree_css_default.renameInput,
+									"aria-label": "Worktree name",
+									value: newBranch,
+									placeholder: "dsh/12345678",
+									disabled: actionPending,
+									onChange: (event) => {
+										setNewBranch(event.currentTarget.value);
+									}
+								})]
+							}),
+							modalView?.branches.length === 0 && (0, react_jsx_runtime.jsx)("p", {
+								className: worktree_css_default.empty,
+								children: "No local branches found in this Workspace."
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/client/view-mode-store.js
+		/** Create one root-scoped, browser-local view-mode store for the two slot entries. */
+		function createWorktreeViewStore() {
+			return (0, _deepseek_ai_dsh_client_runtime_client.defineStore)({
+				init: () => ({ viewMode: "workspace-session" }),
+				persist: WORKTREE_VIEW_MODE_STORAGE_KEY,
+				actions: { setViewMode: (draft, mode) => {
+					draft.viewMode = mode;
+				} }
+			});
+		}
+		//#endregion
+		//#region lib/client/virtual-workspace-membership.js
+		function normalizeBindings(bindings) {
+			const bySession = /* @__PURE__ */ new Map();
+			for (const binding of bindings) {
+				if (binding.workspaceId.length === 0 || binding.sessionId.length === 0) continue;
+				bySession.set(binding.sessionId, binding);
+			}
+			return [...bySession.values()];
+		}
+		function sameWorkspaceItems(left, right) {
+			if (left.items.length !== right.items.length) return false;
+			return left.items.every((item, index) => {
+				const other = right.items[index];
+				if (item === other) return true;
+				if (typeof item !== "object" || item === null || typeof other !== "object" || other === null || !("workspaceId" in item) || !("workspaceId" in other) || !("sessionIds" in item) || !("sessionIds" in other)) return false;
+				const leftSessionIds = item.sessionIds;
+				const rightSessionIds = other.sessionIds;
+				return item.workspaceId === other.workspaceId && Array.isArray(leftSessionIds) && Array.isArray(rightSessionIds) && leftSessionIds.length === rightSessionIds.length && leftSessionIds.every((sessionId, sessionIndex) => sessionId === rightSessionIds[sessionIndex]);
+			});
+		}
+		/**
+		* Maintains a re-playable in-memory overlay over DSH's Workspace list. Native
+		* refreshes are observed and the current sidecar bindings are applied again;
+		* no DSH Host mutation or persistence is involved.
+		*/
+		function createVirtualWorkspaceMembership(list) {
+			let bindings = [];
+			let disposed = false;
+			let applying = false;
+			const apply = (nextBindings) => {
+				const current = list.getSnapshot();
+				const next = projectVirtualWorkspaceMembership(current, bindings, nextBindings);
+				if (sameWorkspaceItems(current, next)) return;
+				applying = true;
+				try {
+					list.set(next);
+				} finally {
+					applying = false;
+				}
+			};
+			const replay = () => {
+				if (disposed || applying) return;
+				apply(bindings);
+			};
+			const unsubscribe = list.subscribe(replay);
+			const sync = (nextBindings) => {
+				if (disposed) return;
+				const normalized = normalizeBindings(nextBindings);
+				apply(normalized);
+				bindings = normalized;
+			};
+			return {
+				ensure(binding) {
+					if (disposed) return;
+					if (bindings.some((current) => current.workspaceId === binding.workspaceId && current.sessionId === binding.sessionId)) return;
+					sync([...bindings.filter((current) => current.sessionId !== binding.sessionId), binding]);
+				},
+				sync,
+				removeSession(sessionId) {
+					sync(bindings.filter((binding) => binding.sessionId !== sessionId));
+				},
+				dispose() {
+					if (disposed) return;
+					apply([]);
+					bindings = [];
+					disposed = true;
+					unsubscribe();
+				}
+			};
+		}
+		//#endregion
+		//#region lib/client/entry.js
+		/** Required DSH Client services; Connection is the sole Worktree wire dependency. */
+		const inject = [
+			"connection",
+			"slots",
+			"sessions",
+			"workspaces"
+		];
+		/**
+		* DSH Client entry. The adapter is composed once per plugin fiber and is disposed
+		* with that fiber, so slot consumers share one manager and one request lifetime.
+		*/
+		function apply(ctx) {
+			const manager = createWorktreeConnectionAdapter(ctx.connection.rpc);
+			const sessions = ctx.sessions;
+			const virtualWorkspaceMembership = createVirtualWorkspaceMembership(ctx.workspaces.list);
+			ctx.effect(() => () => manager.dispose(), "clutch-dsh-worktree: connection cleanup");
+			ctx.effect(() => () => virtualWorkspaceMembership.dispose(), "clutch-dsh-worktree: Workspace membership cleanup");
+			const viewStore = createWorktreeViewStore();
+			const ensureSessionWorkspace = (workspaceId, sessionId) => {
+				virtualWorkspaceMembership.ensure({
+					workspaceId,
+					sessionId
+				});
+			};
+			const syncSessionWorkspaces = (bindings) => {
+				virtualWorkspaceMembership.sync(bindings);
+			};
+			ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+				name: "sidebar.footer.action",
+				id: "clutch-dsh-worktree-mode-action",
+				store: viewStore,
+				inject: () => ({ available: true })
+			}, WorktreeModeAction));
+			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+				name: "shell.overlay",
+				id: "clutch-dsh-worktree-navigation",
+				store: viewStore,
+				inject: () => ({
+					available: true,
+					manager,
+					createWorkspace: async () => {
+						const workspacePath = await ctx.workspaces.pickDirectory();
+						if (workspacePath !== null) await ctx.workspaces.create({ path: workspacePath });
+					},
+					createSessionForWorktree: (input) => createSessionForWorktree({
+						...input,
+						createSession: (sessionInput) => sessions.create(sessionInput),
+						manager,
+						beforeOpen: (sessionId) => {
+							ensureSessionWorkspace(input.workspaceId, sessionId);
+						},
+						openSession: (sessionId) => {
+							ctx.sessions.open(sessionId);
+						}
+					}),
+					createMainSession: (workspaceId) => {
+						ctx.workspaces.startSession(workspaceId);
+					},
+					renameWorkspace: async (workspaceId, title) => {
+						await ctx.workspaces.rename(workspaceId, title);
+					},
+					deleteWorkspace: async (workspaceId) => {
+						await ctx.workspaces.delete(workspaceId);
+					},
+					insertWorkspaceBefore: async (workspaceId, beforeWorkspaceId) => {
+						await ctx.workspaces.insertBefore(workspaceId, beforeWorkspaceId);
+					},
+					insertSessionBefore: async (workspaceId, sessionId, beforeSessionId) => {
+						await ctx.workspaces.insertSessionBefore(workspaceId, sessionId, beforeSessionId);
+					},
+					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(() => {});
+					},
+					archiveSession: (sessionId) => ctx.workspaces.archiveSession(sessionId),
+					ensureSessionWorkspace,
+					syncSessionWorkspaces,
+					openSession: (sessionId) => {
+						ctx.sessions.open(sessionId);
+					}
+				})
+			}, WorktreeSurface));
+		}
+		//#endregion
+		exports.WORKTREE_CONNECTION_CHANNEL = WORKTREE_CONNECTION_CHANNEL;
+		exports.WORKTREE_CONNECTION_ENDPOINTS = WORKTREE_CONNECTION_ENDPOINTS;
+		exports.WorktreeConnectionError = WorktreeConnectionError;
+		exports.apply = apply;
+		exports.createWorktreeConnectionAdapter = createWorktreeConnectionAdapter;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map