crewswarm 0.9.2 → 0.9.4

package/apps/dashboard/src/chat/unified-messages.js

@@ -1,327 +0,0 @@
-/**
- * Unified Project Messages UI
- * Adds unified view, search, and export functionality to chat tab
- */
-
-import { getJSON, postJSON } from '../core/api.js';
-import { state } from '../core/state.js';
-import { showNotification as notify } from '../core/dom.js';
-
-let unifiedViewEnabled = false;
-
-/**
- * Toggle unified view (shows all sources with indicators)
- */
-export async function toggleUnifiedView() {
-  unifiedViewEnabled = !unifiedViewEnabled;
-  
-  const btn = document.getElementById('unifiedViewToggle');
-  if (unifiedViewEnabled) {
-    btn.style.background = 'var(--accent)';
-    btn.style.color = '#fff';
-    btn.textContent = '📊 Unified ✓';
-    notify('Unified view enabled — showing all sources');
-  } else {
-    btn.style.background = '';
-    btn.style.color = '';
-    btn.textContent = '📊 Unified View';
-    notify('Standard view restored');
-  }
-  
-  // Reload chat history with unified view
-  await loadChatHistoryWithUnified();
-}
-
-/**
- * Load chat history with unified view (if enabled)
- */
-async function loadChatHistoryWithUnified() {
-  const projectId = state.chatActiveProjectId;
-  if (!projectId || projectId === 'general') {
-    // Fall back to standard history for general chat
-    return;
-  }
-  
-  if (!unifiedViewEnabled) {
-    // Standard view — just reload normally
-    if (window.loadChatHistory) {
-      await window.loadChatHistory();
-    }
-    return;
-  }
-  
-  try {
-    const data = await getJSON(`/api/crew-lead/project-messages?projectId=${encodeURIComponent(projectId)}&limit=100`);
-    
-    if (!data.ok) {
-      console.error('Failed to load unified messages:', data.error);
-      notify('Failed to load unified view', true);
-      return;
-    }
-    
-    // Clear and rebuild chat
-    const box = document.getElementById('chatMessages');
-    if (!box) return;
-    
-    box.innerHTML = '';
-    
-    // Source indicators
-    const sourceEmoji = {
-      dashboard: '💻',
-      cli: '⚡',
-      'sub-agent': '👷',
-      agent: '🤖'
-    };
-    
-    // Render messages
-    for (const msg of data.messages) {
-      const bubble = document.createElement('div');
-      bubble.className = `chat-bubble ${msg.role}`;
-      
-      const emoji = sourceEmoji[msg.source] || '📝';
-      const agentLabel = msg.agent ? ` [${msg.agent}]` : '';
-      const timestamp = new Date(msg.ts).toLocaleTimeString();
-      
-      bubble.innerHTML = `
-        <div style="font-size:10px;color:var(--text-3);margin-bottom:4px;">
-          ${emoji} <strong>${msg.source}</strong>${agentLabel} · ${timestamp}
-        </div>
-        <div style="white-space:pre-wrap;word-break:break-word;">${escapeHtml(msg.content)}</div>
-      `;
-      
-      box.appendChild(bubble);
-    }
-    
-    // Scroll to bottom
-    box.scrollTop = box.scrollHeight;
-    
-    notify(`Loaded ${data.messages.length} messages from all sources`);
-  } catch (e) {
-    console.error('Failed to load unified messages:', e);
-    notify('Failed to load unified view', true);
-  }
-}
-
-/**
- * Open search modal
- */
-export function openSearchModal() {
-  const projectId = state.chatActiveProjectId;
-  if (!projectId || projectId === 'general') {
-    notify('Search requires an active project', true);
-    return;
-  }
-  
-  const modal = document.getElementById('searchModal');
-  if (modal) {
-    modal.style.display = 'flex';
-    document.getElementById('searchInput')?.focus();
-  }
-}
-
-/**
- * Close search modal
- */
-export function closeSearchModal() {
-  const modal = document.getElementById('searchModal');
-  if (modal) {
-    modal.style.display = 'none';
-  }
-}
-
-/**
- * Perform search
- */
-export async function performSearch() {
-  const projectId = state.chatActiveProjectId;
-  if (!projectId || projectId === 'general') {
-    notify('Search requires an active project', true);
-    return;
-  }
-  
-  const query = document.getElementById('searchInput')?.value?.trim();
-  if (!query) {
-    notify('Enter a search query', true);
-    return;
-  }
-  
-  const caseSensitive = document.getElementById('searchCaseSensitive')?.checked || false;
-  const source = document.getElementById('searchSource')?.value || '';
-  
-  const resultsDiv = document.getElementById('searchResults');
-  if (!resultsDiv) return;
-  
-  resultsDiv.innerHTML = '<div style="text-align:center;padding:20px;">Searching...</div>';
-  
-  try {
-    let url = `/api/crew-lead/search-project-messages?projectId=${encodeURIComponent(projectId)}&q=${encodeURIComponent(query)}`;
-    if (caseSensitive) url += '&caseSensitive=true';
-    if (source) url += `&source=${encodeURIComponent(source)}`;
-    
-    const data = await getJSON(url);
-    
-    if (!data.ok) {
-      resultsDiv.innerHTML = `<div style="color:var(--red);padding:20px;">Error: ${escapeHtml(data.error)}</div>`;
-      return;
-    }
-    
-    if (data.results.length === 0) {
-      resultsDiv.innerHTML = '<div style="text-align:center;color:var(--text-3);padding:20px;">No results found</div>';
-      return;
-    }
-    
-    // Render results
-    const sourceEmoji = {
-      dashboard: '💻',
-      cli: '⚡',
-      'sub-agent': '👷',
-      agent: '🤖'
-    };
-    
-    let html = `<div style="margin-bottom:12px;font-weight:600;color:var(--text-2);">${data.results.length} results</div>`;
-    
-    for (const result of data.results) {
-      const emoji = sourceEmoji[result.source] || '📝';
-      const agentLabel = result.agent ? ` [${result.agent}]` : '';
-      const timestamp = new Date(result.ts).toLocaleString();
-      
-      html += `
-        <div style="border:1px solid var(--border);border-radius:6px;padding:12px;margin-bottom:8px;background:var(--bg-card2);">
-          <div style="font-size:11px;color:var(--text-3);margin-bottom:6px;">
-            ${emoji} <strong>${result.source}</strong>${agentLabel} · ${timestamp}
-          </div>
-          <div style="font-size:13px;color:var(--text-1);">
-            ${escapeHtml(result.snippet)}
-          </div>
-        </div>
-      `;
-    }
-    
-    resultsDiv.innerHTML = html;
-    notify(`Found ${data.results.length} results`);
-  } catch (e) {
-    console.error('Search failed:', e);
-    resultsDiv.innerHTML = `<div style="color:var(--red);padding:20px;">Search failed: ${escapeHtml(e.message)}</div>`;
-  }
-}
-
-/**
- * Export messages
- */
-export async function exportMessages() {
-  const projectId = state.chatActiveProjectId;
-  if (!projectId || projectId === 'general') {
-    notify('Export requires an active project', true);
-    return;
-  }
-  
-  // Ask user for format
-  const format = await new Promise(resolve => {
-    const modal = document.createElement('div');
-    modal.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:10001;display:flex;align-items:center;justify-content:center;';
-    
-    modal.innerHTML = `
-      <div style="background:var(--bg-card);border-radius:12px;padding:24px;max-width:400px;">
-        <h3 style="margin:0 0 16px 0;">Export Format</h3>
-        <div style="display:flex;flex-direction:column;gap:8px;margin-bottom:16px;">
-          <button class="export-format-btn btn-ghost" data-format="markdown" style="text-align:left;padding:12px;">
-            📝 Markdown (.md) — Best for reading
-          </button>
-          <button class="export-format-btn btn-ghost" data-format="json" style="text-align:left;padding:12px;">
-            📋 JSON — Full data with metadata
-          </button>
-          <button class="export-format-btn btn-ghost" data-format="csv" style="text-align:left;padding:12px;">
-            📊 CSV — Spreadsheet compatible
-          </button>
-          <button class="export-format-btn btn-ghost" data-format="txt" style="text-align:left;padding:12px;">
-            📄 Plain Text (.txt)
-          </button>
-        </div>
-        <button onclick="this.closest('div').parentElement.remove()" class="btn-ghost" style="width:100%;">Cancel</button>
-      </div>
-    `;
-    
-    document.body.appendChild(modal);
-    
-    modal.querySelectorAll('.export-format-btn').forEach(btn => {
-      btn.onclick = () => {
-        resolve(btn.dataset.format);
-        modal.remove();
-      };
-    });
-    
-    modal.onclick = (e) => {
-      if (e.target === modal) {
-        resolve(null);
-        modal.remove();
-      }
-    };
-  });
-  
-  if (!format) return;
-  
-  try {
-    notify('Exporting...');
-    
-    const url = `/api/crew-lead/export-project-messages?projectId=${encodeURIComponent(projectId)}&format=${format}&includeMetadata=true`;
-    
-    // Download file
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `project-${projectId}.${format === 'markdown' ? 'md' : format}`;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    
-    notify(`Exported as ${format.toUpperCase()}`);
-  } catch (e) {
-    console.error('Export failed:', e);
-    notify('Export failed: ' + e.message, true);
-  }
-}
-
-/**
- * Escape HTML
- */
-function escapeHtml(text) {
-  const div = document.createElement('div');
-  div.textContent = text;
-  return div.innerHTML;
-}
-
-// Expose functions globally
-if (typeof window !== 'undefined') {
-  window.toggleUnifiedView = toggleUnifiedView;
-  window.openSearchModal = openSearchModal;
-  window.closeSearchModal = closeSearchModal;
-  window.performSearch = performSearch;
-  window.exportMessages = exportMessages;
-}
-
-// Add keyboard shortcuts
-if (typeof window !== 'undefined') {
-  document.addEventListener('keydown', (e) => {
-    // Cmd/Ctrl + K to open search
-    if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
-      const projectId = state.chatActiveProjectId;
-      if (projectId && projectId !== 'general') {
-        e.preventDefault();
-        openSearchModal();
-      }
-    }
-    
-    // Escape to close search modal
-    if (e.key === 'Escape') {
-      const modal = document.getElementById('searchModal');
-      if (modal && modal.style.display !== 'none') {
-        closeSearchModal();
-      }
-    }
-    
-    // Enter in search input to perform search
-    if (e.key === 'Enter' && e.target.id === 'searchInput') {
-      e.preventDefault();
-      performSearch();
-    }
-  });
-}

package/apps/dashboard/src/cli-process.js

@@ -1,208 +0,0 @@
-/**
- * CLI Process View - Orchestration status + model configuration
- */
-
-import { updateOrchestrationStatus, startOrchestrationStatusUpdates, stopOrchestrationStatusUpdates } from './orchestration-status.js';
-
-let cliProcessMode = 'connected';
-
-window.initCLIProcess = async function() {
-  await loadCLIProcessConfig();
-  startOrchestrationStatusUpdates();
-  setupCLIProcessListeners();
-};
-
-function setupCLIProcessListeners() {
-  document.querySelector('[data-action="toggleCLIProcessMode"]')?.addEventListener('click', toggleCLIProcessMode);
-  document.querySelector('[data-action="saveCLIProcessConfig"]')?.addEventListener('click', saveCLIProcessConfig);
-  document.querySelector('[data-action="applyRecommendedCLIProcessConfig"]')?.addEventListener('click', applyRecommendedCLIProcessConfig);
-  document.querySelector('[data-action="resetCLIProcessConfig"]')?.addEventListener('click', resetCLIProcessConfig);
-  bindCustomModelSelectors();
-  document.querySelector('[data-action="refreshCLIProcess"]')?.addEventListener('click', async () => {
-    await updateOrchestrationStatus();
-    await loadCLIProcessConfig();
-  });
-}
-
-function bindCustomModelSelectors() {
-  [
-    'configChatModel',
-    'configRouterModel',
-    'configReasoningModel',
-    'configL2AModel',
-    'configL2BModel',
-    'configExecutionModel',
-    'configQAModel'
-  ].forEach((id) => {
-    const el = document.getElementById(id);
-    if (!el || el.dataset.customBound === '1') return;
-    el.dataset.customBound = '1';
-    el.addEventListener('change', () => handleCustomModelSelection(el));
-  });
-}
-
-function handleCustomModelSelection(selectEl) {
-  if (!selectEl || selectEl.value !== '__custom__') return;
-  const previous = selectEl.dataset.previousValue || '';
-  const raw = window.prompt('Enter exact model ID for this slot:', previous);
-  const custom = String(raw || '').trim();
-  if (!custom) {
-    selectEl.value = previous;
-    return;
-  }
-  let option = Array.from(selectEl.options).find((opt) => opt.value === custom);
-  if (!option) {
-    option = document.createElement('option');
-    option.value = custom;
-    option.textContent = `${custom} (custom)`;
-    const customMarker = Array.from(selectEl.options).find((opt) => opt.value === '__custom__');
-    if (customMarker) {
-      selectEl.insertBefore(option, customMarker);
-    } else {
-      selectEl.appendChild(option);
-    }
-  }
-  selectEl.value = custom;
-  selectEl.dataset.previousValue = custom;
-}
-
-function toggleCLIProcessMode() {
-  cliProcessMode = cliProcessMode === 'connected' ? 'standalone' : 'connected';
-  const btn = document.getElementById('cliProcessMode');
-  if (btn) {
-    btn.textContent = cliProcessMode === 'connected' ? '🔌 Connected Mode' : '🔌 Standalone Mode';
-    btn.style.color = cliProcessMode === 'connected' ? '#10b981' : '#6b7280';
-  }
-  cliProcessMode === 'connected' ? startOrchestrationStatusUpdates() : stopOrchestrationStatusUpdates();
-}
-
-async function loadCLIProcessConfig() {
-  try {
-    const res = await fetch('/api/settings/cli-models');
-    if (res.ok) {
-      const config = await res.json();
-      const set = (id, v) => {
-        const el = document.getElementById(id);
-        if (!el) return;
-        const value = v || '';
-        if (value && !Array.from(el.options).some((opt) => opt.value === value)) {
-          const option = document.createElement('option');
-          option.value = value;
-          option.textContent = `${value} (saved custom)`;
-          const customMarker = Array.from(el.options).find((opt) => opt.value === '__custom__');
-          if (customMarker) {
-            el.insertBefore(option, customMarker);
-          } else {
-            el.appendChild(option);
-          }
-        }
-        el.value = value;
-        el.dataset.previousValue = value;
-      };
-      set('configChatModel', config.CREW_CHAT_MODEL);
-      set('configRouterModel', config.CREW_ROUTER_MODEL);
-      set('configReasoningModel', config.CREW_REASONING_MODEL);
-      set('configL2AModel', config.CREW_L2A_MODEL);
-      set('configL2BModel', config.CREW_L2B_MODEL);
-      set('configExecutionModel', config.CREW_EXECUTION_MODEL);
-      set('configQAModel', config.CREW_QA_MODEL);
-      set('configMaxWorkers', config.CREW_MAX_PARALLEL_WORKERS || '6');
-      set('configExtraValidators', config.CREW_L2_EXTRA_VALIDATORS);
-    }
-  } catch (err) {
-    console.error('[CLI Process] Failed to load config:', err);
-  }
-}
-
-function getCLIProcessConfigFromForm() {
-  const get = (id) => document.getElementById(id)?.value || '';
-  return {
-    CREW_CHAT_MODEL: get('configChatModel'),
-    CREW_ROUTER_MODEL: get('configRouterModel'),
-    CREW_REASONING_MODEL: get('configReasoningModel'),
-    CREW_L2A_MODEL: get('configL2AModel'),
-    CREW_L2B_MODEL: get('configL2BModel'),
-    CREW_EXECUTION_MODEL: get('configExecutionModel'),
-    CREW_QA_MODEL: get('configQAModel'),
-    CREW_MAX_PARALLEL_WORKERS: get('configMaxWorkers') || '6',
-    CREW_L2_EXTRA_VALIDATORS: get('configExtraValidators')
-  };
-}
-
-async function saveCLIProcessConfig() {
-  const config = getCLIProcessConfigFromForm();
-  try {
-    const res = await fetch('/api/settings/cli-models', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(config)
-    });
-    if (!res.ok) {
-      const err = await res.json().catch(() => ({}));
-      throw new Error(err.error || res.statusText);
-    }
-    alert('✅ CLI configuration saved to crewswarm.json. Restart crew (Services → Start All) for changes to take effect.');
-  } catch (err) {
-    alert('❌ Save failed: ' + err.message);
-  }
-}
-
-async function applyRecommendedCLIProcessConfig() {
-  const config = {
-    CREW_CHAT_MODEL: 'grok-4-1-fast-non-reasoning',
-    CREW_ROUTER_MODEL: 'gpt-5.4',
-    CREW_REASONING_MODEL: 'gpt-5.4',
-    CREW_L2A_MODEL: 'gpt-5.4',
-    CREW_L2B_MODEL: 'gpt-5.4',
-    CREW_EXECUTION_MODEL: 'gemini-2.5-flash',
-    CREW_QA_MODEL: 'gpt-5.4',
-    CREW_MAX_PARALLEL_WORKERS: '6',
-    CREW_L2_EXTRA_VALIDATORS: ''
-  };
-  document.getElementById('configChatModel').value = config.CREW_CHAT_MODEL;
-  document.getElementById('configRouterModel').value = config.CREW_ROUTER_MODEL;
-  document.getElementById('configReasoningModel').value = config.CREW_REASONING_MODEL;
-  document.getElementById('configL2AModel').value = config.CREW_L2A_MODEL;
-  document.getElementById('configL2BModel').value = config.CREW_L2B_MODEL;
-  document.getElementById('configExecutionModel').value = config.CREW_EXECUTION_MODEL;
-  document.getElementById('configQAModel').value = config.CREW_QA_MODEL;
-  document.getElementById('configMaxWorkers').value = config.CREW_MAX_PARALLEL_WORKERS;
-  document.getElementById('configExtraValidators').value = config.CREW_L2_EXTRA_VALIDATORS;
-  bindCustomModelSelectors();
-  try {
-    const res = await fetch('/api/settings/cli-models', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(config)
-    });
-    if (res.ok) {
-      alert('✅ Recommended stack applied. Restart crew for changes to take effect.');
-    }
-  } catch (err) {
-    console.error('[CLI Process] Apply recommended failed:', err);
-  }
-}
-
-async function resetCLIProcessConfig() {
-  ['configChatModel','configRouterModel','configReasoningModel','configL2AModel','configL2BModel','configExecutionModel','configQAModel','configExtraValidators'].forEach(id => {
-    const el = document.getElementById(id);
-    if (el) el.value = '';
-  });
-  document.getElementById('configMaxWorkers').value = '6';
-  try {
-    const config = {
-      CREW_CHAT_MODEL: '', CREW_ROUTER_MODEL: '', CREW_REASONING_MODEL: '', CREW_L2A_MODEL: '', CREW_L2B_MODEL: '',
-      CREW_EXECUTION_MODEL: '', CREW_QA_MODEL: '', CREW_MAX_PARALLEL_WORKERS: '6', CREW_L2_EXTRA_VALIDATORS: ''
-    };
-    await fetch('/api/settings/cli-models', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(config)
-    });
-  } catch (err) {
-    console.error('[CLI Process] Reset save failed:', err);
-  }
-  alert('↻ Configuration reset');
-}
-
-export { cliProcessMode };