claude-code-workflow 6.3.53 → 7.0.0

package/ccw/src/templates/dashboard-css/37-commands.css

@@ -1,193 +0,0 @@
-/* ==========================================
-   COMMANDS MANAGER STYLES
-   ========================================== */
-
-/* Commands Manager */
-.commands-manager {
-  width: 100%;
-}
-
-.commands-manager.loading {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 300px;
-  color: hsl(var(--muted-foreground));
-}
-
-/* Commands Header */
-.commands-header {
-  width: 100%;
-}
-
-/* Commands Stats */
-.commands-stats {
-  width: 100%;
-}
-
-/* Accordion Groups */
-.commands-accordion {
-  width: 100%;
-}
-
-.accordion-group {
-  width: 100%;
-}
-
-.accordion-header {
-  user-select: none;
-}
-
-.accordion-header:active {
-  transform: scale(0.995);
-}
-
-.accordion-content {
-  animation: expandAccordion 0.2s ease-out;
-}
-
-@keyframes expandAccordion {
-  from {
-    opacity: 0;
-    max-height: 0;
-  }
-  to {
-    opacity: 1;
-    max-height: 2000px;
-  }
-}
-
-/* Commands Grid */
-.commands-grid {
-  width: 100%;
-}
-
-/* Command Card */
-.command-card {
-  position: relative;
-  transition: all 0.2s ease;
-}
-
-.command-card:hover {
-  border-color: hsl(var(--primary));
-  transform: translateY(-2px);
-}
-
-/* Toggle Switch */
-.command-toggle-switch {
-  display: inline-block;
-  position: relative;
-}
-
-.command-toggle-switch input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-
-.command-toggle-slider {
-  position: relative;
-  display: block;
-  cursor: pointer;
-  user-select: none;
-}
-
-.command-toggle-slider::before {
-  position: absolute;
-  content: "";
-  height: 18px;
-  width: 18px;
-  left: 2px;
-  top: 50%;
-  transform: translateY(-50%);
-  background-color: white;
-  transition: 0.2s;
-  border-radius: 50%;
-}
-
-.command-toggle-switch input:checked + .command-toggle-slider::before {
-  transform: translate(20px, -50%);
-}
-
-.command-toggle-switch input:disabled + .command-toggle-slider {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-/* Disabled Command State */
-.command-card.opacity-60 {
-  opacity: 0.6;
-  filter: grayscale(0.3);
-}
-
-.command-card.opacity-60:hover {
-  opacity: 0.8;
-}
-
-/* Line clamp utility for card descriptions */
-.line-clamp-2 {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-/* Responsive adjustments */
-@media (max-width: 768px) {
-  .commands-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .commands-stats .grid {
-    grid-template-columns: 1fr;
-  }
-
-  .accordion-header {
-    flex-wrap: wrap;
-  }
-}
-
-/* Badge styles for groups */
-.command-card .badge {
-  font-size: 0.75rem;
-  font-weight: 500;
-}
-
-/* Hover effects */
-.accordion-header:hover {
-  background-color: hsl(var(--hover));
-}
-
-/* Active state for toggle button */
-.commands-header button.bg-primary {
-  background-color: hsl(var(--primary));
-  color: hsl(var(--primary-foreground));
-}
-
-.commands-header button.bg-muted {
-  background-color: hsl(var(--muted));
-  color: hsl(var(--muted-foreground));
-}
-
-/* Smooth transitions */
-.command-toggle-slider,
-.command-toggle-slider::before {
-  transition: all 0.2s ease;
-}
-
-/* Icon animations */
-.accordion-header i[data-lucide="chevron-down"],
-.accordion-header i[data-lucide="chevron-right"] {
-  transition: transform 0.2s ease;
-}
-
-/* Focus states for accessibility */
-.command-toggle-switch input:focus + .command-toggle-slider {
-  box-shadow: 0 0 0 2px hsl(var(--ring));
-}
-
-/* Tooltip for disabled date */
-.command-card .text-muted-foreground\/70 {
-  opacity: 0.7;
-}

package/ccw/src/templates/dashboard-js/api.js

@@ -1,225 +0,0 @@
-// ========================================
-// API and Data Loading
-// ========================================
-// Server communication and data loading functions
-// Note: Some functions are only available in server mode
-
-// ========== Data Loading ==========
-
-/**
- * Load dashboard data from API (server mode only)
- * @param {string} path - Project path to load data for
- * @returns {Promise<Object|null>} Dashboard data object or null if failed
- */
-async function loadDashboardData(path) {
-  if (!window.SERVER_MODE) {
-    console.warn('loadDashboardData called in static mode');
-    return null;
-  }
-
-  try {
-    const response = await fetch(`/api/data?path=${encodeURIComponent(path)}`);
-    if (!response.ok) {
-      throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-    }
-    return await response.json();
-  } catch (err) {
-    console.error('Failed to load dashboard data:', err);
-    return null;
-  }
-}
-
-/**
- * Load recent paths from API (server mode only)
- * @returns {Promise<Array>} Array of recent paths or empty array if failed
- */
-async function loadRecentPaths() {
-  if (!window.SERVER_MODE) {
-    return [];
-  }
-
-  try {
-    const response = await fetch('/api/recent-paths');
-    if (!response.ok) return [];
-    const data = await response.json();
-    return data.paths || [];
-  } catch (err) {
-    console.error('Failed to load recent paths:', err);
-    return [];
-  }
-}
-
-// ========== Path Management ==========
-
-/**
- * Switch to a new project path (server mode only)
- * Loads dashboard data and updates UI
- * @param {string} path - Project path to switch to
- */
-async function switchToPath(path) {
-  // Show loading state
-  const container = document.getElementById('mainContent');
-  container.innerHTML = '<div class="loading">Loading...</div>';
-
-  try {
-    const data = await loadDashboardData(path);
-    if (data) {
-      // Update global data
-      workflowData = data;
-      projectPath = data.projectPath;
-      recentPaths = data.recentPaths || [];
-
-      // Update UI
-      document.getElementById('currentPath').textContent = projectPath;
-      renderDashboard();
-      refreshRecentPaths();
-
-      // Update all navigation badges after path switch
-      if (typeof updateAllNavigationBadges === 'function') {
-        updateAllNavigationBadges();
-      }
-    }
-  } catch (err) {
-    console.error('Failed to switch path:', err);
-    container.innerHTML = '<div class="error">Failed to load project data</div>';
-  }
-}
-
-/**
- * Select a path from recent paths list
- * @param {string} path - Path to select
- */
-async function selectPath(path) {
-  localStorage.setItem('selectedPath', path);
-
-  // Server mode: load data dynamically
-  if (window.SERVER_MODE) {
-    await switchToPath(path);
-    return;
-  }
-
-  // Static mode: show command to run
-  const modal = document.createElement('div');
-  modal.className = 'path-modal-overlay';
-  modal.innerHTML = `
-    <div class="path-modal">
-      <div class="path-modal-header">
-        <span class="path-modal-icon">${icons.terminal}</span>
-        <h3>Run Command</h3>
-      </div>
-      <div class="path-modal-body">
-        <p>To view the dashboard for this project, run:</p>
-        <div class="path-modal-command">
-          <code>ccw view -p "${path}"</code>
-          <button class="copy-btn" id="copyCommandBtn">${icons.copy} <span>Copy</span></button>
-        </div>
-        <p class="path-modal-note" style="margin-top: 12px;">
-          Or use <code>ccw serve</code> for live path switching.
-        </p>
-      </div>
-      <div class="path-modal-footer">
-        <button class="path-modal-close" onclick="this.closest('.path-modal-overlay').remove()">OK</button>
-      </div>
-    </div>
-  `;
-  document.body.appendChild(modal);
-
-  // Add copy handler
-  document.getElementById('copyCommandBtn').addEventListener('click', function() {
-    navigator.clipboard.writeText('ccw view -p "' + path + '"').then(() => {
-      this.innerHTML = icons.check + ' <span>Copied!</span>';
-      setTimeout(() => { this.innerHTML = icons.copy + ' <span>Copy</span>'; }, 2000);
-    });
-  });
-}
-
-/**
- * Refresh recent paths dropdown UI
- */
-function refreshRecentPaths() {
-  const recentContainer = document.getElementById('recentPaths');
-  recentContainer.innerHTML = '';
-
-  recentPaths.forEach(path => {
-    const item = document.createElement('div');
-    item.className = 'path-item' + (path === projectPath ? ' active' : '');
-    item.dataset.path = path;
-
-    // Path text
-    const pathText = document.createElement('span');
-    pathText.className = 'path-text';
-    pathText.textContent = path;
-    pathText.addEventListener('click', () => selectPath(path));
-    item.appendChild(pathText);
-
-    // Delete button (only for non-current paths)
-    if (path !== projectPath) {
-      const deleteBtn = document.createElement('button');
-      deleteBtn.className = 'path-delete-btn';
-      deleteBtn.innerHTML = '×';
-      deleteBtn.title = 'Remove from recent';
-      deleteBtn.addEventListener('click', async (e) => {
-        e.stopPropagation();
-        await removeRecentPathFromList(path);
-      });
-      item.appendChild(deleteBtn);
-    }
-
-    recentContainer.appendChild(item);
-  });
-}
-
-/**
- * Remove a path from recent paths list
- */
-async function removeRecentPathFromList(path) {
-  try {
-    const response = await csrfFetch('/api/remove-recent-path', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ path })
-    });
-
-    if (response.ok) {
-      const data = await response.json();
-      if (data.success) {
-        recentPaths = data.paths;
-        refreshRecentPaths();
-        showRefreshToast('Path removed', 'success');
-      }
-    }
-  } catch (err) {
-    console.error('Failed to remove path:', err);
-    showRefreshToast('Failed to remove path', 'error');
-  }
-}
-
-// ========== File System Access ==========
-
-/**
- * Browse for folder using File System Access API or fallback to input dialog
- */
-async function browseForFolder() {
-  // Try modern File System Access API first
-  if ('showDirectoryPicker' in window) {
-    try {
-      const dirHandle = await window.showDirectoryPicker({
-        mode: 'read',
-        startIn: 'documents'
-      });
-      // Get the directory name (we can't get full path for security reasons)
-      const dirName = dirHandle.name;
-      showPathSelectedModal(dirName, dirHandle);
-      return;
-    } catch (err) {
-      if (err.name === 'AbortError') {
-        // User cancelled
-        return;
-      }
-      console.warn('Directory picker failed:', err);
-    }
-  }
-
-  // Fallback: show input dialog
-  showPathInputModal();
-}

package/ccw/src/templates/dashboard-js/components/_conflict_tab.js

@@ -1,112 +0,0 @@
-// ==========================================
-// Conflict Resolution Tab
-// ==========================================
-
-async function loadAndRenderConflictTab(session, contentArea) {
-  contentArea.innerHTML = '<div class="tab-loading">Loading conflict resolution...</div>';
-
-  try {
-    if (window.SERVER_MODE && session.path) {
-      const response = await fetch(`/api/session-detail?path=${encodeURIComponent(session.path)}&type=conflict`);
-      if (response.ok) {
-        const data = await response.json();
-        contentArea.innerHTML = renderConflictCards(data.conflictResolution);
-        return;
-      }
-    }
-    contentArea.innerHTML = `
-      <div class="tab-empty-state">
-        <div class="empty-icon">⚖️</div>
-        <div class="empty-title">No Conflict Resolution</div>
-        <div class="empty-text">No conflict-resolution-decisions.json found for this session.</div>
-      </div>
-    `;
-  } catch (err) {
-    contentArea.innerHTML = `<div class="tab-error">Failed to load conflict resolution: ${err.message}</div>`;
-  }
-}
-
-function renderConflictCards(conflictResolution) {
-  if (!conflictResolution) {
-    return `
-      <div class="tab-empty-state">
-        <div class="empty-icon">⚖️</div>
-        <div class="empty-title">No Conflict Resolution</div>
-        <div class="empty-text">No conflict decisions found for this session.</div>
-      </div>
-    `;
-  }
-
-  let cards = [];
-
-  // Header info
-  cards.push(`
-    <div class="conflict-tab-header">
-      <h3>⚖️ Conflict Resolution Decisions</h3>
-      <div class="conflict-meta-info">
-        <span>Session: <strong>${escapeHtml(conflictResolution.session_id || 'N/A')}</strong></span>
-        ${conflictResolution.resolved_at ? `<span>Resolved: <strong>${formatDate(conflictResolution.resolved_at)}</strong></span>` : ''}
-      </div>
-    </div>
-  `);
-
-  // User Decisions as cards
-  if (conflictResolution.user_decisions && Object.keys(conflictResolution.user_decisions).length > 0) {
-    const decisions = Object.entries(conflictResolution.user_decisions);
-
-    cards.push(`<div class="conflict-section-title">🎯 User Decisions (${decisions.length})</div>`);
-    cards.push('<div class="conflict-cards-grid">');
-
-    for (const [key, decision] of decisions) {
-      const label = key.replace(/_/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
-      cards.push(`
-        <div class="conflict-card decision-card">
-          <div class="conflict-card-header">
-            <span class="conflict-card-label">${escapeHtml(label)}</span>
-          </div>
-          <div class="conflict-card-choice">
-            <span class="choice-label">Choice:</span>
-            <span class="choice-value">${escapeHtml(decision.choice || 'N/A')}</span>
-          </div>
-          ${decision.description ? `
-            <div class="conflict-card-desc">${escapeHtml(decision.description)}</div>
-          ` : ''}
-          ${decision.implications && decision.implications.length > 0 ? `
-            <div class="conflict-card-implications">
-              <span class="impl-label">Implications:</span>
-              <ul>
-                ${decision.implications.map(impl => `<li>${escapeHtml(impl)}</li>`).join('')}
-              </ul>
-            </div>
-          ` : ''}
-        </div>
-      `);
-    }
-    cards.push('</div>');
-  }
-
-  // Resolved Conflicts as cards
-  if (conflictResolution.resolved_conflicts && conflictResolution.resolved_conflicts.length > 0) {
-    cards.push(`<div class="conflict-section-title">✅ Resolved Conflicts (${conflictResolution.resolved_conflicts.length})</div>`);
-    cards.push('<div class="conflict-cards-grid">');
-
-    for (const conflict of conflictResolution.resolved_conflicts) {
-      cards.push(`
-        <div class="conflict-card resolved-card">
-          <div class="conflict-card-header">
-            <span class="conflict-card-id">${escapeHtml(conflict.id || 'N/A')}</span>
-            <span class="conflict-category-tag">${escapeHtml(conflict.category || 'General')}</span>
-          </div>
-          <div class="conflict-card-brief">${escapeHtml(conflict.brief || '')}</div>
-          <div class="conflict-card-strategy">
-            <span class="strategy-label">Strategy:</span>
-            <span class="strategy-tag">${escapeHtml(conflict.strategy || 'N/A')}</span>
-          </div>
-        </div>
-      `);
-    }
-    cards.push('</div>');
-  }
-
-  return `<div class="conflict-tab-content">${cards.join('')}</div>`;
-}

package/ccw/src/templates/dashboard-js/components/_exp_helpers.js

@@ -1,54 +0,0 @@
-// Exploration helpers loaded
-
-// Helper: Render exploration field with smart type detection
-function renderExpField(label, value) {
-  if (value === null || value === undefined) return '';
-  let rendered;
-  if (typeof value === 'string') {
-    rendered = `<p>${escapeHtml(value)}</p>`;
-  } else if (Array.isArray(value)) {
-    rendered = renderExpArray(value);
-  } else if (typeof value === 'object') {
-    rendered = renderExpObject(value);
-  } else {
-    rendered = `<p>${escapeHtml(String(value))}</p>`;
-  }
-  return `<div class="exp-field"><label>${escapeHtml(label)}</label>${rendered}</div>`;
-}
-
-// Helper: Render array values
-function renderExpArray(arr) {
-  if (!arr.length) return '<p>-</p>';
-  if (typeof arr[0] === 'object' && arr[0] !== null) {
-    return `<div class="exp-array-objects">${arr.map(item => {
-      if (item.question) {
-        return `<div class="clarification-item">
-          <div class="clarification-question">${escapeHtml(item.question)}</div>
-          ${item.impact ? `<div class="clarification-impact">Impact: ${escapeHtml(item.impact)}</div>` : ''}
-          ${item.priority ? `<span class="priority-badge priority-${item.priority}">${item.priority}</span>` : ''}
-        </div>`;
-      }
-      return `<div class="exp-object-item">${renderExpObject(item)}</div>`;
-    }).join('')}</div>`;
-  }
-  return `<ul class="exp-list">${arr.map(item => `<li>${escapeHtml(String(item))}</li>`).join('')}</ul>`;
-}
-
-// Helper: Render object values recursively
-function renderExpObject(obj) {
-  if (!obj || typeof obj !== 'object') return '';
-  const entries = Object.entries(obj).filter(([k]) => !k.startsWith('_'));
-  if (!entries.length) return '<p>-</p>';
-  return `<div class="exp-object">${entries.map(([key, val]) => {
-    const label = key.replace(/_/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
-    if (val === null || val === undefined) return '';
-    if (typeof val === 'string') {
-      return `<div class="exp-obj-field"><span class="exp-obj-key">${escapeHtml(label)}:</span> <span class="exp-obj-val">${escapeHtml(val)}</span></div>`;
-    } else if (Array.isArray(val)) {
-      return `<div class="exp-obj-field"><span class="exp-obj-key">${escapeHtml(label)}:</span>${renderExpArray(val)}</div>`;
-    } else if (typeof val === 'object') {
-      return `<div class="exp-obj-nested"><span class="exp-obj-key">${escapeHtml(label)}</span>${renderExpObject(val)}</div>`;
-    }
-    return `<div class="exp-obj-field"><span class="exp-obj-key">${escapeHtml(label)}:</span> <span class="exp-obj-val">${escapeHtml(String(val))}</span></div>`;
-  }).join('')}</div>`;
-}