fix: show full file path in edit tool view (#1599)

Co-authored-by: reverb256 <reverb256@users.noreply.github.com>
Co-authored-by: JonathanLab <jonathanmieloo@gmail.com>

Author: reverb256

apps/code/src/renderer/features/sessions/components/session-update/FileMentionChip.tsx

@@ -76,18 +76,33 @@ export const FileMentionChip = memo(function FileMentionChip({
 
   const isClickable = !!taskId;
 
+  const relativePath = toRelativePath(filePath, repoPath ?? null);
+  const directory =
+    relativePath && relativePath !== filename
+      ? relativePath.replace(`/${filename}`, "")
+      : null;
+
   return (
     <Flex
       align="center"
       gap="1"
       asChild
       onClick={isClickable ? handleClick : undefined}
       onContextMenu={handleContextMenu}
-      className={isClickable ? "cursor-pointer hover:underline" : ""}
+      className={`relative top-[1px] inline-flex min-w-0 max-w-full ${isClickable ? "cursor-pointer hover:underline" : ""}`}
     >
       <Text size="1">
         <FileIcon filename={filename} size={12} />
-        <span className="font-mono">{filename}</span>
+        <span className="flex min-w-0 flex-1 items-baseline gap-1 overflow-hidden font-mono text-[13px] leading-none">
+          <span className="flex-shrink-0 whitespace-nowrap font-semibold">
+            {filename}
+          </span>
+          {directory && (
+            <span className="min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-gray-9">
+              {directory}
+            </span>
+          )}
+        </span>
       </Text>
     </Flex>
   );