Enhance file selection logic in WorkspaceManager and update navbar with GitHub link. Auto-select first file if available when no file is selected, and clear editor when no files exist. Improve quick actions to focus on the first file or clear the editor accordingly.

Author: NicolasIRAGNE

app/static/js/workspace_manager.js

@@ -289,15 +289,30 @@ class WorkspaceManager {
 
         // Update editor
         if (this.currentState.selectedFile && this.currentState.files[this.currentState.selectedFile]) {
+            // Selected file exists - load it
             if (window.openFile) {
                 window.openFile(this.currentState.selectedFile);
             }
         } else {
-            if (window.workspaceMonacoEditor) {
-                window.workspaceMonacoEditor.setValue('Select a file from the left to view its content.');
-            }
-            if (window.updateFilePathLabel) {
-                window.updateFilePathLabel(null);
+            // No selected file - check if we have any files to auto-select
+            const fileKeys = Object.keys(this.currentState.files);
+            if (fileKeys.length > 0 && !this.currentState.selectedFile) {
+                // Auto-select first file
+                const firstFile = fileKeys[0];
+                this.currentState.selectedFile = firstFile;
+                this.saveState(this.currentContextId);
+                
+                if (window.openFile) {
+                    window.openFile(firstFile);
+                }
+            } else {
+                // No files available - show placeholder
+                if (window.workspaceMonacoEditor) {
+                    window.workspaceMonacoEditor.setValue('Select a file from the left to view its content.');
+                }
+                if (window.updateFilePathLabel) {
+                    window.updateFilePathLabel(null);
+                }
             }
         }
 

app/templates/components/navbar.html

@@ -9,13 +9,19 @@ <h1 class="text-xl font-black tracking-tight">
                 </h1>
             </div>
             <nav class="flex items-center gap-6">
-                <button class="bg-white text-black border-2 border-black shadow-[2px_2px_0px_0px_rgba(0,0,0,1)] font-semibold hover:shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:translate-x-[-2px] hover:translate-y-[-2px] active:shadow-[1px_1px_0px_0px_rgba(0,0,0,1)] active:translate-x-[1px] active:translate-y-[1px] transition-all px-3 py-1.5 flex items-center gap-2 text-sm">
-                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
-                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
-                    </svg>
-                    GitHub
-                </button>
-            </nav>
+                <a
+                  href="https://github.com/coderamp-labs/gitrules"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  class="bg-white text-black border-2 border-black shadow-[2px_2px_0px_0px_rgba(0,0,0,1)] font-semibold hover:shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:translate-x-[-2px] hover:translate-y-[-2px] active:shadow-[1px_1px_0px_0px_rgba(0,0,0,1)] active:translate-x-[1px] active:translate-y-[1px] transition-all px-3 py-1.5 flex items-center gap-2 text-sm"
+                >
+                  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                    <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                  </svg>
+                  GitHub
+                </a>
+              </nav>
+              
         </div>
     </div>
 </header>

app/templates/components/quick_actions.html

@@ -451,24 +451,46 @@ <h3 class="text-sm font-black text-black mb-2 flex items-center gap-1">
 
 // Clear editor and set focus when workspace appears
 function clearEditorAndFocus() {
-    // Clear selected file in workspace manager
+    // Auto-focus first file if available, otherwise clear editor
     if (window.workspaceManager && window.workspaceManager.currentState) {
-        window.workspaceManager.currentState.selectedFile = null;
-        window.workspaceManager.saveState(window.workspaceManager.currentContextId);
-    }
-    
-    // Clear and focus the monaco editor
-    if (window.workspaceMonacoEditor) {
-        window.workspaceMonacoEditor.setValue('');
-        window.workspaceMonacoEditor.focus();
-    }
-    
-    // Update file path label to show no file selected
-    if (window.updateFilePathLabel) {
-        window.updateFilePathLabel(null);
+        const state = window.workspaceManager.currentState;
+        const fileKeys = Object.keys(state.files);
+        
+        if (fileKeys.length > 0) {
+            // Auto-select the first file
+            const firstFile = fileKeys[0];
+            state.selectedFile = firstFile;
+            window.workspaceManager.saveState(window.workspaceManager.currentContextId);
+            
+            // Load the first file in editor
+            if (window.workspaceMonacoEditor && state.files[firstFile]) {
+                window.workspaceMonacoEditor.setValue(state.files[firstFile]);
+                window.workspaceMonacoEditor.focus();
+            }
+            
+            // Update file path label
+            if (window.updateFilePathLabel) {
+                window.updateFilePathLabel(firstFile);
+            }
+        } else {
+            // No files available - clear everything
+            state.selectedFile = null;
+            window.workspaceManager.saveState(window.workspaceManager.currentContextId);
+            
+            // Clear and focus the monaco editor
+            if (window.workspaceMonacoEditor) {
+                window.workspaceMonacoEditor.setValue('');
+                window.workspaceMonacoEditor.focus();
+            }
+            
+            // Update file path label to show no file selected
+            if (window.updateFilePathLabel) {
+                window.updateFilePathLabel(null);
+            }
+        }
     }
 
-    // Re-render file tree to clear selection
+    // Re-render file tree to show selection
     if (window.renderFileTree) {
         window.renderFileTree();
     }