@cluesmith/codev 2.0.0-rc.3 → 2.0.0-rc.33

package/templates/dashboard/js/utils.js

@@ -1,5 +1,26 @@
 // Dashboard Utility Functions
 
+// Get the base path for API calls (handles tower proxy context)
+// When accessed via tower proxy at /project/<encoded>/, API calls need to go through the proxy
+// When accessed directly at /, API calls go to root
+function getApiBase() {
+  const path = window.location.pathname;
+  // Check if we're in tower proxy context: /project/<encoded>/
+  const match = path.match(/^(\/project\/[^/]+\/)/);
+  if (match) {
+    return match[1]; // Returns /project/<encoded>/
+  }
+  return '/'; // Direct access
+}
+
+// Build API URL that works both directly and through tower proxy
+function apiUrl(endpoint) {
+  const base = getApiBase();
+  // Remove leading slash from endpoint if present
+  const cleanEndpoint = endpoint.startsWith('/') ? endpoint.slice(1) : endpoint;
+  return base + cleanEndpoint;
+}
+
 // Escape HTML special characters to prevent XSS
 function escapeHtml(text) {
   return String(text)
@@ -87,7 +108,7 @@ async function openFileTab(filePath, options = {}) {
     }
 
     // Create new tab
-    const response = await fetch('/api/tabs/file', {
+    const response = await fetch(apiUrl('api/tabs/file'), {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ path: filePath })
@@ -168,89 +189,3 @@ function handleMenuKeydown(event, menuId, itemClass, hideFunction, options = {})
   }
 }
 
-/**
- * Format ISO time string for display
- * Used by activity rendering
- */
-function formatActivityTime(isoString) {
-  if (!isoString) return '--';
-  const date = new Date(isoString);
-  return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-}
-
-/**
- * Render activity summary content
- * Consolidates duplicate code from renderActivityTabContent and renderActivitySummary
- *
- * @param {Object} data - Activity data
- * @param {Object} options - Render options
- * @param {boolean} options.isTab - Whether rendering for tab (includes wrapper and copy button)
- * @returns {string} HTML content
- */
-function renderActivityContentHtml(data, options = {}) {
-  const { isTab = false } = options;
-
-  if (data.commits.length === 0 && data.prs.length === 0 && data.builders.length === 0) {
-    return `
-      <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>
-    `;
-  }
-
-  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;
-
-  let html = isTab ? '<div class="activity-tab-container"><div class="activity-summary">' : '<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: ${formatActivityTime(data.timeTracking.firstActivity)}</p>
-      <p>Last activity: ${formatActivityTime(data.timeTracking.lastActivity)}</p>
-    </div>
-  `;
-
-  if (isTab) {
-    html += `
-      <div class="activity-actions">
-        <button class="btn" onclick="copyActivityToClipboard()">Copy to Clipboard</button>
-      </div>
-    `;
-    html += '</div></div>';
-  } else {
-    html += '</div>';
-  }
-
-  return html;
-}