fix(web): Changes row matches the diff comparison#19553

@@ -991,6 +996,85 @@ function PublishRepositoryDialog(props: PublishRepositoryDialogProps) {
   );
 }
 
+function ThreadChangesControl({
+  gitCwd,
+  activeThreadRef,
+  gitStatus,
+  onOpenChanges,
+}: Pick<GitActionsControlProps, "gitCwd" | "activeThreadRef"> & {
+  gitStatus: VcsStatusResult | null;
+  onOpenChanges: GitActionsControlProps["onOpenChanges"];
+}) {
+  const baseRef = useDiffPanelStore((state) =>
+    selectThreadDiffPanelBaseRef(state, activeThreadRef),
+  );
+  const ignoreWhitespace = useClientSettings((settings) => settings.diffIgnoreWhitespace);
+  // Status totals use the automatic base; a base picked in the diff panel needs its preview.
+  const useDiffPreview = baseRef !== null;
+  const { canReadFiles } = useFilesystemReadAccess(
+    useDiffPreview ? (activeThreadRef?.environmentId ?? null) : null,
+  );
+  // Same atom and key as the diff panel, so with matching whitespace settings an open or
+  // recently closed panel's result is reused.
+  const changesDiffPreview = useEnvironmentQuery(
+    canReadFiles && useDiffPreview && activeThreadRef && gitCwd
+      ? reviewEnvironment.diffPreview({
+          environmentId: activeThreadRef.environmentId,
+          input: {
+            cwd: gitCwd,
+            ...(baseRef ? { baseRef } : {}),
+            ignoreWhitespace,
+          },
+        })
+      : null,
+  );
+  // The diff panel refreshes the preview on workspace changes only while it is mounted, so
+  // follow git status here. A preview already in flight covers the change.
+  const statusTotalsKey = gitStatus
+    ? JSON.stringify([
+        gitStatus.branchChanges ?? null,
+        gitStatus.workingTree.insertions,
+        gitStatus.workingTree.deletions,
+        gitStatus.workingTree.files.length,
+      ])
+    : null;
+  const lastStatusTotalsKeyRef = useRef(statusTotalsKey);
+  const refreshChangesDiffPreview = changesDiffPreview.refresh;
+  const isChangesDiffPreviewPending = changesDiffPreview.isPending;
+  useEffect(() => {
+    if (lastStatusTotalsKeyRef.current === statusTotalsKey) return;
+    lastStatusTotalsKeyRef.current = statusTotalsKey;
+    if (useDiffPreview && !isChangesDiffPreviewPending) refreshChangesDiffPreview();
+  }, [isChangesDiffPreviewPending, refreshChangesDiffPreview, statusTotalsKey, useDiffPreview]);
+  const changesTotals = useMemo(
+    () =>
+      resolveChangesTotals({
+        gitStatus,