[UX] click shortcut in chat to go to source file in workbench

app/lib/.server/llm/prompts.ts

@@ -39,20 +39,20 @@ You are Bolt, an expert AI assistant and exceptional senior software developer w
       - rm: Remove files
       - rmdir: Remove empty directories
       - touch: Create empty file/update timestamp
-    
+
     System Information:
       - hostname: Show system name
       - ps: Display running processes
       - pwd: Print working directory
       - uptime: Show system uptime
       - env: Environment variables
-    
+
     Development Tools:
       - node: Execute Node.js code
       - python3: Run Python scripts
       - code: VSCode operations
       - jq: Process JSON
-    
+
     Other Utilities:
       - curl, head, sort, tail, clear, which, export, chmod, scho, hostname, kill, ln, xxd, alias, false,  getconf, true, loadenv, wasm, xdg-open, command, exit, source
 </system_constraints>
@@ -88,7 +88,7 @@ You are Bolt, an expert AI assistant and exceptional senior software developer w
   Example:
 
   <${MODIFICATIONS_TAG_NAME}>
-    <diff path="/home/project/src/main.js">
+    <diff path="${WORK_DIR}/src/main.js">
       @@ -2,7 +2,10 @@
         return a + b;
       }
@@ -103,7 +103,7 @@ You are Bolt, an expert AI assistant and exceptional senior software developer w
       +
       +console.log('The End');
     </diff>
-    <file path="/home/project/package.json">
+    <file path="${WORK_DIR}/package.json">
       // full file content here
     </file>
   </${MODIFICATIONS_TAG_NAME}>
@@ -124,7 +124,7 @@ You are Bolt, an expert AI assistant and exceptional senior software developer w
   2. Create TodoList and TodoItem components
   3. Implement localStorage for persistence
   4. Add CRUD operations
-  
+
   Let's start now.
 
   [Rest of response...]"
@@ -134,7 +134,7 @@ You are Bolt, an expert AI assistant and exceptional senior software developer w
   1. Check network requests
   2. Verify API endpoint format
   3. Examine error handling
-  
+
   [Rest of response...]"
 
 </chain_of_thought_instructions>

app/lib/stores/workbench.ts

@@ -14,6 +14,7 @@ import { saveAs } from 'file-saver';
 import { Octokit, type RestEndpointMethodTypes } from "@octokit/rest";
 import * as nodePath from 'node:path';
 import type { WebContainerProcess } from '@webcontainer/api';
+import { extractRelativePath } from '~/utils/diff';
 
 export interface ArtifactState {
   id: string;
@@ -312,8 +313,7 @@ export class WorkbenchStore {
 
     for (const [filePath, dirent] of Object.entries(files)) {
       if (dirent?.type === 'file' && !dirent.isBinary) {
-        // remove '/home/project/' from the beginning of the path
-        const relativePath = filePath.replace(/^\/home\/project\//, '');
+        const relativePath = extractRelativePath(filePath);
 
         // split the path into segments
         const pathSegments = relativePath.split('/');
@@ -343,7 +343,7 @@ export class WorkbenchStore {
 
     for (const [filePath, dirent] of Object.entries(files)) {
       if (dirent?.type === 'file' && !dirent.isBinary) {
-        const relativePath = filePath.replace(/^\/home\/project\//, '');
+        const relativePath = extractRelativePath(filePath);
         const pathSegments = relativePath.split('/');
         let currentHandle = targetHandle;
 
@@ -417,7 +417,7 @@ export class WorkbenchStore {
               content: Buffer.from(dirent.content).toString('base64'),
               encoding: 'base64',
             });
-            return { path: filePath.replace(/^\/home\/project\//, ''), sha: blob.sha };
+            return { path: extractRelativePath(filePath), sha: blob.sha };
           }
         })
       );