@norman-else/dsh-claude 0.1.48 → 0.1.49

package/lib/bin.mjs

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
-import { i as parseClaudeVersion, n as ensureManagedPreset, r as removeManagedPreset } from "./preset-installer-C4TTNV9L.mjs";
-import { access } from "node:fs/promises";
+import { i as parseClaudeVersion, n as ensureManagedPreset, r as removeManagedPreset } from "./preset-installer-Cj637ucf.mjs";
 import { delimiter, isAbsolute, join } from "node:path";
+import { access } from "node:fs/promises";
 import { constants } from "node:fs";
 import { homedir } from "node:os";
 import { scrubbedParentEnv } from "@deepseek-ai/dsh-subprocess";

package/lib/client.d.ts

@@ -229,6 +229,9 @@ declare const en: {
   readonly presetHeaderHint: "The agent preset this session runs";
   readonly diffRepository: "Repository";
   readonly repositoryLinked: "Linked repository: changed by this session";
+  readonly linkedMore: "{count} more linked repositories";
+  readonly linkedShowAll: "Show all";
+  readonly linkedCollapse: "Collapse linked repositories";
   readonly linkedRepositoryPrompt: "The following concerns the linked repository at {root} (branch {branch}), not this session's own checkout.";
   readonly diffFiles: "{count} modified file(s)";
   readonly diffFilesShort: "{count} files";

package/lib/client.js

@@ -1957,14 +1957,59 @@ window.__ModuleLoader__.load({
 			borderColor: "color-mix(in srgb, #a78bfa 35%, transparent)",
 			background: "color-mix(in srgb, #a78bfa 5%, var(--dsw-alias-bg-layer-1))"
 		};
+		/** The linked bars as one stack, the fold control floating centred above. */
+		const linkedStack = { position: "relative" };
+		/** Two chevron glyphs stacked into one double chevron: 14px tall in all,
+		*  the second pulled up over the first. */
+		const linkedFoldGlyph = {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			height: 14,
+			marginTop: 2
+		};
+		const linkedFoldGlyphClass = "dshClaudeLinkedFoldGlyph";
+		/** The second chevron rides 7px up over the first. */
+		const linkedFoldGlyphCss = `
+		.${linkedFoldGlyphClass} > svg + svg { margin-top: -7px; }
+		`;
+		/** The fold control, drawn to the Host's jump-to-latest recipe exactly: a
+		*  34px circle on the floating fill, no border of its own -- the stroke is
+		*  the elevation's, set through the same variable the Host sets -- and the
+		*  circle asked for by name, since the Host's theme rounds as squircles.
+		*  Where it sits comes from the component. Holds only the double chevron;
+		*  the count lives in its tooltip. */
+		const linkedFoldChip = {
+			position: "absolute",
+			zIndex: 8,
+			boxSizing: "border-box",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: 34,
+			height: 34,
+			padding: 0,
+			border: 0,
+			borderRadius: 100,
+			cornerShape: "round",
+			"--dsw-elevation-stroke-color": "var(--dsw-alias-border-l3)",
+			background: "var(--dsw-alias-button-floating-fill)",
+			color: "var(--dsw-alias-label-primary)",
+			boxShadow: "var(--dsw-elevation-panel)",
+			font: "inherit",
+			cursor: "pointer",
+			transition: "right .15s ease"
+		};
+		/** The folded count beside the chevrons. */
 		/** A checkout the session wrote into besides its own: lighter, dashed, and
-		*  stacked above the session bar so it reads as attached rather than primary. */
+		*  stacked above the session bar so it reads as attached rather than primary.
+		*  It keeps the bar's opaque fill: the dock floats over the end of the
+		*  transcript, and a transparent bar let the prose show through. */
 		const repositoryBarLinked = {
 			marginBottom: 6,
 			minHeight: 34,
 			padding: "5px 11px",
 			borderStyle: "dashed",
-			background: "transparent",
 			boxShadow: "none",
 			color: "var(--dsw-alias-label-secondary)"
 		};
@@ -2100,9 +2145,11 @@ window.__ModuleLoader__.load({
 			color: "var(--dsw-alias-label-tertiary)",
 			fontWeight: 500
 		};
+		/** The repository name reads whole while there is room; it is the first
+		*  thing to give way when the controls need it, and never wider than its text. */
 		const repositoryRemote = {
 			minWidth: 0,
-			maxWidth: 116,
+			flex: "0 1 auto",
 			overflow: "hidden",
 			color: "var(--dsw-alias-label-tertiary)",
 			fontSize: 12,
@@ -9561,9 +9608,15 @@ window.__ModuleLoader__.load({
 						repository,
 						t
 					}),
-					/* @__PURE__ */ jsx("span", {
-						style: repositoryRemote,
-						children: repositoryLabel(repository)
+					/* @__PURE__ */ jsx(Tooltip, {
+						label: repository.remote ?? repositoryLabel(repository),
+						side: "top",
+						delayMs: 250,
+						maxWidth: 420,
+						children: /* @__PURE__ */ jsx("span", {
+							style: repositoryRemote,
+							children: repositoryLabel(repository)
+						})
 					}),
 					/* @__PURE__ */ jsx(Tooltip, {
 						label: branch,
@@ -9592,24 +9645,141 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		const linkedExpanded = /* @__PURE__ */ new Map();
+		/** Where the Host's jump-to-latest button sits relative to the linked
+		*  stack, remembered from the last time it was on screen: the seat the fold
+		*  control takes while the Host's button is away. Until it has been seen
+		*  once, the Host's own geometry: 16px in from the column's edge, 16px above
+		*  the composer. */
+		let hostSeat = {
+			top: -50,
+			rightInset: 16
+		};
+		const HOST_JUMP_GAP = 8;
+		/** The fold control's place: the Host's seat, or 8px left of the Host's
+		*  button while that is showing. Found by the Host's class stem; one cheap
+		*  query and two rects per DOM change or resize, on the next frame. */
+		function useHostJumpSeat(stack) {
+			const [seat, setSeat] = useState({
+				shown: false,
+				top: hostSeat.top,
+				right: hostSeat.rightInset
+			});
+			useEffect(() => {
+				if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
+				let frame;
+				const check = () => {
+					frame = void 0;
+					const native = document.querySelector("button[class*=\"toBottom\"]");
+					const frameRect = stack.current?.getBoundingClientRect();
+					if (native === null || frameRect === void 0) {
+						setSeat({
+							shown: false,
+							top: hostSeat.top,
+							right: hostSeat.rightInset
+						});
+						return;
+					}
+					const rect = native.getBoundingClientRect();
+					if (rect.width > 0) hostSeat = {
+						top: rect.top - frameRect.top,
+						rightInset: frameRect.right - rect.right
+					};
+					setSeat({
+						shown: true,
+						top: hostSeat.top,
+						right: frameRect.right - rect.left + HOST_JUMP_GAP
+					});
+				};
+				const schedule = () => {
+					if (frame === void 0) frame = requestAnimationFrame(check);
+				};
+				check();
+				const observer = new MutationObserver(schedule);
+				observer.observe(document.body, {
+					childList: true,
+					subtree: true
+				});
+				window.addEventListener("resize", schedule);
+				return () => {
+					observer.disconnect();
+					window.removeEventListener("resize", schedule);
+					if (frame !== void 0) cancelAnimationFrame(frame);
+				};
+			}, [stack]);
+			return seat;
+		}
+		/** The fold control floats above the dock in the Host's jump-to-latest seat,
+		*  stepping left of that button while the Host shows it: a circle holding a
+		*  double chevron, down while folded and up once open. The count and the
+		*  words live in its tooltip and accessible name. */
+		function LinkedFoldChip({ sessionId, hidden, expanded, onToggle, t, seat }) {
+			const label = expanded ? t("linkedCollapse") : `${t("linkedMore", { count: hidden })} · ${t("linkedShowAll")}`;
+			return /* @__PURE__ */ jsx(Tooltip, {
+				label,
+				side: "top",
+				delayMs: 250,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					style: {
+						...linkedFoldChip,
+						top: seat.top,
+						right: seat.right
+					},
+					"aria-expanded": expanded,
+					"aria-label": label,
+					"data-dsh-claude-linked-fold": sessionId,
+					onClick: onToggle,
+					children: /* @__PURE__ */ jsx("span", {
+						className: linkedFoldGlyphClass,
+						style: linkedFoldGlyph,
+						"aria-hidden": "true",
+						children: expanded ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconChevronUpOutline14, {}), /* @__PURE__ */ jsx(IconChevronUpOutline14, {})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconChevronDownOutline14, {}), /* @__PURE__ */ jsx(IconChevronDownOutline14, {})] })
+					})
+				})
+			});
+		}
 		function ClaudeRepositoryStatus({ sessionId, useSessions, useClaudeProjection, t, openDiff, submitPrompt, openOverview, deleteWorkspace }) {
 			const blank = useSessions((value) => value.byId[sessionId]?.blank === true);
 			const running = useSessions((value) => value.byId[sessionId]?.running === true);
 			const projection = useClaudeProjection((value) => value);
 			const repository = projection.repository;
 			const { toast, report } = useActionToast();
+			const [expanded, setExpanded] = useState(() => linkedExpanded.get(sessionId) ?? false);
+			useEffect(() => {
+				setExpanded(linkedExpanded.get(sessionId) ?? false);
+			}, [sessionId]);
+			const stackRef = useRef(null);
+			const seat = useHostJumpSeat(stackRef);
 			if (blank || !projection.owned || repository === void 0) return null;
 			const branch = branchLabel(repository, t);
 			const merged = repository.pullRequest?.state === "merged";
-			const linked = (projection.repositories ?? []).map((item) => /* @__PURE__ */ jsx(LinkedRepositoryBar, {
-				sessionId,
-				repository: item,
-				running,
-				t,
-				openDiff,
-				report,
-				...submitPrompt === void 0 ? {} : { submitPrompt }
-			}, item.root ?? `${item.remote ?? item.cwd}#${item.pullRequest?.number ?? ""}`));
+			const all = projection.repositories ?? [];
+			const shown = expanded ? all : all.slice(0, 3);
+			const linked = all.length === 0 ? null : /* @__PURE__ */ jsxs("div", {
+				ref: stackRef,
+				style: linkedStack,
+				children: [all.length > 3 ? /* @__PURE__ */ jsx(LinkedFoldChip, {
+					sessionId,
+					hidden: all.length - 3,
+					expanded,
+					seat,
+					t,
+					onToggle: () => {
+						const next = !expanded;
+						setExpanded(next);
+						linkedExpanded.set(sessionId, next);
+					}
+				}) : null, shown.map((item) => /* @__PURE__ */ jsx(LinkedRepositoryBar, {
+					sessionId,
+					repository: item,
+					running,
+					t,
+					openDiff,
+					report,
+					...submitPrompt === void 0 ? {} : { submitPrompt }
+				}, item.root ?? `${item.remote ?? item.cwd}#${item.pullRequest?.number ?? ""}`))]
+			});
 			if (repository.status !== "ready") return /* @__PURE__ */ jsxs("div", {
 				style: repositoryBarFrame,
 				[CLAUDE_COMPOSER_BAR_ATTRIBUTE]: "",
@@ -9628,9 +9798,9 @@ window.__ModuleLoader__.load({
 				style: repositoryBarFrame,
 				[CLAUDE_COMPOSER_BAR_ATTRIBUTE]: "",
 				children: [
-					/* @__PURE__ */ jsx("style", {
+					/* @__PURE__ */ jsxs("style", {
 						"data-dsh-claude-repository-bar-styles": true,
-						children: repositoryAutoFixCss
+						children: [repositoryAutoFixCss, linkedFoldGlyphCss]
 					}),
 					toast,
 					linked,
@@ -9662,9 +9832,15 @@ window.__ModuleLoader__.load({
 								repository,
 								t
 							}),
-							repository.remote === void 0 ? null : /* @__PURE__ */ jsx("span", {
-								style: repositoryRemote,
-								children: repositoryName(repository.remote)
+							repository.remote === void 0 ? null : /* @__PURE__ */ jsx(Tooltip, {
+								label: repository.remote,
+								side: "top",
+								delayMs: 250,
+								maxWidth: 420,
+								children: /* @__PURE__ */ jsx("span", {
+									style: repositoryRemote,
+									children: repositoryName(repository.remote)
+								})
 							}),
 							/* @__PURE__ */ jsx(Tooltip, {
 								label: branch,
@@ -19025,6 +19201,9 @@ window.__ModuleLoader__.load({
 			presetHeaderHint: "当前会话运行的 Agent 预设",
 			diffRepository: "仓库",
 			repositoryLinked: "关联仓库：本会话改动过",
+			linkedMore: "还有 {count} 个关联仓库",
+			linkedShowAll: "全部展开",
+			linkedCollapse: "收起关联仓库",
 			linkedRepositoryPrompt: "以下内容针对关联仓库 {root}（分支 {branch}），不是本会话自己的仓库。",
 			diffFiles: "{count} 个已修改文件",
 			diffFilesShort: "{count} 个文件",
@@ -19466,6 +19645,9 @@ window.__ModuleLoader__.load({
 			presetHeaderHint: "The agent preset this session runs",
 			diffRepository: "Repository",
 			repositoryLinked: "Linked repository: changed by this session",
+			linkedMore: "{count} more linked repositories",
+			linkedShowAll: "Show all",
+			linkedCollapse: "Collapse linked repositories",
 			linkedRepositoryPrompt: "The following concerns the linked repository at {root} (branch {branch}), not this session's own checkout.",
 			diffFiles: "{count} modified file(s)",
 			diffFilesShort: "{count} files",