@cluesmith/codev 1.4.1 → 1.4.2

package/templates/dashboard/js/activity.js

@@ -0,0 +1,238 @@
+// Activity Summary Functions (Spec 0059)
+
+// Show activity summary - creates tab if needed
+async function showActivitySummary() {
+  let activityTab = tabs.find(t => t.type === 'activity');
+
+  if (!activityTab) {
+    activityTab = {
+      id: 'activity-today',
+      type: 'activity',
+      name: 'Today'
+    };
+    tabs.push(activityTab);
+  }
+
+  activeTabId = activityTab.id;
+  currentTabType = null;
+  renderTabs();
+  renderTabContent();
+}
+
+// Render the activity tab content
+async function renderActivityTab() {
+  const content = document.getElementById('tab-content');
+
+  content.innerHTML = `
+    <div class="activity-tab-container">
+      <div class="activity-loading">
+        <span class="activity-spinner"></span>
+        Loading activity...
+      </div>
+    </div>
+  `;
+
+  try {
+    const response = await fetch('/api/activity-summary');
+    if (!response.ok) {
+      throw new Error(await response.text());
+    }
+    activityData = await response.json();
+    renderActivityTabContent(activityData);
+  } catch (err) {
+    content.innerHTML = `
+      <div class="activity-tab-container">
+        <div class="activity-error">
+          Failed to load activity: ${escapeHtml(err.message)}
+        </div>
+      </div>
+    `;
+  }
+}
+
+// Render activity tab content
+function renderActivityTabContent(data) {
+  const content = document.getElementById('tab-content');
+
+  if (data.commits.length === 0 && data.prs.length === 0 && data.builders.length === 0) {
+    content.innerHTML = `
+      <div class="activity-tab-container">
+        <div class="activity-empty">
+          <p>No activity recorded today</p>
+          <p style="font-size: 12px; margin-top: 8px;">Make some commits or create PRs to see your daily summary!</p>
+        </div>
+      </div>
+    `;
+    return;
+  }
+
+  const hours = Math.floor(data.timeTracking.activeMinutes / 60);
+  const mins = data.timeTracking.activeMinutes % 60;
+  const uniqueBranches = new Set(data.commits.map(c => c.branch)).size;
+  const mergedPrs = data.prs.filter(p => p.state === 'MERGED').length;
+
+  const formatTime = (isoString) => {
+    if (!isoString) return '--';
+    const date = new Date(isoString);
+    return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+  };
+
+  let html = '<div class="activity-tab-container"><div class="activity-summary">';
+
+  if (data.aiSummary) {
+    html += `<div class="activity-ai-summary">${escapeHtml(data.aiSummary)}</div>`;
+  }
+
+  html += `
+    <div class="activity-section">
+      <h4>Activity</h4>
+      <ul>
+        <li>${data.commits.length} commits across ${uniqueBranches} branch${uniqueBranches !== 1 ? 'es' : ''}</li>
+        <li>${data.files.length} files modified</li>
+        <li>${data.prs.length} PR${data.prs.length !== 1 ? 's' : ''} created${mergedPrs > 0 ? `, ${mergedPrs} merged` : ''}</li>
+      </ul>
+    </div>
+  `;
+
+  if (data.projectChanges && data.projectChanges.length > 0) {
+    html += `
+      <div class="activity-section">
+        <h4>Projects Touched</h4>
+        <ul>
+          ${data.projectChanges.map(p => `<li>${escapeHtml(p.id)}: ${escapeHtml(p.title)} (${escapeHtml(p.oldStatus)} → ${escapeHtml(p.newStatus)})</li>`).join('')}
+        </ul>
+      </div>
+    `;
+  }
+
+  html += `
+    <div class="activity-section">
+      <h4>Time</h4>
+      <p><span class="activity-time-value">~${hours}h ${mins}m</span> active time</p>
+      <p>First activity: ${formatTime(data.timeTracking.firstActivity)}</p>
+      <p>Last activity: ${formatTime(data.timeTracking.lastActivity)}</p>
+    </div>
+  `;
+
+  html += `
+    <div class="activity-actions">
+      <button class="btn" onclick="copyActivityToClipboard()">Copy to Clipboard</button>
+    </div>
+  `;
+
+  html += '</div></div>';
+  content.innerHTML = html;
+}
+
+// Render activity summary content (for modal)
+function renderActivitySummary(data) {
+  const content = document.getElementById('activity-content');
+
+  if (data.commits.length === 0 && data.prs.length === 0 && data.builders.length === 0) {
+    content.innerHTML = `
+      <div class="activity-empty">
+        <p>No activity recorded today</p>
+        <p style="font-size: 12px; margin-top: 8px;">Make some commits or create PRs to see your daily summary!</p>
+      </div>
+    `;
+    return;
+  }
+
+  const hours = Math.floor(data.timeTracking.activeMinutes / 60);
+  const mins = data.timeTracking.activeMinutes % 60;
+  const uniqueBranches = new Set(data.commits.map(c => c.branch)).size;
+  const mergedPrs = data.prs.filter(p => p.state === 'MERGED').length;
+
+  const formatTime = (isoString) => {
+    if (!isoString) return '--';
+    const date = new Date(isoString);
+    return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+  };
+
+  let html = '<div class="activity-summary">';
+
+  if (data.aiSummary) {
+    html += `<div class="activity-ai-summary">${escapeHtml(data.aiSummary)}</div>`;
+  }
+
+  html += `
+    <div class="activity-section">
+      <h4>Activity</h4>
+      <ul>
+        <li>${data.commits.length} commits across ${uniqueBranches} branch${uniqueBranches !== 1 ? 'es' : ''}</li>
+        <li>${data.files.length} files modified</li>
+        <li>${data.prs.length} PR${data.prs.length !== 1 ? 's' : ''} created${mergedPrs > 0 ? `, ${mergedPrs} merged` : ''}</li>
+      </ul>
+    </div>
+  `;
+
+  if (data.projectChanges && data.projectChanges.length > 0) {
+    html += `
+      <div class="activity-section">
+        <h4>Projects Touched</h4>
+        <ul>
+          ${data.projectChanges.map(p => `<li>${escapeHtml(p.id)}: ${escapeHtml(p.title)} (${escapeHtml(p.oldStatus)} → ${escapeHtml(p.newStatus)})</li>`).join('')}
+        </ul>
+      </div>
+    `;
+  }
+
+  html += `
+    <div class="activity-section">
+      <h4>Time</h4>
+      <p><span class="activity-time-value">~${hours}h ${mins}m</span> active time</p>
+      <p>First activity: ${formatTime(data.timeTracking.firstActivity)}</p>
+      <p>Last activity: ${formatTime(data.timeTracking.lastActivity)}</p>
+    </div>
+  `;
+
+  html += '</div>';
+  content.innerHTML = html;
+}
+
+// Close activity modal
+function closeActivityModal() {
+  document.getElementById('activity-modal').classList.add('hidden');
+}
+
+// Copy activity summary to clipboard (shared by tab and modal)
+function copyActivityToClipboard() {
+  copyActivitySummary();
+}
+
+function copyActivitySummary() {
+  if (!activityData) return;
+
+  const hours = Math.floor(activityData.timeTracking.activeMinutes / 60);
+  const mins = activityData.timeTracking.activeMinutes % 60;
+  const uniqueBranches = new Set(activityData.commits.map(c => c.branch)).size;
+  const mergedPrs = activityData.prs.filter(p => p.state === 'MERGED').length;
+
+  let markdown = `## Today's Summary\n\n`;
+
+  if (activityData.aiSummary) {
+    markdown += `${activityData.aiSummary}\n\n`;
+  }
+
+  markdown += `### Activity\n`;
+  markdown += `- ${activityData.commits.length} commits across ${uniqueBranches} branches\n`;
+  markdown += `- ${activityData.files.length} files modified\n`;
+  markdown += `- ${activityData.prs.length} PRs${mergedPrs > 0 ? ` (${mergedPrs} merged)` : ''}\n\n`;
+
+  if (activityData.projectChanges && activityData.projectChanges.length > 0) {
+    markdown += `### Projects Touched\n`;
+    activityData.projectChanges.forEach(p => {
+      markdown += `- ${p.id}: ${p.title} (${p.oldStatus} → ${p.newStatus})\n`;
+    });
+    markdown += '\n';
+  }
+
+  markdown += `### Time\n`;
+  markdown += `Active time: ~${hours}h ${mins}m\n`;
+
+  navigator.clipboard.writeText(markdown).then(() => {
+    showToast('Copied to clipboard', 'success');
+  }).catch(() => {
+    showToast('Failed to copy', 'error');
+  });
+}

package/templates/dashboard/js/dialogs.js

@@ -0,0 +1,328 @@
+// Dialog, Context Menu, and Tab Close Functions
+
+// Close tab
+function closeTab(tabId, event) {
+  const tab = tabs.find(t => t.id === tabId);
+  if (!tab) return;
+
+  // Shift+click bypasses confirmation
+  if (event && event.shiftKey) {
+    doCloseTab(tabId);
+    return;
+  }
+
+  // Files don't need confirmation
+  if (tab.type === 'file') {
+    doCloseTab(tabId);
+    return;
+  }
+
+  // Show confirmation for builders and shells
+  pendingCloseTabId = tabId;
+  const dialog = document.getElementById('close-dialog');
+  const title = document.getElementById('close-dialog-title');
+  const message = document.getElementById('close-dialog-message');
+
+  if (tab.type === 'builder') {
+    title.textContent = `Stop builder ${tab.name}?`;
+    message.textContent = 'This will terminate the builder process.';
+  } else {
+    title.textContent = `Close shell ${tab.name}?`;
+    message.textContent = 'This will terminate the shell process.';
+  }
+
+  dialog.classList.remove('hidden');
+}
+
+// Actually close the tab
+async function doCloseTab(tabId) {
+  const tab = tabs.find(t => t.id === tabId);
+  if (!tab) return;
+
+  try {
+    await fetch(`/api/tabs/${encodeURIComponent(tabId)}`, { method: 'DELETE' });
+
+    tabs = tabs.filter(t => t.id !== tabId);
+
+    if (activeTabId === tabId) {
+      activeTabId = tabs.length > 0 ? tabs[tabs.length - 1].id : null;
+    }
+
+    renderTabs();
+    renderTabContent();
+    showToast('Tab closed', 'success');
+  } catch (err) {
+    showToast('Failed to close tab: ' + err.message, 'error');
+  }
+}
+
+// Confirm close from dialog
+function confirmClose() {
+  if (pendingCloseTabId) {
+    doCloseTab(pendingCloseTabId);
+    hideCloseDialog();
+  }
+}
+
+function hideCloseDialog() {
+  document.getElementById('close-dialog').classList.add('hidden');
+  pendingCloseTabId = null;
+}
+
+// Context menu
+function showContextMenu(event, tabId) {
+  event.preventDefault();
+  contextMenuTabId = tabId;
+
+  const menu = document.getElementById('context-menu');
+  menu.style.left = event.clientX + 'px';
+  menu.style.top = event.clientY + 'px';
+  menu.classList.remove('hidden');
+
+  const tab = tabs.find(t => t.id === tabId);
+  const reloadItem = document.getElementById('context-reload');
+  if (reloadItem) {
+    reloadItem.style.display = (tab && tab.type === 'file') ? 'block' : 'none';
+  }
+
+  const firstItem = menu.querySelector('.context-menu-item');
+  if (firstItem) firstItem.focus();
+
+  setTimeout(() => {
+    document.addEventListener('click', hideContextMenu, { once: true });
+  }, 0);
+}
+
+// Reload file tab content
+function reloadContextTab() {
+  if (contextMenuTabId) {
+    refreshFileTab(contextMenuTabId);
+    showToast('Reloaded', 'success');
+  }
+  hideContextMenu();
+}
+
+function hideContextMenu() {
+  document.getElementById('context-menu').classList.add('hidden');
+  contextMenuTabId = null;
+}
+
+// Handle keyboard navigation in context menu
+function handleContextMenuKeydown(event) {
+  const menu = document.getElementById('context-menu');
+  const items = Array.from(menu.querySelectorAll('.context-menu-item'));
+  const currentIndex = items.findIndex(item => item === document.activeElement);
+
+  switch (event.key) {
+    case 'ArrowDown':
+      event.preventDefault();
+      const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;
+      items[nextIndex].focus();
+      break;
+    case 'ArrowUp':
+      event.preventDefault();
+      const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;
+      items[prevIndex].focus();
+      break;
+    case 'Enter':
+    case ' ':
+      event.preventDefault();
+      const actionName = event.target.dataset.action;
+      if (actionName && typeof window[actionName] === 'function') {
+        window[actionName]();
+      }
+      break;
+    case 'Escape':
+      event.preventDefault();
+      hideContextMenu();
+      break;
+    case 'Tab':
+      hideContextMenu();
+      break;
+  }
+}
+
+function closeActiveTab() {
+  if (contextMenuTabId) {
+    closeTab(contextMenuTabId);
+  }
+  hideContextMenu();
+}
+
+function closeOtherTabs() {
+  if (contextMenuTabId) {
+    const otherTabs = tabs.filter(t => t.id !== contextMenuTabId && t.closeable !== false);
+    otherTabs.forEach(t => doCloseTab(t.id));
+  }
+  hideContextMenu();
+}
+
+function closeAllTabs() {
+  tabs.filter(t => t.closeable !== false).forEach(t => doCloseTab(t.id));
+  hideContextMenu();
+}
+
+// Open context menu tab in new tab
+function openContextTab() {
+  if (contextMenuTabId) {
+    openInNewTab(contextMenuTabId);
+  }
+  hideContextMenu();
+}
+
+// File dialog
+function showFileDialog() {
+  document.getElementById('file-dialog').classList.remove('hidden');
+  document.getElementById('file-path-input').focus();
+}
+
+function hideFileDialog() {
+  document.getElementById('file-dialog').classList.add('hidden');
+  document.getElementById('file-path-input').value = '';
+}
+
+function setFilePath(path) {
+  document.getElementById('file-path-input').value = path;
+  document.getElementById('file-path-input').focus();
+}
+
+async function openFile() {
+  const path = document.getElementById('file-path-input').value.trim();
+  if (!path) return;
+
+  try {
+    const response = await fetch('/api/tabs/file', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ path })
+    });
+
+    if (!response.ok) {
+      throw new Error(await response.text());
+    }
+
+    hideFileDialog();
+    await refresh();
+    showToast(`Opened ${path}`, 'success');
+  } catch (err) {
+    showToast('Failed to open file: ' + err.message, 'error');
+  }
+}
+
+// Spawn worktree builder
+async function spawnBuilder() {
+  try {
+    const response = await fetch('/api/tabs/builder', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({})
+    });
+
+    if (!response.ok) {
+      throw new Error(await response.text());
+    }
+
+    const result = await response.json();
+
+    const newTab = {
+      id: `builder-${result.id}`,
+      type: 'builder',
+      name: result.name,
+      port: result.port
+    };
+    tabs.push(newTab);
+    activeTabId = newTab.id;
+    renderTabs();
+    renderTabContent();
+    showToast(`Builder ${result.name} spawned`, 'success');
+  } catch (err) {
+    showToast('Failed to spawn builder: ' + err.message, 'error');
+  }
+}
+
+// Spawn shell
+async function spawnShell() {
+  try {
+    const response = await fetch('/api/tabs/shell', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({})
+    });
+
+    if (!response.ok) {
+      throw new Error(await response.text());
+    }
+
+    const result = await response.json();
+
+    const newTab = {
+      id: `shell-${result.id}`,
+      type: 'shell',
+      name: result.name,
+      port: result.port,
+      utilId: result.id,
+      pendingLoad: true
+    };
+    tabs.push(newTab);
+    activeTabId = newTab.id;
+    renderTabs();
+
+    const content = document.getElementById('tab-content');
+    content.innerHTML = '<div class="empty-state"><p>Starting shell...</p></div>';
+
+    setTimeout(() => {
+      delete newTab.pendingLoad;
+      currentTabPort = null;
+      renderTabContent();
+    }, 800);
+
+    showToast('Shell spawned', 'success');
+  } catch (err) {
+    showToast('Failed to spawn shell: ' + err.message, 'error');
+  }
+}
+
+// Create new utility shell (quick action button)
+async function createNewShell() {
+  try {
+    const response = await fetch('/api/tabs/shell', { method: 'POST' });
+    const data = await response.json();
+    if (!data.success && data.error) {
+      showToast(data.error || 'Failed to create shell', 'error');
+      return;
+    }
+    await refresh();
+    if (data.id) {
+      selectTab(`shell-${data.id}`);
+    }
+    showToast('Shell created', 'success');
+  } catch (err) {
+    showToast('Network error: ' + err.message, 'error');
+  }
+}
+
+// Create new worktree shell (quick action button)
+async function createNewWorktreeShell() {
+  const branch = prompt('Branch name (leave empty for temp worktree):');
+  if (branch === null) return;
+
+  try {
+    const response = await fetch('/api/tabs/shell', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ worktree: true, branch: branch || undefined })
+    });
+    const data = await response.json();
+    if (!data.success && data.error) {
+      showToast(data.error || 'Failed to create worktree shell', 'error');
+      return;
+    }
+    await refresh();
+    if (data.id) {
+      selectTab(`shell-${data.id}`);
+    }
+    showToast('Worktree shell created', 'success');
+  } catch (err) {
+    showToast('Network error: ' + err.message, 'error');
+  }
+}