@cluesmith/codev 1.5.26 → 1.5.28

package/templates/dashboard/index.html

@@ -82,6 +82,23 @@
     </div>
   </div>
 
+  <!-- Create file dialog (Bugfix #131) -->
+  <div class="dialog-overlay hidden" id="create-file-dialog">
+    <div class="dialog">
+      <h3>Create New File</h3>
+      <div class="quick-paths">
+        <button class="quick-path" onclick="setCreateFilePath('codev/specs/')">codev/specs/</button>
+        <button class="quick-path" onclick="setCreateFilePath('codev/plans/')">codev/plans/</button>
+        <button class="quick-path" onclick="setCreateFilePath('src/')">src/</button>
+      </div>
+      <input type="text" id="create-file-path-input" placeholder="Enter file path (e.g., src/utils/helper.ts)" />
+      <div class="dialog-actions">
+        <button class="btn" onclick="hideCreateFileDialog()">Cancel</button>
+        <button class="btn btn-primary" onclick="createFile()">Create</button>
+      </div>
+    </div>
+  </div>
+
   <!-- Close confirmation dialog -->
   <div class="dialog-overlay hidden" id="close-dialog">
     <div class="dialog">

package/templates/dashboard/js/dialogs.js

@@ -1,7 +1,7 @@
 // Dialog, Context Menu, and Tab Close Functions
 
 // Close tab
-function closeTab(tabId, event) {
+async function closeTab(tabId, event) {
   const tab = tabs.find(t => t.id === tabId);
   if (!tab) return;
 
@@ -17,7 +17,23 @@ function closeTab(tabId, event) {
     return;
   }
 
-  // Show confirmation for builders and shells
+  // Check if process is still running before showing confirmation (Bugfix #132)
+  // If the shell/builder already exited, close immediately without confirmation
+  try {
+    const response = await fetch(`/api/tabs/${encodeURIComponent(tabId)}/running`);
+    if (response.ok) {
+      const { running } = await response.json();
+      if (!running) {
+        // Process already exited, close without confirmation
+        doCloseTab(tabId);
+        return;
+      }
+    }
+  } catch {
+    // On error, fall through to show confirmation (safer default)
+  }
+
+  // Show confirmation for builders and shells with running processes
   pendingCloseTabId = tabId;
   const dialog = document.getElementById('close-dialog');
   const title = document.getElementById('close-dialog-title');
@@ -164,6 +180,74 @@ async function openFile() {
   await openFileTab(path, { onSuccess: hideFileDialog });
 }
 
+// ========================================
+// Create File Dialog (Bugfix #131)
+// ========================================
+
+// Show create file dialog
+function showCreateFileDialog() {
+  document.getElementById('create-file-dialog').classList.remove('hidden');
+  const input = document.getElementById('create-file-path-input');
+  input.value = '';
+  input.focus();
+}
+
+// Hide create file dialog
+function hideCreateFileDialog() {
+  document.getElementById('create-file-dialog').classList.add('hidden');
+  document.getElementById('create-file-path-input').value = '';
+}
+
+// Set quick path for create file dialog
+function setCreateFilePath(path) {
+  const input = document.getElementById('create-file-path-input');
+  input.value = path;
+  input.focus();
+  // Move cursor to end
+  input.setSelectionRange(path.length, path.length);
+}
+
+// Create a new file
+async function createFile() {
+  const input = document.getElementById('create-file-path-input');
+  const filePath = input.value.trim();
+
+  if (!filePath) {
+    showToast('Please enter a file path', 'error');
+    return;
+  }
+
+  // Basic validation - prevent absolute paths and path traversal
+  if (filePath.startsWith('/') || filePath.includes('..')) {
+    showToast('Invalid file path', 'error');
+    return;
+  }
+
+  try {
+    const response = await fetch('/api/files', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ path: filePath, content: '' })
+    });
+
+    const result = await response.json();
+
+    if (!response.ok) {
+      showToast(result.error || 'Failed to create file', 'error');
+      return;
+    }
+
+    hideCreateFileDialog();
+    showToast(`Created ${filePath}`, 'success');
+
+    // Refresh files tree and open the new file
+    await refreshFilesTree();
+    await openFileTab(filePath, { showSwitchToast: false });
+  } catch (err) {
+    showToast('Network error: ' + err.message, 'error');
+  }
+}
+
 // Spawn worktree builder
 async function spawnBuilder() {
   try {

package/templates/dashboard/js/main.js

@@ -128,6 +128,7 @@ function renderDashboardTabContent() {
           <div class="dashboard-section-header" onclick="toggleSection('files')">
             <h3><span class="collapse-icon">▼</span> Files</h3>
             <div class="header-actions" onclick="event.stopPropagation()">
+              <button onclick="showCreateFileDialog()" title="Create New File">+</button>
               <button onclick="refreshFilesTree()" title="Refresh">↻</button>
               <button onclick="collapseAllFolders()" title="Collapse All">⊟</button>
               <button onclick="expandAllFolders()" title="Expand All">⊞</button>
@@ -243,6 +244,7 @@ function setupKeyboardShortcuts() {
     if (e.key === 'Escape') {
       hideFileDialog();
       hideCloseDialog();
+      hideCreateFileDialog();
       hideContextMenu();
       hideOverflowMenu();
       const activityModal = document.getElementById('activity-modal');
@@ -259,6 +261,9 @@ function setupKeyboardShortcuts() {
       if (!document.getElementById('file-dialog').classList.contains('hidden')) {
         openFile();
       }
+      if (!document.getElementById('create-file-dialog').classList.contains('hidden')) {
+        createFile();
+      }
     }
 
     // Ctrl+Tab / Ctrl+Shift+Tab to switch tabs