@cluesmith/codev 2.0.0-rc.6 → 2.0.0-rc.61

package/templates/dashboard/js/main.js

@@ -34,7 +34,7 @@ async function openFileFromMessage(filePath, lineNumber) {
 // Refresh state from API
 async function refresh() {
   try {
-    const response = await fetch('/api/state');
+    const response = await fetch(apiUrl('api/state'));
     if (!response.ok) throw new Error('Failed to fetch state');
 
     const newState = await response.json();
@@ -65,7 +65,7 @@ function stopPolling() {
 // Poll for projectlist.md creation when in starter mode
 async function pollForProjectlistCreation() {
   try {
-    const response = await fetch('/api/projectlist-exists');
+    const response = await fetch(apiUrl('api/projectlist-exists'));
     if (!response.ok) return;
 
     const { exists } = await response.json();
@@ -99,7 +99,7 @@ function renderInfoHeader() {
     <div class="projects-info">
       <h1 style="font-size: 20px; margin-bottom: 12px; color: var(--text-primary);">Agent Farm Dashboard</h1>
       <p>Coordinate AI builders working on your codebase. The left panel shows the Architect terminal – tell it what you want to build. <strong>Tabs</strong> shows open terminals (Architect, Builders, utility shells). <strong>Files</strong> lets you browse and open project files. <strong>Projects</strong> tracks work as it moves from conception to integration.</p>
-      <p>Docs: <a href="#" onclick="openProjectFile('codev/resources/cheatsheet.md'); return false;">Cheatsheet</a> · <a href="#" onclick="openProjectFile('codev/resources/lifecycle.md'); return false;">Lifecycle</a> · <a href="#" onclick="openProjectFile('codev/resources/commands/overview.md'); return false;">CLI Reference</a> · <a href="#" onclick="openProjectFile('codev/protocols/spider/protocol.md'); return false;">SPIDER Protocol</a> · <a href="https://github.com/cluesmith/codev#readme" target="_blank">README</a> · <a href="https://discord.gg/mJ92DhDa6n" target="_blank">Discord</a></p>
+      <p>Docs: <a href="#" onclick="openProjectFile('codev/resources/cheatsheet.md'); return false;">Cheatsheet</a> · <a href="#" onclick="openProjectFile('codev/resources/lifecycle.md'); return false;">Lifecycle</a> · <a href="#" onclick="openProjectFile('codev/resources/commands/overview.md'); return false;">CLI Reference</a> · <a href="#" onclick="openProjectFile('codev/protocols/spir/protocol.md'); return false;">SPIR Protocol</a> · <a href="https://github.com/cluesmith/codev#readme" target="_blank">README</a> · <a href="https://discord.gg/mJ92DhDa6n" target="_blank">Discord</a></p>
     </div>
   `;
 }
@@ -420,7 +420,7 @@ async function pollHotReload() {
   if (!hotReloadEnabled) return;
 
   try {
-    const response = await fetch('/api/hot-reload');
+    const response = await fetch(apiUrl('api/hot-reload'));
     if (!response.ok) return;
 
     const data = await response.json();

package/templates/dashboard/js/projects.js

@@ -140,7 +140,7 @@ function parseProjectlist(content) {
 // Load projectlist.md from disk
 async function loadProjectlist() {
   try {
-    const response = await fetch('/file?path=codev/projectlist.md');
+    const response = await fetch(apiUrl('file?path=codev/projectlist.md'));
 
     if (!response.ok) {
       if (response.status === 404) {
@@ -181,7 +181,7 @@ async function pollProjectlist() {
   if (activeTabId !== 'dashboard') return;
 
   try {
-    const response = await fetch('/file?path=codev/projectlist.md');
+    const response = await fetch(apiUrl('file?path=codev/projectlist.md'));
     if (!response.ok) return;
 
     const text = await response.text();
@@ -300,7 +300,7 @@ function renderStageCell(project, stage) {
 // Open a project file in a new annotation tab
 async function openProjectFile(path) {
   try {
-    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 })

package/templates/dashboard/js/tabs.js

@@ -1,6 +1,6 @@
 // Tab Management - Rendering, Selection, Overflow
 
-// Get the base URL for ttyd/server connections (uses current hostname for remote access)
+// Get the base URL for server connections (uses current hostname for remote access)
 // DEPRECATED: Use getTerminalUrl() for terminal tabs (Spec 0062)
 function getBaseUrl(port) {
   return `http://${window.location.hostname}:${port}`;

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;
-}

package/templates/open.html

@@ -502,6 +502,12 @@
     </div>
   </div>
 
+  <!-- PDF viewer mode -->
+  <div id="pdf-viewer" style="display: none; height: calc(100vh - 80px);">
+    <embed id="pdf-display" type="application/pdf" style="width: 100%; height: 100%; border: none;">
+    <div id="pdf-error" style="display: none; color: #ef4444; text-align: center; padding: 40px;"></div>
+  </div>
+
   <!-- Editor mode with line numbers -->
   <div id="editor-container">
     <div id="editor-line-numbers"></div>
@@ -691,6 +697,26 @@
       video.src = 'api/video?t=' + Date.now();
     }
 
+    // Initialize PDF viewer
+    function initPdf(fileSize) {
+      // Hide code view elements
+      document.getElementById('viewMode').style.display = 'none';
+      document.getElementById('editBtn').style.display = 'none';
+      document.getElementById('togglePreviewBtn').style.display = 'none';
+
+      // Update subtitle
+      const sizeStr = formatFileSize(fileSize);
+      document.querySelector('.subtitle').textContent = 'PDF viewer · ' + sizeStr;
+
+      // Show PDF viewer
+      const pdfViewer = document.getElementById('pdf-viewer');
+      pdfViewer.style.display = 'block';
+
+      // Load PDF via raw endpoint
+      const embed = document.getElementById('pdf-display');
+      embed.src = 'api/pdf?t=' + Date.now();
+    }
+
     // Update image info display (in both header and controls)
     function updateImageInfo(fileSize) {
       const sizeStr = formatFileSize(fileSize);