memhouse 0.0.1 → 0.3.1

package/ui/src/lib/api.js

@@ -0,0 +1,343 @@
+export const BASE = '';
+
+// ── Auth helpers ──
+const AUTH_KEY = 'agentlytics_relay_token';
+
+export function getAuthToken() {
+  return localStorage.getItem(AUTH_KEY);
+}
+
+export function setAuthToken(token) {
+  if (token) localStorage.setItem(AUTH_KEY, token);
+  else localStorage.removeItem(AUTH_KEY);
+}
+
+let onAuthFailure = null;
+export function setOnAuthFailure(fn) { onAuthFailure = fn; }
+
+async function authFetch(url, opts = {}) {
+  const token = getAuthToken();
+  if (token) {
+    opts.headers = { ...opts.headers, Authorization: `Bearer ${token}` };
+  }
+  const res = await fetch(url, opts);
+  if (res.status === 401) {
+    setAuthToken(null);
+    if (onAuthFailure) onAuthFailure();
+    throw new Error('Unauthorized');
+  }
+  return res;
+}
+
+export async function login(password) {
+  const res = await fetch(`${BASE}/api/login`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ password }),
+  });
+  if (!res.ok) {
+    const data = await res.json().catch(() => ({}));
+    throw new Error(data.error || 'Login failed');
+  }
+  const data = await res.json();
+  if (data.token) setAuthToken(data.token);
+  return data;
+}
+
+// Append optional dateFrom/dateTo (ms timestamps) to URLSearchParams
+function appendDateParams(q, params) {
+  if (params.dateFrom) q.set('dateFrom', params.dateFrom);
+  if (params.dateTo) q.set('dateTo', params.dateTo);
+}
+
+export async function fetchOverview(params = {}) {
+  const q = new URLSearchParams();
+  if (params.editor) q.set('editor', params.editor);
+  appendDateParams(q, params);
+  const qs = q.toString();
+  const res = await fetch(`${BASE}/api/overview${qs ? '?' + qs : ''}`);
+  return res.json();
+}
+
+export async function fetchChats(params = {}) {
+  const q = new URLSearchParams();
+  if (params.editor) q.set('editor', params.editor);
+  if (params.folder) q.set('folder', params.folder);
+  if (params.limit) q.set('limit', params.limit);
+  if (params.offset) q.set('offset', params.offset);
+  if (params.named === false) q.set('named', 'false');
+  appendDateParams(q, params);
+  const res = await fetch(`${BASE}/api/chats?${q}`);
+  return res.json();
+}
+
+export async function fetchChat(id) {
+  // Some adapters emit ids containing '/' (e.g. Kiro's dir/file fallback) —
+  // encode so the id stays a single path segment for the /api/chats/:id route.
+  const res = await fetch(`${BASE}/api/chats/${encodeURIComponent(id)}`);
+  return res.json();
+}
+
+export async function fetchProjects(params = {}) {
+  const q = new URLSearchParams();
+  appendDateParams(q, params);
+  const qs = q.toString();
+  const res = await fetch(`${BASE}/api/projects${qs ? '?' + qs : ''}`);
+  return res.json();
+}
+
+export async function fetchDailyActivity(params = {}) {
+  const q = new URLSearchParams();
+  if (params.editor) q.set('editor', params.editor);
+  appendDateParams(q, params);
+  const qs = q.toString();
+  const res = await fetch(`${BASE}/api/daily-activity${qs ? '?' + qs : ''}`);
+  return res.json();
+}
+
+export async function fetchDeepAnalytics(params = {}) {
+  const q = new URLSearchParams();
+  if (params.editor) q.set('editor', params.editor);
+  if (params.folder) q.set('folder', params.folder);
+  if (params.limit) q.set('limit', params.limit);
+  appendDateParams(q, params);
+  const res = await fetch(`${BASE}/api/deep-analytics?${q}`);
+  return res.json();
+}
+
+export function refetchAgents(onProgress) {
+  return new Promise((resolve, reject) => {
+    const es = new EventSource(`${BASE}/api/refetch`);
+    es.onmessage = (evt) => {
+      try {
+        const data = JSON.parse(evt.data);
+        if (data.done) { es.close(); resolve(data); }
+        else if (data.error) { es.close(); reject(new Error(data.error)); }
+        else if (onProgress) onProgress(data);
+      } catch { /* ignore parse errors */ }
+    };
+    es.onerror = () => { es.close(); reject(new Error('SSE error')); };
+  });
+}
+
+export async function fetchDashboardStats(params = {}) {
+  const q = new URLSearchParams();
+  if (params.editor) q.set('editor', params.editor);
+  appendDateParams(q, params);
+  const qs = q.toString();
+  const res = await fetch(`${BASE}/api/dashboard-stats${qs ? '?' + qs : ''}`);
+  return res.json();
+}
+
+export async function fetchCostAnalytics(params = {}) {
+  const q = new URLSearchParams();
+  if (params.editor) q.set('editor', params.editor);
+  appendDateParams(q, params);
+  const qs = q.toString();
+  const res = await fetch(`${BASE}/api/cost-analytics${qs ? '?' + qs : ''}`);
+  return res.json();
+}
+
+export async function fetchCosts(params = {}) {
+  const q = new URLSearchParams();
+  if (params.editor) q.set('editor', params.editor);
+  if (params.folder) q.set('folder', params.folder);
+  if (params.chatId) q.set('chatId', params.chatId);
+  appendDateParams(q, params);
+  const qs = q.toString();
+  const res = await fetch(`${BASE}/api/costs${qs ? '?' + qs : ''}`);
+  return res.json();
+}
+
+export async function fetchConfig() {
+  const res = await fetch(`${BASE}/api/config`);
+  return res.json();
+}
+
+export async function updateConfig(data) {
+  const res = await fetch(`${BASE}/api/config`, {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(data),
+  });
+  return res.json();
+}
+
+export async function fetchAllProjects() {
+  const res = await fetch(`${BASE}/api/all-projects`);
+  return res.json();
+}
+
+export async function executeQuery(sql) {
+  const res = await fetch(`${BASE}/api/query`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ sql }),
+  });
+  return res.json();
+}
+
+export async function fetchSchema() {
+  const res = await fetch(`${BASE}/api/schema`);
+  return res.json();
+}
+
+export async function fetchShareImage(opts = {}) {
+  const q = new URLSearchParams();
+  if (opts.showEditors !== undefined) q.set('showEditors', opts.showEditors);
+  if (opts.showModels !== undefined) q.set('showModels', opts.showModels);
+  if (opts.showCosts !== undefined) q.set('showCosts', opts.showCosts);
+  if (opts.showTokens !== undefined) q.set('showTokens', opts.showTokens);
+  if (opts.showHours !== undefined) q.set('showHours', opts.showHours);
+  if (opts.username) q.set('username', opts.username);
+  if (opts.theme) q.set('theme', opts.theme);
+  if (opts.folder) q.set('folder', opts.folder);
+  const qs = q.toString();
+  const res = await fetch(`${BASE}/api/share-image${qs ? '?' + qs : ''}`);
+  return res.text();
+}
+
+export async function fetchToolCalls(name, opts = {}) {
+  const q = new URLSearchParams({ name });
+  if (opts.limit) q.set('limit', opts.limit);
+  if (opts.folder) q.set('folder', opts.folder);
+  if (opts.editor) q.set('editor', opts.editor);
+  appendDateParams(q, opts);
+  const res = await fetch(`${BASE}/api/tool-calls?${q}`);
+  return res.json();
+}
+
+export async function fetchCheckAi(folder) {
+  const q = new URLSearchParams({ folder });
+  const res = await fetch(`${BASE}/api/check-ai?${q}`);
+  return res.json();
+}
+
+export async function fetchUsage() {
+  const res = await fetch(`${BASE}/api/usage`);
+  return res.json();
+}
+
+// ── Artifacts API ──
+
+export async function fetchArtifacts() {
+  const res = await fetch(`${BASE}/api/artifacts`);
+  return res.json();
+}
+
+export async function fetchArtifactContent(filePath) {
+  const q = new URLSearchParams({ path: filePath });
+  const res = await fetch(`${BASE}/api/artifact-content?${q}`);
+  return res.json();
+}
+
+// ── MCPs API ──
+
+export async function fetchMCPs() {
+  const res = await fetch(`${BASE}/api/mcps`);
+  return res.json();
+}
+
+// ── GSD API ──
+
+export async function fetchGSDProjects() {
+  const res = await fetch(`${BASE}/api/gsd/projects`);
+  return res.json();
+}
+
+export async function fetchGSDPhases(folder) {
+  const q = new URLSearchParams({ folder });
+  const res = await fetch(`${BASE}/api/gsd/phases?${q}`);
+  return res.json();
+}
+
+export async function fetchGSDPlan(folder, phase) {
+  const q = new URLSearchParams({ folder, phase });
+  const res = await fetch(`${BASE}/api/gsd/plan?${q}`);
+  return res.json();
+}
+
+export async function fetchGSDOverview() {
+  const res = await fetch(`${BASE}/api/gsd/overview`);
+  return res.json();
+}
+
+export async function fetchGSDConfig(folder) {
+  const q = new URLSearchParams({ folder });
+  const res = await fetch(`${BASE}/api/gsd/config?${q}`);
+  return res.json();
+}
+
+export async function fetchGSDPhaseTokens(folder) {
+  const q = new URLSearchParams({ folder });
+  const res = await fetch(`${BASE}/api/gsd/phase-tokens?${q}`);
+  return res.json();
+}
+
+export async function fetchGSDFile(folder, type, phaseDir) {
+  const q = new URLSearchParams({ folder, type });
+  if (phaseDir) q.set('phase', phaseDir);
+  const res = await fetch(`${BASE}/api/gsd/file?${q}`);
+  return res.json();
+}
+
+// ── Relay API ──
+
+export async function fetchMode() {
+  try {
+    const res = await fetch(`${BASE}/api/mode`);
+    if (!res.ok) return { mode: 'local' };
+    return res.json();
+  } catch {
+    return { mode: 'local' };
+  }
+}
+
+export async function fetchRelayTeamStats() {
+  const res = await authFetch(`${BASE}/relay/team-stats`);
+  return res.json();
+}
+
+export async function fetchRelayUserActivity(username, opts = {}) {
+  const q = new URLSearchParams();
+  if (opts.folder) q.set('folder', opts.folder);
+  if (opts.limit) q.set('limit', opts.limit);
+  const qs = q.toString();
+  const res = await authFetch(`${BASE}/relay/activity/${encodeURIComponent(username)}${qs ? '?' + qs : ''}`);
+  return res.json();
+}
+
+export async function fetchRelaySearch(query, opts = {}) {
+  const q = new URLSearchParams({ q: query });
+  if (opts.username) q.set('username', opts.username);
+  if (opts.folder) q.set('folder', opts.folder);
+  if (opts.limit) q.set('limit', opts.limit);
+  const res = await authFetch(`${BASE}/relay/search?${q}`);
+  return res.json();
+}
+
+export async function fetchRelayFeed(opts = {}) {
+  const q = new URLSearchParams();
+  if (opts.limit) q.set('limit', opts.limit);
+  if (opts.since) q.set('since', opts.since);
+  const qs = q.toString();
+  const res = await authFetch(`${BASE}/relay/feed${qs ? '?' + qs : ''}`);
+  return res.json();
+}
+
+export async function mergeRelayUsers(from, to) {
+  const res = await authFetch(`${BASE}/relay/merge-users`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ from, to }),
+  });
+  return res.json();
+}
+
+export async function fetchRelaySession(chatId, username) {
+  const q = new URLSearchParams();
+  if (username) q.set('username', username);
+  const qs = q.toString();
+  const res = await authFetch(`${BASE}/relay/session/${encodeURIComponent(chatId)}${qs ? '?' + qs : ''}`);
+  return res.json();
+}

package/ui/src/lib/constants.js

@@ -0,0 +1,88 @@
+export const EDITOR_COLORS = {
+  'cursor': '#f59e0b',
+  'devin': '#2563eb',
+  'devin-next': '#7c3aed',
+  'antigravity': '#a78bfa',
+  'claude-code': '#f97316',
+  'claude': '#f97316',
+  'vscode': '#3b82f6',
+  'vscode-insiders': '#60a5fa',
+  'zed': '#10b981',
+  'opencode': '#656363',
+  'codex': '#3941FF',
+  'gemini-cli': '#4285f4',
+  'copilot-cli': '#8957e5',
+  'copilot-jetbrains': '#8957e5',
+  'cursor-agent': '#f59e0b',
+  'commandcode': '#e11d48',
+  'goose': '#333333',
+  'kiro': '#9046FF',
+  'codebuff': '#44ff00',
+};
+
+export const EDITOR_LABELS = {
+  'cursor': 'Cursor',
+  'devin': 'Devin',
+  'devin-next': 'Devin Next',
+  'antigravity': 'Antigravity',
+  'claude-code': 'Claude Code',
+  'claude': 'Claude Code',
+  'vscode': 'VS Code',
+  'vscode-insiders': 'VS Code Insiders',
+  'zed': 'Zed',
+  'opencode': 'OpenCode',
+  'codex': 'Codex',
+  'gemini-cli': 'Gemini CLI',
+  'copilot-cli': 'GitHub Copilot',
+  'copilot-jetbrains': 'GitHub Copilot - JetBrains',
+  'cursor-agent': 'Cursor Agent',
+  'commandcode': 'Command Code',
+  'goose': 'Goose',
+  'kiro': 'Kiro',
+  'codebuff': 'Codebuff',
+};
+
+export function editorColor(src) {
+  return EDITOR_COLORS[src] || '#6b7280';
+}
+
+export function editorLabel(src) {
+  return EDITOR_LABELS[src] || src;
+}
+
+export function formatNumber(n) {
+  if (n == null) return '0';
+  if (n >= 1_000_000) return (n / 1_000_000).toFixed(1) + 'M';
+  if (n >= 1_000) return (n / 1_000).toFixed(1) + 'K';
+  return n.toLocaleString();
+}
+
+export function formatCost(n) {
+  if (n == null || n === 0) return '$0';
+  if (n < 0.01) return '<$0.01';
+  if (n >= 1000) return '$' + (n / 1000).toFixed(1) + 'K';
+  if (n >= 100) return '$' + Math.round(n);
+  return '$' + n.toFixed(2);
+}
+
+export function formatDate(ts) {
+  if (!ts) return '';
+  return new Date(ts).toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });
+}
+
+/**
+ * Convert { from: 'YYYY-MM-DD', to: 'YYYY-MM-DD' } date range to API ms timestamps.
+ * Returns {} if range is null/incomplete.
+ */
+export function dateRangeToApiParams(range) {
+  if (!range?.from || !range?.to) return {};
+  return {
+    dateFrom: new Date(range.from).getTime(),
+    dateTo: new Date(range.to + 'T23:59:59').getTime(),
+  };
+}
+
+export function formatDateTime(ts) {
+  if (!ts) return '';
+  return new Date(ts).toLocaleString();
+}

package/ui/src/lib/theme.jsx

@@ -0,0 +1,23 @@
+import { createContext, useContext, useState, useEffect } from 'react'
+
+const ThemeContext = createContext()
+
+export function ThemeProvider({ children }) {
+  const [dark, setDark] = useState(() => {
+    const saved = localStorage.getItem('agentlytics-theme')
+    return saved ? saved === 'dark' : true
+  })
+
+  useEffect(() => {
+    document.documentElement.classList.toggle('light', !dark)
+    localStorage.setItem('agentlytics-theme', dark ? 'dark' : 'light')
+  }, [dark])
+
+  return (
+    <ThemeContext.Provider value={{ dark, toggle: () => setDark(d => !d) }}>
+      {children}
+    </ThemeContext.Provider>
+  )
+}
+
+export function useTheme() { return useContext(ThemeContext) }

package/ui/src/main.jsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { BrowserRouter } from 'react-router-dom'
+import { ThemeProvider } from './lib/theme'
+import App from './App'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <ThemeProvider>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </ThemeProvider>
+  </React.StrictMode>,
+)