-
- 
- 
- 
+ 
-
-
- 
-
- 
-
+
setSetupComplete(true)} />
@@ -328,7 +334,7 @@ const App = () => {
(null);
const browserPanel = useBrowserPanelSafe();
+ // Only render in Electron — web users see the browser's native chrome
+ if (!IS_ELECTRON) return null;
+
const handleMinimize = async () => {
if (window.electronAPI?.minimizeWindow) {
await window.electronAPI.minimizeWindow();
@@ -78,7 +82,7 @@ export function TitleBar() {
{/* Left side - App title */}
- CROWBYTE TERMINAL
+ CROWBYTE
diff --git a/apps/desktop/src/components/landing/CTABanner.tsx b/apps/desktop/src/components/landing/CTABanner.tsx
index c1e9714..5a00153 100644
--- a/apps/desktop/src/components/landing/CTABanner.tsx
+++ b/apps/desktop/src/components/landing/CTABanner.tsx
@@ -22,7 +22,7 @@ export default function CTABanner() {
- One terminal. 15 AI agents. Every tool you need.
+ One platform. 9 AI agents. Every tool you need.
Your next bounty is waiting.
- Free tier. No credit card. Linux / Windows / macOS. + Free tier. No credit card. Start in your browser.
diff --git a/apps/desktop/src/components/landing/Features.tsx b/apps/desktop/src/components/landing/Features.tsx index 3343b95..456c145 100644 --- a/apps/desktop/src/components/landing/Features.tsx +++ b/apps/desktop/src/components/landing/Features.tsx @@ -34,7 +34,7 @@ const features = [ { icon: Network, name: "Fleet Management", - desc: "Distributed AI agent swarm across your infrastructure. 15 agents. One command.", + desc: "Distributed AI agent swarm across your infrastructure. 9 agents. One command.", accent: "blue" as const, }, { diff --git a/apps/desktop/src/components/landing/HowItWorks.tsx b/apps/desktop/src/components/landing/HowItWorks.tsx index 97c4708..144a7ee 100644 --- a/apps/desktop/src/components/landing/HowItWorks.tsx +++ b/apps/desktop/src/components/landing/HowItWorks.tsx @@ -1,19 +1,19 @@ import { motion, useInView } from "framer-motion"; import { useRef } from "react"; -import { Download, TerminalSquare, Crosshair, FileText } from "lucide-react"; +import { UserPlus, TerminalSquare, Crosshair, FileText } from "lucide-react"; const steps = [ { - icon: Download, + icon: UserPlus, num: "01", - title: "Install", - desc: "One binary. Linux, Windows, macOS. You're live in 30 seconds.", + title: "Sign Up", + desc: "Free in your browser. Pro unlocks desktop apps for Linux, Windows, macOS.", }, { icon: TerminalSquare, num: "02", title: "Target", - desc: "Give it a domain. CrowByte spawns 15 agents across your attack surface.", + desc: "Give it a domain. CrowByte spawns 9 agents across your attack surface.", }, { icon: Crosshair, diff --git a/apps/desktop/src/data/docs-knowledge.json b/apps/desktop/src/data/docs-knowledge.json new file mode 100644 index 0000000..a1660fc --- /dev/null +++ b/apps/desktop/src/data/docs-knowledge.json @@ -0,0 +1,247 @@ +[ + { + "id": "overview", + "title": "Overview", + "section": "Getting Started", + "keywords": ["overview", "introduction", "what is crowbyte", "features", "about", "architecture", "feature map", "getting started", "command center", "electron app"], + "content": "CrowByte Terminal is a desktop Electron application designed for professional bug bounty hunters and security operators. It runs on Kali Linux 2025 and provides a unified command center for offensive and defensive security operations.\n\nThe app integrates two AI backends: Claude Code CLI (Anthropic's Opus/Sonnet/Haiku models running locally via Electron IPC) and OpenClaw (a remote VPS agent swarm running NVIDIA Cloud models like DeepSeek V3.2, Qwen3 Coder 480B, Mistral Large 675B, and more).\n\nAll persistent data (CVEs, knowledge base, agents, bookmarks, red team operations) is stored in Supabase (cloud PostgreSQL), so every instance of CrowByte shares the same data in real-time.\n\nStatus Legend: Ready means fully implemented and tested. Beta means functional but may have rough edges. Dev means under active development.\n\nArchitecture: Electron App (React + TypeScript + Vite) connects to Claude Code CLI via Electron IPC (claude -p --output-format stream-json) supporting Opus 4.6 / Sonnet 4.6 / Haiku 4.5 with full MCP servers, tools, and plugins. OpenClaw Gateway connects via HTTPS to the VPS with NVIDIA Cloud models (DeepSeek, Qwen, Mistral, Kimi, GLM5), 9 specialized agents (recon, hunter, intel, analyst...), and D3bugr MCP (nmap, nuclei, sqlmap, browser automation). Supabase provides cloud PostgreSQL for CVEs, knowledge base, agents, bookmarks, auth, and settings. The Kali Linux Host provides access to 7000+ security tools including nmap, nuclei, sqlmap, ffuf, burp, metasploit, and xterm.js terminal with tmux integration.\n\nFeature Map: AI Chat (Claude CLI + OpenClaw dual-provider streaming, ready), Red Team (operation tracking, findings, Supabase-backed, ready), Blue Team (security monitor, CVE database, threat intel, ready), Terminal (xterm.js + tmux, multi-tab, shell presets, ready), Knowledge Base (cloud-synced entries with file uploads, ready), Fleet (VPS agent swarm + endpoint monitoring, beta), NVD + Shodan (parallel CVE lookup, auto-save to Supabase, ready), Mission Planner (phase-based operation planning, beta), Threat Intel (IOC feeds, enrichment, STIX correlation, beta), Analytics (usage metrics, CVE stats, Supabase health, ready), AI Agents (custom agent builder + testing lab, beta), Network Scanner (10 nmap profiles, parsed results, ready).\n\nThe documentation covers 34 sections including every page, service, and integration, Supabase schemas for all database tables, CLI tool references for cve-db and kb, AI provider configs for Claude, OpenClaw, Venice, Ollama, Electron architecture including IPC, node-pty, cache manager, and the security layer with AES-256-GCM encryption, credential vault, and device fingerprinting." + }, + { + "id": "installation", + "title": "Installation & Setup", + "section": "Getting Started", + "keywords": ["installation", "setup", "install", "prerequisites", "build", "environment", "env", "configuration", "first run", "npm", "node", "electron", "vite"], + "content": "Prerequisites: Kali Linux 2025 (or any Linux with Node.js 20+), Node.js 20+ and npm 10+, Electron 39 (installed via npm), Claude Code CLI (for Claude provider), Supabase project (free tier works), Tavily API key (optional, for Search Agent).\n\nBuild from Source:\ncd /mnt/bounty/Claude/crowbyte/apps/desktop\nnpm install\n\nDevelopment (hot reload): npm run dev\n\nProduction build: npm run build (Web build via Vite), npm run build:electron:linux (Linux Electron package), npm run build:electron:win (Windows Electron installer).\n\nEnvironment Variables (create .env in apps/desktop/):\nVITE_SUPABASE_URL=https://your-project.supabase.co (required)\nVITE_SUPABASE_ANON_KEY=eyJ... (required)\nVITE_TAVILY_API_KEY=your-tavily-key (optional, for Search Agent)\nVITE_OPENCLAW_HOST=your-vps-ip (optional, for remote AI)\nVITE_OPENCLAW_PORT=18789 (optional)\nVITE_VENICE_API_KEY=... (optional)\n\nFirst Run: On first launch, CrowByte will show intro animation (can be disabled in Settings), redirect to Auth page for login/signup, create default bookmark categories and starter bookmarks, auto-register current device in Fleet (if Electron), check OpenClaw VPS connectivity, and initialize Supabase Realtime subscriptions." + }, + { + "id": "auth", + "title": "Authentication", + "section": "Getting Started", + "keywords": ["authentication", "auth", "login", "signup", "sign in", "sign up", "credentials", "password", "oauth", "github", "supabase auth", "remember me", "encryption", "device fingerprint", "AES", "session"], + "content": "Authentication uses Supabase Auth with email/password and GitHub OAuth. The AuthProvider context (in contexts/auth.tsx) wraps the entire app and provides isAuthenticated, signIn, signUp, and signOut functions.\n\nWhen 'Remember Me' is checked, credentials are encrypted and stored locally via credentialStorage with AES-256-GCM encryption keyed to the device fingerprint.\n\nAuth Flow: 1. Check if device has stored credentials (credentialStorage). 2. If stored + device recognized, auto-login attempt. 3. Otherwise, show login/signup form. 4. On submit, call supabase.auth.signInWithPassword(). 5. If 'Remember Me', encrypt + store credentials. 6. Navigate to Dashboard.\n\nOAuth callback (GitHub): 1. supabase.auth.signInWithOAuth({ provider: 'github' }). 2. Redirect to GitHub, authorize, callback. 3. Parse hash params (#access_token=...). 4. supabase.auth.setSession(access_token, refresh_token).\n\nCredential Storage: The credentialStorage service encrypts credentials at rest using AES-256-GCM. Key derivation uses PBKDF2 (100,000 iterations, SHA-256). Salt is derived from the device fingerprint hash. Storage is in localStorage (encrypted blob).\n\nDevice Fingerprinting (deviceFingerprint.ts): Inputs include userAgent, language, timezone, screen dimensions, and platform. Output is a SHA-256 hash used as unique device ID for credential encryption key.\n\nFeatures: Email/password authentication via Supabase Auth, GitHub OAuth integration, Remember Me with AES-256-GCM encrypted credential storage, device fingerprinting for credential key derivation, auto-login on recognized devices, protected routes (redirect to /auth if not authenticated), session persistence via Supabase refresh tokens." + }, + { + "id": "dashboard", + "title": "Dashboard", + "section": "Command Center", + "keywords": ["dashboard", "home", "home screen", "metrics", "system health", "cpu", "memory", "ram", "disk", "network", "ip status", "vpn", "news", "rss", "monitoring", "quick actions", "realtime"], + "content": "The Dashboard is your home screen. It shows real-time system health (CPU, memory, disk, network) pulled from the local Kali machine, IP status (public IP, VPN detection), recent CVE alerts from the Supabase database, and security news via RSS feeds.\n\nThe CommandCenterHeader card at the top provides AI-powered security analysis using the OpenClaw service and an auto-monitoring toggle that scans every 5 minutes.\n\nServices Architecture: systemMonitor provides CPU, RAM, disk, network polled via Electron IPC. ip-status.ts handles public IP, VPN detection, geolocation (ipify + ipapi). pc-monitor.ts provides process list, open connections, system info. inoreader.ts handles RSS feeds for security news aggregation. openclaw.ts provides VPS health check and agent status. endpointService handles Fleet device registry with auto-register on mount.\n\n4 Supabase Realtime channels for live updates: cves (new CVE alerts), knowledge_base (new KB entries), red_team_ops (operation updates), bookmarks (new bookmarks).\n\nFeatures: Real-time system metrics (CPU/RAM/disk/network) via systemMonitor service, IP status card with public IP, VPN detection, geolocation via ipify + ipapi.co, OpenClaw connection status with VPS agent swarm health and latency, recent CVE alerts from Supabase (severity-colored, clickable), security news feed via Inoreader RSS integration, quick action buttons to navigate to Chat, Terminal, Red Team, etc., auto-monitoring toggle (5-minute interval AI scans via GHOST agent), endpoint registry with tracked devices from Fleet with auto-registration, CommandCenterHeader with AI threat summary from OpenClaw, 4 Supabase Realtime channels for live data sync.\n\nAuto-Monitoring: When enabled, the GHOST security agent runs every 5 minutes. It collects system metrics, running processes, and open connections, then sends them to DeepSeek V3.1 (via Ollama Cloud) for AI threat analysis. Alerts are categorized as info, warning, or critical with actionable recommendations. The monitoring service uses the monitoringAgent which operates in a 10-iteration tool loop." + }, + { + "id": "chat", + "title": "AI Chat", + "section": "Command Center", + "keywords": ["chat", "ai chat", "claude", "openclaw", "conversation", "streaming", "llm", "ai", "assistant", "prompt", "message", "provider", "deepseek", "qwen", "mistral", "dual provider", "model"], + "content": "AI Chat provides dual-provider AI chat with streaming, tool use, and conversation history.\n\nClaude Code CLI Provider: Claude runs inside CrowByte via Electron IPC. The app spawns 'claude -p --output-format stream-json' as a child process through the Electron main process. Claude has full access to MCP servers (d3bugr, shodan, filesystem, memory-engine), all Kali tools, and the .env-unfiltered workspace with its CLAUDE.md identity. Features: Claude Opus 4.6, Sonnet 4.6, Haiku 4.5 (select per-conversation), streamed via Electron IPC (electronAPI.claudeChat), full MCP tool access (can run nmap, nuclei, sqlmap through d3bugr), persistent sessions (sessionId carried across messages), budget control (configurable max spend per message), thinking block display (collapsible
+
+
{open && (
-
- {steps.map((step, i) => (
-
- {step.action}
- {step.observation}
+ ("medium");
return (
-
+ {/* Health checks */}
+
)}
@@ -209,418 +178,478 @@ function ReasoningSteps({ steps }: { steps: Step[] }) {
);
}
-function SourcesList({ sources }: { sources: Source[] }) {
- if (!sources.length) return null;
+// ── EscalationDialog ─────────────────────────────────────────────────────────────
- return (
-
+ {result.checks.map((check) => (
+
+
+ {/* Score bar */}
+
+
+ {check.name}
+ {check.message}
+
+ ))}
+
+
+
- ))}
+
-
- Sources ({sources.length})
-
-
- );
-}
-
-function FollowUpSuggestions({
- suggestions,
- onSelect,
+function EscalationDialog({
+ onSubmit,
+ onCancel,
+ loading,
}: {
- suggestions: string[];
- onSelect: (q: string) => void;
+ onSubmit: (subject: string, priority: TicketPriority) => void;
+ onCancel: () => void;
+ loading: boolean;
}) {
- if (!suggestions.length) return null;
+ const [subject, setSubject] = useState("");
+ const [priority, setPriority] = useState
- {sources.map((src, i) => (
-
-
-
- {suggestions.map((s, i) => (
+
+
+
);
}
-function SearchHistory({
- entries,
- onSelect,
- onClear,
- open,
- onToggle,
+// ── NotificationBanner ───────────────────────────────────────────────────────────
+
+function NotificationBanner({
+ notification,
+ onDismiss,
}: {
- entries: HistoryEntry[];
- onSelect: (entry: HistoryEntry) => void;
- onClear: () => void;
- open: boolean;
- onToggle: () => void;
+ notification: UserNotification;
+ onDismiss: (id: string) => void;
}) {
+ const borderColor =
+ notification.type === "critical" || notification.type === "alert"
+ ? "border-red-500/30"
+ : notification.type === "warning"
+ ? "border-amber-500/30"
+ : "border-blue-500/30";
+
return (
-
+
+
+ setSubject(e.target.value)}
+ placeholder="Brief description of your issue..."
+ className="bg-zinc-900 border-zinc-700 text-sm"
+ autoFocus
+ />
+
+
+
+
+
+
- ))}
-
+
+
+
+ {notifIcon(notification.type)}
+
- {open && entries.length > 0 && (
-
-
+ {notification.title}
+
- {notification.message}
+
- {entries.map((entry) => (
-
- ))}
-
+
+ );
+}
+
+// ── TicketBadge ──────────────────────────────────────────────────────────────────
+
+function TicketBadge({ ticketId }: { ticketId: string }) {
+ return (
+
+
+ );
+}
+
+// ── Chat Message ─────────────────────────────────────────────────────────────────
+
+function ChatMessage({ msg }: { msg: SupportMessage }) {
+ // System messages — centered, muted
+ if (msg.role === "system" || msg.role === "notification") {
+ return (
+
+
+ );
+ }
+
+ // User bubble — right aligned
+ if (msg.role === "user") {
+ return (
+
+
+ );
+ }
+
+ // Agent / diagnostic — left aligned with icon
+ return (
+
+
+ );
+}
+
+// ── Welcome State ────────────────────────────────────────────────────────────────
+
+function WelcomeState({ onAction }: { onAction: (text: string, isTemplate: boolean) => void }) {
+ return (
+ ([]);
+ const [messages, setMessages] = useState(loadMessages);
const [input, setInput] = useState("");
const [isLoading, setIsLoading] = useState(false);
- const [isInitialized, setIsInitialized] = useState(false);
- const [isInitializing, setIsInitializing] = useState(false);
- const [history, setHistory] = useState(loadHistory);
- const [historyOpen, setHistoryOpen] = useState(false);
+ const [diagLoading, setDiagLoading] = useState(false);
+ const [escalationOpen, setEscalationOpen] = useState(false);
+ const [escalationLoading, setEscalationLoading] = useState(false);
+ const [notifications, setNotifications] = useState([]);
+ const [bannerNotifs, setBannerNotifs] = useState([]);
const scrollRef = useRef(null);
const inputRef = useRef(null);
+ // Persist messages on change
+ useEffect(() => {
+ saveMessages(messages);
+ }, [messages]);
+
// Auto-scroll
useEffect(() => {
if (scrollRef.current) {
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
}
- }, [messages, isLoading]);
+ }, [messages, isLoading, escalationOpen, bannerNotifs]);
- // Auto-init
+ // Subscribe to push notifications
useEffect(() => {
- initializeAgent();
+ // Load existing
+ supportAgent.getNotifications().then(setNotifications).catch(() => {});
+
+ const unsub = supportAgent.subscribeToNotifications((notif) => {
+ setNotifications((prev) => [notif, ...prev]);
+ setBannerNotifs((prev) => [notif, ...prev]);
+ // Also inject as system message in chat
+ setMessages((prev) => [
+ ...prev,
+ makeMessage("notification", `${notif.title}: ${notif.message}`, { notification: notif }),
+ ]);
+ });
+
+ return unsub;
}, []);
- // ── Init ─────────────────────────────────────────────────────────────────────
+ // ── Actions ─────────────────────────────────────────────────────────────────
- const initializeAgent = async () => {
- setIsInitializing(true);
- try {
- const tavilyApiKey = import.meta.env.VITE_TAVILY_API_KEY;
- if (!tavilyApiKey) {
- toast({
- title: "Configuration Error",
- description: "VITE_TAVILY_API_KEY not set in .env",
- variant: "destructive",
- });
- return;
- }
-
- await searchAgent.initialize({ tavilyApiKey, maxResults: 5 });
- setIsInitialized(true);
- } catch (error) {
- toast({
- title: "Initialization Failed",
- description: error instanceof Error ? error.message : "Failed to start agent",
- variant: "destructive",
- });
- } finally {
- setIsInitializing(false);
- }
- };
-
- // ── Search ───────────────────────────────────────────────────────────────────
+ const addMessage = useCallback((msg: SupportMessage) => {
+ setMessages((prev) => [...prev, msg].slice(-MAX_MESSAGES));
+ }, []);
const sendMessage = useCallback(
- async (query?: string) => {
- const text = query || input.trim();
- if (!text || isLoading) return;
-
- const userMsg: Message = {
- id: crypto.randomUUID(),
- role: "user",
- content: text,
- timestamp: new Date(),
- };
-
- setMessages((prev) => [...prev, userMsg]);
+ async (text?: string) => {
+ const content = text || input.trim();
+ if (!content || isLoading) return;
+
+ const userMsg = makeMessage("user", content);
+ const updated = [...messages, userMsg].slice(-MAX_MESSAGES);
+ setMessages(updated);
setInput("");
setIsLoading(true);
try {
- const response: SearchAgentResponse = await searchAgent.search({ query: text });
- const followUps = generateFollowUps(text, response.sources);
-
- const agentMsg: Message = {
- id: crypto.randomUUID(),
- role: "agent",
- content: response.answer,
- sources: response.sources,
- steps: response.steps,
- followUps,
- timestamp: new Date(),
- };
+ const reply = await supportAgent.chat(updated);
+ addMessage(reply);
- setMessages((prev) => {
- const updated = [...prev, agentMsg];
- // Save to history
- const entry: HistoryEntry = {
- id: crypto.randomUUID(),
- query: text,
- messages: [userMsg, agentMsg],
- timestamp: Date.now(),
- };
- const newHistory = [entry, ...history.filter((h) => h.query !== text)].slice(0, MAX_HISTORY);
- setHistory(newHistory);
- saveHistory(newHistory);
- return updated;
- });
- } catch (error) {
- setMessages((prev) => [
- ...prev,
- {
- id: crypto.randomUUID(),
- role: "agent",
- content: `Error: ${error instanceof Error ? error.message : "Search failed"}`,
- timestamp: new Date(),
- },
- ]);
+ // If agent suggests escalation and user confirms
+ const intent = supportAgent.classifyIntent(content);
+ if (intent === "escalation") {
+ setEscalationOpen(true);
+ }
+ } catch (err: any) {
+ addMessage(
+ makeMessage("agent", `Error: ${err.message || "Failed to get response"}. Try running diagnostics or escalating.`),
+ );
+ toast({ title: "Chat Error", description: err.message, variant: "destructive" });
} finally {
setIsLoading(false);
}
},
- [input, isLoading, history, toast],
+ [input, isLoading, messages, addMessage, toast],
);
- // ── History ──────────────────────────────────────────────────────────────────
+ const runDiagnostics = useCallback(async () => {
+ setDiagLoading(true);
+ addMessage(makeMessage("agent", "Running system diagnostics..."));
- const restoreHistory = useCallback((entry: HistoryEntry) => {
- // Restore messages with Date objects (they get serialized as strings in localStorage)
- const restored = entry.messages.map((m) => ({
- ...m,
- timestamp: new Date(m.timestamp),
- }));
- setMessages(restored);
- }, []);
+ try {
+ const result = await supportAgent.runDiagnostics();
+ addMessage(
+ makeMessage("agent", result.summary, { diagnostics: result }),
+ );
+ } catch (err: any) {
+ addMessage(makeMessage("agent", `Diagnostics failed: ${err.message}`));
+ toast({ title: "Diagnostic Error", description: err.message, variant: "destructive" });
+ } finally {
+ setDiagLoading(false);
+ }
+ }, [addMessage, toast]);
- const clearHistory = useCallback(() => {
- setHistory([]);
- localStorage.removeItem(HISTORY_KEY);
- }, []);
+ const handleEscalate = useCallback(
+ async (subject: string, priority: TicketPriority) => {
+ setEscalationLoading(true);
+ try {
+ const lastDiag = [...messages]
+ .reverse()
+ .find((m) => m.diagnostics)?.diagnostics;
+
+ const ticket: EscalationTicket = {
+ subject,
+ priority,
+ conversation: messages,
+ diagnostics: lastDiag,
+ };
- // ── Quick action ─────────────────────────────────────────────────────────────
+ const ticketId = await supportAgent.escalate(ticket);
+ setEscalationOpen(false);
+ addMessage(
+ makeMessage("agent", `Ticket created successfully. A human will review your case shortly.`, {
+ ticketId,
+ }),
+ );
+ } catch (err: any) {
+ toast({ title: "Escalation Failed", description: err.message, variant: "destructive" });
+ } finally {
+ setEscalationLoading(false);
+ }
+ },
+ [messages, addMessage, toast],
+ );
+
+ const dismissBanner = useCallback(
+ (id: string) => {
+ setBannerNotifs((prev) => prev.filter((n) => n.id !== id));
+ supportAgent.dismissNotification(id).catch(() => {});
+ },
+ [],
+ );
const handleQuickAction = useCallback(
- (template: string) => {
- // If template ends with a space, put cursor there for user to type
- if (template.endsWith(" ")) {
- setInput(template);
+ (text: string, isTemplate: boolean) => {
+ if (isTemplate) {
+ setInput(text);
inputRef.current?.focus();
} else {
- sendMessage(template);
+ sendMessage(text);
}
},
[sendMessage],
);
- // ── Render: Init Screen ──────────────────────────────────────────────────────
+ // ── Render ──────────────────────────────────────────────────────────────────
- if (!isInitialized) {
- return (
-
+ {msg.notification ? notifIcon(msg.notification.type) :
+
+
+ {msg.content}
+ + {new Date(msg.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })} + +
+
+
+
+
+
+
+ {msg.content}
-
- )}
-
+
+ {/* Diagnostic card */}
+ {msg.diagnostics &&
+
+ )}
+
+
+ {new Date(msg.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}
+
+
+
);
}
-// ── Main Page ──────────────────────────────────────────────────────────────────
+// ── Header ───────────────────────────────────────────────────────────────────────
+
+function Header({
+ notifCount,
+ onRunDiagnostics,
+ diagLoading,
+}: {
+ notifCount: number;
+ onRunDiagnostics: () => void;
+ diagLoading: boolean;
+}) {
+ return (
+
+
+
+ {/* Capabilities */}
+ CrowByte Support
++ Get help with CrowByte features, diagnose issues, or talk to a human. +
+
+ {CAPABILITIES.map((cap, i) => (
+
+
+ {/* Quick actions grid */}
+
+
+ ))}
+
+ {QUICK_ACTIONS.map((qa) => (
+
+ ))}
+
+
+ );
+}
+
+// ── Main Page ────────────────────────────────────────────────────────────────────
export default function AIAgent() {
const { toast } = useToast();
- const [messages, setMessages] = useState
+
+
+
+
+ CrowByte Support
+AI-powered help desk
+
+ {/* Online indicator */}
+
+
+ Online
+
+
+ {/* Notification bell */}
+
+
+ {/* Run Diagnostics */}
+
+
+
- {/* Header */}
-
diff --git a/apps/desktop/src/pages/Connectors.tsx b/apps/desktop/src/pages/Connectors.tsx
index 03ffa33..52d94bf 100644
--- a/apps/desktop/src/pages/Connectors.tsx
+++ b/apps/desktop/src/pages/Connectors.tsx
@@ -11,7 +11,7 @@
import { useState, useMemo } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
-import { Shield, ShieldCheck, ShieldWarning, UserCheck, Laptop, Bird, Fire, MagnifyingGlass, Stack, Eye, Bug, Plug, PlugsConnected, CaretRight, GearSix, Pulse, Robot, Lock, LockOpen, Warning, CheckCircle, XCircle, Clock, Lightning, ArrowRight, ArrowSquareOut, Key, Globe, DesktopTower, Database, ChartBar, Users, FileX, Funnel, GridFour, ListBullets, Monitor, Terminal, ShippingContainer, TreeStructure } from "@phosphor-icons/react";
+import { Shield, ShieldCheck, ShieldWarning, UserCheck, Laptop, Bird, Fire, MagnifyingGlass, Stack, Eye, Bug, Plug, PlugsConnected, CaretRight, GearSix, Pulse, Robot, Lock, LockOpen, Warning, CheckCircle, XCircle, Clock, Lightning, ArrowRight, ArrowSquareOut, Key, Globe, DesktopTower, Database, ChartBar, Users, FileX, Funnel, GridFour, ListBullets, Monitor, Terminal, ShippingContainer, TreeStructure, HardHat } from "@phosphor-icons/react";
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
@@ -251,6 +251,12 @@ export default function Connectors() {
{/* Content */}
-
diff --git a/apps/desktop/src/pages/CVE.tsx b/apps/desktop/src/pages/CVE.tsx
index 0f377c4..7a0a6e8 100644
--- a/apps/desktop/src/pages/CVE.tsx
+++ b/apps/desktop/src/pages/CVE.tsx
@@ -15,6 +15,7 @@ import {
} from"@/components/ui/select";
import { Separator } from"@/components/ui/separator";
import { supabase } from"@/lib/supabase";
+import { useAuth } from"@/contexts/auth";
import { useToast } from"@/hooks/use-toast";
import { motion, AnimatePresence } from"framer-motion";
import { formatDistanceToNow } from"date-fns";
@@ -76,6 +77,7 @@ const SEVERITY_CONFIG: Record {
+ const { user } = useAuth();
const [cves, setCves] = useState([]);
const [loading, setLoading] = useState(true);
const [isDialogOpen, setIsDialogOpen] = useState(false);
@@ -195,7 +197,7 @@ const CVEPage = () => {
if (error) throw error;
toast({ title:"CVE updated" });
} else {
- const { error } = await supabase.from("cves").insert({ ...payload, user_id:"348309de-1cb4-4fd5-9f55-fa8a749375a5" });
+ const { error } = await supabase.from("cves").insert({ ...payload, user_id: user?.id ?? "" });
if (error) throw error;
toast({ title:"CVE added" });
}
@@ -763,7 +765,7 @@ const CVEPage = () => {
{SEVERITY_ORDER.map(sev => {
const group = groupedBySeverity[sev] || [];
if (group.length === 0) return null;
- const config = SEVERITY_CONFIG[sev];
+ const config = SEVERITY_CONFIG[sev] || SEVERITY_CONFIG.MEDIUM;
const isCollapsed = collapsedGroups.has(sev);
return (
diff --git a/apps/desktop/src/pages/CloudSecurity.tsx b/apps/desktop/src/pages/CloudSecurity.tsx
index a4a6c02..d882f4d 100644
--- a/apps/desktop/src/pages/CloudSecurity.tsx
+++ b/apps/desktop/src/pages/CloudSecurity.tsx
@@ -58,6 +58,7 @@ import {
Cpu,
FileCode,
X,
+ HardHat,
} from "@phosphor-icons/react";
import { motion, AnimatePresence } from "framer-motion";
@@ -1892,6 +1893,12 @@ export default function CloudSecurity() {
+ {/* Preview Banner */}
+
-
- );
- }
-
- // ── Render: Chat Interface ───────────────────────────────────────────────────
+ )}
+
- return (
-
-
+ const unreadNotifCount = notifications.filter((n) => !n.read).length;
- Initialize search agent to begin
-Tavily-powered deep web search for security research
-
- {CAPABILITIES.map((cap, i) => (
-
+ return (
+
-
- ))}
-
+
+ {bannerNotifs.length > 0 && (
+
-
+ {bannerNotifs.slice(0, 3).map((n) => (
+
-
- {/* Header */}
- setHistoryOpen(!historyOpen)}
- />
- )}
-
- {/* Messages */}
+ {/* Chat area */}
{/* Bottom: quick actions + input */}
+
+
+
+
+
+
- {messages.length === 0 && (
-
+ {messages.map((msg) => (
+
)}
-
- {messages.map((msg) => (
-
- {msg.role === "user" ? (
- /* User bubble */
-
- ))}
-
-
{/* Loading indicator */}
{isLoading && (
-
)}
+
+ {/* Inline escalation dialog */}
+
+ {escalationOpen && (
+ setEscalationOpen(false)}
+ loading={escalationLoading}
+ />
+ )}
+
-
+ {messages.length === 0 ? (
+ Ask anything. Search the web for security research.
-
-
- ) : (
- /* Agent message — no bubble bg */
- {msg.content}
- - {msg.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })} - -
-
- )}
-
-
-
- {/* Answer text */}
-
-
- {msg.content}
-
-
- {/* Sources */}
- {msg.sources &&
-
- {/* Quick actions */}
+ {/* Quick action chips */}
);
}
-
-// ── Header ─────────────────────────────────────────────────────────────────────
-
-function Header({
- initialized,
- initializing,
- onInit,
-}: {
- initialized: boolean;
- initializing?: boolean;
- onInit?: () => void;
-}) {
- return (
-
-
-
+
+
- {QUICK_ACTIONS.map((action) => (
+ {QUICK_ACTIONS.map((qa) => (
))}
- {/* Input */}
+ {/* Input row */}
-
- );
-}
diff --git a/apps/desktop/src/pages/AgentBuilder.tsx b/apps/desktop/src/pages/AgentBuilder.tsx
index e26f6a2..7121383 100644
--- a/apps/desktop/src/pages/AgentBuilder.tsx
+++ b/apps/desktop/src/pages/AgentBuilder.tsx
@@ -23,6 +23,8 @@ interface Tool {
endpoint: string;
}
+const MAX_DISPLAYED_AGENTS = 5;
+
const AgentBuilder = () => {
const { toast } = useToast();
const [activeTab, setActiveTab] = useState("configure");
@@ -52,19 +54,36 @@ const AgentBuilder = () => {
}, []);
const loadAgents = async () => {
- // TODO: Enable when custom_agents table exists in Supabase
- // CREATE TABLE custom_agents (id uuid PK, user_id uuid, name text, description text,
- // system_prompt text, model text, category text, example_prompts text[], capabilities jsonb,
- // enable_web_search bool, enable_code_execution bool, enable_file_upload bool,
- // status text DEFAULT 'active', created_at timestamptz DEFAULT now(), updated_at timestamptz DEFAULT now());
- //
- // Uncomment when table is created:
- // try {
- // const data = await customAgentsService.getAgents();
- // setAgents(data);
- // } catch { /* silent */ }
+ // custom_agents table may not exist yet — fail gracefully
+ try {
+ const data = await customAgentsService.getAgents();
+ setAgents(data);
+ } catch {
+ // Table doesn't exist yet or another error — show empty state silently
+ setAgents([]);
+ }
};
+ const loadAgentIntoBuilder = (agent: CustomAgent) => {
+ setAgentName(agent.name);
+ setDescription(agent.description || "");
+ setInstructions(agent.system_prompt);
+ setSelectedModel(agent.model);
+ setCategory(agent.category || "security");
+ setConversationStarters(agent.example_prompts.length > 0 ? agent.example_prompts : [""]);
+ setCapabilities({
+ webSearch: agent.enable_web_search,
+ codeExecution: agent.enable_code_execution,
+ mcpTools: agent.enable_mcp,
+ fileAccess: agent.enable_file_access,
+ });
+ setActiveTab("configure");
+ toast({
+ title:"Agent Loaded",
+ description:`Loaded ${agent.name} into builder`,
+ });
+ };
+
const handleSaveAgent = async () => {
try {
if (!agentName || !instructions) {
@@ -294,18 +313,49 @@ const AgentBuilder = () => {
-
-
-
-
-
- Search Agent
-Powered by Tavily
-
- {initialized ? (
-
-
- Online
-
- ) : (
-
- )}
-
-
-
+
-
-
-
+ {agents.length}
+
+ {agents.length === 0 ? (
+ Saved Agents
++ No saved agents yet. Configure and save one to reuse it here. +
+ ) : ( +
+ {agents.slice(0, MAX_DISPLAYED_AGENTS).map((agent) => (
+
+ )}
+
+
+ ))}
+
+
+
+ {agent.name}
+{agent.category || "general"} • {agent.model}
+
+
+
{/* Tabs */}
+ {/* Preview Banner */}
+ {
setIpStatus({
ip: 'Unavailable',
isVPN: false,
- isTor: false,
isProxy: false,
connectionType: 'unknown',
lastChecked: new Date(),
@@ -622,18 +621,18 @@ const Dashboard = () => {
- {ipStatus.error || ipStatus.ip === 'Unavailable' ? 'Offline' : ipStatus.isVPN || ipStatus.isTor ? 'Protected' : 'Connected'}
+ {ipStatus.error || ipStatus.ip === 'Unavailable' ? 'Offline' : ipStatus.isVPN ? 'Protected' : 'Connected'}
@@ -648,7 +647,7 @@ const Dashboard = () => {
) : (
<>
- {ipStatus.isVPN ? 'VPN' : ipStatus.isTor ? 'Tor' : 'IP'}:
+ {ipStatus.isVPN ? 'VPN' : 'IP'}:
{ipStatus.ip}
{ipStatus.country && (
@@ -680,14 +679,6 @@ const Dashboard = () => {
- {/* Tor Status */}
-
-
-
- {ipStatus.isTor ? 'Tor' : 'No Tor'}
-
-
-
{/* VPN Provider */}
{ipStatus.vpnProvider && (
<>
@@ -706,7 +697,7 @@ const Dashboard = () => {
)}
{/* ISP */}
- {ipStatus.isp && !ipStatus.isVPN && !ipStatus.isTor && (
+ {ipStatus.isp && !ipStatus.isVPN && (
<>
{/* Controls row */}
diff --git a/apps/desktop/src/pages/Documentation.tsx b/apps/desktop/src/pages/Documentation.tsx
index 0ed70cf..0563d38 100644
--- a/apps/desktop/src/pages/Documentation.tsx
+++ b/apps/desktop/src/pages/Documentation.tsx
@@ -54,7 +54,7 @@ const NAV_GROUPS: NavGroup[] = [
color:"text-blue-500/70",
icon: Lightning,
items: [
- { id:"ai-agent", label:"Search AI Agent", icon: Brain, badge:"New" },
+ { id:"ai-agent", label:"Support Agent", icon: Brain, badge:"New" },
{ id:"agent-builder", label:"Agent Builder", icon: Robot },
{ id:"agent-testing", label:"Agent Testing", icon: TestTube },
{ id:"llm", label:"LLM Models", icon: Sparkle },
diff --git a/apps/desktop/src/pages/Downloads.tsx b/apps/desktop/src/pages/Downloads.tsx
index e8466e0..d36385f 100644
--- a/apps/desktop/src/pages/Downloads.tsx
+++ b/apps/desktop/src/pages/Downloads.tsx
@@ -25,6 +25,7 @@ interface PackageInfo {
platform: string;
ext: string;
description: string;
+ comingSoon?: boolean;
}
interface Manifest {
@@ -146,11 +147,12 @@ export default function Downloads() {
{
name: "macOS",
file: `macos/CrowByte-${version}-arm64.dmg`,
- size: FILE_SIZES[`CrowByte-${version}-arm64.dmg`] || "~130 MB",
+ size: "Coming Soon",
icon: AppleLogo,
platform: "macOS 12+ (Apple Silicon)",
ext: ".dmg",
- description: "Drag & drop install",
+ description: "Coming soon — macOS build in testing",
+ comingSoon: true,
},
];
@@ -353,11 +355,13 @@ function PackageCard({
initial={{ opacity: 0, y: 4 }}
animate={{ opacity: 1, y: 0 }}
className={`group flex items-center gap-4 px-4 py-3.5 rounded-lg border transition-all duration-200 ${
- isPaid
- ? "border-white/[0.06] bg-white/[0.02] hover:border-white/[0.12] hover:bg-white/[0.04] cursor-pointer"
- : "border-white/[0.04] bg-white/[0.01] opacity-60 cursor-not-allowed"
+ pkg.comingSoon
+ ? "border-yellow-500/20 bg-yellow-500/[0.03] opacity-70 cursor-not-allowed"
+ : isPaid
+ ? "border-white/[0.06] bg-white/[0.02] hover:border-white/[0.12] hover:bg-white/[0.04] cursor-pointer"
+ : "border-white/[0.04] bg-white/[0.01] opacity-60 cursor-not-allowed"
}`}
- onClick={isPaid ? onDownload : undefined}
+ onClick={!pkg.comingSoon && isPaid ? onDownload : undefined}
>
{/* Platform icon */}
+
+
{/* Active Agents Banner (when connectors are connected) */}
{activeAgentIds.size > 0 && (
Pattern-based generation. AI-powered generation coming soon.
- {finding.cve_ids.length > 0 ? (
+ {(finding.cve_ids || []).length > 0 ? (
- {finding.cve_ids.length}
+ {(finding.cve_ids || []).length}
) : (
--
@@ -1105,11 +1105,11 @@ export default function Findings() {
{/* CVE / CWE Lists */}
- {finding.cve_ids.length > 0 && (
+ {(finding.cve_ids || []).length > 0 && (
)}
- {finding.cwe_ids.length > 0 && (
+ {(finding.cwe_ids || []).length > 0 && (
CVEs
- {finding.cve_ids.map(cve => (
+ {(finding.cve_ids || []).map(cve => (
{cve}
@@ -1117,11 +1117,11 @@ export default function Findings() {
CWEs
- {finding.cwe_ids.map(cwe => (
+ {(finding.cwe_ids || []).map(cwe => (
{cwe}
@@ -1132,11 +1132,11 @@ export default function Findings() {
{/* Tags */}
- {finding.tags.length > 0 && (
+ {(finding.tags || []).length > 0 && (
Tags
- {finding.tags.map(tag => (
+ {(finding.tags || []).map(tag => (
+
+
+
+
+ exportLogs('csv')}>Export as CSV
+ exportLogs('json')}>Export as JSON
+
+