@nkzw/codiff-core 1.9.0 → 1.10.0

package/dist/react.mjs

@@ -7,15 +7,19 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { MarkdownEditor } from "@nkzw/mdx-editor";
 import { frontmatterPlugin, imagePlugin } from "@nkzw/mdx-editor/core";
 import { DownloadSimpleIcon } from "@phosphor-icons/react/DownloadSimple";
-import { Copy, ExternalLink, Trash2, X } from "lucide-react";
+import { Copy, Trash2, X } from "lucide-react";
+import { ArrowSquareOutIcon } from "@phosphor-icons/react/ArrowSquareOut";
+import { ChatCircleIcon } from "@phosphor-icons/react/ChatCircle";
+import { PathIcon } from "@phosphor-icons/react/Path";
+import { TreeStructureIcon } from "@phosphor-icons/react/TreeStructure";
 import { FileTree, useFileTree } from "@pierre/trees/react";
 import { hydratePartialDiff, parseDiffFromFile, parsePatchFiles, registerCustomTheme, setCustomExtension } from "@pierre/diffs";
 import useRelativeTime from "@nkzw/use-relative-time";
-import { ChatCircleIcon } from "@phosphor-icons/react/ChatCircle";
 import { CaretDownIcon } from "@phosphor-icons/react/CaretDown";
 import "@phosphor-icons/react/CaretUp";
 import { CheckIcon } from "@phosphor-icons/react/Check";
 import { CheckCircleIcon } from "@phosphor-icons/react/CheckCircle";
+import "@phosphor-icons/react/CircleNotch";
 import { PowerIcon } from "@phosphor-icons/react/Power";
 import { SealQuestionIcon } from "@phosphor-icons/react/SealQuestion";
 import { WarningOctagonIcon } from "@phosphor-icons/react/WarningOctagon";
@@ -26,13 +30,13 @@ import { SquareSplitVerticalIcon } from "@phosphor-icons/react/SquareSplitVertic
 import { CodeView, WorkerPoolContextProvider } from "@pierre/diffs/react";
 import { PersistentMarkdownEditor } from "@nkzw/mdx-editor/persistence";
 import { GitBranchIcon } from "@phosphor-icons/react/GitBranch";
-import { PathIcon } from "@phosphor-icons/react/Path";
 import { ShareNetworkIcon } from "@phosphor-icons/react/ShareNetwork";
 import { BugIcon } from "@phosphor-icons/react/Bug";
 import { FlaskIcon } from "@phosphor-icons/react/Flask";
 import { GearIcon } from "@phosphor-icons/react/Gear";
 import { ReadCvLogoIcon } from "@phosphor-icons/react/ReadCvLogo";
 import { WrenchIcon } from "@phosphor-icons/react/Wrench";
+import { SidebarSimpleIcon } from "@phosphor-icons/react/SidebarSimple";
 import { ArrowLeftIcon } from "@phosphor-icons/react/ArrowLeft";
 import { ArrowRightIcon } from "@phosphor-icons/react/ArrowRight";
 import { CaretLeftIcon } from "@phosphor-icons/react/CaretLeft";
@@ -1067,7 +1071,7 @@ function PlanReviewSurface({ commenting, onDeleteShare, signInLabel = "Sign in t
 		className: "plan-shell shared-plan-shell",
 		"data-theme": snapshot.preferences.theme === "system" ? void 0 : snapshot.preferences.theme,
 		children: [/* @__PURE__ */ jsx("header", {
-			className: "plan-header",
+			className: "plan-header workspace-top-bar",
 			children: /* @__PURE__ */ jsx("div", {
 				className: "plan-title",
 				title: snapshot.document.title,
@@ -1422,16 +1426,7 @@ const statusForTree = {
 	untracked: "untracked"
 };
 const fileTreeSort = (left, right) => compareTreePaths(left.path, right.path);
-const compactPath = (path) => {
-	const homePath = path.replace(/^\/Users\/[^/]+(?=\/|$)/, "~").replace(/^\/home\/[^/]+(?=\/|$)/, "~");
-	const parts = homePath.split("/").filter(Boolean);
-	if (parts.length <= 2) return homePath;
-	const prefix = homePath.startsWith("/") ? "/" : "";
-	const [first, ...rest] = parts;
-	const last = rest.pop();
-	const middle = rest.map((part) => part[0]).join("/");
-	return `${prefix}${first}/${middle ? `${middle}/` : ""}${last}`;
-};
+const abbreviateHomePath = (path) => path.replace(/^\/Users\/[^/]+(?=\/|$)/, "~").replace(/^\/home\/[^/]+(?=\/|$)/, "~").replace(/^[A-Za-z]:[/\\]Users[/\\][^/\\]+(?=[/\\]|$)/, "~");
 function compareTreePaths(leftPath, rightPath) {
 	const leftParts = leftPath.split("/");
 	const rightParts = rightPath.split("/");
@@ -1630,26 +1625,108 @@ const syncTreeShadowStyle = (treeHost, styleAttribute, css) => {
 	if (!existingStyle) shadowRoot.append(style);
 	return true;
 };
+[...[..."abcdefghijklmnopqrstuvwxyz"].map((letter) => `Key${letter.toUpperCase()}`), ..."1234567890".split("").map((digit) => `Digit${digit}`)];
+const codeForCharacter = (character, shiftKey) => null;
+const shiftedCharacterForCode = (code) => null;
+const hasKeyboardLayout = () => false;
 //#endregion
 //#region config/keymap.ts
 const isMac = () => navigator.platform.toLowerCase().includes("mac");
+const unshiftedPunctuationCodes = {
+	"-": "Minus",
+	",": "Comma",
+	";": "Semicolon",
+	".": "Period",
+	"'": "Quote",
+	"[": "BracketLeft",
+	"]": "BracketRight",
+	"/": "Slash",
+	"\\": "Backslash",
+	"`": "Backquote",
+	"=": "Equal"
+};
+const shiftedPunctuationCodes = {
+	_: "Minus",
+	":": "Semicolon",
+	"!": "Digit1",
+	"?": "Slash",
+	"\"": "Quote",
+	"(": "Digit9",
+	")": "Digit0",
+	"{": "BracketLeft",
+	"}": "BracketRight",
+	"@": "Digit2",
+	"*": "Digit8",
+	"&": "Digit7",
+	"#": "Digit3",
+	"%": "Digit5",
+	"^": "Digit6",
+	"+": "Equal",
+	"<": "Comma",
+	">": "Period",
+	"|": "Backslash",
+	"~": "Backquote",
+	$: "Digit4"
+};
+const physicalCode = (key, shiftKey) => {
+	const layoutCode = codeForCharacter(key, shiftKey);
+	if (layoutCode !== null) return layoutCode;
+	if (hasKeyboardLayout()) return null;
+	if (/^[a-z]$/.test(key)) return `Key${key.toUpperCase()}`;
+	if (/^[0-9]$/.test(key)) return shiftKey ? null : `Digit${key}`;
+	return (shiftKey ? shiftedPunctuationCodes : unshiftedPunctuationCodes)[key] ?? null;
+};
+const resolveComboKey = (spelled, shiftKey) => {
+	if (!shiftKey || spelled.length !== 1 || !hasKeyboardLayout()) return {
+		code: physicalCode(spelled, shiftKey),
+		key: spelled,
+		requiresCode: false
+	};
+	const shiftedCode = codeForCharacter(spelled, true);
+	if (shiftedCode !== null) return {
+		code: shiftedCode,
+		key: spelled,
+		requiresCode: false
+	};
+	const unshiftedCode = codeForCharacter(spelled, false);
+	const shiftedCharacter = unshiftedCode === null ? null : shiftedCharacterForCode(unshiftedCode);
+	if (unshiftedCode !== null && shiftedCharacter !== null) return {
+		code: unshiftedCode,
+		key: shiftedCharacter,
+		requiresCode: true
+	};
+	return {
+		code: null,
+		key: spelled,
+		requiresCode: false
+	};
+};
 const parseKeyCombo = (combo) => {
 	const parts = combo.split("+").map((part) => part.trim().toLowerCase());
 	const mac = isMac();
+	const shiftKey = parts.includes("shift");
+	const { code, key, requiresCode } = resolveComboKey(parts.find((part) => part !== "mod" && part !== "ctrl" && part !== "alt" && part !== "shift" && part !== "meta") ?? "", shiftKey);
 	return {
 		altKey: parts.includes("alt"),
+		code,
 		ctrlKey: mac ? parts.includes("ctrl") : parts.includes("mod") || parts.includes("ctrl"),
-		key: parts.find((part) => part !== "mod" && part !== "ctrl" && part !== "alt" && part !== "shift" && part !== "meta") ?? "",
+		key,
 		metaKey: mac ? parts.includes("mod") || parts.includes("meta") : parts.includes("meta"),
-		shiftKey: parts.includes("shift")
+		requiresCode,
+		shiftKey
 	};
 };
 const getBindingCombos = (binding) => Array.isArray(binding) ? binding : [binding];
-const matchesKeyCombo = (event, combo) => {
+const isDeadOrCharacterKey = (key) => key === "Dead" || key.length === 1;
+const matchesTypedKey = (event, parsed) => event.key.toLowerCase() === parsed.key && (!parsed.requiresCode || parsed.code !== null && event.code === parsed.code);
+const matchesPhysicalKey = (event, parsed) => parsed.altKey && parsed.code !== null && event.code === parsed.code;
+const matchesCombo = (event, combo, matchesKey) => {
 	const parsed = parseKeyCombo(combo);
-	return event.key.toLowerCase() === parsed.key && event.altKey === parsed.altKey && event.ctrlKey === parsed.ctrlKey && event.metaKey === parsed.metaKey && event.shiftKey === parsed.shiftKey;
+	return matchesKey(event, parsed) && event.altKey === parsed.altKey && event.ctrlKey === parsed.ctrlKey && event.metaKey === parsed.metaKey && event.shiftKey === parsed.shiftKey;
 };
-const matchesShortcut = (event, keymap, action) => getBindingCombos(keymap[action]).some((combo) => matchesKeyCombo(event, combo));
+const matchesBinding = (event, binding, matchesKey) => getBindingCombos(binding).some((combo) => matchesCombo(event, combo, matchesKey));
+const canFallBackToPhysicalKey = (event, keymap) => event.altKey && isMac() && isDeadOrCharacterKey(event.key) && !Object.values(keymap).some((binding) => matchesBinding(event, binding, matchesTypedKey));
+const matchesShortcut = (event, keymap, action) => matchesBinding(event, keymap[action], matchesTypedKey) || canFallBackToPhysicalKey(event, keymap) && matchesBinding(event, keymap[action], matchesPhysicalKey);
 //#endregion
 //#region app/components/merge-request/GeneralComments.tsx
 const getAuthorDisplayName = (author) => author.name || author.login;
@@ -6999,6 +7076,70 @@ function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedTog
 	});
 }
 //#endregion
+//#region app/components/ReviewTopBar.tsx
+function ReviewTopBar({ actions, context, leading, mode, modes, onModeChange, onToggleSidebar, repository, repositoryTooltip, sidebarCollapsed, sourceMenu, toggleTitle }) {
+	return /* @__PURE__ */ jsxs("header", {
+		className: "review-top-bar workspace-top-bar",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "review-top-bar-left",
+				children: [
+					leading,
+					/* @__PURE__ */ jsx("button", {
+						"aria-label": sidebarCollapsed ? "Expand sidebar" : "Collapse sidebar",
+						className: "review-top-bar-icon-button sidebar-toggle-button",
+						onClick: onToggleSidebar,
+						title: toggleTitle,
+						type: "button",
+						children: /* @__PURE__ */ jsx(SidebarSimpleIcon, {
+							"aria-hidden": true,
+							size: 18,
+							weight: "bold"
+						})
+					}),
+					sourceMenu,
+					/* @__PURE__ */ jsx("div", {
+						className: "review-top-bar-repository-slot",
+						title: repositoryTooltip,
+						children: repository
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"aria-label": "Review mode",
+				className: "review-mode-control",
+				role: "tablist",
+				children: modes.map((item) => /* @__PURE__ */ jsxs("button", {
+					"aria-label": item.ariaLabel,
+					"aria-selected": mode === item.value,
+					onClick: () => onModeChange(item.value),
+					role: "tab",
+					title: item.title,
+					type: "button",
+					children: [
+						item.icon,
+						/* @__PURE__ */ jsx("span", {
+							className: "review-mode-label",
+							children: item.label
+						}),
+						item.indicator
+					]
+				}, item.value))
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "review-top-bar-right",
+				children: [context ? /* @__PURE__ */ jsx("div", {
+					className: "review-top-bar-context",
+					children: context
+				}) : null, actions ? /* @__PURE__ */ jsx("div", {
+					className: "review-top-bar-actions",
+					children: actions
+				}) : null]
+			})
+		]
+	});
+}
+//#endregion
 //#region app/components/walkthrough/CommitView.tsx
 const TERMINAL_COLS = 80;
 const TERMINAL_ROWS = 12;
@@ -8586,6 +8727,7 @@ function useReviewFileState({ initialSelectedPath = null, onViewedChange } = {})
 const defaultConfigTemplate = {
 	settings: {
 		"agentBackend": "codex",
+		"checkForUpdates": true,
 		"claudeModel": "claude-sonnet-4-6",
 		"codeFontFamily": "",
 		"codeFontSize": 13,
@@ -8686,7 +8828,7 @@ const disabledCommitMessage = async () => ({
 	reason: "Shared walkthroughs are read-only.",
 	status: "unavailable"
 });
-function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMode, interactive, onDeleteShare, onModeChange, providerLabel = "provider", settingsBar, signInLabel = "Sign in to comment", snapshot, sourceDescriptionFooterAside, title }) {
+function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMode, interactive, onDeleteShare, onModeChange, providerLabel = "provider", repositoryUrl, settingsBar, signInLabel = "Sign in to comment", snapshot, sourceDescriptionFooterAside, title }) {
 	const canComment = commenting?.canComment ?? Boolean(interactive);
 	const deleteShare = useCallback(async () => {
 		if (!onDeleteShare || !window.confirm("Delete this shared walkthrough? This cannot be undone.")) return;
@@ -8709,10 +8851,22 @@ function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMod
 	const keymap = useMemo(() => createDefaultConfig().keymap, []);
 	const [fileSearchQuery, setFileSearchQuery] = useState("");
 	const [uncontrolledSidebarMode, setUncontrolledSidebarMode] = useState(() => initialMode ?? (interactive ? "tree" : "walkthrough"));
-	const sidebarMode = Boolean(initialMode && onModeChange) ? initialMode : uncontrolledSidebarMode;
+	const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+	useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.repeat || !matchesShortcut(event, keymap, "toggleSidebar")) return;
+			event.preventDefault();
+			setSidebarCollapsed((current) => !current);
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => window.removeEventListener("keydown", handleKeyDown);
+	}, [keymap]);
+	const sidebarMode = Boolean(initialMode && onModeChange) && initialMode ? initialMode : uncontrolledSidebarMode;
 	const [treeScrollTarget, setTreeScrollTarget] = useState(null);
 	const { bumpItemVersion, collapsed, expandedGenerated, itemVersionByKey, selectedPath, setSelectedPath, toggleCollapsed, toggleViewed, viewed } = useReviewFileState({ initialSelectedPath: snapshot.files[0]?.path ?? null });
 	const { resizeSidebar, sidebarWidth } = useResizableSidebar({
+		collapseThreshold: 80,
+		onCollapse: () => setSidebarCollapsed(true),
 		onWidthCommit: writeSharedSidebarWidth,
 		readWidth: readSharedSidebarWidth
 	});
@@ -9102,8 +9256,10 @@ function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMod
 			sourceDescriptionFooter
 		});
 	};
-	const sourceLabel = snapshot.repository.source.type === "working-tree" ? "" : ` · ${getSourceLabel(snapshot.repository.source)}`;
-	const rootLabel = `${compactPath(snapshot.repository.root)}${snapshot.branch ? ` (${snapshot.branch})` : ""}`;
+	const sourceLabel = snapshot.repository.source.type === "working-tree" ? null : getSourceLabel(snapshot.repository.source);
+	const rootLabel = repositoryUrl ? snapshot.repository.root : abbreviateHomePath(snapshot.repository.root);
+	const sourceExternalUrl = snapshot.repository.source.type === "pull-request" ? externalUrl ?? snapshot.repository.source.url : null;
+	const repositoryLinkUrl = repositoryUrl ?? sourceExternalUrl;
 	const walkthroughStatus = walkthroughRequestPending && interactive?.walkthroughStatus !== "ready" ? "generating" : interactive?.walkthroughStatus;
 	const [walkthroughProgressRevision, setWalkthroughProgressRevision] = useState(0);
 	const previousWalkthroughStatusRef = useRef(walkthroughStatus);
@@ -9119,57 +9275,120 @@ function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMod
 	const requestWalkthrough = () => {
 		startWalkthroughGeneration();
 	};
+	const reviewModes = [
+		{
+			icon: /* @__PURE__ */ jsx(PathIcon, {
+				"aria-hidden": true,
+				size: 14,
+				weight: "bold"
+			}),
+			label: "Walkthrough",
+			value: "walkthrough"
+		},
+		{
+			icon: /* @__PURE__ */ jsx(TreeStructureIcon, {
+				"aria-hidden": true,
+				size: 14,
+				weight: "bold"
+			}),
+			label: "Tree",
+			value: "tree"
+		},
+		...showCommentsTab ? [{
+			ariaLabel: generalCommentCount > 0 ? `Comments (${generalCommentCount})` : "Comments",
+			icon: /* @__PURE__ */ jsx(ChatCircleIcon, {
+				"aria-hidden": true,
+				size: 14,
+				weight: "bold"
+			}),
+			indicator: generalCommentCount > 0 ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "review-mode-count",
+				children: generalCommentCount
+			}) : void 0,
+			label: "Comments",
+			title: generalCommentCount > 0 ? `${generalCommentCount} ${generalCommentCount === 1 ? "comment" : "comments"}` : "Comments",
+			value: "comments"
+		}] : []
+	];
+	const topBarActions = onDeleteShare || settingsBar ? /* @__PURE__ */ jsxs(Fragment$1, { children: [onDeleteShare ? /* @__PURE__ */ jsx(Button, {
+		action: deleteShare,
+		"aria-label": "Delete shared walkthrough",
+		pendingPlaceholder: "…",
+		size: "icon",
+		title: "Delete shared walkthrough",
+		type: "button",
+		variant: "destructive",
+		children: /* @__PURE__ */ jsx(Trash2, {
+			"aria-hidden": true,
+			size: 16
+		})
+	}) : null, settingsBar ? /* @__PURE__ */ jsx("div", {
+		className: "review-top-bar-settings",
+		children: settingsBar
+	}) : null] }) : void 0;
 	return /* @__PURE__ */ jsxs("div", {
-		className: `app-shell share-shell${interactive ? " merge-request-shell" : ""}`,
+		className: `app-shell share-shell${interactive ? " merge-request-shell" : ""}${sidebarCollapsed ? " sidebar-collapsed" : ""}`,
 		"data-theme": shellTheme,
-		style: { gridTemplateColumns: `${sidebarWidth}px 0 minmax(0, 1fr)` },
+		style: sidebarCollapsed ? void 0 : { gridTemplateColumns: `${sidebarWidth}px 0 minmax(0, 1fr)` },
 		children: [
+			/* @__PURE__ */ jsx(ReviewTopBar, {
+				actions: topBarActions,
+				context: /* @__PURE__ */ jsxs(Fragment$1, { children: [snapshot.branch ? /* @__PURE__ */ jsx("span", {
+					className: "review-top-bar-branch",
+					title: snapshot.branch,
+					children: snapshot.branch
+				}) : null, sourceLabel ? sourceExternalUrl ? /* @__PURE__ */ jsxs("a", {
+					"aria-label": `Open ${sourceLabel} in ${providerLabel}`,
+					className: "review-top-bar-source",
+					href: sourceExternalUrl,
+					rel: "noreferrer",
+					target: "_blank",
+					title: `Open ${sourceLabel} in ${providerLabel}`,
+					children: [/* @__PURE__ */ jsx("span", { children: sourceLabel }), /* @__PURE__ */ jsx(ArrowSquareOutIcon, {
+						"aria-hidden": true,
+						size: 14,
+						weight: "bold"
+					})]
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "review-top-bar-source",
+					children: sourceLabel
+				}) : null] }),
+				leading: interactive ? /* @__PURE__ */ jsx("button", {
+					"aria-label": "Back to Codiff",
+					className: "merge-request-nav-button merge-request-home-button",
+					onClick: interactive.onHome,
+					title: "Back to Codiff",
+					type: "button",
+					children: /* @__PURE__ */ jsx("img", {
+						alt: "",
+						"aria-hidden": true,
+						className: "merge-request-nav-icon",
+						draggable: false,
+						src: "/icon.png"
+					})
+				}) : void 0,
+				mode: sidebarMode,
+				modes: reviewModes,
+				onModeChange: changeSidebarMode,
+				onToggleSidebar: () => setSidebarCollapsed((current) => !current),
+				repository: repositoryLinkUrl ? /* @__PURE__ */ jsx("a", {
+					className: "review-top-bar-repository",
+					href: repositoryLinkUrl,
+					rel: "noreferrer",
+					target: repositoryUrl ? void 0 : "_blank",
+					children: rootLabel
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "review-top-bar-repository",
+					children: rootLabel
+				}),
+				repositoryTooltip: snapshot.repository.root,
+				sidebarCollapsed,
+				toggleTitle: `${sidebarCollapsed ? "Expand" : "Collapse"} sidebar`
+			}),
 			/* @__PURE__ */ jsxs("aside", {
 				className: "squircle sidebar",
 				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "sidebar-header",
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "sidebar-path-row",
-							children: [
-								interactive ? /* @__PURE__ */ jsx("button", {
-									"aria-label": "Back to Codiff",
-									className: "merge-request-nav-button merge-request-home-button",
-									onClick: interactive.onHome,
-									title: "Back to Codiff",
-									type: "button",
-									children: /* @__PURE__ */ jsx("img", {
-										alt: "",
-										"aria-hidden": true,
-										className: "merge-request-nav-icon",
-										draggable: false,
-										src: "/icon.png"
-									})
-								}) : null,
-								/* @__PURE__ */ jsxs("div", {
-									className: "sidebar-path",
-									title: title ?? snapshot.repository.root,
-									children: [
-										title ? `${title} · ` : null,
-										rootLabel,
-										sourceLabel
-									]
-								}),
-								externalUrl ? /* @__PURE__ */ jsx("a", {
-									"aria-label": `Open merge request in ${providerLabel}`,
-									className: "merge-request-nav-button",
-									href: externalUrl,
-									rel: "noreferrer",
-									target: "_blank",
-									title: `Open merge request in ${providerLabel}`,
-									children: /* @__PURE__ */ jsx(ExternalLink, {
-										"aria-hidden": true,
-										size: 16
-									})
-								}) : null
-							]
-						})
-					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "sidebar-search-row",
 						children: /* @__PURE__ */ jsx("input", {
@@ -9182,40 +9401,6 @@ function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMod
 							value: fileSearchQuery
 						})
 					}),
-					/* @__PURE__ */ jsxs("div", {
-						"aria-label": "Review order",
-						className: `sidebar-mode-toggle${showCommentsTab ? " sidebar-mode-toggle-with-comments" : ""}`,
-						role: "tablist",
-						children: [
-							/* @__PURE__ */ jsx("button", {
-								"aria-selected": sidebarMode === "tree",
-								onClick: () => changeSidebarMode("tree"),
-								role: "tab",
-								type: "button",
-								children: "Tree"
-							}),
-							/* @__PURE__ */ jsx("button", {
-								"aria-selected": sidebarMode === "walkthrough",
-								onClick: () => changeSidebarMode("walkthrough"),
-								role: "tab",
-								type: "button",
-								children: "Walkthrough"
-							}),
-							showCommentsTab ? /* @__PURE__ */ jsxs("button", {
-								"aria-label": generalCommentCount > 0 ? `Comments (${generalCommentCount})` : "Comments",
-								"aria-selected": sidebarMode === "comments",
-								onClick: () => changeSidebarMode("comments"),
-								role: "tab",
-								title: generalCommentCount > 0 ? `${generalCommentCount} ${generalCommentCount === 1 ? "comment" : "comments"}` : "Comments",
-								type: "button",
-								children: [/* @__PURE__ */ jsx("span", { children: "Comments" }), generalCommentCount > 0 ? /* @__PURE__ */ jsx("span", {
-									"aria-hidden": true,
-									className: "sidebar-tab-count",
-									children: generalCommentCount
-								}) : null]
-							}) : null
-						]
-					}),
 					sidebarMode === "tree" ? /* @__PURE__ */ jsx(ReviewFileTree, {
 						files: visibleFiles,
 						onActivatePath: activateTreePath,
@@ -9243,29 +9428,13 @@ function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMod
 							}), walkthroughStatusDescription ? /* @__PURE__ */ jsx("span", { children: walkthroughStatusDescription }) : null]
 						})
 					}),
-					onDeleteShare || settingsBar || showTotalLineCount ? /* @__PURE__ */ jsxs("div", {
+					showTotalLineCount ? /* @__PURE__ */ jsx("div", {
 						className: "sidebar-settings-bar",
-						children: [
-							onDeleteShare ? /* @__PURE__ */ jsx(Button, {
-								action: deleteShare,
-								"aria-label": "Delete shared walkthrough",
-								pendingPlaceholder: "…",
-								size: "icon",
-								title: "Delete shared walkthrough",
-								type: "button",
-								variant: "destructive",
-								children: /* @__PURE__ */ jsx(Trash2, {
-									"aria-hidden": true,
-									size: 16
-								})
-							}) : null,
-							settingsBar,
-							showTotalLineCount ? /* @__PURE__ */ jsx(DiffLineCountBadge, {
-								ariaLabelPrefix: "Total change",
-								className: "sidebar-total-line-count sidebar-settings-line-count",
-								lineCount: totalLineCount
-							}) : null
-						]
+						children: /* @__PURE__ */ jsx(DiffLineCountBadge, {
+							ariaLabelPrefix: "Total change",
+							className: "sidebar-total-line-count sidebar-settings-line-count",
+							lineCount: totalLineCount
+						})
 					}) : null
 				]
 			}),