Show diff file paths in a tooltip (#1061)

* fix: add file path titles to diff headers

* Show diff file paths in a tooltip

* Fix workspace layout hydration

* Revert "Fix workspace layout hydration"

This reverts commit 05c89909b70b4724648a2464ea0bfa64e33655cd.

packages/app/src/git/diff-pane.tsx

@@ -842,6 +842,8 @@ const DiffFileHeader = memo(function DiffFileHeader({
 
   return (
     <View style={containerStyle} onLayout={handleLayout} testID={testID}>
+      <Tooltip delayDuration={300} enabledOnDesktop enabledOnMobile={false}>
+        <TooltipTrigger asChild>
           <Pressable
             testID={testID ? `${testID}-toggle` : undefined}
             style={fileHeaderPressableStyle}
@@ -856,7 +858,9 @@ const DiffFileHeader = memo(function DiffFileHeader({
                 {file.path.split("/").pop()}
               </Text>
               <Text style={styles.fileDir} numberOfLines={1}>
-            {file.path.includes("/") ? ` ${file.path.slice(0, file.path.lastIndexOf("/"))}` : ""}
+                {file.path.includes("/")
+                  ? ` ${file.path.slice(0, file.path.lastIndexOf("/"))}`
+                  : ""}
               </Text>
               {file.isNew && (
                 <View style={styles.newBadge}>
@@ -873,6 +877,11 @@ const DiffFileHeader = memo(function DiffFileHeader({
               <DiffStat additions={file.additions} deletions={file.deletions} />
             </View>
           </Pressable>
+        </TooltipTrigger>
+        <TooltipContent side="bottom" align="start" offset={6} maxWidth={520}>
+          <Text style={styles.tooltipText}>{file.path}</Text>
+        </TooltipContent>
+      </Tooltip>
     </View>
   );
 });