diff --git a/projects/frontend/src/components/FileBrowser/FileBrowser.jsx b/projects/frontend/src/components/FileBrowser/FileBrowser.jsx
index a7156b8..aef756b 100644
--- a/projects/frontend/src/components/FileBrowser/FileBrowser.jsx
+++ b/projects/frontend/src/components/FileBrowser/FileBrowser.jsx
@@ -491,7 +491,7 @@ const FileBrowser = () => {
                 }`}
               >
                 <List className="w-4 h-4" />
-                <span>Needs Collection ({collectionPaths.length})</span>
+                <span>Files That Need Collection</span>
               </button>
             </div>
 
diff --git a/projects/frontend/src/components/FileUpload/FileUpload.tsx b/projects/frontend/src/components/FileUpload/FileUpload.tsx
index b395cd7..0874b02 100644
--- a/projects/frontend/src/components/FileUpload/FileUpload.tsx
+++ b/projects/frontend/src/components/FileUpload/FileUpload.tsx
@@ -756,6 +756,25 @@ const FileUpload: React.FC = () => {
             </div>
           )}
 
+          <button
+            type="submit"
+            disabled={isUploading || fileStatuses.length === 0 || !project}
+            className={`w-full py-2 px-4 rounded-md text-white font-medium transition-colors ${
+              isUploading || fileStatuses.length === 0 || !project
+                ? 'bg-gray-400 dark:bg-gray-600 cursor-not-allowed'
+                : 'bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600'
+            }`}
+          >
+            {isUploading ? (
+              <div className="flex items-center justify-center">
+                <Loader2 className="w-5 h-5 animate-spin mr-2" />
+                Uploading {pendingFiles.length} file{pendingFiles.length !== 1 ? 's' : ''}...
+              </div>
+            ) : (
+              `Upload ${fileStatuses.length} File${fileStatuses.length !== 1 ? 's' : ''}`
+            )}
+          </button>
+
           {successCount > 0 && (
             <div className="p-4 bg-green-50 dark:bg-green-900/20 rounded-lg flex items-center space-x-2">
               <svg
@@ -775,25 +794,6 @@ const FileUpload: React.FC = () => {
               </span>
             </div>
           )}
-
-          <button
-            type="submit"
-            disabled={isUploading || fileStatuses.length === 0 || !project}
-            className={`w-full py-2 px-4 rounded-md text-white font-medium transition-colors ${
-              isUploading || fileStatuses.length === 0 || !project
-                ? 'bg-gray-400 dark:bg-gray-600 cursor-not-allowed'
-                : 'bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600'
-            }`}
-          >
-            {isUploading ? (
-              <div className="flex items-center justify-center">
-                <Loader2 className="w-5 h-5 animate-spin mr-2" />
-                Uploading {pendingFiles.length} file{pendingFiles.length !== 1 ? 's' : ''}...
-              </div>
-            ) : (
-              `Upload ${fileStatuses.length} File${fileStatuses.length !== 1 ? 's' : ''}`
-            )}
-          </button>
         </form>
       </div>
     </div>
diff --git a/projects/frontend/src/components/FileViewer/LinkedFilesSection.jsx b/projects/frontend/src/components/FileViewer/LinkedFilesSection.jsx
index 909a430..b897d95 100644
--- a/projects/frontend/src/components/FileViewer/LinkedFilesSection.jsx
+++ b/projects/frontend/src/components/FileViewer/LinkedFilesSection.jsx
@@ -259,80 +259,109 @@ const LinkedFilesSection = ({ filePath, source }) => {
       </CardHeader>
       <CardContent>
         <div className="space-y-3">
-          {linkedFiles.map((linking) => {
-            const linkedPath = getLinkedFilePath(linking, filePath);
-            const normalizedLinkedPath = linkedPath.replace(/\\/g, '/');
-            const direction = getRelationshipDirection(linking, filePath);
-            const fileName = linkedPath.split(/[\/\\]/).pop() || linkedPath;
-            
-            // Get file status info - try both normalized and original path
-            let fileInfo = fileStatusMap.get(normalizedLinkedPath) || fileStatusMap.get(linkedPath);
-            const isCollected = fileInfo?.status === 'collected' && fileInfo?.object_id;
+          {(() => {
+            // Group linked files by path to merge entries with different directions
+            const groupedFiles = new Map();
 
-            return (
-              <div
-                key={linking.linking_id}
-                className={`flex items-start justify-between p-3 rounded-lg transition-colors ${
-                  isCollected 
-                    ? 'bg-green-50 dark:bg-green-900/20 hover:bg-green-100 dark:hover:bg-green-900/30 border border-green-200 dark:border-green-800' 
-                    : 'bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700'
-                }`}
-              >
-                <div className="flex items-start space-x-3 flex-1 min-w-0">
-                  <FileText className={`w-4 h-4 mt-1 flex-shrink-0 ${
-                    isCollected ? 'text-green-600 dark:text-green-400' : 'text-gray-500 dark:text-gray-400'
-                  }`} />
-                  <div className="flex-1 min-w-0">
-                    <div className="flex items-center gap-2 flex-wrap">
-                      <p className={`text-sm font-medium truncate ${
-                        isCollected ? 'text-green-900 dark:text-green-100' : 'text-gray-900 dark:text-gray-100'
-                      }`}>
-                        {fileName}
-                      </p>
-                      {linking.link_type && (
-                        <span className="bg-gray-200 dark:bg-gray-600 text-gray-700 dark:text-gray-300 text-xs px-2 py-1 rounded">
-                          {linking.link_type}
-                        </span>
-                      )}
-                      <span className={`text-xs px-2 py-1 rounded ${
-                        direction === 'outbound'
-                          ? 'bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200'
-                          : 'bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200'
-                      }`}>
-                        {direction}
-                      </span>
-                      {fileInfo && (
-                        <span className={`text-xs px-2 py-1 rounded ${
-                          isCollected 
-                            ? 'bg-green-200 dark:bg-green-800 text-green-900 dark:text-green-100'
-                            : fileInfo.status === 'needs_to_be_collected'
-                              ? 'bg-yellow-200 dark:bg-yellow-800 text-yellow-900 dark:text-yellow-100'
-                              : 'bg-red-200 dark:bg-red-800 text-red-900 dark:text-red-100'
-                        }`}>
-                          {fileInfo.status.replace(/_/g, ' ')}
-                        </span>
+            linkedFiles.forEach((linking) => {
+              const linkedPath = getLinkedFilePath(linking, filePath);
+              const normalizedLinkedPath = linkedPath.replace(/\\/g, '/');
+              const direction = getRelationshipDirection(linking, filePath);
+
+              if (groupedFiles.has(normalizedLinkedPath)) {
+                const existing = groupedFiles.get(normalizedLinkedPath);
+                existing.directions.add(direction);
+                existing.linkTypes.add(linking.link_type);
+              } else {
+                groupedFiles.set(normalizedLinkedPath, {
+                  linkedPath,
+                  normalizedLinkedPath,
+                  directions: new Set([direction]),
+                  linkTypes: new Set([linking.link_type].filter(Boolean)),
+                  linkingId: linking.linking_id
+                });
+              }
+            });
+
+            return Array.from(groupedFiles.values()).map((group) => {
+              const fileName = group.linkedPath.split(/[\/\\]/).pop() || group.linkedPath;
+
+              // Get file status info - try both normalized and original path
+              let fileInfo = fileStatusMap.get(group.normalizedLinkedPath) || fileStatusMap.get(group.linkedPath);
+              const isCollected = fileInfo?.status === 'collected' && fileInfo?.object_id;
+
+              return (
+                <div
+                  key={group.linkingId}
+                  className={`flex items-start justify-between p-3 rounded-lg transition-colors ${
+                    isCollected
+                      ? 'bg-green-50 dark:bg-green-900/20 hover:bg-green-100 dark:hover:bg-green-900/30 border border-green-200 dark:border-green-800'
+                      : 'bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700'
+                  }`}
+                >
+                  <div className="flex items-start space-x-3 flex-1 min-w-0">
+                    <div className="flex flex-col items-center flex-shrink-0">
+                      <FileText className={`w-4 h-4 mt-1 ${
+                        isCollected ? 'text-green-600 dark:text-green-400' : 'text-gray-500 dark:text-gray-400'
+                      }`} />
+                      {isCollected && (
+                        <button
+                          onClick={() => handleFileClick(group.linkedPath, fileInfo)}
+                          className="text-green-600 hover:text-green-800 dark:text-green-400 dark:hover:text-green-200 cursor-pointer mt-2"
+                          title="Navigate to linked file"
+                        >
+                          <ExternalLink className="w-4 h-4" />
+                        </button>
                       )}
                     </div>
-                    <p className="text-xs text-gray-500 dark:text-gray-400 truncate mt-1">
-                      {linkedPath}
-                    </p>
+                    <div className="flex-1 min-w-0">
+                      <div className="flex items-center gap-2 flex-wrap">
+                        <p className={`text-sm font-medium truncate ${
+                          isCollected ? 'text-green-900 dark:text-green-100' : 'text-gray-900 dark:text-gray-100'
+                        }`}>
+                          {fileName}
+                        </p>
+                        {Array.from(group.linkTypes).map((linkType) => (
+                          <span key={linkType} className="bg-gray-200 dark:bg-gray-600 text-gray-700 dark:text-gray-300 text-xs px-2 py-1 rounded">
+                            {linkType}
+                          </span>
+                        ))}
+                        {Array.from(group.directions).map((direction) => (
+                          <span key={direction} className={`text-xs px-2 py-1 rounded ${
+                            direction === 'outbound'
+                              ? 'bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200'
+                              : 'bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200'
+                          }`}>
+                            {direction}
+                          </span>
+                        ))}
+                        {fileInfo && !isCollected && (
+                          <span className={`text-xs px-2 py-1 rounded ${
+                            fileInfo.status === 'needs_to_be_collected'
+                              ? 'bg-yellow-200 dark:bg-yellow-800 text-yellow-900 dark:text-yellow-100'
+                              : 'bg-red-200 dark:bg-red-800 text-red-900 dark:text-red-100'
+                          }`}>
+                            {fileInfo.status.replace(/_/g, ' ')}
+                          </span>
+                        )}
+                      </div>
+                      <p
+                        className={`text-xs truncate mt-1 ${
+                          isCollected
+                            ? 'text-green-600 dark:text-green-400 cursor-pointer hover:text-green-800 dark:hover:text-green-200 hover:underline'
+                            : 'text-gray-500 dark:text-gray-400'
+                        }`}
+                        onClick={isCollected ? () => handleFileClick(group.linkedPath, fileInfo) : undefined}
+                        title={isCollected ? "Click to navigate to file" : undefined}
+                      >
+                        {group.linkedPath}
+                      </p>
+                    </div>
                   </div>
                 </div>
-                <button
-                  onClick={() => handleFileClick(linkedPath, fileInfo)}
-                  className={`flex items-center justify-center p-1 transition-colors flex-shrink-0 ml-2 ${
-                    isCollected 
-                      ? 'text-green-600 hover:text-green-800 dark:text-green-400 dark:hover:text-green-200 cursor-pointer'
-                      : 'text-gray-400 cursor-not-allowed'
-                  }`}
-                  title={isCollected ? "Navigate to linked file" : `File not available (${fileInfo?.status || 'unknown status'})`}
-                  disabled={!isCollected}
-                >
-                  <ExternalLink className="w-4 h-4" />
-                </button>
-              </div>
-            );
-          })}
+              );
+            });
+          })()}
         </div>
       </CardContent>
     </Card>