dsh-git-branch-manage 1.0.3 → 1.0.4

package/lib/client.js

@@ -391,6 +391,21 @@ window.__ModuleLoader__.load({
 			return post(ROUTE_AI_COMMIT_MESSAGE, body);
 		}
 		//#endregion
+		//#region src/client/git-events.ts
+		const listeners = /* @__PURE__ */ new Set();
+		/** Announce that a surface changed repository state (checkout, rename,
+		* delete, create, commit, fetch, update, push). */
+		function emitGitMutated() {
+			for (const listener of [...listeners]) listener();
+		}
+		/** Subscribe; returns the unsubscribe function. */
+		function onGitMutated(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+		//#endregion
 		//#region src/client/branch-tree.ts
 		/** Whether a bare `git push` has a known upstream and local commits ahead. */
 		function hasPushableCommits(rows, currentBranch) {
@@ -2735,6 +2750,12 @@ window.__ModuleLoader__.load({
 					document.removeEventListener("visibilitychange", onVisibility);
 				};
 			}, [refresh]);
+			(0, react.useEffect)(() => {
+				return onGitMutated(() => {
+					if (busyRef.current) return;
+					refresh();
+				});
+			}, [refresh]);
 			const showError = (0, react.useCallback)((message) => {
 				pushToast(t("errorGeneric", { message }));
 			}, [pushToast, t]);
@@ -2756,6 +2777,7 @@ window.__ModuleLoader__.load({
 				setConfirm(null);
 				if (!keepOpen) setMenuOpen(false);
 				onSettled?.();
+				emitGitMutated();
 			}, [showError]);
 			/** In-place switch flow: POST /switch, then refetch the status. */
 			const doSwitch = (0, react.useCallback)((branch, keepOpen = false) => runGuarded(async () => {
@@ -3459,6 +3481,17 @@ window.__ModuleLoader__.load({
 			if (needle === "") return [...commits];
 			return commits.filter((commit) => commit.subject.toLowerCase().includes(needle) || commit.authorName.toLowerCase().includes(needle));
 		}
+		/**
+		* Case-insensitive substring filter over the branch name — the branch card's
+		* head search box. A remote row matches on its full `remote/name`, which
+		* contains the prefix-stripped short name the tree renders, so searching what
+		* the user sees and searching the remote prefix both hit.
+		*/
+		function filterBranches(rows, query) {
+			const needle = query.trim().toLowerCase();
+			if (needle === "") return [...rows];
+			return rows.filter((row) => row.name.toLowerCase().includes(needle));
+		}
 		/** Merge the next page into the accumulated list, dropping hash duplicates
 		* (a ref moved between fetches must not duplicate rows). */
 		function appendPage(current, page) {
@@ -3520,9 +3553,19 @@ window.__ModuleLoader__.load({
 				branches
 			})).sort((left, right) => left.remote.localeCompare(right.remote));
 		}
+		/** Every group key the branch tree renders — the collapse-all target set.
+		* The bare `remote` key folds the whole remote tree; the nested
+		* `remote:<name>` keys matter only for the groups it re-opens. */
+		function branchGroupKeys(remotes) {
+			return [
+				"local",
+				"remote",
+				...groupRemotes(remotes).map((group) => `remote:${group.remote}`)
+			];
+		}
 		//#endregion
 		//#region \0git-worktree-css:/home/runner/work/dsh-git-branch/dsh-git-branch/src/client/GitHistoryPanel.module.css?inline
-		const css$2 = "/* Git panel (sidebar global panel). Three stacked sections over the main\n * column: uncommitted changes + commit box, branches, commit history. Host\n * tokens only; the few status colors fall back to the same literals the\n * settings card uses. */\n\n.page_427795137 {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  height: 100%;\n}\n\n.topbar_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px 8px;\n}\n\n.back_427795137 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 0;\n  background: none;\n  cursor: pointer;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n  padding: 4px 8px;\n  border-radius: 8px;\n}\n\n.back_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.title_427795137 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.repoPill_427795137 {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--dsw-alias-label-secondary);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 999px;\n  padding: 3px 10px;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.repoName_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.branchName_427795137 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.track_427795137 {\n  font-variant-numeric: tabular-nums;\n}\n\n.topbarActions_427795137 {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n\n.refreshBtn_427795137 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: 0;\n  border-radius: 8px;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.refreshBtn_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.refreshBtn_427795137[disabled] {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.scroll_427795137 {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 16px 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* Sections NEVER flex-shrink: the scroll container is a definite-height\n * flex column, and a shrinkable child collapses to a fraction of its\n * content while the overflow paints over the following sections (the\n * branch section went empty and the commit box drifted into the history).\n * Natural heights; the container scrolls as a whole. */\n.section_427795137 {\n  flex: none;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n  display: flex;\n  flex-direction: column;\n}\n\n.sectionHead_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.sectionTitle_427795137 {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.countBadge_427795137 {\n  font-size: 10px;\n  line-height: 1;\n  border-radius: 999px;\n  padding: 3px 7px;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-secondary);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.sectionTools_427795137 {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.sectionBody_427795137 {\n  padding: 10px 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* Small action chip used across the section heads and the commit row. */\n.act_427795137 {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.4;\n  cursor: pointer;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 7px;\n  padding: 4px 10px;\n  white-space: nowrap;\n}\n\n.act_427795137:hover:not([disabled]) {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n.act_427795137[disabled] {\n  opacity: 0.45;\n  cursor: default;\n}\n\n.actPrimary_427795137 {\n  /* Hardcoded blue by request — the brand token does not resolve reliably\n   * inside the better-sidebar panel. */\n  background: #4c6bf5;\n  border-color: transparent;\n  color: #fff;\n}\n\n.actPrimary_427795137:hover:not([disabled]) {\n  border-color: transparent;\n  filter: brightness(1.06);\n}\n\n/* Uncommitted changes */\n\n.groupTitleRow_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.linkBtn_427795137 {\n  margin-left: auto;\n  background: none;\n  border: 0;\n  padding: 2px 4px;\n  font: inherit;\n  font-size: 12px;\n  color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  border-radius: 5px;\n}\n\n.linkBtn_427795137:hover:not([disabled]) {\n  text-decoration: underline;\n}\n\n.linkBtn_427795137[disabled] {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.changeRow_427795137 {\n  display: grid;\n  grid-template-columns: 16px 18px minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: center;\n  padding: 3px 6px;\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.changeRow_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.changeCheck_427795137 {\n  width: 14px;\n  height: 14px;\n  accent-color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  margin: 0;\n}\n\n.statusBadge_427795137 {\n  width: 16px;\n  height: 16px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  color: #fff;\n  box-sizing: border-box;\n}\n\n.statusA_427795137 { background: var(--dsw-alias-status-success, #218358); }\n.statusM_427795137 { background: var(--dsw-alias-label-warning, #b07000); }\n.statusD_427795137 { background: var(--dsw-alias-status-danger, #d5304f); }\n.statusR_427795137 { background: #8350d8; }\n.statusC_427795137 { background: #8350d8; }\n.statusT_427795137 { background: #5b7a9d; }\n.statusQ_427795137 { background: var(--dsw-alias-label-dimmed, #9aa0aa); }\n.statusU_427795137 { background: #d5502e; }\n\n.changePath_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: ui-monospace, Consolas, monospace;\n  font-size: 11.5px;\n  direction: rtl;\n  text-align: left;\n}\n\n.stageHint_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  flex: none;\n}\n\n.commitBox_427795137 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n.commitInput_427795137 {\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n  min-height: 52px;\n  font: inherit;\n  font-size: 12.5px;\n  line-height: 1.5;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  padding: 7px 10px;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.commitInput_427795137:focus {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n.commitActions_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.commitHint_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  min-height: 16px;\n}\n\n.split_427795137 {\n  margin-left: auto;\n  display: flex;\n  position: relative;\n}\n\n.splitMain_427795137 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  padding: 6px 16px;\n  font-size: 13px;\n}\n\n.splitCaret_427795137 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  margin-left: 1px;\n  padding: 6px 6px;\n}\n\n.menu_427795137 {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 4px);\n  z-index: 40;\n  width: max-content;\n  min-width: 0;\n  background: var(--dsw-alias-surface-raised, var(--dsw-alias-bg-layer-3));\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  box-shadow: var(--dsw-shadow-lv3);\n  backdrop-filter: var(--dsw-menu-backdrop-filter);\n  padding: 3px;\n  display: flex;\n  flex-direction: column;\n}\n\n.menuItem_427795137 {\n  display: block;\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: 0;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.4;\n  padding: 5px 10px;\n  border-radius: 5px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.menuItem_427795137:hover:not([disabled]) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.menuItem_427795137[disabled] {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.menuSub_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  margin-top: 1px;\n}\n\n/* Branch section — two IDEA-style trees: 本地 → branches, 远程 → per-remote → branches */\n\n.treeHead_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 6px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  user-select: none;\n}\n\n.treeHead_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.treeChevron_427795137 {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.treeChildren_427795137 {\n  display: flex;\n  flex-direction: column;\n  margin-left: 12px;\n}\n\n.treeHeadNest_427795137 {\n  font-weight: 400;\n}\n\n.treeNest_427795137 {\n  margin-left: 12px;\n}\n\n.branchRow_427795137 {\n  display: grid;\n  grid-template-columns: 20px minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: center;\n  padding: 5px 8px;\n  border-radius: 7px;\n  cursor: pointer;\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.branchRow_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.branchRowCurrent_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  cursor: default;\n}\n\n.branchRowCurrent_427795137:hover {\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.branchMark_427795137 {\n  color: var(--dsw-alias-brand-primary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.branchName_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n}\n\n.branchKind_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  margin-left: 6px;\n}\n\n.branchTrack_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  flex: none;\n}\n\n/* The branch action menu is portaled; fixed positioning by row rect. */\n.floatMenu_427795137 {\n  position: fixed;\n  z-index: 60;\n  min-width: 190px;\n}\n\n.menuHead_427795137 {\n  padding: 6px 10px 5px;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  margin-bottom: 3px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.menuHeadStrong_427795137 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.menuDanger_427795137 {\n  color: var(--dsw-alias-status-danger, #d5304f);\n}\n\n.formField_427795137 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.formLabel_427795137 {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.formInput_427795137 {\n  font: inherit;\n  font-size: 13px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  padding: 7px 10px;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.formInput_427795137:focus {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n.formError_427795137 {\n  font-size: 12px;\n  color: var(--dsw-alias-status-danger, #d5304f);\n  min-height: 16px;\n}\n\n/* Commit history */\n\n.historyHead_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.searchBox_427795137 {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex: 1;\n  max-width: 300px;\n  min-width: 140px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 7px;\n  padding: 0 9px;\n  height: 28px;\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.searchInput_427795137 {\n  flex: 1;\n  min-width: 0;\n  border: 0;\n  background: none;\n  outline: none;\n  font: inherit;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.searchInput_427795137::placeholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.commitRow_427795137 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 22px minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: center;\n  padding: 6px 8px 6px 2px;\n  cursor: pointer;\n  border-radius: 7px;\n}\n\n.commitRow_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.commitRowOpen_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.commitRowOpen_427795137:hover {\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.commitGraph_427795137 {\n  position: relative;\n  align-self: stretch;\n  min-height: 34px;\n}\n\n.commitGraph_427795137::before {\n  content: \"\";\n  position: absolute;\n  left: 10px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: var(--dsw-alias-border-l2);\n}\n\n.commitRowFirst_427795137 .commitGraph_427795137::before {\n  top: 50%;\n}\n\n.commitRowLast_427795137 .commitGraph_427795137::before {\n  bottom: 50%;\n}\n\n.commitDot_427795137 {\n  position: absolute;\n  left: 5px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: var(--dsw-alias-brand-primary);\n  border: 3px solid var(--dsw-alias-bg-layer-2);\n  box-sizing: content-box;\n  margin-left: -3px;\n}\n\n.commitDotMerge_427795137 {\n  background: #8350d8;\n}\n\n.commitMain_427795137 {\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.commitSubject_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.commitSubjectText_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.commitRowOpen_427795137 .commitSubjectText_427795137 {\n  font-weight: 600;\n}\n\n.refBadges_427795137 {\n  display: inline-flex;\n  gap: 4px;\n  flex: none;\n}\n\n.refBadge_427795137 {\n  font-size: 10px;\n  line-height: 1;\n  border-radius: 4px;\n  padding: 3px 5px;\n  font-weight: 500;\n  white-space: nowrap;\n  max-width: 140px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.refHead_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary-bluish);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.refTag_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-warning, #b07000);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.refRemote_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  color: #8350d8;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.refLocal_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-status-success, #218358);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.commitMeta_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11.5px;\n}\n\n.authorDot_427795137 {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--dsw-alias-brand-primary);\n  color: #fff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 9px;\n  flex: none;\n}\n\n.commitSide_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11.5px;\n  flex: none;\n}\n\n.commitHash_427795137 {\n  font-family: ui-monospace, Consolas, monospace;\n}\n\n.commitExpand_427795137 {\n  grid-column: 1 / -1;\n  padding: 2px 4px 8px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.commitExpandTitle_427795137 {\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n  margin-bottom: 3px;\n}\n\n.fileRow_427795137 {\n  display: grid;\n  grid-template-columns: 18px minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: center;\n  padding: 3px 6px;\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.fileRow_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.filePath_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: ui-monospace, Consolas, monospace;\n  font-size: 11.5px;\n  direction: rtl;\n  text-align: left;\n}\n\n.fileNums_427795137 {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n  flex: none;\n}\n\n.fileAdd_427795137 { color: var(--dsw-alias-status-success, #218358); }\n.fileDel_427795137 { color: var(--dsw-alias-status-danger, #d5304f); }\n\n.empty_427795137 {\n  padding: 28px 16px;\n  text-align: center;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12.5px;\n}\n\n.errorText_427795137 {\n  padding: 20px 16px;\n  text-align: center;\n  color: var(--dsw-alias-status-danger, #d5304f);\n  font-size: 12.5px;\n}\n\n.moreRow_427795137 {\n  display: flex;\n  justify-content: center;\n  padding: 8px 0 2px;\n}\n";
+		const css$2 = "/* Git panel (sidebar global panel). Three stacked sections over the main\n * column: uncommitted changes + commit box, branches, commit history. Host\n * tokens only; the few status colors fall back to the same literals the\n * settings card uses. */\n\n.page_427795137 {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  height: 100%;\n}\n\n.topbar_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 16px 8px;\n}\n\n.back_427795137 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 0;\n  background: none;\n  cursor: pointer;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n  padding: 4px 8px;\n  border-radius: 8px;\n}\n\n.back_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.title_427795137 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.repoPill_427795137 {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--dsw-alias-label-secondary);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 999px;\n  padding: 3px 10px;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.repoName_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.branchName_427795137 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.track_427795137 {\n  font-variant-numeric: tabular-nums;\n}\n\n.topbarActions_427795137 {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n\n.refreshBtn_427795137 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: 0;\n  border-radius: 8px;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.refreshBtn_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.refreshBtn_427795137[disabled] {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.scroll_427795137 {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0 16px 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* The page column below the topbar is a definite-height flex column and the\n * three cards split it 2:1:2 (uncommitted : branches : history) — five\n * shares, the topbar and gaps taking their natural height first. Each body\n * scrolls INSIDE its share — min-height: 0 is what lets a flex child shrink\n * below its content (the old natural-height model painted overflowing rows\n * over the sections below). A floor keeps a very short panel from\n * collapsing a card to its bare head; past the floor the column itself\n * scrolls. */\n.section_427795137 {\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n.sectionFill_427795137 {\n  flex: 1 1 0;\n  min-height: 84px;\n}\n\n/* The three flex-grow overrides of the 2:1:2 split. */\n.sectionChanges_427795137 {\n  flex-grow: 2;\n}\n\n.sectionBranches_427795137 {\n  flex-grow: 1;\n}\n\n.sectionHistory_427795137 {\n  flex-grow: 2;\n}\n\n.sectionHead_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.sectionTitle_427795137 {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.countBadge_427795137 {\n  font-size: 10px;\n  line-height: 1;\n  border-radius: 999px;\n  padding: 3px 7px;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-secondary);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.sectionTools_427795137 {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.sectionBody_427795137 {\n  padding: 10px 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n/* The branch and history bodies scroll as a whole inside their share. */\n.sectionBodyScroll_427795137 {\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n\n/* Inside the uncommitted card only the file lists scroll; the commit box\n * below stays pinned however long the change tree is. */\n.changeList_427795137 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n\n/* The 全部展开/全部折叠 text chips in the branch card head. */\n.treeToggle_427795137 {\n  background: none;\n  border: 0;\n  padding: 2px 5px;\n  font: inherit;\n  font-size: 11.5px;\n  line-height: 1.4;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  border-radius: 5px;\n  white-space: nowrap;\n}\n\n.treeToggle_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-brand-primary);\n}\n\n/* Small action chip used across the section heads and the commit row. */\n.act_427795137 {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.4;\n  cursor: pointer;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 7px;\n  padding: 4px 10px;\n  white-space: nowrap;\n}\n\n.act_427795137:hover:not([disabled]) {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n.act_427795137[disabled] {\n  opacity: 0.45;\n  cursor: default;\n}\n\n.actPrimary_427795137 {\n  /* Hardcoded blue by request — the brand token does not resolve reliably\n   * inside the better-sidebar panel. */\n  background: #4c6bf5;\n  border-color: transparent;\n  color: #fff;\n}\n\n.actPrimary_427795137:hover:not([disabled]) {\n  border-color: transparent;\n  filter: brightness(1.06);\n}\n\n/* Uncommitted changes */\n\n.groupTitleRow_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.linkBtn_427795137 {\n  margin-left: auto;\n  background: none;\n  border: 0;\n  padding: 2px 4px;\n  font: inherit;\n  font-size: 12px;\n  color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  border-radius: 5px;\n}\n\n.linkBtn_427795137:hover:not([disabled]) {\n  text-decoration: underline;\n}\n\n.linkBtn_427795137[disabled] {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.changeRow_427795137 {\n  display: grid;\n  grid-template-columns: 16px 18px minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: center;\n  padding: 3px 6px;\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.changeRow_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.changeCheck_427795137 {\n  width: 14px;\n  height: 14px;\n  accent-color: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  margin: 0;\n}\n\n.statusBadge_427795137 {\n  width: 16px;\n  height: 16px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  color: #fff;\n  box-sizing: border-box;\n}\n\n.statusA_427795137 { background: var(--dsw-alias-status-success, #218358); }\n.statusM_427795137 { background: var(--dsw-alias-label-warning, #b07000); }\n.statusD_427795137 { background: var(--dsw-alias-status-danger, #d5304f); }\n.statusR_427795137 { background: #8350d8; }\n.statusC_427795137 { background: #8350d8; }\n.statusT_427795137 { background: #5b7a9d; }\n.statusQ_427795137 { background: var(--dsw-alias-label-dimmed, #9aa0aa); }\n.statusU_427795137 { background: #d5502e; }\n\n.changePath_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: ui-monospace, Consolas, monospace;\n  font-size: 11.5px;\n  direction: rtl;\n  text-align: left;\n}\n\n.stageHint_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  flex: none;\n}\n\n.commitBox_427795137 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 4px;\n  flex: none;\n}\n\n.commitInput_427795137 {\n  width: 100%;\n  box-sizing: border-box;\n  resize: vertical;\n  min-height: 52px;\n  font: inherit;\n  font-size: 12.5px;\n  line-height: 1.5;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  padding: 7px 10px;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.commitInput_427795137:focus {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n.commitActions_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.commitHint_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  min-height: 16px;\n}\n\n.split_427795137 {\n  margin-left: auto;\n  display: flex;\n  position: relative;\n}\n\n.splitMain_427795137 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  padding: 6px 16px;\n  font-size: 13px;\n}\n\n.splitCaret_427795137 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  margin-left: 1px;\n  padding: 6px 6px;\n}\n\n.menu_427795137 {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 4px);\n  z-index: 40;\n  width: max-content;\n  min-width: 0;\n  background: var(--dsw-alias-surface-raised, var(--dsw-alias-bg-layer-3));\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  box-shadow: var(--dsw-shadow-lv3);\n  backdrop-filter: var(--dsw-menu-backdrop-filter);\n  padding: 3px;\n  display: flex;\n  flex-direction: column;\n}\n\n.menuItem_427795137 {\n  display: block;\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: 0;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.4;\n  padding: 5px 10px;\n  border-radius: 5px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.menuItem_427795137:hover:not([disabled]) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.menuItem_427795137[disabled] {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.menuSub_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  margin-top: 1px;\n}\n\n/* Branch section — two IDEA-style trees: 本地 → branches, 远程 → per-remote → branches */\n\n.treeHead_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 6px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n  user-select: none;\n}\n\n.treeHead_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.treeChevron_427795137 {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.treeChildren_427795137 {\n  display: flex;\n  flex-direction: column;\n  margin-left: 12px;\n}\n\n.treeHeadNest_427795137 {\n  font-weight: 400;\n}\n\n.treeNest_427795137 {\n  margin-left: 12px;\n}\n\n.branchRow_427795137 {\n  display: grid;\n  grid-template-columns: 20px minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: center;\n  padding: 5px 8px;\n  border-radius: 7px;\n  /* The action menu opens on RIGHT-CLICK (Enter/Space for keyboard) — an\n   * arrow, not the pointing hand a left-click affordance would promise. */\n  cursor: default;\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.branchRow_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n/* Whole-row highlight for the current branch: the ✓ alone read as too\n * quiet inside the tree. A translucent brand-blue wash plus the inset left\n * accent and a colored name survives both themes; #4c6bf5 is the same\n * hardcoded blue actPrimary uses (the brand token does not resolve\n * reliably inside the better-sidebar panel). */\n.branchRowCurrent_427795137 {\n  background: rgba(76, 107, 245, 0.16);\n  box-shadow: inset 2px 0 0 #4c6bf5;\n  cursor: default;\n}\n\n.branchRowCurrent_427795137:hover {\n  background: rgba(76, 107, 245, 0.16);\n}\n\n.branchRowCurrent_427795137 .branchName_427795137 {\n  color: #4c6bf5;\n  font-weight: 600;\n}\n\n.branchMark_427795137 {\n  color: var(--dsw-alias-brand-primary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.branchName_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n}\n\n.branchKind_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n  margin-left: 6px;\n}\n\n.branchTrack_427795137 {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  flex: none;\n}\n\n/* The branch action menu is portaled; fixed positioning by row rect. */\n.floatMenu_427795137 {\n  position: fixed;\n  z-index: 60;\n  min-width: 190px;\n}\n\n.menuHead_427795137 {\n  padding: 6px 10px 5px;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  margin-bottom: 3px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.menuHeadStrong_427795137 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n.menuDanger_427795137 {\n  color: var(--dsw-alias-status-danger, #d5304f);\n}\n\n.formField_427795137 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.formLabel_427795137 {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.formInput_427795137 {\n  font: inherit;\n  font-size: 13px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  padding: 7px 10px;\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.formInput_427795137:focus {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n.formError_427795137 {\n  font-size: 12px;\n  color: var(--dsw-alias-status-danger, #d5304f);\n  min-height: 16px;\n}\n\n/* Commit history */\n\n.historyHead_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.searchBox_427795137 {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex: 1;\n  max-width: 300px;\n  min-width: 140px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 7px;\n  padding: 0 9px;\n  height: 28px;\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n/* The branch card's head variant: sits right of the title and grows toward\n * the tools instead of being right-aligned by `margin-left: auto`. The\n * overrides win because both selectors are single classes and this one is\n * declared later. */\n.searchBoxHead_427795137 {\n  margin-left: 0;\n  flex: 1 1 auto;\n  max-width: 320px;\n  min-width: 90px;\n}\n\n.searchInput_427795137 {\n  flex: 1;\n  min-width: 0;\n  border: 0;\n  background: none;\n  outline: none;\n  font: inherit;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.searchInput_427795137::placeholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.commitRow_427795137 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 22px minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: center;\n  padding: 6px 8px 6px 2px;\n  cursor: pointer;\n  border-radius: 7px;\n}\n\n.commitRow_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.commitRowOpen_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.commitRowOpen_427795137:hover {\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.commitGraph_427795137 {\n  position: relative;\n  align-self: stretch;\n  min-height: 34px;\n}\n\n.commitGraph_427795137::before {\n  content: \"\";\n  position: absolute;\n  left: 10px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: var(--dsw-alias-border-l2);\n}\n\n.commitRowFirst_427795137 .commitGraph_427795137::before {\n  top: 50%;\n}\n\n.commitRowLast_427795137 .commitGraph_427795137::before {\n  bottom: 50%;\n}\n\n/* A small plain dot on the rail — the old 10px dot with a fat card-colored\n * ring read as a heavy black blob. #4c6bf5 for the same reason actPrimary\n * hardcodes it (the brand token does not resolve reliably in this panel). */\n.commitDot_427795137 {\n  position: absolute;\n  left: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #4c6bf5;\n}\n\n.commitDotMerge_427795137 {\n  background: #8350d8;\n}\n\n.commitMain_427795137 {\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.commitSubject_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  font-size: 12.5px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.commitSubjectText_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.commitRowOpen_427795137 .commitSubjectText_427795137 {\n  font-weight: 600;\n}\n\n.refBadges_427795137 {\n  display: inline-flex;\n  gap: 4px;\n  flex: none;\n}\n\n.refBadge_427795137 {\n  font-size: 10px;\n  line-height: 1;\n  border-radius: 4px;\n  padding: 3px 5px;\n  font-weight: 500;\n  white-space: nowrap;\n  max-width: 140px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.refHead_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-primary-bluish);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.refTag_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-label-warning, #b07000);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.refRemote_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  color: #8350d8;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.refLocal_427795137 {\n  background: var(--dsw-alias-bg-layer-3);\n  color: var(--dsw-alias-status-success, #218358);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n}\n\n.commitMeta_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11.5px;\n}\n\n.commitSide_427795137 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11.5px;\n  flex: none;\n}\n\n.commitHash_427795137 {\n  font-family: ui-monospace, Consolas, monospace;\n}\n\n.commitExpand_427795137 {\n  grid-column: 1 / -1;\n  padding: 2px 4px 8px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.commitExpandTitle_427795137 {\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n  margin-bottom: 3px;\n}\n\n.fileRow_427795137 {\n  display: grid;\n  grid-template-columns: 18px minmax(0, 1fr) auto;\n  gap: 8px;\n  align-items: center;\n  padding: 3px 6px;\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.fileRow_427795137:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.filePath_427795137 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: ui-monospace, Consolas, monospace;\n  font-size: 11.5px;\n  direction: rtl;\n  text-align: left;\n}\n\n.fileNums_427795137 {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n  flex: none;\n}\n\n.fileAdd_427795137 { color: var(--dsw-alias-status-success, #218358); }\n.fileDel_427795137 { color: var(--dsw-alias-status-danger, #d5304f); }\n\n.empty_427795137 {\n  padding: 28px 16px;\n  text-align: center;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12.5px;\n}\n\n.errorText_427795137 {\n  padding: 20px 16px;\n  text-align: center;\n  color: var(--dsw-alias-status-danger, #d5304f);\n  font-size: 12.5px;\n}\n\n.moreRow_427795137 {\n  display: flex;\n  justify-content: center;\n  padding: 8px 0 2px;\n}\n";
 		const tagId$2 = "dsh-git-branch-manage/GitHistoryPanel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"" + tagId$2 + "\"]") === null) {
 			const tag = document.createElement("style");
@@ -3544,11 +3587,18 @@ window.__ModuleLoader__.load({
 			"refreshBtn": "refreshBtn_427795137",
 			"scroll": "scroll_427795137",
 			"section": "section_427795137",
+			"sectionFill": "sectionFill_427795137",
+			"sectionChanges": "sectionChanges_427795137",
+			"sectionBranches": "sectionBranches_427795137",
+			"sectionHistory": "sectionHistory_427795137",
 			"sectionHead": "sectionHead_427795137",
 			"sectionTitle": "sectionTitle_427795137",
 			"countBadge": "countBadge_427795137",
 			"sectionTools": "sectionTools_427795137",
 			"sectionBody": "sectionBody_427795137",
+			"sectionBodyScroll": "sectionBodyScroll_427795137",
+			"changeList": "changeList_427795137",
+			"treeToggle": "treeToggle_427795137",
 			"act": "act_427795137",
 			"actPrimary": "actPrimary_427795137",
 			"groupTitleRow": "groupTitleRow_427795137",
@@ -3596,6 +3646,7 @@ window.__ModuleLoader__.load({
 			"formError": "formError_427795137",
 			"historyHead": "historyHead_427795137",
 			"searchBox": "searchBox_427795137",
+			"searchBoxHead": "searchBoxHead_427795137",
 			"searchInput": "searchInput_427795137",
 			"commitRow": "commitRow_427795137",
 			"commitRowOpen": "commitRowOpen_427795137",
@@ -3614,7 +3665,6 @@ window.__ModuleLoader__.load({
 			"refRemote": "refRemote_427795137",
 			"refLocal": "refLocal_427795137",
 			"commitMeta": "commitMeta_427795137",
-			"authorDot": "authorDot_427795137",
 			"commitSide": "commitSide_427795137",
 			"commitHash": "commitHash_427795137",
 			"commitExpand": "commitExpand_427795137",
@@ -3632,18 +3682,36 @@ window.__ModuleLoader__.load({
 		//#region src/client/panel/BranchSection.tsx
 		/**
 		* BranchSection: the panel's middle block — the branch list with an IDEA-style
-		* action menu. Clicking any row opens a small menu anchored to it (checkout,
-		* new branch from here, rename, delete, copy name — remote rows narrow it to
-		* the actions a remote branch can take); the CURRENT branch's menu hides only
-		* checkout and delete, so rename/new-from/copy stay reachable. Rename and
-		* create run through the Modal primitive with the same client-side name
-		* validation the composer chip applies; delete confirms first and always uses
-		* the safe `-d` form (git refuses unmerged). Presentational: every action
-		* arrives as a callback; the menu/dialog state is local and resets when the
-		* branch list identity changes.
+		* action menu. RIGHT-CLICKING any row opens a small menu anchored to it
+		* (checkout, new branch from here, rename, delete, copy name — remote rows
+		* narrow it to the actions a remote branch can take); the CURRENT branch's
+		* menu hides only checkout and delete, so rename/new-from/copy stay
+		* reachable. Keyboard rows keep Enter/Space as the menu opener — a context
+		* menu has no keyboard twin. Rename and create run through the Modal
+		* primitive with the same client-side name validation the composer chip
+		* applies; delete confirms first and always uses the safe `-d` form (git
+		* refuses unmerged). Presentational: every action arrives as a callback; the
+		* menu/dialog state is local and resets when the branch list identity
+		* changes.
+		*
+		* The tree opens on 本地 only (the current branch lives there) and the card
+		* takes one share of the panel's fixed 2:1:2 split (its body scrolls inside
+		* it), so a branch-heavy repository can no longer push the other cards off
+		* screen. 全部展开/全部折叠 drive every group at once, and after a checkout
+		* (or expand-all) the card re-centers on the current branch row.
+		*
+		* The head carries a search box: it filters both trees by branch name
+		* (case-insensitive substring), and while a query is active every matching
+		* group renders expanded with its count following the filter — the folded
+		* state the user set is untouched and comes back when the query clears.
 		*
 		* @module git-worktree/client/panel/BranchSection
 		*/
+		/** Groups folded when the card mounts: the remote tree only. The current
+		* branch lives at the TOP of the local group (buildBranchRows sorts it
+		* first), so 本地 stays open — the card opens showing what the panel is
+		* about, without the wall of remote branches. */
+		const COLLAPSED_ON_MOUNT = /* @__PURE__ */ new Set(["remote"]);
 		/** The action menu as a body portal, fixed-positioned next to the row. */
 		function BranchFloatMenu(props) {
 			const { state, t, busy, onAction, onClose } = props;
@@ -3739,7 +3807,16 @@ window.__ModuleLoader__.load({
 			const [menu, setMenu] = (0, react.useState)(null);
 			const [dialog, setDialog] = (0, react.useState)(null);
 			const [draft, setDraft] = (0, react.useState)("");
-			const [collapsedGroups, setCollapsedGroups] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [query, setQuery] = (0, react.useState)("");
+			const [collapsedGroups, setCollapsedGroups] = (0, react.useState)(COLLAPSED_ON_MOUNT);
+			/** The card's scroll body — the locate math centers rows inside it. */
+			const bodyRef = (0, react.useRef)(null);
+			/** The current branch this mount last centered on. A refresh re-centers
+			* only when the checkout moved; a same-branch refresh (stage, commit…)
+			* keeps the scroll where the user left it. */
+			const locatedRef = (0, react.useRef)(null);
+			/** Expand-all asks for one more locate — its rows mount on the next commit. */
+			const pendingLocateRef = (0, react.useRef)(false);
 			const toggleGroup = (key) => {
 				setCollapsedGroups((prev) => {
 					const next = new Set(prev);
@@ -3748,7 +3825,41 @@ window.__ModuleLoader__.load({
 					return next;
 				});
 			};
+			const expandAll = () => {
+				pendingLocateRef.current = true;
+				setCollapsedGroups(/* @__PURE__ */ new Set());
+			};
+			const collapseAll = () => {
+				setCollapsedGroups(new Set(branchGroupKeys(remotes)));
+			};
+			/** Center the current branch row in the card body (no scroll when the
+			* body is shorter than its cap). Rect arithmetic, not offsetTop: no
+			* positioned ancestor is guaranteed between the row and the body. */
+			const locateCurrent = () => {
+				const body = bodyRef.current;
+				if (body === null) return;
+				const row = body.querySelector("[data-current=\"true\"]");
+				if (!(row instanceof HTMLElement)) return;
+				const top = row.getBoundingClientRect().top - body.getBoundingClientRect().top + body.scrollTop;
+				body.scrollTop = Math.max(0, top - (body.clientHeight - row.offsetHeight) / 2);
+			};
+			(0, react.useLayoutEffect)(() => {
+				const current = locals.find((row) => row.current)?.name;
+				if (current === void 0) return;
+				if (!pendingLocateRef.current && current === locatedRef.current) return;
+				pendingLocateRef.current = false;
+				locatedRef.current = current;
+				locateCurrent();
+			});
 			const total = locals.length + remotes.length;
+			/** The head search: name-substring rows only. A live query opens every
+			* group whatever the folded state is (a hidden match reads as a bug),
+			* without touching that state — clearing the query restores it. */
+			const searching = query.trim() !== "";
+			const visibleLocals = filterBranches(locals, query);
+			const visibleRemotes = filterBranches(remotes, query);
+			const openGroup = (key) => searching || !collapsedGroups.has(key);
+			const matched = visibleLocals.length + visibleRemotes.length;
 			const openMenu = (branch, event) => {
 				const rect = event.currentTarget.getBoundingClientRect();
 				setMenu({
@@ -3803,7 +3914,7 @@ window.__ModuleLoader__.load({
 				className: `${GitHistoryPanel_module_default.treeHead} ${nested ? GitHistoryPanel_module_default.treeHeadNest : ""}`,
 				role: "button",
 				tabIndex: 0,
-				"aria-expanded": !collapsedGroups.has(key),
+				"aria-expanded": openGroup(key),
 				onClick: () => toggleGroup(key),
 				onKeyDown: (event) => {
 					if (event.key === "Enter" || event.key === " ") {
@@ -3814,7 +3925,7 @@ window.__ModuleLoader__.load({
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: GitHistoryPanel_module_default.treeChevron,
-						children: collapsedGroups.has(key) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { size: 12 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 12 })
+						children: openGroup(key) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 12 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { size: 12 })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -3825,9 +3936,13 @@ window.__ModuleLoader__.load({
 			});
 			const renderBranchRow = (row, displayName) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: `${GitHistoryPanel_module_default.branchRow} ${row.current ? GitHistoryPanel_module_default.branchRowCurrent : ""}`,
+				"data-current": row.current ? "true" : void 0,
 				role: "button",
 				tabIndex: 0,
-				onClick: (event) => openMenu(row, event),
+				onContextMenu: (event) => {
+					event.preventDefault();
+					openMenu(row, event);
+				},
 				onKeyDown: (event) => {
 					if (event.key === "Enter" || event.key === " ") {
 						event.preventDefault();
@@ -3851,39 +3966,75 @@ window.__ModuleLoader__.load({
 				]
 			}, row.name);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: GitHistoryPanel_module_default.section,
+				className: `${GitHistoryPanel_module_default.section} ${GitHistoryPanel_module_default.sectionFill} ${GitHistoryPanel_module_default.sectionBranches}`,
 				"aria-label": t("panel.branches"),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: GitHistoryPanel_module_default.sectionHead,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-							className: GitHistoryPanel_module_default.sectionTitle,
-							children: t("panel.branches")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: GitHistoryPanel_module_default.sectionTools,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: GitHistoryPanel_module_default.act,
-								disabled: busy,
-								onClick: () => openDialog("new"),
-								children: ["+ ", t("panel.branchNew")]
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								className: GitHistoryPanel_module_default.sectionTitle,
+								children: t("panel.branches")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: `${GitHistoryPanel_module_default.searchBox} ${GitHistoryPanel_module_default.searchBoxHead}`,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									"aria-hidden": "true",
+									children: "⌕"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									className: GitHistoryPanel_module_default.searchInput,
+									value: query,
+									placeholder: t("menuSearchPlaceholder"),
+									"aria-label": t("menuSearchPlaceholder"),
+									onChange: (event) => setQuery(event.target.value)
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: GitHistoryPanel_module_default.sectionTools,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: GitHistoryPanel_module_default.treeToggle,
+										onClick: expandAll,
+										children: t("menuExpandAll")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: GitHistoryPanel_module_default.treeToggle,
+										onClick: collapseAll,
+										children: t("menuCollapseAll")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: GitHistoryPanel_module_default.act,
+										disabled: busy,
+										onClick: () => openDialog("new"),
+										children: ["+ ", t("panel.branchNew")]
+									})
+								]
 							})
-						})]
+						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: GitHistoryPanel_module_default.sectionBody,
+						className: `${GitHistoryPanel_module_default.sectionBody} ${GitHistoryPanel_module_default.sectionBodyScroll}`,
+						ref: bodyRef,
 						children: [
 							total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: GitHistoryPanel_module_default.empty,
 								children: t("menuNoBranches")
 							}) : null,
-							locals.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [groupHead("local", t("panel.branchLocals"), locals.length, false), !collapsedGroups.has("local") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							total > 0 && matched === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: GitHistoryPanel_module_default.empty,
+								children: t("menuNoMatches")
+							}) : null,
+							visibleLocals.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [groupHead("local", t("panel.branchLocals"), visibleLocals.length, false), openGroup("local") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: GitHistoryPanel_module_default.treeChildren,
-								children: locals.map((row) => renderBranchRow(row))
+								children: visibleLocals.map((row) => renderBranchRow(row))
 							}) : null] }) : null,
-							remotes.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [groupHead("remote", t("panel.branchRemotes"), remotes.length, false), !collapsedGroups.has("remote") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							visibleRemotes.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [groupHead("remote", t("panel.branchRemotes"), visibleRemotes.length, false), openGroup("remote") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: GitHistoryPanel_module_default.treeNest,
-								children: groupRemotes(remotes).map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [groupHead(`remote:${group.remote}`, group.remote, group.branches.length, true), !collapsedGroups.has(`remote:${group.remote}`) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								children: groupRemotes(visibleRemotes).map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [groupHead(`remote:${group.remote}`, group.remote, group.branches.length, true), openGroup(`remote:${group.remote}`) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: GitHistoryPanel_module_default.treeChildren,
 									children: group.branches.map((row) => renderBranchRow(row, row.short))
 								}) : null] }, group.remote))
@@ -4024,7 +4175,6 @@ window.__ModuleLoader__.load({
 			const badges = classifyRefs(commit.refs);
 			const when = new Date(commit.date);
 			const absolute = Number.isFinite(commit.date) && commit.date > 0 ? `${when.toLocaleDateString()} ${when.toLocaleTimeString()}` : "";
-			const authorInitial = commit.authorName.slice(0, 1);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				ref,
 				className: [
@@ -4069,15 +4219,7 @@ window.__ModuleLoader__.load({
 							})]
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: GitHistoryPanel_module_default.commitMeta,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: GitHistoryPanel_module_default.authorDot,
-									"aria-hidden": "true",
-									children: authorInitial
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: commit.authorName }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: timeLabelFor(commit.date) })
-							]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: commit.authorName }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: timeLabelFor(commit.date) })]
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -4122,7 +4264,7 @@ window.__ModuleLoader__.load({
 			const needle = query.trim().toLowerCase();
 			const visible = filterCommits(commits, query);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: GitHistoryPanel_module_default.section,
+				className: `${GitHistoryPanel_module_default.section} ${GitHistoryPanel_module_default.sectionFill} ${GitHistoryPanel_module_default.sectionHistory}`,
 				"aria-label": t("panel.history"),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: GitHistoryPanel_module_default.historyHead,
@@ -4144,7 +4286,7 @@ window.__ModuleLoader__.load({
 						})]
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: GitHistoryPanel_module_default.sectionBody,
+					className: `${GitHistoryPanel_module_default.sectionBody} ${GitHistoryPanel_module_default.sectionBodyScroll}`,
 					children: [loadError !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: GitHistoryPanel_module_default.errorText,
 						children: loadError
@@ -4191,6 +4333,11 @@ window.__ModuleLoader__.load({
 		* the draft, and every action arrive as props from the panel state owner, so
 		* this file renders and never talks to git itself.
 		*
+		* The card takes two shares of the panel's fixed 2:1:2 split: the file
+		* lists scroll inside their own region while the commit box stays pinned
+		* below — a 500-change tree must not bury the commit affordance, and a
+		* clean tree must not float it up either.
+		*
 		* The commit affordance is a split button: the main face commits, the caret
 		* opens the two op variants (commit; commit and push). The AI button fills
 		* the draft from the host's one-shot llm route — it renders only when the
@@ -4263,7 +4410,7 @@ window.__ModuleLoader__.load({
 			const hint = staged.length === 0 ? t("panel.commitNeedsStaged") : commitDraft.trim() === "" ? t("panel.commitNeedsMessage") : "";
 			const aiReady = aiAvailable && total > 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: GitHistoryPanel_module_default.section,
+				className: `${GitHistoryPanel_module_default.section} ${GitHistoryPanel_module_default.sectionFill} ${GitHistoryPanel_module_default.sectionChanges}`,
 				"aria-label": t("panel.uncommitted"),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: GitHistoryPanel_module_default.sectionHead,
@@ -4308,129 +4455,131 @@ window.__ModuleLoader__.load({
 					]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: GitHistoryPanel_module_default.sectionBody,
-					children: [
-						total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: GitHistoryPanel_module_default.empty,
-							children: t("panel.clean")
-						}) : null,
-						truncated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: GitHistoryPanel_module_default.empty,
-							children: t("panel.changesTruncated")
-						}) : null,
-						staged.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: GitHistoryPanel_module_default.groupTitleRow,
-							children: [
-								t("panel.staged"),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: GitHistoryPanel_module_default.countBadge,
-									children: String(staged.length)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: GitHistoryPanel_module_default.linkBtn,
-									disabled: busy,
-									onClick: onUnstageAll,
-									children: t("panel.unstageAll")
-								})
-							]
-						}), staged.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChangeRowView, {
-							row,
-							disabled: busy,
-							onToggle: onToggleRow,
-							t
-						}, `${row.staged}:${row.path}:${row.oldPath ?? ""}`))] }) : null,
-						unstaged.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: GitHistoryPanel_module_default.groupTitleRow,
-							children: [
-								t("panel.unstaged"),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: GitHistoryPanel_module_default.countBadge,
-									children: String(unstaged.length)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: GitHistoryPanel_module_default.linkBtn,
-									disabled: busy,
-									onClick: onStageAll,
-									children: t("panel.stageAll")
-								})
-							]
-						}), unstaged.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChangeRowView, {
-							row,
-							disabled: busy,
-							onToggle: onToggleRow,
-							t
-						}, `u:${row.path}:${row.oldPath ?? ""}`))] }) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: GitHistoryPanel_module_default.commitBox,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-									className: GitHistoryPanel_module_default.commitInput,
-									value: commitDraft,
-									placeholder: t("panel.commitPlaceholder"),
-									"aria-label": t("panel.commitPlaceholder"),
-									rows: 2,
-									maxLength: COMMIT_MESSAGE_LIMIT,
-									onChange: (event) => onCommitDraft(event.target.value)
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: GitHistoryPanel_module_default.commitActions,
-									children: [aiAvailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: GitHistoryPanel_module_default.changeList,
+						children: [
+							total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: GitHistoryPanel_module_default.empty,
+								children: t("panel.clean")
+							}) : null,
+							truncated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: GitHistoryPanel_module_default.empty,
+								children: t("panel.changesTruncated")
+							}) : null,
+							staged.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: GitHistoryPanel_module_default.groupTitleRow,
+								children: [
+									t("panel.staged"),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: GitHistoryPanel_module_default.countBadge,
+										children: String(staged.length)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
-										className: GitHistoryPanel_module_default.act,
-										disabled: busy || aiBusy || !aiReady,
-										title: !aiReady ? t("panel.aiNeedsChanges") : void 0,
-										onClick: onAiGenerate,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSparkleRegular, { size: 13 }), aiBusy ? t("panel.aiBusy") : t("panel.aiGenerate")]
-									}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: GitHistoryPanel_module_default.split,
-										ref: menuRef,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: GitHistoryPanel_module_default.linkBtn,
+										disabled: busy,
+										onClick: onUnstageAll,
+										children: t("panel.unstageAll")
+									})
+								]
+							}), staged.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChangeRowView, {
+								row,
+								disabled: busy,
+								onToggle: onToggleRow,
+								t
+							}, `${row.staged}:${row.path}:${row.oldPath ?? ""}`))] }) : null,
+							unstaged.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: GitHistoryPanel_module_default.groupTitleRow,
+								children: [
+									t("panel.unstaged"),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: GitHistoryPanel_module_default.countBadge,
+										children: String(unstaged.length)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: GitHistoryPanel_module_default.linkBtn,
+										disabled: busy,
+										onClick: onStageAll,
+										children: t("panel.stageAll")
+									})
+								]
+							}), unstaged.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChangeRowView, {
+								row,
+								disabled: busy,
+								onToggle: onToggleRow,
+								t
+							}, `u:${row.path}:${row.oldPath ?? ""}`))] }) : null
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: GitHistoryPanel_module_default.commitBox,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								className: GitHistoryPanel_module_default.commitInput,
+								value: commitDraft,
+								placeholder: t("panel.commitPlaceholder"),
+								"aria-label": t("panel.commitPlaceholder"),
+								rows: 2,
+								maxLength: COMMIT_MESSAGE_LIMIT,
+								onChange: (event) => onCommitDraft(event.target.value)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: GitHistoryPanel_module_default.commitActions,
+								children: [aiAvailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: GitHistoryPanel_module_default.act,
+									disabled: busy || aiBusy || !aiReady,
+									title: !aiReady ? t("panel.aiNeedsChanges") : void 0,
+									onClick: onAiGenerate,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSparkleRegular, { size: 13 }), aiBusy ? t("panel.aiBusy") : t("panel.aiGenerate")]
+								}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: GitHistoryPanel_module_default.split,
+									ref: menuRef,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `${GitHistoryPanel_module_default.act} ${GitHistoryPanel_module_default.actPrimary} ${GitHistoryPanel_module_default.splitMain}`,
+											disabled: !canCommit || busy,
+											onClick: () => onCommit(false),
+											children: busy ? t("panel.commitBusy") : t("panel.commit")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `${GitHistoryPanel_module_default.act} ${GitHistoryPanel_module_default.actPrimary} ${GitHistoryPanel_module_default.splitCaret}`,
+											"aria-label": t("panel.commitMoreAria"),
+											"aria-expanded": commitMenuOpen,
+											disabled: !canCommit || busy,
+											onClick: onToggleCommitMenu,
+											children: "▾"
+										}),
+										commitMenuOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: GitHistoryPanel_module_default.menu,
+											role: "menu",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 												type: "button",
-												className: `${GitHistoryPanel_module_default.act} ${GitHistoryPanel_module_default.actPrimary} ${GitHistoryPanel_module_default.splitMain}`,
-												disabled: !canCommit || busy,
+												role: "menuitem",
+												className: GitHistoryPanel_module_default.menuItem,
+												disabled: !canCommit,
 												onClick: () => onCommit(false),
-												children: busy ? t("panel.commitBusy") : t("panel.commit")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												children: t("panel.commit")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 												type: "button",
-												className: `${GitHistoryPanel_module_default.act} ${GitHistoryPanel_module_default.actPrimary} ${GitHistoryPanel_module_default.splitCaret}`,
-												"aria-label": t("panel.commitMoreAria"),
-												"aria-expanded": commitMenuOpen,
-												disabled: !canCommit || busy,
-												onClick: onToggleCommitMenu,
-												children: "▾"
-											}),
-											commitMenuOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: GitHistoryPanel_module_default.menu,
-												role: "menu",
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													role: "menuitem",
-													className: GitHistoryPanel_module_default.menuItem,
-													disabled: !canCommit,
-													onClick: () => onCommit(false),
-													children: t("panel.commit")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													role: "menuitem",
-													className: GitHistoryPanel_module_default.menuItem,
-													disabled: !canCommit,
-													onClick: () => onCommit(true),
-													children: t("panel.commitPush")
-												})]
-											}) : null
-										]
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: GitHistoryPanel_module_default.commitHint,
-									children: hint
-								})
-							]
-						})
-					]
+												role: "menuitem",
+												className: GitHistoryPanel_module_default.menuItem,
+												disabled: !canCommit,
+												onClick: () => onCommit(true),
+												children: t("panel.commitPush")
+											})]
+										}) : null
+									]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: GitHistoryPanel_module_default.commitHint,
+								children: hint
+							})
+						]
+					})]
 				})]
 			});
 		}
@@ -4572,16 +4721,20 @@ window.__ModuleLoader__.load({
 			const refresh = (0, react.useCallback)(() => {
 				loadAll();
 			}, [loadAll]);
+			(0, react.useEffect)(() => onGitMutated(refresh), [refresh]);
 			(0, react.useImperativeHandle)(ref, () => ({ refresh }), [refresh]);
 			const repo = status !== null && status.repo ? status : null;
 			/** Run one mutating verb with the section-busy guard and error toast.
 			* Mutations refresh through `loadAll` so their re-read bumps the request
 			* sequence — an older in-flight snapshot can never land over the fresh
-			* post-mutation state. */
+			* post-mutation state. A SUCCESS also emits the cross-surface notice so
+			* the composer chip drops the branch git just left (stage toggles ride
+			* along — one extra idempotent /status beats per-verb wiring). */
 			const runGuarded = (0, react.useCallback)(async (verb) => {
 				setSectionBusy(true);
 				try {
 					await verb();
+					emitGitMutated();
 				} catch (error) {
 					pushToast(t("errorGeneric", { message: failureText(error) }), "error");
 				} finally {
@@ -4703,7 +4856,10 @@ window.__ModuleLoader__.load({
 					try {
 						const result = await requestFetch(cwd);
 						if (!result.ok) pushToast(t("errorGeneric", { message: result.error }), "error");
-						else pushToast(t("fetchDone"), "success");
+						else {
+							pushToast(t("fetchDone"), "success");
+							emitGitMutated();
+						}
 						await loadAll();
 					} finally {
 						setSyncBusy(false);
@@ -4721,7 +4877,10 @@ window.__ModuleLoader__.load({
 					try {
 						const result = await requestUpdate(cwd);
 						if (!result.ok) pushToast(t("errorGeneric", { message: result.error }), "error");
-						else pushToast(result.updated ? t("updateDone", { branch: result.branch }) : t("updateUpToDate"), "success");
+						else {
+							pushToast(result.updated ? t("updateDone", { branch: result.branch }) : t("updateUpToDate"), "success");
+							emitGitMutated();
+						}
 						await loadAll();
 					} finally {
 						setSyncBusy(false);
@@ -4739,7 +4898,10 @@ window.__ModuleLoader__.load({
 					try {
 						const result = await requestPush(cwd);
 						if (!result.ok) pushToast(t("errorGeneric", { message: result.error }), "error");
-						else pushToast(result.pushed ? t("pushDone", { branch: result.branch }) : t("pushUpToDate"), "success");
+						else {
+							pushToast(result.pushed ? t("pushDone", { branch: result.branch }) : t("pushUpToDate"), "success");
+							emitGitMutated();
+						}
 						await loadAll();
 					} finally {
 						setSyncBusy(false);

package/lib/git.d.ts

@@ -148,15 +148,17 @@ export declare function cutoutBranchName(exec: Exec, repoRoot: string, base: str
  */
 export declare function addWorktreeCutout(exec: Exec, repoRoot: string, base: string, newBranch: string, targetPath: string): Promise<void>;
 /**
- * In-place branch switch of the main checkout. A remote display name relies
+ * In-place branch switch of one checkout. A remote display name relies
  * on git's dwim: `git switch <local>` creates the tracking branch when
  * exactly one remote has it.
  * @param exec - executor seam.
- * @param repoRoot - main worktree directory.
+ * @param checkoutDir - the directory whose OWN checkout moves: the queried
+ * session's toplevel, so a linked worktree switches itself rather than the
+ * main checkout. `worktree prune` still runs here (it is repo-wide).
  * @param branch - branch display name.
  * @returns the local branch name now checked out.
  */
-export declare function switchBranch(exec: Exec, repoRoot: string, branch: string): Promise<string>;
+export declare function switchBranch(exec: Exec, checkoutDir: string, branch: string): Promise<string>;
 /**
  * Create a NEW branch. Three shapes:
  *

package/lib/git.js

@@ -374,20 +374,22 @@ export async function addWorktreeCutout(exec, repoRoot, base, newBranch, targetP
     await git(exec, repoRoot, ['worktree', 'add', targetPath, '-b', newBranch, base]);
 }
 /**
- * In-place branch switch of the main checkout. A remote display name relies
+ * In-place branch switch of one checkout. A remote display name relies
  * on git's dwim: `git switch <local>` creates the tracking branch when
  * exactly one remote has it.
  * @param exec - executor seam.
- * @param repoRoot - main worktree directory.
+ * @param checkoutDir - the directory whose OWN checkout moves: the queried
+ * session's toplevel, so a linked worktree switches itself rather than the
+ * main checkout. `worktree prune` still runs here (it is repo-wide).
  * @param branch - branch display name.
  * @returns the local branch name now checked out.
  */
-export async function switchBranch(exec, repoRoot, branch) {
-    const resolved = await resolveBranch(exec, repoRoot, branch);
+export async function switchBranch(exec, checkoutDir, branch) {
+    const resolved = await resolveBranch(exec, checkoutDir, branch);
     if (resolved === undefined)
         throw new GitError(['switch'], 1, `branch "${branch}" not found`);
     try {
-        await git(exec, repoRoot, ['switch', resolved.local]);
+        await git(exec, checkoutDir, ['switch', resolved.local]);
     }
     catch (error) {
         // A stale worktree registration claims the branch; prune (no-op on a
@@ -395,8 +397,8 @@ export async function switchBranch(exec, repoRoot, branch) {
         const stale = error instanceof GitError && error.stderr.includes('already used by worktree');
         if (!stale)
             throw error;
-        await git(exec, repoRoot, ['worktree', 'prune']);
-        await git(exec, repoRoot, ['switch', resolved.local]);
+        await git(exec, checkoutDir, ['worktree', 'prune']);
+        await git(exec, checkoutDir, ['switch', resolved.local]);
     }
     return resolved.local;
 }

package/lib/routes.d.ts

@@ -120,7 +120,12 @@ export declare function handleStatus(deps: RouteDeps, path: string | undefined):
  */
 export declare function handleCreateWorktree(deps: RouteDeps, body: unknown): Promise<RouteOutcome>;
 /**
- * POST /switch 鈥?in-place branch switch of the main checkout.
+ * POST /switch — in-place branch switch of the QUERIED directory's own
+ * checkout. A main-checkout session switches the main checkout; a linked
+ * worktree session switches ITS worktree. (It used to always run in the
+ * main checkout: a worktree session's checkout appeared to succeed while its
+ * own branch never moved. git itself refuses a branch another worktree
+ * holds — an honest error beats moving a checkout nobody was looking at.)
  * @param deps - host dependencies.
  * @param body - parsed request body.
  */

package/lib/routes.js

@@ -471,7 +471,12 @@ export async function handleCreateWorktree(deps, body) {
     }
 }
 /**
- * POST /switch 鈥?in-place branch switch of the main checkout.
+ * POST /switch — in-place branch switch of the QUERIED directory's own
+ * checkout. A main-checkout session switches the main checkout; a linked
+ * worktree session switches ITS worktree. (It used to always run in the
+ * main checkout: a worktree session's checkout appeared to succeed while its
+ * own branch never moved. git itself refuses a branch another worktree
+ * holds — an honest error beats moving a checkout nobody was looking at.)
  * @param deps - host dependencies.
  * @param body - parsed request body.
  */
@@ -488,7 +493,7 @@ export async function handleSwitch(deps, body) {
         const facts = await probeRepo(deps.exec, repoPath, deps.dirExists);
         if (facts === undefined)
             return fail(400, `"${repoPath}" is not inside a git repository`);
-        const switched = await switchBranch(deps.exec, facts.repoRoot, branch);
+        const switched = await switchBranch(deps.exec, facts.toplevel, branch);
         const result = { branch: switched };
         return { status: 200, body: result };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-git-branch-manage",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "提供 git 分支与 worktree 管理：输入框工具栏显示当前分支、可原地切换；支持 IDEA 风格分支选择器、远程分支检出、右键操作菜单（新建/重命名/删除/复制）、推送与更新当前分支，以及把分支隔离到独立 worktree 工作区，并管理其创建与删除。",
   "keywords": [
     "dsh",