@cerbur/clutch-dsh-worktree 0.1.23 → 0.1.25

package/lib/client.js

@@ -1844,6 +1844,20 @@ window.__ModuleLoader__.load({
 			"workspace.search": "搜索工作区和会话",
 			"search.clear": "清除搜索",
 			"workspace.noMatches": "没有匹配的工作区",
+			"filter.group": "按活跃时间筛选",
+			"filter.today": "今日",
+			"filter.last24h": "24 小时",
+			"filter.last7d": "7 天",
+			"filter.all": "全部",
+			"filter.count": "{label}，{count} 个会话",
+			"filter.empty": "这个范围内没有会话",
+			"filter.emptyHint": "切换到「全部」查看所有会话。",
+			"filter.emptyHintMenu": "从右侧菜单显示「全部」，即可查看所有会话。",
+			"filter.choose": "选择显示的筛选",
+			"filter.visible": "显示的筛选",
+			"filter.keepOne": "至少保留一个筛选",
+			"filter.keepInactive": "显示无活跃 Workspace",
+			"filter.keepInactiveHint": "同时保留没有活跃 Session 的 Workspace 和 Worktree 结构。",
 			"workspace.renameTitle": "重命名工作区",
 			"workspace.name": "工作区名称",
 			"workspace.duplicate": "已存在同名 Workspace，请使用不同的名称。",
@@ -1889,7 +1903,6 @@ window.__ModuleLoader__.load({
 			"worktree.removeDescription": "归档“{name}”？目录、会话绑定和工作目录保持不变。删除目录需另行选择“清理磁盘”。",
 			"worktree.removeExternalDescription": "归档“{name}”？外部目录、会话绑定和工作目录保持不变。删除目录需另行选择“清理磁盘”。",
 			"worktree.addSession": "向 {name} 添加会话",
-			"worktree.noWorktrees": "暂无 Worktree",
 			"worktree.createTitle": "新建 Worktree",
 			"worktree.createDescription": "“{name}” · Worktree 路径由 DSH 管理。",
 			"worktree.tabCreate": "创建",
@@ -2291,6 +2304,20 @@ window.__ModuleLoader__.load({
 			"workspace.search": "Search Workspaces and Sessions",
 			"search.clear": "Clear search",
 			"workspace.noMatches": "No matching Workspaces",
+			"filter.group": "Filter by activity",
+			"filter.today": "Today",
+			"filter.last24h": "24h",
+			"filter.last7d": "7d",
+			"filter.all": "All",
+			"filter.count": "{label}, {count} Sessions",
+			"filter.empty": "No Sessions in this range",
+			"filter.emptyHint": "Switch to All to see every Session.",
+			"filter.emptyHintMenu": "Show All from the range menu to see every Session.",
+			"filter.choose": "Choose visible filters",
+			"filter.visible": "Visible filters",
+			"filter.keepOne": "Keep at least one filter",
+			"filter.keepInactive": "Show inactive Workspaces",
+			"filter.keepInactiveHint": "Also keep Workspaces and Worktrees with no active Session in the range.",
 			"workspace.renameTitle": "Rename Workspace",
 			"workspace.name": "Workspace name",
 			"workspace.duplicate": "A Workspace with this name already exists. Choose a different name.",
@@ -2336,7 +2363,6 @@ window.__ModuleLoader__.load({
 			"worktree.removeDescription": "Archive {name}? The directory, Session bindings, and working directories are preserved. Deleting the directory requires the separate Clean Disk action.",
 			"worktree.removeExternalDescription": "Archive {name}? The external directory, Session bindings, and working directories are preserved. Deleting the directory requires the separate Clean Disk action.",
 			"worktree.addSession": "Add Session to {name}",
-			"worktree.noWorktrees": "No Worktrees",
 			"worktree.createTitle": "New Worktree",
 			"worktree.createDescription": "{name} · the Worktree path is managed by DSH.",
 			"worktree.tabCreate": "Create",
@@ -2861,9 +2887,10 @@ window.__ModuleLoader__.load({
 		const IconRefreshOutline16 = createDshIconAlias(exports$1, "IconRefreshOutline16", "IconRefreshOutlineRegular");
 		const IconRightUpOutline16 = createDshIconAlias(exports$1, "IconRightUpOutline16", "IconRightUpOutlineRegular");
 		const IconSearchOutline16 = createDshIconAlias(exports$1, "IconSearchOutline16", "IconSearchOutlineRegular");
+		const IconSlidersTwoOutline16 = createDshIconAlias(exports$1, "IconSlidersTwoOutline16", "IconSlidersTwoOutlineRegular");
 		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_26adaba12f8b/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_03c51188ea59/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) {
@@ -2927,8 +2954,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_26adaba12f8b/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_03c51188ea59/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/* Activity range selector. Its tabs scroll horizontally instead of clipping\n   labels, while the visible-range menu stays pinned at the right edge. */\n.-cerbur-clutch-dsh-worktree-activityBar {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex: none;\n  padding: 0 10px 8px;\n  box-sizing: border-box;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l1);\n}\n\n.-cerbur-clutch-dsh-worktree-activityTabs {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n.-cerbur-clutch-dsh-worktree-activityTabs::-webkit-scrollbar {\n  display: none;\n}\n\n/* Compact pinned trigger: it never widens the bar or competes with the active\n   range pill, and it keeps the tabs as the only horizontally scrolling row. */\n.-cerbur-clutch-dsh-worktree-activityConfig {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 0;\n  border-radius: 7px;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n  font: inherit;\n}\n\n.-cerbur-clutch-dsh-worktree-activityConfig:hover,\n.-cerbur-clutch-dsh-worktree-activityConfig[aria-expanded='true'] {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-activityConfig:focus-visible {\n  outline: 2px solid var(--dsw-alias-border-l3);\n  outline-offset: 1px;\n}\n\n/* Checkbox rows in the pinned menu. They keep the menu open while toggling so\n   several ranges can be shown or hidden in one visit. */\n.-cerbur-clutch-dsh-worktree-activityOption {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  min-height: 30px;\n  padding: 5px 8px;\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n}\n\n.-cerbur-clutch-dsh-worktree-activityOption:hover:not(:disabled),\n.-cerbur-clutch-dsh-worktree-activityOption:focus-visible:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  outline: none;\n}\n\n.-cerbur-clutch-dsh-worktree-activityOption:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.-cerbur-clutch-dsh-worktree-activityOptionLabel {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-activityOption[data-checked='true'] .-cerbur-clutch-dsh-worktree-activityOptionLabel {\n  font-weight: 500;\n}\n\n.-cerbur-clutch-dsh-worktree-activityOptionCount {\n  flex: 0 0 auto;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n}\n\n.-cerbur-clutch-dsh-worktree-activityOptionCheck {\n  display: inline-flex;\n  flex: 0 0 14px;\n  width: 14px;\n  height: 14px;\n  align-items: center;\n  justify-content: center;\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-activityOptionCheck svg {\n  width: 14px;\n  height: 14px;\n}\n\n.-cerbur-clutch-dsh-worktree-activitySegment {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex: 0 0 auto;\n  padding: 3px 8px;\n  border: 0;\n  /* Explicit pill: the shared standard requires corner-shape with a full circle. */\n  border-radius: 999px;\n  corner-shape: round;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 11px;\n  line-height: 1.4;\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-activitySegment:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.-cerbur-clutch-dsh-worktree-activitySegment:focus-visible {\n  outline: 2px solid var(--dsw-alias-border-l3);\n  outline-offset: 1px;\n}\n\n.-cerbur-clutch-dsh-worktree-activitySegmentActive,\n.-cerbur-clutch-dsh-worktree-activitySegmentActive:hover {\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.-cerbur-clutch-dsh-worktree-activityLabel {\n  white-space: nowrap;\n}\n\n.-cerbur-clutch-dsh-worktree-activityCount {\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n.-cerbur-clutch-dsh-worktree-activitySegmentActive .-cerbur-clutch-dsh-worktree-activityCount {\n  color: var(--dsw-alias-label-secondary);\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-emptyHint {\n  margin: 0;\n  padding: 0 4px 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.-cerbur-clutch-dsh-worktree-activityMenuSeparator {\n  height: 0.5px;\n  margin: 4px 2px;\n  background: var(--dsw-alias-border-l2);\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/* One indent rhythm for the whole tree: each level advances by --wt-step and every\n   label starts after one --wt-lead cell, so a Session label shares the exact column\n   of its group label (one axis per depth, no per-level ad-hoc offsets). */\n.-cerbur-clutch-dsh-worktree-workspaceList {\n  --wt-step: 12px;\n  --wt-lead: 20px;\n  --wt-label-pad: 6px;\n  --wt-row-inset: 4px;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  display: grid;\n  gap: 2px;\n  overflow-x: hidden;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceGroup {\n  min-width: 0;\n}\n\n/* Navigation rows sit in the standard control band (H32-40) and share one radius. */\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  box-sizing: border-box;\n  border-radius: var(--dsw-radius-md);\n  padding-block: 3px;\n  padding-inline: calc(var(--wt-row-inset) + var(--wt-depth, 0) * var(--wt-step))\n    var(--wt-row-inset);\n  cursor: pointer;\n  user-select: none;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow {\n  min-height: 34px;\n}\n\n/* One Workspace is open at a time: the open row owns the tree body, and every\n   collapsed row carries its aggregated activity indicator at the action edge. The\n   open state reuses the native hover fill instead of adding a custom accent bar. */\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-workspace-open='true'] {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow[data-workspace-open='true'] .-cerbur-clutch-dsh-worktree-workspaceTitle {\n  font-weight: 400;\n}\n\n@media (hover: hover) {\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\n/* The disclosure overlays the type icon's own cell: one 20px axis, no reflow, and\n   it stays keyboard reachable while invisible. Hover reveal is pointer-only. */\n.-cerbur-clutch-dsh-worktree-workspaceRow .-cerbur-clutch-dsh-worktree-workspaceDisclosure,\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-worktreeDisclosure {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow:focus-within .-cerbur-clutch-dsh-worktree-workspaceDisclosure,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-worktreeDisclosure,\n.-cerbur-clutch-dsh-worktree-workspaceRow .-cerbur-clutch-dsh-worktree-workspaceDisclosure:focus-visible,\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-worktreeDisclosure:focus-visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.-cerbur-clutch-dsh-worktree-workspaceRow:focus-within .-cerbur-clutch-dsh-worktree-workspaceIcon,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-worktreeIcon {\n  visibility: hidden;\n}\n\n@media (hover: hover) {\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  .-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    opacity: 1;\n    pointer-events: auto;\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  .-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    visibility: hidden;\n  }\n}\n\n/* Touch and stylus have no hover phase: keep the expand/collapse affordance\n   visible so the tab switch never depends on a pointer hover. */\n@media (hover: none) {\n  .-cerbur-clutch-dsh-worktree-workspaceRow .-cerbur-clutch-dsh-worktree-workspaceDisclosure,\n  .-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-worktreeDisclosure {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .-cerbur-clutch-dsh-worktree-workspaceRow .-cerbur-clutch-dsh-worktree-workspaceIcon,\n  .-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-worktreeIcon {\n    visibility: hidden;\n  }\n}\n\n/* Absolute so the reveal never moves the label; the parent row owns the cell.\n   The 24px hit target stays centered on the 20px leading cell. */\n.-cerbur-clutch-dsh-worktree-disclosureButton {\n  position: absolute;\n  inset-inline-start: calc(\n    var(--wt-row-inset) + var(--wt-depth, 0) * var(--wt-step) - 2px\n  );\n  top: 50%;\n  transform: translateY(-50%);\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  padding: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureButton:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureButton:active {\n  background: var(--dsw-alias-interactive-bg-active);\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureButton > svg {\n  display: block;\n}\n\n.-cerbur-clutch-dsh-worktree-disclosureArrow {\n  transition: transform var(--ds-transition-duration) 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@media (hover: hover) {\n  .-cerbur-clutch-dsh-worktree-disclosureButton:hover {\n    background: var(--dsw-alias-interactive-bg-hover);\n  }\n}\n\n/* One leading cell for every level keeps all 16px glyphs and the 14px twisty on\n   the same vertical axis per depth. */\n.-cerbur-clutch-dsh-worktree-workspaceIcon,\n.-cerbur-clutch-dsh-worktree-worktreeIcon {\n  flex: none;\n  width: var(--wt-lead);\n  color: var(--dsw-alias-label-secondary);\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/* Emphasis stays at weight 500 (design standard: no 600+ in functional CSS). */\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-main-group='true'] .-cerbur-clutch-dsh-worktree-worktreeLabel {\n  font-weight: 500;\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: 13px;\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: 13px;\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/* The intrinsic action column owns the title's visible end. At rest the title\n   spans it, leaving only the activity lane; revealed controls narrow the actual\n   scroll viewport so the marquee tail and fade stop beside the first button.\n   The leading icon, title start and action positions remain fixed. */\n.-cerbur-clutch-dsh-worktree-worktreeRow > .-cerbur-clutch-dsh-worktree-worktreeIcon {\n  grid-area: 1 / 1;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow > .-cerbur-clutch-dsh-worktree-worktreeLabel {\n  grid-area: 1 / 2 / 2 / 4;\n  margin-inline-end: 32px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow:hover .-cerbur-clutch-dsh-worktree-worktreeLabel,\n.-cerbur-clutch-dsh-worktree-worktreeRow[data-menu-open='true'] .-cerbur-clutch-dsh-worktree-worktreeLabel,\n.-cerbur-clutch-dsh-worktree-worktreeRow:focus-within .-cerbur-clutch-dsh-worktree-worktreeLabel {\n  grid-column-end: 3;\n  margin-inline-end: 4px;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow .-cerbur-clutch-dsh-worktree-treeActionSlot {\n  grid-area: 1 / 3;\n  min-width: 0;\n  width: auto;\n  gap: 4px;\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/* Depth comes from explicit nesting selectors rather than a self-referencing custom\n   property (`--d: calc(var(--d) + 1)` is a cycle and resolves to invalid). Rows own\n   their inline padding, so nesting never accumulates margins, and rows stay full\n   width so hover fills and drop markers share one edge. */\n.-cerbur-clutch-dsh-worktree-treeChildren {\n  margin-inline-start: 0;\n  padding: 2px 0 5px;\n  border-inline-start: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-worktreeRow,\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeSessionRow,\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-sessionOverflowButton {\n  --wt-depth: 1;\n}\n\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-worktreeRow,\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeSessionRow,\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-sessionOverflowButton {\n  --wt-depth: 2;\n}\n\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-worktreeRow,\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeSessionRow,\n.-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-treeChildren .-cerbur-clutch-dsh-worktree-sessionOverflowButton {\n  --wt-depth: 3;\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: 0;\n}\n\n.-cerbur-clutch-dsh-worktree-worktreeRow {\n  min-height: 32px;\n  padding-block: 2px;\n  display: grid;\n  grid-template-columns: var(--wt-lead) minmax(0, 1fr) max-content;\n}\n\n/* Session rows indent to their group's label column, not one step past the row\n   start: the label reads as a child of that group without hanging to its left. */\n.-cerbur-clutch-dsh-worktree-treeSessionRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-inline-start: 0;\n  padding-inline-start: calc(\n    var(--wt-row-inset) + var(--wt-depth, 0) * var(--wt-step) + var(--wt-lead) +\n      var(--wt-label-pad)\n  );\n  padding-inline-end: var(--wt-row-inset);\n  min-width: 0;\n  min-height: 30px;\n  box-sizing: border-box;\n  border-radius: var(--dsw-radius-md);\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: 400;\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: 30px;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  padding: 4px 0;\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:focus-visible {\n  outline: 2px solid var(--dsw-alias-border-l3);\n  outline-offset: 1px;\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: auto;\n  margin: 2px var(--wt-row-inset) 4px\n    calc(\n      var(--wt-row-inset) + var(--wt-depth, 0) * var(--wt-step) + var(--wt-lead) +\n        var(--wt-label-pad)\n    );\n  padding: 4px 8px;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\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-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");
@@ -2940,7 +2967,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",
@@ -2953,7 +2982,18 @@ 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",
+			"activityBar": "-cerbur-clutch-dsh-worktree-activityBar",
+			"activityTabs": "-cerbur-clutch-dsh-worktree-activityTabs",
+			"activityConfig": "-cerbur-clutch-dsh-worktree-activityConfig",
+			"activityOption": "-cerbur-clutch-dsh-worktree-activityOption",
+			"activityOptionLabel": "-cerbur-clutch-dsh-worktree-activityOptionLabel",
+			"activityOptionCount": "-cerbur-clutch-dsh-worktree-activityOptionCount",
+			"activityOptionCheck": "-cerbur-clutch-dsh-worktree-activityOptionCheck",
+			"activitySegment": "-cerbur-clutch-dsh-worktree-activitySegment",
+			"activitySegmentActive": "-cerbur-clutch-dsh-worktree-activitySegmentActive",
+			"activityLabel": "-cerbur-clutch-dsh-worktree-activityLabel",
+			"activityCount": "-cerbur-clutch-dsh-worktree-activityCount",
+			"sidebarTitle": "-cerbur-clutch-dsh-worktree-sidebarTitle",
 			"titleHidden": "-cerbur-clutch-dsh-worktree-titleHidden",
 			"modeButton": "-cerbur-clutch-dsh-worktree-modeButton",
 			"workspacePicker": "-cerbur-clutch-dsh-worktree-workspacePicker",
@@ -2974,6 +3014,8 @@ window.__ModuleLoader__.load({
 			"sectionTitle": "-cerbur-clutch-dsh-worktree-sectionTitle",
 			"empty": "-cerbur-clutch-dsh-worktree-empty",
 			"message": "-cerbur-clutch-dsh-worktree-message",
+			"emptyHint": "-cerbur-clutch-dsh-worktree-emptyHint",
+			"activityMenuSeparator": "-cerbur-clutch-dsh-worktree-activityMenuSeparator",
 			"gitReadiness": "-cerbur-clutch-dsh-worktree-gitReadiness",
 			"commandBlock": "-cerbur-clutch-dsh-worktree-commandBlock",
 			"worktree": "-cerbur-clutch-dsh-worktree-worktree",
@@ -3007,14 +3049,14 @@ window.__ModuleLoader__.load({
 			"workspaceGroup": "-cerbur-clutch-dsh-worktree-workspaceGroup",
 			"workspaceRow": "-cerbur-clutch-dsh-worktree-workspaceRow",
 			"worktreeRow": "-cerbur-clutch-dsh-worktree-worktreeRow",
+			"workspaceTitle": "-cerbur-clutch-dsh-worktree-workspaceTitle",
 			"workspaceDisclosure": "-cerbur-clutch-dsh-worktree-workspaceDisclosure",
-			"workspaceIcon": "-cerbur-clutch-dsh-worktree-workspaceIcon",
 			"worktreeDisclosure": "-cerbur-clutch-dsh-worktree-worktreeDisclosure",
+			"workspaceIcon": "-cerbur-clutch-dsh-worktree-workspaceIcon",
 			"worktreeIcon": "-cerbur-clutch-dsh-worktree-worktreeIcon",
 			"disclosureButton": "-cerbur-clutch-dsh-worktree-disclosureButton",
 			"disclosureArrow": "-cerbur-clutch-dsh-worktree-disclosureArrow",
 			"worktreeStateLabel": "-cerbur-clutch-dsh-worktree-worktreeStateLabel",
-			"workspaceTitle": "-cerbur-clutch-dsh-worktree-workspaceTitle",
 			"treeSessionRow": "-cerbur-clutch-dsh-worktree-treeSessionRow",
 			"worktreeHoverTitle": "-cerbur-clutch-dsh-worktree-worktreeHoverTitle",
 			"sessionHoverContent": "-cerbur-clutch-dsh-worktree-sessionHoverContent",
@@ -3029,6 +3071,7 @@ window.__ModuleLoader__.load({
 			"dropBefore": "-cerbur-clutch-dsh-worktree-dropBefore",
 			"dropAfter": "-cerbur-clutch-dsh-worktree-dropAfter",
 			"treeChildren": "-cerbur-clutch-dsh-worktree-treeChildren",
+			"sessionOverflowButton": "-cerbur-clutch-dsh-worktree-sessionOverflowButton",
 			"groupLabel": "-cerbur-clutch-dsh-worktree-groupLabel",
 			"groupHeader": "-cerbur-clutch-dsh-worktree-groupHeader",
 			"worktreeGroup": "-cerbur-clutch-dsh-worktree-worktreeGroup",
@@ -3038,9 +3081,7 @@ window.__ModuleLoader__.load({
 			"rowActions": "-cerbur-clutch-dsh-worktree-rowActions",
 			"sessionStatus": "-cerbur-clutch-dsh-worktree-sessionStatus",
 			"sessionTime": "-cerbur-clutch-dsh-worktree-sessionTime",
-			"sessionOverflowButton": "-cerbur-clutch-dsh-worktree-sessionOverflowButton",
 			"renameError": "-cerbur-clutch-dsh-worktree-renameError",
-			"emptyNested": "-cerbur-clutch-dsh-worktree-emptyNested",
 			"archivedGroup": "-cerbur-clutch-dsh-worktree-archivedGroup",
 			"worktreeHoverDetails": "-cerbur-clutch-dsh-worktree-worktreeHoverDetails"
 		};
@@ -3120,7 +3161,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_26adaba12f8b/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_03c51188ea59/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) {
@@ -3689,7 +3730,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_26adaba12f8b/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_03c51188ea59/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) {
@@ -4090,7 +4131,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_26adaba12f8b/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_03c51188ea59/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) {
@@ -5656,6 +5697,18 @@ window.__ModuleLoader__.load({
 		function isWorkspaceExpanded(state, workspaceId) {
 			return state.collapsedWorkspaceIds[workspaceId] !== true;
 		}
+		/**
+		* The one open Workspace that owns the tree body.
+		*
+		* A temporary current-Session reveal wins over the persisted choice so navigation
+		* never waits for the store write. Otherwise the first uncollapsed Workspace is the
+		* open one; legacy records with several uncollapsed IDs render one Workspace and are
+		* normalized by the caller.
+		*/
+		function resolveOpenWorkspaceId(state, workspaceIds, revealedWorkspaceId) {
+			if (revealedWorkspaceId !== void 0 && workspaceIds.includes(revealedWorkspaceId)) return revealedWorkspaceId;
+			return workspaceIds.find((workspaceId) => isWorkspaceExpanded(state, workspaceId));
+		}
 		function isMainExpanded(state, workspaceId) {
 			return state.collapsedMainWorkspaceIds[workspaceId] !== true;
 		}
@@ -5685,6 +5738,13 @@ window.__ModuleLoader__.load({
 						toggle(draft.collapsedWorkspaceIds, workspaceId);
 					});
 				},
+				openWorkspaceExclusive: (workspaceId, workspaceIds) => {
+					if (!workspaceIds.includes(workspaceId)) return;
+					store.update((draft) => {
+						for (const id of workspaceIds) if (id === workspaceId) delete draft.collapsedWorkspaceIds[id];
+						else draft.collapsedWorkspaceIds[id] = true;
+					});
+				},
 				toggleMain: (workspaceId) => {
 					store.update((draft) => {
 						toggle(draft.collapsedMainWorkspaceIds, workspaceId);
@@ -5893,6 +5953,7 @@ window.__ModuleLoader__.load({
 				className: `${worktree_css_default.workspaceRow} ${markerClass}`,
 				"data-worktree-motion-key": `workspace:${workspace.workspaceId}`,
 				"data-workspace-drag": drag.active ? "active" : void 0,
+				"data-workspace-open": expanded ? "true" : void 0,
 				"data-group-activity": groupActivityVisible ? "true" : void 0,
 				"data-menu-open": menuOpen || void 0,
 				draggable: true,
@@ -6408,7 +6469,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/client/surface/components/ActiveWorktree.js
 		function ActiveWorktree({ record, source, expansion, ordering, props, lifecycle, session, menus, mutation, read, registration, lifecycleState, drag, native, bindings, workspaceMatchesQuery, workspace, workspaceWorktreeNames, sameWorkspaceWorktreeDrag, activeWorktrees }) {
-			const { sessions, archivedSessionIds, currentSessionId, expandSnapshot, sessionPresentations } = source;
+			const { sessions, archivedSessionIds, currentSessionId, expandSnapshot, sessionPresentations, activity } = source;
 			const { query, isCurrentSessionReveal, expandedSessionGroups, toggleWorktree, toggleSessionGroup } = expansion;
 			const { orderedSessionIdsByAccount } = ordering;
 			const { t, renameSession, forkSession, archiveSession } = props;
@@ -6421,7 +6482,8 @@ window.__ModuleLoader__.load({
 			const { setWorktreeRemoval } = lifecycleState;
 			const { worktreeDrag, worktreeDropCommitted, setWorktreeDrag, commitWorktreeDrag, sessionDrag, sessionDropCommitted, setSessionDrag, commitSessionDrag } = drag;
 			const { openSessionRename, archiveWorktreeSession } = native;
-			const worktreeSessionIds = filterVisibleSessionIds(filterArchivedSessionIds(bindingIdsFor(bindings, record.worktreeId).filter((sessionId) => sessions.ids.includes(sessionId)), archivedSessionIds), sessions);
+			const worktreeSessionIds = filterVisibleSessionIds(activity.scopeSessionIds(filterArchivedSessionIds(bindingIdsFor(bindings, record.worktreeId).filter((sessionId) => sessions.ids.includes(sessionId)), archivedSessionIds)), sessions);
+			if (activity.active && !activity.showInactiveStructure && worktreeSessionIds.length === 0) return null;
 			const worktreeMatchesQuery = workspaceMatchesQuery || includesText(record.branch, query) || includesText(record.absolutePath, query);
 			if (query.length > 0 && !worktreeMatchesQuery && !worktreeSessionIds.some((sessionId) => sessionMatchesQuery(sessionId, sessions, query))) return null;
 			const visibleWorktreeSessionIds = worktreeSessionIds.filter((sessionId) => worktreeMatchesQuery || sessionMatchesQuery(sessionId, sessions, query));
@@ -6573,7 +6635,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/client/surface/components/ArchivedWorktree.js
 		function ArchivedWorktree({ record, source, expansion, ordering, props, lifecycle, mutation, menus, read, lifecycleState, drag, session, native, bindings, workspaceMatchesQuery, workspace }) {
-			const { sessions, archivedSessionIds, currentSessionId, expandSnapshot, sessionPresentations } = source;
+			const { sessions, archivedSessionIds, currentSessionId, expandSnapshot, sessionPresentations, activity } = source;
 			const { query, isCurrentSessionReveal, expandedSessionGroups, toggleWorktree, toggleSessionGroup } = expansion;
 			const { orderedSessionIdsByAccount } = ordering;
 			const { t, manager, renameSession, forkSession, archiveSession } = props;
@@ -6585,7 +6647,8 @@ window.__ModuleLoader__.load({
 			const { sessionDrag, sessionDropCommitted, setSessionDrag, commitSessionDrag } = drag;
 			const { openWorkspaceSession } = session;
 			const { openSessionRename, archiveWorktreeSession } = native;
-			const worktreeSessionIds = filterVisibleSessionIds(filterArchivedSessionIds(bindingIdsFor(bindings, record.worktreeId).filter((sessionId) => sessions.ids.includes(sessionId)), archivedSessionIds), sessions);
+			const worktreeSessionIds = filterVisibleSessionIds(activity.scopeSessionIds(filterArchivedSessionIds(bindingIdsFor(bindings, record.worktreeId).filter((sessionId) => sessions.ids.includes(sessionId)), archivedSessionIds)), sessions);
+			if (activity.active && !activity.showInactiveStructure && worktreeSessionIds.length === 0) return null;
 			const worktreeMatchesQuery = workspaceMatchesQuery || includesText(record.branch, query) || includesText(record.absolutePath, query);
 			if (query.length > 0 && !worktreeMatchesQuery && !worktreeSessionIds.some((sessionId) => sessionMatchesQuery(sessionId, sessions, query))) return null;
 			const visibleWorktreeSessionIds = worktreeSessionIds.filter((sessionId) => worktreeMatchesQuery || sessionMatchesQuery(sessionId, sessions, query));
@@ -6741,7 +6804,7 @@ window.__ModuleLoader__.load({
 		function ArchivedWorktrees({ expansion, props, source, ordering, lifecycle, mutation, menus, read, lifecycleState, drag, session, native, workspace, archivedWorktrees, bindings, workspaceMatchesQuery }) {
 			const { isCurrentSessionReveal, expandedArchivedWorkspaces, toggleArchivedWorkspace } = expansion;
 			const { t } = props;
-			const { sessions, archivedSessionIds, sessionPresentations } = source;
+			const { sessions, archivedSessionIds, sessionPresentations, activity } = source;
 			const isArchivedAutoExpanded = isCurrentSessionReveal("archived:" + workspace.workspaceId);
 			const isArchivedExpanded = expandedArchivedWorkspaces[workspace.workspaceId] === true || isArchivedAutoExpanded;
 			return (0, react_jsx_runtime.jsxs)("div", {
@@ -6752,7 +6815,7 @@ window.__ModuleLoader__.load({
 					kind: "archived-group",
 					label: `${t("worktree.archivedGroup")} (${archivedWorktrees.length})`,
 					expanded: isArchivedExpanded,
-					groupActivityStatus: aggregateSessionStatus(filterArchivedSessionIds(archivedWorktrees.flatMap((record) => bindingIdsFor(bindings, record.worktreeId).filter((sessionId) => sessions.ids.includes(sessionId))), archivedSessionIds), sessionPresentations),
+					groupActivityStatus: aggregateSessionStatus(activity.scopeSessionIds(filterArchivedSessionIds(archivedWorktrees.flatMap((record) => bindingIdsFor(bindings, record.worktreeId).filter((sessionId) => sessions.ids.includes(sessionId))), archivedSessionIds)), sessionPresentations),
 					icon: (0, react_jsx_runtime.jsx)(IconArchiveOutline20, { size: 16 }),
 					workspaceTitle: workspace.title,
 					onToggle: () => {
@@ -6848,7 +6911,7 @@ window.__ModuleLoader__.load({
 					overlay.append(clone);
 					const animation = clone.animate([{ opacity: row.opacity }, { opacity: 0 }], {
 						duration: 100,
-						easing: "ease-out",
+						easing: "cubic-bezier(0.4, 0, 0.2, 1)",
 						fill: "forwards"
 					});
 					this.removed.set(key, {
@@ -6875,7 +6938,7 @@ window.__ModuleLoader__.load({
 			move(element, frames, duration) {
 				const animation = element.animate(frames, {
 					duration,
-					easing: "ease-out"
+					easing: "cubic-bezier(0.4, 0, 0.2, 1)"
 				});
 				this.movements.set(element, animation);
 				animation.onfinish = () => {
@@ -6925,31 +6988,46 @@ window.__ModuleLoader__.load({
 		function WorkspaceTree({ props, read, source, expansion, ordering, drag, mutation, menus, registration, native, lifecycle, session, lifecycleState }) {
 			const { t, createMainSession, openSession, renameSession, forkSession, archiveSession } = props;
 			const { viewByWorkspace } = read;
-			const { expandSnapshot, workspaces, sessions, archivedSessionIds, sessionPresentations, currentSessionId } = source;
-			const { isCurrentSessionReveal, query, expandedSessionGroups, toggleWorkspace, toggleMain, toggleSessionGroup } = expansion;
+			const { expandSnapshot, workspaces, sessions, archivedSessionIds, sessionPresentations, currentSessionId, activity } = source;
+			const { isCurrentSessionReveal, isWorkspaceOpen, query, expandedSessionGroups, toggleWorkspace, toggleMain, toggleSessionGroup } = expansion;
 			const { orderedSessionIdsByAccount } = ordering;
 			const { worktreeDrag, workspaceDrag, workspaceDropCommitted, setWorkspaceDrag, commitWorkspaceDrag, sessionDrag, sessionDropCommitted, setSessionDrag, commitSessionDrag } = drag;
 			const { actionPending } = mutation;
 			const { openWorkspaceMenuId, setOpenWorkspaceMenuId, openMainMenuId, setOpenMainMenuId } = menus;
 			const { openWorktreeCreator } = registration;
 			const { openWorkspaceRename, openWorkspaceDelete, openSessionRename, archiveWorktreeSession } = native;
-			const visibleWorkspaces = workspaces.items.filter((workspace) => workspaceMatches(workspace, viewByWorkspace.get(workspace.workspaceId), sessions, query));
+			const workspaceCandidateSessionIds = (workspaceId) => {
+				const candidates = new Set(workspaceSessionIds(workspaces, workspaceId, sessions.ids));
+				for (const binding of viewByWorkspace.get(workspaceId)?.bindings ?? []) candidates.add(binding.sessionId);
+				return [...candidates];
+			};
+			const structureSurvivesWindow = (sessionIds) => !activity.active || activity.showInactiveStructure || activity.hasActiveSession(sessionIds);
+			const worktreeSurvivesWindow = (workspaceId, worktreeId) => {
+				if (!activity.active || activity.showInactiveStructure) return true;
+				const bindings = viewByWorkspace.get(workspaceId)?.bindings ?? [];
+				return activity.hasActiveSession(filterArchivedSessionIds(bindingIdsFor(bindings, worktreeId).filter((sessionId) => sessions.ids.includes(sessionId)), archivedSessionIds));
+			};
+			const visibleWorkspaces = workspaces.items.filter((workspace) => workspaceMatches(workspace, viewByWorkspace.get(workspace.workspaceId), sessions, query) && structureSurvivesWindow(workspaceCandidateSessionIds(workspace.workspaceId)));
 			return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react_jsx_runtime.jsx)(AnimatedTree, {
 				className: worktree_css_default.workspaceList,
 				ready: sessions.phase !== "pending" && workspaceDrag === void 0 && worktreeDrag === void 0 && sessionDrag === void 0,
-				resetKey: query,
-				children: visibleWorkspaces.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+				resetKey: activity.window + "|" + query,
+				children: visibleWorkspaces.length === 0 ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("p", {
 					className: worktree_css_default.empty,
-					children: t("workspace.noMatches")
-				}) : visibleWorkspaces.map((workspace) => {
+					children: activity.active && !activity.showInactiveStructure ? t("filter.empty") : t("workspace.noMatches")
+				}), activity.active && !activity.showInactiveStructure && (0, react_jsx_runtime.jsx)("p", {
+					className: worktree_css_default.emptyHint,
+					children: t(activity.isWindowVisible("all") ? "filter.emptyHint" : "filter.emptyHintMenu")
+				})] }) : visibleWorkspaces.map((workspace) => {
 					const view = viewByWorkspace.get(workspace.workspaceId);
 					const currentBranch = view?.currentBranch === null ? void 0 : view?.currentBranch ?? view?.branches.find((branch) => branch.isCurrent)?.name;
 					const currentHead = view?.checkout?.currentHead;
 					const mainRef = currentHead?.name ?? currentBranch;
 					const mainLabel = mainRef === void 0 ? t("worktree.main") : t("worktree.mainWithBranch", { branch: mainRef });
-					const expanded = isWorkspaceExpanded(expandSnapshot, workspace.workspaceId) || isCurrentSessionReveal("workspace:" + workspace.workspaceId);
+					const expanded = isWorkspaceOpen(workspace.workspaceId);
 					const workspaceMatchesQuery = includesText(workspace.title, query);
-					const allWorkspaceSessionIds = filterArchivedSessionIds(workspaceSessionIds(workspaces, workspace.workspaceId, sessions.ids), archivedSessionIds);
+					const workspaceMembershipSessionIds = filterArchivedSessionIds(workspaceSessionIds(workspaces, workspace.workspaceId, sessions.ids), archivedSessionIds);
+					const allWorkspaceSessionIds = activity.scopeSessionIds(workspaceMembershipSessionIds);
 					const workspaceGroupActivityStatus = aggregateSessionStatus(filterVisibleSessionIds(allWorkspaceSessionIds, sessions), sessionPresentations);
 					const bindings = view?.bindings ?? [];
 					const mainSessionIds = filterVisibleSessionIds(unboundSessionIds(allWorkspaceSessionIds, [...new Set(bindings.map((binding) => binding.sessionId))]).filter((id) => view?.knownSessionIds === void 0 || view.knownSessionIds.includes(id)), sessions);
@@ -6964,6 +7042,8 @@ window.__ModuleLoader__.load({
 					const worktrees = view?.worktrees ?? [];
 					const activeWorktrees = worktrees.filter((record) => record.status === "active");
 					const archivedWorktrees = worktrees.filter((record) => record.status === "removed");
+					const visibleActiveWorktrees = activeWorktrees.filter((record) => worktreeSurvivesWindow(workspace.workspaceId, record.worktreeId));
+					const visibleArchivedWorktrees = archivedWorktrees.filter((record) => worktreeSurvivesWindow(workspace.workspaceId, record.worktreeId));
 					const workspaceWorktreeNames = [...view?.branches.map((branch) => branch.name) ?? [], ...view?.worktrees.map((worktree) => worktree.branch) ?? []];
 					const sameWorkspaceWorktreeDrag = worktreeDrag?.workspaceId === workspace.workspaceId;
 					return (0, react_jsx_runtime.jsxs)("section", {
@@ -7113,11 +7193,7 @@ window.__ModuleLoader__.load({
 										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, {
+									visibleActiveWorktrees.map((record) => (0, react_jsx_runtime.jsx)(ActiveWorktree, {
 										record,
 										source,
 										expansion,
@@ -7139,7 +7215,7 @@ window.__ModuleLoader__.load({
 										sameWorkspaceWorktreeDrag,
 										activeWorktrees
 									}, record.worktreeId)),
-									archivedWorktrees.length > 0 && (0, react_jsx_runtime.jsx)(ArchivedWorktrees, {
+									visibleArchivedWorktrees.length > 0 && (0, react_jsx_runtime.jsx)(ArchivedWorktrees, {
 										expansion,
 										props,
 										source,
@@ -7153,7 +7229,7 @@ window.__ModuleLoader__.load({
 										session,
 										native,
 										workspace,
-										archivedWorktrees,
+										archivedWorktrees: visibleArchivedWorktrees,
 										bindings,
 										workspaceMatchesQuery
 									})
@@ -7437,6 +7513,167 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region lib/client/surface/components/ActivityFilterBar.js
+		/** Short labels keep four ranges readable in a narrow Sidebar. */
+		const ACTIVITY_OPTIONS = [
+			{
+				id: "today",
+				labelKey: "filter.today"
+			},
+			{
+				id: "last24h",
+				labelKey: "filter.last24h"
+			},
+			{
+				id: "last7d",
+				labelKey: "filter.last7d"
+			},
+			{
+				id: "all",
+				labelKey: "filter.all"
+			}
+		];
+		/**
+		* Browser-only range selector above the Worktree tree.
+		*
+		* It scopes an existing projection and adds no read: counts come from the Session
+		* list and presentations already held by the surface, and the selected range is a
+		* Client preference, never a Sidecar or DSH value. The trailing menu only chooses
+		* which ranges the bar renders; it never changes membership or Host state.
+		*/
+		function ActivityFilterBar({ t, activity }) {
+			const chooseLabel = t("filter.choose");
+			const onlyVisible = activity.visibleWindows.length === 1;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: worktree_css_default.activityBar,
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					className: worktree_css_default.activityTabs,
+					role: "group",
+					"aria-label": t("filter.group"),
+					children: ACTIVITY_OPTIONS.filter(({ id }) => activity.isWindowVisible(id)).map(({ id, labelKey }) => {
+						const label = t(labelKey);
+						const selected = activity.window === id;
+						const count = activity.count(id);
+						const accessibleLabel = t("filter.count", {
+							label,
+							count
+						});
+						return (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: cx(worktree_css_default.activitySegment, selected && worktree_css_default.activitySegmentActive),
+							"data-activity-window": id,
+							"data-selected": selected || void 0,
+							"aria-pressed": selected,
+							"aria-label": accessibleLabel,
+							title: accessibleLabel,
+							onClick: () => {
+								activity.setWindow(id);
+							},
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: worktree_css_default.activityLabel,
+								children: label
+							}), count > 0 && (0, react_jsx_runtime.jsx)("span", {
+								className: worktree_css_default.activityCount,
+								"aria-hidden": "true",
+								children: count
+							})]
+						}, id);
+					})
+				}), (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+					open: activity.menuOpen,
+					onClose: () => {
+						activity.setMenuOpen(false);
+					},
+					align: "end",
+					portal: true,
+					items: [{
+						type: "label",
+						id: "visible-filters",
+						text: t("filter.visible")
+					}],
+					anchor: (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: worktree_css_default.activityConfig,
+						"data-activity-config": true,
+						"aria-label": chooseLabel,
+						"aria-haspopup": "menu",
+						"aria-expanded": activity.menuOpen,
+						title: chooseLabel,
+						onClick: () => {
+							activity.setMenuOpen(!activity.menuOpen);
+						},
+						children: (0, react_jsx_runtime.jsx)(IconSlidersTwoOutline16, {})
+					}),
+					children: [
+						ACTIVITY_OPTIONS.map(({ id, labelKey }) => {
+							const label = t(labelKey);
+							const checked = activity.isWindowVisible(id);
+							const locked = checked && onlyVisible;
+							return (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								role: "menuitemcheckbox",
+								"aria-checked": checked,
+								"aria-label": t("filter.count", {
+									label,
+									count: activity.count(id)
+								}),
+								className: worktree_css_default.activityOption,
+								"data-activity-option": id,
+								"data-checked": checked || void 0,
+								disabled: locked,
+								title: locked ? t("filter.keepOne") : void 0,
+								onClick: () => {
+									activity.setWindowVisible(id, !checked);
+								},
+								children: [
+									(0, react_jsx_runtime.jsx)("span", {
+										className: worktree_css_default.activityOptionLabel,
+										children: label
+									}),
+									(0, react_jsx_runtime.jsx)("span", {
+										className: worktree_css_default.activityOptionCount,
+										"aria-hidden": "true",
+										children: activity.count(id)
+									}),
+									(0, react_jsx_runtime.jsx)("span", {
+										className: worktree_css_default.activityOptionCheck,
+										"aria-hidden": "true",
+										children: checked && (0, react_jsx_runtime.jsx)(IconCheckOutline16, {})
+									})
+								]
+							}, id);
+						}),
+						(0, react_jsx_runtime.jsx)("span", {
+							className: worktree_css_default.activityMenuSeparator,
+							role: "separator",
+							"aria-hidden": "true"
+						}),
+						(0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "menuitemcheckbox",
+							"aria-checked": activity.showInactiveStructure,
+							"aria-label": t("filter.keepInactive"),
+							className: worktree_css_default.activityOption,
+							"data-activity-keep-inactive": true,
+							"data-checked": activity.showInactiveStructure || void 0,
+							title: t("filter.keepInactiveHint"),
+							onClick: () => {
+								activity.setShowInactiveStructure(!activity.showInactiveStructure);
+							},
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: worktree_css_default.activityOptionLabel,
+								children: t("filter.keepInactive")
+							}), (0, react_jsx_runtime.jsx)("span", {
+								className: worktree_css_default.activityOptionCheck,
+								"aria-hidden": "true",
+								children: activity.showInactiveStructure && (0, react_jsx_runtime.jsx)(IconCheckOutline16, {})
+							})]
+						})
+					]
+				})]
+			});
+		}
+		//#endregion
 		//#region lib/client/session/active-sessions.js
 		/** Join existing ready facts only, independently of tree search, folding and row limits. */
 		function activeSessions(sessions, presentations, workspaces, views) {
@@ -7683,7 +7920,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", {
@@ -8797,6 +9034,7 @@ window.__ModuleLoader__.load({
 			const [currentSessionReveal, setCurrentSessionReveal] = (0, react.useState)();
 			const revealSessionIdRef = (0, react.useRef)(Symbol("initial"));
 			const revealModeRef = (0, react.useRef)(Symbol("initial"));
+			const appliedRevealRef = (0, react.useRef)();
 			let activeReveal = currentSessionReveal;
 			if (currentSessionId !== revealSessionIdRef.current || mode !== revealModeRef.current) {
 				revealSessionIdRef.current = currentSessionId;
@@ -8809,6 +9047,9 @@ window.__ModuleLoader__.load({
 			}
 			const searchQueryRef = (0, react.useRef)(searchQuery);
 			searchQueryRef.current = searchQuery;
+			(0, react.useEffect)(() => {
+				if (mode !== "worktree") appliedRevealRef.current = void 0;
+			}, [mode]);
 			(0, react.useEffect)(() => {
 				if (!searchExpanded) return;
 				const onClick = (event) => {
@@ -8838,6 +9079,9 @@ window.__ModuleLoader__.load({
 			]);
 			const currentRevealKeys = (0, react.useMemo)(() => new Set(currentSessionRevealKeys(currentSessionLocation)), [currentSessionLocation]);
 			const isCurrentSessionReveal = (key) => activeReveal !== void 0 && activeReveal.sessionId === currentSessionId && currentRevealKeys.has(key) && activeReveal.suppressedKeys[key] !== true;
+			const revealedWorkspaceId = currentSessionLocation?.workspaceId !== void 0 && workspaceIds.includes(currentSessionLocation.workspaceId) && isCurrentSessionReveal("workspace:" + currentSessionLocation.workspaceId) ? currentSessionLocation.workspaceId : void 0;
+			const openWorkspaceId = resolveOpenWorkspaceId(expandSnapshot, workspaceIds, revealedWorkspaceId);
+			const isWorkspaceOpen = (workspaceId) => workspaceId === openWorkspaceId;
 			(0, react.useLayoutEffect)(() => {
 				locateGenerationRef.current += 1;
 				positionedLocateGenerationRef.current = void 0;
@@ -8873,6 +9117,30 @@ window.__ModuleLoader__.load({
 				query,
 				readState.status
 			]);
+			(0, react.useLayoutEffect)(() => {
+				if (mode !== "worktree" || readState.status !== "ready" || isPendingListPhase(workspaces.phase) || workspaceIds.length === 0) return;
+				const expandedIds = workspaceIds.filter((workspaceId) => isWorkspaceExpanded(expandSnapshot, workspaceId));
+				if (revealedWorkspaceId !== void 0) {
+					const applied = appliedRevealRef.current;
+					if (applied !== void 0 && applied.sessionId === currentSessionId && applied.workspaceId === revealedWorkspaceId) return;
+					expandState.actions.openWorkspaceExclusive(revealedWorkspaceId, workspaceIds);
+					appliedRevealRef.current = {
+						sessionId: currentSessionId,
+						workspaceId: revealedWorkspaceId
+					};
+					return;
+				}
+				if (expandedIds.length > 1 && openWorkspaceId !== void 0) expandState.actions.openWorkspaceExclusive(openWorkspaceId, workspaceIds);
+			}, [
+				mode,
+				readState.status,
+				workspaces.phase,
+				workspaceIds,
+				expandSnapshot,
+				revealedWorkspaceId,
+				openWorkspaceId,
+				expandState
+			]);
 			(0, react.useEffect)(() => {
 				if (readState.status !== "ready" || isPendingListPhase(workspaces.phase) || !isCompleteWorktreeWorkspaceSnapshot(workspaceIds, readState.views)) return;
 				expandState.actions.retain(workspaceIds, readState.views.flatMap((view) => view.worktrees.map((record) => record.worktreeId)));
@@ -8901,17 +9169,18 @@ window.__ModuleLoader__.load({
 				});
 				return true;
 			};
+			const workspaceGroupKeys = (workspaceId) => ["main:" + workspaceId, ...(viewByWorkspace.get(workspaceId)?.worktrees.map((record) => record.worktreeId) ?? []).map((worktreeId) => "worktree:" + worktreeId)];
 			const toggleWorkspace = (workspaceId) => {
-				const persistedExpanded = isWorkspaceExpanded(expandSnapshot, workspaceId);
-				const autoExpanded = isCurrentSessionReveal("workspace:" + workspaceId);
-				const visuallyExpanded = persistedExpanded || autoExpanded;
-				if (visuallyExpanded && autoExpanded) suppressCurrentSessionReveal("workspace:" + workspaceId);
-				if (visuallyExpanded && !persistedExpanded) {
-					clearSessionGroups(["main:" + workspaceId, ...(viewByWorkspace.get(workspaceId)?.worktrees.map((record) => record.worktreeId) ?? []).map((worktreeId) => "worktree:" + worktreeId)]);
+				if (openWorkspaceId === workspaceId) {
+					suppressCurrentSessionReveal("workspace:" + workspaceId);
+					if (isWorkspaceExpanded(expandSnapshot, workspaceId)) expandState.actions.toggleWorkspace(workspaceId);
+					clearSessionGroups(workspaceGroupKeys(workspaceId));
 					return;
 				}
-				expandState.actions.toggleWorkspace(workspaceId);
-				if (visuallyExpanded) clearSessionGroups(["main:" + workspaceId, ...(viewByWorkspace.get(workspaceId)?.worktrees.map((record) => record.worktreeId) ?? []).map((worktreeId) => "worktree:" + worktreeId)]);
+				const currentWorkspaceId = currentSessionLocation?.workspaceId;
+				if (currentWorkspaceId !== void 0 && currentWorkspaceId !== workspaceId) suppressCurrentSessionReveal("workspace:" + currentWorkspaceId);
+				if (openWorkspaceId !== void 0) clearSessionGroups(workspaceGroupKeys(openWorkspaceId));
+				expandState.actions.openWorkspaceExclusive(workspaceId, workspaceIds);
 			};
 			const toggleMain = (workspaceId) => {
 				const persistedExpanded = isMainExpanded(expandSnapshot, workspaceId);
@@ -8984,6 +9253,8 @@ window.__ModuleLoader__.load({
 				currentSessionLocation,
 				currentRevealKeys,
 				isCurrentSessionReveal,
+				openWorkspaceId,
+				isWorkspaceOpen,
 				clearSessionGroups,
 				suppressCurrentSessionReveal,
 				toggleWorkspace,
@@ -9464,485 +9735,285 @@ 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
+				collapsed,
+				bounds: {
+					ready: !collapsed && height > 0,
+					top: 0,
+					height
+				}
 			};
 		}
 		//#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;
+		//#region lib/client/view/activity-filter.js
+		/**
+		* Browser-only activity window that scopes the Worktree tree.
+		*
+		* The filter is a presentation projection over native Session facts
+		* (`updatedAt`, running state and pending interaction). It never adds an RPC,
+		* never reads Git, and never writes a Sidecar field: hiding a row must not
+		* change what the Host or DSH considers to exist.
+		*/
+		const ACTIVITY_WINDOWS = [
+			"today",
+			"last24h",
+			"last7d",
+			"all"
+		];
+		const DAY_MS = 864e5;
+		function isActivityWindowId(value) {
+			return typeof value === "string" && ACTIVITY_WINDOWS.includes(value);
 		}
-		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
-				};
+		/** Guard persisted values before they scope a visible tree. */
+		function effectiveActivityWindow(value) {
+			return isActivityWindowId(value) ? value : "all";
+		}
+		/** The selector shows every range until the user narrows it. */
+		const DEFAULT_ACTIVITY_WINDOWS = ACTIVITY_WINDOWS;
+		/**
+		* Guard the persisted visible-range list: unknown and duplicate entries are
+		* dropped, the canonical selector order is restored, and an empty result falls
+		* back to every range so the selector can never become unreachable.
+		*/
+		function effectiveActivityWindows(value) {
+			const values = Array.isArray(value) ? value.filter(isActivityWindowId) : [];
+			const selected = new Set(values);
+			const visible = ACTIVITY_WINDOWS.filter((window) => selected.has(window));
+			return visible.length > 0 ? visible : DEFAULT_ACTIVITY_WINDOWS;
+		}
+		/**
+		* Apply one visibility checkbox without producing an empty selector.
+		* Re-showing a range inserts it back into the canonical order.
+		*/
+		function toggleActivityWindow(current, window, visible) {
+			const enabled = new Set(current);
+			if (visible === enabled.has(window)) return current;
+			if (visible) enabled.add(window);
+			else enabled.delete(window);
+			if (enabled.size === 0) return current;
+			return ACTIVITY_WINDOWS.filter((candidate) => enabled.has(candidate));
+		}
+		/**
+		* Pick the tab that takes over when the selected range is hidden: the next
+		* visible range in selector order, wrapping to the first one at the end.
+		*/
+		function nextActivityWindow(hidden, visible) {
+			const start = ACTIVITY_WINDOWS.indexOf(hidden);
+			for (let step = 1; step <= ACTIVITY_WINDOWS.length; step += 1) {
+				const candidate = ACTIVITY_WINDOWS[(start + step) % ACTIVITY_WINDOWS.length];
+				if (candidate !== void 0 && visible.includes(candidate)) return candidate;
+			}
+			return visible[0] ?? "all";
+		}
+		/** Local calendar-day start: DSH presents Session times in the local time zone. */
+		function startOfLocalDay(now) {
+			const date = new Date(now);
+			date.setHours(0, 0, 0, 0);
+			return date.getTime();
+		}
+		/** Inclusive lower bound in epoch milliseconds; `undefined` disables filtering. */
+		function activityWindowSince(window, now) {
+			if (!Number.isFinite(now)) return void 0;
+			switch (window) {
+				case "today": return startOfLocalDay(now);
+				case "last24h": return now - DAY_MS;
+				case "last7d": return now - 7 * DAY_MS;
+				case "all": return;
 			}
 		}
-		function finiteRect(rect) {
-			return [
-				rect.left,
-				rect.right,
-				rect.top,
-				rect.bottom,
-				rect.width,
-				rect.height
-			].every(Number.isFinite);
+		function lastActivityAt(sessionId, scope) {
+			const updatedAt = scope.sessionPresentations[sessionId]?.updatedAt ?? scope.sessions.byId[sessionId]?.updatedAt;
+			return updatedAt !== void 0 && Number.isFinite(updatedAt) ? updatedAt : void 0;
 		}
-		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;
+		/**
+		* A Session is active in a window when it runs now, waits for interaction, or
+		* was updated inside the window. Running and pending Sessions count even with
+		* an old `updatedAt`, because they are active now.
+		*/
+		function isSessionActiveInWindow(sessionId, window, now, scope) {
+			const since = activityWindowSince(window, now);
+			if (since === void 0) return true;
+			if (scope.currentSessionId === sessionId) return true;
+			const presentation = scope.sessionPresentations[sessionId];
+			if (presentation !== void 0 && (presentation.ongoing || presentation.status.state === "warning")) return true;
+			const at = lastActivityAt(sessionId, scope);
+			return at !== void 0 && at >= since;
+		}
+		/** Filter a group without mutating its source order. */
+		function filterSessionIdsByActivity(sessionIds, window, now, scope) {
+			if (window === "all") return sessionIds;
+			return sessionIds.filter((sessionId) => isSessionActiveInWindow(sessionId, window, now, scope));
+		}
+		/** Session scope the tree and the range selector both count. */
+		function activityCandidateSessionIds(source, archivedSessionIds) {
+			const excluded = new Set(archivedSessionIds);
+			return source.ids.filter((sessionId) => !excluded.has(sessionId) && source.byId[sessionId]?.blank !== true);
+		}
+		/** Count the Sessions a window would show; used for the range selector labels. */
+		function countSessionsInWindow(candidateSessionIds, window, now, scope) {
+			return filterSessionIdsByActivity(candidateSessionIds, window, now, scope).length;
+		}
+		//#endregion
+		//#region lib/client/surface/state/useActivityFilter.js
+		/** A bounded window crosses a day/hour boundary while the panel is open. */
+		const ACTIVITY_CLOCK_INTERVAL_MS = 6e4;
+		/**
+		* Derive the browser-only activity range for the Worktree tree.
+		*
+		* The range is a persisted Client preference read through the shared view store;
+		* this hook adds the wall clock, the per-Session predicate and the range counts.
+		* It reads only native Session facts, so it never widens the refresh scope.
+		*/
+		function useActivityFilter({ props, source, enabled }) {
+			const preferred = props.useStore((state) => state.activityWindow);
+			const preferredWindows = props.useStore((state) => state.activityWindows);
+			const showInactiveStructure = props.useStore((state) => state.showInactiveStructure !== false);
+			const visibleWindows = (0, react.useMemo)(() => effectiveActivityWindows(preferredWindows), [preferredWindows]);
+			const preferredWindow = effectiveActivityWindow(preferred);
+			const window = visibleWindows.includes(preferredWindow) ? preferredWindow : visibleWindows[0] ?? "all";
+			const [now, setNow] = (0, react.useState)(() => Date.now());
+			const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				if (!enabled) return;
+				setNow(Date.now());
+				const timer = setInterval(() => setNow(Date.now()), ACTIVITY_CLOCK_INTERVAL_MS);
+				return () => clearInterval(timer);
+			}, [enabled]);
+			const { sessions, sessionPresentations, currentSessionId, archivedSessionIds } = source;
+			const scope = (0, react.useMemo)(() => ({
+				sessions,
+				sessionPresentations,
+				...currentSessionId === void 0 ? {} : { currentSessionId }
+			}), [
+				sessions,
+				sessionPresentations,
+				currentSessionId
+			]);
+			const candidateSessionIds = (0, react.useMemo)(() => activityCandidateSessionIds(sessions, archivedSessionIds), [sessions, archivedSessionIds]);
+			const counts = (0, react.useMemo)(() => {
+				const next = {};
+				for (const candidate of ACTIVITY_WINDOWS) next[candidate] = countSessionsInWindow(candidateSessionIds, candidate, now, scope);
+				return next;
+			}, [
+				candidateSessionIds,
+				now,
+				scope
+			]);
+			const isActive = (0, react.useCallback)((sessionId) => isSessionActiveInWindow(sessionId, window, now, scope), [
+				now,
+				scope,
+				window
+			]);
+			const hasActiveSession = (0, react.useCallback)((sessionIds) => sessionIds.some(isActive), [isActive]);
+			const scopeSessionIds = (0, react.useCallback)((sessionIds) => window === "all" ? sessionIds : sessionIds.filter(isActive), [isActive, window]);
+			const setWindow = (0, react.useCallback)((next) => {
+				props.actions.setActivityWindow(effectiveActivityWindow(next));
+			}, [props.actions]);
+			const isWindowVisible = (0, react.useCallback)((candidate) => visibleWindows.includes(candidate), [visibleWindows]);
+			const setWindowVisible = (0, react.useCallback)((candidate, visible) => {
+				props.actions.setActivityWindowVisible(candidate, visible);
+			}, [props.actions]);
+			const setShowInactiveStructure = (0, react.useCallback)((show) => {
+				props.actions.setShowInactiveStructure(show === true);
+			}, [props.actions]);
+			const count = (0, react.useCallback)((candidate) => counts[effectiveActivityWindow(candidate)] ?? 0, [counts]);
 			return {
-				center: centers[0],
-				rightbar
+				window,
+				active: window !== "all",
+				now,
+				setWindow,
+				visibleWindows,
+				isWindowVisible,
+				setWindowVisible,
+				showInactiveStructure,
+				setShowInactiveStructure,
+				menuOpen,
+				setMenuOpen,
+				isActive,
+				scopeSessionIds,
+				hasActiveSession,
+				count
 			};
 		}
 		//#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
-			};
-		}
-		//#endregion
-		//#region lib/client/surface/state/useSurfaceSources.js
-		function useSurfaceSources({ props }) {
-			const { useStore, available, manager, useSessions, useSessionStatus, useWorkspaces, forkRecovery, expandState, sessionOrder } = props;
-			const preferredMode = useStore((state) => state.viewMode);
-			const mode = effectiveViewMode(preferredMode, available && manager !== void 0);
-			const sessions = useSessions((state) => state);
-			const sessionStatuses = useSessionStatus?.((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);
-			const workspaceIds = useStableWorkspaceIds(workspaces.items);
-			const workspaceIdsRef = (0, react.useRef)(workspaceIds);
-			workspaceIdsRef.current = workspaceIds;
-			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");
-			return {
-				preferredMode,
-				mode,
-				sessions,
-				workspaces,
-				forkRecoveryStore,
-				forkRecoverySnapshot,
-				currentSessionId,
-				workspaceIds,
-				workspaceIdsRef,
-				expandSnapshot,
-				sessionOrderSnapshot,
-				sessionPresentations,
-				ref,
-				width,
-				bounds,
-				collapsed,
-				nativeCovered,
-				archivedSessionIds: workspaces.archivedSessionIds ?? []
+		//#region lib/client/surface/state/useSurfaceSources.js
+		function useSurfaceSources({ props }) {
+			const { useStore, available, manager, useSessions, useSessionStatus, useWorkspaces, forkRecovery, expandState, sessionOrder } = props;
+			const preferredMode = useStore((state) => state.viewMode);
+			const mode = effectiveViewMode(preferredMode, available && manager !== void 0);
+			const sessions = useSessions((state) => state);
+			const sessionStatuses = useSessionStatus?.((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);
+			const workspaceIds = useStableWorkspaceIds(workspaces.items);
+			const workspaceIdsRef = (0, react.useRef)(workspaceIds);
+			workspaceIdsRef.current = workspaceIds;
+			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 { bounds, collapsed } = useWorkspaceRegionGeometry(props.sidebarSeat);
+			const archivedSessionIds = workspaces.archivedSessionIds ?? [];
+			return {
+				preferredMode,
+				mode,
+				sessions,
+				workspaces,
+				forkRecoveryStore,
+				forkRecoverySnapshot,
+				currentSessionId,
+				workspaceIds,
+				workspaceIdsRef,
+				expandSnapshot,
+				sessionOrderSnapshot,
+				sessionPresentations,
+				activity: useActivityFilter({
+					props,
+					enabled: mode === "worktree",
+					source: {
+						sessions,
+						sessionPresentations,
+						currentSessionId,
+						archivedSessionIds
+					}
+				}),
+				bounds,
+				collapsed,
+				archivedSessionIds
 			};
 		}
 		//#endregion
@@ -10223,7 +10294,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_26adaba12f8b/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_03c51188ea59/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) {
@@ -10425,6 +10496,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 {
@@ -10434,7 +10705,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_26adaba12f8b/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_03c51188ea59/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) {
@@ -10746,7 +11017,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_26adaba12f8b/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_03c51188ea59/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) {
@@ -12923,7 +13194,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0clutch-dsh-worktree-css:/Users/yuancheng/Documents/Code/clutch-dsh/packages/clutch-dsh-worktree/.agents/clutch-worktrees/wt_26adaba12f8b/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_03c51188ea59/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) {
@@ -14576,7 +14847,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)();
@@ -14788,55 +15059,50 @@ 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,
-								children: [(0, react_jsx_runtime.jsx)(SurfaceHeader, {
-									onOpenSession: session.openWorkspaceSession,
-									expansion,
-									props,
-									source,
-									read,
-									mutation
-								}), (0, react_jsx_runtime.jsx)(SurfaceContent, {
-									source,
-									props,
-									lifecycle,
-									mutation,
-									session,
-									read,
-									expansion,
-									ordering,
-									drag,
-									menus,
-									registration,
-									native,
-									lifecycleState
-								})]
+								children: [
+									(0, react_jsx_runtime.jsx)(SurfaceHeader, {
+										onOpenSession: session.openWorkspaceSession,
+										expansion,
+										props,
+										source,
+										read,
+										mutation
+									}),
+									(0, react_jsx_runtime.jsx)(ActivityFilterBar, {
+										t,
+										activity: source.activity
+									}),
+									(0, react_jsx_runtime.jsx)(SurfaceContent, {
+										source,
+										props,
+										lifecycle,
+										mutation,
+										session,
+										read,
+										expansion,
+										ordering,
+										drag,
+										menus,
+										registration,
+										native,
+										lifecycleState
+									})
+								]
 							}),
 							(0, react_jsx_runtime.jsx)(NativeDialogs, {
 								props,
@@ -14859,7 +15125,7 @@ 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,
@@ -14997,9 +15263,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
@@ -15384,7 +15686,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_26adaba12f8b/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_03c51188ea59/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) {
@@ -15729,11 +16031,33 @@ window.__ModuleLoader__.load({
 		/** Create one root-scoped, browser-local view-mode store for the two slot entries. */
 		function createWorktreeViewStore() {
 			return defineStore({
-				init: () => ({ viewMode: "workspace-session" }),
+				init: () => ({
+					viewMode: "workspace-session",
+					activityWindow: "all",
+					activityWindows: [...DEFAULT_ACTIVITY_WINDOWS],
+					showInactiveStructure: true
+				}),
 				persist: WORKTREE_VIEW_MODE_STORAGE_KEY,
-				actions: { setViewMode: (draft, mode) => {
-					draft.viewMode = mode;
-				} }
+				actions: {
+					setViewMode: (draft, mode) => {
+						draft.viewMode = mode;
+					},
+					setActivityWindow: (draft, window) => {
+						draft.activityWindows = effectiveActivityWindows(draft.activityWindows);
+						draft.activityWindow = window;
+					},
+					setShowInactiveStructure: (draft, show) => {
+						draft.showInactiveStructure = show === true;
+					},
+					setActivityWindowVisible: (draft, window, visible) => {
+						const current = effectiveActivityWindows(draft.activityWindows);
+						const next = toggleActivityWindow(current, window, visible);
+						if (next === current) return;
+						draft.activityWindows = next;
+						const selected = effectiveActivityWindow(draft.activityWindow);
+						if (!next.includes(selected)) draft.activityWindow = nextActivityWindow(selected, next);
+					}
+				}
 			});
 		}
 		//#endregion
@@ -16200,6 +16524,7 @@ window.__ModuleLoader__.load({
 			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",
@@ -16459,6 +16784,7 @@ window.__ModuleLoader__.load({
 				store: viewStore,
 				locale: WORKTREE_NS,
 				inject: () => ({
+					mountWorkspaceSidebar,
 					available: true,
 					openErrorSettings: () => openWorktreeErrorSettings(ctx.slots),
 					openResource: (address, options) => {