@nkzw/codiff-core 1.12.0 → 1.13.0

package/dist/app/components/ReviewCodeView.d.ts

@@ -39,7 +39,7 @@ type HeaderReviewDiffBlock = {
     selected?: boolean;
 };
 export type ReviewDiffBlock = FileReviewDiffBlock | HeaderReviewDiffBlock;
-export declare function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedToggle, blocks, bottomInset, codeQualityFindings, collapsed, comments, commitMetadata, diffLineHeight, diffStyle, disableWorkerPool, expandedGenerated, files, focusCommentId, focusCommentRequest, forceExpandedPaths, gitIdentity, hunkNavigation, initialMarkdownPreviewSectionIds, isReadOnly, itemVersionByKey, keymap, loadingSectionIds, onActiveBlockChange, onAskCodex, onCommentDraftChange, onCreateComment, onDeleteComment, onFindDefinitions, onLoadImageContent, onLoadSection, onLoadSectionContents, onOpenDefinition, onOpenFile, onRefreshMarkdown, onResolveThread, onSaveCommentEdit, onSelectPathFromScroll, onSubmitComment, onToggleCollapsed, onToggleViewed, onUpdateComment, onUpdateSourceDescription, onUpdateSourceTitle, onUploadSourceDescriptionAsset, reviewIdentityByPath, scrollTarget, searchQuery, selectedPath, showSourceDescription, showWhitespace, source, sourceDescriptionActions, sourceDescriptionFooter, supportsReviewCommentActions, theme, viewed, walkthroughNotes, wordWrap, }: {
+export declare function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedToggle, blocks, bottomInset, codeQualityFindings, collapsed, comments, commitMetadata, diffLineHeight, diffStyle, disableWorkerPool, expandedReviewKeys, files, focusCommentId, focusCommentRequest, forceExpandedPaths, gitIdentity, hunkNavigation, initialMarkdownPreviewSectionIds, isReadOnly, itemVersionByKey, keymap, loadingSectionIds, onActiveBlockChange, onAskCodex, onCommentDraftChange, onCreateComment, onDeleteComment, onFindDefinitions, onLoadImageContent, onLoadSection, onLoadSectionContents, onOpenDefinition, onOpenFile, onRefreshMarkdown, onResolveThread, onSaveCommentEdit, onSelectPathFromScroll, onSubmitComment, onToggleCollapsed, onToggleViewed, onUpdateComment, onUpdateSourceDescription, onUpdateSourceTitle, onUploadSourceDescriptionAsset, reviewIdentityByPath, scrollTarget, searchQuery, selectedPath, showSourceDescription, showWhitespace, source, sourceDescriptionActions, sourceDescriptionFooter, supportsReviewCommentActions, theme, viewed, walkthroughNotes, wordWrap, }: {
     activeSearchMatch: DiffSearchMatch | null;
     agentId: 'codex' | 'claude' | 'opencode' | 'pi';
     agentLabel: string;
@@ -53,7 +53,7 @@ export declare function ReviewCodeView({ activeSearchMatch, agentId, agentLabel,
     diffLineHeight?: number;
     diffStyle: CodiffDiffStyle;
     disableWorkerPool?: boolean;
-    expandedGenerated?: ReadonlySet<string>;
+    expandedReviewKeys?: ReadonlySet<string>;
     files: ReadonlyArray<ChangedFile>;
     focusCommentId: string | null;
     focusCommentRequest: number;

package/dist/app/hooks/useReviewState.d.ts

@@ -7,11 +7,11 @@ type UseReviewFileStateOptions = {
 export declare function useReviewFileState({ initialSelectedPath, onViewedChange, }?: UseReviewFileStateOptions): {
     bumpItemVersion: (key: string) => void;
     collapsed: Set<string>;
-    expandedGenerated: Set<string>;
+    expandedReviewKeys: Set<string>;
     itemVersionByKey: Record<string, number>;
     selectedPath: string | null;
     setCollapsed: import("react").Dispatch<import("react").SetStateAction<Set<string>>>;
-    setExpandedGenerated: import("react").Dispatch<import("react").SetStateAction<Set<string>>>;
+    setExpandedReviewKeys: import("react").Dispatch<import("react").SetStateAction<Set<string>>>;
     setItemVersionByKey: import("react").Dispatch<import("react").SetStateAction<Record<string, number>>>;
     setSelectedPath: import("react").Dispatch<import("react").SetStateAction<string | null>>;
     setViewed: import("react").Dispatch<import("react").SetStateAction<Record<string, string>>>;

package/dist/lib/app-types.d.ts

@@ -52,6 +52,14 @@ export type ReviewScrollTarget = {
     request: number;
 };
 export type ReviewIdentity = {
+    coverage?: {
+        allHunkIds: ReadonlyArray<string>;
+        file: {
+            fingerprint: string;
+            key: string;
+        };
+        hunkIds: ReadonlyArray<string>;
+    };
     fingerprint: string;
     key: string;
 };
@@ -106,7 +114,7 @@ export type WalkthroughNote = {
 };
 export type SourceSession = {
     collapsed: Set<string>;
-    expandedGenerated: Set<string>;
+    expandedReviewKeys: Set<string>;
     /** Populated by a generated or pre-authored narrative walkthrough document. */
     narrativeWalkthrough?: NarrativeWalkthrough | null;
     reviewComments: ReadonlyArray<ReviewComment>;

package/dist/lib/narrative-walkthrough.d.ts

@@ -42,6 +42,7 @@ export declare const formatWalkthroughFileLineRows: (items: ReadonlyArray<{
     deleted: number;
     path: string;
 }>, maxVisibleFiles?: number) => ReadonlyArray<WalkthroughFileLineRow>;
+export declare const getUncoveredWalkthroughReviewIdentity: (file: ChangedFile, view: WalkthroughView, showWhitespace: boolean) => import("./app-types.ts").ReviewIdentity;
 export declare const getUncoveredWalkthroughFiles: (files: ReadonlyArray<ChangedFile>, view: WalkthroughView, showWhitespace: boolean) => ReadonlyArray<ChangedFile>;
 export declare const getUncoveredWalkthroughFileLineItems: (files: ReadonlyArray<ChangedFile>, view: WalkthroughView, showWhitespace: boolean) => ReadonlyArray<{
     added: number;

package/dist/lib/review-identity.d.ts

@@ -1,6 +1,9 @@
 import type { ChangedFile } from '../types.ts';
 import type { ReviewIdentity } from './app-types.ts';
 export declare const getFileReviewIdentity: (file: ChangedFile) => ReviewIdentity;
+export declare const getWalkthroughReviewKeyPrefix: (path: string) => string;
+export declare const getSectionReviewHunkIds: (file: ChangedFile, section: ChangedFile['sections'][number]) => ReadonlyArray<string>;
+export declare const getWalkthroughReviewIdentity: (file: ChangedFile, hunkIds: ReadonlyArray<string>) => ReviewIdentity;
 export declare const getReviewIdentity: (file: ChangedFile, identityByPath?: ReadonlyMap<string, ReviewIdentity>) => ReviewIdentity;
 export declare const isReviewIdentityViewed: (viewed: Readonly<Record<string, string>>, identity: ReviewIdentity) => boolean;
 export declare const updateReviewIdentityViewed: (viewed: Readonly<Record<string, string>>, identity: ReviewIdentity, currentlyViewed: boolean) => Record<string, string>;

package/dist/react.mjs

@@ -3945,18 +3945,46 @@ const getFileReviewIdentity = (file) => ({
 	fingerprint: file.fingerprint,
 	key: file.path
 });
+const getWalkthroughReviewKeyPrefix = (path) => `walkthrough:${JSON.stringify(path)}:`;
+const getHunkViewedKey = (path, hunkId) => `${getWalkthroughReviewKeyPrefix(path)}${JSON.stringify(hunkId)}`;
+const getSectionReviewHunkIds = (file, section) => {
+	const ids = getSectionWalkthroughHunks(file, section).map((hunk) => hunk.id);
+	return ids.length > 0 ? ids : [section.id];
+};
+const getWalkthroughReviewIdentity = (file, hunkIds) => ({
+	coverage: {
+		allHunkIds: file.sections.flatMap((section) => getSectionReviewHunkIds(file, section)),
+		file: getFileReviewIdentity(file),
+		hunkIds
+	},
+	fingerprint: file.fingerprint,
+	key: `${getWalkthroughReviewKeyPrefix(file.path)}${JSON.stringify(hunkIds)}`
+});
 const getReviewIdentity = (file, identityByPath) => identityByPath?.get(file.path) ?? getFileReviewIdentity(file);
-const isReviewIdentityViewed = (viewed, identity) => viewed[identity.key] === identity.fingerprint;
+const isReviewIdentityViewed = (viewed, identity) => {
+	const { coverage } = identity;
+	return coverage ? viewed[coverage.file.key] === coverage.file.fingerprint || coverage.hunkIds.length > 0 && coverage.hunkIds.every((id) => viewed[getHunkViewedKey(coverage.file.key, id)] === coverage.file.fingerprint) : viewed[identity.key] === identity.fingerprint;
+};
 const updateReviewIdentityViewed = (viewed, identity, currentlyViewed) => {
-	if (currentlyViewed) {
-		const next = { ...viewed };
-		delete next[identity.key];
+	const next = { ...viewed };
+	const { coverage } = identity;
+	if (coverage) {
+		const { allHunkIds, file, hunkIds } = coverage;
+		if (viewed[file.key] === file.fingerprint) for (const id of allHunkIds) next[getHunkViewedKey(file.key, id)] = file.fingerprint;
+		for (const id of hunkIds) {
+			const key = getHunkViewedKey(file.key, id);
+			if (currentlyViewed) delete next[key];
+			else next[key] = file.fingerprint;
+		}
+		if (allHunkIds.length > 0 && allHunkIds.every((id) => next[getHunkViewedKey(file.key, id)] === file.fingerprint)) next[file.key] = file.fingerprint;
+		else delete next[file.key];
 		return next;
 	}
-	return {
-		...viewed,
-		[identity.key]: identity.fingerprint
-	};
+	const prefix = getWalkthroughReviewKeyPrefix(identity.key);
+	for (const key of Object.keys(next)) if (key.startsWith(prefix)) delete next[key];
+	if (currentlyViewed) delete next[identity.key];
+	else next[identity.key] = identity.fingerprint;
+	return next;
 };
 const updateReviewIdentityCollapsed = (collapsed, identity, currentlyCollapsed) => {
 	const next = new Set(collapsed);
@@ -4308,6 +4336,7 @@ const getUncoveredWalkthroughSection = (file, section, coveredHunkIds, coveredSe
 	if (coveredSyntheticSectionIds.has(section.id)) return null;
 	const hunkIds = getSectionHunkIds(file, section);
 	if (hunkIds.length === 0) return coveredSectionIds.has(section.id) ? null : {
+		hunkIds: [section.id],
 		identity: section.id,
 		section
 	};
@@ -4315,11 +4344,13 @@ const getUncoveredWalkthroughSection = (file, section, coveredHunkIds, coveredSe
 	if (uncoveredHunkIds.length === 0) return null;
 	const identity = `${section.id}:${uncoveredHunkIds.join(",")}`;
 	if (uncoveredHunkIds.length === hunkIds.length) return {
+		hunkIds: uncoveredHunkIds,
 		identity,
 		section
 	};
 	const patch = filterPatchToHunkIds(section.patch, section.id, uncoveredHunkIds);
 	return patch ? {
+		hunkIds: uncoveredHunkIds,
 		identity,
 		section: {
 			...section,
@@ -4327,6 +4358,13 @@ const getUncoveredWalkthroughSection = (file, section, coveredHunkIds, coveredSe
 		}
 	} : null;
 };
+const getUncoveredWalkthroughReviewIdentity = (file, view, showWhitespace) => {
+	const coveredHunkIds = walkthroughCoveredHunkIds(view);
+	const coveredSectionIds = walkthroughCoveredSectionIds(view);
+	const coveredSyntheticSectionIds = walkthroughCoveredSyntheticSectionIds(view);
+	const hunkIds = getVisibleDiffSections(file, showWhitespace).flatMap(({ section }) => getUncoveredWalkthroughSection(file, section, coveredHunkIds, coveredSectionIds, coveredSyntheticSectionIds)?.hunkIds ?? []);
+	return getWalkthroughReviewIdentity(file, hunkIds);
+};
 const getUncoveredWalkthroughFiles = (files, view, showWhitespace) => {
 	const coveredHunkIds = walkthroughCoveredHunkIds(view);
 	const coveredSectionIds = walkthroughCoveredSectionIds(view);
@@ -4973,7 +5011,7 @@ function DiffLineCountBadge({ ariaLabelPrefix, className = "codiff-line-count",
 //#endregion
 //#region app/components/ReviewCodeView.tsx
 const emptyMarkdownPreviewSectionIds = /* @__PURE__ */ new Set();
-const emptyExpandedGenerated = /* @__PURE__ */ new Set();
+const emptyExpandedReviewKeys = /* @__PURE__ */ new Set();
 const markdownPreviewPlugins = [frontmatterPlugin(), imagePlugin({
 	disableImageResize: true,
 	disableImageSettingsButton: true
@@ -6604,7 +6642,7 @@ const getHunkSelectionRange = (hunk) => {
 	} : null;
 };
 const isSameSelection = (a, b) => a.start === b.start && a.end === b.end && a.side === b.side;
-function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedToggle = false, blocks, bottomInset = codeViewLayout.paddingBottom, codeQualityFindings = [], collapsed, comments, commitMetadata, diffLineHeight = 20, diffStyle, disableWorkerPool = false, expandedGenerated = emptyExpandedGenerated, files, focusCommentId, focusCommentRequest, forceExpandedPaths, gitIdentity, hunkNavigation, initialMarkdownPreviewSectionIds = emptyMarkdownPreviewSectionIds, isReadOnly = false, itemVersionByKey, keymap, loadingSectionIds, onActiveBlockChange, onAskCodex, onCommentDraftChange, onCreateComment, onDeleteComment, onFindDefinitions, onLoadImageContent, onLoadSection, onLoadSectionContents, onOpenDefinition, onOpenFile, onRefreshMarkdown, onResolveThread = noopResolveThread, onSaveCommentEdit, onSelectPathFromScroll, onSubmitComment, onToggleCollapsed, onToggleViewed, onUpdateComment, onUpdateSourceDescription, onUpdateSourceTitle, onUploadSourceDescriptionAsset, reviewIdentityByPath, scrollTarget, searchQuery, selectedPath, showSourceDescription = true, showWhitespace, source, sourceDescriptionActions, sourceDescriptionFooter, supportsReviewCommentActions, theme = "system", viewed, walkthroughNotes, wordWrap }) {
+function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedToggle = false, blocks, bottomInset = codeViewLayout.paddingBottom, codeQualityFindings = [], collapsed, comments, commitMetadata, diffLineHeight = 20, diffStyle, disableWorkerPool = false, expandedReviewKeys = emptyExpandedReviewKeys, files, focusCommentId, focusCommentRequest, forceExpandedPaths, gitIdentity, hunkNavigation, initialMarkdownPreviewSectionIds = emptyMarkdownPreviewSectionIds, isReadOnly = false, itemVersionByKey, keymap, loadingSectionIds, onActiveBlockChange, onAskCodex, onCommentDraftChange, onCreateComment, onDeleteComment, onFindDefinitions, onLoadImageContent, onLoadSection, onLoadSectionContents, onOpenDefinition, onOpenFile, onRefreshMarkdown, onResolveThread = noopResolveThread, onSaveCommentEdit, onSelectPathFromScroll, onSubmitComment, onToggleCollapsed, onToggleViewed, onUpdateComment, onUpdateSourceDescription, onUpdateSourceTitle, onUploadSourceDescriptionAsset, reviewIdentityByPath, scrollTarget, searchQuery, selectedPath, showSourceDescription = true, showWhitespace, source, sourceDescriptionActions, sourceDescriptionFooter, supportsReviewCommentActions, theme = "system", viewed, walkthroughNotes, wordWrap }) {
 	const codeViewRef = useRef(null);
 	const markdownEditorRefs = useRef(/* @__PURE__ */ new Map());
 	const refreshingMarkdownSectionsRef = useRef(/* @__PURE__ */ new Set());
@@ -6729,7 +6767,7 @@ function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedTog
 			const reviewIdentity = block.reviewIdentity ?? getReviewIdentity(file, reviewIdentityByPath);
 			const reviewKey = reviewIdentity.key;
 			const isViewed = isReviewIdentityViewed(viewed, reviewIdentity);
-			const isCollapsed = !forceExpandedPaths.has(file.path) && !expandedGenerated.has(reviewKey) && (collapsed.has(reviewKey) || isGeneratedWalkthroughFile(file));
+			const isCollapsed = !forceExpandedPaths.has(file.path) && !expandedReviewKeys.has(reviewKey) && (isViewed || collapsed.has(reviewKey) || isGeneratedWalkthroughFile(file));
 			const visibleSections = getVisibleDiffSections(file, showWhitespace);
 			const lineCount = getDiffLineCountFromVisibleSections(visibleSections);
 			const sections = isCollapsed ? visibleSections.slice(0, 1) : visibleSections;
@@ -6891,7 +6929,7 @@ function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedTog
 		commentsBySection,
 		diffLineHeight,
 		diffStyle,
-		expandedGenerated,
+		expandedReviewKeys,
 		forceExpandedPaths,
 		imagePreviewLayoutPassBySection,
 		isReadOnly,
@@ -8455,10 +8493,7 @@ const getFocusedRunDiffs = (item, files) => resolveWalkthroughHunkRuns(item, fil
 	return focused ? [{
 		file: focused,
 		note: getWalkthroughRunNote(item, run),
-		reviewIdentity: {
-			fingerprint: focused.fingerprint,
-			key: `walkthrough:${run.key}`
-		}
+		reviewIdentity: getWalkthroughReviewIdentity(run.resolved.file, run.hunks.flatMap((hunk) => hunk.kind === "synthetic" ? getSectionReviewHunkIds(run.resolved.file, run.resolved.section) : [hunk.id]))
 	}] : [];
 });
 const getWalkthroughNavigationKeyDirection = (event) => {
@@ -8572,10 +8607,7 @@ const createSupportBlocks = (files, selected, walkthroughView, showWhitespace) =
 			id: blockId,
 			itemIdPrefix: blockId,
 			note: "Not included in the generated walkthrough.",
-			reviewIdentity: {
-				fingerprint: file.fingerprint,
-				key: blockId
-			}
+			reviewIdentity: getUncoveredWalkthroughReviewIdentity(files.find((candidate) => candidate.path === file.path), walkthroughView, showWhitespace)
 		});
 	}
 	return blocks;
@@ -9492,7 +9524,7 @@ function useReviewCommentDrafts({ canCreateComment = true, comments, onCommentFi
 //#region app/hooks/useReviewState.ts
 function useReviewFileState({ initialSelectedPath = null, onViewedChange } = {}) {
 	const [collapsed, setCollapsed] = useState(() => /* @__PURE__ */ new Set());
-	const [expandedGenerated, setExpandedGenerated] = useState(() => /* @__PURE__ */ new Set());
+	const [expandedReviewKeys, setExpandedReviewKeys] = useState(() => /* @__PURE__ */ new Set());
 	const [itemVersionByKey, setItemVersionByKey] = useState({});
 	const [selectedPath, setSelectedPath] = useState(initialSelectedPath);
 	const [viewed, setViewed] = useState({});
@@ -9505,11 +9537,11 @@ function useReviewFileState({ initialSelectedPath = null, onViewedChange } = {})
 	return {
 		bumpItemVersion,
 		collapsed,
-		expandedGenerated,
+		expandedReviewKeys,
 		itemVersionByKey,
 		selectedPath,
 		setCollapsed,
-		setExpandedGenerated,
+		setExpandedReviewKeys,
 		setItemVersionByKey,
 		setSelectedPath,
 		setViewed,
@@ -9520,9 +9552,9 @@ function useReviewFileState({ initialSelectedPath = null, onViewedChange } = {})
 				else next.add(reviewKey);
 				return next;
 			});
-			setExpandedGenerated((current) => {
+			setExpandedReviewKeys((current) => {
 				const next = new Set(current);
-				if (isCollapsed && isGeneratedWalkthroughFile(file)) next.add(reviewKey);
+				if (isCollapsed) next.add(reviewKey);
 				else next.delete(reviewKey);
 				return next;
 			});
@@ -9534,12 +9566,20 @@ function useReviewFileState({ initialSelectedPath = null, onViewedChange } = {})
 				onViewedChange?.(next);
 				return next;
 			});
-			setCollapsed((current) => updateReviewIdentityCollapsed(current, reviewIdentity, isViewed));
-			if (!isViewed) setExpandedGenerated((current) => {
-				const next = new Set(current);
-				next.delete(reviewIdentity.key);
-				return next;
-			});
+			const fileKey = reviewIdentity.coverage?.file.key ?? file.path;
+			const prefix = getWalkthroughReviewKeyPrefix(fileKey);
+			const clearRelatedKeys = (current) => new Set([...current].filter((key) => key !== fileKey && (reviewIdentity.coverage ? key !== reviewIdentity.key : !key.startsWith(prefix))));
+			if (reviewIdentity.coverage || reviewIdentity.key === file.path) {
+				setCollapsed(clearRelatedKeys);
+				setExpandedReviewKeys(clearRelatedKeys);
+			} else {
+				setCollapsed((current) => updateReviewIdentityCollapsed(current, reviewIdentity, isViewed));
+				setExpandedReviewKeys((current) => {
+					const next = new Set(current);
+					next.delete(reviewIdentity.key);
+					return next;
+				});
+			}
 			bumpItemVersion(reviewIdentity.key);
 		}, [bumpItemVersion, onViewedChange]),
 		viewed
@@ -9572,13 +9612,13 @@ const defaultConfigTemplate = {
 	keymap: {
 		"askAgent": "Mod+Alt+Enter",
 		"closeSearch": "Escape",
-		"commandBar": "Mod+Shift+p",
+		"commandBar": "Mod+k",
 		"diffSearch": "Mod+f",
 		"discardComment": "Escape",
 		"fileFilter": "Mod+p",
 		"nextHunk": ["Ctrl+ArrowDown", "j"],
 		"nextSearchMatch": "Enter",
-		"openFile": "Mod+k",
+		"openFile": "Mod+Shift+o",
 		"prevHunk": ["Ctrl+ArrowUp", "k"],
 		"prevSearchMatch": "Shift+Enter",
 		"shortcutsHelp": "Shift+?",
@@ -9732,7 +9772,7 @@ function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMod
 	}, [keymap, toggleSidebar]);
 	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 { bumpItemVersion, collapsed, expandedReviewKeys, itemVersionByKey, selectedPath, setSelectedPath, toggleCollapsed, toggleViewed, viewed } = useReviewFileState({ initialSelectedPath: snapshot.files[0]?.path ?? null });
 	const { resizeSidebar, sidebarWidth } = useResizableSidebar({
 		collapseThreshold: 80,
 		onCollapse: () => {
@@ -10107,7 +10147,7 @@ function ReviewSurface({ commenting, externalUrl, gitIdentity = null, initialMod
 		diffLineHeight,
 		diffStyle: snapshot.preferences.diffStyle,
 		disableWorkerPool: true,
-		expandedGenerated,
+		expandedReviewKeys,
 		focusCommentId,
 		focusCommentRequest,
 		gitIdentity,

package/dist/style.css

@@ -5797,6 +5797,10 @@ html[data-codiff-platform="darwin"] .sidebar {
   background: var(--sidebar-vibrancy-tint);
 }
 
+.app-shell.command-bar-open > :not(.command-bar-overlay) {
+  filter: blur(4px);
+}
+
 .merge-request-nav-button {
   color: var(--muted);
   cursor: pointer;
@@ -8601,7 +8605,6 @@ diffs-container .review-comment-thread {
 }
 
 .command-bar-overlay, .open-review-source-overlay {
-  backdrop-filter: blur(4px);
   background: #ffffff47;
   justify-content: center;
   align-items: flex-start;
@@ -8611,6 +8614,10 @@ diffs-container .review-comment-thread {
   inset: 0;
 }
 
+.open-review-source-overlay {
+  backdrop-filter: blur(4px);
+}
+
 .command-bar-overlay {
   z-index: 100;
 }
@@ -8638,6 +8645,7 @@ diffs-container .review-comment-thread {
   flex-direction: column;
   width: min(520px, 90vw);
   max-height: 400px;
+  padding-top: 6px;
   display: flex;
   overflow: hidden;
 }
@@ -8645,15 +8653,16 @@ diffs-container .review-comment-thread {
 .command-bar-input {
   color: var(--text);
   corner-shape: squircle;
-  font: 14px/1.35 var(--font-sans);
+  font: 13px/1.35 var(--font-sans);
   background: #7f7f7f1a;
   border: 0;
   border-radius: 16px;
   outline: none;
   width: calc(100% - 20px);
   height: 34px;
-  margin: 10px;
-  padding: 0 12px;
+  min-height: 34px;
+  margin: 4px 10px 8px;
+  padding: 0 10px;
 }
 
 .command-bar-input:focus {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nkzw/codiff-core",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "A fast diff viewer.",
   "license": "MIT",
   "author": {