Enable clickable file downloads in file tree

Files with blob IDs now appear as clickable links that download directly.
- Added conditional rendering for files with valid blobs
- Files display as blue links with hover effects
- Downloads open in new tab to preserve current view
- Proper URL encoding for special characters in filenames

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

1 files changed, 12 insertions, 1 deletions

diff --git a/frontend/file-drive.tsx b/frontend/file-drive.tsx
index 7a59def..1e14c78 100644
--- a/frontend/file-drive.tsx
+++ b/frontend/file-drive.tsx
@@ -322,7 +322,18 @@ export default function FileDrive() {
             ) : (
               <File className="h-4 w-4 text-gray-500" />
             )}
-            <span>{item.name}</span>
+            {item.type === "file" && item.blob ? (
+              <a
+                href={`/blob/${item.blob}?filename=${encodeURIComponent(item.name)}`}
+                className="text-blue-600 hover:text-blue-800 hover:underline cursor-pointer"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                {item.name}
+              </a>
+            ) : (
+              <span>{item.name}</span>
+            )}
           </div>
         </TableCell>
         <TableCell>{formatFileSize(item.size || 0)}</TableCell>