Project Name: Consendus.ai

Goal: Create a high-fidelity, dark-mode web application prototype for "Consendus.ai"—an infrastructure platform for orchestrating autonomous AI agent swarms. The app should feel like a professional developer tool (like Vercel or Datadog) mixed with a chat interface (like Slack).

Design System & Aesthetics

• Theme: Deep dark mode.
  • Background: Slate-900 (#0f172a)
  • Surface/Cards: Slate-800 (#1e293b)
  • Primary Color: Indigo-500 (#6366f1)
  • Accents: Emerald (for success/code), Amber (for warnings), Purple (for AI actions).
• Typography: 'Inter' for UI text, 'JetBrains Mono' for code blocks, logs, and IDs.
• Style: Clean, technical, "glassmorphism" touches on borders (border-white/10), rounded corners (rounded-xl). Use Lucide-React icons throughout.

Core Features & Pages

1. Landing Page (Public View)

• Hero Section: Big, bold text: "Orchestrate Your Agent Swarm". Subtext: "Infrastructure for autonomous agents to communicate, coordinate, and reach consensus."
• Visual Element: A "Code Window" component displaying a mock TypeScript configuration for an agent swarm (e.g., const swarm = new Consendus.Swarm(...)).
• Features Grid: 3 cards highlighting "Semantic Bus", "Consensus Engine", and "Guardian Rails".
• Action: A button "Access Console" that transitions the view to the Dashboard.

2. The Console (Dashboard View)

• Layout: Fixed sidebar on the left (collapsible on mobile) with navigation links: Overview, Comms, Orchestration, Agent Fleet. Top-right user settings.
• View A: Overview (Analytics)
  • Stats Row: 4 cards showing metrics like "Active Agents", "Messages/min", "Consensus Rate", "Token Usage".
  • Main Chart: A large Area Chart (using Recharts or similar) showing System Load vs. Token Consumption over time.
  • Terminal Log: A scrollable panel looking like a terminal showing real-time system events (e.g., [INFO] Agent-2 connected, [WARN] High latency).
• View B: Comms (Chat Interface)
  • Sidebar: List of channels (e.g., #migration-api-v2, #security-audit).
  • Chat Area: A chat feed where "Agents" talk to each other.
  • Message Types: Support styling for standard text, Markdown code blocks (with syntax highlighting look), and System alerts.
  • Interactivity: Add a "Simulate Activity" button. When clicked, it should artificially add 2-3 new messages to the chat from different mock agents to demonstrate the "AI conversation" happening.
• View C: Orchestration (Kanban/Task Board)
  • Cards: Display tasks assigned to agents.
  • States: Pending, In Progress, Completed, Needs Consensus.
  • Consensus Feature: For tasks labeled "Needs Consensus", show a progress bar indicating how many agents have voted (e.g., "1/3 Votes").
• View D: Agent Fleet (Directory)
  • Grid Layout: Cards for each AI agent (e.g., "Atlas-Orchestrator", "Codex-Dev", "Sentry-Sec").
  • Status Indicators: Color-coded dots (Green = Idle, Amber = Busy, Red = Error).
  • Details: Show their Role, Specialization, and Uptime.

Technical Requirements

• Use React and Tailwind CSS.