fix(app): simplify commits sidebar header

packages/app/src/git/commits-section/commits-section.tsx

@@ -7,7 +7,6 @@ import { useChangesPreferences } from "@/hooks/use-changes-preferences";
 import { useCheckoutCommitsQuery, type CheckoutCommitsQueryResult } from "@/git/use-commits-query";
 import { ThemedChevron, chevronColorMapping } from "@/git/themed-chevron";
 import { CommitRow } from "./commit-row";
-import { dotStyles } from "./shared";
 
 interface CommitsSectionProps {
   serverId: string;
@@ -137,12 +136,6 @@ export function CommitsSection({ serverId, cwd, onCommitPress }: CommitsSectionP
             {commitCount}
           </Text>
         )}
-        <View style={styles.legend}>
-          <View style={dotStyles.dotLocal} />
-          <Text style={styles.legendText}>{t("workspace.git.diff.commits.legendLocal")}</Text>
-          <View style={dotStyles.legendDotRemote} />
-          <Text style={styles.legendText}>{t("workspace.git.diff.commits.legendRemote")}</Text>
-        </View>
       </Pressable>
       {collapsed ? null : (
         <CommitsSectionContent query={query} now={displayNow} onCommitPress={onCommitPress} />
@@ -177,7 +170,6 @@ const styles = StyleSheet.create((theme) => ({
   },
   title: {
     fontSize: theme.fontSize.sm,
-    fontWeight: theme.fontWeight.medium,
     color: theme.colors.foreground,
   },
   count: {
@@ -188,16 +180,6 @@ const styles = StyleSheet.create((theme) => ({
   countSpacer: {
     flex: 1,
   },
-  legend: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: theme.spacing[1],
-    flexShrink: 0,
-  },
-  legendText: {
-    fontSize: theme.fontSize.xs,
-    color: theme.colors.foregroundMuted,
-  },
   list: {
     paddingBottom: theme.spacing[1],
   },

packages/app/src/git/commits-section/shared.ts

@@ -13,11 +13,8 @@ export const DOT_SIZE = 8;
 const REMOTE_DOT_OPACITY = 0.55;
 
 /**
- * Shared local/remote commit dot styles used by both the commit rows and the
- * section legend so the two never drift.
- *
- * Semantics: a local-only commit is a hollow ring; a commit that has reached
- * the remote is a subtle (dimmed) filled green dot.
+ * A local-only commit is a hollow ring; a commit that has reached the remote
+ * is a subtle (dimmed) filled green dot.
  */
 export const dotStyles = StyleSheet.create((theme) => ({
   dotLocal: {
@@ -37,15 +34,4 @@ export const dotStyles = StyleSheet.create((theme) => ({
     opacity: REMOTE_DOT_OPACITY,
     flexShrink: 0,
   },
-  // Legend variant of the remote dot: same fill, with leading spacing so it
-  // separates from the preceding "local" label in the section header legend.
-  legendDotRemote: {
-    width: DOT_SIZE,
-    height: DOT_SIZE,
-    borderRadius: theme.borderRadius.full,
-    backgroundColor: theme.colors.statusSuccess,
-    opacity: REMOTE_DOT_OPACITY,
-    flexShrink: 0,
-    marginLeft: theme.spacing[1],
-  },
 }));