Show parent directory in file mention chips

Author: charlesvien

apps/code/src/renderer/features/message-editor/suggestions/getSuggestions.ts

@@ -52,13 +52,18 @@ export async function getFileSuggestions(
   const { files, fzf } = await fetchRepoFiles(repoPath);
   const matched = searchFiles(fzf, files, query);
 
-  return matched.map((file) => ({
-    id: file.path,
-    label: file.name,
-    description: file.dir || undefined,
-    filename: file.name,
-    path: file.path,
-  }));
+  return matched.map((file) => {
+    const parentDir = file.dir ? file.dir.split("/").pop() : undefined;
+    const label = parentDir ? `${parentDir}/${file.name}` : file.name;
+
+    return {
+      id: file.path,
+      label,
+      description: file.dir || undefined,
+      filename: file.name,
+      path: file.path,
+    };
+  });
 }
 
 export function getCommandSuggestions(

apps/code/src/renderer/features/message-editor/tiptap/MentionChipView.tsx

@@ -35,8 +35,9 @@ function DefaultChip({
 
   const isCommand = type === "command";
   const prefix = isCommand ? "/" : "@";
+  const isFile = type === "file";
 
-  return (
+  const chip = (
     <span
       className={`${isCommand ? "cli-slash-command" : "cli-file-mention"} ${chipClass}`}
       contentEditable={false}
@@ -45,6 +46,12 @@ function DefaultChip({
       {label}
     </span>
   );
+
+  if (isFile) {
+    return <Tooltip content={id}>{chip}</Tooltip>;
+  }
+
+  return chip;
 }
 
 function PastedTextChip({