@cerbur/clutch-dsh-worktree 0.1.22 → 0.1.24

package/lib/client.js

@@ -1061,9 +1061,28 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/** Share complete Workspace reads without allowing stale generations to repopulate the cache. */
-		function createWorktreeViewReader(manager) {
+		function createWorktreeViewReader(manager, sessionIdsForWorkspace) {
 			const entries = /* @__PURE__ */ new Map();
 			let disposed = false;
+			let active = 0;
+			const queue = [];
+			const schedule = (operation) => new Promise((resolve, reject) => {
+				const start = () => {
+					active += 1;
+					let result;
+					try {
+						result = operation();
+					} catch (error) {
+						result = Promise.reject(error);
+					}
+					result.then(resolve, reject).finally(() => {
+						active -= 1;
+						queue.shift()?.();
+					});
+				};
+				if (active < 3) start();
+				else queue.push(start);
+			});
 			const entryFor = (workspaceId) => {
 				const current = entries.get(workspaceId);
 				if (current !== void 0) return current;
@@ -1081,13 +1100,22 @@ window.__ModuleLoader__.load({
 				if (!entry.stale && entry.view !== void 0) return Promise.resolve(entry.view);
 				if (entry.inFlight?.generation === entry.generation) return entry.inFlight.promise;
 				const generation = entry.generation;
-				const promise = loadWorktreeView(manager, workspaceId).then((data) => {
+				let knownSessionIds;
+				const promise = schedule(() => {
+					if (disposed) return Promise.reject(/* @__PURE__ */ new Error("Worktree view reader disposed"));
+					const membership = sessionIdsForWorkspace?.(workspaceId);
+					if (membership !== void 0) if ("sessionIds" in membership) knownSessionIds = membership.pending ? [.../* @__PURE__ */ new Set([...entry.knownSessionIds ?? [], ...membership.sessionIds])] : membership.sessionIds.slice();
+					else knownSessionIds = membership.slice();
+					return loadWorktreeView(manager, workspaceId);
+				}).then((data) => {
 					const view = {
 						workspaceId,
-						...data
+						...data,
+						...knownSessionIds === void 0 ? {} : { knownSessionIds }
 					};
 					if (!disposed && entries.get(workspaceId) === entry && entry.generation === generation) {
 						entry.view = view;
+						entry.knownSessionIds = knownSessionIds;
 						entry.stale = false;
 					}
 					return view;
@@ -1158,7 +1186,26 @@ window.__ModuleLoader__.load({
 					entry.stale = true;
 					entry.view = void 0;
 				},
-				read,
+				read(workspaceId, options) {
+					if (!options?.current) return read(workspaceId);
+					const followCurrent = async () => {
+						for (;;) {
+							if (disposed) throw new Error("Worktree view reader disposed");
+							const entry = entryFor(workspaceId);
+							const generation = entry.generation;
+							let view;
+							try {
+								view = await read(workspaceId);
+							} catch (error) {
+								if (disposed || generation === entry.generation) throw error;
+								continue;
+							}
+							if (disposed) throw new Error("Worktree view reader disposed");
+							if (!entry.stale && entry.view === view) return view;
+						}
+					};
+					return followCurrent();
+				},
 				readMany(workspaceIds) {
 					const uniqueIds = [...new Set(workspaceIds)];
 					return Promise.all(uniqueIds.map((workspaceId) => read(workspaceId)));
@@ -1172,6 +1219,34 @@ window.__ModuleLoader__.load({
 		}
 		/** Read Worktree, Git readiness/HEAD, binding, and Workspace-root Main projections. */
 		async function loadWorktreeView(manager, workspaceId) {
+			if (manager.readWorkspaceNavigation) {
+				let navigation;
+				let unsupported = false;
+				try {
+					navigation = await manager.readWorkspaceNavigation({ workspaceId });
+				} catch (error) {
+					if (toWorktreeViewError(error).code !== "WORKTREE_NAVIGATION_UNSUPPORTED") throw error;
+					unsupported = true;
+				}
+				if (!unsupported) {
+					const { gitState, ...snapshot } = navigation;
+					if (!gitState.ok) {
+						const readiness = readinessFromBranchError(gitState.error);
+						if (!readiness) throw gitState.error;
+						return {
+							...snapshot,
+							branches: [],
+							readiness
+						};
+					}
+					return {
+						...snapshot,
+						branches: [],
+						currentBranch: gitState.value.currentBranch,
+						readiness: snapshot.checkout?.currentHead === void 0 ? { status: "noLocalBranch" } : { status: "ready" }
+					};
+				}
+			}
 			const [worktreesResult, branchesResult, bindingsResult, mainInstructionsResult, checkoutResult] = await Promise.allSettled([
 				manager.listWorktrees({ workspaceId }),
 				typeof manager.getWorkspaceGitState === "function" ? manager.getWorkspaceGitState({ workspaceId }) : manager.listBranches({ workspaceId }),
@@ -1216,7 +1291,7 @@ window.__ModuleLoader__.load({
 			return {
 				invalidate: guard.invalidate,
 				load(workspaceId, onSuccess, onError) {
-					return guard.run(() => reader.read(workspaceId), onSuccess, (error) => onError(toWorktreeViewError(error)));
+					return guard.run(() => reader.read(workspaceId, { current: true }), onSuccess, (error) => onError(toWorktreeViewError(error)));
 				}
 			};
 		}
@@ -1888,6 +1963,7 @@ window.__ModuleLoader__.load({
 			"action.retryBinding": "重试绑定",
 			"action.openCreatedSession": "打开已创建的 Session",
 			"status.loading": "正在加载工作区…",
+			"status.workspaceFailed": "工作区加载失败，请在报错与修复中重试。",
 			"error.worktreeDataUnavailable": "暂时无法读取 Worktree 数据。请确认 DSH 服务已连接，再重试；已有列表会保留。",
 			"error.gitNotInstalled": "找不到 Git。请安装 Git 或将其加入 PATH，重启 DSH 后重试。",
 			"error.connectionDisposed": "Worktree 连接已关闭。请刷新页面或重启 DSH 后重试。",
@@ -2334,6 +2410,7 @@ window.__ModuleLoader__.load({
 			"action.retryBinding": "Retry Binding",
 			"action.openCreatedSession": "Open Created Session",
 			"status.loading": "Loading Workspaces…",
+			"status.workspaceFailed": "Workspace loading failed. Retry in Errors & Repair.",
 			"error.worktreeDataUnavailable": "Worktree data could not be loaded. Check your connection to DSH, then retry. The existing list is preserved.",
 			"error.gitNotInstalled": "Git could not be found. Install Git or add it to PATH, restart DSH, then retry.",
 			"error.connectionDisposed": "The Worktree connection has closed. Refresh the page or restart DSH, then retry.",
@@ -2408,6 +2485,7 @@ window.__ModuleLoader__.load({
 			readWorktreeSessionState: "worktreeManager/readWorktreeSessionState",
 			syncWorktreeBaseline: "worktreeManager/syncWorktreeBaseline",
 			getWorkspaceGitState: "worktreeManager/getWorkspaceGitState",
+			readWorkspaceNavigation: "worktreeManager/readWorkspaceNavigation",
 			getToolSettings: "worktreeManager/getToolSettings",
 			updateToolSettings: "worktreeManager/updateToolSettings",
 			watchToolChanges: "worktreeManager/watchToolChanges",
@@ -2546,6 +2624,20 @@ window.__ModuleLoader__.load({
 				probeHost: (signal) => call("listBindings", { workspaceId: "" }, signal),
 				listWorktrees: (input) => invoke("listWorktrees", input),
 				getWorkspaceGitState: (input) => invoke("getWorkspaceGitState", input),
+				async readWorkspaceNavigation(input) {
+					try {
+						return await invoke("readWorkspaceNavigation", input);
+					} catch (error) {
+						const endpoint = WORKTREE_CONNECTION_ENDPOINTS.readWorkspaceNavigation;
+						if (error instanceof WorktreeConnectionError && error.code === "CONNECTION_CALL_FAILED" && error.cause instanceof Error && error.cause.message === `transport failure for /api/${endpoint}: HTTP 404`) throw new WorktreeConnectionError({
+							code: "WORKTREE_NAVIGATION_UNSUPPORTED",
+							message: "",
+							details: { endpoint },
+							retryable: false
+						});
+						throw error;
+					}
+				},
 				listWorktreeCommits: (input) => invoke("listWorktreeCommits", input),
 				listWorktreeCommitFiles: (input) => invoke("listWorktreeCommitFiles", input),
 				getWorktreeCommitFileDiff: (input) => invoke("getWorktreeCommitFileDiff", input),
@@ -2771,7 +2863,7 @@ window.__ModuleLoader__.load({
 		const IconSearchOutline16 = createDshIconAlias(exports$1, "IconSearchOutline16", "IconSearchOutlineRegular");
 		const IconTrashOutline16 = createDshIconAlias(exports$1, "IconTrashOutline16", "IconTrashOutlineRegular");
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/context/worktree-context.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/context/worktree-context.css.mjs
 		const css$9 = ".-cerbur-clutch-dsh-worktree-headerContext {\n  display: inline-flex;\n  min-width: 0;\n  height: 22px;\n  align-items: center;\n  gap: 4px;\n  max-width: 180px;\n  overflow: hidden;\n  border-radius: 6px;\n  padding: 0 2px 0 0;\n  background: var(--dsw-alias-fill-tsp-secondary);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 22px;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-contextIcon {\n  flex: none;\n  opacity: 0.7;\n}\n\n.-cerbur-clutch-dsh-worktree-contextLabel {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-contextHoverTitle {\n  max-width: 360px;\n  color: var(--dsw-static-neutral-bluish-00);\n  font-size: 14px;\n  line-height: 20px;\n  overflow-wrap: anywhere;\n  white-space: normal;\n}\n\n.-cerbur-clutch-dsh-worktree-heroContextHost {\n  position: absolute;\n  z-index: 0;\n  display: block;\n  width: max-content;\n  max-width: 260px;\n  min-height: 22px;\n}\n\n.-cerbur-clutch-dsh-worktree-heroContext {\n  display: inline-flex;\n  box-sizing: border-box;\n  max-width: 260px;\n  min-height: 22px;\n  align-items: center;\n  overflow: hidden;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  padding: 0 8px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 20px;\n  pointer-events: auto;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
 		const styleId$9 = "@cerbur/clutch-dsh-worktree/worktree-context.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/worktree-context.css\"]") === null) {
@@ -2835,8 +2927,8 @@ window.__ModuleLoader__.load({
 			globalSetViewMode?.(mode);
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/worktree.css.mjs
-		const css$8 = ".-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  display: inline-flex;\n  min-width: 0;\n  align-items: center;\n  height: 22px;\n  overflow: hidden;\n  font-weight: 400;\n  line-height: 22px;\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: 0;\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/* Native macOS AppFrame already paints the tint over OS window vibrancy.\n   Once the covered native rows are concealed, use that one material without\n   adding another fill or backdrop root (menus keep their own native blur). */\n[data-platform='darwin'] .-cerbur-clutch-dsh-worktree-surface[data-native-sidebar-covered='true'] {\n  background: transparent;\n  border-right: none;\n}\n\n/* The shell overlay is outside the native column's clipping boundary.\n   Follow the semantic collapse immediately, even during the track transition. */\n[data-sidebar-collapsed] [data-shell-overlay] .-cerbur-clutch-dsh-worktree-surface,\n.-cerbur-clutch-dsh-worktree-surface[data-collapsed='true'] {\n  visibility: hidden;\n  opacity: 0;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  [data-platform='darwin'] .-cerbur-clutch-dsh-worktree-surface[data-native-sidebar-covered='true'] {\n    background: color-mix(in srgb, var(--dsw-specific-sidebar-fill) 90%, transparent);\n  }\n}\n\n.-cerbur-clutch-dsh-worktree-motionExits {\n  position: absolute;\n  inset: 0;\n  contain: strict;\n  overflow: clip;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .-cerbur-clutch-dsh-worktree-surface {\n    transition: none;\n  }\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-worktreeRegistrationDialog {\n  width: min(440px, 100%);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody {\n  display: grid;\n  min-width: 0;\n  gap: 20px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody .-cerbur-clutch-dsh-worktree-modalField {\n  min-width: 0;\n  gap: 8px;\n  line-height: 18px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody .-cerbur-clutch-dsh-worktree-renameInput,\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody [data-single-select] > button {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  height: 40px;\n  padding: 0 12px;\n  border: 1px solid var(--dsw-alias-border-l3);\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody .-cerbur-clutch-dsh-worktree-renameInput:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeModalTabs {\n  display: flex;\n  gap: 20px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeModalTab {\n  border: 0;\n  border-bottom: 2px solid transparent;\n  padding: 4px 0 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeModalTab[aria-selected='true'] {\n  border-bottom-color: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeImportCandidates {\n  display: grid;\n  gap: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeImportError {\n  display: grid;\n  gap: 8px;\n}\n\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-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: 6px;\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  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity 120ms var(--ds-ease-in-out),\n    transform 180ms var(--ds-ease-in-out),\n    visibility 0s linear;\n}\n\n.-cerbur-clutch-dsh-worktree-titleHidden {\n  flex: 0 0 0px;\n  max-width: 0;\n  opacity: 0;\n  transform: translateX(-4px);\n  visibility: hidden;\n  pointer-events: none;\n  transition-delay: 0s, 0s, 180ms;\n}\n\n.-cerbur-clutch-dsh-worktree-closeButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\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: 16px;\n  line-height: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-closeButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\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-scrollFrame {\n  position: relative;\n  min-height: 0;\n  flex: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-content {\n  height: 100%;\n  box-sizing: border-box;\n  overflow: auto;\n  padding: 0 10px 12px;\n  scrollbar-width: none;\n}\n\n.-cerbur-clutch-dsh-worktree-content::-webkit-scrollbar {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-scrollContent {\n  min-width: 0;\n  display: flow-root;\n}\n\n/* The themed thumb floats in the existing right inset. Native scrolling\n   stays on .-cerbur-clutch-dsh-worktree-content; OS scrollbar preferences cannot shift the rows. */\n.-cerbur-clutch-dsh-worktree-overlayScrollbar {\n  position: absolute;\n  top: 0;\n  right: 2px;\n  bottom: 0;\n  width: 5px;\n  touch-action: none;\n  user-select: none;\n}\n\n.-cerbur-clutch-dsh-worktree-scrollbarThumb {\n  width: 100%;\n  border-radius: 999px;\n  background: var(--dsw-alias-scrollbar-bg-l2);\n  opacity: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-scrollFrame:hover .-cerbur-clutch-dsh-worktree-scrollbarThumb,\n.-cerbur-clutch-dsh-worktree-scrollFrame:focus-within .-cerbur-clutch-dsh-worktree-scrollbarThumb,\n.-cerbur-clutch-dsh-worktree-overlayScrollbar[data-dragging='true'] .-cerbur-clutch-dsh-worktree-scrollbarThumb {\n  opacity: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-scrollbarThumb:hover,\n.-cerbur-clutch-dsh-worktree-overlayScrollbar[data-dragging='true'] .-cerbur-clutch-dsh-worktree-scrollbarThumb {\n  background: var(--dsw-alias-scrollbar-hover-l2);\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-notice {\n  margin: 12px 0 0;\n  padding: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 7px;\n  background: var(--dsw-alias-button-elevated-fill);\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-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-gitReadiness {\n  display: grid;\n  gap: 4px;\n}\n\n.-cerbur-clutch-dsh-worktree-commandBlock {\n  margin: 6px 0 0;\n  padding: 8px;\n  overflow-x: auto;\n  border-radius: 6px;\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-secondary);\n  font:\n    11px/16px ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    monospace;\n  white-space: pre-wrap;\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-searchSlot {\n  flex: none;\n  max-width: 28px;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  box-sizing: border-box;\n  transition:\n    flex 180ms var(--ds-ease-in-out),\n    max-width 180ms var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-searchSlotExpanded {\n  flex: 1;\n  max-width: 100%;\n}\n\n.-cerbur-clutch-dsh-worktree-headerActions {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 0;\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity 120ms var(--ds-ease-in-out),\n    transform 180ms var(--ds-ease-in-out),\n    visibility 0s linear;\n}\n\n.-cerbur-clutch-dsh-worktree-headerActionsHidden {\n  flex: 0 0 0px;\n  max-width: 0;\n  margin-left: 0;\n  opacity: 0;\n  transform: translateX(4px);\n  visibility: hidden;\n  pointer-events: none;\n  transition-delay: 0s, 0s, 180ms;\n}\n\n.-cerbur-clutch-dsh-worktree-search {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 28px;\n  box-sizing: border-box;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  transition:\n    background 180ms var(--ds-ease-in-out),\n    box-shadow 180ms var(--ds-ease-in-out),\n    color 180ms var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-searchExpanded {\n  background: var(--dsw-alias-interactive-bg-subtle);\n  box-shadow: inset 0 0 0 1px var(--dsw-alias-border-l2);\n}\n\n.-cerbur-clutch-dsh-worktree-searchExpanded:focus-within {\n  box-shadow: inset 0 0 0 1px #3b82f6;\n}\n\n.-cerbur-clutch-dsh-worktree-searchButton {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  background: transparent;\n  cursor: pointer;\n  color: inherit;\n}\n\n.-cerbur-clutch-dsh-worktree-searchButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-searchExpanded .-cerbur-clutch-dsh-worktree-searchButton:hover {\n  background: transparent;\n}\n\n.-cerbur-clutch-dsh-worktree-searchInput {\n  flex: 1;\n  width: 0;\n  min-width: 0;\n  box-sizing: border-box;\n  border: none;\n  outline: none;\n  background: transparent;\n  opacity: 0;\n  pointer-events: none;\n  font: inherit;\n  font-size: 13px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  transition: opacity 120ms var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-searchExpanded .-cerbur-clutch-dsh-worktree-searchInput {\n  margin-left: -2px;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-searchInput::placeholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.-cerbur-clutch-dsh-worktree-clearButton {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  background: transparent;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.-cerbur-clutch-dsh-worktree-clearButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\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-activityBell {\n  display: inline-flex;\n  position: relative;\n}\n\n.-cerbur-clutch-dsh-worktree-activityBadge {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--dsw-alias-brand-primary, #3b82f6);\n  outline: 2px solid var(--dsw-specific-sidebar-fill);\n  pointer-events: none;\n}\n\n.-cerbur-clutch-dsh-worktree-activityPanel {\n  position: fixed;\n  z-index: 1000;\n  box-sizing: border-box;\n  width: min(360px, calc(100vw - 16px));\n  max-height: min(440px, calc(100dvh - 72px));\n  display: flex;\n  flex-direction: column;\n  padding: 6px;\n  color: var(--dsw-alias-label-primary);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);\n  box-shadow: var(--dsw-elevation-prominent);\n  outline: none;\n}\n\n.-cerbur-clutch-dsh-worktree-activityHeading {\n  flex: none;\n  padding: 8px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.-cerbur-clutch-dsh-worktree-activityEmpty {\n  margin: 0;\n  padding: 26px 10px 32px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.-cerbur-clutch-dsh-worktree-activityList {\n  overflow: auto;\n  min-height: 0;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.-cerbur-clutch-dsh-worktree-activityEntry {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  box-sizing: border-box;\n  width: 100%;\n  height: auto;\n  border: 0;\n  border-radius: 7px;\n  padding: 10px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.-cerbur-clutch-dsh-worktree-activityEntry:hover,\n.-cerbur-clutch-dsh-worktree-activityEntry:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-activityEntry:focus-visible {\n  outline: 1px solid var(--dsw-alias-label-secondary);\n  outline-offset: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-activityIdentity {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: 3px;\n  flex: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-activityName,\n.-cerbur-clutch-dsh-worktree-activityContext {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-activityName {\n  font-size: 13px;\n  line-height: 18px;\n}\n\n.-cerbur-clutch-dsh-worktree-activityContext,\n.-cerbur-clutch-dsh-worktree-activityTime {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-activityMetadata {\n  display: flex;\n  flex: none;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 5px;\n  padding-top: 2px;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceList {\n  position: relative;\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.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-worktreeDisclosure {\n  display: inline-flex;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-worktreeIcon,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-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-disclosureArrow {\n  transition: transform 150ms var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureButton[aria-expanded='true'] .-cerbur-clutch-dsh-worktree-disclosureArrow {\n  transform: rotate(90deg);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceDisclosure,\n.-cerbur-clutch-dsh-worktree-worktreeDisclosure {\n  color: var(--dsw-alias-label-caption);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .-cerbur-clutch-dsh-worktree-disclosureArrow {\n    transition: none;\n  }\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-worktreeIcon[data-worktree-state='done'] {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeIcon[data-worktree-state='warning'] {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeIcon[data-worktree-state='error'] {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeStateLabel {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  border: 0;\n  padding: 0;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceIcon {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceIcon[data-workspace-active='true'] {\n  color: var(--dsw-alias-state-business-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-worktreeRow[data-main-group='true'] .-cerbur-clutch-dsh-worktree-worktreeLabel {\n  font-weight: 600;\n}\n\n/* Native title reveal: the span clips its own text and scrolls only while\n   hovered. Activity alone keeps the resting ellipsis. */\n@media (hover: hover) {\n  .-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-worktreeLabel,\n  .-cerbur-clutch-dsh-worktree-treeSessionRow:hover .-cerbur-clutch-dsh-worktree-sessionLabel {\n    text-overflow: clip;\n  }\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeLabel[data-scrolled],\n.-cerbur-clutch-dsh-worktree-sessionLabel[data-scrolled] {\n  mask-image: linear-gradient(to right, transparent, #000 12px);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeLabel[data-clipped],\n.-cerbur-clutch-dsh-worktree-sessionLabel[data-clipped] {\n  mask-image: linear-gradient(to left, transparent, #000 12px);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeLabel[data-scrolled][data-clipped],\n.-cerbur-clutch-dsh-worktree-sessionLabel[data-scrolled][data-clipped] {\n  mask-image: linear-gradient(\n    to right,\n    transparent,\n    #000 12px,\n    #000 calc(100% - 12px),\n    transparent\n  );\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeHoverTitle {\n  color: var(--dsw-static-neutral-bluish-00);\n  font-size: 14px;\n  line-height: 20px;\n  overflow-wrap: anywhere;\n}\n\n/* Native Session hover card: full title, relative time, and current status. */\n.-cerbur-clutch-dsh-worktree-sessionHoverContent {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionHoverTitle {\n  color: #FFFFFF;\n  font-size: 14px;\n  line-height: 20px;\n  overflow-wrap: break-word;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionHoverTime {\n  color: #CFD3D6;\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionHoverStatus {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #ADB2B8;\n  font-size: 12px;\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  align-items: center;\n  justify-content: flex-end;\n  height: 28px;\n  margin-left: auto;\n}\n\n/* Workspace rows retain the native fixed action column. */\n.-cerbur-clutch-dsh-worktree-workspaceActions {\n  flex: 0 0 64px;\n  width: 64px;\n}\n\n/* Group actions do not reserve space until their row needs to show them. */\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot {\n  min-width: 0;\n  flex: 0 0 0;\n  width: 0;\n  gap: 4px;\n}\n\n/* Keep the 28px activity indicator plus a 4px label gap while collapsed. */\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot {\n  flex: 0 0 32px;\n  width: 32px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-treeActionSlot,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot {\n  flex: 0 0 auto;\n  width: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceActions > .-cerbur-clutch-dsh-worktree-menuAction {\n  position: absolute;\n  top: 0;\n  right: 32px;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceActions > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  position: absolute;\n  top: 0;\n  right: 0;\n  visibility: hidden;\n}\n\n/* Worktree actions flow naturally so the rail matches the controls that exist. */\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-dashboardAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  position: static;\n  opacity: 0;\n  pointer-events: none;\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-groupActivity {\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-groupActivity {\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true']:hover .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true']:hover .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true'][data-menu-open='true'] .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'][data-menu-open='true'] .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true']:focus-within .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true']:focus-within .-cerbur-clutch-dsh-worktree-groupActivity {\n  visibility: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  visibility: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true']:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true']:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true'][data-menu-open='true']\n  .-cerbur-clutch-dsh-worktree-treeActionSlot\n  > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'][data-menu-open='true']\n  .-cerbur-clutch-dsh-worktree-treeActionSlot\n  > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true']:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true']:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-dashboardAction {\n  display: inline-flex;\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  visibility: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-menuAction {\n  display: inline-flex;\n  flex: 0 0 28px;\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.-cerbur-clutch-dsh-worktree-workspaceRow:focus-within .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-workspaceRow:hover [data-add-worktree],\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-menu-open='true'] [data-add-worktree],\n.-cerbur-clutch-dsh-worktree-workspaceRow:focus-within [data-add-worktree] {\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-dashboardAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-dashboardAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-dashboardAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  opacity: 1;\n  pointer-events: auto;\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-worktreeRow.-cerbur-clutch-dsh-worktree-dropBefore::before,\n.-cerbur-clutch-dsh-worktree-worktreeRow.-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-worktreeRow.-cerbur-clutch-dsh-worktree-dropBefore::before {\n  top: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow.-cerbur-clutch-dsh-worktree-dropAfter::after {\n  bottom: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeChildren {\n  margin-left: 16px;\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/* Compact the Worktree leading slots to make room for its third action. */\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-worktreeIcon,\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-disclosureButton {\n  width: 20px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: calc(100% - 20px);\n  margin-left: 20px;\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[data-session-current='true'] {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow[data-session-current='true'] .-cerbur-clutch-dsh-worktree-treeSessionContent {\n  font-weight: 600;\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-sessionTrailing {\n  position: relative;\n  display: inline-flex;\n  flex: 0 0 52px;\n  align-items: center;\n  justify-content: flex-end;\n  width: 52px;\n  height: 28px;\n  margin-left: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionMeta,\n.-cerbur-clutch-dsh-worktree-rowActions {\n  position: absolute;\n  inset: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionMeta {\n  color: var(--dsw-alias-label-tertiary);\n  pointer-events: none;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionStatus {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionTime {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 4px;\n  font-size: 12px;\n  line-height: 20px;\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-rowActions {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow:hover .-cerbur-clutch-dsh-worktree-sessionMeta,\n.-cerbur-clutch-dsh-worktree-treeSessionRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-sessionMeta,\n.-cerbur-clutch-dsh-worktree-sessionTrailing:focus-within .-cerbur-clutch-dsh-worktree-sessionMeta {\n  visibility: hidden;\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.-cerbur-clutch-dsh-worktree-sessionTrailing:focus-within .-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-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-archivedGroup {\n  margin-top: 4px;\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.-cerbur-clutch-dsh-worktree-worktreeHoverDetails {\n  max-width: 360px;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  line-height: 1.5;\n}\n";
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/worktree.css.mjs
+		const css$8 = ".-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  display: inline-flex;\n  min-width: 0;\n  align-items: center;\n  height: 22px;\n  overflow: hidden;\n  font-weight: 400;\n  line-height: 22px;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceSeat {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-surface {\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  min-width: 0;\n  overflow: hidden;\n  min-height: 0;\n  background: transparent;\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/* Fold state comes directly from the sidebar.-cerbur-clutch-dsh-worktree-workspaces owner. */\n.-cerbur-clutch-dsh-worktree-surface[data-collapsed='true'] {\n  visibility: hidden;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.-cerbur-clutch-dsh-worktree-motionExits {\n  position: absolute;\n  inset: 0;\n  contain: strict;\n  overflow: clip;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .-cerbur-clutch-dsh-worktree-surface {\n    transition: none;\n  }\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-worktreeRegistrationDialog {\n  width: min(440px, 100%);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody {\n  display: grid;\n  min-width: 0;\n  gap: 20px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody .-cerbur-clutch-dsh-worktree-modalField {\n  min-width: 0;\n  gap: 8px;\n  line-height: 18px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody .-cerbur-clutch-dsh-worktree-renameInput,\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody [data-single-select] > button {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  height: 40px;\n  padding: 0 12px;\n  border: 1px solid var(--dsw-alias-border-l3);\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRegistrationBody .-cerbur-clutch-dsh-worktree-renameInput:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeModalTabs {\n  display: flex;\n  gap: 20px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeModalTab {\n  border: 0;\n  border-bottom: 2px solid transparent;\n  padding: 4px 0 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeModalTab[aria-selected='true'] {\n  border-bottom-color: var(--dsw-alias-label-primary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeImportCandidates {\n  display: grid;\n  gap: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeImportError {\n  display: grid;\n  gap: 8px;\n}\n\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-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: 6px;\n  flex: none;\n  height: 36px;\n  margin: 2px 0 4px;\n  padding: 0 10px 0 4px;\n  box-sizing: border-box;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.-cerbur-clutch-dsh-worktree-sidebarTitle {\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: 400;\n  line-height: 20px;\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity 120ms var(--ds-ease-in-out),\n    transform 180ms var(--ds-ease-in-out),\n    visibility 0s linear;\n}\n\n.-cerbur-clutch-dsh-worktree-titleHidden {\n  flex: 0 0 0px;\n  max-width: 0;\n  opacity: 0;\n  transform: translateX(-4px);\n  visibility: hidden;\n  pointer-events: none;\n  transition-delay: 0s, 0s, 180ms;\n}\n\n.-cerbur-clutch-dsh-worktree-closeButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\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: 16px;\n  line-height: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-closeButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\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-scrollFrame {\n  position: relative;\n  min-height: 0;\n  flex: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-content {\n  height: 100%;\n  box-sizing: border-box;\n  overflow: auto;\n  padding: 0 10px 12px 0;\n  scrollbar-width: none;\n}\n\n.-cerbur-clutch-dsh-worktree-content::-webkit-scrollbar {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-scrollContent {\n  min-width: 0;\n  display: flow-root;\n}\n\n/* The themed thumb floats in the existing right inset. Native scrolling\n   stays on .-cerbur-clutch-dsh-worktree-content; OS scrollbar preferences cannot shift the rows. */\n.-cerbur-clutch-dsh-worktree-overlayScrollbar {\n  position: absolute;\n  top: 0;\n  right: 2px;\n  bottom: 0;\n  width: 5px;\n  touch-action: none;\n  user-select: none;\n}\n\n.-cerbur-clutch-dsh-worktree-scrollbarThumb {\n  width: 100%;\n  border-radius: 999px;\n  background: var(--dsw-alias-scrollbar-bg-l2);\n  opacity: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-scrollFrame:hover .-cerbur-clutch-dsh-worktree-scrollbarThumb,\n.-cerbur-clutch-dsh-worktree-scrollFrame:focus-within .-cerbur-clutch-dsh-worktree-scrollbarThumb,\n.-cerbur-clutch-dsh-worktree-overlayScrollbar[data-dragging='true'] .-cerbur-clutch-dsh-worktree-scrollbarThumb {\n  opacity: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-scrollbarThumb:hover,\n.-cerbur-clutch-dsh-worktree-overlayScrollbar[data-dragging='true'] .-cerbur-clutch-dsh-worktree-scrollbarThumb {\n  background: var(--dsw-alias-scrollbar-hover-l2);\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-notice {\n  margin: 12px 0 0;\n  padding: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 7px;\n  background: var(--dsw-alias-button-elevated-fill);\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-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-gitReadiness {\n  display: grid;\n  gap: 4px;\n}\n\n.-cerbur-clutch-dsh-worktree-commandBlock {\n  margin: 6px 0 0;\n  padding: 8px;\n  overflow-x: auto;\n  border-radius: 6px;\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-secondary);\n  font:\n    11px/16px ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    monospace;\n  white-space: pre-wrap;\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-searchSlot {\n  flex: none;\n  max-width: 28px;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  box-sizing: border-box;\n  transition:\n    flex 180ms var(--ds-ease-in-out),\n    max-width 180ms var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-searchSlotExpanded {\n  flex: 1;\n  max-width: 100%;\n}\n\n.-cerbur-clutch-dsh-worktree-headerActions {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 0;\n  opacity: 1;\n  visibility: visible;\n  transition:\n    opacity 120ms var(--ds-ease-in-out),\n    transform 180ms var(--ds-ease-in-out),\n    visibility 0s linear;\n}\n\n.-cerbur-clutch-dsh-worktree-headerActionsHidden {\n  flex: 0 0 0px;\n  max-width: 0;\n  margin-left: 0;\n  opacity: 0;\n  transform: translateX(4px);\n  visibility: hidden;\n  pointer-events: none;\n  transition-delay: 0s, 0s, 180ms;\n}\n\n.-cerbur-clutch-dsh-worktree-search {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 28px;\n  box-sizing: border-box;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  transition:\n    background 180ms var(--ds-ease-in-out),\n    box-shadow 180ms var(--ds-ease-in-out),\n    color 180ms var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-searchExpanded {\n  background: var(--dsw-alias-interactive-bg-subtle);\n  box-shadow: inset 0 0 0 1px var(--dsw-alias-border-l2);\n}\n\n.-cerbur-clutch-dsh-worktree-searchExpanded:focus-within {\n  box-shadow: inset 0 0 0 1px #3b82f6;\n}\n\n.-cerbur-clutch-dsh-worktree-searchButton {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  background: transparent;\n  cursor: pointer;\n  color: inherit;\n}\n\n.-cerbur-clutch-dsh-worktree-searchButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-searchExpanded .-cerbur-clutch-dsh-worktree-searchButton:hover {\n  background: transparent;\n}\n\n.-cerbur-clutch-dsh-worktree-searchInput {\n  flex: 1;\n  width: 0;\n  min-width: 0;\n  box-sizing: border-box;\n  border: none;\n  outline: none;\n  background: transparent;\n  opacity: 0;\n  pointer-events: none;\n  font: inherit;\n  font-size: 13px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  transition: opacity 120ms var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-searchExpanded .-cerbur-clutch-dsh-worktree-searchInput {\n  margin-left: -2px;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-searchInput::placeholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.-cerbur-clutch-dsh-worktree-clearButton {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  background: transparent;\n  cursor: pointer;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.-cerbur-clutch-dsh-worktree-clearButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\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-activityBell {\n  display: inline-flex;\n  position: relative;\n}\n\n.-cerbur-clutch-dsh-worktree-activityBadge {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--dsw-alias-brand-primary, #3b82f6);\n  outline: 2px solid var(--dsw-specific-sidebar-fill);\n  pointer-events: none;\n}\n\n.-cerbur-clutch-dsh-worktree-activityPanel {\n  position: fixed;\n  z-index: 1000;\n  box-sizing: border-box;\n  width: min(360px, calc(100vw - 16px));\n  max-height: min(440px, calc(100dvh - 72px));\n  display: flex;\n  flex-direction: column;\n  padding: 6px;\n  color: var(--dsw-alias-label-primary);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);\n  box-shadow: var(--dsw-elevation-prominent);\n  outline: none;\n}\n\n.-cerbur-clutch-dsh-worktree-activityHeading {\n  flex: none;\n  padding: 8px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.-cerbur-clutch-dsh-worktree-activityEmpty {\n  margin: 0;\n  padding: 26px 10px 32px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.-cerbur-clutch-dsh-worktree-activityList {\n  overflow: auto;\n  min-height: 0;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.-cerbur-clutch-dsh-worktree-activityEntry {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  box-sizing: border-box;\n  width: 100%;\n  height: auto;\n  border: 0;\n  border-radius: 7px;\n  padding: 10px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.-cerbur-clutch-dsh-worktree-activityEntry:hover,\n.-cerbur-clutch-dsh-worktree-activityEntry:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-activityEntry:focus-visible {\n  outline: 1px solid var(--dsw-alias-label-secondary);\n  outline-offset: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-activityIdentity {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: 3px;\n  flex: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-activityName,\n.-cerbur-clutch-dsh-worktree-activityContext {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-activityName {\n  font-size: 13px;\n  line-height: 18px;\n}\n\n.-cerbur-clutch-dsh-worktree-activityContext,\n.-cerbur-clutch-dsh-worktree-activityTime {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-activityMetadata {\n  display: flex;\n  flex: none;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 5px;\n  padding-top: 2px;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceList {\n  position: relative;\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 3px 6px;\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.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-worktreeDisclosure {\n  display: inline-flex;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-worktreeIcon,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-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: 20px;\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-disclosureArrow {\n  transition: transform 150ms var(--ds-ease-in-out);\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureButton[aria-expanded='true'] .-cerbur-clutch-dsh-worktree-disclosureArrow {\n  transform: rotate(90deg);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceDisclosure,\n.-cerbur-clutch-dsh-worktree-worktreeDisclosure {\n  color: var(--dsw-alias-label-caption);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .-cerbur-clutch-dsh-worktree-disclosureArrow {\n    transition: none;\n  }\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: 20px;\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-worktreeIcon[data-worktree-state='done'] {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeIcon[data-worktree-state='warning'] {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeIcon[data-worktree-state='error'] {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeStateLabel {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  border: 0;\n  padding: 0;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceIcon {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceIcon[data-workspace-active='true'] {\n  color: var(--dsw-alias-state-business-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 2px;\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-worktreeRow[data-main-group='true'] .-cerbur-clutch-dsh-worktree-worktreeLabel {\n  font-weight: 600;\n}\n\n/* Native title reveal: the span clips its own text and scrolls only while\n   hovered. Activity alone keeps the resting ellipsis. */\n@media (hover: hover) {\n  .-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-worktreeLabel,\n  .-cerbur-clutch-dsh-worktree-treeSessionRow:hover .-cerbur-clutch-dsh-worktree-sessionLabel {\n    text-overflow: clip;\n  }\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeLabel[data-scrolled],\n.-cerbur-clutch-dsh-worktree-sessionLabel[data-scrolled] {\n  mask-image: linear-gradient(to right, transparent, #000 12px);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeLabel[data-clipped],\n.-cerbur-clutch-dsh-worktree-sessionLabel[data-clipped] {\n  mask-image: linear-gradient(to left, transparent, #000 12px);\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeLabel[data-scrolled][data-clipped],\n.-cerbur-clutch-dsh-worktree-sessionLabel[data-scrolled][data-clipped] {\n  mask-image: linear-gradient(\n    to right,\n    transparent,\n    #000 12px,\n    #000 calc(100% - 12px),\n    transparent\n  );\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeHoverTitle {\n  color: var(--dsw-static-neutral-bluish-00);\n  font-size: 14px;\n  line-height: 20px;\n  overflow-wrap: anywhere;\n}\n\n/* Native Session hover card: full title, relative time, and current status. */\n.-cerbur-clutch-dsh-worktree-sessionHoverContent {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionHoverTitle {\n  color: #FFFFFF;\n  font-size: 14px;\n  line-height: 20px;\n  overflow-wrap: break-word;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionHoverTime {\n  color: #CFD3D6;\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionHoverStatus {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #ADB2B8;\n  font-size: 12px;\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  align-items: center;\n  justify-content: flex-end;\n  height: 28px;\n  margin-left: auto;\n}\n\n/* Workspace rows retain the native fixed action column. */\n.-cerbur-clutch-dsh-worktree-workspaceActions {\n  flex: 0 0 64px;\n  width: 64px;\n}\n\n/* Group actions do not reserve space until their row needs to show them. */\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot {\n  min-width: 0;\n  flex: 0 0 0;\n  width: 0;\n  gap: 4px;\n}\n\n/* Keep the 28px activity indicator plus a 4px label gap while collapsed. */\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot {\n  flex: 0 0 32px;\n  width: 32px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-treeActionSlot,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot {\n  flex: 0 0 auto;\n  width: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceActions > .-cerbur-clutch-dsh-worktree-menuAction {\n  position: absolute;\n  top: 0;\n  right: 32px;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceActions > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  position: absolute;\n  top: 0;\n  right: 0;\n  visibility: hidden;\n}\n\n/* Worktree actions flow naturally so the rail matches the controls that exist. */\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-dashboardAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  position: static;\n  opacity: 0;\n  pointer-events: none;\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-groupActivity {\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-groupActivity {\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true']:hover .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true']:hover .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true'][data-menu-open='true'] .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'][data-menu-open='true'] .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true']:focus-within .-cerbur-clutch-dsh-worktree-groupActivity,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true']:focus-within .-cerbur-clutch-dsh-worktree-groupActivity {\n  visibility: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  visibility: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true']:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true']:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true'][data-menu-open='true']\n  .-cerbur-clutch-dsh-worktree-treeActionSlot\n  > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true'][data-menu-open='true']\n  .-cerbur-clutch-dsh-worktree-treeActionSlot\n  > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-group-activity='true']:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-group-activity='true']:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-dashboardAction {\n  display: inline-flex;\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  visibility: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-menuAction {\n  display: inline-flex;\n  flex: 0 0 28px;\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.-cerbur-clutch-dsh-worktree-workspaceRow:focus-within .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-workspaceRow:hover [data-add-worktree],\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-menu-open='true'] [data-add-worktree],\n.-cerbur-clutch-dsh-worktree-workspaceRow:focus-within [data-add-worktree] {\n  visibility: visible;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-dashboardAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-dashboardAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-dashboardAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-menuAction,\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-treeActionSlot > .-cerbur-clutch-dsh-worktree-iconButton:last-child {\n  opacity: 1;\n  pointer-events: auto;\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-worktreeRow.-cerbur-clutch-dsh-worktree-dropBefore::before,\n.-cerbur-clutch-dsh-worktree-worktreeRow.-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-worktreeRow.-cerbur-clutch-dsh-worktree-dropBefore::before {\n  top: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow.-cerbur-clutch-dsh-worktree-dropAfter::after {\n  bottom: -1px;\n}\n\n.-cerbur-clutch-dsh-worktree-treeChildren {\n  margin-left: 16px;\n  padding: 2px 0 5px 6px;\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-treeSessionRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: calc(100% - 20px);\n  margin-left: 20px;\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[data-session-current='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-sessionTrailing {\n  position: relative;\n  display: inline-flex;\n  flex: 0 0 52px;\n  align-items: center;\n  justify-content: flex-end;\n  width: 52px;\n  height: 28px;\n  margin-left: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionMeta,\n.-cerbur-clutch-dsh-worktree-rowActions {\n  position: absolute;\n  inset: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionMeta {\n  color: var(--dsw-alias-label-tertiary);\n  pointer-events: none;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionStatus {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n\n.-cerbur-clutch-dsh-worktree-sessionTime {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 4px;\n  font-size: 12px;\n  line-height: 20px;\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-rowActions {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-treeSessionRow:hover .-cerbur-clutch-dsh-worktree-sessionMeta,\n.-cerbur-clutch-dsh-worktree-treeSessionRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-sessionMeta,\n.-cerbur-clutch-dsh-worktree-sessionTrailing:focus-within .-cerbur-clutch-dsh-worktree-sessionMeta {\n  visibility: hidden;\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.-cerbur-clutch-dsh-worktree-sessionTrailing:focus-within .-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-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-archivedGroup {\n  margin-top: 4px;\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.-cerbur-clutch-dsh-worktree-worktreeHoverDetails {\n  max-width: 360px;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  line-height: 1.5;\n}\n";
 		const styleId$8 = "@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");
@@ -2848,7 +2940,9 @@ window.__ModuleLoader__.load({
 		var worktree_css_default = {
 			"action": "-cerbur-clutch-dsh-worktree-action",
 			"actionLabel": "-cerbur-clutch-dsh-worktree-actionLabel",
+			"workspaceSeat": "-cerbur-clutch-dsh-worktree-workspaceSeat",
 			"surface": "-cerbur-clutch-dsh-worktree-surface",
+			"workspaces": "-cerbur-clutch-dsh-worktree-workspaces",
 			"motionExits": "-cerbur-clutch-dsh-worktree-motionExits",
 			"wideContent": "-cerbur-clutch-dsh-worktree-wideContent",
 			"worktreeRegistrationDialog": "-cerbur-clutch-dsh-worktree-worktreeRegistrationDialog",
@@ -2861,7 +2955,7 @@ window.__ModuleLoader__.load({
 			"worktreeImportError": "-cerbur-clutch-dsh-worktree-worktreeImportError",
 			"closeButton": "-cerbur-clutch-dsh-worktree-closeButton",
 			"header": "-cerbur-clutch-dsh-worktree-header",
-			"title": "-cerbur-clutch-dsh-worktree-title",
+			"sidebarTitle": "-cerbur-clutch-dsh-worktree-sidebarTitle",
 			"titleHidden": "-cerbur-clutch-dsh-worktree-titleHidden",
 			"modeButton": "-cerbur-clutch-dsh-worktree-modeButton",
 			"workspacePicker": "-cerbur-clutch-dsh-worktree-workspacePicker",
@@ -3028,7 +3122,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/dashboard/dashboard-header-action.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/dashboard/dashboard-header-action.css.mjs
 		const css$7 = "/* Match the native 28px circular Session-header utility controls. */\n.-cerbur-clutch-dsh-worktree-headerDashboardButton {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 6px;\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  border: none;\n  border-radius: 28px;\n  cursor: pointer;\n}\n\n.-cerbur-clutch-dsh-worktree-headerDashboardButton svg {\n  width: 16px;\n  height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-headerDashboardButton:hover,\n.-cerbur-clutch-dsh-worktree-headerDashboardButton:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n";
 		const styleId$7 = "@cerbur/clutch-dsh-worktree/dashboard-header-action.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/dashboard-header-action.css\"]") === null) {
@@ -3247,6 +3341,7 @@ window.__ModuleLoader__.load({
 			return record.gitRootPath ?? record.absolutePath;
 		}
 		Object.freeze([
+			"readWorkspaceNavigation",
 			"canReuseLocalSession",
 			"createWorktreeSession",
 			"readWorktreeSessionState",
@@ -3596,7 +3691,7 @@ window.__ModuleLoader__.load({
 			}, current.key);
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/select/single-select.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/select/single-select.css.mjs
 		const css$6 = ".-cerbur-clutch-dsh-worktree-singleSelectRoot { min-width: 0; width: 100%; }\n.-cerbur-clutch-dsh-worktree-singleSelectTrigger {\n  display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0;\n  min-height: 36px; padding: 6px 10px; border-radius: var(--dsw-radius-md, 8px);\n  border: 1px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-base); color: var(--dsw-alias-label-primary);\n  font: inherit; text-align: start; cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-singleSelectRoot[data-size='compact'] { width: min(280px, 45vw); }\n.-cerbur-clutch-dsh-worktree-singleSelectRoot[data-size='compact'] .-cerbur-clutch-dsh-worktree-singleSelectTrigger { min-height: 28px; padding: 3px 8px; font-size: 12px; }\n.-cerbur-clutch-dsh-worktree-singleSelectTrigger:disabled, .-cerbur-clutch-dsh-worktree-singleSelectOption:disabled { opacity: .4; cursor: default; }\n.-cerbur-clutch-dsh-worktree-singleSelectTrigger:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: 2px; }\n.-cerbur-clutch-dsh-worktree-singleSelectPopup {\n  position: fixed; z-index: 1100; padding: 8px; box-sizing: border-box;\n  border: 0; border-radius: var(--dsw-radius-lg, 12px);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);\n  box-shadow: var(--dsw-elevation-prominent);\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n}\n.-cerbur-clutch-dsh-worktree-singleSelectPicker { display: flex; flex-direction: column; gap: 8px; min-width: 0; }\n.-cerbur-clutch-dsh-worktree-singleSelectSearch { box-sizing: border-box; width: 100%; min-width: 0; }\n.-cerbur-clutch-dsh-worktree-singleSelectLoading { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 80px; color: var(--dsw-alias-label-secondary); font-size: 12px; }\n.-cerbur-clutch-dsh-worktree-singleSelectLoading svg { width: 16px; height: 16px; animation: singleSelectSpin 1s linear infinite; }\n@keyframes singleSelectSpin { to { transform: rotate(360deg); } }\n@media (prefers-reduced-motion: reduce) { .-cerbur-clutch-dsh-worktree-singleSelectLoading svg { animation: none; } }\n.-cerbur-clutch-dsh-worktree-singleSelectFilters { display: flex; flex-wrap: wrap; gap: 4px; }\n.-cerbur-clutch-dsh-worktree-singleSelectFilters button {\n  border: 0; border-radius: var(--dsw-radius-md, 8px); padding: 4px 8px; background: transparent;\n  color: var(--dsw-alias-label-secondary); font: inherit; font-size: 11px; cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-singleSelectFilters button[aria-pressed='true'], .-cerbur-clutch-dsh-worktree-singleSelectFilters button:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }\n.-cerbur-clutch-dsh-worktree-singleSelectViewport {\n  height: clamp(120px, calc(100dvh - 160px), 300px); overflow-y: auto; overscroll-behavior: contain;\n  padding: 4px; box-sizing: border-box; min-height: 0;\n}\n.-cerbur-clutch-dsh-worktree-singleSelectPopup .-cerbur-clutch-dsh-worktree-singleSelectViewport { height: auto; max-height: var(--single-select-viewport-height, 220px); }\n.-cerbur-clutch-dsh-worktree-singleSelectPopup .-cerbur-clutch-dsh-worktree-singleSelectEmpty { min-height: 80px; }\n.-cerbur-clutch-dsh-worktree-singleSelectGroup { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 36px; box-sizing: border-box; padding: 6px 8px; color: var(--dsw-alias-label-tertiary); font-size: 11px; line-height: 15px; }\n.-cerbur-clutch-dsh-worktree-singleSelectOption {\n  box-sizing: border-box;\n  display: flex; align-items: center; gap: 6px; width: 100%; min-height: 34px;\n  padding: 6px 8px; border: 0; border-radius: var(--dsw-radius-md, 8px); background: transparent;\n  color: var(--dsw-alias-label-primary); font: inherit; font-size: 13px; line-height: 20px; text-align: start; cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-singleSelectOption:hover:not(:disabled), .-cerbur-clutch-dsh-worktree-singleSelectOption[data-highlighted='true']:not(:disabled), .-cerbur-clutch-dsh-worktree-singleSelectOption:focus-visible:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); outline: none; }\n.-cerbur-clutch-dsh-worktree-singleSelectOption[data-description='true'] { min-height: 48px; }\n.-cerbur-clutch-dsh-worktree-singleSelectText { display: flex; flex-direction: column; flex: 1; min-width: 0; }\n.-cerbur-clutch-dsh-worktree-singleSelectName { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.-cerbur-clutch-dsh-worktree-singleSelectDescription { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dsw-alias-label-tertiary); font-size: 11px; line-height: 16px; }\n.-cerbur-clutch-dsh-worktree-singleSelectBadge { flex: none; color: var(--dsw-alias-label-tertiary); font-size: 11px; }\n.-cerbur-clutch-dsh-worktree-singleSelectTrigger > svg, .-cerbur-clutch-dsh-worktree-singleSelectOption > svg { width: 14px; height: 14px; flex: none; }\n.-cerbur-clutch-dsh-worktree-singleSelectEmpty { display: grid; place-items: center; height: 100%; color: var(--dsw-alias-label-tertiary); font-size: 13px; }\n";
 		const styleId$6 = "@cerbur/clutch-dsh-worktree/single-select.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/single-select.css\"]") === null) {
@@ -3997,7 +4092,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/branch/git-branch.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/branch/git-branch.css.mjs
 		const css$5 = ".-cerbur-clutch-dsh-worktree-branchFetch { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 4px; border: 0; border-radius: var(--dsw-radius-sm); background: transparent; color: var(--dsw-alias-label-secondary); cursor: pointer; }\n.-cerbur-clutch-dsh-worktree-branchFetch:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }\n.-cerbur-clutch-dsh-worktree-branchFetch:disabled { opacity: .4; cursor: default; }\n.-cerbur-clutch-dsh-worktree-branchFetch svg { width: 16px; height: 16px; }\n.-cerbur-clutch-dsh-worktree-branchFetch[aria-busy='true'] svg { animation: branchFetchSpin 1s linear infinite; }\n@keyframes branchFetchSpin { to { transform: rotate(360deg); } }\n@media (prefers-reduced-motion: reduce) { .-cerbur-clutch-dsh-worktree-branchFetch[aria-busy='true'] svg { animation: none; } }\n.-cerbur-clutch-dsh-worktree-branchFetch[data-fetch-status='success'], .-cerbur-clutch-dsh-worktree-branchFetch[data-fetch-status='error'] { width: auto; padding-inline: 6px; white-space: nowrap; font-size: 12px; line-height: 18px; }\n.-cerbur-clutch-dsh-worktree-branchFetch[data-fetch-status='success']:disabled { opacity: 1; }\n.-cerbur-clutch-dsh-worktree-branchFetch[data-fetch-status='error'] { color: var(--dsw-alias-state-error-primary); }\n";
 		const styleId$5 = "@cerbur/clutch-dsh-worktree/git-branch.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/git-branch.css\"]") === null) {
@@ -4429,6 +4524,24 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/client/surface/selectors.js
+		/** Pending native replay is incomplete evidence, not removal of ready rows. */
+		function retainPendingWorkspaces(previous, next) {
+			if (!previous || !isPendingListPhase(next.phase)) return next;
+			const updates = new Map(next.items.map((item) => [item.workspaceId, item]));
+			const items = previous.items.map((item) => {
+				const update = updates.get(item.workspaceId);
+				updates.delete(item.workspaceId);
+				return update ? {
+					...update,
+					sessionIds: [.../* @__PURE__ */ new Set([...item.sessionIds, ...update.sessionIds])]
+				} : item;
+			});
+			return {
+				...next,
+				items: [...items, ...updates.values()],
+				archivedSessionIds: [.../* @__PURE__ */ new Set([...previous.archivedSessionIds ?? [], ...next.archivedSessionIds ?? []])]
+			};
+		}
 		/** Native activity changes invalidate only the archived Worktrees' owning reads. */
 		function worktreeActivityRefreshWorkspaceIds(views, previous, next) {
 			return views.filter((view) => view.bindings.some((binding) => previous[binding.sessionId]?.ongoing !== next[binding.sessionId]?.ongoing && view.worktrees.some((record) => record.worktreeId === binding.worktreeId && record.status === "removed"))).map((view) => view.workspaceId);
@@ -4481,12 +4594,15 @@ window.__ModuleLoader__.load({
 			const view = views.find((candidate) => candidate.workspaceId === workspace.workspaceId);
 			if (view === void 0) return void 0;
 			const binding = view.bindings.find((candidate) => candidate.sessionId === currentSessionId);
-			if (binding === void 0) return {
-				sessionId: currentSessionId,
-				workspaceId: workspace.workspaceId,
-				groupKey: "main:" + workspace.workspaceId,
-				kind: "main"
-			};
+			if (binding === void 0) {
+				if (view.knownSessionIds !== void 0 && !view.knownSessionIds.includes(currentSessionId)) return void 0;
+				return {
+					sessionId: currentSessionId,
+					workspaceId: workspace.workspaceId,
+					groupKey: "main:" + workspace.workspaceId,
+					kind: "main"
+				};
+			}
 			const worktree = view.worktrees.find((candidate) => candidate.worktreeId === binding.worktreeId && candidate.workspaceId === workspace.workspaceId);
 			if (worktree === void 0) return void 0;
 			return {
@@ -6838,7 +6954,7 @@ window.__ModuleLoader__.load({
 					const allWorkspaceSessionIds = filterArchivedSessionIds(workspaceSessionIds(workspaces, workspace.workspaceId, sessions.ids), archivedSessionIds);
 					const workspaceGroupActivityStatus = aggregateSessionStatus(filterVisibleSessionIds(allWorkspaceSessionIds, sessions), sessionPresentations);
 					const bindings = view?.bindings ?? [];
-					const mainSessionIds = filterVisibleSessionIds(unboundSessionIds(allWorkspaceSessionIds, [...new Set(bindings.map((binding) => binding.sessionId))]), sessions);
+					const mainSessionIds = filterVisibleSessionIds(unboundSessionIds(allWorkspaceSessionIds, [...new Set(bindings.map((binding) => binding.sessionId))]).filter((id) => view?.knownSessionIds === void 0 || view.knownSessionIds.includes(id)), sessions);
 					const mainGroupKey = `main:${workspace.workspaceId}`;
 					const orderedMainSessionIds = orderedSessionIdsByAccount.get(mainGroupKey) ?? mainSessionIds;
 					const visibleMainSessionIds = mainSessionIds.filter((sessionId) => workspaceMatchesQuery || sessionMatchesQuery(sessionId, sessions, query));
@@ -6855,189 +6971,197 @@ window.__ModuleLoader__.load({
 					return (0, react_jsx_runtime.jsxs)("section", {
 						className: worktree_css_default.workspaceGroup,
 						"data-workspace-id": workspace.workspaceId,
-						children: [(0, react_jsx_runtime.jsx)(WorktreeWorkspaceRow, {
-							t,
-							workspace,
-							expanded,
-							containsCurrentSession: currentSessionId !== void 0 && allWorkspaceSessionIds.includes(currentSessionId),
-							groupActivityStatus: workspaceGroupActivityStatus,
-							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: {
+						children: [
+							(0, react_jsx_runtime.jsx)(WorktreeWorkspaceRow, {
+								t,
+								workspace,
+								expanded,
+								containsCurrentSession: currentSessionId !== void 0 && allWorkspaceSessionIds.includes(currentSessionId),
+								groupActivityStatus: workspaceGroupActivityStatus,
+								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,
-											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, {
-									t,
-									kind: "main",
-									label: mainLabel,
-									expanded: mainExpanded,
-									groupActivityStatus: aggregateSessionStatus(mainSessionIds, sessionPresentations),
-									icon: (0, react_jsx_runtime.jsx)(IconBranchOutline16, {}),
-									workspaceTitle: workspace.title,
-									onToggle: () => {
-										toggleMain(workspace.workspaceId);
-									},
-									showDashboardAction: props.openDashboard !== void 0,
-									menu: {
-										onDashboard: props.openDashboard === void 0 ? void 0 : () => props.openDashboard?.(createMainWorktreeRecord(workspace, currentBranch, view?.mainInstructions, view?.checkout)),
-										open: openMainMenuId === workspace.workspaceId,
-										label: mainLabel,
-										copyPath: workspace.path,
-										showCreate: mainRef !== void 0,
-										showRemove: false,
-										disabled: actionPending,
-										onOpenChange: (open) => {
-											setOpenMainMenuId(open ? workspace.workspaceId : void 0);
-										},
-										onCreateWorktree: mainRef === void 0 ? void 0 : () => {
-											openWorktreeCreator(workspace, {
-												baseBranch: currentHead?.kind !== "branch" && currentHead !== void 0 ? "HEAD" : currentBranch,
-												newBranch: createNumberedWorktreeName(mainRef, workspaceWorktreeNames)
-											});
-										}
-									},
-									onCreateSession: createMainSession === void 0 ? void 0 : () => {
-										createMainSession(workspace.workspaceId);
-									}
-								}),
-								mainExpanded && (0, react_jsx_runtime.jsx)(WorktreeSessionGroup, {
-									t,
-									groupKey: mainGroupKey,
-									sessionIds,
-									workspaceId: workspace.workspaceId,
-									currentSessionId,
-									expanded: mainSessionGroupExpanded,
-									actionPending,
-									sessions,
-									sessionPresentations,
-									dragState: sessionDrag,
-									onToggleExpanded: () => {
-										toggleSessionGroup(mainGroupKey, mainSessionGroupAutoExpanded);
-									},
-									onStartDrag: (groupKey, sessionId) => {
-										sessionDropCommitted.current = false;
-										setSessionDrag({
-											groupKey,
-											sessionId,
 											over: null
 										});
 									},
-									onHoverDrag: (sessionId, half) => {
-										setSessionDrag((current) => current === void 0 ? current : {
+									hover: (half) => {
+										setWorkspaceDrag((current) => current === void 0 ? current : {
 											...current,
 											over: {
-												sessionId,
+												workspaceId: workspace.workspaceId,
 												half
 											}
 										});
 									},
-									onClearDrag: () => {
-										setSessionDrag(void 0);
-									},
-									onFinishDrag: () => {
-										sessionDropCommitted.current = false;
-									},
-									onCommitDrag: commitSessionDrag,
-									onOpen: (sessionId) => {
-										openWorktreeSession$1({ open: openSession }, sessionId);
+									drop: (half) => {
+										if (workspaceDrag === void 0) return;
+										commitWorkspaceDrag(workspaceDrag, {
+											workspaceId: workspace.workspaceId,
+											half
+										});
 									},
-									onRename: renameSession === void 0 ? void 0 : openSessionRename,
-									onFork: forkSession,
-									onArchive: archiveSession === void 0 ? void 0 : archiveWorktreeSession
-								}),
-								activeWorktrees.length === 0 && archivedWorktrees.length === 0 && (0, react_jsx_runtime.jsx)("p", {
-									className: worktree_css_default.emptyNested,
-									children: t("worktree.noWorktrees")
-								}),
-								activeWorktrees.map((record) => (0, react_jsx_runtime.jsx)(ActiveWorktree, {
-									record,
-									source,
-									expansion,
-									ordering,
-									props,
-									lifecycle,
-									session,
-									menus,
-									mutation,
-									read,
-									registration,
-									lifecycleState,
-									drag,
-									native,
-									bindings,
-									workspaceMatchesQuery,
-									workspace,
-									workspaceWorktreeNames,
-									sameWorkspaceWorktreeDrag,
-									activeWorktrees
-								}, record.worktreeId)),
-								archivedWorktrees.length > 0 && (0, react_jsx_runtime.jsx)(ArchivedWorktrees, {
-									expansion,
-									props,
-									source,
-									ordering,
-									lifecycle,
-									mutation,
-									menus,
-									read,
-									lifecycleState,
-									drag,
-									session,
-									native,
-									workspace,
-									archivedWorktrees,
-									bindings,
-									workspaceMatchesQuery
-								})
-							]
-						})]
+									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 && view === void 0 && (0, react_jsx_runtime.jsx)("p", {
+								className: worktree_css_default.message,
+								"data-workspace-read": workspace.workspaceId,
+								children: read.readState.targetErrors?.[workspace.workspaceId] ? t("status.workspaceFailed") : t("status.loading")
+							}),
+							expanded && view !== void 0 && (0, react_jsx_runtime.jsxs)("div", {
+								className: worktree_css_default.treeChildren,
+								children: [
+									(0, react_jsx_runtime.jsx)(WorktreeGroupRow, {
+										t,
+										kind: "main",
+										label: mainLabel,
+										expanded: mainExpanded,
+										groupActivityStatus: aggregateSessionStatus(mainSessionIds, sessionPresentations),
+										icon: (0, react_jsx_runtime.jsx)(IconBranchOutline16, {}),
+										workspaceTitle: workspace.title,
+										onToggle: () => {
+											toggleMain(workspace.workspaceId);
+										},
+										showDashboardAction: props.openDashboard !== void 0,
+										menu: {
+											onDashboard: props.openDashboard === void 0 ? void 0 : () => props.openDashboard?.(createMainWorktreeRecord(workspace, currentBranch, view?.mainInstructions, view?.checkout)),
+											open: openMainMenuId === workspace.workspaceId,
+											label: mainLabel,
+											copyPath: workspace.path,
+											showCreate: mainRef !== void 0,
+											showRemove: false,
+											disabled: actionPending,
+											onOpenChange: (open) => {
+												setOpenMainMenuId(open ? workspace.workspaceId : void 0);
+											},
+											onCreateWorktree: mainRef === void 0 ? void 0 : () => {
+												openWorktreeCreator(workspace, {
+													baseBranch: currentHead?.kind !== "branch" && currentHead !== void 0 ? "HEAD" : currentBranch,
+													newBranch: createNumberedWorktreeName(mainRef, workspaceWorktreeNames)
+												});
+											}
+										},
+										onCreateSession: createMainSession === void 0 ? void 0 : () => {
+											createMainSession(workspace.workspaceId);
+										}
+									}),
+									mainExpanded && (0, react_jsx_runtime.jsx)(WorktreeSessionGroup, {
+										t,
+										groupKey: mainGroupKey,
+										sessionIds,
+										workspaceId: workspace.workspaceId,
+										currentSessionId,
+										expanded: mainSessionGroupExpanded,
+										actionPending,
+										sessions,
+										sessionPresentations,
+										dragState: sessionDrag,
+										onToggleExpanded: () => {
+											toggleSessionGroup(mainGroupKey, mainSessionGroupAutoExpanded);
+										},
+										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$1({ open: openSession }, sessionId);
+										},
+										onRename: renameSession === void 0 ? void 0 : openSessionRename,
+										onFork: forkSession,
+										onArchive: archiveSession === void 0 ? void 0 : archiveWorktreeSession
+									}),
+									activeWorktrees.length === 0 && archivedWorktrees.length === 0 && (0, react_jsx_runtime.jsx)("p", {
+										className: worktree_css_default.emptyNested,
+										children: t("worktree.noWorktrees")
+									}),
+									activeWorktrees.map((record) => (0, react_jsx_runtime.jsx)(ActiveWorktree, {
+										record,
+										source,
+										expansion,
+										ordering,
+										props,
+										lifecycle,
+										session,
+										menus,
+										mutation,
+										read,
+										registration,
+										lifecycleState,
+										drag,
+										native,
+										bindings,
+										workspaceMatchesQuery,
+										workspace,
+										workspaceWorktreeNames,
+										sameWorkspaceWorktreeDrag,
+										activeWorktrees
+									}, record.worktreeId)),
+									archivedWorktrees.length > 0 && (0, react_jsx_runtime.jsx)(ArchivedWorktrees, {
+										expansion,
+										props,
+										source,
+										ordering,
+										lifecycle,
+										mutation,
+										menus,
+										read,
+										lifecycleState,
+										drag,
+										session,
+										native,
+										workspace,
+										archivedWorktrees,
+										bindings,
+										workspaceMatchesQuery
+									})
+								]
+							})
+						]
 					}, workspace.workspaceId);
 				})
 			}) });
@@ -7255,8 +7379,8 @@ window.__ModuleLoader__.load({
 					}]
 				});
 			}
-			if (readState.targetError !== void 0) {
-				const { error, workspaceIds } = readState.targetError;
+			for (const [workspaceId, error] of Object.entries(readState.targetErrors ?? {})) {
+				const workspaceIds = [workspaceId];
 				notices.push({
 					key: "target:" + JSON.stringify([
 						workspaceIds,
@@ -7561,7 +7685,7 @@ window.__ModuleLoader__.load({
 				className: worktree_css_default.header,
 				children: [
 					(0, react_jsx_runtime.jsx)("span", {
-						className: cx(worktree_css_default.title, searchExpanded && worktree_css_default.titleHidden),
+						className: cx(worktree_css_default.sidebarTitle, searchExpanded && worktree_css_default.titleHidden),
 						children: t("worktree.title")
 					}),
 					(0, react_jsx_runtime.jsx)("div", {
@@ -8887,7 +9011,7 @@ window.__ModuleLoader__.load({
 					if (view === void 0) continue;
 					const allWorkspaceSessionIds = filterArchivedSessionIds(workspaceSessionIds(workspaces, workspace.workspaceId, sessions.ids), archivedSessionIds);
 					const bindings = view.bindings;
-					const mainSessionIds = filterVisibleSessionIds(unboundSessionIds(allWorkspaceSessionIds, [...new Set(bindings.map((binding) => binding.sessionId))]), sessions);
+					const mainSessionIds = filterVisibleSessionIds(unboundSessionIds(allWorkspaceSessionIds, [...new Set(bindings.map((binding) => binding.sessionId))]).filter((id) => view.knownSessionIds === void 0 || view.knownSessionIds.includes(id)), sessions);
 					inputs.push({
 						accountKey: `main:${workspace.workspaceId}`,
 						sessionIds: mainSessionIds,
@@ -8984,12 +9108,23 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/client/surface/state/useSurfaceRefresh.js
 		function useSurfaceRefresh({ source, props, registrationState }) {
-			const { forkRecoverySnapshot, workspaceIdsRef, mode, workspaceIds, sessionPresentations } = source;
+			const { forkRecoverySnapshot, mode, workspaceIds, sessionPresentations } = source;
+			const workspaceIdsRef = (0, react.useRef)(workspaceIds);
+			workspaceIdsRef.current = isPendingListPhase(source.workspaces.phase) ? [.../* @__PURE__ */ new Set([...workspaceIdsRef.current, ...workspaceIds])] : workspaceIds;
+			const workspacesRef = (0, react.useRef)(source.workspaces);
+			workspacesRef.current = source.workspaces;
 			const { manager, viewReader, invalidateWorktreeContext, syncSessionWorkspaces } = props;
+			const syncedMembershipViews = (0, react.useRef)(/* @__PURE__ */ new Map());
 			const { modalReadViewRef, setModalReadError, setModalReadLoading, modalReadLoader, setWorktreeModalWorkspaceId } = registrationState;
 			const [readState, setReadState] = (0, react.useState)(EMPTY_READ_STATE);
 			const readStateRef = (0, react.useRef)(readState);
 			readStateRef.current = readState;
+			const priorityIdsRef = (0, react.useRef)(workspaceIds);
+			const currentWorkspaceId = source.workspaces.items.find((workspace) => workspace.sessionIds.includes(source.currentSessionId ?? ""))?.workspaceId;
+			priorityIdsRef.current = [...workspaceIds].sort((a, b) => {
+				const priority = (id) => id === currentWorkspaceId ? 0 : source.expandSnapshot.collapsedWorkspaceIds[id] ? 2 : 1;
+				return priority(a) - priority(b);
+			});
 			const refreshGuard = (0, react.useRef)(createWorktreeRefreshGuard());
 			const targetRefreshGuards = (0, react.useRef)(/* @__PURE__ */ new Map());
 			const targetReads = (0, react.useRef)(/* @__PURE__ */ new Map());
@@ -9011,38 +9146,12 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				const scope = options.scope ?? { kind: "global" };
-				const preserveCurrent = options.preserveCurrent === true;
 				const currentWorkspaceIds = workspaceIdsRef.current;
-				if (scope.kind === "global") {
-					if (!preserveCurrent) setReadState({
-						status: "loading",
-						views: []
-					});
-					const selectedWorkspaceIds = [...currentWorkspaceIds];
-					for (const workspaceId of selectedWorkspaceIds) viewReader.invalidate(workspaceId);
-					const contextRefresh = options.invalidateContext === false ? void 0 : invalidateWorktreeContext?.(void 0, { alreadyInvalidated: true });
-					await refreshGuard.current.run(async () => {
-						const [views] = await Promise.all([viewReader.readMany(selectedWorkspaceIds), contextRefresh ?? Promise.resolve()]);
-						return views;
-					}, (views) => {
-						setReadState((current) => {
-							const merged = mergeWorktreeViews(current.views, workspaceIdsRef.current, views);
-							return {
-								status: "ready",
-								views: modalReadViewRef.current === void 0 ? merged : mergeWorktreeView(merged, modalReadViewRef.current)
-							};
-						});
-					}, (error) => {
-						if (preserveCurrent) throw error;
-						setReadState({
-							status: "error",
-							views: modalReadViewRef.current === void 0 ? [] : [modalReadViewRef.current],
-							error: toWorktreeViewError(error)
-						});
-					});
-					return;
-				}
-				const requestedWorkspaceIds = scope.kind === "workspace" ? [scope.workspaceId] : scope.workspaceIds;
+				if (scope.kind === "global") setReadState((current) => ({
+					...current,
+					status: "ready"
+				}));
+				const requestedWorkspaceIds = scope.kind === "global" ? priorityIdsRef.current : scope.kind === "workspace" ? [scope.workspaceId] : scope.workspaceIds;
 				const selectedWorkspaceIds = [...new Set(requestedWorkspaceIds)].filter((workspaceId) => currentWorkspaceIds.includes(workspaceId));
 				if (selectedWorkspaceIds.length === 0) {
 					if (options.openingSession) throw new WorktreeSessionActionError("WORKTREE_SESSION_REPAIR_REQUIRED", "workspace projection unavailable", true);
@@ -9050,14 +9159,16 @@ window.__ModuleLoader__.load({
 				}
 				const results = await Promise.allSettled(selectedWorkspaceIds.map(async (workspaceId) => {
 					const guard = guardFor(workspaceId);
-					if (!options.alreadyInvalidated) viewReader.invalidate(workspaceId, {
+					if (!options.alreadyInvalidated && !options.ensureLoaded) viewReader.invalidate(workspaceId, {
 						reuseInFlight: options.reuseInFlight,
 						changeId: options.changeId
 					});
-					const contextRefresh = options.invalidateContext === false ? void 0 : invalidateWorktreeContext?.(workspaceId, { alreadyInvalidated: true })?.catch(() => void 0);
+					options.invalidateContext === false || invalidateWorktreeContext?.(workspaceId, { alreadyInvalidated: true })?.catch(() => void 0);
 					let request = {
 						generation: guard.begin(),
-						promise: viewReader.read(workspaceId)
+						promise: viewReader.read(workspaceId, { current: true }),
+						pending: true,
+						sessionIds: workspacesRef.current.items.find((item) => item.workspaceId === workspaceId)?.sessionIds ?? []
 					};
 					targetReads.current.set(workspaceId, request);
 					try {
@@ -9075,28 +9186,24 @@ window.__ModuleLoader__.load({
 							request = latest;
 						}
 						if (!view) throw new WorktreeSessionActionError("WORKTREE_VIEW_FAILED", "workspace projection unavailable", true);
+						view = view.knownSessionIds === void 0 ? {
+							...view,
+							knownSessionIds: request.sessionIds
+						} : view;
 						if (opening && (!workspaceIdsRef.current.includes(workspaceId) || !view.worktrees.some((record) => record.worktreeId === opening.worktreeId) || !view.bindings.some((binding) => binding.sessionId === opening.sessionId && binding.worktreeId === opening.worktreeId && binding.status === "active"))) throw new WorktreeSessionActionError("WORKTREE_SESSION_REPAIR_REQUIRED", "binding projection not ready", true);
 						if (!guard.isCurrent(request.generation)) return;
+						if (targetRefreshGuards.current.get(workspaceId) !== guard) return;
 						if (!workspaceIdsRef.current.includes(workspaceId)) return;
+						request.pending = false;
 						const publish = () => setReadState((current) => {
-							const remainingTargetError = current.targetError?.workspaceIds.filter((candidate) => candidate !== workspaceId) ?? [];
-							const next = {
+							const targetErrors = { ...current.targetErrors };
+							delete targetErrors[workspaceId];
+							return {
 								...current,
 								status: "ready",
 								views: mergeWorktreeViews(current.views, workspaceIdsRef.current, [view]),
-								error: void 0
-							};
-							if (remainingTargetError.length === 0) {
-								const withoutTargetError = { ...next };
-								delete withoutTargetError.targetError;
-								return withoutTargetError;
-							}
-							return {
-								...next,
-								targetError: {
-									workspaceIds: remainingTargetError,
-									error: current.targetError.error
-								}
+								error: void 0,
+								targetErrors
 							};
 						});
 						if (options.openingSession) (0, react_dom.flushSync)(publish);
@@ -9104,17 +9211,17 @@ window.__ModuleLoader__.load({
 					} catch (error) {
 						if (options.openingSession) throw error;
 						if (!guard.isCurrent(request.generation)) return;
+						if (targetRefreshGuards.current.get(workspaceId) !== guard) return;
 						if (!workspaceIdsRef.current.includes(workspaceId)) return;
 						setReadState((current) => {
-							const previousIds = current.targetError?.workspaceIds ?? [];
 							return {
 								...current,
 								status: "ready",
 								views: mergeWorktreeViews(current.views, workspaceIdsRef.current, []),
 								error: void 0,
-								targetError: {
-									workspaceIds: [.../* @__PURE__ */ new Set([...previousIds, workspaceId])],
-									error: {
+								targetErrors: {
+									...current.targetErrors,
+									[workspaceId]: {
 										...toWorktreeViewError(error),
 										retryable: true
 									}
@@ -9122,7 +9229,7 @@ window.__ModuleLoader__.load({
 							};
 						});
 					} finally {
-						if (!options.openingSession) await contextRefresh;
+						request.pending = false;
 					}
 				}));
 				if (options.openingSession) {
@@ -9162,7 +9269,12 @@ window.__ModuleLoader__.load({
 					});
 					return;
 				}
-				modalReadLoader.current.load(workspaceId, (view) => {
+				const sessionIds = workspacesRef.current.items.find((item) => item.workspaceId === workspaceId)?.sessionIds ?? [];
+				modalReadLoader.current.load(workspaceId, (data) => {
+					const view = data.knownSessionIds === void 0 ? {
+						...data,
+						knownSessionIds: sessionIds
+					} : data;
 					modalReadViewRef.current = view;
 					setModalReadLoading(false);
 					setReadState((current) => ({
@@ -9174,8 +9286,58 @@ window.__ModuleLoader__.load({
 					setModalReadError(toWorktreeViewError(error));
 				});
 			}, [manager, viewReader]);
+			const previousNativeSessions = (0, react.useRef)(new Map(source.workspaces.items.map((item) => [item.workspaceId, item.sessionIds])));
+			(0, react.useEffect)(() => {
+				if (isPendingListPhase(source.workspaces.phase)) return;
+				const previous = previousNativeSessions.current;
+				previousNativeSessions.current = new Map(source.workspaces.items.map((item) => [item.workspaceId, item.sessionIds]));
+				for (const workspace of source.workspaces.items) {
+					const ids = previous.get(workspace.workspaceId);
+					if (!ids) continue;
+					const view = readStateRef.current.views.find((item) => item.workspaceId === workspace.workspaceId);
+					if (!workspace.sessionIds.some((id) => !ids.includes(id) && !view?.bindings.some((binding) => binding.sessionId === id))) continue;
+					viewReader.invalidate(workspace.workspaceId);
+					guardFor(workspace.workspaceId).invalidate();
+					if (mode === "worktree") refresh({
+						scope: {
+							kind: "workspace",
+							workspaceId: workspace.workspaceId
+						},
+						alreadyInvalidated: true
+					});
+				}
+			}, [
+				source.workspaces.items,
+				source.workspaces.phase,
+				mode,
+				refresh,
+				viewReader
+			]);
+			(0, react.useEffect)(() => {
+				if (mode !== "worktree" || isPendingListPhase(source.workspaces.phase)) return;
+				for (const view of readState.views) {
+					if (view.knownSessionIds === void 0 || readState.targetErrors?.[view.workspaceId]) continue;
+					const unknown = (source.workspaces.items.find((item) => item.workspaceId === view.workspaceId)?.sessionIds ?? []).filter((id) => !view.knownSessionIds.includes(id) && !view.bindings.some((binding) => binding.sessionId === id));
+					const pending = targetReads.current.get(view.workspaceId);
+					if (!unknown.length || pending?.pending && unknown.every((id) => pending.sessionIds.includes(id))) continue;
+					refresh({ scope: {
+						kind: "workspace",
+						workspaceId: view.workspaceId
+					} });
+				}
+			}, [
+				readState.views,
+				readState.targetErrors,
+				source.workspaces.items,
+				source.workspaces.phase,
+				mode,
+				refresh
+			]);
 			(0, react.useEffect)(() => {
-				if (mode === "worktree") refresh({ preserveCurrent: readStateRef.current.status === "ready" });
+				if (mode === "worktree") refresh({
+					preserveCurrent: true,
+					reuseInFlight: true
+				});
 				else {
 					refreshGuard.current.invalidate();
 					for (const guard of targetRefreshGuards.current.values()) guard.invalidate();
@@ -9185,51 +9347,47 @@ window.__ModuleLoader__.load({
 					setWorktreeModalWorkspaceId(void 0);
 					setModalReadError(void 0);
 					setModalReadLoading(false);
-					setReadState(EMPTY_READ_STATE);
 				}
 			}, [mode, refresh]);
 			const previousWorkspaceIdsRef = (0, react.useRef)(workspaceIds);
 			(0, react.useEffect)(() => {
+				if (isPendingListPhase(source.workspaces.phase)) return;
 				const previousWorkspaceIds = previousWorkspaceIdsRef.current;
 				previousWorkspaceIdsRef.current = workspaceIds;
-				if (mode !== "worktree") return;
 				const addedWorkspaceIds = workspaceIds.filter((workspaceId) => !previousWorkspaceIds.includes(workspaceId));
 				const removedWorkspaceIds = previousWorkspaceIds.filter((workspaceId) => !workspaceIds.includes(workspaceId));
 				for (const workspaceId of removedWorkspaceIds) {
+					targetRefreshGuards.current.get(workspaceId)?.invalidate();
 					targetRefreshGuards.current.delete(workspaceId);
 					targetReads.current.delete(workspaceId);
+					viewReader.invalidate(workspaceId);
+					syncedMembershipViews.current.delete(workspaceId);
+					props.syncWorkspaceSessions?.(workspaceId, []);
 				}
 				setReadState((current) => {
 					const views = mergeWorktreeViews(current.views, workspaceIds, []);
-					const remainingTargetError = current.targetError?.workspaceIds.filter((workspaceId) => workspaceIds.includes(workspaceId)) ?? [];
-					const next = {
-						...current,
-						views
-					};
-					if (remainingTargetError.length === 0) {
-						const withoutTargetError = { ...next };
-						delete withoutTargetError.targetError;
-						return withoutTargetError;
-					}
+					const targetErrors = Object.fromEntries(Object.entries(current.targetErrors ?? {}).filter(([workspaceId]) => workspaceIds.includes(workspaceId)));
 					return {
-						...next,
-						targetError: {
-							workspaceIds: remainingTargetError,
-							error: current.targetError.error
-						}
+						...current,
+						views,
+						targetErrors
 					};
 				});
+				if (mode !== "worktree") return;
 				for (const workspaceId of addedWorkspaceIds) refresh({
 					scope: {
 						kind: "workspace",
 						workspaceId
 					},
-					preserveCurrent: true
+					preserveCurrent: true,
+					ensureLoaded: true
 				}).catch(() => {});
 			}, [
 				mode,
 				refresh,
-				workspaceIds
+				workspaceIds,
+				source.workspaces.phase,
+				viewReader
 			]);
 			(0, react.useEffect)(() => {
 				if (forkRecoveryRevisionRef.current === forkRecoverySnapshot.revision) return;
@@ -9251,7 +9409,16 @@ window.__ModuleLoader__.load({
 				refresh
 			]);
 			(0, react.useEffect)(() => {
-				if (readState.status !== "ready" || syncSessionWorkspaces === void 0) return;
+				if (readState.status !== "ready" || isPendingListPhase(source.workspaces.phase)) return;
+				if (props.syncWorkspaceSessions) {
+					for (const view of readState.views) {
+						if (syncedMembershipViews.current.get(view.workspaceId) === view || targetReads.current.get(view.workspaceId)?.pending) continue;
+						syncedMembershipViews.current.set(view.workspaceId, view);
+						props.syncWorkspaceSessions(view.workspaceId, view.bindings);
+					}
+					return;
+				}
+				if (syncSessionWorkspaces === void 0 || [...targetReads.current.values()].some((request) => request.pending) || !isCompleteWorktreeWorkspaceSnapshot(workspaceIds, readState.views)) return;
 				syncSessionWorkspaces(readState.views.flatMap((view) => view.bindings.map((binding) => ({
 					workspaceId: binding.workspaceId,
 					sessionId: binding.sessionId
@@ -9259,7 +9426,10 @@ window.__ModuleLoader__.load({
 			}, [
 				readState.status,
 				readState.views,
-				syncSessionWorkspaces
+				syncSessionWorkspaces,
+				props.syncWorkspaceSessions,
+				workspaceIds,
+				source.workspaces.phase
 			]);
 			const viewByWorkspace = (0, react.useMemo)(() => new Map(readState.views.map((view) => [view.workspaceId, view])), [readState.views]);
 			const previousActivityRef = (0, react.useRef)(sessionPresentations);
@@ -9296,439 +9466,40 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region lib/client/overlay/overlay-bounds.js
-		function computeOverlayBounds(frame, newSession, footer) {
-			if (newSession === void 0 || footer === void 0 || ![
-				frame.top,
-				frame.bottom,
-				newSession.top,
-				newSession.bottom,
-				footer.top,
-				footer.bottom
-			].every(Number.isFinite) || frame.bottom <= frame.top || newSession.bottom <= newSession.top || footer.bottom <= footer.top) return {
-				ready: false,
-				top: 0,
-				height: 0
-			};
-			const top = Math.max(0, Math.min(frame.bottom, newSession.top) - frame.top);
+		//#region lib/client/view/workspace-region-geometry.js
+		/** Measure only the plugin-owned seat for popover readiness, never for placement. */
+		function useWorkspaceRegionGeometry(seat) {
+			const [measured, setMeasured] = (0, react.useState)();
+			(0, react.useLayoutEffect)(() => {
+				if (!seat) return;
+				const element = seat.element;
+				let disposed = false;
+				const measure = () => {
+					if (disposed) return;
+					const rect = element.getBoundingClientRect();
+					const height = element.isConnected && Number.isFinite(rect.height) && rect.width > 0 ? Math.max(0, rect.height) : 0;
+					setMeasured((previous) => previous?.element === element && previous.height === height ? previous : {
+						element,
+						height
+					});
+				};
+				measure();
+				const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(measure);
+				observer?.observe(element);
+				return () => {
+					disposed = true;
+					observer?.disconnect();
+				};
+			}, [seat]);
+			const collapsed = seat?.wide !== true;
+			const height = measured?.element === seat?.element ? measured?.height ?? 0 : 0;
 			return {
-				ready: true,
-				top,
-				height: Math.max(top, Math.min(frame.bottom, footer.top) - frame.top) - top
-			};
-		}
-		//#endregion
-		//#region lib/client/layout/app-frame.js
-		/** Public AppFrame anchors; never infer a column from sibling order or private classes. */
-		function directChildWithin(parent, anchor) {
-			let child = anchor;
-			while (child && child.parentElement !== parent) child = child.parentElement;
-			return child ?? void 0;
-		}
-		function resolveAppFrame(surface) {
-			const overlay = surface.closest("[data-shell-overlay]");
-			const frame = overlay?.parentElement;
-			if (!(overlay instanceof HTMLElement) || !frame || !overlay.isConnected) return void 0;
-			for (const selector of ["[data-worktree-mode-action]", "[data-pane=\"sidebar\"]"]) {
-				const columns = new Set(Array.from(frame.querySelectorAll(selector)).map((anchor) => directChildWithin(frame, anchor)).filter((column) => column instanceof HTMLElement && column !== overlay && !column.hasAttribute("data-shell-overlay") && !column.hasAttribute("data-rightbar-col") && !column.hasAttribute("data-shell-leading")));
-				if (columns.size > 1) return void 0;
-				const sidebar = columns.values().next().value;
-				if (sidebar) return {
-					overlay,
-					frame,
-					sidebar
-				};
-			}
-		}
-		function finiteRect(rect) {
-			return [
-				rect.left,
-				rect.right,
-				rect.top,
-				rect.bottom,
-				rect.width,
-				rect.height
-			].every(Number.isFinite);
-		}
-		function resolveFrameContent(frame, overlay, sidebar) {
-			const rightbars = Array.from(frame.querySelectorAll("[data-rightbar-col]")).filter((column) => directChildWithin(frame, column) !== overlay);
-			if (rightbars.length > 1) return void 0;
-			const column = rightbars[0];
-			const rightbar = frame.hasAttribute("data-rightbar-collapsed") ? void 0 : column;
-			const box = overlay.getBoundingClientRect();
-			const boundary = sidebar.getBoundingClientRect();
-			const columnRect = column?.getBoundingClientRect();
-			if (!finiteRect(box) || !finiteRect(boundary) || rightbar && columnRect && !finiteRect(columnRect)) return;
-			const centerEdges = [rightbar && columnRect ? columnRect.left : box.right];
-			if (!rightbar && columnRect && finiteRect(columnRect)) centerEdges.push(columnRect.left);
-			const excluded = column ? directChildWithin(frame, column) : void 0;
-			const centers = Array.from(frame.children).filter((child) => {
-				if (!(child instanceof HTMLElement) || child === sidebar || child === overlay || child === excluded || child.hasAttribute("data-shell-overlay") || child.hasAttribute("data-shell-leading") || child.hasAttribute("data-window-drag")) return false;
-				const rect = child.getBoundingClientRect();
-				return finiteRect(rect) && rect.width > 0 && rect.height > 0 && Math.abs(rect.left - boundary.right) <= 1 && centerEdges.some((edge) => Math.abs(rect.right - edge) <= 1) && rect.top >= box.top - 1 && rect.top < box.bottom && Math.abs(rect.bottom - box.bottom) <= 1;
-			});
-			if (centers.length !== 1) return void 0;
-			return {
-				center: centers[0],
-				rightbar
-			};
-		}
-		//#endregion
-		//#region lib/client/dashboard/dashboard-overlay.js
-		const SIDEBAR_RESIZE_HANDLE_HALF_WIDTH = 4;
-		/** Reversible presentation only: leave the native React tree and Session alive. */
-		function concealDashboardBackground(element) {
-			const visibility = element.style.getPropertyValue("visibility");
-			const priority = element.style.getPropertyPriority("visibility");
-			const inert = element.getAttribute("inert");
-			const hidden = element.getAttribute("aria-hidden");
-			element.style.setProperty("visibility", "hidden");
-			element.setAttribute("inert", "");
-			element.setAttribute("aria-hidden", "true");
-			return () => {
-				if (element.style.getPropertyValue("visibility") === "hidden") if (visibility) element.style.setProperty("visibility", visibility, priority);
-				else element.style.removeProperty("visibility");
-				for (const [name, value] of [["inert", inert], ["aria-hidden", hidden]]) if (value === null) element.removeAttribute(name);
-				else element.setAttribute(name, value);
-			};
-		}
-		function isRightSidebarOpenFromDom(frame, rightbar) {
-			return !frame.hasAttribute("data-rightbar-collapsed") && rightbar instanceof HTMLElement && frame.contains(rightbar) && (rightbar.hasAttribute("data-sidebar-right-open") || rightbar.querySelector("[data-sidebar-right-open]") !== null);
-		}
-		/** Layout seam shared with the existing Sidebar overlay; fail closed on frame/center loss. */
-		function mountDashboardOverlay(surface, onPlacement, options) {
-			const overlay = surface.closest("[data-shell-overlay]");
-			const frame = overlay?.parentElement;
-			if (!overlay || !frame) {
-				onPlacement(void 0);
-				options?.onRightSidebarChange?.(false);
-				return () => {};
-			}
-			const hidden = /* @__PURE__ */ new Map();
-			let observed = [];
-			let scheduled;
-			let disposed = false;
-			let lastRightSidebarOpen;
-			const restore = () => {
-				for (const cleanup of hidden.values()) cleanup();
-				hidden.clear();
-			};
-			const schedule = () => {
-				if (disposed || scheduled !== void 0) return;
-				scheduled = requestAnimationFrame(() => {
-					scheduled = void 0;
-					update();
-				});
-			};
-			const resize = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(schedule);
-			const update = () => {
-				if (disposed) return;
-				const anchors = resolveAppFrame(surface);
-				const content = anchors?.frame === frame && anchors.overlay === overlay ? resolveFrameContent(frame, overlay, anchors.sidebar) : void 0;
-				const nextObserved = [
-					frame,
-					overlay,
-					...Array.from(frame.children),
-					...Array.from(frame.querySelectorAll("[data-rightbar-col]"))
-				];
-				for (const old of observed) if (!nextObserved.includes(old)) resize?.unobserve(old);
-				for (const next of nextObserved) if (!observed.includes(next)) resize?.observe(next);
-				observed = nextObserved;
-				if (!anchors || !content) {
-					restore();
-					onPlacement(void 0);
-					if (lastRightSidebarOpen) {
-						lastRightSidebarOpen = false;
-						options?.onRightSidebarChange?.(false);
-					}
-					return;
-				}
-				const { sidebar } = anchors;
-				const { center, rightbar } = content;
-				const box = overlay.getBoundingClientRect();
-				const boundary = sidebar.getBoundingClientRect();
-				const rightBoundary = rightbar instanceof HTMLElement ? rightbar.getBoundingClientRect().left : box.right;
-				const left = Math.max(0, boundary.right - box.left + SIDEBAR_RESIZE_HANDLE_HALF_WIDTH);
-				const width = Math.min(box.right, rightBoundary) - box.left - left;
-				if (width <= 0 || box.height <= 0) {
-					restore();
-					onPlacement(void 0);
-					return;
-				}
-				const centerBox = center.getBoundingClientRect();
-				const top = Math.max(0, centerBox.top - box.top);
-				const height = Math.min(box.bottom, centerBox.bottom) - box.top - top;
-				if (height <= 0) {
-					restore();
-					onPlacement(void 0);
-					return;
-				}
-				for (const [element, cleanup] of hidden) if (element !== center) {
-					cleanup();
-					hidden.delete(element);
-				}
-				if (!hidden.has(center)) hidden.set(center, concealDashboardBackground(center));
-				onPlacement({
-					left,
-					top,
-					width,
-					height
-				});
-				const isRightSidebarOpen = options?.isRightSidebarExpanded !== void 0 ? options.isRightSidebarExpanded() : isRightSidebarOpenFromDom(frame, rightbar);
-				if (lastRightSidebarOpen !== isRightSidebarOpen) {
-					lastRightSidebarOpen = isRightSidebarOpen;
-					options?.onRightSidebarChange?.(isRightSidebarOpen);
-				}
-			};
-			const mutation = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(schedule);
-			try {
-				mutation?.observe(frame, {
-					childList: true,
-					attributes: true,
-					subtree: true,
-					attributeFilter: [
-						"data-rightbar-collapsed",
-						"data-sidebar-right-open",
-						"data-sidebar-right-panel",
-						"data-rightbar-col",
-						"data-worktree-mode-action",
-						"data-pane",
-						"data-window-drag",
-						"data-shell-leading",
-						"data-shell-overlay"
-					]
-				});
-			} catch {
-				mutation?.observe(frame, { childList: true });
-			}
-			if (frame.parentElement) try {
-				mutation?.observe(frame.parentElement, { childList: true });
-			} catch {}
-			update();
-			return () => {
-				disposed = true;
-				resize?.disconnect();
-				mutation?.disconnect();
-				if (scheduled !== void 0) cancelAnimationFrame(scheduled);
-				restore();
-				if (lastRightSidebarOpen) {
-					lastRightSidebarOpen = false;
-					options?.onRightSidebarChange?.(false);
-				}
-			};
-		}
-		//#endregion
-		//#region lib/client/overlay/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 syncObservedElement(observer, previous, next) {
-			const nextElement = next ?? void 0;
-			if (previous === nextElement) return previous;
-			if (previous !== void 0) observer?.unobserve(previous);
-			if (nextElement !== void 0) observer?.observe(nextElement);
-			return nextElement;
-		}
-		function resolveNativeSidebarRoot(sidebar) {
-			const newSession = findNewSessionAnchor(sidebar);
-			const action = sidebar.querySelector("[data-worktree-mode-action]");
-			if (!newSession || !action) return void 0;
-			let candidate;
-			for (let root = newSession.parentElement; root; root = root.parentElement) {
-				const content = directChildWithin(root, newSession);
-				const footer = directChildWithin(root, action);
-				const rect = root.getBoundingClientRect();
-				if (content && footer && content !== footer) {
-					candidate ??= root;
-					if (rect.width > 0 && rect.height > 0) return root;
-				}
-				if (root === sidebar) break;
-			}
-			return candidate;
-		}
-		function findNewSessionAnchor(root) {
-			const labels = [
-				"新建会话",
-				"New session",
-				"新会话",
-				"New Session"
-			];
-			const buttons = Array.from(root.querySelectorAll("button")).filter((button) => {
-				let parent = button.parentElement;
-				while (parent && parent !== root) {
-					if (parent.hasAttribute("data-window-drag")) return false;
-					parent = parent.parentElement;
-				}
-				return true;
-			});
-			const visibleLabel = buttons.find((button) => {
-				const text = button.textContent?.trim();
-				if (!text) return false;
-				return text.startsWith("新会话") || text.startsWith("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 sidebarFooterCandidate(root) {
-			return directChildWithin(root, root.querySelector("[data-worktree-mode-action]"));
-		}
-		/** Resolve the footer slot semantically, then validate its content boundary. */
-		function resolveSidebarFooter(root, newSession) {
-			if (!newSession) return void 0;
-			const children = Array.from(root.children);
-			const content = directChildWithin(root, newSession);
-			const start = content === void 0 ? -1 : children.indexOf(content);
-			if (start < 0) return void 0;
-			const anchorRect = asRect(newSession);
-			const rootRect = asRect(root);
-			const candidate = sidebarFooterCandidate(root);
-			if (!candidate || children.indexOf(candidate) <= start) return void 0;
-			const rect = asRect(candidate);
-			return [
-				anchorRect.top,
-				anchorRect.bottom,
-				rootRect.top,
-				rootRect.bottom,
-				rect.top,
-				rect.bottom
-			].every(Number.isFinite) && anchorRect.bottom > anchorRect.top && rect.bottom > rect.top && rect.top >= anchorRect.bottom && rect.top >= rootRect.top && rect.bottom <= rootRect.bottom ? candidate : void 0;
-		}
-		/** Hide only the native content covered by the plugin, keeping chrome and footer alive. */
-		function coveredSidebarChildren(root, newSession, footer) {
-			if (!newSession || !footer) return [];
-			const first = directChildWithin(root, newSession);
-			const children = Array.from(root.children ?? []);
-			const start = first === void 0 ? -1 : children.indexOf(first);
-			const end = children.indexOf(footer);
-			if (start < 0 || end <= start) return [];
-			return children.slice(start, end).filter((element) => element instanceof HTMLElement);
-		}
-		function concealSidebarContent(element) {
-			const restore = concealDashboardBackground(element);
-			const opacity = element.style.getPropertyValue("opacity");
-			const priority = element.style.getPropertyPriority("opacity");
-			element.style.setProperty("opacity", "0");
-			return () => {
-				restore();
-				if (element.style.getPropertyValue("opacity") !== "0") return;
-				if (opacity) element.style.setProperty("opacity", opacity, priority);
-				else element.style.removeProperty("opacity");
-			};
-		}
-		function useSidebarOverlayGeometry(active) {
-			const ref = (0, react.useRef)(null);
-			const [width, setWidth] = (0, react.useState)(280);
-			const [bounds, setBounds] = (0, react.useState)(EMPTY_BOUNDS);
-			const [collapsed, setCollapsed] = (0, react.useState)(false);
-			const [nativeCovered, setNativeCovered] = (0, react.useState)(false);
-			(0, react.useLayoutEffect)(() => {
-				if (!active) {
-					setBounds(EMPTY_BOUNDS);
-					setNativeCovered(false);
-					return;
-				}
-				const surface = ref.current;
-				const overlay = surface?.closest("[data-shell-overlay]");
-				const frame = overlay?.parentElement;
-				if (!(overlay instanceof HTMLElement) || !frame || !surface) {
-					setBounds(EMPTY_BOUNDS);
-					return;
-				}
-				const overlayElement = overlay;
-				let frameHandle;
-				let disposed = false;
-				let observedNewSession;
-				let observedFooter;
-				let observedRoot;
-				let observedSidebar;
-				const hidden = /* @__PURE__ */ new Map();
-				function restore() {
-					for (const cleanup of hidden.values()) cleanup();
-					hidden.clear();
-				}
-				function update() {
-					if (disposed) return;
-					const anchors = resolveAppFrame(surface);
-					const sidebarElement = anchors?.sidebar;
-					const currentRoot = sidebarElement && resolveNativeSidebarRoot(sidebarElement);
-					observedSidebar = syncObservedElement(resizeObserver, observedSidebar, sidebarElement);
-					observedRoot = syncObservedElement(resizeObserver, observedRoot, currentRoot);
-					const nextWidth = sidebarElement?.getBoundingClientRect().width;
-					const nextCollapsed = frame?.hasAttribute("data-sidebar-collapsed") === true || nextWidth !== void 0 && nextWidth <= 64;
-					setCollapsed(nextCollapsed);
-					if (nextWidth !== void 0 && Number.isFinite(nextWidth)) setWidth(Math.max(0, nextWidth));
-					if (anchors?.frame !== frame || anchors?.overlay !== overlayElement || !(currentRoot instanceof HTMLElement) || !sidebarElement || nextWidth === void 0 || !Number.isFinite(nextWidth)) {
-						observedNewSession = syncObservedElement(resizeObserver, observedNewSession, void 0);
-						observedFooter = syncObservedElement(resizeObserver, observedFooter, void 0);
-						restore();
-						setNativeCovered(false);
-						setBounds(EMPTY_BOUNDS);
-						return;
-					}
-					const newSession = findNewSessionAnchor(currentRoot);
-					const footer = resolveSidebarFooter(currentRoot, newSession);
-					observedNewSession = syncObservedElement(resizeObserver, observedNewSession, newSession);
-					observedFooter = syncObservedElement(resizeObserver, observedFooter, sidebarFooterCandidate(currentRoot));
-					const nextBounds = computeOverlayBounds(asRect(overlayElement), newSession === void 0 ? void 0 : asRect(newSession), footer === void 0 ? void 0 : asRect(footer));
-					setBounds(nextCollapsed ? EMPTY_BOUNDS : nextBounds);
-					const covered = !nextCollapsed && nextBounds.ready && nextBounds.height > 0 ? coveredSidebarChildren(currentRoot, newSession, footer) : [];
-					for (const [element, cleanup] of hidden) if (!covered.includes(element)) {
-						cleanup();
-						hidden.delete(element);
-					}
-					for (const element of covered) if (!hidden.has(element)) hidden.set(element, concealSidebarContent(element));
-					setNativeCovered(covered.length > 0);
-				}
-				function scheduleUpdate() {
-					if (disposed || frameHandle !== void 0) return;
-					frameHandle = requestAnimationFrame(() => {
-						frameHandle = void 0;
-						update();
-					});
-				}
-				const resizeObserver = typeof ResizeObserver === "function" ? new ResizeObserver(scheduleUpdate) : void 0;
-				for (const element of [overlayElement, frame]) resizeObserver?.observe(element);
-				update();
-				const mutationObserver = typeof MutationObserver === "function" ? new MutationObserver(scheduleUpdate) : void 0;
-				mutationObserver?.observe(frame, {
-					childList: true,
-					subtree: true,
-					attributes: true,
-					attributeFilter: [
-						"data-sidebar-collapsed",
-						"data-worktree-mode-action",
-						"data-pane",
-						"data-shell-overlay",
-						"data-window-drag"
-					]
-				});
-				if (frame?.parentElement) mutationObserver?.observe(frame.parentElement, { childList: true });
-				return () => {
-					disposed = true;
-					resizeObserver?.disconnect();
-					mutationObserver?.disconnect();
-					if (frameHandle !== void 0) cancelAnimationFrame(frameHandle);
-					restore();
-				};
-			}, [active]);
-			return {
-				ref,
-				width,
-				bounds,
-				collapsed,
-				nativeCovered
+				collapsed,
+				bounds: {
+					ready: !collapsed && height > 0,
+					top: 0,
+					height
+				}
 			};
 		}
 		//#endregion
@@ -9739,7 +9510,13 @@ window.__ModuleLoader__.load({
 			const mode = effectiveViewMode(preferredMode, available && manager !== void 0);
 			const sessions = useSessions((state) => state);
 			const sessionStatuses = useSessionStatus?.((state) => state);
-			const workspaces = useWorkspaces((state) => state);
+			const nativeWorkspaces = useWorkspaces((state) => state);
+			const retainedWorkspaces = (0, react.useRef)();
+			const workspaces = (0, react.useMemo)(() => {
+				const next = retainPendingWorkspaces(retainedWorkspaces.current, nativeWorkspaces);
+				retainedWorkspaces.current = next;
+				return next;
+			}, [nativeWorkspaces]);
 			const forkRecoveryStore = forkRecovery ?? EMPTY_FORK_RECOVERY_STORE;
 			const forkRecoverySnapshot = (0, react.useSyncExternalStore)(forkRecoveryStore.subscribe, forkRecoveryStore.getSnapshot, forkRecoveryStore.getSnapshot);
 			const currentSessionId = currentSessionIdFromList(sessions);
@@ -9749,7 +9526,7 @@ window.__ModuleLoader__.load({
 			const expandSnapshot = (0, react.useSyncExternalStore)(expandState.subscribe, expandState.getSnapshot, expandState.getSnapshot);
 			const sessionOrderSnapshot = (0, react.useSyncExternalStore)(sessionOrder.subscribe, sessionOrder.getSnapshot, sessionOrder.getSnapshot);
 			const sessionPresentations = (0, react.useMemo)(() => deriveSessionPresentationIndex(sessions, sessionStatuses), [sessions.byId, sessionStatuses]);
-			const { ref, width, bounds, collapsed, nativeCovered } = useSidebarOverlayGeometry(mode === "worktree");
+			const { bounds, collapsed } = useWorkspaceRegionGeometry(props.sidebarSeat);
 			return {
 				preferredMode,
 				mode,
@@ -9763,11 +9540,8 @@ window.__ModuleLoader__.load({
 				expandSnapshot,
 				sessionOrderSnapshot,
 				sessionPresentations,
-				ref,
-				width,
 				bounds,
 				collapsed,
-				nativeCovered,
 				archivedSessionIds: workspaces.archivedSessionIds ?? []
 			};
 		}
@@ -10049,7 +9823,7 @@ window.__ModuleLoader__.load({
 		};
 		const defaultOpenInAppController = new OpenInAppController();
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/dashboard/open-in-app.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/dashboard/open-in-app.css.mjs
 		const css$4 = ".-cerbur-clutch-dsh-worktree-control {\n  display: inline-flex;\n  align-self: flex-end;\n}\n\n.-cerbur-clutch-dsh-worktree-split {\n  display: inline-flex;\n  align-items: stretch;\n  box-sizing: border-box;\n  height: 28px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 14px;\n  overflow: hidden;\n  font-family: var(--dsw-font-family);\n}\n\n.-cerbur-clutch-dsh-worktree-split .-cerbur-clutch-dsh-worktree-main,\n.-cerbur-clutch-dsh-worktree-split .-cerbur-clutch-dsh-worktree-chevron {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  border: 0;\n  background: none;\n  color: var(--dsw-alias-label-primary);\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 16px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-main {\n  padding: 5px 6px 5px 7px;\n}\n\n.-cerbur-clutch-dsh-worktree-main:hover:not(:disabled),\n.-cerbur-clutch-dsh-worktree-main:focus-visible,\n.-cerbur-clutch-dsh-worktree-chevron:hover,\n.-cerbur-clutch-dsh-worktree-chevron:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-main:disabled {\n  color: var(--dsw-alias-label-dimmed);\n  cursor: wait;\n}\n\n.-cerbur-clutch-dsh-worktree-main[data-state='error'] {\n  color: var(--dsw-alias-state-error-primary, #e03e3e);\n  box-shadow: inset 0 0 0 1px var(--dsw-alias-state-error-primary, #e03e3e);\n}\n\n.-cerbur-clutch-dsh-worktree-split .-cerbur-clutch-dsh-worktree-chevron {\n  padding: 5px 6px 5px 4px;\n  border-left: 0.5px solid var(--dsw-alias-border-l4);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.-cerbur-clutch-dsh-worktree-icon {\n  flex: none;\n}\n\n.-cerbur-clutch-dsh-worktree-split .-cerbur-clutch-dsh-worktree-icon {\n  width: 16px;\n  height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-split .-cerbur-clutch-dsh-worktree-chevron svg {\n  width: 12px;\n  height: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-fallback {\n  text-decoration: none;\n  align-self: flex-end;\n}\n\nimg.-cerbur-clutch-dsh-worktree-icon {\n  display: block;\n  object-fit: contain;\n  user-select: none;\n}\n";
 		const styleId$4 = "@cerbur/clutch-dsh-worktree/open-in-app.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/open-in-app.css\"]") === null) {
@@ -10251,6 +10025,206 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region lib/client/layout/app-frame.js
+		/** Public AppFrame anchors; never infer a column from sibling order or private classes. */
+		function directChildWithin(parent, anchor) {
+			let child = anchor;
+			while (child && child.parentElement !== parent) child = child.parentElement;
+			return child ?? void 0;
+		}
+		function resolveAppFrame(surface) {
+			const overlay = surface.closest("[data-shell-overlay]");
+			const frame = overlay?.parentElement;
+			if (!(overlay instanceof HTMLElement) || !frame || !overlay.isConnected) return void 0;
+			for (const selector of ["[data-worktree-mode-action]", "[data-pane=\"sidebar\"]"]) {
+				const columns = new Set(Array.from(frame.querySelectorAll(selector)).map((anchor) => directChildWithin(frame, anchor)).filter((column) => column instanceof HTMLElement && column !== overlay && !column.hasAttribute("data-shell-overlay") && !column.hasAttribute("data-rightbar-col") && !column.hasAttribute("data-shell-leading")));
+				if (columns.size > 1) return void 0;
+				const sidebar = columns.values().next().value;
+				if (sidebar) return {
+					overlay,
+					frame,
+					sidebar
+				};
+			}
+		}
+		function finiteRect(rect) {
+			return [
+				rect.left,
+				rect.right,
+				rect.top,
+				rect.bottom,
+				rect.width,
+				rect.height
+			].every(Number.isFinite);
+		}
+		function resolveFrameContent(frame, overlay, sidebar) {
+			const rightbars = Array.from(frame.querySelectorAll("[data-rightbar-col]")).filter((column) => directChildWithin(frame, column) !== overlay);
+			if (rightbars.length > 1) return void 0;
+			const column = rightbars[0];
+			const rightbar = frame.hasAttribute("data-rightbar-collapsed") ? void 0 : column;
+			const box = overlay.getBoundingClientRect();
+			const boundary = sidebar.getBoundingClientRect();
+			const columnRect = column?.getBoundingClientRect();
+			if (!finiteRect(box) || !finiteRect(boundary) || rightbar && columnRect && !finiteRect(columnRect)) return;
+			const centerEdges = [rightbar && columnRect ? columnRect.left : box.right];
+			if (!rightbar && columnRect && finiteRect(columnRect)) centerEdges.push(columnRect.left);
+			const excluded = column ? directChildWithin(frame, column) : void 0;
+			const centers = Array.from(frame.children).filter((child) => {
+				if (!(child instanceof HTMLElement) || child === sidebar || child === overlay || child === excluded || child.hasAttribute("data-shell-overlay") || child.hasAttribute("data-shell-leading") || child.hasAttribute("data-window-drag")) return false;
+				const rect = child.getBoundingClientRect();
+				return finiteRect(rect) && rect.width > 0 && rect.height > 0 && Math.abs(rect.left - boundary.right) <= 1 && centerEdges.some((edge) => Math.abs(rect.right - edge) <= 1) && rect.top >= box.top - 1 && rect.top < box.bottom && Math.abs(rect.bottom - box.bottom) <= 1;
+			});
+			if (centers.length !== 1) return void 0;
+			return {
+				center: centers[0],
+				rightbar
+			};
+		}
+		//#endregion
+		//#region lib/client/dashboard/dashboard-overlay.js
+		const SIDEBAR_RESIZE_HANDLE_HALF_WIDTH = 4;
+		/** Reversible presentation only: leave the native React tree and Session alive. */
+		function concealDashboardBackground(element) {
+			const visibility = element.style.getPropertyValue("visibility");
+			const priority = element.style.getPropertyPriority("visibility");
+			const inert = element.getAttribute("inert");
+			const hidden = element.getAttribute("aria-hidden");
+			element.style.setProperty("visibility", "hidden");
+			element.setAttribute("inert", "");
+			element.setAttribute("aria-hidden", "true");
+			return () => {
+				if (element.style.getPropertyValue("visibility") === "hidden") if (visibility) element.style.setProperty("visibility", visibility, priority);
+				else element.style.removeProperty("visibility");
+				for (const [name, value] of [["inert", inert], ["aria-hidden", hidden]]) if (value === null) element.removeAttribute(name);
+				else element.setAttribute(name, value);
+			};
+		}
+		function isRightSidebarOpenFromDom(frame, rightbar) {
+			return !frame.hasAttribute("data-rightbar-collapsed") && rightbar instanceof HTMLElement && frame.contains(rightbar) && (rightbar.hasAttribute("data-sidebar-right-open") || rightbar.querySelector("[data-sidebar-right-open]") !== null);
+		}
+		/** Layout seam shared with the existing Sidebar overlay; fail closed on frame/center loss. */
+		function mountDashboardOverlay(surface, onPlacement, options) {
+			const overlay = surface.closest("[data-shell-overlay]");
+			const frame = overlay?.parentElement;
+			if (!overlay || !frame) {
+				onPlacement(void 0);
+				options?.onRightSidebarChange?.(false);
+				return () => {};
+			}
+			const hidden = /* @__PURE__ */ new Map();
+			let observed = [];
+			let scheduled;
+			let disposed = false;
+			let lastRightSidebarOpen;
+			const restore = () => {
+				for (const cleanup of hidden.values()) cleanup();
+				hidden.clear();
+			};
+			const schedule = () => {
+				if (disposed || scheduled !== void 0) return;
+				scheduled = requestAnimationFrame(() => {
+					scheduled = void 0;
+					update();
+				});
+			};
+			const resize = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(schedule);
+			const update = () => {
+				if (disposed) return;
+				const anchors = resolveAppFrame(surface);
+				const content = anchors?.frame === frame && anchors.overlay === overlay ? resolveFrameContent(frame, overlay, anchors.sidebar) : void 0;
+				const nextObserved = [
+					frame,
+					overlay,
+					...Array.from(frame.children),
+					...Array.from(frame.querySelectorAll("[data-rightbar-col]"))
+				];
+				for (const old of observed) if (!nextObserved.includes(old)) resize?.unobserve(old);
+				for (const next of nextObserved) if (!observed.includes(next)) resize?.observe(next);
+				observed = nextObserved;
+				if (!anchors || !content) {
+					restore();
+					onPlacement(void 0);
+					if (lastRightSidebarOpen) {
+						lastRightSidebarOpen = false;
+						options?.onRightSidebarChange?.(false);
+					}
+					return;
+				}
+				const { sidebar } = anchors;
+				const { center, rightbar } = content;
+				const box = overlay.getBoundingClientRect();
+				const boundary = sidebar.getBoundingClientRect();
+				const rightBoundary = rightbar instanceof HTMLElement ? rightbar.getBoundingClientRect().left : box.right;
+				const left = Math.max(0, boundary.right - box.left + SIDEBAR_RESIZE_HANDLE_HALF_WIDTH);
+				const width = Math.min(box.right, rightBoundary) - box.left - left;
+				if (width <= 0 || box.height <= 0) {
+					restore();
+					onPlacement(void 0);
+					return;
+				}
+				const centerBox = center.getBoundingClientRect();
+				const top = Math.max(0, centerBox.top - box.top);
+				const height = Math.min(box.bottom, centerBox.bottom) - box.top - top;
+				if (height <= 0) {
+					restore();
+					onPlacement(void 0);
+					return;
+				}
+				for (const [element, cleanup] of hidden) if (element !== center) {
+					cleanup();
+					hidden.delete(element);
+				}
+				if (!hidden.has(center)) hidden.set(center, concealDashboardBackground(center));
+				onPlacement({
+					left,
+					top,
+					width,
+					height
+				});
+				const isRightSidebarOpen = options?.isRightSidebarExpanded !== void 0 ? options.isRightSidebarExpanded() : isRightSidebarOpenFromDom(frame, rightbar);
+				if (lastRightSidebarOpen !== isRightSidebarOpen) {
+					lastRightSidebarOpen = isRightSidebarOpen;
+					options?.onRightSidebarChange?.(isRightSidebarOpen);
+				}
+			};
+			const mutation = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(schedule);
+			try {
+				mutation?.observe(frame, {
+					childList: true,
+					attributes: true,
+					subtree: true,
+					attributeFilter: [
+						"data-rightbar-collapsed",
+						"data-sidebar-right-open",
+						"data-sidebar-right-panel",
+						"data-rightbar-col",
+						"data-worktree-mode-action",
+						"data-pane",
+						"data-window-drag",
+						"data-shell-leading",
+						"data-shell-overlay"
+					]
+				});
+			} catch {
+				mutation?.observe(frame, { childList: true });
+			}
+			if (frame.parentElement) try {
+				mutation?.observe(frame.parentElement, { childList: true });
+			} catch {}
+			update();
+			return () => {
+				disposed = true;
+				resize?.disconnect();
+				mutation?.disconnect();
+				if (scheduled !== void 0) cancelAnimationFrame(scheduled);
+				restore();
+				if (lastRightSidebarOpen) {
+					lastRightSidebarOpen = false;
+					options?.onRightSidebarChange?.(false);
+				}
+			};
+		}
+		//#endregion
 		//#region lib/client/dashboard/worktree-acquisition-facts.js
 		function selectWorktreeAcquisitionFacts(record) {
 			return {
@@ -10260,7 +10234,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/dashboard/dashboard.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/dashboard/dashboard.css.mjs
 		const css$3 = ".-cerbur-clutch-dsh-worktree-dashboardSurface {\n  position: absolute;\n  box-sizing: border-box;\n  z-index: 2;\n  overflow: auto;\n  overscroll-behavior: contain;\n  pointer-events: auto;\n  container-type: inline-size;\n  background: var(--dsw-alias-bg-base, #fff);\n  color: var(--dsw-alias-label-primary, #19212f);\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.-cerbur-clutch-dsh-worktree-dashboardSurface *,\n.-cerbur-clutch-dsh-worktree-dashboardSurface *::before,\n.-cerbur-clutch-dsh-worktree-dashboardSurface *::after {\n  box-sizing: border-box;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSurface button:not(.-cerbur-clutch-dsh-worktree-dashboardRefButton) {\n  font: inherit;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSurface svg {\n  width: 18px;\n  height: 18px;\n  flex: none;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSurface code {\n  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;\n  font-size: 12px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSurface button:focus-visible,\n.-cerbur-clutch-dsh-worktree-dashboardSurface a:focus-visible,\n.-cerbur-clutch-dsh-worktree-dashboardPanel:focus-visible {\n  outline: 2px solid #497cd4;\n  outline-offset: 3px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSurface h1:focus {\n  outline: none;\n}\n.-cerbur-clutch-dsh-worktree-dashboardPage {\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 24px 30px 28px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSessions {\n  list-style: none;\n  padding: 0;\n  margin: 12px 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSessions button {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 12px 8px;\n  border: 0;\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSessionLabel {\n  flex: 1;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSessionMeta {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 28px;\n  color: var(--dsw-alias-label-tertiary, #858e9d);\n}\n.-cerbur-clutch-dsh-worktree-dashboardChildPath {\n  display: block;\n  margin-top: 4px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #788191);\n  overflow-wrap: anywhere;\n}\n.-cerbur-clutch-dsh-worktree-dashboardChildState {\n  display: flex;\n  flex: none;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 4px;\n}\n\n.-cerbur-clutch-dsh-worktree-dashboardManageToolbar {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 20px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageToolbar label,\n.-cerbur-clutch-dsh-worktree-dashboardManageStopped {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageHint {\n  color: var(--dsw-alias-label-secondary, #788191);\n  font-size: 12px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageList,\n.-cerbur-clutch-dsh-worktree-dashboardManageResults,\n.-cerbur-clutch-dsh-worktree-dashboardManageConfirmList {\n  list-style: none;\n  padding: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageList label {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageList label:hover,\n.-cerbur-clutch-dsh-worktree-dashboardManageList label:has(input:checked) {\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageList label:has(input:focus-visible) {\n  outline: 2px solid #497cd4;\n  outline-offset: 2px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageList input,\n.-cerbur-clutch-dsh-worktree-dashboardManageToolbar input,\n.-cerbur-clutch-dsh-worktree-dashboardManageStopped input {\n  flex: none;\n  accent-color: var(--dsw-alias-brand-primary, #497cd4);\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageResults li,\n.-cerbur-clutch-dsh-worktree-dashboardManageConfirmList li {\n  padding: 8px 0;\n  overflow-wrap: anywhere;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageConfirmList {\n  max-height: 260px;\n  overflow: auto;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageConfirmList code {\n  display: block;\n  overflow-wrap: anywhere;\n}\n.-cerbur-clutch-dsh-worktree-dashboardManageResults [data-batch-result='failed'] {\n  color: var(--dsw-alias-label-error, #d34b4b);\n}\n.-cerbur-clutch-dsh-worktree-dashboardSessionStatus {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSessionTime {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 12px;\n  line-height: 20px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSessions button:hover,\n.-cerbur-clutch-dsh-worktree-dashboardSessions button[aria-current] {\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n}\n.-cerbur-clutch-dsh-worktree-dashboardSurface a {\n  text-decoration: none;\n}\n.-cerbur-clutch-dsh-worktree-dashboardStartActions button:not(:disabled) {\n  cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTopline {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px 20px;\n  min-height: 50px;\n  padding: 10px 20px;\n  border-bottom: 1px solid var(--dsw-alias-border-l3, #dfe3ea);\n  background: var(--dsw-alias-bg-base, #fff);\n  color: var(--dsw-alias-label-secondary, #677080);\n  font-size: 13px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTopline > span {\n  flex: 1 1 120px;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTopline > span > span {\n  margin: 0 8px;\n  opacity: 0.5;\n}\n.-cerbur-clutch-dsh-worktree-dashboardToplineActions {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  flex-shrink: 0;\n  align-items: center;\n  gap: 8px;\n  margin-inline-start: auto;\n  max-width: 100%;\n  -webkit-app-region: no-drag;\n}\n/* AppFrame's native reopen/New Session seat follows shell.-cerbur-clutch-dsh-worktree-overlay in DOM order.\n   Keep its existing actions above the Dashboard, with its published clearance\n   reserved in the title. This rule disappears as soon as the Dashboard closes. */\nhtml[data-platform='darwin']\n  [data-sidebar-collapsed]:has([data-worktree-dashboard], [data-worktree-dashboard-request])\n  > [data-shell-leading] {\n  z-index: 21;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSidebarButton {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 6px;\n  border: 0;\n  border-radius: 28px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, #677080);\n  cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSidebarButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n}\n.-cerbur-clutch-dsh-worktree-dashboardSidebarButton svg {\n  width: 15px;\n  height: 15px;\n  transform: scaleX(-1);\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeader {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.45fr);\n  gap: 32px;\n  margin-bottom: 15px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardIdentity {\n  min-width: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTitleRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTitleRow > svg {\n  width: 24px;\n  height: 24px;\n  color: #3e73ca;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTitleRow h1 {\n  font-size: 25px;\n  letter-spacing: -0.6px;\n  line-height: 1.3;\n  font-weight: 650;\n  margin: 0;\n  flex: 0 1 auto;\n  overflow: hidden;\n  min-width: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardRefButton {\n  display: block;\n  max-width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-dashboardHealth,\n.-cerbur-clutch-dsh-worktree-dashboardSoon {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  white-space: nowrap;\n  border-radius: 6px;\n  padding: 3px 7px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary, #687182);\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n}\n.-cerbur-clutch-dsh-worktree-dashboardHealth[data-health='ready'] {\n  background: color-mix(in srgb, #1eab78 13%, transparent);\n  color: #21976f;\n}\n.-cerbur-clutch-dsh-worktree-dashboardHealth[data-health='repair'],\n.-cerbur-clutch-dsh-worktree-dashboardHealth[data-health='recovery-needed'],\n.-cerbur-clutch-dsh-worktree-dashboardHealth[data-health='branch-drift'] {\n  background: color-mix(in srgb, #e7a839 14%, transparent);\n  color: #b27a1e;\n}\n.-cerbur-clutch-dsh-worktree-dashboardPath {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin-top: 12px;\n  color: var(--dsw-alias-label-secondary, #697283);\n}\n.-cerbur-clutch-dsh-worktree-dashboardPath code {\n  padding-top: 4px;\n  overflow-wrap: anywhere;\n  min-width: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFieldLabel {\n  font-size: 10px;\n  border: 1px solid var(--dsw-alias-border-l3, #e5e7ed);\n  border-radius: 4px;\n  padding: 2px 5px;\n  margin-top: 2px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardIconButton {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 29px;\n  height: 29px;\n  border: 0;\n  border-radius: 5px;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-dashboardIconButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n}\n.-cerbur-clutch-dsh-worktree-dashboardCopyStatus {\n  font-size: 12px;\n  margin: 4px 0 0;\n  min-height: 18px;\n  color: #21976f;\n}\n.-cerbur-clutch-dsh-worktree-dashboardCopyStatus[role='alert'] {\n  color: #bd5d43;\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeaderAside {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 8px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeaderAside > button,\n.-cerbur-clutch-dsh-worktree-dashboardHeaderAside > a {\n  align-self: flex-end;\n}\n.-cerbur-clutch-dsh-worktree-dashboardButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  padding: 6px 11px;\n  border: 1px solid var(--dsw-alias-border-l3, #dfe3ea);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base, #fff);\n  color: inherit;\n  white-space: nowrap;\n  cursor: pointer;\n  font-size: 12px !important;\n  line-height: 1.5;\n}\n.-cerbur-clutch-dsh-worktree-dashboardButton:disabled {\n  color: var(--dsw-alias-label-secondary, #737e8e);\n  cursor: not-allowed;\n}\n.-cerbur-clutch-dsh-worktree-dashboardButton:not(:disabled):hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f4f6f9);\n}\n.-cerbur-clutch-dsh-worktree-dashboardTabs {\n  display: flex;\n  gap: 22px;\n  overflow-x: auto;\n  border-bottom: 1px solid var(--dsw-alias-border-l3, #e1e5ed);\n  margin-bottom: 24px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTabs button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  gap: 8px;\n  padding: 12px 2px;\n  border: 0;\n  border-bottom: 2px solid transparent;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, #6c7480);\n  cursor: pointer;\n  font-size: 13px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTabs button[aria-selected='true'] {\n  color: #4276c8;\n  border-bottom-color: #4276c8;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTabs svg {\n  width: 16px;\n  height: 16px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardPanel {\n  min-width: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardGrid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);\n  gap: 20px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardColumn {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  min-width: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardCard,\n.-cerbur-clutch-dsh-worktree-dashboardStart {\n  padding: 20px;\n  border: 1px solid var(--dsw-alias-border-l3, #e5e8ef);\n  border-radius: 11px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardCard h2,\n.-cerbur-clutch-dsh-worktree-dashboardStart h2 {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-size: 16px;\n  font-weight: 620;\n  line-height: 1.4;\n  margin: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardCard p,\n.-cerbur-clutch-dsh-worktree-dashboardStart > p {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #7b8290);\n  margin: 8px 0 15px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardCardHeading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 7px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardStart {\n  background: linear-gradient(\n    115deg,\n    color-mix(in srgb, #6b9eff 9%, transparent),\n    color-mix(in srgb, #6b9eff 3%, transparent)\n  );\n}\n.-cerbur-clutch-dsh-worktree-dashboardStart h2 > svg {\n  color: #477bc6;\n}\n.-cerbur-clutch-dsh-worktree-dashboardStartActions {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 13px;\n  margin-top: 23px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardStartActions button {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 18px 14px;\n  text-align: left;\n  border: 1px solid color-mix(in srgb, #7299e7 28%, transparent);\n  border-radius: 8px;\n  background: color-mix(in srgb, #6b9eff 5%, transparent);\n  color: #4673bc;\n  cursor: not-allowed;\n  min-width: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardStartActions button:nth-child(2) {\n  color: #38846e;\n  border-color: color-mix(in srgb, #4fba9a 25%, transparent);\n  background: color-mix(in srgb, #4fba9a 5%, transparent);\n}\n.-cerbur-clutch-dsh-worktree-dashboardStartActions svg {\n  width: 23px;\n  height: 23px;\n  margin-top: 3px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardStartActions strong {\n  display: block;\n  font-size: 14px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardStartActions small {\n  display: block;\n  margin-top: 6px;\n  line-height: 1.6;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #69788a);\n}\n.-cerbur-clutch-dsh-worktree-dashboardStartActions em {\n  display: block;\n  font-size: 10px;\n  font-style: normal;\n  margin-top: 10px;\n  opacity: 0.75;\n}\n.-cerbur-clutch-dsh-worktree-dashboardInstructionPlaceholder {\n  padding: 26px 20px;\n  min-height: 177px;\n  border: 1px dashed var(--dsw-alias-border-l3, #dfe4ed);\n  border-radius: 7px;\n  background: var(--dsw-alias-interactive-bg-hover, #f7f8fa);\n  text-align: center;\n}\n.-cerbur-clutch-dsh-worktree-dashboardInstructionPlaceholder > svg {\n  display: block;\n  margin: 0 auto 10px;\n  width: 25px;\n  height: 25px;\n  color: #929cac;\n}\n.-cerbur-clutch-dsh-worktree-dashboardInstructionPlaceholder strong {\n  font-size: 13px;\n  font-weight: 500;\n}\n.-cerbur-clutch-dsh-worktree-dashboardInstructionPlaceholder p {\n  max-width: 310px;\n  margin: 7px auto 12px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardEmpty {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  min-height: 78px;\n  padding: 10px 8px;\n  text-align: center;\n}\n.-cerbur-clutch-dsh-worktree-dashboardEmpty p {\n  max-width: 300px;\n  margin: 0;\n  line-height: 1.7;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFacts {\n  margin: 8px 0 14px;\n  font-size: 12px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFacts > div {\n  display: grid;\n  grid-template-columns: minmax(70px, 0.65fr) minmax(0, 1fr);\n  gap: 12px;\n  align-items: center;\n  padding: 11px 0;\n  border-bottom: 1px solid var(--dsw-alias-border-l3, #eef0f5);\n}\n.-cerbur-clutch-dsh-worktree-dashboardFacts > div:last-child {\n  border: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFacts dt {\n  grid-column: 1;\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary, #788191);\n  /* Prefer normal break points (including trailing `/` and `-`) first. */\n  overflow-wrap: break-word;\n  word-break: normal;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFacts dd {\n  grid-column: 2;\n  min-width: 0;\n  margin: 0;\n  text-align: right;\n  /* Only split an unbreakable value after natural opportunities are exhausted. */\n  overflow-wrap: break-word;\n  word-break: normal;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFacts > div:has(.-cerbur-clutch-dsh-worktree-dashboardFactAction > *) {\n  grid-template-columns: minmax(70px, 0.65fr) minmax(0, 1fr) 29px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFacts dd > span {\n  max-width: 100%;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFactAction {\n  display: flex;\n  grid-column: 3;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 29px;\n  min-height: 29px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFactAction:empty { display: none; }\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts > div,\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts > div:has(.-cerbur-clutch-dsh-worktree-dashboardFactAction > *) {\n  grid-template-columns: minmax(60px, 0.55fr) minmax(0, 1fr) 26px;\n  gap: 8px;\n  min-height: 34px;\n  padding: 3px 0;\n  border: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts time {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary, #687182);\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts .-cerbur-clutch-dsh-worktree-dashboardFactAction {\n  min-width: 26px;\n  min-height: 26px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts .-cerbur-clutch-dsh-worktree-dashboardIconButton {\n  width: 26px;\n  height: 26px;\n  border-radius: 6px;\n  color: var(--dsw-alias-label-tertiary, #858e9d);\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts .-cerbur-clutch-dsh-worktree-dashboardIconButton:hover,\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts .-cerbur-clutch-dsh-worktree-dashboardIconButton:focus-visible {\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #19212f);\n}\n.-cerbur-clutch-dsh-worktree-dashboardHeaderFacts .-cerbur-clutch-dsh-worktree-dashboardIconButton svg {\n  width: 14px;\n  height: 14px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardHistorical {\n  color: var(--dsw-alias-label-secondary, #788191);\n}\n.-cerbur-clutch-dsh-worktree-dashboardSyncOptions {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSyncOptions p {\n  margin: 0;\n  overflow-wrap: anywhere;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSyncOptions label {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-dashboardSyncOptions input {\n  margin-top: 4px;\n  accent-color: var(--dsw-alias-text-link, #3e73ca);\n}\n.-cerbur-clutch-dsh-worktree-dashboardSyncOptions small {\n  display: block;\n  margin-top: 4px;\n  color: var(--dsw-alias-label-secondary, #788191);\n}\n.-cerbur-clutch-dsh-worktree-dashboardBaseLink {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  max-width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #19212f);\n  text-align: left;\n  cursor: pointer;\n}\n.-cerbur-clutch-dsh-worktree-dashboardBaseLink > span {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n.-cerbur-clutch-dsh-worktree-dashboardBaseLink svg {\n  width: 14px;\n  height: 14px;\n  color: var(--dsw-alias-label-tertiary, #858e9d);\n}\n.-cerbur-clutch-dsh-worktree-dashboardBaseLink:hover,\n.-cerbur-clutch-dsh-worktree-dashboardBaseLink:focus-visible {\n  color: var(--dsw-alias-text-link, #3e73ca);\n}\n.-cerbur-clutch-dsh-worktree-dashboardBaseLink:hover svg,\n.-cerbur-clutch-dsh-worktree-dashboardBaseLink:focus-visible svg {\n  color: inherit;\n}\n.-cerbur-clutch-dsh-worktree-dashboardIconButton:disabled {\n  color: var(--dsw-alias-label-secondary, #788191);\n  cursor: not-allowed;\n}\n.-cerbur-clutch-dsh-worktree-dashboardBaselineModal {\n  box-sizing: border-box;\n  width: min(440px, calc(100vw - 48px));\n  max-height: calc(100vh - 48px);\n  max-height: calc(100dvh - 48px);\n}\n.-cerbur-clutch-dsh-worktree-dashboardBaselineModalContent {\n  box-sizing: border-box;\n  min-height: 0;\n  overflow-y: auto;\n}\n.-cerbur-clutch-dsh-worktree-dashboardBaselinePicker {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: 100%;\n  min-width: 0;\n}\n.-cerbur-clutch-dsh-worktree-dashboardLink {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  width: 100%;\n  background: transparent;\n  border: 1px solid var(--dsw-alias-border-l3, #e2e6ed);\n  border-radius: 6px;\n  padding: 7px 10px;\n  font-size: 12px !important;\n  color: inherit;\n  cursor: pointer;\n  margin-top: 8px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardLink:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f5f7fa);\n}\n.-cerbur-clutch-dsh-worktree-dashboardQuickActions {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardQuickActions .-cerbur-clutch-dsh-worktree-dashboardButton {\n  justify-content: flex-start;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTabPlaceholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 390px;\n  padding: 40px 24px;\n  text-align: center;\n  border: 1px dashed var(--dsw-alias-border-l3, #dde3ec);\n  border-radius: 11px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTabPlaceholder > svg {\n  width: 36px;\n  height: 36px;\n  color: #7c9bcf;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTabPlaceholder h2 {\n  font-size: 20px;\n  font-weight: 600;\n  margin: 16px 0 4px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardTabPlaceholder p {\n  max-width: 420px;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary, #7b8596);\n  margin: 8px 0 18px;\n}\n.-cerbur-clutch-dsh-worktree-dashboardFooter {\n  margin: 23px 0 0;\n  text-align: center;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary, #8a92a0);\n}\n\n@container (max-width: 820px) {\n  .-cerbur-clutch-dsh-worktree-dashboardPage {\n    padding: 20px;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardHeader {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardHeaderAside {\n    display: flex;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardGrid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardTabs {\n    gap: 18px;\n  }\n}\n\n@container (max-width: 440px) {\n  .-cerbur-clutch-dsh-worktree-dashboardManageList label {\n    display: grid;\n    grid-template-columns: auto auto minmax(0, 1fr);\n    gap: 8px;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardManageList .-cerbur-clutch-dsh-worktree-dashboardChildState {\n    grid-column: 3;\n    align-items: flex-start;\n    flex-direction: row;\n    flex-wrap: wrap;\n    min-width: 0;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardManageList .-cerbur-clutch-dsh-worktree-dashboardHealth {\n    white-space: normal;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardPage {\n    padding: 16px 12px;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardTitleRow h1 {\n    font-size: 22px;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardStartActions {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardCard,\n  .-cerbur-clutch-dsh-worktree-dashboardStart {\n    padding: 16px;\n  }\n  .-cerbur-clutch-dsh-worktree-dashboardTopline {\n    gap: 10px;\n  }\n}\n.-cerbur-clutch-dsh-worktree-dashboardInstructionsText {\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  max-height: 240px;\n  overflow: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-dashboardInstructionsInput {\n  box-sizing: border-box;\n  width: 100%;\n  resize: vertical;\n  padding: 10px;\n  border: 1px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n}\n\n.-cerbur-clutch-dsh-worktree-dashboardInstructionActions {\n  display: flex;\n  gap: 8px;\n  margin-top: 8px;\n}\n";
 		const styleId$3 = "@cerbur/clutch-dsh-worktree/dashboard.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/dashboard.css\"]") === null) {
@@ -10572,7 +10546,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/dashboard/git/worktree-git.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/dashboard/git/worktree-git.css.mjs
 		const css$2 = ".-cerbur-clutch-dsh-worktree-gitPanel {\n  min-width: 0;\n  min-height: 0;\n}\n.-cerbur-clutch-dsh-worktree-gitCommitStats {\n  display: inline-flex;\n  gap: 8px;\n  color: var(--dsw-alias-label-secondary, #677080);\n  font-variant-numeric: tabular-nums;\n}\n.-cerbur-clutch-dsh-worktree-gitFileRow {\n  display: flex;\n  min-width: 0;\n}\n.-cerbur-clutch-dsh-worktree-gitFileRow > button:first-child { flex: 1; min-width: 0; }\n.-cerbur-clutch-dsh-worktree-gitFileRow > .-cerbur-clutch-dsh-worktree-gitFileOpen { width: 28px; min-width: 28px; flex: none; padding: 4px; opacity: 0; }\n.-cerbur-clutch-dsh-worktree-gitFileRow > .-cerbur-clutch-dsh-worktree-gitFileOpen svg { width: 14px; height: 14px; }\n.-cerbur-clutch-dsh-worktree-gitFileRow:hover > .-cerbur-clutch-dsh-worktree-gitFileOpen,\n.-cerbur-clutch-dsh-worktree-gitFileRow:focus-within > .-cerbur-clutch-dsh-worktree-gitFileOpen { opacity: 1; }\n\n.-cerbur-clutch-dsh-worktree-gitPanelHeader {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 18px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitPanelHeader h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 620;\n}\n\n.-cerbur-clutch-dsh-worktree-gitPanelHeading {\n  min-width: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselineSelector {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselinePrompt {\n  padding: 22px;\n  border: 1px dashed var(--dsw-alias-border-l3, #dfe3ea);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-base, #fff);\n  color: var(--dsw-alias-label-secondary, #6f7887);\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselinePrompt strong {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--dsw-alias-label-primary, #273142);\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselinePrompt p {\n  margin: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselineFacts {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 20px;\n  margin: 10px 0 0;\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselineFacts > div {\n  display: flex;\n  gap: 6px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselineFacts dt::after {\n  content: ':';\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselineFacts dd {\n  margin: 0;\n  color: var(--dsw-alias-label-primary, #273142);\n}\n\n.-cerbur-clutch-dsh-worktree-gitBaselineFacts code {\n  margin-left: 4px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDerived {\n  margin-left: 7px;\n  color: var(--dsw-alias-state-warn-label, #9a6e22);\n}\n\n.-cerbur-clutch-dsh-worktree-gitRefresh {\n  flex: none;\n  padding: 6px 11px;\n  border: 1px solid var(--dsw-alias-border-l3, #dfe3ea);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base, #fff);\n  color: inherit;\n  cursor: pointer;\n  font-size: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitRefresh:disabled {\n  color: var(--dsw-alias-label-secondary, #7d8795);\n  cursor: wait;\n}\n\n/*\n * One 3x3 grid carries both layouts: commit and changed-file panes sit around a\n * row divider, the diff sits beside them across a column divider. Wide layouts\n * place the stack in the left column, narrow layouts place all three panes on\n * three rows. Both shares are custom properties the dividers drag, and both are\n * clamped so each pane keeps a usable size.\n */\n.-cerbur-clutch-dsh-worktree-gitColumns {\n  /* Keep the Git surface bounded by the viewport, never by its data volume. */\n  --git-columns-height: clamp(360px, calc(100vh - 300px), 560px);\n  --git-columns-height: clamp(360px, calc(100dvh - 300px), 560px);\n  /* Leading-pane shares: the row divider and the column divider drag these. */\n  --git-rows-top: 45%;\n  --git-columns-left: 38%;\n  display: grid;\n  grid-template-columns:\n    minmax(240px, min(var(--git-columns-left), calc(100% - 247px)))\n    7px\n    minmax(240px, 1fr);\n  grid-template-rows:\n    minmax(140px, min(var(--git-rows-top), calc(100% - 147px)))\n    7px\n    minmax(140px, 1fr);\n  height: var(--git-columns-height);\n  min-height: 0;\n  border: 1px solid var(--dsw-alias-border-l3, #e5e8ef);\n  border-radius: 10px;\n  overflow: hidden;\n  resize: none;\n}\n\n/* Wide: commits over changed files in the left column, diff down the right column. */\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-pane='commits'] {\n  grid-area: 1 / 1;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='rows'] {\n  grid-area: 2 / 1;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-pane='changed-files'] {\n  grid-area: 3 / 1;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='columns'] {\n  grid-area: 1 / 2 / -1 / 3;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-pane='diff'] {\n  grid-area: 1 / 3 / -1 / -1;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnSplitter {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--dsw-alias-bg-base, #fff);\n  touch-action: none;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnSplitter::before {\n  content: '';\n  border-radius: 999px;\n  background: var(--dsw-alias-border-l2, #cbd2dc);\n  transition: background 0.15s ease;\n}\n\n/* Widen the grab area without moving the visible divider line. */\n.-cerbur-clutch-dsh-worktree-gitColumnSplitter::after {\n  content: '';\n  position: absolute;\n}\n\n/* Both divider panes draw a full border box, so the pane above and the pane below\n   (or the pane left and the pane right) are each closed by their own edge. */\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='rows'] {\n  box-sizing: border-box;\n  height: 7px;\n  cursor: row-resize;\n  border-top: 1px solid var(--dsw-alias-border-l3, #e5e8ef);\n  border-bottom: 1px solid var(--dsw-alias-border-l3, #e5e8ef);\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='rows']::before {\n  width: 30px;\n  height: 2px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='rows']::after {\n  inset: -3px 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='columns'] {\n  box-sizing: border-box;\n  width: 7px;\n  cursor: col-resize;\n  border-left: 1px solid var(--dsw-alias-border-l3, #e5e8ef);\n  border-right: 1px solid var(--dsw-alias-border-l3, #e5e8ef);\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='columns']::before {\n  width: 2px;\n  height: 30px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='columns']::after {\n  inset: 0 -3px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnSplitter:hover::before,\n.-cerbur-clutch-dsh-worktree-gitColumnSplitter:focus-visible::before,\n.-cerbur-clutch-dsh-worktree-gitColumnSplitter[data-dashboard-git-splitting='true']::before {\n  background: var(--dsw-alias-state-business-primary, #467bc8);\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnSplitter:focus-visible {\n  outline: 2px solid #497cd4;\n  outline-offset: -2px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumn {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--dsw-alias-bg-base, #fff);\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnHeader {\n  display: flex;\n  flex: none;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 8px;\n  min-height: 43px;\n  padding: 12px 13px 9px;\n  border-bottom: 1px solid var(--dsw-alias-border-l3, #edf0f4);\n  color: var(--dsw-alias-label-secondary, #6f7887);\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnHeader h3 {\n  margin: 0;\n  color: var(--dsw-alias-label-primary, #273142);\n  font-size: 12px;\n  font-weight: 620;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnHeader span,\n.-cerbur-clutch-dsh-worktree-gitColumnHeader code {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 10px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnHeaderMeta {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnHeader .-cerbur-clutch-dsh-worktree-gitLineStats,\n.-cerbur-clutch-dsh-worktree-gitColumnHeader .-cerbur-clutch-dsh-worktree-gitLineStats > span {\n  overflow: visible;\n  text-overflow: clip;\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitColumnHeaderUnknown {\n  color: var(--dsw-alias-label-tertiary, #8a94a3);\n}\n\n/* Right side of the commits header: the truncation note and the multi-select switch. */\n.-cerbur-clutch-dsh-worktree-gitColumnHeaderControls {\n  display: flex;\n  min-width: 0;\n  align-self: center;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n/*\n * A native checkbox owns the state, focus and keyboard behavior; the track and\n * thumb below are presentational and follow :checked through the sibling selector.\n */\n.-cerbur-clutch-dsh-worktree-gitCommitMultiSelect {\n  position: relative;\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMultiSelect input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n  border: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMultiSelectTrack {\n  position: relative;\n  display: block;\n  flex: none;\n  width: 24px;\n  height: 14px;\n  border-radius: 999px;\n  background: var(--dsw-alias-border-l2, #cbd2dc);\n  transition: background 0.15s ease;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMultiSelectThumb {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: var(--dsw-alias-bg-base, #fff);\n  box-shadow: 0 1px 2px rgb(15 23 42 / 25%);\n  transition: transform 0.15s ease;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMultiSelect input:checked + .-cerbur-clutch-dsh-worktree-gitCommitMultiSelectTrack {\n  background: var(--dsw-alias-state-business-primary, #467bc8);\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMultiSelect input:checked + .-cerbur-clutch-dsh-worktree-gitCommitMultiSelectTrack .-cerbur-clutch-dsh-worktree-gitCommitMultiSelectThumb {\n  transform: translateX(10px);\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMultiSelect input:focus-visible + .-cerbur-clutch-dsh-worktree-gitCommitMultiSelectTrack {\n  outline: 2px solid #497cd4;\n  outline-offset: 2px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryButton {\n  display: flex;\n  width: calc(100% - 10px);\n  flex-direction: column;\n  gap: 3px;\n  margin: 5px;\n  padding: 8px;\n  border: 1px solid var(--dsw-alias-border-l3, #dfe3ea);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base, #fff);\n  color: var(--dsw-alias-label-primary, #273142);\n  text-align: left;\n  cursor: pointer;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryButton:hover,\n.-cerbur-clutch-dsh-worktree-gitSummaryButton[aria-pressed='true'] {\n  border-color: var(--dsw-alias-state-business-primary, #467bc8);\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryButton span {\n  font-size: 12px;\n  font-weight: 620;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryButton small {\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 10px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryToggle {\n  display: flex;\n  align-items: flex-start;\n  gap: 7px;\n  width: calc(100% - 20px);\n  margin: 3px 10px 8px;\n  color: var(--dsw-alias-label-primary, #273142);\n  cursor: pointer;\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryToggle input {\n  flex: none;\n  margin: 2px 0 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryToggle span {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryToggle strong {\n  font-weight: 560;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryToggle small {\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 10px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSummaryToggle input:disabled,\n.-cerbur-clutch-dsh-worktree-gitSummaryToggle:has(input:disabled) {\n  cursor: wait;\n  opacity: 0.65;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSelectionToolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 5px 10px;\n  border-bottom: 1px solid var(--dsw-alias-border-l3, #edf0f4);\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 10px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSelectionToolbar button {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-state-business-primary, #467bc8);\n  cursor: pointer;\n  font: inherit;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitList,\n.-cerbur-clutch-dsh-worktree-gitChangedFileList {\n  display: block;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  scrollbar-gutter: stable;\n  list-style: none;\n  padding: 5px;\n  margin: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitChangedFileList {\n  overflow-x: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-gitChangedFileList > li,\n.-cerbur-clutch-dsh-worktree-gitChangedFileList .-cerbur-clutch-dsh-worktree-gitFolderChildren,\n.-cerbur-clutch-dsh-worktree-gitChangedFileList .-cerbur-clutch-dsh-worktree-gitFolderChildren > li {\n  width: max-content;\n  min-width: 100%;\n}\n\n.-cerbur-clutch-dsh-worktree-gitFolderChildren {\n  list-style: none;\n  padding: 0 0 0 12px;\n  margin: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitChangedFileList .-cerbur-clutch-dsh-worktree-gitFolderButton {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 8px;\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 11px;\n  font-weight: 620;\n}\n\n.-cerbur-clutch-dsh-worktree-gitChangedFileList .-cerbur-clutch-dsh-worktree-gitFolderButton:hover,\n.-cerbur-clutch-dsh-worktree-gitChangedFileList .-cerbur-clutch-dsh-worktree-gitFolderButton:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n  color: var(--dsw-alias-label-primary, #273142);\n}\n\n.-cerbur-clutch-dsh-worktree-gitFolderIcon {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  color: var(--dsw-alias-label-secondary, #6f7887);\n}\n\n.-cerbur-clutch-dsh-worktree-gitFolderIcon > svg {\n  width: 16px;\n  height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitFolderName {\n  min-width: max-content;\n  overflow: visible;\n  text-overflow: clip;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitList button,\n.-cerbur-clutch-dsh-worktree-gitChangedFileList button {\n  display: block;\n  border: 0;\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitList button {\n  display: grid;\n  width: 100%;\n  grid-template-columns: 15px minmax(0, 1fr);\n  padding: 9px 8px;\n}\n\n/* Without the multi-select marks a row has a single column, so the subject and meta align with it. */\n.-cerbur-clutch-dsh-worktree-gitCommitList[data-dashboard-git-commit-multiselect='off'] button {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitList[data-dashboard-git-commit-multiselect='off'] .-cerbur-clutch-dsh-worktree-gitCommitSubject,\n.-cerbur-clutch-dsh-worktree-gitCommitList[data-dashboard-git-commit-multiselect='off'] .-cerbur-clutch-dsh-worktree-gitCommitMeta {\n  grid-column: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitSelectionMark {\n  grid-row: 1 / span 2;\n  color: var(--dsw-alias-state-business-primary, #467bc8);\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitList button:hover,\n.-cerbur-clutch-dsh-worktree-gitCommitList button[aria-selected='true'],\n.-cerbur-clutch-dsh-worktree-gitChangedFileList button:hover,\n.-cerbur-clutch-dsh-worktree-gitChangedFileList button[aria-selected='true'] {\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitList button[aria-selected='true'] {\n  box-shadow: inset 2px 0 var(--dsw-alias-state-business-primary, #467bc8);\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitList button[data-dashboard-git-commit-kind='working-tree'] {\n  background: var(--dsw-alias-state-warn-tertiary, #f8f5ed);\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitList button[data-dashboard-git-commit-kind='working-tree'][aria-selected='true'] {\n  box-shadow: inset 2px 0 var(--dsw-alias-state-warn-primary, #b18435);\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitSubject {\n  grid-column: 2;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMeta {\n  grid-column: 2;\n  display: flex;\n  gap: 7px;\n  margin-top: 4px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-secondary, #7c8594);\n  font-size: 10px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMeta span,\n.-cerbur-clutch-dsh-worktree-gitCommitMeta time {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitMeta time {\n  margin-left: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-gitCommitWorkingTree {\n  color: var(--dsw-alias-state-warn-label, #8a6728);\n  font-weight: 620;\n}\n\n.-cerbur-clutch-dsh-worktree-gitChangedFileList button {\n  display: flex;\n  width: max-content;\n  min-width: 100%;\n  box-sizing: border-box;\n  align-items: flex-start;\n  gap: 7px;\n  padding: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitFileIcon {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  color: var(--dsw-alias-label-secondary, #6f7887);\n}\n\n.-cerbur-clutch-dsh-worktree-gitFileIconGlyph {\n  width: 16px;\n  height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitFilePath {\n  min-width: max-content;\n  flex: 0 0 auto;\n  overflow: visible;\n  text-overflow: clip;\n  white-space: nowrap;\n  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitFilePath[data-status='added'] {\n  color: var(--dsw-alias-state-success-primary, #23845f);\n}\n\n.-cerbur-clutch-dsh-worktree-gitFilePath[data-status='deleted'] {\n  color: var(--dsw-alias-state-error-secondary, #bd5d55);\n}\n\n.-cerbur-clutch-dsh-worktree-gitFilePath[data-status='modified'],\n.-cerbur-clutch-dsh-worktree-gitFilePath[data-status='renamed'],\n.-cerbur-clutch-dsh-worktree-gitFilePath[data-status='copied'],\n.-cerbur-clutch-dsh-worktree-gitFilePath[data-status='type-changed'] {\n  color: var(--dsw-alias-state-business-primary, #467bc8);\n}\n\n.-cerbur-clutch-dsh-worktree-gitFileContributors {\n  flex: none;\n  max-width: 9em;\n  overflow: hidden;\n  color: var(--dsw-alias-label-tertiary, #65758d);\n  font-size: 9px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-gitLineStats {\n  display: inline-flex;\n  flex: none;\n  gap: 6px;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-gitChangedFileList .-cerbur-clutch-dsh-worktree-gitLineStats {\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitLineAdded {\n  color: var(--dsw-alias-state-success-primary, #23845f);\n  font-weight: 620;\n}\n\n.-cerbur-clutch-dsh-worktree-gitLineRemoved {\n  color: var(--dsw-alias-state-error-secondary, #bd5d55);\n  font-weight: 620;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffContainer {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffToolbar {\n  display: flex;\n  flex: none;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 12px;\n  border-bottom: 1px solid var(--dsw-alias-border-l3, #edf0f4);\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 11px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffPath {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;\n  color: var(--dsw-alias-label-primary, #263342);\n  font-weight: 560;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffOpenInSidebar {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 8px;\n  border: 1px solid var(--dsw-alias-border-l3, #dfe3ea);\n  border-radius: 4px;\n  background: var(--dsw-alias-bg-base, #ffffff);\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 11px;\n  line-height: 16px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n/* The square 16px arrow keeps its aspect ratio; pin the box so it centers on the label. */\n.-cerbur-clutch-dsh-worktree-gitDiffOpenIcon {\n  flex: none;\n  width: 14px;\n  height: 14px;\n  color: var(--dsw-alias-label-tertiary, #8a94a3);\n  transition: color 0.15s ease;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffOpenInSidebar:hover {\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n  color: var(--dsw-alias-label-primary, #263342);\n  border-color: var(--dsw-alias-border-l2, #cbd2dc);\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffOpenInSidebar:hover .-cerbur-clutch-dsh-worktree-gitDiffOpenIcon {\n  color: var(--dsw-alias-label-primary, #263342);\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiff {\n  display: block;\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n  overflow: auto;\n  padding: 7px 0 12px;\n  background: var(--dsw-alias-markdown-code-block, #fafbfc);\n  color: var(--dsw-alias-label-primary, #263342);\n  font: 11px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffSegment {\n  margin-bottom: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffSegmentHeader {\n  padding: 5px 12px;\n  border-bottom: 1px solid var(--dsw-alias-border-l3, #e5e8ef);\n  background: var(--dsw-alias-interactive-bg-hover, #f1f3f6);\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 10px;\n  font-weight: 620;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffSegmentHeader code {\n  color: var(--dsw-alias-label-primary, #273142);\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffHunk {\n  margin-bottom: 10px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffHunkHeader {\n  padding: 3px 12px;\n  background: var(--dsw-alias-markdown-code-block-banner, #edf3fb);\n  color: var(--dsw-alias-state-business-primary, #4a70a1);\n  box-shadow: inset 0 1px 0 var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.04)), inset 0 -1px 0 var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.04));\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffLine {\n  display: grid;\n  grid-template-columns: 44px 44px minmax(0, 1fr);\n  min-width: max-content;\n  padding-right: 12px;\n  white-space: pre;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffLineadd {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-state-success-primary, #23845f) 18%,\n    var(--dsw-alias-markdown-code-block, #fafbfc)\n  );\n  box-shadow: inset 2px 0 var(--dsw-alias-state-success-primary, #23845f);\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffLinedelete {\n  background: color-mix(\n    in srgb,\n    var(--dsw-alias-state-error-secondary, #bd5d55) 18%,\n    var(--dsw-alias-markdown-code-block, #fafbfc)\n  );\n  box-shadow: inset 2px 0 var(--dsw-alias-state-error-secondary, #bd5d55);\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffLineNumber {\n  padding-right: 8px;\n  color: var(--dsw-alias-label-tertiary, #9aa3af);\n  text-align: right;\n  user-select: none;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffLine code {\n  min-width: 0;\n  color: inherit;\n}\n\n.-cerbur-clutch-dsh-worktree-gitSrOnly {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffEmpty,\n.-cerbur-clutch-dsh-worktree-gitDiffMessage,\n.-cerbur-clutch-dsh-worktree-gitEmpty,\n.-cerbur-clutch-dsh-worktree-gitLoading,\n.-cerbur-clutch-dsh-worktree-gitUnavailable,\n.-cerbur-clutch-dsh-worktree-gitError {\n  padding: 24px 16px;\n  color: var(--dsw-alias-label-secondary, #727d8d);\n  font-size: 12px;\n  text-align: center;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffMessage,\n.-cerbur-clutch-dsh-worktree-gitUnavailable {\n  min-height: 150px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitUnavailable strong {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--dsw-alias-label-primary, #273142);\n  font-size: 14px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitUnavailable p {\n  max-width: 500px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.-cerbur-clutch-dsh-worktree-gitError {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 9px 12px;\n  color: var(--dsw-alias-state-error-primary, #ae5c4c);\n  text-align: left;\n}\n\n.-cerbur-clutch-dsh-worktree-gitError p {\n  margin: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-gitError button {\n  flex: none;\n  border: 1px solid currentColor;\n  border-radius: 5px;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font-size: 11px;\n  padding: 3px 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffFolded {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 10px 12px;\n  border-top: 1px dashed var(--dsw-alias-border-l3, #dfe3ea);\n  background: var(--dsw-alias-bg-base, #fff);\n  color: var(--dsw-alias-label-secondary, #6f7887);\n  font-size: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-gitDiffShowAll {\n  padding: 2px 8px;\n  border: 1px solid var(--dsw-alias-border-l3, #dfe3ea);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #273142);\n  cursor: pointer;\n  font: inherit;\n}\n\n.-cerbur-clutch-dsh-worktree-gitRawDiff {\n  display: block;\n  flex: 1 1 auto;\n  min-height: 0;\n  max-height: none;\n  overflow: auto;\n  padding: 12px;\n  margin: 0;\n  white-space: pre;\n  background: var(--dsw-alias-markdown-code-block, #fafbfc);\n  color: var(--dsw-alias-label-primary, #263342);\n  font: 11px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace;\n}\n\n@container (min-width: 901px) {\n  .-cerbur-clutch-dsh-worktree-gitColumns {\n    /* Two stacked panes need more vertical room than three side-by-side panes. */\n    --git-columns-height: clamp(440px, calc(100vh - 300px), 720px);\n    --git-columns-height: clamp(440px, calc(100dvh - 300px), 720px);\n  }\n}\n\n@container (max-width: 900px) {\n  /* Narrow layout keeps the two-row arrangement: commits and changed files side by\n     side on the first row, with the summary diff across the second row. Both\n     dividers move with the panes, so either axis stays adjustable. */\n  .-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-pane='commits'] {\n    grid-area: 1 / 1;\n  }\n  .-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='columns'] {\n    grid-area: 1 / 2;\n  }\n  .-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-pane='changed-files'] {\n    grid-area: 1 / 3;\n  }\n  .-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-splitter='rows'] {\n    grid-area: 2 / 1 / 3 / -1;\n  }\n  .-cerbur-clutch-dsh-worktree-gitColumns > [data-dashboard-git-pane='diff'] {\n    grid-area: 3 / 1 / -1 / -1;\n  }\n}\n\n@container (max-width: 520px) {\n  .-cerbur-clutch-dsh-worktree-gitPanelHeader {\n    flex-direction: column;\n    gap: 10px;\n  }\n  .-cerbur-clutch-dsh-worktree-gitRefresh {\n    align-self: flex-end;\n  }\n  .-cerbur-clutch-dsh-worktree-gitColumns {\n    display: block;\n    height: auto;\n    min-height: 0;\n  }\n  .-cerbur-clutch-dsh-worktree-gitColumnSplitter {\n    display: none;\n  }\n  .-cerbur-clutch-dsh-worktree-gitColumn {\n    height: clamp(260px, calc(100vh - 360px), 360px);\n    height: clamp(260px, calc(100dvh - 360px), 360px);\n    min-height: 260px;\n    border-bottom: 1px solid var(--dsw-alias-border-l3, #e5e8ef);\n  }\n  .-cerbur-clutch-dsh-worktree-gitColumn:has(> .-cerbur-clutch-dsh-worktree-gitEmpty),\n  .-cerbur-clutch-dsh-worktree-gitColumn:has(.-cerbur-clutch-dsh-worktree-gitDiffEmpty) { height: auto; min-height: 100px; }\n  .-cerbur-clutch-dsh-worktree-gitColumns > .-cerbur-clutch-dsh-worktree-gitColumn:last-child {\n    border-bottom: 0;\n  }\n}\n";
 		const styleId$2 = "@cerbur/clutch-dsh-worktree/worktree-git.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/worktree-git.css\"]") === null) {
@@ -12749,7 +12723,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/settings/settings.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/settings/settings.css.mjs
 		const css$1 = ".-cerbur-clutch-dsh-worktree-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n  min-width: 0;\n  max-width: 720px;\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(var(--dsh-content-font-size, 14px) + 8px);\n}\n\n[data-worktree-settings-nav-icon] > svg:not(.-cerbur-clutch-dsh-worktree-settingsNavIcon) {\n  display: none;\n}\n\n.-cerbur-clutch-dsh-worktree-settingsNavIcon {\n  order: -1;\n  flex: 0 0 auto;\n  width: 16px;\n  height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-toolSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  min-width: 0;\n  padding: 20px;\n  border: 0.5px solid var(--dsw-alias-settings-card-stroke, var(--dsw-alias-border-l4));\n  border-radius: var(--dsw-radius-xl, 16px);\n  background: var(--dsw-alias-settings-card-fill, var(--dsw-alias-bg-layer-2));\n}\n\n.-cerbur-clutch-dsh-worktree-toolHeader,\n.-cerbur-clutch-dsh-worktree-toolRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.-cerbur-clutch-dsh-worktree-toolHeader > div,\n.-cerbur-clutch-dsh-worktree-toolRow > div {\n  min-width: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-toolTitle {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-toolHeader h3 {\n  margin: 0;\n  font-size: calc(var(--dsh-content-font-size, 14px) + 2px);\n  font-weight: 600;\n}\n\n.-cerbur-clutch-dsh-worktree-toolHeader p,\n.-cerbur-clutch-dsh-worktree-toolOptionsHeading p,\n.-cerbur-clutch-dsh-worktree-toolRow p {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: var(--dsh-content-font-size-secondary, calc(var(--dsh-content-font-size, 14px) - 1px));\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n\n.-cerbur-clutch-dsh-worktree-toolOptions {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding-top: 20px;\n  border-top: 0.5px solid var(--dsw-alias-settings-card-stroke, var(--dsw-alias-border-l4));\n}\n\n.-cerbur-clutch-dsh-worktree-toolOptionsHeading h4 {\n  margin: 0 0 6px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsh-content-font-size, 14px);\n  font-weight: 500;\n}\n\n.-cerbur-clutch-dsh-worktree-toolList {\n  padding-left: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-toolRow {\n  padding: 12px 0;\n}\n\n.-cerbur-clutch-dsh-worktree-toolRow + .-cerbur-clutch-dsh-worktree-toolRow {\n  border-top: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.-cerbur-clutch-dsh-worktree-toolRow h5 {\n  margin: 0 0 6px;\n  font-size: var(--dsh-content-font-size, 14px);\n  font-weight: 500;\n}\n\n.-cerbur-clutch-dsh-worktree-settingsTitle {\n  margin: 0;\n  font-size: calc(var(--dsh-content-font-size, 14px) + 2px);\n  line-height: calc(var(--dsh-content-font-size, 14px) + 10px);\n  font-weight: 500;\n}\n\n.-cerbur-clutch-dsh-worktree-settingsTabs {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Native controls keep their palette and keyboard behavior; text and control\n   height follow the body's font-size preference even on older DSH themes. */\n.-cerbur-clutch-dsh-worktree-settings .-cerbur-clutch-dsh-worktree-settingsTabs [role='tab'] {\n  height: auto;\n  min-height: 34px;\n  padding-block: 6px;\n  font-size: inherit;\n  line-height: calc(var(--dsh-content-font-size, 14px) + 6px);\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.-cerbur-clutch-dsh-worktree-settingsPanel,\n.-cerbur-clutch-dsh-worktree-issueList {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: 12px;\n}\n\n.-cerbur-clutch-dsh-worktree-issueList {\n  gap: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-settingsDescription,\n.-cerbur-clutch-dsh-worktree-settingsHint,\n.-cerbur-clutch-dsh-worktree-settingsEmpty,\n.-cerbur-clutch-dsh-worktree-issueMessage {\n  margin: 0;\n  overflow-wrap: anywhere;\n}\n\n.-cerbur-clutch-dsh-worktree-settingsDescription,\n.-cerbur-clutch-dsh-worktree-settingsHint,\n.-cerbur-clutch-dsh-worktree-settingsEmpty {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.-cerbur-clutch-dsh-worktree-settingsHint {\n  font-size: var(--dsh-content-font-size-secondary, calc(var(--dsh-content-font-size, 14px) - 1px));\n  line-height: 1.5;\n}\n\n.-cerbur-clutch-dsh-worktree-settingsToolbar {\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 12px;\n  padding: 16px 0;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.-cerbur-clutch-dsh-worktree-settingsToolbar > .-cerbur-clutch-dsh-worktree-settingsHint {\n  flex: 1 1 240px;\n  min-width: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-settingsEmpty {\n  padding-block: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-issue {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-width: 0;\n  padding: 12px 14px;\n  border: 0.5px solid var(--dsw-alias-settings-card-stroke, var(--dsw-alias-border-l4));\n  border-radius: var(--dsw-radius-xl, 16px);\n  background: var(--dsw-alias-settings-card-fill, var(--dsw-alias-bg-layer-2));\n}\n\n.-cerbur-clutch-dsh-worktree-issueHeader {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n}\n\n.-cerbur-clutch-dsh-worktree-issueTitle {\n  flex: 1 1 240px;\n  min-width: 0;\n  margin: 0;\n  font-size: inherit;\n  line-height: inherit;\n  font-weight: 500;\n  overflow-wrap: anywhere;\n}\n\n.-cerbur-clutch-dsh-worktree-settings .-cerbur-clutch-dsh-worktree-issueStatus,\n.-cerbur-clutch-dsh-worktree-settings .-cerbur-clutch-dsh-worktree-settingsAction {\n  font-size: calc(var(--dsh-content-font-size, 14px) - 2px);\n  line-height: calc(var(--dsh-content-font-size, 14px) + 4px);\n}\n\n.-cerbur-clutch-dsh-worktree-settings .-cerbur-clutch-dsh-worktree-settingsAction {\n  flex: none;\n  height: auto;\n  min-height: 28px;\n  padding-block: 4px;\n  font-family: inherit;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  max-width: 100%;\n}\n\n.-cerbur-clutch-dsh-worktree-issueActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.-cerbur-clutch-dsh-worktree-issueDiagnostics {\n  min-width: 0;\n  padding-top: 10px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.-cerbur-clutch-dsh-worktree-issueDiagnostics summary {\n  width: fit-content;\n  max-width: 100%;\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsh-content-font-size-secondary, calc(var(--dsh-content-font-size, 14px) - 1px));\n  line-height: 1.5;\n  cursor: pointer;\n  overflow-wrap: anywhere;\n}\n\n.-cerbur-clutch-dsh-worktree-issueDiagnostics summary:focus-visible,\n.-cerbur-clutch-dsh-worktree-settings .-cerbur-clutch-dsh-worktree-settingsAction:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n  border-radius: var(--dsw-radius-xs, 4px);\n}\n\n.-cerbur-clutch-dsh-worktree-issueDiagnostics pre {\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 320px;\n  overflow: auto;\n  margin: 10px 0 0;\n  padding: 10px 12px;\n  border-radius: var(--dsw-radius-md, 12px);\n  background: var(--dsw-alias-bg-module-platform);\n  color: var(--dsw-alias-label-secondary);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsh-content-font-size-secondary, calc(var(--dsh-content-font-size, 14px) - 1px));\n  line-height: 1.5;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  user-select: text;\n}\n";
 		const styleId$1 = "@cerbur/clutch-dsh-worktree/settings.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/settings.css\"]") === null) {
@@ -14249,10 +14223,10 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/client/dashboard/dashboard-sessions.js
 		/** Join retained snapshots without reading, mutating, or applying Sidebar search. */
-		function dashboardSessionIds(record, sessions, bindings, archivedSessionIds, orderedIds = [], workspaceSessionIds = []) {
+		function dashboardSessionIds(record, sessions, bindings, archivedSessionIds, orderedIds = [], workspaceSessionIds = [], knownSessionIds) {
 			if (isMainWorktreeId$1(record.worktreeId)) {
 				const boundSessionIds = new Set(bindings.filter((binding) => binding.workspaceId === record.workspaceId && binding.status !== "detached").map((binding) => binding.sessionId));
-				const visible = filterVisibleSessionIds(filterArchivedSessionIds(workspaceSessionIds.filter((sessionId) => !boundSessionIds.has(sessionId)), archivedSessionIds), sessions);
+				const visible = filterVisibleSessionIds(filterArchivedSessionIds(workspaceSessionIds.filter((sessionId) => !boundSessionIds.has(sessionId) && (knownSessionIds === void 0 || knownSessionIds.includes(sessionId))), archivedSessionIds), sessions);
 				const visibleIds = new Set(visible);
 				return [.../* @__PURE__ */ new Set([...orderedIds, ...visible])].filter((id) => visibleIds.has(id));
 			}
@@ -14402,7 +14376,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/client/WorktreeSurface.js
-		/** Composes independent surface state/action domains into the sidebar overlay. */
+		/** Retains shared state/actions and portals navigation into the workspace slot. */
 		function WorktreeSurface(inputProps) {
 			const [internalDashboard, setInternalDashboard] = (0, react.useState)();
 			const pendingDashboard = (0, react.useRef)();
@@ -14477,7 +14451,7 @@ window.__ModuleLoader__.load({
 			const openDashboard = (0, react.useCallback)((record) => {
 				const workspace = source.workspaces.items.find((candidate) => candidate.workspaceId === record.workspaceId);
 				const view = read.viewByWorkspace.get(record.workspaceId);
-				const navigation = prepareDashboardNavigation(record, dashboardSessionIds(record, source.sessions, view?.bindings ?? [], source.archivedSessionIds, isMainWorktreeId$1(record.worktreeId) ? ordering.orderedSessionIdsByAccount.get(`main:${record.workspaceId}`) : ordering.orderedSessionIdsByAccount.get(`worktree:${record.worktreeId}`), workspace === void 0 ? [] : workspaceSessionIds(source.workspaces, workspace.workspaceId, source.sessions.ids)), source.currentSessionId, source.sessions.phase ?? "ready");
+				const navigation = prepareDashboardNavigation(record, dashboardSessionIds(record, source.sessions, view?.bindings ?? [], source.archivedSessionIds, isMainWorktreeId$1(record.worktreeId) ? ordering.orderedSessionIdsByAccount.get(`main:${record.workspaceId}`) : ordering.orderedSessionIdsByAccount.get(`worktree:${record.worktreeId}`), workspace === void 0 ? [] : workspaceSessionIds(source.workspaces, workspace.workspaceId, source.sessions.ids), view?.knownSessionIds ?? []), source.currentSessionId, source.sessions.phase ?? "ready");
 				if (navigation.waitForSessionList === true) {
 					pendingDashboard.current = void 0;
 					pendingDashboardRecord.current = record;
@@ -14614,30 +14588,18 @@ window.__ModuleLoader__.load({
 				dashboardWorkspace
 			]);
 			if (source.mode !== "worktree") return null;
-			const { ref, width, bounds, collapsed } = source;
+			const { collapsed } = source;
 			const { t } = props;
 			return (0, react_jsx_runtime.jsxs)(NotificationProvider, {
 				t,
 				openSettings: props.openErrorSettings,
 				children: [
-					(0, react_jsx_runtime.jsxs)("aside", {
-						ref,
+					props.sidebarSeat && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("aside", {
 						className: worktree_css_default.surface,
 						"data-worktree-surface": true,
 						"data-collapsed": collapsed || void 0,
-						"data-native-sidebar-covered": source.nativeCovered || void 0,
 						"aria-hidden": collapsed || void 0,
 						"aria-label": t("mode.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,
@@ -14685,11 +14647,11 @@ window.__ModuleLoader__.load({
 								session
 							})
 						]
-					}),
+					}), props.sidebarSeat.element),
 					dashboard !== void 0 && dashboardRecord === void 0 && dashboard.sessionId === source.currentSessionId && source.workspaceIds.includes(dashboard.workspaceId) && targetView === void 0 && (0, react_jsx_runtime.jsx)(DashboardRequest, {
 						context: targetWorkspace === void 0 ? dashboard.workspaceId : targetWorkspace.title + " · " + targetWorkspace.path,
 						t,
-						error: read.readState.error ?? (read.readState.targetError?.workspaceIds.includes(dashboard.workspaceId) ? read.readState.targetError.error : void 0),
+						error: read.readState.error ?? read.readState.targetErrors?.[dashboard.workspaceId],
 						onClose: closeDashboard,
 						onRetry: () => {
 							read.refresh({
@@ -14763,7 +14725,7 @@ window.__ModuleLoader__.load({
 						workspaceTitle: dashboardWorkspace?.title ?? "",
 						sessions: source.sessions,
 						sessionPresentations: source.sessionPresentations,
-						sessionIds: dashboardSessionIds(dashboardRecord, source.sessions, dashboardView?.bindings ?? [], source.archivedSessionIds, isMainWorktreeId$1(dashboardRecord.worktreeId) ? ordering.orderedSessionIdsByAccount.get(`main:${dashboardRecord.workspaceId}`) : ordering.orderedSessionIdsByAccount.get(`worktree:${dashboardRecord.worktreeId}`), dashboardWorkspace === void 0 ? [] : workspaceSessionIds(source.workspaces, dashboardWorkspace.workspaceId, source.sessions.ids)),
+						sessionIds: dashboardSessionIds(dashboardRecord, source.sessions, dashboardView?.bindings ?? [], source.archivedSessionIds, isMainWorktreeId$1(dashboardRecord.worktreeId) ? ordering.orderedSessionIdsByAccount.get(`main:${dashboardRecord.workspaceId}`) : ordering.orderedSessionIdsByAccount.get(`worktree:${dashboardRecord.worktreeId}`), dashboardWorkspace === void 0 ? [] : workspaceSessionIds(source.workspaces, dashboardWorkspace.workspaceId, source.sessions.ids), dashboardView?.knownSessionIds ?? []),
 						actionPending: mutation.actionPending,
 						onSyncBaseline: props.manager?.syncWorktreeBaseline !== void 0 && dashboardManagedRecord !== void 0 && dashboardCanCreate && (dashboardRecord.health === void 0 || dashboardRecord.health === "ready") ? async (strategy, baseBranch, requestId) => {
 							let completed = false;
@@ -14823,9 +14785,45 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/client/overlay/WorktreeOverlay.js
-		/** Compose the independent Hero context and Worktree navigation overlays. */
+		/** Keep view state and center overlays alive while the workspace slot changes occupants. */
 		function WorktreeOverlay(props) {
-			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(WorktreeHeroContext, { ...props }), (0, react_jsx_runtime.jsx)(WorktreeSurface, { ...props })] });
+			const [sidebarSeat, setSidebarSeat] = (0, react.useState)();
+			const active = props.useStore((state) => state.viewMode) === "worktree" && props.available && props.manager !== void 0;
+			(0, react.useLayoutEffect)(() => {
+				if (!active) return;
+				return props.mountWorkspaceSidebar(setSidebarSeat);
+			}, [active, props.mountWorkspaceSidebar]);
+			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(WorktreeHeroContext, { ...props }), (0, react_jsx_runtime.jsx)(WorktreeSurface, {
+				...props,
+				sidebarSeat
+			})] });
+		}
+		//#endregion
+		//#region lib/client/view/sidebar-workspace-slot.js
+		/** The shell owns placement and fold state; no native DOM discovery is needed. */
+		function WorktreeWorkspaceSeat({ wide, publish }) {
+			const ref = (0, react.useRef)(null);
+			(0, react.useLayoutEffect)(() => {
+				const element = ref.current;
+				if (element) publish({
+					element,
+					wide
+				});
+				return () => publish(void 0);
+			}, [wide, publish]);
+			return (0, react_jsx_runtime.jsx)("div", {
+				ref,
+				className: worktree_css_default.workspaceSeat,
+				"data-worktree-workspace-seat": true
+			});
+		}
+		/** Shadow only the browsing region, preserving the native registration and its children. */
+		function workspaceSidebarMount(slots) {
+			return (publish) => slots.inject("sidebar.workspaces", () => slots.register({
+				name: "sidebar.workspaces",
+				priority: -10,
+				inject: () => ({ publish })
+			}, WorktreeWorkspaceSeat));
 		}
 		//#endregion
 		//#region lib/client/settings/WorktreeSettings.js
@@ -15210,7 +15208,7 @@ window.__ModuleLoader__.load({
 			}, "clutch-dsh-worktree: steer activity");
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_81fd434ea35a/packages/clutch-dsh-worktree/src/client/steer/steer.css.mjs
+		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_3fc76dafedb7/packages/clutch-dsh-worktree/src/client/steer/steer.css.mjs
 		const css = ".-cerbur-clutch-dsh-worktree-strip {\n  box-sizing: border-box;\n  flex: none;\n  min-width: 0;\n  width: calc(100% - var(--dsh-composer-side-clearance, 16px) - var(--dsh-composer-side-clearance, 16px));\n  max-width: var(--dsh-composer-card-max-width, 760px);\n  margin: 0 auto;\n  padding: 8px 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n.-cerbur-clutch-dsh-worktree-title { font-weight: 600; margin-bottom: 4px; }\n.-cerbur-clutch-dsh-worktree-items { max-height: 200px; overflow: auto; }\n.-cerbur-clutch-dsh-worktree-item summary { display: flex; align-items: baseline; gap: 8px; cursor: pointer; padding: 4px 0; }\n.-cerbur-clutch-dsh-worktree-item summary::before { content: '›'; flex: none; }\n.-cerbur-clutch-dsh-worktree-item[open] summary::before { transform: rotate(90deg); }\n.-cerbur-clutch-dsh-worktree-status { flex: none; }\n.-cerbur-clutch-dsh-worktree-preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.-cerbur-clutch-dsh-worktree-body { padding: 4px 0 8px; overflow-wrap: anywhere; }\n.-cerbur-clutch-dsh-worktree-body p { margin: 6px 0; white-space: pre-wrap; }\n.-cerbur-clutch-dsh-worktree-sender { font-family: monospace; }\n";
 		const styleId = "@cerbur/clutch-dsh-worktree/steer.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@cerbur/clutch-dsh-worktree/steer.css\"]") === null) {
@@ -15659,6 +15657,9 @@ window.__ModuleLoader__.load({
 					sync([...bindings.filter((current) => current.sessionId !== binding.sessionId), binding]);
 				},
 				sync,
+				syncWorkspace(workspaceId, nextBindings) {
+					sync([...bindings.filter((binding) => binding.workspaceId !== workspaceId), ...nextBindings.filter((binding) => binding.workspaceId === workspaceId)]);
+				},
 				removeSession(sessionId) {
 					sync(bindings.filter((binding) => binding.sessionId !== sessionId));
 				},
@@ -16012,11 +16013,18 @@ window.__ModuleLoader__.load({
 				en
 			}), "clutch-dsh-worktree: locale dictionaries");
 			const manager = createWorktreeConnectionAdapter(ctx.connection.rpc);
-			const viewReader = createWorktreeViewReader(manager);
+			const viewReader = createWorktreeViewReader(manager, (workspaceId) => {
+				const snapshot = ctx.workspaces.list.getSnapshot();
+				return {
+					sessionIds: snapshot.items.find((item) => item.workspaceId === workspaceId)?.sessionIds ?? [],
+					pending: snapshot.phase !== void 0 && snapshot.phase !== "ready"
+				};
+			});
 			const restartNotice = new RestartNotice((signal) => manager.probeHost(signal));
 			const dashboardStore = createSnapshotStore(void 0);
 			const sessions = ctx.sessions;
 			const slots = ctx.slots;
+			const mountWorkspaceSidebar = workspaceSidebarMount(slots);
 			slots.inject("conversation.input.dock", () => slots.register({
 				name: "conversation.input.dock",
 				id: "clutch-dsh-worktree-steer",
@@ -16099,6 +16107,9 @@ window.__ModuleLoader__.load({
 			const syncSessionWorkspaces = (bindings) => {
 				virtualWorkspaceMembership.sync(bindings);
 			};
+			const syncWorkspaceSessions = (workspaceId, bindings) => {
+				virtualWorkspaceMembership.syncWorkspace(workspaceId, bindings);
+			};
 			const forkableSessions = ctx.sessions;
 			const nativeFork = forkableSessions.fork;
 			const workspaceBindingReads = /* @__PURE__ */ new Map();
@@ -16273,6 +16284,7 @@ window.__ModuleLoader__.load({
 				store: viewStore,
 				locale: WORKTREE_NS,
 				inject: () => ({
+					mountWorkspaceSidebar,
 					available: true,
 					openErrorSettings: () => openWorktreeErrorSettings(ctx.slots),
 					openResource: (address, options) => {
@@ -16338,6 +16350,7 @@ window.__ModuleLoader__.load({
 					archiveSession: (sessionId) => ctx.workspaces.archiveSession(sessionId),
 					ensureSessionWorkspace,
 					syncSessionWorkspaces,
+					syncWorkspaceSessions,
 					forkRecovery: forkCoordinator?.recovery,
 					retryForkSession: forkCoordinator === void 0 ? void 0 : async (key) => {
 						await forkCoordinator.retry(key);