apteva 0.4.57 → 0.7.0

package/src/web/hooks/useAgents.ts

@@ -1,115 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-import type { Agent, AgentFeatures } from "../types";
-import { useAuth } from "../context";
-import { useAgentStatusChange } from "../context/TelemetryContext";
-
-export function useAgents(enabled: boolean, projectId?: string | null) {
-  const { accessToken } = useAuth();
-  const [agents, setAgents] = useState<Agent[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  const getHeaders = useCallback((): Record<string, string> => {
-    const headers: Record<string, string> = { "Content-Type": "application/json" };
-    if (accessToken) {
-      headers.Authorization = `Bearer ${accessToken}`;
-    }
-    return headers;
-  }, [accessToken]);
-
-  const fetchAgents = useCallback(async () => {
-    let url = "/api/agents";
-    if (projectId !== undefined && projectId !== null) {
-      url += `?project_id=${encodeURIComponent(projectId)}`;
-    }
-    const res = await fetch(url, { headers: getHeaders() });
-    const data = await res.json();
-    setAgents(data.agents || []);
-    setLoading(false);
-  }, [getHeaders, projectId]);
-
-  // Fetch on mount + auto-refetch when agents start/stop/crash (via SSE telemetry)
-  const statusChangeCounter = useAgentStatusChange();
-  useEffect(() => {
-    if (enabled) {
-      fetchAgents();
-    }
-  }, [enabled, statusChangeCounter, fetchAgents]);
-
-  const createAgent = async (agent: {
-    name: string;
-    model: string;
-    provider: string;
-    systemPrompt: string;
-    features: AgentFeatures;
-    mcpServers?: string[];
-    projectId?: string | null;
-  }) => {
-    await fetch("/api/agents", {
-      method: "POST",
-      headers: getHeaders(),
-      body: JSON.stringify(agent),
-    });
-    await fetchAgents();
-  };
-
-  const deleteAgent = async (id: string) => {
-    await fetch(`/api/agents/${id}`, { method: "DELETE", headers: getHeaders() });
-    await fetchAgents();
-  };
-
-  const updateAgent = async (id: string, updates: {
-    name?: string;
-    model?: string;
-    provider?: string;
-    systemPrompt?: string;
-    features?: AgentFeatures;
-    mcpServers?: string[];
-    projectId?: string | null;
-  }): Promise<{ error?: string }> => {
-    const res = await fetch(`/api/agents/${id}`, {
-      method: "PUT",
-      headers: getHeaders(),
-      body: JSON.stringify(updates),
-    });
-    const data = await res.json();
-    await fetchAgents();
-    if (!res.ok && data.error) {
-      return { error: data.error };
-    }
-    return {};
-  };
-
-  const toggleAgent = async (agent: Agent): Promise<{ error?: string }> => {
-    const action = agent.status === "running" ? "stop" : "start";
-
-    // Optimistic UI update — show transitioning state immediately
-    setAgents(prev => prev.map(a =>
-      a.id === agent.id ? { ...a, status: action === "start" ? "starting" as any : "stopping" as any } : a
-    ));
-
-    // Fire API call — telemetry SSE will trigger a refetch with the real status
-    const res = await fetch(`/api/agents/${agent.id}/${action}`, { method: "POST", headers: getHeaders() });
-    if (!res.ok) {
-      const data = await res.json();
-      // Revert on error
-      setAgents(prev => prev.map(a =>
-        a.id === agent.id ? { ...a, status: agent.status } : a
-      ));
-      return { error: data.error };
-    }
-    return {};
-  };
-
-  const runningCount = agents.filter(a => a.status === "running").length;
-
-  return {
-    agents,
-    loading,
-    runningCount,
-    fetchAgents,
-    createAgent,
-    updateAgent,
-    deleteAgent,
-    toggleAgent,
-  };
-}

package/src/web/hooks/useOnboarding.ts

@@ -1,20 +0,0 @@
-import { useCallback } from "react";
-import { useAuth } from "../context";
-
-export function useOnboarding() {
-  const { authFetch, onboardingComplete, setOnboardingComplete } = useAuth();
-
-  // Onboarding status is now included in the /api/auth/check response,
-  // so no separate fetch is needed. This eliminates one round trip on load.
-
-  const complete = useCallback(async () => {
-    await authFetch("/api/onboarding/complete", { method: "POST" });
-    setOnboardingComplete(true);
-  }, [authFetch, setOnboardingComplete]);
-
-  return {
-    isComplete: onboardingComplete,
-    setIsComplete: setOnboardingComplete,
-    complete,
-  };
-}

package/src/web/hooks/useProviders.ts

@@ -1,75 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-import type { Provider } from "../types";
-import { useAuth } from "../context";
-
-export function useProviders(enabled: boolean) {
-  const { accessToken } = useAuth();
-  const [providers, setProviders] = useState<Provider[]>([]);
-
-  const getHeaders = useCallback((): Record<string, string> => {
-    const headers: Record<string, string> = { "Content-Type": "application/json" };
-    if (accessToken) {
-      headers.Authorization = `Bearer ${accessToken}`;
-    }
-    return headers;
-  }, [accessToken]);
-
-  const fetchProviders = useCallback(async () => {
-    const res = await fetch("/api/providers", { headers: getHeaders() });
-    const data = await res.json();
-    setProviders(data.providers || []);
-  }, [getHeaders]);
-
-  useEffect(() => {
-    if (enabled) {
-      fetchProviders();
-    }
-  }, [enabled, fetchProviders]);
-
-  const configuredProviders = providers.filter(p => p.hasKey);
-
-  const saveKey = async (
-    providerId: string,
-    apiKey: string
-  ): Promise<{ success: boolean; error?: string }> => {
-    // First test the key
-    const testRes = await fetch(`/api/keys/${providerId}/test`, {
-      method: "POST",
-      headers: getHeaders(),
-      body: JSON.stringify({ key: apiKey }),
-    });
-    const testData = await testRes.json();
-
-    if (!testData.valid) {
-      return { success: false, error: testData.error || "API key is invalid" };
-    }
-
-    // Save the key
-    const saveRes = await fetch(`/api/keys/${providerId}`, {
-      method: "POST",
-      headers: getHeaders(),
-      body: JSON.stringify({ key: apiKey }),
-    });
-
-    if (!saveRes.ok) {
-      const data = await saveRes.json();
-      return { success: false, error: data.error || "Failed to save key" };
-    }
-
-    await fetchProviders();
-    return { success: true };
-  };
-
-  const deleteKey = async (providerId: string) => {
-    await fetch(`/api/keys/${providerId}`, { method: "DELETE", headers: getHeaders() });
-    await fetchProviders();
-  };
-
-  return {
-    providers,
-    configuredProviders,
-    fetchProviders,
-    saveKey,
-    deleteKey,
-  };
-}

package/src/web/index.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Apteva</title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="./styles.css">
-</head>
-<body>
-  <div id="root"></div>
-  <script type="module" src="./App.tsx"></script>
-</body>
-</html>

package/src/web/styles.css

@@ -1,118 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* ── Style variables (classic vs professional) ── */
-:root, [data-style="classic"] {
-  --font-family: 'JetBrains Mono', monospace;
-  --radius-card: 8px;
-  --radius-button: 6px;
-  --radius-badge: 4px;
-  --shadow-card: none;
-  --shadow-card-hover: none;
-  --border-card: 1px solid var(--color-border);
-  --spacing-card: 1rem;
-}
-
-[data-style="professional"] {
-  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
-  --radius-card: 14px;
-  --radius-button: 10px;
-  --radius-badge: 8px;
-  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
-  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
-  --border-card: 1px solid var(--color-border);
-  --spacing-card: 1.25rem;
-}
-
-/* Dark professional gets stronger shadows */
-[data-style="professional"][data-theme="professional-dark"] {
-  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.12);
-  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.15);
-}
-
-/* ── Utility class for cards ── */
-.card {
-  border-radius: var(--radius-card);
-  border: var(--border-card);
-  box-shadow: var(--shadow-card);
-  transition: box-shadow 0.2s ease;
-}
-
-.card:hover {
-  box-shadow: var(--shadow-card-hover);
-}
-
-/* ── Utility for buttons ── */
-.btn {
-  border-radius: var(--radius-button);
-}
-
-html, body {
-  background-color: var(--color-bg, #0a0a0a);
-  color: var(--color-text, #e0e0e0);
-  font-family: var(--font-family, 'JetBrains Mono', monospace);
-  min-height: 100%;
-  margin: 0;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* Hide scrollbars globally but allow scrolling */
-* {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-*::-webkit-scrollbar {
-  display: none;
-}
-
-::selection {
-  background-color: var(--color-selection-bg, #f97316);
-  color: var(--color-selection-text, #0a0a0a);
-}
-
-.line-clamp-2 {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-/* Hide scrollbar but allow scrolling */
-.scrollbar-hide {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.scrollbar-hide::-webkit-scrollbar {
-  display: none;
-}
-
-/* Activity timeline slide-in animation */
-@keyframes slideIn {
-  0% {
-    opacity: 0;
-    transform: translateY(-12px);
-    max-height: 0;
-  }
-  40% {
-    opacity: 0.6;
-    max-height: 100px;
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-    max-height: 100px;
-  }
-}
-
-@keyframes highlightFade {
-  0% { background-color: rgba(249, 115, 22, 0.08); }
-  100% { background-color: transparent; }
-}
-
-.animate-slideIn {
-  animation: slideIn 0.5s cubic-bezier(0.16, 1, 0.3, 1), highlightFade 2s 0.5s ease-out;
-  overflow: hidden;
-}
-

package/src/web/themes.ts

@@ -1,162 +0,0 @@
-/** Theme system — extensible for future custom themes */
-
-export type ThemeMode = "auto" | "dark" | "light";
-export type ThemeStyle = "classic" | "professional";
-
-export interface ThemeColors {
-  "--color-bg": string;
-  "--color-bg-secondary": string;
-  "--color-surface": string;
-  "--color-surface-hover": string;
-  "--color-surface-raised": string;
-  "--color-border": string;
-  "--color-border-light": string;
-  "--color-text": string;
-  "--color-text-secondary": string;
-  "--color-text-muted": string;
-  "--color-text-faint": string;
-  "--color-accent": string;
-  "--color-accent-hover": string;
-  "--color-selection-bg": string;
-  "--color-selection-text": string;
-  "--color-scrollbar": string;
-  "--color-scrollbar-hover": string;
-  [key: string]: string;
-}
-
-export interface Theme {
-  id: string;
-  name: string;
-  colors: ThemeColors;
-}
-
-export const themes: Record<string, Theme> = {
-  // ── Classic (terminal/hacker) ──────────────────────────
-  dark: {
-    id: "dark",
-    name: "Dark",
-    colors: {
-      "--color-bg": "#0a0a0a",
-      "--color-bg-secondary": "#0f0f0f",
-      "--color-surface": "#111111",
-      "--color-surface-hover": "#0a0a0a",
-      "--color-surface-raised": "#1a1a1a",
-      "--color-border": "#1a1a1a",
-      "--color-border-light": "#222222",
-      "--color-text": "#e0e0e0",
-      "--color-text-secondary": "#888888",
-      "--color-text-muted": "#666666",
-      "--color-text-faint": "#555555",
-      "--color-accent": "#f97316",
-      "--color-accent-hover": "#ea580c",
-      "--color-accent-5": "rgba(249, 115, 22, 0.05)",
-      "--color-accent-10": "rgba(249, 115, 22, 0.1)",
-      "--color-accent-15": "rgba(249, 115, 22, 0.15)",
-      "--color-accent-20": "rgba(249, 115, 22, 0.2)",
-      "--color-accent-30": "rgba(249, 115, 22, 0.3)",
-      "--color-accent-70": "rgba(249, 115, 22, 0.7)",
-      "--color-selection-bg": "#f97316",
-      "--color-selection-text": "#0a0a0a",
-      "--color-scrollbar": "#222222",
-      "--color-scrollbar-hover": "#444444",
-    },
-  },
-  light: {
-    id: "light",
-    name: "Light",
-    colors: {
-      "--color-bg": "#ffffff",
-      "--color-bg-secondary": "#f7f7f7",
-      "--color-surface": "#ffffff",
-      "--color-surface-hover": "#f5f5f5",
-      "--color-surface-raised": "#f0f0f0",
-      "--color-border": "#e0e0e0",
-      "--color-border-light": "#e8e8e8",
-      "--color-text": "#1a1a1a",
-      "--color-text-secondary": "#555555",
-      "--color-text-muted": "#777777",
-      "--color-text-faint": "#999999",
-      "--color-accent": "#ea580c",
-      "--color-accent-hover": "#c2410c",
-      "--color-accent-5": "rgba(234, 88, 12, 0.05)",
-      "--color-accent-10": "rgba(234, 88, 12, 0.1)",
-      "--color-accent-15": "rgba(234, 88, 12, 0.15)",
-      "--color-accent-20": "rgba(234, 88, 12, 0.2)",
-      "--color-accent-30": "rgba(234, 88, 12, 0.3)",
-      "--color-accent-70": "rgba(234, 88, 12, 0.7)",
-      "--color-selection-bg": "#ea580c",
-      "--color-selection-text": "#ffffff",
-      "--color-scrollbar": "#cccccc",
-      "--color-scrollbar-hover": "#aaaaaa",
-    },
-  },
-
-  // ── Professional (enterprise/SaaS) ────────────────────
-  "professional-dark": {
-    id: "professional-dark",
-    name: "Professional Dark",
-    colors: {
-      "--color-bg": "#0f1117",
-      "--color-bg-secondary": "#131520",
-      "--color-surface": "#181a24",
-      "--color-surface-hover": "#1e2030",
-      "--color-surface-raised": "#232636",
-      "--color-border": "#252838",
-      "--color-border-light": "#2d3044",
-      "--color-text": "#d4d7e0",
-      "--color-text-secondary": "#8b8fa3",
-      "--color-text-muted": "#6b6f83",
-      "--color-text-faint": "#4e5266",
-      "--color-accent": "#7c3aed",
-      "--color-accent-hover": "#6d28d9",
-      "--color-accent-5": "rgba(124, 58, 237, 0.05)",
-      "--color-accent-10": "rgba(124, 58, 237, 0.1)",
-      "--color-accent-15": "rgba(124, 58, 237, 0.15)",
-      "--color-accent-20": "rgba(124, 58, 237, 0.2)",
-      "--color-accent-30": "rgba(124, 58, 237, 0.3)",
-      "--color-accent-70": "rgba(124, 58, 237, 0.7)",
-      "--color-selection-bg": "#7c3aed",
-      "--color-selection-text": "#ffffff",
-      "--color-scrollbar": "#2d3044",
-      "--color-scrollbar-hover": "#3d4058",
-    },
-  },
-  "professional-light": {
-    id: "professional-light",
-    name: "Professional Light",
-    colors: {
-      "--color-bg": "#f8f9fb",
-      "--color-bg-secondary": "#f0f2f5",
-      "--color-surface": "#ffffff",
-      "--color-surface-hover": "#f5f6f8",
-      "--color-surface-raised": "#eef0f4",
-      "--color-border": "#e2e4ea",
-      "--color-border-light": "#e8eaef",
-      "--color-text": "#1a1d2b",
-      "--color-text-secondary": "#4b5066",
-      "--color-text-muted": "#6b7088",
-      "--color-text-faint": "#9298ac",
-      "--color-accent": "#6d28d9",
-      "--color-accent-hover": "#5b21b6",
-      "--color-accent-5": "rgba(109, 40, 217, 0.05)",
-      "--color-accent-10": "rgba(109, 40, 217, 0.1)",
-      "--color-accent-15": "rgba(109, 40, 217, 0.15)",
-      "--color-accent-20": "rgba(109, 40, 217, 0.2)",
-      "--color-accent-30": "rgba(109, 40, 217, 0.3)",
-      "--color-accent-70": "rgba(109, 40, 217, 0.7)",
-      "--color-selection-bg": "#6d28d9",
-      "--color-selection-text": "#ffffff",
-      "--color-scrollbar": "#cdd0d8",
-      "--color-scrollbar-hover": "#b0b4c0",
-    },
-  },
-};
-
-/** Resolve the effective theme from mode + style + system preference */
-export function resolveTheme(mode: ThemeMode, style: ThemeStyle, prefersDark: boolean): Theme {
-  const isDark = mode === "auto" ? prefersDark : mode === "dark";
-  if (style === "professional") {
-    return isDark ? themes["professional-dark"] : themes["professional-light"];
-  }
-  return isDark ? themes.dark : themes.light;
-}