stakeout-cli 0.1.0

package/dist/types/index.d.ts

@@ -0,0 +1,38 @@
+export interface StakeoutEntry {
+    id?: number;
+    timestamp: string;
+    files_changed: string[];
+    directories: string[];
+    summary: string;
+    diff_hash: string;
+    commit_hash?: string;
+    commit_message?: string;
+    tags?: string[];
+    favorite?: boolean;
+    notes?: string;
+    repo_path?: string;
+    is_breaking?: boolean;
+}
+export interface StakeoutConfig {
+    llm_provider: 'ollama' | 'openai';
+    ollama_model: string;
+    ollama_host: string;
+    openai_api_key?: string;
+    openai_model: string;
+    watched_path: string;
+    ignore_patterns: string[];
+    repos?: string[];
+    breaking_patterns?: string[];
+}
+export interface DiffResult {
+    files: string[];
+    directories: string[];
+    diff_text: string;
+    diff_hash: string;
+    commit_hash?: string;
+    commit_message?: string;
+}
+export interface ChatMessage {
+    role: 'user' | 'assistant' | 'system';
+    content: string;
+}

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/web/public/app.js

@@ -0,0 +1,387 @@
+const API = '';
+
+// State
+let entries = [];
+let stats = {};
+let searchMode = false;
+
+// DOM Elements
+const feed = document.getElementById('feed');
+const feedTitle = document.getElementById('feed-title');
+const btnRecord = document.getElementById('btn-record');
+const btnRecordCommit = document.getElementById('btn-record-commit');
+const btnRefresh = document.getElementById('btn-refresh');
+const btnStats = document.getElementById('btn-stats');
+const btnExport = document.getElementById('btn-export');
+const btnSearch = document.getElementById('btn-search');
+const searchInput = document.getElementById('search-input');
+const filterPath = document.getElementById('filter-path');
+const filterTime = document.getElementById('filter-time');
+const toast = document.getElementById('toast');
+
+// Modals
+const statsModal = document.getElementById('stats-modal');
+const exportModal = document.getElementById('export-modal');
+
+// Initialize
+document.addEventListener('DOMContentLoaded', () => {
+  loadStats();
+  loadEntries();
+  setupEventListeners();
+});
+
+function setupEventListeners() {
+  btnRecord.addEventListener('click', () => recordChanges(false));
+  btnRecordCommit.addEventListener('click', () => recordChanges(true));
+  btnRefresh.addEventListener('click', () => {
+    searchMode = false;
+    feedTitle.textContent = 'Intel Feed';
+    searchInput.value = '';
+    loadStats();
+    loadEntries();
+  });
+
+  // Search
+  btnSearch.addEventListener('click', performSearch);
+  searchInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') performSearch();
+  });
+
+  // Filters
+  filterPath.addEventListener('input', debounce(loadEntries, 300));
+  filterTime.addEventListener('change', loadEntries);
+
+  // Stats modal
+  btnStats.addEventListener('click', () => {
+    statsModal.classList.add('show');
+    loadDetailedStats();
+  });
+  document.getElementById('stats-close').addEventListener('click', () => {
+    statsModal.classList.remove('show');
+  });
+
+  // Export modal
+  btnExport.addEventListener('click', () => {
+    exportModal.classList.add('show');
+  });
+  document.getElementById('export-close').addEventListener('click', () => {
+    exportModal.classList.remove('show');
+  });
+  document.getElementById('export-download').addEventListener('click', performExport);
+
+  // Close modals on backdrop click
+  statsModal.addEventListener('click', (e) => {
+    if (e.target === statsModal) statsModal.classList.remove('show');
+  });
+  exportModal.addEventListener('click', (e) => {
+    if (e.target === exportModal) exportModal.classList.remove('show');
+  });
+}
+
+async function loadStats() {
+  try {
+    const res = await fetch(`${API}/api/stats`);
+    stats = await res.json();
+
+    document.getElementById('stat-total').textContent = stats.total;
+    document.getElementById('stat-today').textContent = stats.today;
+    document.getElementById('stat-week').textContent = stats.thisWeek;
+
+    drawActivityChart(stats.activity || []);
+  } catch (err) {
+    console.error('Failed to load stats:', err);
+  }
+}
+
+async function loadDetailedStats() {
+  const content = document.getElementById('stats-content');
+
+  try {
+    const res = await fetch(`${API}/api/stats/detailed`);
+    const data = await res.json();
+
+    content.innerHTML = `
+      <div class="stats-section">
+        <h4>Overview</h4>
+        <div class="stat-row"><span class="label">Total Entries</span><span class="value">${data.total}</span></div>
+        <div class="stat-row"><span class="label">Today</span><span class="value">${data.today}</span></div>
+        <div class="stat-row"><span class="label">This Week</span><span class="value">${data.thisWeek}</span></div>
+        <div class="stat-row"><span class="label">This Month</span><span class="value">${data.thisMonth}</span></div>
+        ${data.firstEntry ? `<div class="stat-row"><span class="label">First Entry</span><span class="value">${new Date(data.firstEntry).toLocaleDateString()}</span></div>` : ''}
+      </div>
+      <div class="stats-section">
+        <h4>Top Directories</h4>
+        <div class="bar-chart">
+          ${data.topDirs.slice(0, 5).map(([dir, count], i) => `
+            <div class="bar-row">
+              <span class="bar-label">${dir.slice(0, 10)}</span>
+              <div class="bar" style="width: ${(count / data.topDirs[0][1]) * 100}px"></div>
+              <span class="bar-value">${count}</span>
+            </div>
+          `).join('')}
+        </div>
+      </div>
+      <div class="stats-section">
+        <h4>Activity by Day</h4>
+        <div class="bar-chart">
+          ${data.byDayOfWeek.map(({ day, count }) => `
+            <div class="bar-row">
+              <span class="bar-label">${day}</span>
+              <div class="bar" style="width: ${(count / Math.max(...data.byDayOfWeek.map(d => d.count))) * 100}px"></div>
+              <span class="bar-value">${count}</span>
+            </div>
+          `).join('')}
+        </div>
+      </div>
+      <div class="stats-section">
+        <h4>Peak Hours</h4>
+        <div class="bar-chart">
+          ${data.peakHours.slice(0, 5).map(({ hour, count }) => `
+            <div class="bar-row">
+              <span class="bar-label">${hour.toString().padStart(2, '0')}:00</span>
+              <div class="bar" style="width: ${(count / data.peakHours[0].count) * 100}px"></div>
+              <span class="bar-value">${count}</span>
+            </div>
+          `).join('')}
+        </div>
+      </div>
+    `;
+  } catch (err) {
+    content.innerHTML = '<p>Failed to load detailed stats</p>';
+  }
+}
+
+async function loadEntries() {
+  if (searchMode) return;
+
+  try {
+    const params = new URLSearchParams();
+    params.set('limit', '50');
+
+    if (filterPath.value) {
+      params.set('path', filterPath.value);
+    }
+
+    if (filterTime.value) {
+      const since = new Date();
+      since.setDate(since.getDate() - parseInt(filterTime.value));
+      params.set('since', since.toISOString());
+    }
+
+    const res = await fetch(`${API}/api/entries?${params}`);
+    const data = await res.json();
+    entries = data.entries;
+
+    renderFeed();
+  } catch (err) {
+    console.error('Failed to load entries:', err);
+    feed.innerHTML = '<div class="empty"><div class="empty-icon">⚠️</div>Failed to load intel</div>';
+  }
+}
+
+async function performSearch() {
+  const query = searchInput.value.trim();
+  if (!query) {
+    searchMode = false;
+    feedTitle.textContent = 'Intel Feed';
+    loadEntries();
+    return;
+  }
+
+  searchMode = true;
+  feedTitle.textContent = `Search: "${query}"`;
+
+  try {
+    const res = await fetch(`${API}/api/search?q=${encodeURIComponent(query)}`);
+    const data = await res.json();
+    entries = data.entries;
+    renderFeed(query);
+  } catch (err) {
+    console.error('Search failed:', err);
+    showToast('Search failed', 'error');
+  }
+}
+
+function renderFeed(highlightQuery = null) {
+  if (entries.length === 0) {
+    feed.innerHTML = `
+      <div class="empty">
+        <div class="empty-icon">🔍</div>
+        <p>${searchMode ? 'No results found' : 'No intel recorded yet'}</p>
+        ${!searchMode ? '<p style="margin-top: 8px; font-size: 12px;">Click "Record Changes" to start tracking</p>' : ''}
+      </div>
+    `;
+    return;
+  }
+
+  feed.innerHTML = entries.map(entry => {
+    let summary = escapeHtml(entry.summary);
+    if (highlightQuery) {
+      const regex = new RegExp(`(${escapeRegex(highlightQuery)})`, 'gi');
+      summary = summary.replace(regex, '<span class="highlight">$1</span>');
+    }
+
+    return `
+      <div class="entry">
+        <div class="entry-header">
+          <div class="entry-meta">
+            <span class="entry-id">#${entry.id}</span>
+            <span class="entry-time">${formatTime(entry.timestamp)}</span>
+            ${entry.commit_hash ? `<span class="entry-commit">${entry.commit_hash.slice(0, 7)}</span>` : ''}
+          </div>
+        </div>
+        <div class="entry-summary">${summary}</div>
+        ${entry.directories.length > 0 ? `
+          <div class="entry-dirs">
+            ${entry.directories.map(d => `<span class="entry-dir">📁 ${d}</span>`).join('')}
+          </div>
+        ` : ''}
+        <div class="entry-files">
+          ${entry.files_changed.slice(0, 5).map(f => `<span class="entry-file">${f}</span>`).join('')}
+          ${entry.files_changed.length > 5 ? `<span class="entry-file">+${entry.files_changed.length - 5} more</span>` : ''}
+        </div>
+      </div>
+    `;
+  }).join('');
+}
+
+async function recordChanges(lastCommit) {
+  const btn = lastCommit ? btnRecordCommit : btnRecord;
+  const originalText = btn.innerHTML;
+
+  btn.disabled = true;
+  btn.innerHTML = '<span class="btn-icon">⏳</span> Recording...';
+
+  try {
+    const res = await fetch(`${API}/api/record`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ lastCommit })
+    });
+
+    const data = await res.json();
+
+    if (data.success) {
+      showToast('Intel recorded successfully', 'success');
+      loadStats();
+      loadEntries();
+    } else {
+      showToast(data.message || 'No changes detected', 'info');
+    }
+  } catch (err) {
+    showToast('Failed to record: ' + err.message, 'error');
+  } finally {
+    btn.disabled = false;
+    btn.innerHTML = originalText;
+  }
+}
+
+async function performExport() {
+  const format = document.getElementById('export-format').value;
+  const range = document.getElementById('export-range').value;
+
+  try {
+    const params = new URLSearchParams();
+    params.set('format', format);
+    if (range) {
+      const since = new Date();
+      since.setDate(since.getDate() - parseInt(range));
+      params.set('since', since.toISOString());
+    }
+
+    const res = await fetch(`${API}/api/export?${params}`);
+    const blob = await res.blob();
+
+    const ext = format === 'json' ? 'json' : format === 'csv' ? 'csv' : 'md';
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `stakeout-export-${Date.now()}.${ext}`;
+    a.click();
+    URL.revokeObjectURL(url);
+
+    exportModal.classList.remove('show');
+    showToast('Export downloaded', 'success');
+  } catch (err) {
+    showToast('Export failed: ' + err.message, 'error');
+  }
+}
+
+function drawActivityChart(activity) {
+  const canvas = document.getElementById('activity-chart');
+  const ctx = canvas.getContext('2d');
+
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+  if (activity.length === 0) {
+    ctx.fillStyle = '#333';
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    return;
+  }
+
+  const maxCount = Math.max(...activity.map(a => a.count), 1);
+  const barWidth = canvas.width / 14;
+  const padding = 2;
+
+  const dateMap = new Map(activity.map(a => [a.date, a.count]));
+
+  const days = [];
+  for (let i = 13; i >= 0; i--) {
+    const date = new Date();
+    date.setDate(date.getDate() - i);
+    const dateStr = date.toISOString().split('T')[0];
+    days.push({ date: dateStr, count: dateMap.get(dateStr) || 0 });
+  }
+
+  days.forEach((day, i) => {
+    const height = (day.count / maxCount) * (canvas.height - 4);
+    const x = i * barWidth + padding;
+    const y = canvas.height - height - 2;
+
+    ctx.fillStyle = day.count > 0 ? '#00ff88' : '#2a2a35';
+    ctx.fillRect(x, y, barWidth - padding * 2, height || 2);
+  });
+}
+
+function formatTime(timestamp) {
+  const date = new Date(timestamp);
+  const now = new Date();
+  const diffMs = now - date;
+  const diffMins = Math.floor(diffMs / 60000);
+  const diffHours = Math.floor(diffMins / 60);
+  const diffDays = Math.floor(diffHours / 24);
+
+  if (diffMins < 1) return 'just now';
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+
+  return date.toLocaleDateString();
+}
+
+function escapeHtml(text) {
+  const div = document.createElement('div');
+  div.textContent = text;
+  return div.innerHTML;
+}
+
+function escapeRegex(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+function showToast(message, type = 'info') {
+  toast.textContent = message;
+  toast.className = `toast show ${type}`;
+
+  setTimeout(() => {
+    toast.className = 'toast';
+  }, 3000);
+}
+
+function debounce(fn, ms) {
+  let timeout;
+  return (...args) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => fn(...args), ms);
+  };
+}

package/dist/web/public/index.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>STAKEOUT - Command Center</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <div class="container">
+    <header>
+      <div class="logo">
+        <span class="logo-icon">🔍</span>
+        <h1>STAKEOUT</h1>
+        <span class="tagline">Command Center</span>
+      </div>
+      <div class="header-actions">
+        <button id="btn-stats" class="btn btn-ghost btn-sm">📊 Stats</button>
+        <button id="btn-export" class="btn btn-ghost btn-sm">📤 Export</button>
+        <div class="status">
+          <span class="status-dot"></span>
+          <span id="status-text">ONLINE</span>
+        </div>
+      </div>
+    </header>
+
+    <div class="stats-bar">
+      <div class="stat">
+        <span class="stat-value" id="stat-total">-</span>
+        <span class="stat-label">Total Intel</span>
+      </div>
+      <div class="stat">
+        <span class="stat-value" id="stat-today">-</span>
+        <span class="stat-label">Today</span>
+      </div>
+      <div class="stat">
+        <span class="stat-value" id="stat-week">-</span>
+        <span class="stat-label">This Week</span>
+      </div>
+      <div class="stat chart-stat">
+        <canvas id="activity-chart" width="200" height="40"></canvas>
+        <span class="stat-label">14-Day Activity</span>
+      </div>
+    </div>
+
+    <div class="search-bar">
+      <input type="text" id="search-input" placeholder="🔍 Search summaries, files, directories..." />
+      <button id="btn-search" class="btn btn-primary btn-sm">Search</button>
+    </div>
+
+    <div class="actions">
+      <button id="btn-record" class="btn btn-primary">
+        <span class="btn-icon">⚡</span>
+        Record Changes
+      </button>
+      <button id="btn-record-commit" class="btn btn-secondary">
+        <span class="btn-icon">📝</span>
+        Record Last Commit
+      </button>
+      <button id="btn-refresh" class="btn btn-ghost">
+        <span class="btn-icon">🔄</span>
+        Refresh
+      </button>
+    </div>
+
+    <div class="feed-header">
+      <h2 id="feed-title">Intel Feed</h2>
+      <div class="feed-filters">
+        <input type="text" id="filter-path" placeholder="Filter by path..." />
+        <select id="filter-time">
+          <option value="">All time</option>
+          <option value="1">Last 24 hours</option>
+          <option value="7">Last 7 days</option>
+          <option value="30">Last 30 days</option>
+        </select>
+      </div>
+    </div>
+
+    <div id="feed" class="feed">
+      <div class="loading">Loading intel...</div>
+    </div>
+
+    <div id="toast" class="toast"></div>
+  </div>
+
+  <!-- Stats Modal -->
+  <div id="stats-modal" class="modal">
+    <div class="modal-content modal-wide">
+      <div class="modal-header">
+        <h3>📊 Statistics</h3>
+        <button id="stats-close" class="btn btn-ghost btn-sm">✕</button>
+      </div>
+      <div id="stats-content" class="stats-grid">
+        Loading...
+      </div>
+    </div>
+  </div>
+
+  <!-- Export Modal -->
+  <div id="export-modal" class="modal">
+    <div class="modal-content">
+      <h3>📤 Export Data</h3>
+      <div class="config-form">
+        <label>
+          Format
+          <select id="export-format">
+            <option value="markdown">Markdown</option>
+            <option value="json">JSON</option>
+            <option value="csv">CSV</option>
+          </select>
+        </label>
+        <label>
+          Time Range
+          <select id="export-range">
+            <option value="">All time</option>
+            <option value="7">Last 7 days</option>
+            <option value="30">Last 30 days</option>
+            <option value="90">Last 90 days</option>
+          </select>
+        </label>
+      </div>
+      <div class="modal-actions">
+        <button id="export-download" class="btn btn-primary">Download</button>
+        <button id="export-close" class="btn btn-ghost">Cancel</button>
+      </div>
+    </div>
+  </div>
+
+  <script src="app.js"></script>
+</body>
+</html>