Ashish

.build-trigger

@@ -1 +0,0 @@
-Final Release Sync (Definitive UI): 2026-04-07 23:38:07

.dockerignore

@@ -1,10 +0,0 @@
-.git/
-.env
-backend/venv/
-backend/__pycache__/
-frontend/node_modules/
-frontend/dist/
-.pytest_cache/
-.coverage
-brain/
-.gemini/

.gitignore

@@ -1,37 +1,14 @@
-# Python
-__pycache__/
-*.py[cod]
-*$py.class
-*.so
-.Python
-backend/venv/
-.pytest_cache/
-.coverage
-.cache
-backend/scenarios/.cache
-
-# Node
-node_modules/
-.npm/
-
-# Env & Secrets
-.env
-.env.*
-!.env.example
-# default.env is needed for HF Spaces
-
-# OS
-.DS_Store
-Thumbs.db
-
-# VS Code / IDE
-.vscode/
-.idea/
-*.swp
-*.swo
-
-# Project specific
-backend/logs/
-*.log
-.gemini/
-brain/
+# VS Code / IDE
+.vscode/
+.idea/
+.DS_Store
+
+# Brain / Artifacts (Optional: keep if you want them on GitHub)
+# /home/habibi/.gemini/antigravity/brain/
+
+# Local env
+.env
+*.local
+node_modules/
+venv/
+__pycache__/

Dockerfile

@@ -1,58 +1,39 @@
-# Stage 1: Build frontend
-FROM node:20-alpine AS frontend-builder
-WORKDIR /app/frontend
-
-# Copy package files first for better caching
-COPY frontend/package*.json ./
-
-# Install dependencies
-RUN npm install --legacy-peer-deps
-
-# Copy frontend source
-COPY frontend/ ./
-
-# Build frontend
-RUN npm run build
-
-# Stage 2: Python backend
-FROM python:3.11-slim
-RUN useradd -m -u 1000 user
-ENV HOME=/home/user \
-    PATH=/home/user/.local/bin:$PATH
-WORKDIR $HOME/app
-
-RUN apt-get update && apt-get install -y \
-    curl \
-    build-essential \
-    python3-dev \
-    libffi-dev \
-    libssl-dev \
-    && rm -rf /var/lib/apt/lists/*
-
-COPY --chown=user:user backend/requirements.txt ./requirements.txt
-RUN pip install --no-cache-dir -r requirements.txt
-
-# Copy backend
-COPY --chown=user:user backend ./backend
-
-# Copy root-level files
-COPY --chown=user:user default.env ./.env
-COPY --chown=user:user openenv.yaml .
-COPY --chown=user:user inference.py .
-COPY --chown=user:user pyproject.toml .
-COPY --chown=user:user server ./server
-
-# Copy built frontend from stage 1
-COPY --chown=user:user --from=frontend-builder /app/frontend/dist ./frontend/dist
-
-USER user
-
-EXPOSE 7860
-
-ENV HOST=0.0.0.0
-ENV PORT=7860
-ENV ENVIRONMENT=production
-ENV PYTHONPATH=$HOME/app:$HOME/app/backend
-ENV PYTHONUNBUFFERED=1
-
-CMD ["python3", "server/app.py"]
+FROM node:20 AS frontend-builder
+WORKDIR /app/frontend
+COPY frontend/package*.json ./
+RUN npm install
+COPY frontend .
+RUN npm run build
+
+FROM python:3.11-slim
+RUN useradd -m -u 1000 user
+ENV HOME=/home/user \
+    PATH=/home/user/.local/bin:$PATH
+WORKDIR $HOME/app
+
+RUN apt-get update && apt-get install -y curl && rm -rf /var/lib/apt/lists/*
+
+COPY --chown=user:user backend/requirements.txt ./requirements.txt
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy FastAPI backend
+COPY --chown=user:user backend ./backend
+# Copy full repo bounds if necessary for local paths
+COPY --chown=user:user default.env .
+COPY --chown=user:user openenv.yaml .
+COPY --chown=user:user inference.py .
+
+# Copy pre-built React frontend
+COPY --chown=user:user --from=frontend-builder /app/frontend/dist ./frontend/dist
+
+USER user
+
+EXPOSE 7860
+EXPOSE 8001
+
+ENV HOST=0.0.0.0
+ENV PORT=7860
+ENV ENVIRONMENT=production
+ENV PYTHONPATH=$HOME/app
+
+CMD ["python", "backend/main.py"]

README.md

@@ -1,292 +1,239 @@
----
-title: NEXON-AI
-emoji: 🛡️
-colorFrom: blue
-colorTo: indigo
-sdk: docker
-app_port: 7860
-pinned: false
----
-
-<!-- LAST_SYNC_VERIFICATION: 2026-04-08 00:07:00 -->
-
-# NEXUS-AI 🌐🛡️
-### Autonomous Incident Investigation Dashboard
-
-<div align="center">
-
-![Python](https://img.shields.io/badge/Python-3.10+-3776AB?style=for-the-badge&logo=python&logoColor=white)
-![FastAPI](https://img.shields.io/badge/FastAPI-0.100+-009688?style=for-the-badge&logo=fastapi&logoColor=white)
-![React](https://img.shields.io/badge/React-18.x-61DAFB?style=for-the-badge&logo=react&logoColor=black)
-![Tailwind](https://img.shields.io/badge/Tailwind_CSS-3.x-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
-![Ollama](https://img.shields.io/badge/Ollama-Local_LLM-000000?style=for-the-badge&logo=ollama)
-
-**Status:** Active Simulation Pipeline  
-**Architecture:** Real-time WebSockets + Multi-Agent Consensus
-
-</div>
-
----
-
-## 📖 What is NEXUS-AI?
-
-NEXUS is a next-generation, autonomous dual-agent environment designed to investigate and validate software incidents in real-time. Using a combination of an **Investigator** and a **Validator** agent, NEXUS autonomously forms hypotheses, executes systems tools, evaluates system behavior, and reaches strict consensus on root causes.
-
-Traditional manual debugging requires extensive context-switching and tool fatigue. NEXUS solves this through:
-1. **Dual-Agent Autonomy**: Two specialized models communicating word-by-word via WebSockets.
-2. **Dynamic Tool Execution**: Fully integrated system terminals allowing agents to run sandboxed validation scripts.
-3. **Semantic Reward Engine**: Evaluates conversational drift mathematically (using native GPU embeddings).
-
-The result: An AI "Incident Response Team" that navigates servers, traces logs, and fixes bugs identically to a human SRE.
-
----
-
-## 🖼️ Application Screenshots
-
-### 📊 Simulation Dashboard
-
-> The core command center. Features live agent terminals, a dual-communication consensus log, and a mathematical performance reward graph plotting investigation confidence.
-
-<div align="center">
-  <img src="./assets/screenshots/Dashboard.png" alt="Simulation Dashboard" width="90%"/>
-</div>
-
----
-
-## 🎛️ Scenario Registry & Core Settings
-
-> The system is architected for instant adaptability — seamlessly switch LLM providers and inject custom threat models entirely through the frontend DOM.
-
-<table>
-  <tr>
-    <td align="center" width="50%">
-      <img src="./assets/screenshots/Scenarios.png" alt="Scenario Browser"/>
-      <br/><b>Scenario Registry</b>
-      <br/><sub>A persistent LocalStorage-backed grid of tactical simulations. Users can dynamically inject custom infrastructure-specific incidents directly into the agent pipeline.</sub>
-    </td>
-    <td align="center" width="50%">
-      <img src="./assets/screenshots/Settings.png" alt="Hardware Configuration"/>
-      <br/><b>Runtime Configuration</b>
-      <br/><sub>Dynamically maps available locally-installed Ollama networks, allowing the user to pair models (e.g., Qwen vs Dolphin-Phi) with fully independent parameters.</sub>
-    </td>
-  </tr>
-</table>
-
----
-
-## 🏗️ System Architecture
-
-```text
-┌─────────────────────────────────────────────────────────────────┐
-│                    CLIENT BROWSER                               │
-│          React SPA (Tailwind + Framer Motion)                   │
-│          localhost:5173                                         │
-└───────────┬─────────────────────────────────┬───────────────────┘
-            │ HTTP (REST)                     │ ws://
-            ▼                                 ▼
-┌─────────────────────────────────────────────────────────────────┐
-│              FASTAPI BACKEND (localhost:7860)                   │
-│  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────────────┐    │
-│  │ /config  │ │/scenarios│ │  /reset  │ │  ws:// Simulator │    │
-│  │ Env Sync │ │ DB Cache │ │ Injection│ │  Live Stream Sync│    │
-│  └──────────┘ └──────────┘ └──────────┘ └──────────────────┘    │
-└───────────┬───────────────────────────────────┬───────────��─────┘
-            │                                   │
-            ▼                                   ▼
-┌─────────────────────────────────────────────────────────────────┐
-│                  OLLAMA ENGINE / LLM PIPELINE                   │
-│  Agent A (Investigator)   ◄──────►   Agent B (Validator)        │
-│  - Generates Hypotheses              - Challenges Assertions    │
-│  - Runs System Tools                 - Requires Proof           │
-└─────────────────────────────────────────────────────────────────┘
-```
-
----
-
-## 🌐 Execution Environments
-
-NEXUS-AI supports two distinct execution models for agent tools, toggleable via the **Settings** dashboard:
-
-### 1. Simulated Mode (Safe Sandbox)
-*   **Default Mode**: Agents interact with a pre-defined `clue_map` within the scenario YAML.
-*   **No System Impact**: Commands like `read_logs` or `check_service` return mocked data.
-*   **Use Case**: Training, logic validation, and "what-if" analysis without infrastructure risk.
-
-### 2. SSH Lab Node (Real-World Execution)
-*   **Live Connection**: Commands are executed in real-time on a remote Linux server via SSH.
-*   **Autonomous Terminal**: Agents use the `run_terminal_command` tool to browse logs, check systemd status, and inspect real configs.
-*   **Security**: Includes a command blocklist to prevent highly destructive operations (e.g., `rm -rf /`).
-*   **Use Case**: Actual incident response on isolated Lab/Staging nodes.
-
----
-
-## 📐 OpenEnv Specification
-
-NEXUS-AI strictly adheres to the **OpenEnv 1.0** standard for agent-environment interaction.
-
-### 🎮 Action Space
-The environment accepts a typed **NexusAction** (Text-based with structured tool calls).
-- **agent_id**: `string` ("agent_a" or "agent_b")
-- **message**: `string` (The natural language reasoning/communication)
-- **tool_calls**: `List[ToolCall]` (Optional structured calls like `TOOL: read_logs(file='app.log')`)
-- **confidence**: `float` (0.0 - 1.0)
-
-### 🧐 Observation Space
-The environment returns a structured **NexusObservation** summarizing the system state.
-- **scenario_description**: `string` (High-level objective)
-- **scenario_context**: `string` (Background telemetry/environment info)
-- **partner_message**: `string` (The last message from the other agent)
-- **tool_results**: `List[ToolResult]` (Output of any executed system tools)
-- **clues_found**: `List[string]` (Accumulated evidence identified by the Reward Engine)
-- **investigation_stage**: `string` (`investigating`, `narrowing`, `found`, `verified`)
-- **round**: `integer` (Current episode round)
-- **available_tools**: `List[string]` (List of permitted tools for the current mode)
-
-### 📝 Task Registry & Difficulty
-| Task Name | Difficulty | Objective | Grader Method |
-|---|---|---|---|
-| `software-incident` | **Easy** | Fix Nginx 503 rate-limit misconfiguration | State Check: `nginx-proxy.rate_limit` |
-| `business-process-failure` | **Medium** | Resolve inventory stockout logic error | State Check: `stock_threshold` + Red Herring Penalty |
-| `cascade-system-failure` | **Hard** | Fix Postgres connection exhaustion | Multi-Step: Query Termination + Config Update |
-
-### 📈 Baseline Benchmarks
-Validated using `inference.py` (Phi-3-mini & Qwen2.5-1.5B).
-- **Software Incident**: 0.88 / 1.00
-- **Business Process Failure**: 0.72 / 1.00
-- **Cascade System Failure**: 0.48 / 1.00
-
----
-
-## 🧠 The AI Pipeline Deep-Dive
-
-### Step 1: Scenario Injection & Bootstrapping
-```python
-# The EpisodeManager receives the frontend custom scenario JSON
-# Broadcasts 'episode_start' natively over the WebSocket to synchronize the UI
-await broadcast("episode_start", {
-    "scenario": active_scenario,
-    "agent_a_model": settings.AGENT_A_MODEL
-})
-```
-
-### Step 2: Agent Consensus Loop
-```python
-# Agents interact sequentially. The Investigator attempts a solution
-# while the Validator challenges it. Both agents have access to dynamic system execution.
-client, model_name = model_manager.get_client(agent_id)
-stream = await client.chat.completions.create(
-    model=model_name,
-    messages=injected_history,
-    tools=available_tools, # e.g. fix_proposer, run_terminal_command
-    stream=True
-)
-```
-
-### Step 3: Fast GPU Embeddings (Similarity Evaluation)
-```python
-# Heavy CPU blocking is completely bypassed.
-# Semantic embedding computations map strictly into the Ollama GPU pipeline.
-@lru_cache(maxsize=256)
-def get_embedding(text: str) -> List[float]:
-    response = httpx.post("http://localhost:11434/api/embeddings", json={
-        "model": "all-minilm",
-        "prompt": text
-    }, timeout=60.0)
-    return response.json().get("embedding", [])
-```
-
----
-
-## 🛠️ Full Technology Stack
-
-| Layer | Technology | Why |
-|---|---|---|
-| Frontend Framework | React 18 (Vite) | Lightning fast HMR, component isolation |
-| Frontend Styling | Tailwind CSS | Utility-first tactical glassmorphism |
-| Backend Framework | FastAPI | Async Python, explicit endpoint mapping |
-| Transport Layer | WebSockets | Word-by-word streaming across UI boundaries |
-| Local AI Engine | Ollama | Native device acceleration, absolute privacy |
-| Remote Provider | HuggingFace Inference API | Drop-in SaaS alternatives |
-| SSH Connectivity | Paramiko | Secure remote shell execution for Lab Nodes |
-| Data Persistence | LocalStorage & `.env` Injection | Avoids over-architected SQL constraints |
-
----
-
-## 🚀 How to Run This Project (Full Step-by-Step Guide)
-
-### 📋 Prerequisites
-- Python 3.10+
-- Node.js 18+
-- [Ollama](https://ollama.com/) (installed locally for model hosting)
-- **Optional**: A remote Linux VM (Ubuntu/Kali) with SSH enabled for Lab Node mode
-
----
-
-### 1️⃣ Backend Setup (FastAPI / Python)
-
-```bash
-cd backend
-
-# Create and activate virtual environment
-python -m venv venv
-# source venv/bin/activate       # Linux/macOS
-venv\Scripts\activate        # Windows
-
-# Install all dependencies
-pip install -r requirements.txt
-```
-
-#### Start the Backend Engine
-```bash
-# This exposes the core REST API and the WebSocket simulation tunnel
-python main.py
-```
-
----
-
-### 2️⃣ Frontend Setup (React)
-
-Open a **new terminal tab**:
-
-```bash
-cd frontend
-
-# Install Node.js dependencies
-npm install
-
-# Start the Vite development server
-npm run dev
-```
-
-The application is now fully accessible at [http://localhost:5173](http://localhost:5173).
-
----
-
-### 3️⃣ Pulling Models
-
-To run the simulation locally without cloud API keys, you must ensure you pull suitable reasoning models through Ollama:
-
-```bash
-ollama run qwen2.5:3b     # Excellent validator logic footprint
-ollama run dolphin-llama3 # Uncensored investigative assertions
-ollama pull all-minilm    # Mandatory for semantic similarity scoring
-```
-
----
-
-## 🧪 Automated Testing
-NEXUS-AI includes a comprehensive test suite to ensure environment stability and specification compliance.
-
-```bash
-# Run the OpenEnv specification validator
-python openenv_validator.py
-
-# Run unit tests for core logic
-pip install pytest
-pytest tests/
-```
-
----
-
-## 🤝 Authors
-**Developed by: Ashish Menon** & Vector
+---
+title: NEXON-AI
+emoji: 🛡️
+colorFrom: blue
+colorTo: indigo
+sdk: docker
+app_port: 7860
+pinned: false
+---
+
+# NEXUS-AI 🌐🛡️
+### Autonomous Incident Investigation Dashboard
+
+<div align="center">
+
+![Python](https://img.shields.io/badge/Python-3.10+-3776AB?style=for-the-badge&logo=python&logoColor=white)
+![FastAPI](https://img.shields.io/badge/FastAPI-0.100+-009688?style=for-the-badge&logo=fastapi&logoColor=white)
+![React](https://img.shields.io/badge/React-18.x-61DAFB?style=for-the-badge&logo=react&logoColor=black)
+![Tailwind](https://img.shields.io/badge/Tailwind_CSS-3.x-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
+![Ollama](https://img.shields.io/badge/Ollama-Local_LLM-000000?style=for-the-badge&logo=ollama)
+
+**Status:** Active Simulation Pipeline  
+**Architecture:** Real-time WebSockets + Multi-Agent Consensus
+
+</div>
+
+---
+
+## 📖 What is NEXUS-AI?
+
+NEXUS is a next-generation, autonomous dual-agent environment designed to investigate and validate software incidents in real-time. Using a combination of an **Investigator** and a **Validator** agent, NEXUS autonomously forms hypotheses, executes systems tools, evaluates system behavior, and reaches strict consensus on root causes.
+
+Traditional manual debugging requires extensive context-switching and tool fatigue. NEXUS solves this through:
+1. **Dual-Agent Autonomy**: Two specialized models communicating word-by-word via WebSockets.
+2. **Dynamic Tool Execution**: Fully integrated system terminals allowing agents to run sandboxed validation scripts.
+3. **Semantic Reward Engine**: Evaluates conversational drift mathematically (using native GPU embeddings).
+
+The result: An AI "Incident Response Team" that navigates servers, traces logs, and fixes bugs identically to a human SRE.
+
+---
+
+## 🖼️ Application Screenshots
+
+### 📊 Simulation Dashboard
+
+> The core command center. Features live agent terminals, a dual-communication consensus log, and a mathematical performance reward graph plotting investigation confidence.
+
+<div align="center">
+  <img src="./assets/screenshots/Dashboard.png" alt="Simulation Dashboard" width="90%"/>
+</div>
+
+---
+
+## 🎛️ Scenario Registry & Core Settings
+
+> The system is architected for instant adaptability — seamlessly switch LLM providers and inject custom threat models entirely through the frontend DOM.
+
+<table>
+  <tr>
+    <td align="center" width="50%">
+      <img src="./assets/screenshots/Scenarios.png" alt="Scenario Browser"/>
+      <br/><b>Scenario Registry</b>
+      <br/><sub>A persistent LocalStorage-backed grid of tactical simulations. Users can dynamically inject custom infrastructure-specific incidents directly into the agent pipeline.</sub>
+    </td>
+    <td align="center" width="50%">
+      <img src="./assets/screenshots/Settings.png" alt="Hardware Configuration"/>
+      <br/><b>Runtime Configuration</b>
+      <br/><sub>Dynamically maps available locally-installed Ollama networks, allowing the user to pair models (e.g., Qwen vs Dolphin-Phi) with fully independent parameters.</sub>
+    </td>
+  </tr>
+</table>
+
+---
+
+## 🏗️ System Architecture
+
+```text
+┌─────────────────────────────────────────────────────────────────┐
+│                    CLIENT BROWSER                               │
+│          React SPA (Tailwind + Framer Motion)                   │
+│          localhost:5173                                         │
+└───────────┬─────────────────────────────────┬───────────────────┘
+            │ HTTP (REST)                     │ ws://
+            ▼                                 ▼
+┌─────────────────────────────────────────────────────────────────┐
+│              FASTAPI BACKEND (localhost:7860)                   │
+│  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────────────┐    │
+│  │ /config  │ │/scenarios│ │  /reset  │ │  ws:// Simulator │    │
+│  │ Env Sync │ │ DB Cache │ │ Injection│ │  Live Stream Sync│    │
+│  └──────────┘ └──────────┘ └──────────┘ └──────────────────┘    │
+└───────────┬───────────────────────────────────┬─────────────────┘
+            │                                   │
+            ▼                                   ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                  OLLAMA ENGINE / LLM PIPELINE                   │
+│  Agent A (Investigator)   ◄──────►   Agent B (Validator)        │
+│  - Generates Hypotheses              - Challenges Assertions    │
+│  - Runs System Tools                 - Requires Proof           │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+---
+
+## 🌐 Execution Environments
+
+NEXUS-AI supports two distinct execution models for agent tools, toggleable via the **Settings** dashboard:
+
+### 1. Simulated Mode (Safe Sandbox)
+*   **Default Mode**: Agents interact with a pre-defined `clue_map` within the scenario YAML.
+*   **No System Impact**: Commands like `read_logs` or `check_service` return mocked data.
+*   **Use Case**: Training, logic validation, and "what-if" analysis without infrastructure risk.
+
+### 2. SSH Lab Node (Real-World Execution)
+*   **Live Connection**: Commands are executed in real-time on a remote Linux server via SSH.
+*   **Autonomous Terminal**: Agents use the `run_terminal_command` tool to browse logs, check systemd status, and inspect real configs.
+*   **Security**: Includes a command blocklist to prevent highly destructive operations (e.g., `rm -rf /`).
+*   **Use Case**: Actual incident response on isolated Lab/Staging nodes.
+
+---
+
+## 🧠 The AI Pipeline Deep-Dive
+
+### Step 1: Scenario Injection & Bootstrapping
+```python
+# The EpisodeManager receives the frontend custom scenario JSON
+# Broadcasts 'episode_start' natively over the WebSocket to synchronize the UI
+await broadcast("episode_start", {
+    "scenario": active_scenario,
+    "agent_a_model": settings.AGENT_A_MODEL
+})
+```
+
+### Step 2: Agent Consensus Loop
+```python
+# Agents interact sequentially. The Investigator attempts a solution
+# while the Validator challenges it. Both agents have access to dynamic system execution.
+client, model_name = model_manager.get_client(agent_id)
+stream = await client.chat.completions.create(
+    model=model_name,
+    messages=injected_history,
+    tools=available_tools, # e.g. fix_proposer, run_terminal_command
+    stream=True
+)
+```
+
+### Step 3: Fast GPU Embeddings (Similarity Evaluation)
+```python
+# Heavy CPU blocking is completely bypassed.
+# Semantic embedding computations map strictly into the Ollama GPU pipeline.
+@lru_cache(maxsize=256)
+def get_embedding(text: str) -> List[float]:
+    response = httpx.post("http://localhost:11434/api/embeddings", json={
+        "model": "all-minilm",
+        "prompt": text
+    }, timeout=60.0)
+    return response.json().get("embedding", [])
+```
+
+---
+
+## 🛠️ Full Technology Stack
+
+| Layer | Technology | Why |
+|---|---|---|
+| Frontend Framework | React 18 (Vite) | Lightning fast HMR, component isolation |
+| Frontend Styling | Tailwind CSS | Utility-first tactical glassmorphism |
+| Backend Framework | FastAPI | Async Python, explicit endpoint mapping |
+| Transport Layer | WebSockets | Word-by-word streaming across UI boundaries |
+| Local AI Engine | Ollama | Native device acceleration, absolute privacy |
+| Remote Provider | HuggingFace Inference API | Drop-in SaaS alternatives |
+| SSH Connectivity | Paramiko | Secure remote shell execution for Lab Nodes |
+| Data Persistence | LocalStorage & `.env` Injection | Avoids over-architected SQL constraints |
+
+---
+
+## 🚀 How to Run This Project (Full Step-by-Step Guide)
+
+### 📋 Prerequisites
+- Python 3.10+
+- Node.js 18+
+- [Ollama](https://ollama.com/) (installed locally for model hosting)
+- **Optional**: A remote Linux VM (Ubuntu/Kali) with SSH enabled for Lab Node mode
+
+---
+
+### 1️⃣ Backend Setup (FastAPI / Python)
+
+```bash
+cd backend
+
+# Create and activate virtual environment
+python -m venv venv
+# source venv/bin/activate       # Linux/macOS
+venv\Scripts\activate        # Windows
+
+# Install all dependencies
+pip install -r requirements.txt
+```
+
+#### Start the Backend Engine
+```bash
+# This exposes the core REST API and the WebSocket simulation tunnel
+python main.py
+```
+
+---
+
+### 2️⃣ Frontend Setup (React)
+
+Open a **new terminal tab**:
+
+```bash
+cd frontend
+
+# Install Node.js dependencies
+npm install
+
+# Start the Vite development server
+npm run dev
+```
+
+The application is now fully accessible at [http://localhost:5173](http://localhost:5173).
+
+---
+
+### 3️⃣ Pulling Models
+
+To run the simulation locally without cloud API keys, you must ensure you pull suitable reasoning models through Ollama:
+
+```bash
+ollama run qwen2.5:3b     # Excellent validator logic footprint
+ollama run dolphin-llama3 # Uncensored investigative assertions
+ollama pull all-minilm    # Mandatory for semantic similarity scoring
+```
+
+---
+
+## 🤝 Authors
+**Developed by: Ashish Menon** & Vector

backend/.gitignore

@@ -0,0 +1,13 @@
+# Python artifacts
+__pycache__/
+*.py[cod]
+*$py.class
+venv/
+.env
+
+# Logs
+*.log
+
+# Scenarios data (if you want to keep it empty on GitHub)
+scenarios/data/**/*.json
+!scenarios/data/

backend/api/routes/config_routes.py

@@ -5,23 +5,23 @@ from utils.hardware import check_hardware
 
 router = APIRouter()
 
-from typing import List, Dict, Any
-
-class AgentConfig(BaseModel):
-    id: str
-    model: str
-    provider: str
-    role: str = "INVESTIGATOR"
-    system_prompt: str = ""
-    temperature: float = 0.7
-
 class ConfigUpdate(BaseModel):
     MAX_STEPS: int
-    AGENTS: List[AgentConfig]
+    AGENT_A_MODEL: str
+    AGENT_B_MODEL: str
+    AGENT_A_PROVIDER: str
+    AGENT_B_PROVIDER: str
+    AGENT_A_ROLE: str = "INVESTIGATOR"
+    AGENT_B_ROLE: str = "VALIDATOR"
+    AGENT_A_SYSTEM_PROMPT: str = ""
+    AGENT_B_SYSTEM_PROMPT: str = ""
+    AGENT_A_TEMPERATURE: float
+    AGENT_B_TEMPERATURE: float
     EXECUTION_MODE: str = "simulated"
     SSH_HOST: str = ""
     SSH_PORT: int = 22
     SSH_USER: str = ""
+    SSH_USER: str = ""
     SSH_PASSWORD: str = ""
     OPENAI_API_KEY: str = ""
 
@@ -30,8 +30,17 @@ def get_config():
     hw = check_hardware()
     return {
         "models": {
-            "agents": settings.AGENTS,
-            "openai_api_key": getattr(settings, "OPENAI_API_KEY", "")
+            "agent_a": settings.AGENT_A_MODEL,
+            "agent_b": settings.AGENT_B_MODEL,
+            "agent_a_provider": settings.AGENT_A_PROVIDER,
+            "agent_b_provider": settings.AGENT_B_PROVIDER,
+            "agent_a_role": settings.AGENT_A_ROLE,
+            "agent_b_role": settings.AGENT_B_ROLE,
+            "agent_a_system_prompt": settings.AGENT_A_SYSTEM_PROMPT,
+            "agent_b_system_prompt": settings.AGENT_B_SYSTEM_PROMPT,
+            "agent_a_temp": settings.AGENT_A_TEMPERATURE,
+            "agent_b_temp": settings.AGENT_B_TEMPERATURE,
+            "openai_api_key": settings.OPENAI_API_KEY
         },
         "episode": {
             "max_steps": settings.MAX_STEPS,
@@ -50,8 +59,16 @@ def get_config():
 @router.post("/config")
 def update_config(req: ConfigUpdate):
     settings.MAX_STEPS = req.MAX_STEPS
-    # Convert Pydantic models to dicts
-    settings.AGENTS = [a.model_dump() for a in req.AGENTS]
+    settings.AGENT_A_MODEL = req.AGENT_A_MODEL
+    settings.AGENT_B_MODEL = req.AGENT_B_MODEL
+    settings.AGENT_A_PROVIDER = req.AGENT_A_PROVIDER
+    settings.AGENT_B_PROVIDER = req.AGENT_B_PROVIDER
+    settings.AGENT_A_ROLE = req.AGENT_A_ROLE
+    settings.AGENT_B_ROLE = req.AGENT_B_ROLE
+    settings.AGENT_A_SYSTEM_PROMPT = req.AGENT_A_SYSTEM_PROMPT
+    settings.AGENT_B_SYSTEM_PROMPT = req.AGENT_B_SYSTEM_PROMPT
+    settings.AGENT_A_TEMPERATURE = req.AGENT_A_TEMPERATURE
+    settings.AGENT_B_TEMPERATURE = req.AGENT_B_TEMPERATURE
     settings.EXECUTION_MODE = req.EXECUTION_MODE
     settings.SSH_HOST = req.SSH_HOST
     settings.SSH_PORT = req.SSH_PORT
@@ -61,10 +78,18 @@ def update_config(req: ConfigUpdate):
     
     # Persist to default.env
     from models.model_manager import model_manager
-    import json
     model_manager._update_env_file({
         "MAX_STEPS": req.MAX_STEPS,
-        "AGENTS_JSON": json.dumps(settings.AGENTS),
+        "AGENT_A_MODEL": req.AGENT_A_MODEL,
+        "AGENT_B_MODEL": req.AGENT_B_MODEL,
+        "AGENT_A_PROVIDER": req.AGENT_A_PROVIDER,
+        "AGENT_B_PROVIDER": req.AGENT_B_PROVIDER,
+        "AGENT_A_ROLE": req.AGENT_A_ROLE,
+        "AGENT_B_ROLE": req.AGENT_B_ROLE,
+        "AGENT_A_SYSTEM_PROMPT": req.AGENT_A_SYSTEM_PROMPT,
+        "AGENT_B_SYSTEM_PROMPT": req.AGENT_B_SYSTEM_PROMPT,
+        "AGENT_A_TEMPERATURE": req.AGENT_A_TEMPERATURE,
+        "AGENT_B_TEMPERATURE": req.AGENT_B_TEMPERATURE,
         "EXECUTION_MODE": req.EXECUTION_MODE,
         "SSH_HOST": req.SSH_HOST,
         "SSH_PORT": req.SSH_PORT,

backend/api/routes/model_routes.py

@@ -2,8 +2,6 @@ from fastapi import APIRouter, HTTPException
 from pydantic import BaseModel
 from models.model_manager import model_manager
 from api.routes.websocket import broadcast
-import httpx
-import os
 
 router = APIRouter()
 
@@ -19,90 +17,17 @@ class RemoveCustomModelReq(BaseModel):
 class PullModelReq(BaseModel):
     model_name: str
 
-HF_MODELS = [
-    "meta-llama/Llama-3.1-8B-Instruct",
-    "meta-llama/Llama-3.2-1B-Instruct",
-    "meta-llama/Llama-3.3-70B-Instruct",
-    "meta-llama/Llama-4-Scout-17B-16E-Instruct",
-    "meta-llama/Llama-4-Maverick-17B-128E-Instruct",
-    "meta-llama/Meta-Llama-3-8B-Instruct",
-    "meta-llama/Meta-Llama-3-70B-Instruct",
-    "google/gemma-4-31B-it",
-    "google/gemma-4-26B-A4B-it",
-    "google/gemma-3-27b-it",
-    "google/gemma-3n-E4B-it",
-    "Qwen/Qwen3.5-9B",
-    "Qwen/Qwen2.5-7B-Instruct",
-    "Qwen/Qwen2.5-72B-Instruct",
-    "Qwen/Qwen2.5-Coder-7B-Instruct",
-    "Qwen/Qwen2.5-Coder-32B-Instruct",
-    "Qwen/Qwen3-8B",
-    "Qwen/Qwen3-32B",
-    "Qwen/Qwen3-4B-Instruct-2507",
-    "Qwen/Qwen3-14B",
-    "Qwen/Qwen3-VL-8B-Instruct",
-    "Qwen/Qwen3-VL-30B-A3B-Instruct",
-    "Qwen/QwQ-32B",
-    "deepseek-ai/DeepSeek-R1",
-    "deepseek-ai/DeepSeek-V3",
-    "deepseek-ai/DeepSeek-R1-Distill-Qwen-1.5B",
-    "deepseek-ai/DeepSeek-R1-Distill-Qwen-7B",
-    "deepseek-ai/DeepSeek-R1-Distill-Qwen-32B",
-    "deepseek-ai/DeepSeek-R1-Distill-Llama-70B",
-    "deepseek-ai/DeepSeek-R1-Distill-Llama-8B",
-    "deepseek-ai/DeepSeek-Prover-V2-671B",
-    "CohereLabs/c4ai-command-r-08-2024",
-    "CohereLabs/c4ai-command-r7b-arabic-02-2025",
-    "CohereLabs/command-a-vision-07-2025",
-    "CohereLabs/aya-expanse-32b",
-    "CohereLabs/aya-vision-32b",
-    "NousResearch/Hermes-2-Pro-Llama-3-8B",
-    "MiniMaxAI/MiniMax-M2.5",
-    "MiniMaxAI/MiniMax-M2",
-    "MiniMaxAI/MiniMax-M1-80k",
-    "moonshotai/Kimi-K2.5",
-    "moonshotai/Kimi-K2-Instruct",
-    "moonshotai/Kimi-K2-Thinking",
-    "xiaomiMiMo/MiMo-V2-Flash",
-    "zai-org/GLM-5",
-    "zai-org/GLM-4.7-Flash",
-    "zai-org/GLM-4.7",
-    "zai-org/GLM-4.6",
-    "zai-org/GLM-4.5",
-]
-
 @router.get("/models")
 async def get_models():
     local_models = await model_manager.list_available_models()
     return {
         "local_models": local_models,
-        "hf_models": HF_MODELS,
         "custom_model": {
-            "enabled": True,
+            "enabled": True, # Hardcode from settings in real app
             "agent": "agent_a"
         }
     }
 
-@router.get("/models/hf")
-async def get_hf_models():
-    hf_token = os.environ.get("HF_TOKEN", "") or "hf_demo"
-    
-    try:
-        async with httpx.AsyncClient() as client:
-            resp = await client.get(
-                "https://router.huggingface.co/v1/models",
-                headers={"Authorization": f"Bearer {hf_token}"},
-                timeout=30.0
-            )
-            if resp.status_code == 200:
-                data = resp.json()
-                models = [m["id"] for m in data.get("data", [])]
-                return {"models": models, "source": "hf_router"}
-    except Exception as e:
-        pass
-    
-    return {"models": HF_MODELS, "source": "fallback"}
-
 @router.post("/models/add")
 async def add_custom_model(req: AddCustomModelReq):
     result = await model_manager.add_custom_model(
@@ -119,4 +44,5 @@ async def remove_custom_model(req: RemoveCustomModelReq):
 
 @router.post("/models/pull")
 async def pull_model(req: PullModelReq):
+    # Fire and forget streaming. Need a task runner ideally, but generator logic:
     return {"message": "Streaming progress via WS not fully implemented but requested."}

backend/api/routes/openenv.py

@@ -22,9 +22,7 @@ async def simulation_loop():
         
     step_num = 1
     done = False
-    from config import settings
-    agent_list = getattr(settings, "AGENTS", [])
-    active_agent = agent_list[0]["id"] if agent_list else "agent_a"
+    active_agent = "agent_a"
     
     while not done:
         # Check if the episode was reset/cancelled
@@ -74,12 +72,7 @@ async def simulation_loop():
             logger.error(f"Error in simulation loop at step {step_num}: {e}")
             break
             
-        from config import settings
-        agent_list = settings.AGENTS if settings.AGENTS else [{"id": "agent_a"}]
-        current_idx = next((i for i, a in enumerate(agent_list) if a["id"] == active_agent), 0)
-        next_idx = (current_idx + 1) % len(agent_list)
-        active_agent = agent_list[next_idx]["id"]
-        
+        active_agent = "agent_b" if active_agent == "agent_a" else "agent_a"
         step_num += 1
         await asyncio.sleep(1)
     
@@ -88,7 +81,7 @@ async def simulation_loop():
 from typing import Optional, Dict, Any
 
 class ResetRequest(BaseModel):
-    task: Optional[str] = "software-incident"
+    task: str = "software-incident"
     custom_scenario: Optional[Dict[str, Any]] = None
     seed: Optional[int] = None
     max_steps: Optional[int] = None
@@ -108,35 +101,16 @@ async def start_simulation():
     if not episode_manager.env.active_episode:
         logger.info("No active episode found for simulation. Performing auto-reset.")
         await episode_manager.reset(task="software-incident")
-    else:
-        # Broadcast episode_start to notify frontend a new simulation is beginning
-        from api.routes.websocket import broadcast
-        sc_safe = episode_manager.env.active_scenario.copy()
-        if "root_cause" in sc_safe: del sc_safe["root_cause"]
-        if "correct_fix" in sc_safe: del sc_safe["correct_fix"]
-        if "clue_map" in sc_safe: del sc_safe["clue_map"]
-        from config import settings
-        await broadcast("episode_start", {
-            "episode_id": episode_manager.env.active_episode.episode_id,
-            "scenario": sc_safe,
-            "task": episode_manager.env.active_episode.task,
-            "difficulty": episode_manager.env.active_episode.difficulty,
-            "agents": settings.AGENTS
-        })
         
     episode_manager.simulation_task = asyncio.create_task(simulation_loop())
     from api.routes.websocket import broadcast
-    await broadcast("system_status", {"active": True, "paused": False, "status": "INVESTIGATING"})
+    await broadcast("system_status", {"active": True, "paused": False})
     return {"status": "started"}
 
 @router.post("/reset", response_model=NexusObservation)
-async def reset_env(req: Optional[ResetRequest] = None):
+async def reset_env(req: ResetRequest):
     try:
-        task = req.task if req else "software-incident"
-        custom_scenario = req.custom_scenario if req else None
-        seed = req.seed if req else None
-        max_steps = req.max_steps if req else None
-        obs = await episode_manager.reset(task=task, custom_scenario=custom_scenario, seed=seed, max_steps=max_steps)
+        obs = await episode_manager.reset(req.task, req.custom_scenario, seed=req.seed, max_steps=req.max_steps)
         return obs
     except Exception as e:
         raise HTTPException(status_code=400, detail=str(e))
@@ -156,13 +130,11 @@ async def step_env(action: NexusAction):
     except Exception as e:
         raise HTTPException(status_code=500, detail=str(e))
 
-@router.get("/state")
+@router.get("/state", response_model=NexusState)
 def get_state():
-    """Returns the current episode state. Returns idle status if no episode is active."""
     state = episode_manager.env.state()
-    # state() now always returns something — either a NexusState pydantic object or an idle dict.
-    if hasattr(state, "model_dump"):
-        return state.model_dump()
+    if not state:
+        raise HTTPException(status_code=400, detail="No active episode")
     return state
 
 @router.get("/telemetry")

backend/api/routes/websocket.py

@@ -60,8 +60,8 @@ async def websocket_endpoint(websocket: WebSocket):
                     })
                 elif action == "reset":
                     logger.info("UI Command: RESET")
-                    await episode_manager.reset(task="software-incident", broadcast_episode=False)
-                    await broadcast("system_status", {"paused": False, "status": "READY", "active": False})
+                    await episode_manager.reset(task="software-incident")
+                    await broadcast("system_status", {"paused": False, "status": "READY", "active": false})
                 elif action == "force_end":
                     logger.info("UI Command: FORCE_END")
                     if episode_manager.env and episode_manager.env.active_episode:

backend/api/schemas/state.py

@@ -8,7 +8,8 @@ class NexusState(BaseModel):
     difficulty: str
     current_round: int
     max_rounds: int
-    messages_by_agent: Dict[str, List[str]]
+    agent_a_messages: List[str]
+    agent_b_messages: List[str]
     tool_calls_made: List[Dict]
     clues_found: List[str]
     root_cause_found: bool

backend/config.py

@@ -1,117 +1,63 @@
-import json
-import os
-from pathlib import Path
-from dotenv import load_dotenv
-
-BASE_DIR = Path(__file__).resolve().parent
-ROOT_DIR = BASE_DIR.parent
-
-# Load environment variables, checking both backend/ and project root
-if (BASE_DIR / ".env").exists():
-    load_dotenv(BASE_DIR / ".env")
-elif (ROOT_DIR / ".env").exists():
-    load_dotenv(ROOT_DIR / ".env")
-elif (ROOT_DIR / "default.env").exists():
-    load_dotenv(ROOT_DIR / "default.env")
-else:
-    load_dotenv() # Fallback to standard search
-
-# Helper data for agent configuration
-_BUILT_IN_ROLES = ["INVESTIGATOR", "VALIDATOR", "FORENSIC_ANALYST", "NETWORK_ENGINEER", "SYSTEM_ADMIN", "SECURITY_ARCHITECT", "COMPLIANCE_OFFICER"]
-_DEFAULT_ROLES = ["INVESTIGATOR", "VALIDATOR", "FORENSIC_ANALYST", "NETWORK_ENGINEER"]
-
-def _build_agents_from_env():
-    import json
-    agents = []
-    suffix_map = {'a': 0, 'b': 1, 'c': 2, 'd': 3, 'e': 4, 'f': 5, 'g': 6, 'h': 7, 'i': 8, 'j': 9}
-    for suffix, idx in suffix_map.items():
-        model_key = f"AGENT_{suffix.upper()}_MODEL"
-        provider_key = f"AGENT_{suffix.upper()}_PROVIDER"
-        role_key = f"AGENT_{suffix.upper()}_ROLE"
-        prompt_key = f"AGENT_{suffix.upper()}_SYSTEM_PROMPT"
-        temp_key = f"AGENT_{suffix.upper()}_TEMPERATURE"
-        
-        model = os.getenv(model_key, "")
-        if model:
-            role_idx = idx % len(_DEFAULT_ROLES)
-            agents.append({
-                "id": f"agent_{suffix}",
-                "model": model,
-                "provider": os.getenv(provider_key, "ollama"),
-                "role": os.getenv(role_key, _DEFAULT_ROLES[role_idx]),
-                "system_prompt": os.getenv(prompt_key, ""),
-                "temperature": float(os.getenv(temp_key, str(0.7 - idx * 0.05)))
-            })
-    
-    if not agents:
-        agents = [
-            {
-                "id": "agent_a",
-                "model": os.getenv("AGENT_A_MODEL", "meta-llama/Llama-3.1-8B-Instruct"),
-                "provider": os.getenv("AGENT_A_PROVIDER", "hf"),
-                "role": "INVESTIGATOR",
-                "system_prompt": "",
-                "temperature": 0.7
-            },
-            {
-                "id": "agent_b",
-                "model": os.getenv("AGENT_B_MODEL", "meta-llama/Llama-3.2-1B-Instruct"),
-                "provider": os.getenv("AGENT_B_PROVIDER", "hf"),
-                "role": "VALIDATOR",
-                "system_prompt": "",
-                "temperature": 0.6
-            }
-        ]
-    return agents
-
-class Settings:
-    # OLLAMA
-    OLLAMA_BASE_URL = os.getenv("OLLAMA_BASE_URL", "http://localhost:11434/v1")
-    OLLAMA_API_KEY = os.getenv("OLLAMA_API_KEY", "ollama")
-
-    # AGENTS (Dynamic N-Agent Support)
-    try:
-        AGENTS_JSON = os.getenv("AGENTS_JSON")
-        AGENTS = json.loads(AGENTS_JSON) if AGENTS_JSON else _build_agents_from_env()
-    except:
-        AGENTS = _build_agents_from_env()
-    # EXECUTION ENVIRONMENT
-    EXECUTION_MODE = os.getenv("EXECUTION_MODE", "simulated")
-    SSH_HOST = os.getenv("SSH_HOST", "")
-    SSH_PORT = int(os.getenv("SSH_PORT", "22"))
-    SSH_USER = os.getenv("SSH_USER", "")
-    SSH_PASSWORD = os.getenv("SSH_PASSWORD", "")
-
-    # HUGGINGFACE
-    API_KEY = os.getenv("API_KEY", "ollama")
-    OPENAI_API_KEY = os.getenv("OPENAI_API_KEY", "")
-    HF_TOKEN = os.getenv("HF_TOKEN", "")
-    HF_INFERENCE_URL = os.getenv("HF_INFERENCE_URL", "https://router.huggingface.co/v1")
-
-    # OPENROUTER
-    OPENROUTER_API_KEY = os.getenv("OPENROUTER_API_KEY", "")
-    OPENROUTER_BASE_URL = os.getenv("OPENROUTER_BASE_URL", "https://openrouter.ai/api/v1")
-
-    # SERVER
-    HOST = os.getenv("HOST", "0.0.0.0")
-    PORT = int(os.getenv("PORT", "7860"))
-    DEBUG = os.getenv("DEBUG", "true").lower() in ("true", "1", "yes")
-    ENVIRONMENT = os.getenv("ENVIRONMENT", "local")
-
-    # EPISODE
-    MAX_STEPS = int(os.getenv("MAX_STEPS", "1000"))
-    MAX_EPISODE_TIME_SECONDS = int(os.getenv("MAX_EPISODE_TIME_SECONDS", "1200"))
-    SUCCESS_SCORE_THRESHOLD = float(os.getenv("SUCCESS_SCORE_THRESHOLD", "0.5"))
-
-    # MCP TOOL SERVER
-    MCP_SERVER_PORT = int(os.getenv("MCP_SERVER_PORT", "8001"))
-    MCP_SERVER_URL = os.getenv("MCP_SERVER_URL", "http://localhost:8001")
-
-    # CUSTOM MODEL
-    CUSTOM_MODEL_ENABLED = os.getenv("CUSTOM_MODEL_ENABLED", "false").lower() in ("true", "1", "yes")
-    CUSTOM_MODEL_BASE_URL = os.getenv("CUSTOM_MODEL_BASE_URL", "")
-    CUSTOM_MODEL_API_KEY = os.getenv("CUSTOM_MODEL_API_KEY", "")
-    CUSTOM_MODEL_NAME = os.getenv("CUSTOM_MODEL_NAME", "")
-    CUSTOM_MODEL_AGENT = os.getenv("CUSTOM_MODEL_AGENT", "")
-
-settings = Settings()
+import os
+from pathlib import Path
+from dotenv import load_dotenv
+
+BASE_DIR = Path(__file__).resolve().parent
+
+# Load environment variables, overriding defaults if needed
+load_dotenv(BASE_DIR / ".env")
+
+class Settings:
+    # OLLAMA
+    OLLAMA_BASE_URL = os.getenv("OLLAMA_BASE_URL", "http://localhost:11434/v1")
+    OLLAMA_API_KEY = os.getenv("OLLAMA_API_KEY", "ollama")
+
+    # AGENTS
+    AGENT_A_MODEL = os.getenv("AGENT_A_MODEL", "")
+    AGENT_B_MODEL = os.getenv("AGENT_B_MODEL", "")
+    AGENT_A_PROVIDER = os.getenv("AGENT_A_PROVIDER", "ollama")
+    AGENT_B_PROVIDER = os.getenv("AGENT_B_PROVIDER", "ollama")
+    AGENT_A_ROLE = os.getenv("AGENT_A_ROLE", "INVESTIGATOR")
+    AGENT_B_ROLE = os.getenv("AGENT_B_ROLE", "VALIDATOR")
+    AGENT_A_SYSTEM_PROMPT = os.getenv("AGENT_A_SYSTEM_PROMPT", "")
+    AGENT_B_SYSTEM_PROMPT = os.getenv("AGENT_B_SYSTEM_PROMPT", "")
+    AGENT_A_TEMPERATURE = float(os.getenv("AGENT_A_TEMPERATURE", "0.8"))
+    AGENT_B_TEMPERATURE = float(os.getenv("AGENT_B_TEMPERATURE", "0.6"))
+    AGENT_A_MAX_TOKENS = int(os.getenv("AGENT_A_MAX_TOKENS", "300"))
+    AGENT_B_MAX_TOKENS = int(os.getenv("AGENT_B_MAX_TOKENS", "300"))
+    # EXECUTION ENVIRONMENT
+    EXECUTION_MODE = os.getenv("EXECUTION_MODE", "simulated")
+    SSH_HOST = os.getenv("SSH_HOST", "")
+    SSH_PORT = int(os.getenv("SSH_PORT", "22"))
+    SSH_USER = os.getenv("SSH_USER", "")
+    SSH_PASSWORD = os.getenv("SSH_PASSWORD", "")
+
+    # HUGGINGFACE
+    API_KEY = os.getenv("API_KEY", "ollama")
+    OPENAI_API_KEY = os.getenv("OPENAI_API_KEY", "")
+    HF_TOKEN = os.getenv("HF_TOKEN", "")
+    HF_INFERENCE_URL = os.getenv("HF_INFERENCE_URL", "https://api-inference.huggingface.co/v1")
+
+    # SERVER
+    HOST = os.getenv("HOST", "0.0.0.0")
+    PORT = int(os.getenv("PORT", "7860"))
+    DEBUG = os.getenv("DEBUG", "true").lower() in ("true", "1", "yes")
+    ENVIRONMENT = os.getenv("ENVIRONMENT", "local")
+
+    # EPISODE
+    MAX_STEPS = int(os.getenv("MAX_STEPS", "1000"))
+    MAX_EPISODE_TIME_SECONDS = int(os.getenv("MAX_EPISODE_TIME_SECONDS", "1200"))
+    SUCCESS_SCORE_THRESHOLD = float(os.getenv("SUCCESS_SCORE_THRESHOLD", "0.5"))
+
+    # MCP TOOL SERVER
+    MCP_SERVER_PORT = int(os.getenv("MCP_SERVER_PORT", "8001"))
+    MCP_SERVER_URL = os.getenv("MCP_SERVER_URL", "http://localhost:8001")
+
+    # CUSTOM MODEL
+    CUSTOM_MODEL_ENABLED = os.getenv("CUSTOM_MODEL_ENABLED", "false").lower() in ("true", "1", "yes")
+    CUSTOM_MODEL_BASE_URL = os.getenv("CUSTOM_MODEL_BASE_URL", "")
+    CUSTOM_MODEL_API_KEY = os.getenv("CUSTOM_MODEL_API_KEY", "")
+    CUSTOM_MODEL_NAME = os.getenv("CUSTOM_MODEL_NAME", "")
+    CUSTOM_MODEL_AGENT = os.getenv("CUSTOM_MODEL_AGENT", "")
+
+settings = Settings()

backend/core/agent_runner.py

@@ -1,150 +1,141 @@
-import re
-import asyncio
-from typing import List
-from api.schemas.action import ToolCall
-from models.model_manager import model_manager
-from tools.tool_registry import registry
-from utils.logger import logger
-from config import settings
-
-ROLE_DEFINITIONS = {
-    "INVESTIGATOR": "You are an expert incident investigator with deep systems knowledge. Your job: form specific hypotheses, test them with tools, eliminate dead ends, and find the root cause. Be direct. Be technical. Never be vague.",
-    "VALIDATOR": "You are an expert systems validator and devil's advocate. Your job: challenge every hypothesis with evidence, find edge cases, and verify fixes. Do NOT simply agree. If your partner is wrong, prove it with tools. If they found the root cause, verify it thoroughly before accepting.",
-    "FORENSIC_ANALYST": "You are an elite digital forensic analyst. Focus heavily on reading logs, inspecting file timestamps, memory dumps, and tracing bash histories. Do not guess—look for precise digital fingerprints and anomalies deep in the system logs.",
-    "NETWORK_ENGINEER": "You are a senior network engineer. Focus exclusively on port communication, routing tables, ping, active TCP/UDP connections, and firewall configurations. Your instinct is to determine how the threat or failure is propagating across the internal mesh.",
-    "SYSTEM_ADMIN": "You are a grizzled system administrator. Focus on core OS services, user permissions, kernel messages (dmesg), cron jobs, and runaway processes. Fix operational misconfigurations logically and decisively.",
-    "SECURITY_ARCHITECT": "You are a rigorous security architect. You look for structural flaws: overly permissive firewall rules, unencrypted traffic flows, and exposed secrets. Treat every incident as a potential systemic breach.",
-    "COMPLIANCE_OFFICER": "You are a strict compliance and audit officer. You focus strictly on policy violations and unauthorized data access. Identify unapproved tools and non-compliant execution paths. Prioritize strict adherence over operational speed."
-}
-
-TOOL_INSTRUCTIONS_SIMULATED = """
-You have access to simulation tools. When calling a tool write exactly: TOOL: tool_name(param="value")
-You can call multiple tools per message. You must use tools like update_config and restart_service to fix the system. 
-Once the fix is verified entirely, call TOOL: submit_resolution(root_cause_service="...", root_cause_description="...", fix_applied="...") to end the investigation.
-"""
-
-TOOL_INSTRUCTIONS_SSH = """
-You are operating on a LIVE remote Linux server. You have a real bash terminal via the run_terminal_command tool. USE IT AGGRESSIVELY.
-You have root access. Do NOT theorize without evidence — run actual commands to get facts.
-When calling a tool write exactly: TOOL: run_terminal_command(command="your bash command here")
-Examples: TOOL: run_terminal_command(command="journalctl -n 50 --no-pager")
-          TOOL: run_terminal_command(command="systemctl status nginx")
-You can also call propose_fix. Once the fix is verified, call TOOL: submit_resolution(root_cause_service="...", root_cause_description="...", fix_applied="...") to end the investigation.
-"""
-
-class AgentRunner:
-    def parse_tool_calls(self, message: str) -> List[ToolCall]:
-        # Parse "TOOL: tool_name(param="value")"
-        tool_calls = []
-        pattern = r'TOOL:\s*([a-zA-Z0-9_]+)\((.*?)\)'
-        matches = re.finditer(pattern, message)
-        
-        for match in matches:
-            tool_name = match.group(1)
-            params_str = match.group(2)
-            
-            # Simple param parsing - expects key="value", key='value' or key=value
-            params = {}
-            if params_str.strip():
-                param_pairs = params_str.split(',')
-                for pair in param_pairs:
-                    if '=' in pair:
-                        k, v = pair.split('=', 1)
-                        k = k.strip()
-                        v = v.strip().strip('"').strip("'")
-                        params[k] = v
-            
-            tool_calls.append(ToolCall(tool_name=tool_name, params=params))
-            
-        return tool_calls
-
-    async def execute_tool_calls(self, tool_calls: List[ToolCall], scenario: dict, round_num: int, episode_state) -> List[dict]:
-        results = []
-        for tc in tool_calls:
-            # We call the registry. In reality, MCP might be external but here it's in-process registry calls
-            # Episode state is passed for propose_fix and verify_fix
-            res_str = registry.call_tool(tc.tool_name, tc.params, scenario, round_num, episode_state)
-            
-            # Record it in state
-            episode_state.add_tool_call(tc.tool_name, tc.params)
-            
-            results.append({
-                "tool_name": tc.tool_name,
-                "result": res_str,
-                "success": not res_str.startswith("Error")
-            })
-        return results
-
-    async def run_step(self, agent_id: str, episode_state, scenario: dict, max_retries: int = 2):
-        client, model_name = model_manager.get_client(agent_id)
-        
-        is_ssh = settings.EXECUTION_MODE == "ssh"
-        tool_rules = TOOL_INSTRUCTIONS_SSH if is_ssh else TOOL_INSTRUCTIONS_SIMULATED
-        
-        agent_config = next((a for a in settings.AGENTS if a["id"] == agent_id), {})
-        role = agent_config.get("role", "INVESTIGATOR")
-        custom_prompt = agent_config.get("system_prompt", "")
-
-        if role.startswith("CUSTOM_") and custom_prompt:
-            sys_prompt = custom_prompt + "\n\n" + tool_rules
-        else:
-            behavior = ROLE_DEFINITIONS.get(role, ROLE_DEFINITIONS["INVESTIGATOR"])
-            sys_prompt = behavior + "\n\n" + tool_rules
-
-        context = f"Current incident: {scenario.get('description', '')}\n"
-        
-        other_agents = [a["id"] for a in settings.AGENTS if a["id"] != agent_id]
-        if other_agents:
-            context += f"Other agents in this investigation: {', '.join(other_agents)}\n"
-        
-        agent_configs = {a["id"]: a for a in settings.AGENTS}
-        for other_id in other_agents:
-            other_msgs = episode_state.messages_by_agent.get(other_id, [])
-            if other_msgs:
-                other_role = agent_configs.get(other_id, {}).get("role", "AGENT")
-                last_msg = other_msgs[-1] if other_msgs else ""
-                context += f"\n[{other_role}] {other_id}'s latest insight: {last_msg[:300]}...\n"
-        
-        if hasattr(episode_state, 'clues_found') and episode_state.clues_found:
-            context += f"\nClues discovered so far:\n"
-            for clue in episode_state.clues_found[-5:]:
-                context += f"- {clue[:200]}\n"
-        
-        messages = [{"role": "system", "content": sys_prompt}]
-        
-        recent_msgs = episode_state.all_messages[-6:]
-        if recent_msgs:
-            context += "\nRecent conversation history:\n"
-            for i, m in enumerate(recent_msgs[-4:]):
-                if len(m) > 150:
-                    m = m[:150] + "..."
-                context += f"- {m}\n"
-                
-        messages.append({"role": "user", "content": context})
-        
-        full_response = ""
-        last_error = None
-        
-        for attempt in range(max_retries + 1):
-            try:
-                stream = await client.chat.completions.create(
-                    model=model_name,
-                    messages=messages,
-                    max_tokens=2048,
-                    timeout=120.0,
-                    stream=True
-                )
-                async for chunk in stream:
-                    content = chunk.choices[0].delta.content or ""
-                    if content:
-                        full_response += content
-                        yield content
-                return
-            except Exception as e:
-                last_error = e
-                logger.warning(f"Attempt {attempt + 1}/{max_retries + 1} failed for {model_name}: {e}")
-                if attempt < max_retries:
-                    await asyncio.sleep(2 ** attempt)
-        
-        logger.error(f"All retries exhausted for {model_name}: {last_error}")
-        yield f"I encountered an error: {last_error}. Please verify the model endpoint is accessible."
+import re
+from typing import List
+from api.schemas.action import ToolCall
+from models.model_manager import model_manager
+from tools.tool_registry import registry
+from utils.logger import logger
+from config import settings
+
+ROLE_DEFINITIONS = {
+    "INVESTIGATOR": "You are an expert incident investigator with deep systems knowledge. Your job: form specific hypotheses, test them with tools, eliminate dead ends, and find the root cause. Be direct. Be technical. Never be vague.",
+    "VALIDATOR": "You are an expert systems validator and devil's advocate. Your job: challenge every hypothesis with evidence, find edge cases, and verify fixes. Do NOT simply agree. If your partner is wrong, prove it with tools. If they found the root cause, verify it thoroughly before accepting.",
+    "FORENSIC_ANALYST": "You are an elite digital forensic analyst. Focus heavily on reading logs, inspecting file timestamps, memory dumps, and tracing bash histories. Do not guess—look for precise digital fingerprints and anomalies deep in the system logs.",
+    "NETWORK_ENGINEER": "You are a senior network engineer. Focus exclusively on port communication, routing tables, ping, active TCP/UDP connections, and firewall configurations. Your instinct is to determine how the threat or failure is propagating across the internal mesh.",
+    "SYSTEM_ADMIN": "You are a grizzled system administrator. Focus on core OS services, user permissions, kernel messages (dmesg), cron jobs, and runaway processes. Fix operational misconfigurations logically and decisively.",
+    "SECURITY_ARCHITECT": "You are a rigorous security architect. You look for structural flaws: overly permissive firewall rules, unencrypted traffic flows, and exposed secrets. Treat every incident as a potential systemic breach.",
+    "COMPLIANCE_OFFICER": "You are a strict compliance and audit officer. You focus strictly on policy violations and unauthorized data access. Identify unapproved tools and non-compliant execution paths. Prioritize strict adherence over operational speed."
+}
+
+TOOL_INSTRUCTIONS_SIMULATED = """
+You have access to simulation tools. When calling a tool write exactly: TOOL: tool_name(param="value")
+You can call multiple tools per message. You must use tools like update_config and restart_service to fix the system. 
+Once the fix is verified entirely, call TOOL: submit_resolution(root_cause_service="...", root_cause_description="...", fix_applied="...") to end the investigation.
+"""
+
+TOOL_INSTRUCTIONS_SSH = """
+You are operating on a LIVE remote Linux server. You have a real bash terminal via the run_terminal_command tool. USE IT AGGRESSIVELY.
+You have root access. Do NOT theorize without evidence — run actual commands to get facts.
+When calling a tool write exactly: TOOL: run_terminal_command(command="your bash command here")
+Examples: TOOL: run_terminal_command(command="journalctl -n 50 --no-pager")
+          TOOL: run_terminal_command(command="systemctl status nginx")
+You can also call propose_fix. Once the fix is verified, call TOOL: submit_resolution(root_cause_service="...", root_cause_description="...", fix_applied="...") to end the investigation.
+"""
+
+class AgentRunner:
+    def parse_tool_calls(self, message: str) -> List[ToolCall]:
+        # Parse "TOOL: tool_name(param="value")"
+        tool_calls = []
+        pattern = r'TOOL:\s*([a-zA-Z0-9_]+)\((.*?)\)'
+        matches = re.finditer(pattern, message)
+        
+        for match in matches:
+            tool_name = match.group(1)
+            params_str = match.group(2)
+            
+            # Simple param parsing - expects key="value", key='value' or key=value
+            params = {}
+            if params_str.strip():
+                param_pairs = params_str.split(',')
+                for pair in param_pairs:
+                    if '=' in pair:
+                        k, v = pair.split('=', 1)
+                        k = k.strip()
+                        v = v.strip().strip('"').strip("'")
+                        params[k] = v
+            
+            tool_calls.append(ToolCall(tool_name=tool_name, params=params))
+            
+        return tool_calls
+
+    async def execute_tool_calls(self, tool_calls: List[ToolCall], scenario: dict, round_num: int, episode_state) -> List[dict]:
+        results = []
+        for tc in tool_calls:
+            # We call the registry. In reality, MCP might be external but here it's in-process registry calls
+            # Episode state is passed for propose_fix and verify_fix
+            res_str = registry.call_tool(tc.tool_name, tc.params, scenario, round_num, episode_state)
+            
+            # Record it in state
+            episode_state.add_tool_call(tc.tool_name, tc.params)
+            
+            results.append({
+                "tool_name": tc.tool_name,
+                "result": res_str,
+                "success": not res_str.startswith("Error")
+            })
+        return results
+
+    async def run_step(self, agent_id: str, episode_state, scenario: dict):
+        client, model_name = model_manager.get_client(agent_id)
+        
+        is_ssh = settings.EXECUTION_MODE == "ssh"
+        tool_rules = TOOL_INSTRUCTIONS_SSH if is_ssh else TOOL_INSTRUCTIONS_SIMULATED
+        
+        # Build System Prompt based on mapping
+        if agent_id == "agent_a":
+            role = settings.AGENT_A_ROLE
+            custom_prompt = settings.AGENT_A_SYSTEM_PROMPT
+        else:
+            role = settings.AGENT_B_ROLE
+            custom_prompt = settings.AGENT_B_SYSTEM_PROMPT
+
+        if role.startswith("CUSTOM_") and custom_prompt:
+            sys_prompt = custom_prompt + "\n\n" + tool_rules
+        else:
+            behavior = ROLE_DEFINITIONS.get(role, ROLE_DEFINITIONS["INVESTIGATOR"])
+            sys_prompt = behavior + "\n\n" + tool_rules
+
+        # Build context
+        context = f"Current incident: {scenario.get('description', '')}\n"
+        if hasattr(episode_state, 'last_partner_message') and episode_state.last_partner_message:
+            context += f"Partner's last message: {episode_state.last_partner_message}\n"
+        if hasattr(episode_state, 'clues_found') and episode_state.clues_found:
+            context += f"Clues found: {episode_state.clues_found}\n"
+        # Note: don't mention rounds - let agents reason freely until consensus
+        
+        # We append history
+        messages = [{"role": "system", "content": sys_prompt}]
+        
+        # Add a summary of previous messages
+        if hasattr(episode_state, 'all_messages'):
+            all_msgs = episode_state.all_messages[-3:] # only last 3 to fit context
+            if all_msgs:
+                context += "\nRecent history:\n"
+                for m in all_msgs:
+                    context += f"- {m}\n"
+                
+        messages.append({"role": "user", "content": context})
+        
+        # Call model with streaming
+        full_response = ""
+        try:
+            stream = await client.chat.completions.create(
+                model=model_name,
+                messages=messages,
+                max_tokens=2048,
+                timeout=60.0,
+                stream=True
+            )
+            async for chunk in stream:
+                content = chunk.choices[0].delta.content or ""
+                if content:
+                    full_response += content
+                    yield content # Yield partial chunk
+        except Exception as e:
+            logger.error(f"Error calling model {model_name} for {agent_id}: {e}")
+            full_response = "I encountered an error analyzing the situation. Let me try again next round."
+            yield full_response
+            
+        # Final yielding of special end marker or just finish
+        # The caller (openenv.py) will collect all yielded values to build the full response
+        # and then call runner.parse_tool_calls(full_message) themselves.
+        pass

backend/core/episode_manager.py

@@ -9,7 +9,7 @@ class EpisodeManager:
         self.is_paused = False
         self.simulation_task = None
 
-    async def reset(self, task: str, custom_scenario: dict = None, seed: int = None, max_steps: int = None, broadcast_episode: bool = True):
+    async def reset(self, task: str, custom_scenario: dict = None, seed: int = None, max_steps: int = None):
         # Cancel any active simulation loop
         if hasattr(self, 'simulation_task') and self.simulation_task and not self.simulation_task.done():
             self.simulation_task.cancel()
@@ -21,21 +21,21 @@ class EpisodeManager:
 
         obs = await self.env.reset(task=task, custom_scenario=custom_scenario, seed=seed, max_steps=max_steps)
         
-        if broadcast_episode:
-            # Broadcast episode_start
-            sc_safe = self.env.active_scenario.copy()
-            if "root_cause" in sc_safe: del sc_safe["root_cause"]
-            if "correct_fix" in sc_safe: del sc_safe["correct_fix"]
-            if "clue_map" in sc_safe: del sc_safe["clue_map"]
-            
-            from config import settings
-            await broadcast("episode_start", {
-                "episode_id": self.env.active_episode.episode_id,
-                "scenario": sc_safe,
-                "task": task,
-                "difficulty": self.env.active_episode.difficulty,
-                "agents": getattr(settings, "AGENTS", [])
-            })
+        # Broadcast episode_start
+        sc_safe = self.env.active_scenario.copy()
+        if "root_cause" in sc_safe: del sc_safe["root_cause"]
+        if "correct_fix" in sc_safe: del sc_safe["correct_fix"]
+        if "clue_map" in sc_safe: del sc_safe["clue_map"]
+        
+        from config import settings
+        await broadcast("episode_start", {
+            "episode_id": self.env.active_episode.episode_id,
+            "scenario": sc_safe,
+            "task": task,
+            "difficulty": self.env.active_episode.difficulty,
+            "agent_a_model": settings.AGENT_A_MODEL,
+            "agent_b_model": settings.AGENT_B_MODEL
+        })
         return obs
 
     async def step(self, action):
@@ -81,11 +81,9 @@ class EpisodeManager:
                 "success": info.get("success", False),
                 "steps_taken": self.env.active_episode.steps_taken,
                 "final_score": info.get("final_score", getattr(self.env.active_episode, "cumulative_reward", 0)),
-                "final_breakdown": info.get("breakdown", {}),
-                "clues_found": self.env.active_episode.clues_found,
                 "root_cause_found": self.env.active_episode.fix_correct,
                 "fix_verified": self.env.active_episode.fix_verified,
-                "time_taken_seconds": 0,
+                "time_taken_seconds": 0, # could track
                 "reward_history": self.env.active_episode.reward_history
             })
 

backend/core/state_manager.py

@@ -11,8 +11,8 @@ class EpisodeState:
         self.current_round = 1
         self.max_rounds = max_rounds
         
-        from config import settings
-        self.messages_by_agent: Dict[str, List[str]] = {a["id"]: [] for a in settings.AGENTS}
+        self.agent_a_messages: List[str] = []
+        self.agent_b_messages: List[str] = []
         self.all_messages: List[str] = []
         
         self.tool_calls_made: List[Dict] = []
@@ -39,15 +39,11 @@ class EpisodeState:
     def add_message(self, agent_id: str, message: str):
         self.steps_taken += 1
         self.all_messages.append(message)
-        if agent_id not in self.messages_by_agent:
-            self.messages_by_agent[agent_id] = []
-        self.messages_by_agent[agent_id].append(message)
-        
-        from config import settings
-        # A full round is defined as all agents having spoken at least once in the current sequence
-        # We can approximate this by incrementing round when the last agent in the list speaks
-        if settings.AGENTS and agent_id == settings.AGENTS[-1]["id"]:
-            self.current_round += 1
+        if agent_id == "agent_a":
+            self.agent_a_messages.append(message)
+        else:
+            self.agent_b_messages.append(message)
+            self.current_round += 1  # A full round is both agents speaking
             
         self.last_partner_message = message
         
@@ -68,7 +64,8 @@ class EpisodeState:
             difficulty=self.difficulty,
             current_round=self.current_round,
             max_rounds=self.max_rounds,
-            messages_by_agent=self.messages_by_agent,
+            agent_a_messages=self.agent_a_messages,
+            agent_b_messages=self.agent_b_messages,
             tool_calls_made=self.tool_calls_made,
             clues_found=self.clues_found,
             root_cause_found=self.root_cause_found,

backend/main.py

@@ -94,10 +94,4 @@ async def startup_event():
     run_mcp()
 
 if __name__ == "__main__":
-    try:
-        uvicorn.run(app, host=settings.HOST, port=settings.PORT)
-    except Exception as e:
-        import traceback
-        print(f"FATAL ERROR AT STARTUP: {str(e)}")
-        traceback.print_exc()
-        os._exit(1)
+    uvicorn.run(app, host=settings.HOST, port=settings.PORT)

backend/models/model_manager.py

@@ -1,162 +1,115 @@
-import os
-from typing import Tuple, Dict, List
-from openai import AsyncOpenAI
-import httpx
-
-from config import settings
-from .ollama_client import OllamaClient
-from .hf_client import HFClient
-
-class ModelManager:
-    def __init__(self):
-        self.ollama = OllamaClient(settings.OLLAMA_BASE_URL, settings.OLLAMA_API_KEY)
-        self.hf_client = None
-        
-        hf_token = os.environ.get("HF_TOKEN", "") or settings.HF_TOKEN or ""
-        if hf_token and hf_token not in ("", "your_huggingface_token_here", "ollama", "hf_YourTokenHere"):
-            self.hf_client = HFClient(settings.HF_INFERENCE_URL, hf_token)
-            
-    def get_client(self, agent_id: str) -> Tuple[AsyncOpenAI, str]:
-        agent_config = next((a for a in settings.AGENTS if a["id"] == agent_id), None)
-        if not agent_config:
-            # Fallback for unrecognized agent
-            agent_config = settings.AGENTS[0] if settings.AGENTS else {"provider": "ollama", "model": "llama3"}
-            
-        provider = agent_config.get("provider", "ollama")
-        model_name = os.environ.get("MODEL_NAME", "") or agent_config.get("model", "")
-        
-        api_base = os.environ.get("API_BASE_URL", "")
-        api_key = os.environ.get("API_KEY", "")
-        if api_base and api_key and provider != "openai":
-            client = AsyncOpenAI(
-                base_url=api_base,
-                api_key=api_key
-            )
-            return client, model_name
-
-        hf_token = os.environ.get("HF_TOKEN", "") or settings.HF_TOKEN or ""
-        openai_key = os.environ.get("OPENAI_API_KEY", "") or getattr(settings, "OPENAI_API_KEY", "")
-
-        if settings.CUSTOM_MODEL_ENABLED:
-            if settings.CUSTOM_MODEL_AGENT.lower() in (agent_id.lower(), "both", "all"):
-                client = AsyncOpenAI(
-                    base_url=settings.CUSTOM_MODEL_BASE_URL,
-                    api_key=settings.CUSTOM_MODEL_API_KEY or "none"
-                )
-                return client, settings.CUSTOM_MODEL_NAME
-        
-        # Priority: OpenAI > HuggingFace > Ollama
-        if provider == "openai" and openai_key:
-            client = AsyncOpenAI(api_key=openai_key, base_url=getattr(settings, "OPENAI_BASE_URL", "https://api.openai.com/v1"))
-            return client, model_name
-            
-        if provider == "hf" or not self._is_ollama_available():
-            if self.hf_client:
-                return self.hf_client.get_client(), model_name
-            if hf_token and hf_token not in ("", "your_huggingface_token_here", "ollama", "hf_YourTokenHere"):
-                temp_client = HFClient(settings.HF_INFERENCE_URL, hf_token)
-                return temp_client.get_client(), model_name
-                
-        if provider == "openrouter" and getattr(settings, "OPENROUTER_API_KEY", ""):
-            client = AsyncOpenAI(api_key=settings.OPENROUTER_API_KEY, base_url=settings.OPENROUTER_BASE_URL)
-            return client, model_name
-        
-        return self.ollama.get_client(), model_name
-    
-    def _is_ollama_available(self) -> bool:
-        try:
-            import socket
-            host = settings.OLLAMA_BASE_URL.replace("http://", "").replace("https://", "").split(":")[0]
-            port = 11434
-            if ":" in settings.OLLAMA_BASE_URL:
-                port = int(settings.OLLAMA_BASE_URL.split(":")[-1].split("/")[0])
-            sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
-            sock.settimeout(1)
-            result = sock.connect_ex((host, port))
-            sock.close()
-            return result == 0
-        except:
-            return False
-
-    async def add_custom_model(self, agent_id: str, base_url: str, api_key: str, model_name: str) -> dict:
-        try:
-            client = AsyncOpenAI(base_url=base_url, api_key=api_key or "none")
-            response = await client.chat.completions.create(
-                model=model_name,
-                messages=[{"role": "user", "content": "Say 'hello' in exactly one word."}],
-                max_tokens=10,
-                timeout=30.0
-            )
-            
-            if response and response.choices:
-                env_map = {
-                    "CUSTOM_MODEL_ENABLED": "true",
-                    "CUSTOM_MODEL_BASE_URL": base_url,
-                    "CUSTOM_MODEL_API_KEY": api_key,
-                    "CUSTOM_MODEL_NAME": model_name,
-                    "CUSTOM_MODEL_AGENT": agent_id
-                }
-                self._update_env_file(env_map)
-                
-                settings.CUSTOM_MODEL_ENABLED = True
-                settings.CUSTOM_MODEL_BASE_URL = base_url
-                settings.CUSTOM_MODEL_API_KEY = api_key
-                settings.CUSTOM_MODEL_NAME = model_name
-                settings.CUSTOM_MODEL_AGENT = agent_id
-                
-                return {"success": True, "message": "Custom model verified and activated."}
-            else:
-                return {"success": False, "message": "Model did not return a valid completion."}
-                
-        except Exception as e:
-            return {"success": False, "message": f"Validation failed: {str(e)}"}
-
-    async def remove_custom_model(self, agent_id: str):
-        if settings.CUSTOM_MODEL_AGENT.lower() in (agent_id.lower(), "both"):
-            env_map = {"CUSTOM_MODEL_ENABLED": "false"}
-            self._update_env_file(env_map)
-            settings.CUSTOM_MODEL_ENABLED = False
-
-    async def list_available_models(self) -> List[str]:
-        hf_token = os.environ.get("HF_TOKEN", "") or settings.HF_TOKEN or ""
-        if hf_token and hf_token not in ("", "your_huggingface_token_here", "ollama", "hf_YourTokenHere"):
-            try:
-                async with httpx.AsyncClient() as client:
-                    resp = await client.get(
-                        "https://huggingface.co/api/models",
-                        headers={"Authorization": f"Bearer {hf_token}"},
-                        timeout=30.0
-                    )
-                    if resp.status_code == 200:
-                        models = resp.json()
-                        return [m["id"] for m in models[:50]]
-            except:
-                pass
-        return await self.ollama.list_models()
-
-    def pull_model(self, model_name: str):
-        return self.ollama.pull_model(model_name)
-        
-    def _update_env_file(self, overrides: dict):
-        env_path = os.path.join(os.path.dirname(os.path.dirname(__file__)), "default.env")
-        if not os.path.exists(env_path):
-            return
-            
-        with open(env_path, "r") as f:
-            lines = f.readlines()
-            
-        new_lines = []
-        for line in lines:
-            updated = False
-            for k, v in overrides.items():
-                if line.startswith(f"{k}="):
-                    new_lines.append(f"{k}={v}\n")
-                    updated = True
-                    break
-            if not updated:
-                new_lines.append(line)
-                
-        with open(env_path, "w") as f:
-            f.writelines(new_lines)
-
-model_manager = ModelManager()
+import os
+from typing import Tuple, Dict, List
+from openai import AsyncOpenAI
+import httpx
+import json
+
+from config import settings
+from .ollama_client import OllamaClient
+from .hf_client import HFClient
+
+class ModelManager:
+    def __init__(self):
+        self.ollama = OllamaClient(settings.OLLAMA_BASE_URL, settings.OLLAMA_API_KEY)
+        self.hf = None
+        if settings.HF_TOKEN and settings.HF_TOKEN != "your_huggingface_token_here":
+            self.hf = HFClient(settings.HF_INFERENCE_URL, settings.HF_TOKEN)
+            
+    def get_client(self, agent_id: str) -> Tuple[AsyncOpenAI, str]:
+        # Check if custom model set for this agent
+        if settings.CUSTOM_MODEL_ENABLED:
+            if settings.CUSTOM_MODEL_AGENT.lower() == agent_id.lower() or settings.CUSTOM_MODEL_AGENT.lower() == "both":
+                client = AsyncOpenAI(
+                    base_url=settings.CUSTOM_MODEL_BASE_URL,
+                    api_key=settings.CUSTOM_MODEL_API_KEY or "none"
+                )
+                return client, settings.CUSTOM_MODEL_NAME
+                
+        # Determine provider and model
+        if agent_id == "agent_a":
+            provider = settings.AGENT_A_PROVIDER
+            model_name = settings.AGENT_A_MODEL
+        else:
+            provider = settings.AGENT_B_PROVIDER
+            model_name = settings.AGENT_B_MODEL
+            
+        if provider == "hf" and self.hf:
+            return self.hf.get_client(), model_name
+        elif provider == "openai":
+            # We spin up OpenAI dynamically pulling the global OpenAI Key
+            client = AsyncOpenAI(api_key=settings.OPENAI_API_KEY)
+            return client, model_name
+        
+        return self.ollama.get_client(), model_name
+
+    async def add_custom_model(self, agent_id: str, base_url: str, api_key: str, model_name: str) -> dict:
+        try:
+            # Validate endpoint and test with simple completion
+            client = AsyncOpenAI(base_url=base_url, api_key=api_key or "none")
+            response = await client.chat.completions.create(
+                model=model_name,
+                messages=[{"role": "user", "content": "Say 'hello' in exactly one word."}],
+                max_tokens=10,
+                timeout=10.0
+            )
+            
+            if response and response.choices:
+                # Test passed, update .env file dynamically
+                env_map = {
+                    "CUSTOM_MODEL_ENABLED": "true",
+                    "CUSTOM_MODEL_BASE_URL": base_url,
+                    "CUSTOM_MODEL_API_KEY": api_key,
+                    "CUSTOM_MODEL_NAME": model_name,
+                    "CUSTOM_MODEL_AGENT": agent_id
+                }
+                self._update_env_file(env_map)
+                
+                # Update runtime config
+                settings.CUSTOM_MODEL_ENABLED = True
+                settings.CUSTOM_MODEL_BASE_URL = base_url
+                settings.CUSTOM_MODEL_API_KEY = api_key
+                settings.CUSTOM_MODEL_NAME = model_name
+                settings.CUSTOM_MODEL_AGENT = agent_id
+                
+                return {"success": True, "message": "Custom model verified and activated."}
+            else:
+                return {"success": False, "message": "Model did not return a valid completion."}
+                
+        except Exception as e:
+            return {"success": False, "message": f"Validation failed: {str(e)}"}
+
+    async def remove_custom_model(self, agent_id: str):
+        if settings.CUSTOM_MODEL_AGENT.lower() == agent_id.lower() or settings.CUSTOM_MODEL_AGENT.lower() == "both":
+            env_map = {"CUSTOM_MODEL_ENABLED": "false"}
+            self._update_env_file(env_map)
+            settings.CUSTOM_MODEL_ENABLED = False
+
+    async def list_available_models(self) -> List[str]:
+        return await self.ollama.list_models()
+
+    def pull_model(self, model_name: str):
+        return self.ollama.pull_model(model_name)
+        
+    def _update_env_file(self, overrides: dict):
+        env_path = os.path.join(os.path.dirname(os.path.dirname(__file__)), "default.env")
+        if not os.path.exists(env_path):
+            return
+            
+        with open(env_path, "r") as f:
+            lines = f.readlines()
+            
+        new_lines = []
+        for line in lines:
+            updated = False
+            for k, v in overrides.items():
+                if line.startswith(f"{k}="):
+                    new_lines.append(f"{k}={v}\n")
+                    updated = True
+                    break
+            if not updated:
+                new_lines.append(line)
+                
+        with open(env_path, "w") as f:
+            f.writelines(new_lines)
+
+model_manager = ModelManager()

backend/requirements.txt

@@ -1,14 +1,15 @@
-fastapi>=0.110.0
-uvicorn[standard]>=0.27.0
-openai>=1.12.0
-pydantic>=2.6.0
-pydantic-settings>=2.2.0
-python-dotenv>=1.0.0
-websockets>=12.0
-httpx>=0.27.0
-numpy>=1.26.0
-aiofiles>=23.2.1
-python-multipart>=0.0.9
-paramiko>=3.4.0
-psutil>=5.9.0
-openenv-core>=0.2.0
+fastapi>=0.110.0
+uvicorn[standard]>=0.27.0
+openai>=1.12.0
+pydantic>=2.6.0
+pydantic-settings>=2.2.0
+python-dotenv>=1.0.0
+websockets>=12.0
+httpx>=0.27.0
+numpy>=1.26.0
+sentence-transformers>=2.6.0
+torch>=2.2.0
+aiofiles>=23.2.1
+python-multipart>=0.0.9
+paramiko>=3.4.0
+psutil>=5.9.0

backend/scenarios/data/easy/software-incident.json

@@ -1,33 +0,0 @@
-{
-    "id": "software-incident",
-    "title": "Nginx Rate Limit Investigation",
-    "difficulty": "easy",
-    "domain": "DevOps",
-    "description": "Users are reporting 503 errors when accessing the main API. Initial reports suggest a misconfigured rate limit.",
-    "context": "The system uses Nginx as a reverse proxy. A recent change might have throttled legitimate traffic.",
-    "symptoms": [
-        "HTTP 503 errors",
-        "High latency for API calls"
-    ],
-    "available_services": [
-        "nginx-proxy",
-        "api-gateway"
-    ],
-    "initial_state": {
-        "nginx-proxy": {
-            "status": "running",
-            "rate_limit": "10",
-            "last_reload": "2 hours ago"
-        }
-    },
-    "root_cause": {
-        "service": "nginx-proxy",
-        "description": "Nginx rate limit was set too low (10 requests/sec) during a maintenance window."
-    },
-    "grading_criteria": {
-        "nginx_rate_limit_fixed": 0.49,
-        "nginx_restarted": 0.20,
-        "fix_verified": 0.20,
-        "efficiency_bonus": 0.09
-    }
-}

backend/scenarios/data/hard/cascade-system-failure.json

@@ -1,42 +0,0 @@
-{
-    "id": "cascade-system-failure",
-    "title": "Postgres Connection Exhaustion",
-    "difficulty": "hard",
-    "domain": "Database",
-    "description": "A cascade failure is occurring across the cluster. Database connections are being exhausted by a long-running analytics query.",
-    "context": "The analytics service might be the culprit. A red herring points to the disk backup agent.",
-    "symptoms": [
-        "FATAL: too many connections",
-        "Application timeout",
-        "High I/O wait"
-    ],
-    "available_services": [
-        "postgres-db",
-        "disk-backup-agent",
-        "analytics-service"
-    ],
-    "initial_state": {
-        "postgres-db": {
-            "status": "running",
-            "max_connections": "20",
-            "long_running_query": "SELECT * FROM large_audit_table CROSS JOIN high_res_metrics",
-            "query_timeout_analytics": "0"
-        },
-        "disk-backup-agent": {
-            "status": "degraded",
-            "disk_scan_active": "true"
-        }
-    },
-    "root_cause": {
-        "service": "postgres-db",
-        "description": "A cross-join query in the analytics service is locking connections, coupled with a low max_connections limit."
-    },
-    "grading_criteria": {
-        "postgres_query_terminated": 0.25,
-        "postgres_max_connections_increased": 0.20,
-        "postgres_query_timeout_set": 0.20,
-        "penalty_disk_backup_agent_modified": -0.15,
-        "fix_verified": 0.10,
-        "efficiency_bonus": 0.05
-    }
-}

backend/scenarios/data/medium/business-process-failure.json

@@ -1,39 +0,0 @@
-{
-    "id": "business-process-failure",
-    "title": "Inventory Stockout Loop",
-    "difficulty": "medium",
-    "domain": "E-Commerce",
-    "description": "The inventory service is failing to trigger restocking orders even when stock is zero.",
-    "context": "The inventory logic depends on a minimum stock threshold. A red herring might point to the CDN edge node.",
-    "symptoms": [
-        "Stockouts",
-        "Orders stuck in 'PENDING_STOCK'"
-    ],
-    "available_services": [
-        "inventory-service",
-        "cdn-edge-node",
-        "order-processor"
-    ],
-    "initial_state": {
-        "inventory-service": {
-            "status": "running",
-            "minimum_stock_threshold": "50",
-            "last_reload": "1 day ago"
-        },
-        "cdn-edge-node": {
-            "status": "running",
-            "cache_expiry": "3600s"
-        }
-    },
-    "root_cause": {
-        "service": "inventory-service",
-        "description": "Minimum stock threshold was accidentally hardcoded to a high value, preventing restocking."
-    },
-    "grading_criteria": {
-        "inventory_threshold_fixed": 0.45,
-        "inventory_restarted": 0.10,
-        "penalty_cdn_edge_node_modified": -0.15,
-        "fix_verified": 0.20,
-        "efficiency_bonus": 0.10
-    }
-}

backend/scenarios/graders/__init__.py

@@ -1 +1 @@
-# Init for graders
+# Init for graders

backend/scenarios/graders/base_grader.py

@@ -1,17 +1,7 @@
 class BaseGrader:
-    def _clamp(self, score: float) -> float:
-        """
-        Clamp score to be strictly between 0 and 1 (not exactly 0 or 1)
-        """
-        if score <= 0.0:
-            return 0.001
-        elif score >= 1.0:
-            return 0.999
-        return round(score, 4)
-    
     def grade(self, episode_state, scenario: dict) -> float:
         """
-        Returns score strictly between 0 and 1
+        Returns 0.0 to 1.0
         Must be deterministic — same inputs always same output
         """
         raise NotImplementedError("Subclasses must implement the grade method")

backend/scenarios/graders/easy_grader.py

@@ -26,4 +26,4 @@ class EasyGrader(BaseGrader):
             if steps_ratio <= 0.6 and episode_state.fix_verified and str(rate_limit) == "1000":
                 score += criteria.get('efficiency_bonus', 0.10)
 
-        return self._clamp(score)
+        return max(0.0, min(1.0, round(score, 4)))

backend/scenarios/graders/hard_grader.py

@@ -51,4 +51,4 @@ class HardGrader(BaseGrader):
             if steps_ratio <= 0.6 and episode_state.fix_verified and q_val in ["none", "null", ""]:
                 score += criteria.get('efficiency_bonus', 0.05)
 
-        return self._clamp(score)
+        return max(0.0, min(1.0, round(score, 4)))

backend/scenarios/graders/medium_grader.py

@@ -42,4 +42,4 @@ class MediumGrader(BaseGrader):
             if steps_ratio <= 0.6 and episode_state.fix_verified and str(threshold) == "0":
                 score += criteria.get('efficiency_bonus', 0.10)
 
-        return self._clamp(score)
+        return max(0.0, min(1.0, round(score, 4)))

backend/tests/conftest.py

@@ -1,4 +0,0 @@
-import sys
-from pathlib import Path
-
-sys.path.insert(0, str(Path(__file__).parent.parent / "backend"))

backend/tools/tool_registry.py

@@ -11,7 +11,6 @@ from .tools.submit_resolution import tool_submit_resolution
 from .tools.run_terminal import tool_run_terminal_command
 from .tools.update_config import tool_update_config
 from .tools.restart_service import tool_restart_service
-from .tools.fix_verifier import tool_verify_fix
 
 class ToolRegistry:
     def __init__(self):
@@ -29,7 +28,6 @@ class ToolRegistry:
         self.register_tool("run_terminal_command", tool_run_terminal_command)
         self.register_tool("update_config", tool_update_config)
         self.register_tool("restart_service", tool_restart_service)
-        self.register_tool("verify_fix", tool_verify_fix)
 
     def register_tool(self, name: str, func: Callable):
         self.tools[name] = func

backend/utils/embeddings.py

@@ -1,33 +1,26 @@
-import httpx
-from typing import List
-from functools import lru_cache
-
-@lru_cache(maxsize=256)
-def get_embedding(text: str) -> List[float]:
-    """Get embedding vector using Ollama directly (Synchronous)"""
-    try:
-        response = httpx.post("http://localhost:11434/api/embeddings", json={
-            "model": "all-minilm",
-            "prompt": text
-        }, timeout=60.0)
-        return response.json().get("embedding", [])
-    except Exception as e:
-        import logging
-        logging.error(f"Embedding failed: {e}. Using pseudo-embedding fallback.")
-        import re
-        import hashlib
-        words = re.findall(r'\w+', text.lower())
-        vec = [0.0] * 384
-        for w in words:
-            idx = int(hashlib.md5(w.encode()).hexdigest(), 16) % 384
-            vec[idx] += 1.0
-        return vec
-
-def cos_sim(a: List[float], b: List[float]) -> float:
-    """Cosine similarity without PyTorch/Numpy dependencies"""
-    if not a or not b: return 0.0
-    dot_product = sum(x * y for x, y in zip(a, b))
-    mag_a = sum(x * x for x in a) ** 0.5
-    mag_b = sum(x * x for x in b) ** 0.5
-    if mag_a == 0 or mag_b == 0: return 0.0
-    return dot_product / (mag_a * mag_b)
+import httpx
+from typing import List
+from functools import lru_cache
+
+@lru_cache(maxsize=256)
+def get_embedding(text: str) -> List[float]:
+    """Get embedding vector using Ollama directly (Synchronous)"""
+    try:
+        response = httpx.post("http://localhost:11434/api/embeddings", json={
+            "model": "all-minilm",
+            "prompt": text
+        }, timeout=60.0)
+        return response.json().get("embedding", [])
+    except Exception as e:
+        import logging
+        logging.error(f"Embedding failed: {e}")
+        return []
+
+def cos_sim(a: List[float], b: List[float]) -> float:
+    """Cosine similarity without PyTorch/Numpy dependencies"""
+    if not a or not b: return 0.0
+    dot_product = sum(x * y for x, y in zip(a, b))
+    mag_a = sum(x * x for x in a) ** 0.5
+    mag_b = sum(x * x for x in b) ** 0.5
+    if mag_a == 0 or mag_b == 0: return 0.0
+    return dot_product / (mag_a * mag_b)

default.env

@@ -1,54 +1,67 @@
-# NEXUS Backend — Environment Configuration
-
-# OLLAMA (for local development only)
-OLLAMA_BASE_URL=http://localhost:11434/v1
-OLLAMA_API_KEY=ollama
-
-# HUGGINGFACE INFERENCE (PRIMARY - free tier)
-HF_TOKEN=
-HF_INFERENCE_URL=https://router.huggingface.co/v1
-
-# OPENAI (optional - requires paid account)
-OPENAI_API_KEY=
-OPENAI_BASE_URL=https://api.openai.com/v1
-
-# AGENTS - HuggingFace models (work with HF Inference API)
-# Supports agents a through j (10 agents max via env vars)
-# Additional agents can be configured via AGENTS_JSON env var
-AGENT_A_MODEL=meta-llama/Llama-3.1-8B-Instruct
-AGENT_B_MODEL=meta-llama/Llama-3.2-1B-Instruct
-AGENT_C_MODEL=
-AGENT_D_MODEL=
-AGENT_A_PROVIDER=hf
-AGENT_B_PROVIDER=hf
-AGENT_C_PROVIDER=hf
-AGENT_D_PROVIDER=hf
-AGENT_A_ROLE=INVESTIGATOR
-AGENT_B_ROLE=VALIDATOR
-AGENT_C_ROLE=FORENSIC_ANALYST
-AGENT_D_ROLE=NETWORK_ENGINEER
-AGENT_A_TEMPERATURE=0.7
-AGENT_B_TEMPERATURE=0.6
-AGENT_C_TEMPERATURE=0.5
-AGENT_D_TEMPERATURE=0.5
-AGENT_A_MAX_TOKENS=512
-AGENT_B_MAX_TOKENS=512
-AGENT_C_MAX_TOKENS=512
-AGENT_D_MAX_TOKENS=512
-
-# EXECUTION ENVIRONMENT
-EXECUTION_MODE=simulated
-ENVIRONMENT=production
-
-# SERVER
-HOST=0.0.0.0
-PORT=7860
-DEBUG=false
-
-# EPISODE SETTINGS
-MAX_STEPS=8
-SUCCESS_SCORE_THRESHOLD=0.5
-
-# INFERENCE SCRIPT (for competition submission)
-API_BASE_URL=https://router.huggingface.co/v1
-MODEL_NAME=meta-llama/Llama-3.1-8B-Instruct
+# ═══════════════════════════════════════════════════════════════════════════
+#  NEXUS Backend — Environment Configuration
+# ═══════════════════════════════════════════════════════════════════════════
+
+# ── COMPETITION REQUIRED VARIABLES ──────────────────────────────────────────
+# These three vars are read by inference.py and evaluated by the competition.
+# The OpenAI client is used for ALL LLM calls — it works with any compatible API.
+
+# Option A — HuggingFace Inference (use this on HF Space / cloud deployment)
+API_BASE_URL=https://router.huggingface.co/hf-inference/v1
+MODEL_NAME=
+HF_TOKEN=your_huggingface_token_here
+
+# Option B — Local Ollama (use this for local dev and testing)
+# API_BASE_URL=http://localhost:11434/v1
+# MODEL_NAME=
+# HF_TOKEN=ollama
+
+# ── OLLAMA LOCAL SERVER ──────────────────────────────────────────────────────
+OLLAMA_BASE_URL=http://localhost:11434/v1
+OLLAMA_API_KEY=ollama
+
+# ── AGENT DEFAULTS ───────────────────────────────────────────────────────────
+AGENT_A_PROVIDER=ollama
+AGENT_B_PROVIDER=ollama
+AGENT_A_MODEL=
+AGENT_B_MODEL=
+AGENT_A_TEMPERATURE=0.8
+AGENT_B_TEMPERATURE=0.6
+AGENT_A_MAX_TOKENS=300
+AGENT_B_MAX_TOKENS=300
+
+# ── HUGGINGFACE (for HF Space deployment) ────────────────────────────────────
+# When deploying to HF Space, uncomment and fill in:
+# HF_INFERENCE_URL=https://api-inference.huggingface.co/v1
+# HF_AGENT_A_MODEL=
+# HF_AGENT_B_MODEL=
+
+# ── SERVER ───────────────────────────────────────────────────────────────────
+HOST=0.0.0.0
+PORT=7860
+DEBUG=true
+ENVIRONMENT=local
+
+# ── EPISODE SETTINGS ─────────────────────────────────────────────────────────
+MAX_STEPS=8
+MAX_EPISODE_TIME_SECONDS=1200
+SUCCESS_SCORE_THRESHOLD=0.5
+
+# ── MCP TOOL SERVER ──────────────────────────────────────────────────────────
+MCP_SERVER_PORT=8001
+MCP_SERVER_URL=http://localhost:8001
+
+# ── CUSTOM MODEL (user-provided override) ────────────────────────────────────
+CUSTOM_MODEL_ENABLED=false
+CUSTOM_MODEL_BASE_URL=
+CUSTOM_MODEL_API_KEY=
+CUSTOM_MODEL_NAME=
+CUSTOM_MODEL_AGENT=
+
+# ── EXECUTION ENVIRONMENT ────────────────────────────────────────────────────
+# Set to 'simulated' (default) or 'ssh' to use a real SSH Lab Node
+EXECUTION_MODE=simulated
+SSH_HOST=
+SSH_PORT=22
+SSH_USER=
+SSH_PASSWORD=

frontend/.gitignore

@@ -0,0 +1,39 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# InsForge & AI agent skills
+.insforge
+.agent
+.agents
+.augment
+.claude
+.cline
+.github/copilot*
+.kilocode
+.qoder
+.qwen
+.roo
+.trae
+.windsurf

frontend/dist/assets/index-MUcnTDDz.css

@@ -1,2 +0,0 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.25rem;--radius-xl:.5rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#a8e8ff;--color-primary-container:#00d4ff;--color-secondary:#ddb7ff;--color-tertiary:#66fa8c;--color-error:#ffb4ab;--color-background:#0a0a0f;--color-surface:#131318;--color-surface-container:#1f1f25;--color-surface-container-low:#1b1b20;--color-surface-container-high:#2a292f;--color-surface-container-highest:#35343a;--color-surface-container-lowest:#0e0e13;--color-outline:#859398;--color-outline-variant:#3c494e;--color-on-surface:#e4e1e9;--color-on-surface-variant:#bbc9cf;--font-headline:"Space Grotesk", sans-serif;--font-body:Inter, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--color-background);font-family:var(--font-body);color:var(--color-on-surface);overflow-x:hidden}body ::selection{background-color:#00d4ff4d}@supports (color:color-mix(in lab, red, red)){body ::selection{background-color:color-mix(in oklab, var(--color-primary-container) 30%, transparent)}}body::selection{background-color:#00d4ff4d}@supports (color:color-mix(in lab, red, red)){body::selection{background-color:color-mix(in oklab, var(--color-primary-container) 30%, transparent)}}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-16{top:calc(var(--spacing) * 16)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-12{bottom:calc(var(--spacing) * 12)}.-left-4{left:calc(var(--spacing) * -4)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-20{left:calc(var(--spacing) * 20)}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-20{margin-left:calc(var(--spacing) * 20)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-0{height:calc(var(--spacing) * 0)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-10{width:calc(var(--spacing) * 10)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-\[1600px\]{max-width:1600px}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[40px\]{min-width:40px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[ping_4s_infinite\]{animation:4s infinite ping}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-blink{animation:1s step-end infinite blink}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#f59e0b\]\/20{border-color:oklab(76.8591% .0560995 .154808/.2)}.border-error{border-color:var(--color-error)}.border-error\/20{border-color:#ffb4ab33}@supports (color:color-mix(in lab, red, red)){.border-error\/20{border-color:color-mix(in oklab, var(--color-error) 20%, transparent)}}.border-error\/30{border-color:#ffb4ab4d}@supports (color:color-mix(in lab, red, red)){.border-error\/30{border-color:color-mix(in oklab, var(--color-error) 30%, transparent)}}.border-error\/50{border-color:#ffb4ab80}@supports (color:color-mix(in lab, red, red)){.border-error\/50{border-color:color-mix(in oklab, var(--color-error) 50%, transparent)}}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab, red, red)){.border-green-500\/30{border-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.border-outline-variant\/10{border-color:#3c494e1a}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/10{border-color:color-mix(in oklab, var(--color-outline-variant) 10%, transparent)}}.border-outline-variant\/20{border-color:#3c494e33}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/20{border-color:color-mix(in oklab, var(--color-outline-variant) 20%, transparent)}}.border-outline-variant\/30{border-color:#3c494e4d}@supports (color:color-mix(in lab, red, red)){.border-outline-variant\/30{border-color:color-mix(in oklab, var(--color-outline-variant) 30%, transparent)}}.border-primary{border-color:var(--color-primary)}.border-primary-container\/20{border-color:#00d4ff33}@supports (color:color-mix(in lab, red, red)){.border-primary-container\/20{border-color:color-mix(in oklab, var(--color-primary-container) 20%, transparent)}}.border-primary-container\/40{border-color:#00d4ff66}@supports (color:color-mix(in lab, red, red)){.border-primary-container\/40{border-color:color-mix(in oklab, var(--color-primary-container) 40%, transparent)}}.border-primary\/5{border-color:#a8e8ff0d}@supports (color:color-mix(in lab, red, red)){.border-primary\/5{border-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.border-primary\/10{border-color:#a8e8ff1a}@supports (color:color-mix(in lab, red, red)){.border-primary\/10{border-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.border-primary\/15{border-color:#a8e8ff26}@supports (color:color-mix(in lab, red, red)){.border-primary\/15{border-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}}.border-primary\/20{border-color:#a8e8ff33}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.border-primary\/30{border-color:#a8e8ff4d}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.border-primary\/50{border-color:#a8e8ff80}@supports (color:color-mix(in lab, red, red)){.border-primary\/50{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.border-secondary{border-color:var(--color-secondary)}.border-secondary\/20{border-color:#ddb7ff33}@supports (color:color-mix(in lab, red, red)){.border-secondary\/20{border-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}}.border-secondary\/30{border-color:#ddb7ff4d}@supports (color:color-mix(in lab, red, red)){.border-secondary\/30{border-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-tertiary{border-color:var(--color-tertiary)}.border-tertiary\/10{border-color:#66fa8c1a}@supports (color:color-mix(in lab, red, red)){.border-tertiary\/10{border-color:color-mix(in oklab, var(--color-tertiary) 10%, transparent)}}.border-tertiary\/20{border-color:#66fa8c33}@supports (color:color-mix(in lab, red, red)){.border-tertiary\/20{border-color:color-mix(in oklab, var(--color-tertiary) 20%, transparent)}}.border-tertiary\/30{border-color:#66fa8c4d}@supports (color:color-mix(in lab, red, red)){.border-tertiary\/30{border-color:color-mix(in oklab, var(--color-tertiary) 30%, transparent)}}.border-tertiary\/40{border-color:#66fa8c66}@supports (color:color-mix(in lab, red, red)){.border-tertiary\/40{border-color:color-mix(in oklab, var(--color-tertiary) 40%, transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.glass-panel{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background-color:#13131899;border:1px solid #ffffff0d}.bg-\[\#3b82f6\]{background-color:#3b82f6}.bg-\[\#10b981\]{background-color:#10b981}.bg-\[\#a855f7\]{background-color:#a855f7}.bg-\[\#f59e0b\]{background-color:#f59e0b}.bg-\[\#f59e0b\]\/10{background-color:oklab(76.8591% .0560995 .154808/.1)}.bg-background\/40{background-color:#0a0a0f66}@supports (color:color-mix(in lab, red, red)){.bg-background\/40{background-color:color-mix(in oklab, var(--color-background) 40%, transparent)}}.bg-background\/90{background-color:#0a0a0fe6}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab, var(--color-background) 90%, transparent)}}.bg-error{background-color:var(--color-error)}.bg-error\/5{background-color:#ffb4ab0d}@supports (color:color-mix(in lab, red, red)){.bg-error\/5{background-color:color-mix(in oklab, var(--color-error) 5%, transparent)}}.bg-error\/10{background-color:#ffb4ab1a}@supports (color:color-mix(in lab, red, red)){.bg-error\/10{background-color:color-mix(in oklab, var(--color-error) 10%, transparent)}}.bg-error\/20{background-color:#ffb4ab33}@supports (color:color-mix(in lab, red, red)){.bg-error\/20{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/20{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.bg-outline-variant\/20{background-color:#3c494e33}@supports (color:color-mix(in lab, red, red)){.bg-outline-variant\/20{background-color:color-mix(in oklab, var(--color-outline-variant) 20%, transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary-container\/20{background-color:#00d4ff33}@supports (color:color-mix(in lab, red, red)){.bg-primary-container\/20{background-color:color-mix(in oklab, var(--color-primary-container) 20%, transparent)}}.bg-primary\/5{background-color:#a8e8ff0d}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.bg-primary\/10{background-color:#a8e8ff1a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-primary\/20{background-color:#a8e8ff33}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.bg-primary\/30{background-color:#a8e8ff4d}@supports (color:color-mix(in lab, red, red)){.bg-primary\/30{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.bg-primary\/60{background-color:#a8e8ff99}@supports (color:color-mix(in lab, red, red)){.bg-primary\/60{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary\/5{background-color:#ddb7ff0d}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/5{background-color:color-mix(in oklab, var(--color-secondary) 5%, transparent)}}.bg-secondary\/10{background-color:#ddb7ff1a}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/10{background-color:color-mix(in oklab, var(--color-secondary) 10%, transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-high{background-color:var(--color-surface-container-high)}.bg-surface-container-high\/30{background-color:#2a292f4d}@supports (color:color-mix(in lab, red, red)){.bg-surface-container-high\/30{background-color:color-mix(in oklab, var(--color-surface-container-high) 30%, transparent)}}.bg-surface-container-highest{background-color:var(--color-surface-container-highest)}.bg-surface-container-highest\/20{background-color:#35343a33}@supports (color:color-mix(in lab, red, red)){.bg-surface-container-highest\/20{background-color:color-mix(in oklab, var(--color-surface-container-highest) 20%, transparent)}}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container-low\/40{background-color:#1b1b2066}@supports (color:color-mix(in lab, red, red)){.bg-surface-container-low\/40{background-color:color-mix(in oklab, var(--color-surface-container-low) 40%, transparent)}}.bg-surface-container-low\/50{background-color:#1b1b2080}@supports (color:color-mix(in lab, red, red)){.bg-surface-container-low\/50{background-color:color-mix(in oklab, var(--color-surface-container-low) 50%, transparent)}}.bg-surface-container-lowest{background-color:var(--color-surface-container-lowest)}.bg-surface-container-lowest\/50{background-color:#0e0e1380}@supports (color:color-mix(in lab, red, red)){.bg-surface-container-lowest\/50{background-color:color-mix(in oklab, var(--color-surface-container-lowest) 50%, transparent)}}.bg-surface-container-lowest\/90{background-color:#0e0e13e6}@supports (color:color-mix(in lab, red, red)){.bg-surface-container-lowest\/90{background-color:color-mix(in oklab, var(--color-surface-container-lowest) 90%, transparent)}}.bg-surface\/60{background-color:#13131899}@supports (color:color-mix(in lab, red, red)){.bg-surface\/60{background-color:color-mix(in oklab, var(--color-surface) 60%, transparent)}}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary\/5{background-color:#66fa8c0d}@supports (color:color-mix(in lab, red, red)){.bg-tertiary\/5{background-color:color-mix(in oklab, var(--color-tertiary) 5%, transparent)}}.bg-tertiary\/10{background-color:#66fa8c1a}@supports (color:color-mix(in lab, red, red)){.bg-tertiary\/10{background-color:color-mix(in oklab, var(--color-tertiary) 10%, transparent)}}.bg-tertiary\/20{background-color:#66fa8c33}@supports (color:color-mix(in lab, red, red)){.bg-tertiary\/20{background-color:color-mix(in oklab, var(--color-tertiary) 20%, transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/5{--tw-gradient-from:#a8e8ff0d}@supports (color:color-mix(in lab, red, red)){.from-primary\/5{--tw-gradient-from:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.from-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/20{--tw-gradient-from:#a8e8ff33}@supports (color:color-mix(in lab, red, red)){.from-primary\/20{--tw-gradient-from:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.from-primary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-surface{--tw-gradient-from:var(--color-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-primary-container{--tw-gradient-to:var(--color-primary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary\/5{--tw-gradient-to:#ddb7ff0d}@supports (color:color-mix(in lab, red, red)){.to-secondary\/5{--tw-gradient-to:color-mix(in oklab, var(--color-secondary) 5%, transparent)}}.to-secondary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[calc\(48px\+256px\)\]{padding-bottom:304px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-body{font-family:var(--font-body)}.font-headline{font-family:var(--font-headline)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#3b82f6\]{color:#3b82f6}.text-\[\#10b981\]{color:#10b981}.text-\[\#a855f7\]{color:#a855f7}.text-\[\#f59e0b\]{color:#f59e0b}.text-black{color:var(--color-black)}.text-error{color:var(--color-error)}.text-error\/80{color:#ffb4abcc}@supports (color:color-mix(in lab, red, red)){.text-error\/80{color:color-mix(in oklab, var(--color-error) 80%, transparent)}}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-on-surface\/40{color:#e4e1e966}@supports (color:color-mix(in lab, red, red)){.text-on-surface\/40{color:color-mix(in oklab, var(--color-on-surface) 40%, transparent)}}.text-on-surface\/60{color:#e4e1e999}@supports (color:color-mix(in lab, red, red)){.text-on-surface\/60{color:color-mix(in oklab, var(--color-on-surface) 60%, transparent)}}.text-on-surface\/70{color:#e4e1e9b3}@supports (color:color-mix(in lab, red, red)){.text-on-surface\/70{color:color-mix(in oklab, var(--color-on-surface) 70%, transparent)}}.text-on-surface\/80{color:#e4e1e9cc}@supports (color:color-mix(in lab, red, red)){.text-on-surface\/80{color:color-mix(in oklab, var(--color-on-surface) 80%, transparent)}}.text-on-surface\/90{color:#e4e1e9e6}@supports (color:color-mix(in lab, red, red)){.text-on-surface\/90{color:color-mix(in oklab, var(--color-on-surface) 90%, transparent)}}.text-outline{color:var(--color-outline)}.text-outline-variant{color:var(--color-outline-variant)}.text-outline-variant\/40{color:#3c494e66}@supports (color:color-mix(in lab, red, red)){.text-outline-variant\/40{color:color-mix(in oklab, var(--color-outline-variant) 40%, transparent)}}.text-outline-variant\/50{color:#3c494e80}@supports (color:color-mix(in lab, red, red)){.text-outline-variant\/50{color:color-mix(in oklab, var(--color-outline-variant) 50%, transparent)}}.text-outline\/40{color:#85939866}@supports (color:color-mix(in lab, red, red)){.text-outline\/40{color:color-mix(in oklab, var(--color-outline) 40%, transparent)}}.text-primary{color:var(--color-primary)}.text-primary\/40{color:#a8e8ff66}@supports (color:color-mix(in lab, red, red)){.text-primary\/40{color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.text-primary\/60{color:#a8e8ff99}@supports (color:color-mix(in lab, red, red)){.text-primary\/60{color:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.text-secondary{color:var(--color-secondary)}.text-secondary\/60{color:#ddb7ff99}@supports (color:color-mix(in lab, red, red)){.text-secondary\/60{color:color-mix(in oklab, var(--color-secondary) 60%, transparent)}}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-surface{color:var(--color-surface)}.text-tertiary{color:var(--color-tertiary)}.text-tertiary\/60{color:#66fa8c99}@supports (color:color-mix(in lab, red, red)){.text-tertiary\/60{color:color-mix(in oklab, var(--color-tertiary) 60%, transparent)}}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.accent-primary{accent-color:var(--color-primary)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-10px_30px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 -10px 30px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-10px_40px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 -10px 40px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_\#66fa8c\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#66fa8c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(0\,212\,255\,0\.1\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#00d4ff1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(221\,183\,255\,0\.1\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#ddb7ff1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(221\,183\,255\,0\.05\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#ddb7ff0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(0\,212\,255\,0\.1\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#00d4ff1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(0\,212\,255\,0\.04\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#00d4ff0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_80px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 0 80px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.refractive-edge{box-shadow:inset 0 1px #ffffff0d}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_15px_rgba\(0\,212\,255\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 15px var(--tw-drop-shadow-color,#00d4ff4d));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:flex-row:is(:where(.group):hover *){flex-direction:row}.group-hover\:items-start:is(:where(.group):hover *){align-items:flex-start}.group-hover\:gap-4:is(:where(.group):hover *){gap:calc(var(--spacing) * 4)}.group-hover\:px-6:is(:where(.group):hover *){padding-inline:calc(var(--spacing) * 6)}.group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.file\:mr-4::file-selector-button{margin-right:calc(var(--spacing) * 4)}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-surface-container-highest::file-selector-button{background-color:var(--color-surface-container-highest)}.file\:px-3::file-selector-button{padding-inline:calc(var(--spacing) * 3)}.file\:py-1::file-selector-button{padding-block:calc(var(--spacing) * 1)}.file\:text-\[9px\]::file-selector-button{font-size:9px}.file\:font-semibold::file-selector-button{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.file\:text-on-surface::file-selector-button{color:var(--color-on-surface)}.placeholder\:text-slate-700::placeholder{color:var(--color-slate-700)}@media (hover:hover){.hover\:w-64:hover{width:calc(var(--spacing) * 64)}.hover\:bg-\[\#f59e0b\]\/20:hover{background-color:oklab(76.8591% .0560995 .154808/.2)}.hover\:bg-error:hover{background-color:var(--color-error)}.hover\:bg-error\/20:hover{background-color:#ffb4ab33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error\/20:hover{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}}.hover\:bg-error\/30:hover{background-color:#ffb4ab4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error\/30:hover{background-color:color-mix(in oklab, var(--color-error) 30%, transparent)}}.hover\:bg-primary\/10:hover{background-color:#a8e8ff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.hover\:bg-primary\/30:hover{background-color:#a8e8ff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/30:hover{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.hover\:bg-primary\/80:hover{background-color:#a8e8ffcc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:#a8e8ffe6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.hover\:bg-secondary\/20:hover{background-color:#ddb7ff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/20:hover{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}}.hover\:bg-surface-container-high:hover{background-color:var(--color-surface-container-high)}.hover\:bg-surface-container-highest:hover{background-color:var(--color-surface-container-highest)}.hover\:bg-surface-container-low:hover{background-color:var(--color-surface-container-low)}.hover\:bg-tertiary\/10:hover{background-color:#66fa8c1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tertiary\/10:hover{background-color:color-mix(in oklab, var(--color-tertiary) 10%, transparent)}}.hover\:bg-tertiary\/20:hover{background-color:#66fa8c33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tertiary\/20:hover{background-color:color-mix(in oklab, var(--color-tertiary) 20%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:text-on-surface:hover{color:var(--color-on-surface)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-slate-400:hover{color:var(--color-slate-400)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-100:hover{opacity:1}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-primary\/20:hover{--tw-ring-color:#a8e8ff33}@supports (color:color-mix(in lab, red, red)){.hover\:ring-primary\/20:hover{--tw-ring-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.hover\:file\:bg-primary\/20:hover::file-selector-button{background-color:#a8e8ff33}@supports (color:color-mix(in lab, red, red)){.hover\:file\:bg-primary\/20:hover::file-selector-button{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:border-primary\/50:focus{border-color:#a8e8ff80}@supports (color:color-mix(in lab, red, red)){.focus\:border-primary\/50:focus{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.focus\:border-secondary:focus{border-color:var(--color-secondary)}.focus\:border-tertiary:focus{border-color:var(--color-tertiary)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary\/20:focus{--tw-ring-color:#a8e8ff33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-12{grid-column:span 12/span 12}.md\:block{display:block}.md\:flex{display:flex}.md\:w-auto{width:auto}.md\:flex-none{flex:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:p-8{padding:calc(var(--spacing) * 8)}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:mx-0{margin-inline:calc(var(--spacing) * 0)}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}

frontend/dist/index.html

@@ -1,16 +0,0 @@
-<!doctype html>
-<html lang="en" class="dark">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>NEXUS | Tactical Glass Command</title>
-    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap" rel="stylesheet"/>
-    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
-    <script type="module" crossorigin src="./assets/index-CpY48GhO.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-MUcnTDDz.css">
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>

frontend/package-lock.json

@@ -282,21 +282,21 @@
       }
     },
     "node_modules/@emnapi/core": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.1.tgz",
-      "integrity": "sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz",
+      "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.2.0",
+        "@emnapi/wasi-threads": "1.2.1",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.1.tgz",
-      "integrity": "sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -305,9 +305,9 @@
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz",
-      "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -594,9 +594,9 @@
       }
     },
     "node_modules/@oxc-project/types": {
-      "version": "0.123.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.123.0.tgz",
-      "integrity": "sha512-YtECP/y8Mj1lSHiUWGSRzy/C6teUKlS87dEfuVKT09LgQbUsBW1rNg+MiJ4buGu3yuADV60gbIvo9/HplA56Ew==",
+      "version": "0.122.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.122.0.tgz",
+      "integrity": "sha512-oLAl5kBpV4w69UtFZ9xqcmTi+GENWOcPF7FCrczTiBbmC0ibXxCwyvZGbO39rCVEuLGAZM84DH0pUIyyv/YJzA==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -604,9 +604,9 @@
       }
     },
     "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.13.tgz",
-      "integrity": "sha512-5ZiiecKH2DXAVJTNN13gNMUcCDg4Jy8ZjbXEsPnqa248wgOVeYRX0iqXXD5Jz4bI9BFHgKsI2qmyJynstbmr+g==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-pv1y2Fv0JybcykuiiD3qBOBdz6RteYojRFY1d+b95WVuzx211CRh+ytI/+9iVyWQ6koTh5dawe4S/yRfOFjgaA==",
       "cpu": [
         "arm64"
       ],
@@ -621,9 +621,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.13.tgz",
-      "integrity": "sha512-tz/v/8G77seu8zAB3A5sK3UFoOl06zcshEzhUO62sAEtrEuW/H1CcyoupOrD+NbQJytYgA4CppXPzlrmp4JZKA==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-cFYr6zTG/3PXXF3pUO+umXxt1wkRK/0AYT8lDwuqvRC+LuKYWSAQAQZjCWDQpAH172ZV6ieYrNnFzVVcnSflAg==",
       "cpu": [
         "arm64"
       ],
@@ -638,9 +638,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.13.tgz",
-      "integrity": "sha512-8DakphqOz8JrMYWTJmWA+vDJxut6LijZ8Xcdc4flOlAhU7PNVwo2MaWBF9iXjJAPo5rC/IxEFZDhJ3GC7NHvug==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-ZCsYknnHzeXYps0lGBz8JrF37GpE9bFVefrlmDrAQhOEi4IOIlcoU1+FwHEtyXGx2VkYAvhu7dyBf75EJQffBw==",
       "cpu": [
         "x64"
       ],
@@ -655,9 +655,9 @@
       }
     },
     "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.13.tgz",
-      "integrity": "sha512-4wBQFfjDuXYN/SVI8inBF3Aa+isq40rc6VMFbk5jcpolUBTe5cYnMsHZ51nFWsx3PVyyNN3vgoESki0Hmr/4BA==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-dMLeprcVsyJsKolRXyoTH3NL6qtsT0Y2xeuEA8WQJquWFXkEC4bcu1rLZZSnZRMtAqwtrF/Ib9Ddtpa/Gkge9Q==",
       "cpu": [
         "x64"
       ],
@@ -672,9 +672,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.13.tgz",
-      "integrity": "sha512-JW/e4yPIXLms+jmnbwwy5LA/LxVwZUWLN8xug+V200wzaVi5TEGIWQlh8o91gWYFxW609euI98OCCemmWGuPrw==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.12.tgz",
+      "integrity": "sha512-YqWjAgGC/9M1lz3GR1r1rP79nMgo3mQiiA+Hfo+pvKFK1fAJ1bCi0ZQVh8noOqNacuY1qIcfyVfP6HoyBRZ85Q==",
       "cpu": [
         "arm"
       ],
@@ -689,9 +689,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.13.tgz",
-      "integrity": "sha512-ZfKWpXiUymDnavepCaM6KG/uGydJ4l2nBmMxg60Ci4CbeefpqjPWpfaZM7PThOhk2dssqBAcwLc6rAyr0uTdXg==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.12.tgz",
+      "integrity": "sha512-/I5AS4cIroLpslsmzXfwbe5OmWvSsrFuEw3mwvbQ1kDxJ822hFHIx+vsN/TAzNVyepI/j/GSzrtCIwQPeKCLIg==",
       "cpu": [
         "arm64"
       ],
@@ -706,9 +706,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.13.tgz",
-      "integrity": "sha512-bmRg3O6Z0gq9yodKKWCIpnlH051sEfdVwt+6m5UDffAQMUUqU0xjnQqqAUm+Gu7ofAAly9DqiQDtKu2nPDEABA==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.12.tgz",
+      "integrity": "sha512-V6/wZztnBqlx5hJQqNWwFdxIKN0m38p8Jas+VoSfgH54HSj9tKTt1dZvG6JRHcjh6D7TvrJPWFGaY9UBVOaWPw==",
       "cpu": [
         "arm64"
       ],
@@ -723,9 +723,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.13.tgz",
-      "integrity": "sha512-8Wtnbw4k7pMYN9B/mOEAsQ8HOiq7AZ31Ig4M9BKn2So4xRaFEhtCSa4ZJaOutOWq50zpgR4N5+L/opnlaCx8wQ==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.12.tgz",
+      "integrity": "sha512-AP3E9BpcUYliZCxa3w5Kwj9OtEVDYK6sVoUzy4vTOJsjPOgdaJZKFmN4oOlX0Wp0RPV2ETfmIra9x1xuayFB7g==",
       "cpu": [
         "ppc64"
       ],
@@ -740,9 +740,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-s390x-gnu": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.13.tgz",
-      "integrity": "sha512-D/0Nlo8mQuxSMohNJUF2lDXWRsFDsHldfRRgD9bRgktj+EndGPj4DOV37LqDKPYS+osdyhZEH7fTakTAEcW7qg==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.12.tgz",
+      "integrity": "sha512-nWwpvUSPkoFmZo0kQazZYOrT7J5DGOJ/+QHHzjvNlooDZED8oH82Yg67HvehPPLAg5fUff7TfWFHQS8IV1n3og==",
       "cpu": [
         "s390x"
       ],
@@ -757,9 +757,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.13.tgz",
-      "integrity": "sha512-eRrPvat2YaVQcwwKi/JzOP6MKf1WRnOCr+VaI3cTWz3ZoLcP/654z90lVCJ4dAuMEpPdke0n+qyAqXDZdIC4rA==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.12.tgz",
+      "integrity": "sha512-RNrafz5bcwRy+O9e6P8Z/OCAJW/A+qtBczIqVYwTs14pf4iV1/+eKEjdOUta93q2TsT/FI0XYDP3TCky38LMAg==",
       "cpu": [
         "x64"
       ],
@@ -774,9 +774,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.13.tgz",
-      "integrity": "sha512-PsdONiFRp8hR8KgVjTWjZ9s7uA3uueWL0t74/cKHfM4dR5zXYv4AjB8BvA+QDToqxAFg4ZkcVEqeu5F7inoz5w==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.12.tgz",
+      "integrity": "sha512-Jpw/0iwoKWx3LJ2rc1yjFrj+T7iHZn2JDg1Yny1ma0luviFS4mhAIcd1LFNxK3EYu3DHWCps0ydXQ5i/rrJ2ig==",
       "cpu": [
         "x64"
       ],
@@ -791,9 +791,9 @@
       }
     },
     "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.13.tgz",
-      "integrity": "sha512-hCNXgC5dI3TVOLrPT++PKFNZ+1EtS0mLQwfXXXSUD/+rGlB65gZDwN/IDuxLpQP4x8RYYHqGomlUXzpO8aVI2w==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.12.tgz",
+      "integrity": "sha512-vRugONE4yMfVn0+7lUKdKvN4D5YusEiPilaoO2sgUWpCvrncvWgPMzK00ZFFJuiPgLwgFNP5eSiUlv2tfc+lpA==",
       "cpu": [
         "arm64"
       ],
@@ -808,9 +808,9 @@
       }
     },
     "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.13.tgz",
-      "integrity": "sha512-viLS5C5et8NFtLWw9Sw3M/w4vvnVkbWkO7wSNh3C+7G1+uCkGpr6PcjNDSFcNtmXY/4trjPBqUfcOL+P3sWy/g==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.12.tgz",
+      "integrity": "sha512-ykGiLr/6kkiHc0XnBfmFJuCjr5ZYKKofkx+chJWDjitX+KsJuAmrzWhwyOMSHzPhzOHOy7u9HlFoa5MoAOJ/Zg==",
       "cpu": [
         "wasm32"
       ],
@@ -818,18 +818,16 @@
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "1.9.1",
-        "@emnapi/runtime": "1.9.1",
-        "@napi-rs/wasm-runtime": "^1.1.2"
+        "@napi-rs/wasm-runtime": "^1.1.1"
       },
       "engines": {
         "node": ">=14.0.0"
       }
     },
     "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.13.tgz",
-      "integrity": "sha512-Fqa3Tlt1xL4wzmAYxGNFV36Hb+VfPc9PYU+E25DAnswXv3ODDu/yyWjQDbXMo5AGWkQVjLgQExuVu8I/UaZhPQ==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.12.tgz",
+      "integrity": "sha512-5eOND4duWkwx1AzCxadcOrNeighiLwMInEADT0YM7xeEOOFcovWZCq8dadXgcRHSf3Ulh1kFo/qvzoFiCLOL1Q==",
       "cpu": [
         "arm64"
       ],
@@ -844,9 +842,9 @@
       }
     },
     "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.13.tgz",
-      "integrity": "sha512-/pLI5kPkGEi44TDlnbio3St/5gUFeN51YWNAk/Gnv6mEQBOahRBh52qVFVBpmrnU01n2yysvBML9Ynu7K4kGAQ==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.12.tgz",
+      "integrity": "sha512-PyqoipaswDLAZtot351MLhrlrh6lcZPo2LSYE+VDxbVk24LVKAGOuE4hb8xZQmrPAuEtTZW8E6D2zc5EUZX4Lw==",
       "cpu": [
         "x64"
       ],
@@ -1317,9 +1315,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.16",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.16.tgz",
-      "integrity": "sha512-Lyf3aK28zpsD1yQMiiHD4RvVb6UdMoo8xzG2XzFIfR9luPzOpcBlAsT/qfB1XWS1bxWT+UtE4WmQgsp297FYOA==",
+      "version": "2.10.13",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.13.tgz",
+      "integrity": "sha512-BL2sTuHOdy0YT1lYieUxTw/QMtPBC3pmlJC6xk8BBYVv6vcw3SGdKemQ+Xsx9ik2F/lYDO9tqsFQH1r9PFuHKw==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -1385,9 +1383,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001786",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001786.tgz",
-      "integrity": "sha512-4oxTZEvqmLLrERwxO76yfKM7acZo310U+v4kqexI2TL1DkkUEMT8UijrxxcnVdxR3qkVf5awGRX+4Z6aPHVKrA==",
+      "version": "1.0.30001784",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001784.tgz",
+      "integrity": "sha512-WU346nBTklUV9YfUl60fqRbU5ZqyXlqvo1SgigE1OAXK5bFL8LL9q1K7aap3N739l4BvNqnkm3YrGHiY9sfUQw==",
       "dev": true,
       "funding": [
         {
@@ -1527,9 +1525,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.332",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.332.tgz",
-      "integrity": "sha512-7OOtytmh/rINMLwaFTbcMVvYXO3AUm029X0LcyfYk0B557RlPkdpTpnH9+htMlfu5dKwOmT0+Zs2Aw+lnn6TeQ==",
+      "version": "1.5.331",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.331.tgz",
+      "integrity": "sha512-IbxXrsTlD3hRodkLnbxAPP4OuJYdWCeM3IOdT+CpcMoIwIoDfCmRpEtSPfwBXxVkg9xmBeY7Lz2Eo2TDn/HC3Q==",
       "dev": true,
       "license": "ISC"
     },
@@ -2697,14 +2695,14 @@
       }
     },
     "node_modules/rolldown": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.13.tgz",
-      "integrity": "sha512-bvVj8YJmf0rq4pSFmH7laLa6pYrhghv3PRzrCdRAr23g66zOKVJ4wkvFtgohtPLWmthgg8/rkaqRHrpUEh0Zbw==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.12.tgz",
+      "integrity": "sha512-yP4USLIMYrwpPHEFB5JGH1uxhcslv6/hL0OyvTuY+3qlOSJvZ7ntYnoWpehBxufkgN0cvXxppuTu5hHa/zPh+A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/types": "=0.123.0",
-        "@rolldown/pluginutils": "1.0.0-rc.13"
+        "@oxc-project/types": "=0.122.0",
+        "@rolldown/pluginutils": "1.0.0-rc.12"
       },
       "bin": {
         "rolldown": "bin/cli.mjs"
@@ -2713,27 +2711,27 @@
         "node": "^20.19.0 || >=22.12.0"
       },
       "optionalDependencies": {
-        "@rolldown/binding-android-arm64": "1.0.0-rc.13",
-        "@rolldown/binding-darwin-arm64": "1.0.0-rc.13",
-        "@rolldown/binding-darwin-x64": "1.0.0-rc.13",
-        "@rolldown/binding-freebsd-x64": "1.0.0-rc.13",
-        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.13",
-        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.13",
-        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.13",
-        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.13",
-        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.13",
-        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.13",
-        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.13",
-        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.13",
-        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.13",
-        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.13",
-        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.13"
+        "@rolldown/binding-android-arm64": "1.0.0-rc.12",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.12",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.12",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.12",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.12",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.12",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.12",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.12",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.12",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.12",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.12",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.12",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.12",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.12",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.12"
       }
     },
     "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.13",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.13.tgz",
-      "integrity": "sha512-3ngTAv6F/Py35BsYbeeLeecvhMKdsKm4AoOETVhAA+Qc8nrA2I0kF7oa93mE9qnIurngOSpMnQ0x2nQY2FPviA==",
+      "version": "1.0.0-rc.12",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.12.tgz",
+      "integrity": "sha512-HHMwmarRKvoFsJorqYlFeFRzXZqCt2ETQlEDOb9aqssrnVBB1/+xgTGtuTrIk5vzLNX1MjMtTf7W9z3tsSbrxw==",
       "dev": true,
       "license": "MIT"
     },
@@ -2919,16 +2917,16 @@
       }
     },
     "node_modules/vite": {
-      "version": "8.0.7",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.7.tgz",
-      "integrity": "sha512-P1PbweD+2/udplnThz3btF4cf6AgPky7kk23RtHUkJIU5BIxwPprhRGmOAHs6FTI7UiGbTNrgNP6jSYD6JaRnw==",
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.3.tgz",
+      "integrity": "sha512-B9ifbFudT1TFhfltfaIPgjo9Z3mDynBTJSUYxTjOQruf/zHH+ezCQKcoqO+h7a9Pw9Nm/OtlXAiGT1axBgwqrQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "lightningcss": "^1.32.0",
         "picomatch": "^4.0.4",
         "postcss": "^8.5.8",
-        "rolldown": "1.0.0-rc.13",
+        "rolldown": "1.0.0-rc.12",
         "tinyglobby": "^0.2.15"
       },
       "bin": {
@@ -2946,7 +2944,7 @@
       "peerDependencies": {
         "@types/node": "^20.19.0 || >=22.12.0",
         "@vitejs/devtools": "^0.1.0",
-        "esbuild": "^0.27.0 || ^0.28.0",
+        "esbuild": "^0.27.0",
         "jiti": ">=1.21.0",
         "less": "^4.0.0",
         "sass": "^1.70.0",

frontend/src/components/EpisodeEndOverlay.jsx

@@ -6,83 +6,40 @@ const EpisodeEndOverlay = ({ isOpen, onClose, metrics, gameState }) => {
     const handleDownload = () => {
         if (!gameState) return;
 
+        // Assemble the detailed incident report
         const sc = gameState.scenario || {};
-        const allAgents = gameState.agents || {};
-        const allMessages = Object.values(allAgents).flatMap(a => a?.messages || []);
-        const unifiedSummary = generateUnifiedSummary();
-
+        const agentA = gameState.agents?.agent_a?.messages || [];
+        const agentB = gameState.agents?.agent_b?.messages || [];
+        
         let report = `=================================================================\n`;
-        report += `           NEXUS INCIDENT INVESTIGATION REPORT              \n`;
+        report += `                  NEXUS INCIDENT INVESTIGATION REPORT            \n`;
         report += `=================================================================\n\n`;
-
+        
         report += `[ SCENARIO METADATA ]\n`;
         report += `Title:           ${sc.id || 'N/A'}\n`;
         report += `Domain:          ${sc.domain || 'N/A'}\n`;
         report += `Difficulty:      ${sc.difficulty || 'N/A'}\n`;
-        report += `Final Score:    ${Number(gameState?.cumulativeReward || metrics?.score || 0).toFixed(4)} / 1.00\n`;
-        report += `Total Steps:     ${gameState?.step || metrics?.steps || 'N/A'}\n`;
-        report += `Active Agents:   ${Object.keys(allAgents).length}\n`;
-        report += `Status:          ${unifiedSummary?.isSuccess ? 'SUCCESS' : 'INCONCLUSIVE'}\n\n`;
-        
-        report += `[ AGENTS DEPLOYED ]\n`;
-        Object.entries(allAgents).forEach(([agentId, agentData], idx) => {
-            const msgs = agentData?.messages || [];
-            const msgCount = msgs.filter(m => m.type === 'message').length;
-            const toolCount = msgs.filter(m => m.type === 'tool_call').length;
-            report += `${idx + 1}. ${agentId}: ${msgCount} messages, ${toolCount} tool calls\n`;
-        });
-        report += `\n`;
-
-        // UNIFIED SUMMARY SECTION
-        if (unifiedSummary) {
-            report += `=================================================================\n`;
-            report += `[ UNIFIED INVESTIGATION SUMMARY ]\n`;
-            report += `=================================================================\n\n`;
-            
-            report += `## Combined Agent Conclusions\n`;
-            report += `${unifiedSummary.conclusionText || 'No conclusions recorded.'}\n\n`;
-            
-            report += `## Key Findings & Clues\n`;
-            report += `${unifiedSummary.keyFindings || 'None recorded.'}\n\n`;
-            
-            report += `## Key Tool Results\n`;
-            report += `${unifiedSummary.toolSummary}\n\n`;
-        }
-        
-        report += `[ STEP REWARDS ]\n`;
-        if (gameState?.rewardHistory && gameState.rewardHistory.length > 0) {
-            gameState.rewardHistory.forEach((r, i) => {
-                report += `Step ${i + 1}: ${r.toFixed(4)}\n`;
-            });
-            report += `Average: ${(gameState.rewardHistory.reduce((a, b) => a + b, 0) / gameState.rewardHistory.length).toFixed(4)}\n`;
-            report += `Final Score: ${Number(gameState.cumulativeReward || 0).toFixed(4)}\n\n`;
-        } else {
-            report += `No step rewards recorded.\n\n`;
-        }
-        
-        report += `[ REWARD BREAKDOWN ]\n`;
-        if (gameState?.rewardBreakdown && Object.keys(gameState.rewardBreakdown).length > 0) {
-            Object.entries(gameState.rewardBreakdown).forEach(([key, val]) => {
-                report += `${key}: ${typeof val === 'number' ? val.toFixed(4) : val}\n`;
-            });
-            report += `\n`;
-        }
+        report += `Final Score:     ${metrics?.score || 'N/A'}\n`;
+        report += `Total Steps:     ${metrics?.steps || 'N/A'}\n\n`;
 
         report += `[ INCIDENT DESCRIPTION & PROBLEM ]\n`;
         report += `${sc.description || 'No description provided.'}\n\n`;
-
+        
         report += `[ CONTEXT & ROOT CAUSE ]\n`;
         report += `${sc.context || 'No context provided.'}\n`;
-        report += `Root Cause Validation: ${metrics?.rootCause || 'N/A'}\n\n`;
+        report += `Actual Root Cause Validation: ${metrics?.rootCause || 'N/A'}\n\n`;
 
         report += `=================================================================\n`;
         report += `[ INVESTIGATION LOG & DETAILED TRACE ]\n`;
         report += `=================================================================\n\n`;
 
+        // Interweave the messages to show the timeline (roughly)
+        // Since we don't have exact timestamps, we'll just print Agent A then Agent B summary,
+        // or just print all tools called and errors encountered.
         const allErrors = [];
         const allTools = [];
 
-        allMessages.forEach(msg => {
+        [...agentA, ...agentB].forEach(msg => {
             if (msg.type === 'tool_call') {
                 allTools.push(`- ${msg.tool_name}(${JSON.stringify(msg.params)})`);
             }
@@ -90,6 +47,7 @@ const EpisodeEndOverlay = ({ isOpen, onClose, metrics, gameState }) => {
                 allErrors.push(`- Error from ${msg.tool_name}: ${msg.result}`);
             }
             if (msg.type === 'tool_result' && msg.result?.toLowerCase().includes('error')) {
+                // Catch strings that say error but were marked success true somehow
                 allErrors.push(`- Log/Cmd Error: ${msg.result}`);
             }
         });
@@ -102,45 +60,40 @@ const EpisodeEndOverlay = ({ isOpen, onClose, metrics, gameState }) => {
         }
         report += `\n`;
 
-        report += `> SYSTEMS ERRORS DETECTED:\n`;
+        report += `> SYSTEMS ERRORS DETECTED DURING INVESTIGATION:\n`;
         if (allErrors.length > 0) {
+            // deduplicate
             [...new Set(allErrors)].forEach(err => report += `${err}\n`);
         } else {
-            report += `No significant system errors found.\n`;
+            report += `No significant system errors found during tool execution.\n`;
         }
         report += `\n`;
 
         report += `=================================================================\n`;
-        report += `[ SOLUTION & FIX VERIFICATION ]\n`;
+        report += `[ SOLUTION IMPLEMENTED & FIX VERIFICATION ]\n`;
         report += `=================================================================\n\n`;
-        
-        const resCall = gameState?.tool_calls_made?.find(c => c.tool_name === 'submit_resolution');
-        if (resCall?.params) {
-            report += `Root Cause Service: ${resCall.params.root_cause_service || 'UNKNOWN'}\n`;
-            report += `Root Cause Description: ${resCall.params.root_cause_description || 'None'}\n`;
-            report += `Fix Applied: ${resCall.params.fix_applied || 'None'}\n`;
-        } else {
-            report += `No resolution submitted.\n`;
-        }
-        report += `\n`;
+        report += `The Validator Agent verified the proposed fix successfully, leading to the resolution of the incident.\n`;
+        report += `End-state: ${metrics?.rootCause === 'VERIFIED' ? 'SUCCESS' : 'UNKNOWN'}\n\n`;
 
         report += `=================================================================\n`;
-        report += `[ RECOMMENDATIONS ]\n`;
+        report += `[ TIPS FOR IMPROVEMENT & RECOMMENDATIONS ]\n`;
         report += `=================================================================\n\n`;
-
+        report += `Based on the automated evaluation of this scenario, consider the following:\n`;
+        
         if (allTools.length > 15) {
-            report += `1. EFFICIENCY: ${allTools.length} tool calls made. Consider refining hypotheses.\n`;
+            report += `1. EFFICIENCY: The agents called a large number of tools (${allTools.length}). Consider refining the initial hypothesis to reduce blind querying.\n`;
         } else {
-            report += `1. EFFICIENCY: Tool usage was concise (${allTools.length} calls).\n`;
+            report += `1. EFFICIENCY: Tool execution was relatively concise (${allTools.length} calls).\n`;
         }
-
+        
         if (allErrors.length > 5) {
-            report += `2. ACCURACY: Multiple errors encountered. Verify tool syntax.\n`;
+            report += `2. ACCURACY: Multiple tool execution errors were encountered. Ensure exact syntax and correct tool parameters are used to minimize invalid calls.\n`;
         }
 
-        report += `3. CAUSE-ANALYSIS: Check error logs before database queries.\n`;
-        report += `4. REMEDIATION: Establish better alerting for ${sc.domain || 'general'} domain.\n`;
+        report += `3. CAUSE-ANALYSIS: Always grep application error logs before querying databases to save time tracking downstream symptoms.\n`;
+        report += `4. REMEDIATION: Post-incident reviews should establish better automated alerting for the specific failure domain (${sc.domain || 'general'}).\n`;
 
+        // Trigger Download
         const blob = new Blob([report], { type: 'text/plain;charset=utf-8' });
         const url = URL.createObjectURL(blob);
         const a = document.createElement('a');
@@ -152,59 +105,6 @@ const EpisodeEndOverlay = ({ isOpen, onClose, metrics, gameState }) => {
         URL.revokeObjectURL(url);
     };
 
-    const generateUnifiedSummary = () => {
-        const allAgents = gameState?.agents || {};
-        const agentEntries = Object.entries(allAgents);
-        
-        if (agentEntries.length === 0) return null;
-        
-        const allConclusions = [];
-        const allToolResults = [];
-        const allClues = gameState?.clues_found || [];
-        
-        agentEntries.forEach(([agentId, agentData]) => {
-            const msgs = agentData?.messages || [];
-            const textMsgs = msgs.filter(m => m.type === 'message');
-            const lastMsg = textMsgs[textMsgs.length - 1];
-            if (lastMsg) {
-                allConclusions.push({
-                    agentId,
-                    content: lastMsg.content || lastMsg.text || lastMsg.message || '',
-                    role: agentData.role || agentId
-                });
-            }
-            
-            const toolResults = msgs.filter(m => m.type === 'tool_result');
-            toolResults.forEach(tr => {
-                if (tr.result && !tr.result.toLowerCase().includes('error')) {
-                    allToolResults.push({
-                        agentId,
-                        tool: tr.tool_name || tr.tool,
-                        result: tr.result
-                    });
-                }
-            });
-        });
-        
-        const conclusionText = allConclusions.map(c => c.content).join('\n\n');
-        const keyFindings = allClues.slice(0, 5).join('\n• ');
-        const toolSummary = allToolResults.length > 0 
-            ? allToolResults.slice(0, 3).map(t => `• ${t.tool}: ${t.result.substring(0, 100)}...`).join('\n')
-            : 'No tool results recorded.';
-        
-        const isSuccess = Number(gameState?.cumulativeReward || metrics?.score || 0) >= 0.5;
-        
-        return {
-            conclusionText,
-            keyFindings: keyFindings || 'No clues recorded.',
-            toolSummary,
-            agentCount: agentEntries.length,
-            isSuccess
-        };
-    };
-    
-    const unifiedSummary = generateUnifiedSummary();
-
     return (
         <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 md:p-8 animate-in fade-in duration-500">
             {/* Particle/Pulse Background */}
@@ -215,7 +115,7 @@ const EpisodeEndOverlay = ({ isOpen, onClose, metrics, gameState }) => {
             </div>
 
             {/* Summary Modal */}
-            <div className="relative w-full max-w-5xl max-h-[90vh] glass-panel rounded-xl overflow-hidden shadow-[0_0_80px_rgba(0,0,0,0.8)] border border-white/10 flex flex-col">
+            <div className="relative w-full max-w-4xl glass-panel rounded-xl overflow-hidden shadow-[0_0_80px_rgba(0,0,0,0.8)] border border-white/10">
                 {/* Modal Header */}
                 <div className="flex items-center justify-between p-6 bg-surface-container-highest/20 border-b border-white/5">
                     <div className="flex items-center gap-3">
@@ -229,209 +129,139 @@ const EpisodeEndOverlay = ({ isOpen, onClose, metrics, gameState }) => {
                     </button>
                 </div>
 
-                {/* Scrollable Content Area */}
-                <div className="flex-1 overflow-y-auto custom-scrollbar">
-                    <div className="p-8 grid grid-cols-1 md:grid-cols-2 gap-8">
-                        {/* Primary Metrics */}
-                        <div className="space-y-6">
-                            <div className="space-y-2">
-                                <span className="font-mono text-[10px] text-outline tracking-widest uppercase">Final Grading Score</span>
-                                <div className="flex items-baseline gap-2">
-                                    <span className="font-headline text-8xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-primary to-primary-container drop-shadow-[0_0_15px_rgba(0,212,255,0.3)]">
-                                        {Number(gameState?.cumulativeReward || metrics?.score || 0).toFixed(2)}
-                                    </span>
-                                    <span className="font-headline text-2xl text-primary/40 font-light">/ 1.00</span>
-                                </div>
+                <div className="p-8 grid grid-cols-1 md:grid-cols-2 gap-8">
+                    {/* Primary Metrics */}
+                    <div className="space-y-6">
+                        <div className="space-y-2">
+                            <span className="font-mono text-[10px] text-outline tracking-widest uppercase">Cumulative Efficiency Score</span>
+                            <div className="flex items-baseline gap-2">
+                                <span className="font-headline text-8xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-primary to-primary-container drop-shadow-[0_0_15px_rgba(0,212,255,0.3)]">
+                                    {metrics?.score || '—'}
+                                </span>
+                                <span className="font-headline text-2xl text-primary/40 font-light">pts</span>
                             </div>
-                            
-                            {/* Reward Breakdown from Episode */}
-                            {gameState?.rewardBreakdown && Object.keys(gameState.rewardBreakdown).length > 0 && (
-                                <div className="p-4 bg-surface-container-lowest/50 border border-white/10 rounded-lg">
-                                    <span className="font-mono text-[10px] text-outline uppercase block mb-3">Step Reward Breakdown</span>
-                                    <div className="grid grid-cols-4 gap-2">
-                                        {Object.entries(gameState.rewardBreakdown).map(([key, val]) => (
-                                            <div key={key} className="text-center bg-surface-container-high/30 rounded p-2">
-                                                <div className="text-[8px] text-slate-500 uppercase truncate">{key.replace(/_/g, ' ')}</div>
-                                                <div className={`font-mono text-sm font-bold ${val > 0 ? 'text-primary' : 'text-slate-600'}`}>
-                                                    {typeof val === 'number' ? val.toFixed(3) : val}
-                                                </div>
-                                            </div>
-                                        ))}
-                                    </div>
-                                </div>
-                            )}
-                            
-                            {/* Reward History */}
-                            {gameState?.rewardHistory && gameState.rewardHistory.length > 0 && (
-                                <div className="p-4 bg-surface-container-lowest/50 border border-white/10 rounded-lg">
-                                    <span className="font-mono text-[10px] text-outline uppercase block mb-3">Step Rewards</span>
-                                    <div className="flex items-end gap-1 h-16">
-                                        {gameState.rewardHistory.map((r, i) => (
-                                            <div key={i} className="flex-1 bg-primary/60 rounded-t" 
-                                                 style={{ height: `${Math.max(5, (r / 1) * 100)}%` }}
-                                                 title={`Step ${i + 1}: ${r.toFixed(3)}`}>
-                                            </div>
-                                        ))}
-                                    </div>
-                                    <div className="flex justify-between mt-2 text-[9px] font-mono text-slate-500">
-                                        <span>Avg: {(gameState.rewardHistory.reduce((a, b) => a + b, 0) / gameState.rewardHistory.length).toFixed(3)}</span>
-                                        <span>Max: {Math.max(...gameState.rewardHistory).toFixed(3)}</span>
-                                    </div>
-                                </div>
-                            )}
-                            <div className="grid grid-cols-2 gap-4">
-                                <div className="bg-surface-container-lowest/50 p-4 border-l border-primary/20 refractive-edge">
-                                    <span className="font-mono text-[9px] text-outline uppercase block mb-1">Clues Found</span>
-                                    <span className="font-headline text-2xl font-medium">{gameState?.clues_found?.length || 0}</span>
-                                </div>
-                                <div className="bg-surface-container-lowest/50 p-4 border-l border-primary/20 refractive-edge">
-                                    <span className="font-mono text-[9px] text-outline uppercase block mb-1">Steps Executed</span>
-                                    <span className="font-headline text-2xl font-medium">{gameState?.step !== undefined ? gameState.step : (metrics?.steps !== undefined ? metrics.steps : '—')}</span>
-                                </div>
+                        </div>
+                        <div className="grid grid-cols-2 gap-4">
+                            <div className="bg-surface-container-lowest/50 p-4 border-l border-primary/20 refractive-edge">
+                                <span className="font-mono text-[9px] text-outline uppercase block mb-1">Clues Found</span>
+                                <span className="font-headline text-2xl font-medium">{gameState?.clues_found?.length || 0}</span>
                             </div>
-                            <div className="flex items-center gap-4 p-5 bg-tertiary/5 border border-tertiary/10 rounded-lg">
-                                <div className="p-3 rounded-full bg-tertiary/10 text-tertiary">
-                                    <span className="material-symbols-outlined">troubleshoot</span>
-                                </div>
-                                <div>
-                                    <span className="font-mono text-[10px] text-tertiary/60 uppercase block">State Validation</span>
-                                    <span className="text-sm font-medium tracking-wide">Status: <span className="font-mono text-tertiary">{metrics?.rootCause || '—'}</span></span>
-                                </div>
+                            <div className="bg-surface-container-lowest/50 p-4 border-l border-primary/20 refractive-edge">
+                                <span className="font-mono text-[9px] text-outline uppercase block mb-1">Steps Executed</span>
+                                <span className="font-headline text-2xl font-medium">{gameState?.current_round || metrics?.steps || '—'}</span>
                             </div>
                         </div>
+                        <div className="flex items-center gap-4 p-5 bg-tertiary/5 border border-tertiary/10 rounded-lg">
+                            <div className="p-3 rounded-full bg-tertiary/10 text-tertiary">
+                                <span className="material-symbols-outlined">troubleshoot</span>
+                            </div>
+                            <div>
+                                <span className="font-mono text-[10px] text-tertiary/60 uppercase block">State Validation</span>
+                                <span className="text-sm font-medium tracking-wide">Status: <span className="font-mono text-tertiary">{metrics?.rootCause || '—'}</span></span>
+                            </div>
+                        </div>
+                    </div>
 
-                        {/* Right Column: Agent Metrics */}
-                        <div className="space-y-6">
-                            <h3 className="font-mono text-[10px] text-outline tracking-widest uppercase mb-4">Agent Performance Breakdown</h3>
-                            {Object.entries(gameState?.agents || {}).map(([agentId, agentData], idx) => {
-                                const colors = ['primary', 'secondary', 'tertiary', 'error', 'success'];
-                                const color = colors[idx % colors.length];
-                                const msgs = agentData?.messages || [];
-                                const msgCount = msgs.filter(m => m.type === 'message').length;
-                                const toolCount = msgs.filter(m => m.type === 'tool_call').length;
-                                const errCount = msgs.filter(m => m.type === 'tool_result' && m.result?.toLowerCase().includes('error')).length;
-                                const agentNames = ['ALPHA', 'BRAVO', 'CHARLIE', 'DELTA', 'ECHO'];
-                                const agentName = agentNames[idx % agentNames.length];
-                                
-                                return (
-                                    <div key={agentId} className="relative group">
-                                        <div className={`absolute -left-4 top-0 bottom-0 w-1 ${idx === 0 ? 'bg-primary' : idx === 1 ? 'bg-secondary' : idx === 2 ? 'bg-tertiary' : 'bg-error'}`}></div>
-                                        <div className="bg-surface-container-low/40 p-5 space-y-4 border border-white/5 rounded-r-lg">
-                                            <div className="flex justify-between items-center">
-                                                <span className={`font-headline font-bold tracking-tighter uppercase ${idx === 0 ? 'text-primary' : idx === 1 ? 'text-secondary' : idx === 2 ? 'text-tertiary' : 'text-error'}`}>Agent_{agentName}</span>
-                                                <span className={`font-mono text-[10px] ${idx === 0 ? 'text-primary' : idx === 1 ? 'text-secondary' : idx === 2 ? 'text-tertiary' : 'text-error'}/50`}>{agentId.toUpperCase()}</span>
+                    {/* Right Column: Agent Metrics */}
+                    <div className="space-y-6">
+                        <h3 className="font-mono text-[10px] text-outline tracking-widest uppercase mb-4">Agent Performance Breakdown</h3>
+                        {/* Agent A */}
+                        <div className="relative group">
+                            <div className="absolute -left-4 top-0 bottom-0 w-1 bg-primary shadow-[0_0_8px_rgba(0,212,255,0.4)]"></div>
+                            <div className="bg-surface-container-low/40 p-5 space-y-4 border border-white/5 rounded-r-lg">
+                                <div className="flex justify-between items-center">
+                                    <span className="font-headline font-bold text-primary tracking-tighter uppercase">Agent_Alpha</span>
+                                    <span className="font-mono text-[10px] text-primary/50">CYAN_PROTOCOL</span>
+                                </div>
+                                {(() => {
+                                    const msgs = gameState?.agents?.agent_a?.messages || [];
+                                    const msgCount = msgs.filter(m => m.type === 'message').length;
+                                    const toolCount = msgs.filter(m => m.type === 'tool_call').length;
+                                    const errCount = msgs.filter(m => m.type === 'tool_result' && m.result?.toLowerCase().includes('error')).length;
+                                    return (
+                                        <div className="grid grid-cols-3 gap-2 text-center">
+                                            <div>
+                                                <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">chat</span> MSGS</span>
+                                                <span className="font-headline text-lg font-medium text-primary">{msgCount}</span>
                                             </div>
-                                            <div className="grid grid-cols-3 gap-2 text-center">
-                                                <div>
-                                                    <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">chat</span> MSGS</span>
-                                                    <span className={`font-headline text-lg font-medium ${idx === 0 ? 'text-primary' : idx === 1 ? 'text-secondary' : idx === 2 ? 'text-tertiary' : 'text-error'}`}>{msgCount}</span>
-                                                </div>
-                                                <div className="border-x border-white/5">
-                                                    <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">build</span> TOOLS</span>
-                                                    <span className={`font-headline text-lg font-medium ${idx === 0 ? 'text-primary' : idx === 1 ? 'text-secondary' : idx === 2 ? 'text-tertiary' : 'text-error'}`}>{toolCount}</span>
-                                                </div>
-                                                <div>
-                                                    <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">warning</span> ERRS</span>
-                                                    <span className={`font-headline text-lg font-medium ${idx === 0 ? 'text-primary' : idx === 1 ? 'text-secondary' : idx === 2 ? 'text-tertiary' : 'text-error'}`}>{errCount}</span>
-                                                </div>
+                                            <div className="border-x border-white/5">
+                                                <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">build</span> TOOLS</span>
+                                                <span className="font-headline text-lg font-medium text-primary">{toolCount}</span>
+                                            </div>
+                                            <div>
+                                                <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">warning</span> ERRS</span>
+                                                <span className="font-headline text-lg font-medium text-primary">{errCount}</span>
                                             </div>
                                         </div>
-                                    </div>
-                                );
-                            })}
+                                    );
+                                })()}
+                            </div>
                         </div>
-                    </div>
-
-                    {/* Submit Resolution Report Panel */}
-                    {(() => {
-                        const resCall = gameState?.tool_calls_made?.find(c => c.tool_name === 'submit_resolution');
-                        if (!resCall) return null;
-                        const p = resCall.params || {};
-                        return (
-                            <div className="px-8 pb-4">
-                                <div className="p-6 bg-surface-container-low/40 border border-primary/20 rounded-lg">
-                                    <h3 className="font-headline font-bold text-primary tracking-widest uppercase mb-4 flex items-center gap-2">
-                                        <span className="material-symbols-outlined">description</span>
-                                        Incident Resolution Report
-                                    </h3>
-                                    <div className="space-y-4">
-                                        <div>
-                                            <span className="font-mono text-[10px] text-outline uppercase block mb-1">Root Cause Service</span>
-                                            <span className="font-mono text-sm text-on-surface bg-surface-container p-1 px-2 rounded border border-white/5">{p.root_cause_service || 'UNKNOWN'}</span>
-                                        </div>
-                                        <div>
-                                            <span className="font-mono text-[10px] text-outline uppercase block mb-1">Root Cause Description</span>
-                                            <p className="text-sm text-on-surface/80">{p.root_cause_description || 'No description provided.'}</p>
-                                        </div>
-                                        <div className="p-4 bg-tertiary/5 border-l-2 border-tertiary rounded-r">
-                                            <span className="font-mono text-[10px] text-tertiary uppercase block mb-1">Fix Applied</span>
-                                            <p className="text-sm text-on-surface">{p.fix_applied || 'No fix described.'}</p>
-                                        </div>
-                                    </div>
+                        {/* Agent B */}
+                        <div className="relative group">
+                            <div className="absolute -left-4 top-0 bottom-0 w-1 bg-secondary shadow-[0_0_8px_rgba(221,183,255,0.4)]"></div>
+                            <div className="bg-surface-container-low/40 p-5 space-y-4 border border-white/5 rounded-r-lg">
+                                <div className="flex justify-between items-center">
+                                    <span className="font-headline font-bold text-secondary tracking-tighter uppercase">Agent_Bravo</span>
+                                    <span className="font-mono text-[10px] text-secondary/50">VIOLET_PROTOCOL</span>
                                 </div>
+                                {(() => {
+                                    const msgs = gameState?.agents?.agent_b?.messages || [];
+                                    const msgCount = msgs.filter(m => m.type === 'message').length;
+                                    const toolCount = msgs.filter(m => m.type === 'tool_call').length;
+                                    const errCount = msgs.filter(m => m.type === 'tool_result' && m.result?.toLowerCase().includes('error')).length;
+                                    return (
+                                        <div className="grid grid-cols-3 gap-2 text-center">
+                                            <div>
+                                                <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">chat</span> MSGS</span>
+                                                <span className="font-headline text-lg font-medium text-secondary">{msgCount}</span>
+                                            </div>
+                                            <div className="border-x border-white/5">
+                                                <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">build</span> TOOLS</span>
+                                                <span className="font-headline text-lg font-medium text-secondary">{toolCount}</span>
+                                            </div>
+                                            <div>
+                                                <span className="font-mono text-[9px] text-outline flex flex-col items-center justify-center gap-1 uppercase"><span className="material-symbols-outlined text-[12px]">warning</span> ERRS</span>
+                                                <span className="font-headline text-lg font-medium text-secondary">{errCount}</span>
+                                            </div>
+                                        </div>
+                                    );
+                                })()}
                             </div>
-                        );
-                    })()}
+                        </div>
+                    </div>
+                </div>
 
-                    {/* Unified Investigation Summary */}
-                    {unifiedSummary && (
+                {/* Submit Resolution Report Panel */}
+                {(() => {
+                    const resCall = gameState?.tool_calls_made?.find(c => c.tool_name === 'submit_resolution');
+                    if (!resCall) return null;
+                    const p = resCall.params || {};
+                    return (
                         <div className="px-8 pb-8">
-                            <div className="p-6 bg-gradient-to-br from-primary/5 to-secondary/5 border border-primary/20 rounded-lg">
+                            <div className="p-6 bg-surface-container-low/40 border border-primary/20 rounded-lg">
                                 <h3 className="font-headline font-bold text-primary tracking-widest uppercase mb-4 flex items-center gap-2">
-                                    <span className="material-symbols-outlined">psychology</span>
-                                    Unified Investigation Summary
+                                    <span className="material-symbols-outlined">description</span>
+                                    Incident Resolution Report
                                 </h3>
-                                
-                                {/* Success/Failure Badge */}
-                                <div className="mb-4">
-                                    <span className={`inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-mono font-bold uppercase ${
-                                        unifiedSummary.isSuccess 
-                                            ? 'bg-tertiary/20 text-tertiary border border-tertiary/30' 
-                                            : 'bg-error/20 text-error border border-error/30'
-                                    }`}>
-                                        <span className={`w-2 h-2 rounded-full ${unifiedSummary.isSuccess ? 'bg-tertiary' : 'bg-error'}`}></span>
-                                        {unifiedSummary.isSuccess ? 'Investigation Successful' : 'Investigation Inconclusive'}
-                                    </span>
-                                    <span className="ml-3 text-[10px] text-outline font-mono uppercase">
-                                        {unifiedSummary.agentCount} Agents Collaborated
-                                    </span>
-                                </div>
-
-                                {/* Combined Conclusions */}
-                                <div className="mb-4">
-                                    <span className="font-mono text-[10px] text-primary/60 uppercase tracking-widest block mb-2">Combined Agent Conclusions</span>
-                                    <div className="p-4 bg-surface-container-low/50 rounded border border-white/5 max-h-48 overflow-y-auto custom-scrollbar">
-                                        <p className="text-sm text-on-surface/90 leading-relaxed whitespace-pre-wrap">
-                                            {unifiedSummary.conclusionText || 'No conclusions recorded.'}
-                                        </p>
-                                    </div>
-                                </div>
-
-                                {/* Key Findings */}
-                                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <div className="space-y-4">
                                     <div>
-                                        <span className="font-mono text-[10px] text-secondary/60 uppercase tracking-widest block mb-2">Key Findings & Clues</span>
-                                        <div className="p-3 bg-surface-container-low/50 rounded border border-white/5">
-                                            <ul className="text-xs text-on-surface/80 space-y-1 list-disc list-inside">
-                                                {unifiedSummary.keyFindings.split('\n• ').map((finding, i) => (
-                                                    finding && <li key={i}>{finding}</li>
-                                                ))}
-                                            </ul>
-                                        </div>
+                                        <span className="font-mono text-[10px] text-outline uppercase block mb-1">Root Cause Service</span>
+                                        <span className="font-mono text-sm text-on-surface bg-surface-container p-1 px-2 rounded border border-white/5">{p.root_cause_service || 'UNKNOWN'}</span>
                                     </div>
                                     <div>
-                                        <span className="font-mono text-[10px] text-tertiary/60 uppercase tracking-widest block mb-2">Key Tool Results</span>
-                                        <div className="p-3 bg-surface-container-low/50 rounded border border-white/5 max-h-32 overflow-y-auto custom-scrollbar">
-                                            <pre className="text-[10px] text-on-surface/70 whitespace-pre-wrap font-mono">
-                                                {unifiedSummary.toolSummary}
-                                            </pre>
-                                        </div>
+                                        <span className="font-mono text-[10px] text-outline uppercase block mb-1">Root Cause Description</span>
+                                        <p className="text-sm text-on-surface/80">{p.root_cause_description || 'No description provided.'}</p>
+                                    </div>
+                                    <div className="p-4 bg-tertiary/5 border-l-2 border-tertiary rounded-r">
+                                        <span className="font-mono text-[10px] text-tertiary uppercase block mb-1">Fix Applied</span>
+                                        <p className="text-sm text-on-surface">{p.fix_applied || 'No fix described.'}</p>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                    )}
-                </div>
+                    );
+                })()}
 
                 {/* Modal Footer */}
                 <div className="p-6 bg-surface-container-lowest/90 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-4">

frontend/src/components/TopNavBar.jsx

@@ -3,12 +3,6 @@ import { useApp } from '../context/AppContext';
 
 const TopNavBar = () => {
     const { sessionData, isConnected, sendCommand } = useApp();
-    
-    const status = sessionData?.status || 'STANDBY';
-    const isRunning = sessionData?.active && status !== 'COMPLETED';
-    
-    const isStandby = status === 'STANDBY' || status === 'READY';
-    
     return (
         <header className="fixed top-0 w-full z-50 flex justify-between items-center px-6 h-16 bg-surface/60 backdrop-blur-xl border-b border-primary/10 shadow-[0_0_40px_rgba(0,212,255,0.04)]">
             <div className="flex items-center gap-8">
@@ -16,49 +10,36 @@ const TopNavBar = () => {
                 <div className="h-8 w-px bg-outline-variant/20 hidden md:block"></div>
                 <div className="hidden md:flex flex-col">
                     <span className="text-[10px] font-mono text-outline-variant tracking-widest uppercase">System Status</span>
-                    <div className="text-sm font-mono text-tertiary">{status}</div>
+                    <div className="text-sm font-mono text-tertiary">{sessionData?.status || 'INITIALIZING...'}</div>
                 </div>
             </div>
 
             <div className="flex items-center gap-6">
+
+
                 <div className="flex gap-2">
-                    {/* START - clickable when standby */}
                     <button
                         onClick={() => sendCommand({ action: 'start' })}
-                        disabled={isRunning}
-                        className={`flex items-center gap-2 px-4 py-1.5 rounded-full border text-xs font-bold transition-all ${isRunning 
-                            ? 'bg-surface-container text-slate-600 border-slate-700 cursor-not-allowed' 
-                            : 'bg-tertiary/10 border-tertiary/20 text-tertiary hover:bg-tertiary/20 active:scale-95'}`}
+                        disabled={sessionData?.active && sessionData?.status !== 'PAUSED'}
+                        className="flex items-center gap-2 px-4 py-1.5 rounded-full bg-tertiary/10 border border-tertiary/20 text-tertiary text-xs font-bold hover:bg-tertiary/20 transition-all active:scale-95 disabled:opacity-30 disabled:pointer-events-none"
                     >
                         <span className="material-symbols-outlined text-sm">play_arrow</span> START
                     </button>
-
-                    {/* PAUSE/RESUME - clickable when running */}
                     <button
                         onClick={() => sendCommand({ action: 'pause' })}
-                        disabled={!isRunning}
-                        className={`flex items-center gap-2 px-4 py-1.5 rounded-full border text-xs font-bold transition-all ${!isRunning 
-                            ? 'bg-surface-container text-slate-600 border-slate-700 cursor-not-allowed' 
-                            : status === 'PAUSED'
-                                ? 'bg-secondary text-surface border-secondary active:scale-95' 
-                                : 'bg-secondary/10 border-secondary/20 text-secondary hover:bg-secondary/20 active:scale-95'}`}
+                        disabled={!sessionData?.active}
+                        className={`flex items-center gap-2 px-4 py-1.5 rounded-full border text-xs font-bold transition-all active:scale-95 disabled:opacity-30 ${sessionData?.status === 'PAUSED' ? 'bg-secondary text-surface border-secondary' : 'bg-secondary/10 border-secondary/20 text-secondary hover:bg-secondary/20'}`}
                     >
-                        <span className="material-symbols-outlined text-sm">{status === 'PAUSED' ? 'play_arrow' : 'pause'}</span>
-                        {status === 'PAUSED' ? 'RESUME' : 'PAUSE'}
+                        <span className="material-symbols-outlined text-sm">{sessionData?.status === 'PAUSED' ? 'play_arrow' : 'pause'}</span> 
+                        {sessionData?.status === 'PAUSED' ? 'RESUME' : 'PAUSE'}
                     </button>
-
-                    {/* FORCE END - clickable when running */}
                     <button
                         onClick={() => sendCommand({ action: 'force_end' })}
-                        disabled={!isRunning}
-                        className={`flex items-center gap-2 px-4 py-1.5 rounded-full border text-xs font-bold transition-all ${!isRunning 
-                            ? 'bg-surface-container text-slate-600 border-slate-700 cursor-not-allowed' 
-                            : 'bg-[#f59e0b]/10 border-[#f59e0b]/20 text-[#f59e0b] hover:bg-[#f59e0b]/20 active:scale-95'}`}
+                        disabled={!sessionData?.active}
+                        className="flex items-center gap-2 px-4 py-1.5 rounded-full bg-[#f59e0b]/10 border border-[#f59e0b]/20 text-[#f59e0b] text-xs font-bold hover:bg-[#f59e0b]/20 transition-all active:scale-95 disabled:opacity-30"
                     >
                         <span className="material-symbols-outlined text-sm">stop_circle</span> FORCE END
                     </button>
-
-                    {/* RESET - always clickable */}
                     <button
                         onClick={() => sendCommand({ action: 'reset' })}
                         className="flex items-center gap-2 px-4 py-1.5 rounded-full bg-error/10 border border-error/20 text-error text-xs font-bold hover:bg-error/20 transition-all active:scale-95"

frontend/src/hooks/useWebSocket.js

@@ -1,211 +1,147 @@
-import { useState, useEffect, useCallback, useRef } from 'react';
-
-const useWebSocket = (url) => {
-    const [events, setEvents] = useState([]);
-    const [gameState, setGameState] = useState({
-        scenario: null,
-        active: false,
-        status: 'AWAITING_OBJECTIVE',
-        step: 0,
-        reward: 0,
-        cumulativeReward: 0,
-        agents: {},
-        clues_found: [],
-        rewardBreakdown: {},
-        rewardHistory: []
-    });
-
-    const [isConnected, setIsConnected] = useState(false);
-    const [error, setError] = useState(null);
-    const socketRef = useRef(null);
-
-    useEffect(() => {
-        socketRef.current = new WebSocket(url);
-
-        socketRef.current.onopen = () => setIsConnected(true);
-
-        socketRef.current.onmessage = (event) => {
-            const data = JSON.parse(event.data);
-            setEvents(prev => [...prev, data]);
-
-            setGameState(prev => {
-                let current = { ...prev };
-
-                if (data.type === 'episode_start') {
-                    const initialAgents = {};
-                    if (data.agents && Array.isArray(data.agents)) {
-                        data.agents.forEach(a => {
-                            initialAgents[a.id] = { status: 'ACTIVE', messages: [] };
-                        });
-                    }
-                    return {
-                        ...current,
-                        scenario: data.scenario,
-                        active: true,
-                        status: 'INVESTIGATING',
-                        step: 0,
-                        reward: 0,
-                        cumulativeReward: 0,
-                        clues_found: [],
-                        agents: initialAgents
-                    };
-                }
-
-                const newState = { ...current };
-
-                if (data.step !== undefined) {
-                    newState.step = data.step;
-                }
-
-                if (data.type === 'agent_partial') {
-                    const agentId = data.agent_id;
-                    const agents = { ...newState.agents };
-                    const agentReference = agents[agentId] || { status: 'ACTIVE', messages: [] };
-                    const agent = { ...agentReference };
-                    const messages = [...(agent.messages || [])];
-                        const lastMsg = messages[messages.length - 1];
-                        if (lastMsg && lastMsg.type === 'message' && lastMsg.partial) {
-                            messages[messages.length - 1] = { ...lastMsg, content: data.full_message };
-                        } else {
-                            messages.push({
-                                type: 'message',
-                                content: data.full_message,
-                                partial: true
-                            });
-                        }
-                    agent.messages = messages;
-                    agents[agentId] = agent;
-                    newState.agents = agents;
-                }
-
-                if (data.type === 'agent_message') {
-                    const agentId = data.agent_id;
-                    const agents = { ...newState.agents };
-                    const agentReference = agents[agentId] || { status: 'ACTIVE', messages: [] };
-                    const agent = { ...agentReference };
-                    const messages = [...(agent.messages || [])];
-                        const lastMsg = messages[messages.length - 1];
-                        if (lastMsg && lastMsg.partial) {
-                            messages[messages.length - 1] = { ...lastMsg, content: data.message, partial: undefined };
-                        } else {
-                            messages.push({
-                                type: 'message',
-                                content: data.message
-                            });
-                        }
-                    agent.messages = messages;
-                    agents[agentId] = agent;
-                    newState.agents = agents;
-                }
-
-                if (data.status === 'READY') {
-                    newState.status = 'READY_TO_INJECT';
-                    newState.active = false;
-                    const clearedAgents = {};
-                    Object.keys(newState.agents).forEach(k => {
-                        clearedAgents[k] = { ...newState.agents[k], messages: [] };
-                    });
-                    newState.agents = clearedAgents;
-                }
-
-                if (data.type === 'system_status') {
-                    if (data.paused !== undefined) {
-                        newState.status = data.paused ? 'PAUSED' : 'INVESTIGATING';
-                    }
-                    if (data.status) {
-                        newState.status = data.status;
-                    }
-                    if (data.active !== undefined) {
-                        newState.active = data.active;
-                    }
-                }
-
-                if (data.type === 'tool_call') {
-                    const agentId = data.agent_id;
-                    const agents = { ...newState.agents };
-                    const agent = { ...agents[agentId], messages: [...(agents[agentId].messages || [])] };
-                    agent.messages.push({
-                        type: 'tool_call',
-                        tool_name: data.tool_name,
-                        params: data.params
-                    });
-                    agents[agentId] = agent;
-                    newState.agents = agents;
-                }
-
-                if (data.type === 'tool_result') {
-                    const agents = { ...newState.agents };
-                    const agentIds = Object.keys(agents);
-                    if (agentIds.length > 0) {
-                        // Attach tool result to the most recently active agent. Or just broadcast to all/first since tool_result lacks agent_id
-                        // We will append to all agents or the first one just for display parsing.
-                        const activeId = data.agent_id || agentIds[0];
-                        if (agents[activeId]) {
-                            const agentTarget = { ...agents[activeId], messages: [...(agents[activeId].messages || [])] };
-                            agentTarget.messages.push({
-                                type: 'tool_result',
-                                tool_name: data.tool_name,
-                                result: data.result,
-                                success: data.success
-                            });
-                            agents[activeId] = agentTarget;
-                            newState.agents = agents;
-                        }
-                    }
-
-                    // Simple heuristic for clues if not sent explicitly
-                    const res = data.result?.toLowerCase() || '';
-                    if (res.includes('error') || res.includes('anomaly') || res.includes('warning') || res.includes('degraded') || data.tool_name === 'propose_fix') {
-                        const currentClues = newState.clues_found || [];
-                        if (!currentClues.includes(data.result)) {
-                            newState.clues_found = [...currentClues, data.result];
-                        }
-                    }
-                }
-
-                if (data.type === 'reward_update') {
-                    newState.reward = data.reward;
-                    newState.cumulativeReward = data.cumulative;
-                    newState.rewardBreakdown = data.breakdown || {};
-                    newState.rewardHistory = [...(newState.rewardHistory || []), data.reward];
-                }
-
-                if (data.type === 'episode_end') {
-                    newState.active = false;
-                    newState.status = 'COMPLETED';
-                    newState.step = data.steps_taken || newState.step;
-                    newState.cumulativeReward = data.final_score !== undefined ? data.final_score : newState.cumulativeReward;
-                    newState.finalScore = data.final_score;
-                    newState.success = data.success;
-                    newState.fixVerified = data.fix_verified;
-                    if (data.clues_found) newState.clues_found = data.clues_found;
-                    if (data.reward_history) newState.rewardHistory = data.reward_history;
-                    if (data.final_breakdown) newState.rewardBreakdown = data.final_breakdown;
-
-                    const standbyAgents = {};
-                    Object.keys(newState.agents).forEach(k => {
-                        standbyAgents[k] = { ...newState.agents[k], status: 'STANDBY' };
-                    });
-                    newState.agents = standbyAgents;
-                }
-
-                return newState;
-            });
-        };
-
-        socketRef.current.onerror = (err) => setError(err);
-        socketRef.current.onclose = () => setIsConnected(false);
-
-        return () => socketRef.current.close();
-    }, [url]);
-
-    const sendCommand = useCallback((command) => {
-        if (socketRef.current && isConnected) {
-            socketRef.current.send(JSON.stringify(command));
-        }
-    }, [isConnected]);
-
-    return { events, gameState, isConnected, error, sendCommand };
-};
-
-export default useWebSocket;
+import { useState, useEffect, useCallback, useRef } from 'react';
+
+const useWebSocket = (url) => {
+    const [events, setEvents] = useState([]);
+    const [gameState, setGameState] = useState({
+        scenario: null,
+        active: false,
+        status: 'AWAITING_OBJECTIVE',
+        step: 0,
+        reward: 0,
+        cumulativeReward: 0,
+        agent_a_model: '',
+        agent_b_model: '',
+        agents: {
+            agent_a: { status: 'STANDBY', messages: [] },
+            agent_b: { status: 'STANDBY', messages: [] }
+        }
+    });
+
+    const [isConnected, setIsConnected] = useState(false);
+    const [error, setError] = useState(null);
+    const socketRef = useRef(null);
+
+    useEffect(() => {
+        socketRef.current = new WebSocket(url);
+
+        socketRef.current.onopen = () => setIsConnected(true);
+
+        socketRef.current.onmessage = (event) => {
+            const data = JSON.parse(event.data);
+            setEvents(prev => [...prev, data]);
+
+            setGameState(prev => {
+                const draft = { ...prev };
+
+                if (data.type === 'episode_start') {
+                    draft.scenario = data.scenario;
+                    draft.active = true;
+                    draft.status = 'INVESTIGATING';
+                    draft.step = 0;
+                    draft.reward = 0;
+                    draft.cumulativeReward = 0;
+                    draft.agent_a_model = data.agent_a_model || draft.agent_a_model;
+                    draft.agent_b_model = data.agent_b_model || draft.agent_b_model;
+                    draft.agents.agent_a = { status: 'ACTIVE', messages: [] };
+                    draft.agents.agent_b = { status: 'ACTIVE', messages: [] };
+                }
+
+                if (data.type === 'agent_partial') {
+                    const agent = draft.agents[data.agent_id];
+                    if (agent) {
+                        const lastMsg = agent.messages[agent.messages.length - 1];
+                        if (lastMsg && lastMsg.type === 'message' && lastMsg.partial) {
+                            lastMsg.content = data.full_message;
+                        } else {
+                            agent.messages.push({
+                                type: 'message',
+                                content: data.full_message,
+                                partial: true
+                            });
+                        }
+                    }
+                }
+
+                if (data.type === 'agent_message') {
+                    const agent = draft.agents[data.agent_id];
+                    if (agent) {
+                        const lastMsg = agent.messages[agent.messages.length - 1];
+                        if (lastMsg && lastMsg.partial) {
+                            lastMsg.content = data.message;
+                            delete lastMsg.partial;
+                        } else {
+                            agent.messages.push({
+                                type: 'message',
+                                content: data.message
+                            });
+                        }
+                    }
+                }
+
+                if (data.status === 'READY') {
+                    draft.status = 'READY_TO_INJECT';
+                    draft.active = false;
+                    draft.agents.agent_a.messages = [];
+                    draft.agents.agent_b.messages = [];
+                }
+
+                if (data.type === 'system_status') {
+                    if (data.paused !== undefined) {
+                        draft.status = data.paused ? 'PAUSED' : 'INVESTIGATING';
+                    }
+                    if (data.status) {
+                        draft.status = data.status;
+                    }
+                }
+
+                if (data.type === 'tool_call') {
+                    if (draft.agents[data.agent_id]) {
+                        draft.agents[data.agent_id].messages.push({
+                            type: 'tool_call',
+                            tool_name: data.tool_name,
+                            params: data.params
+                        });
+                    }
+                }
+
+                if (data.type === 'tool_result') {
+                    draft.agents.agent_a.messages.push({
+                        type: 'tool_result',
+                        tool_name: data.tool_name,
+                        result: data.result,
+                        success: data.success
+                    });
+                }
+
+                if (data.type === 'reward_update') {
+                    draft.reward = data.reward;
+                    draft.cumulativeReward = data.cumulative;
+                }
+
+                if (data.type === 'episode_end') {
+                    draft.active = false;
+                    draft.status = 'COMPLETED';
+                    draft.agents.agent_a.status = 'STANDBY';
+                    draft.agents.agent_b.status = 'STANDBY';
+                }
+
+                return draft;
+            });
+        };
+
+        socketRef.current.onerror = (err) => setError(err);
+        socketRef.current.onclose = () => setIsConnected(false);
+
+        return () => socketRef.current.close();
+    }, [url]);
+
+    const sendCommand = useCallback((command) => {
+        if (socketRef.current && isConnected) {
+            socketRef.current.send(JSON.stringify(command));
+        }
+    }, [isConnected]);
+
+    return { events, gameState, isConnected, error, sendCommand };
+};
+
+export default useWebSocket;

frontend/src/index.css

@@ -53,22 +53,6 @@
   animation: blink 1s step-end infinite;
 }
 
-@utility custom-scrollbar {
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: var(--color-outline-variant);
-    border-radius: 10px;
-  }
-  &::-webkit-scrollbar-thumb:hover {
-    background: var(--color-outline);
-  }
-}
-
 @layer base {
   body {
     @apply bg-background text-on-surface font-body selection:bg-primary-container/30 overflow-x-hidden;

frontend/src/views/DashboardView.jsx

@@ -1,345 +1,288 @@
-import React, { useState, useEffect } from 'react';
-import { config } from '../config';
-import { useApp } from '../context/AppContext';
-import AgentTerminal from '../components/AgentTerminal';
-import DynamicScenarioInjector from '../components/DynamicScenarioInjector';
-import EpisodeEndOverlay from '../components/EpisodeEndOverlay';
-
-const LiveTimer = () => {
-    const { simulationSeconds } = useApp();
-
-    const format = (secs) => {
-        const m = Math.floor(secs / 60).toString().padStart(2, '0');
-        const s = (secs % 60).toString().padStart(2, '0');
-        return `${m}:${s}`;
-    };
-
-    return <span>{format(simulationSeconds)}</span>;
-};
-
-const SystemTelemetryWidget = ({ status }) => {
-    // We will keep an array of 50 data points for 2 lines (CPU and RAM)
-    const maxPoints = 50;
-    const [dataPoints, setDataPoints] = useState(Array(maxPoints).fill({ cpu: 0, ram: 0, gpu: 0, vram: 0 }));
-
-    useEffect(() => {
-        let isActive = true;
-        
-        const fetchTelemetry = async () => {
-            try {
-                const res = await fetch(`${config.API_BASE}/telemetry`);
-                if (!res.ok) return;
-                const data = await res.json();
-                
-                if (isActive) {
-                    setDataPoints(prev => {
-                        const next = [...prev.slice(1)];
-                        next.push({ 
-                            cpu: data.cpu || 0, 
-                            ram: data.ram || 0,
-                            gpu: data.gpu || 0,
-                            vram: data.vram || 0
-                        });
-                        return next;
-                    });
-                }
-            } catch (e) {
-                // Ignore errors gracefully
-            }
-        };
-
-        const interval = setInterval(fetchTelemetry, 1000);
-        
-        return () => {
-            isActive = false;
-            clearInterval(interval);
-        };
-    }, []);
-
-    const latest = dataPoints[dataPoints.length - 1] || { cpu: 0, ram: 0, gpu: 0, vram: 0 };
-
-    // SVG coordinates computation
-    const toPoints = (key) => dataPoints.map((dp, i) => `${(i / (maxPoints - 1)) * 100},${100 - dp[key]}`).join(' ');
-
-    return (
-        <section className="bg-surface-container-low/40 backdrop-blur-md rounded-lg p-5 border border-white/5 refractive-edge flex flex-col">
-            <div className="flex items-center justify-between mb-4 shrink-0">
-                <div className="flex items-center gap-2">
-                    <span className="material-symbols-outlined text-outline text-sm">memory</span>
-                    <h3 className="text-xs font-bold font-headline tracking-widest uppercase text-outline">System Telemetry</h3>
-                </div>
-                <div className="flex flex-wrap gap-x-3 gap-y-1 text-[9px] font-mono tracking-widest uppercase">
-                    <span className="flex items-center gap-1 text-[#3b82f6]"><span className="w-2 h-2 rounded-full bg-[#3b82f6]"></span> CPU {Number(latest.cpu).toFixed(0)}%</span>
-                    <span className="flex items-center gap-1 text-[#10b981]"><span className="w-2 h-2 rounded-full bg-[#10b981]"></span> RAM {Number(latest.ram).toFixed(0)}%</span>
-                    <span className="flex items-center gap-1 text-[#a855f7]"><span className="w-2 h-2 rounded-full bg-[#a855f7]"></span> GPU {Number(latest.gpu).toFixed(0)}%</span>
-                    <span className="flex items-center gap-1 text-[#f59e0b]"><span className="w-2 h-2 rounded-full bg-[#f59e0b]"></span> VRAM {Number(latest.vram).toFixed(0)}%</span>
-                </div>
-            </div>
-
-            <div className="flex-1 min-h-[100px] border-b border-l border-white/10 relative">
-                {/* Y-axis grid lines */}
-                <div className="absolute inset-0 flex flex-col justify-between pointer-events-none opacity-20">
-                    <div className="border-t border-dashed border-white/40 h-0"></div>
-                    <div className="border-t border-dashed border-white/40 h-0"></div>
-                    <div className="border-t border-dashed border-white/40 h-0"></div>
-                </div>
-
-                <svg viewBox="0 0 100 100" preserveAspectRatio="none" className="absolute inset-0 w-full h-full overflow-visible">
-                    <defs>
-                        <linearGradient id="gradCPU" x1="0" x2="0" y1="0" y2="1">
-                            <stop offset="0%" stopColor="#3b82f6" stopOpacity="0.15" />
-                            <stop offset="100%" stopColor="#3b82f6" stopOpacity="0" />
-                        </linearGradient>
-                        <linearGradient id="gradRAM" x1="0" x2="0" y1="0" y2="1">
-                            <stop offset="0%" stopColor="#10b981" stopOpacity="0.15" />
-                            <stop offset="100%" stopColor="#10b981" stopOpacity="0" />
-                        </linearGradient>
-                        <linearGradient id="gradGPU" x1="0" x2="0" y1="0" y2="1">
-                            <stop offset="0%" stopColor="#a855f7" stopOpacity="0.15" />
-                            <stop offset="100%" stopColor="#a855f7" stopOpacity="0" />
-                        </linearGradient>
-                        <linearGradient id="gradVRAM" x1="0" x2="0" y1="0" y2="1">
-                            <stop offset="0%" stopColor="#f59e0b" stopOpacity="0.1" />
-                            <stop offset="100%" stopColor="#f59e0b" stopOpacity="0" />
-                        </linearGradient>
-                    </defs>
-
-                    {/* Area fills */}
-                    <polygon points={`0,100 ${toPoints('cpu')} 100,100`} fill="url(#gradCPU)" />
-                    <polygon points={`0,100 ${toPoints('ram')} 100,100`} fill="url(#gradRAM)" />
-                    <polygon points={`0,100 ${toPoints('gpu')} 100,100`} fill="url(#gradGPU)" />
-                    <polygon points={`0,100 ${toPoints('vram')} 100,100`} fill="url(#gradVRAM)" />
-
-                    {/* Line strokes */}
-                    <polyline points={toPoints('cpu')} fill="none" stroke="#3b82f6" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
-                    <polyline points={toPoints('ram')} fill="none" stroke="#10b981" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
-                    <polyline points={toPoints('gpu')} fill="none" stroke="#a855f7" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
-                    <polyline points={toPoints('vram')} fill="none" stroke="#f59e0b" strokeWidth="0.75" strokeDasharray="2,2" strokeLinecap="round" strokeLinejoin="round" />
-                </svg>
-            </div>
-        </section>
-    );
-};
-
-const DashboardView = () => {
-    const { sessionData, isConnected } = useApp();
-    // Since AppContext maps the useWebSocket return `gameState` or `data` to `sessionData`
-    // And I rewritten useWebSocket to return { events, gameState, isConnected }, AppContext 
-    // might still just say sessionData: data. Wait! AppContext maps `data` literally.
-    // useWebSocket exports { gameState }. If AppContext just takes data, it will be undefined!
-    // I need to read gameState directly from useApp(). Wait, I'll export gameState from AppContext later or just assume `sessionData` mapped to `data`.
-    // Actually in useWebSocket I returned { events, gameState, isConnected, sendCommand } instead of data!
-    // So AppContext should map `sessionData` to `gameState`. But wait, AppContext has `data`.
-    // Let me check my useWebSocket.js... I returned { events, gameState, isConnected, error, sendCommand }
-    // If I didn't change AppContext, then `const { data } = useWebSocket(...)` means `data` is undefined!
-    // Let's fix AppContext inside this file write temporarily? No I can't.
-    // I should destructure both, but `data` will be undefined.
-    // I will fix AppContext in a moment, but let's assume `sessionData` has the gameState object.
-
-    const state = sessionData || {
-        scenario: null,
-        active: false,
-        step: 0,
-        cumulativeReward: 0,
-        agents: {}
-    };
-
-    const sc = state.scenario || {};
-
-    const [isOverlayDismissed, setIsOverlayDismissed] = useState(false);
-    const [configModels, setConfigModels] = useState({ agents: [] });
-
-    useEffect(() => {
-        const fetchConfig = async () => {
-            try {
-                const res = await fetch(`${config.API_BASE}/config`);
-                const data = await res.json();
-                setConfigModels({
-                    agents: data.models?.agents || [],
-                    execMode: data.execution?.mode
-                });
-            } catch (e) {
-                console.error("Failed to fetch config models for dashboard", e);
-            }
-        };
-        fetchConfig();
-    }, []);
-
-    useEffect(() => {
-        if (state.status !== 'COMPLETED') {
-            setIsOverlayDismissed(false);
-        }
-    }, [state.status]);
-
-    return (
-        <div className="space-y-8 animate-in fade-in duration-500">
-            {/* Header */}
-            <div className="flex flex-col md:flex-row justify-between items-end gap-6 border-b border-outline-variant/10 pb-6">
-                <div>
-                    <h1 className="text-4xl font-headline font-bold tracking-tight text-on-surface uppercase flex items-center gap-3">
-                        Operational_Dashboard
-                        {configModels.execMode === 'ssh' && (
-                            <span 
-                                className="text-[10px] bg-error/20 text-error px-2 py-1 rounded border border-error/50 tracking-widest uppercase cursor-help hover:bg-error/30 transition-all font-mono"
-                                title="WARNING: Attached to a live SSH environment. Agents execute commands that modify system state directly."
-                            >
-                                SSH_LIVE
-                            </span>
-                        )}
-                    </h1>
-                    <p className={`font-mono text-sm mt-2 opacity-80 ${isConnected ? 'text-primary' : 'text-error'}`}>
-                        {isConnected ? `CONNECTED_TO: ${config.WS_URL}` : 'DISCONNECTED: Backend server offline or starting...'}
-                    </p>
-                </div>
-                <div className="flex gap-6">
-                    <div className="text-right">
-                        <p className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Runtime</p>
-                        <p className="font-mono text-lg text-white">
-                            <LiveTimer />
-                        </p>
-                    </div>
-                    <div className="h-10 w-px bg-outline-variant/20"></div>
-                    <div className="text-right">
-                        <p className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Episode Step</p>
-                        <p className="font-mono text-lg text-white">{String(state.step).padStart(2, '0')}</p>
-                    </div>
-                    <div className="h-10 w-px bg-outline-variant/20"></div>
-                    <div className="text-right">
-                        <p className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Step Reward</p>
-                        <p className="font-mono text-lg text-tertiary">{Number(state.reward || 0).toFixed(3)}</p>
-                    </div>
-                    <div className="h-10 w-px bg-outline-variant/20"></div>
-                    <div className="text-right">
-                        <p className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Cumulative</p>
-                        <p className="font-mono text-lg text-tertiary">{Number(state.cumulativeReward || 0).toFixed(2)}</p>
-                    </div>
-                </div>
-            </div>
-
-            {/* N-Agent Terminals */}
-            <div className={`grid grid-cols-1 ${
-                configModels.agents.length === 1 ? 'lg:grid-cols-1' :
-                configModels.agents.length === 2 ? 'lg:grid-cols-2' :
-                configModels.agents.length === 3 ? 'lg:grid-cols-3' :
-                configModels.agents.length === 4 ? 'lg:grid-cols-2' :
-                configModels.agents.length <= 6 ? 'lg:grid-cols-3' : 'lg:grid-cols-4'
-            } gap-6 overflow-y-auto max-h-[80vh] custom-scrollbar pr-2`}>
-                {configModels.agents.map((agent, index) => {
-                    const colors = ['cyan', 'purple', 'green', 'orange', 'pink', 'yellow', 'red', 'blue'];
-                    const accentColor = colors[index % colors.length];
-                    const messages = state.agents?.[agent.id]?.messages || [];
-                    const agentStatus = state.active ? 'ACTIVE' : 'STANDBY';
-                    const icon = agent.role?.includes('VALIDATOR') ? 'verified_user' : 'search';
-                    
-                    // Scalable naming: ALPHA, BRAVO... then AA, AB...
-                    const agentNames = ['ALPHA', 'BRAVO', 'CHARLIE', 'DELTA', 'ECHO', 'FOXTROT', 'GOLF', 'HOTEL', 'INDIA', 'JULIETT', 'KILO', 'LIMA', 'MIKE', 'NOVEMBER', 'OSCAR', 'PAPA', 'QUEBEC', 'ROMEO', 'SIERRA', 'TANGO', 'UNIFORM', 'VICTOR', 'WHISKEY', 'X-RAY', 'YANKEE', 'ZULU'];
-                    let name = agentNames[index % agentNames.length];
-                    if (index >= agentNames.length) {
-                        name = `${name}_${Math.floor(index / agentNames.length)}`;
-                    }
-
-                    return (
-                        <AgentTerminal
-                            key={agent.id}
-                            agentName={`Agent ${name}: ${agent.role?.replace(/_/g, ' ') || 'AGENT'}`}
-                            model={agent.model}
-                            status={agentStatus}
-                            accentColor={accentColor}
-                            icon={icon}
-                            messages={messages}
-                        />
-                    );
-                })}
-            </div>
-
-            {/* Reward Breakdown Panel */}
-            {state.rewardBreakdown && Object.keys(state.rewardBreakdown).length > 0 && (
-                <section className="bg-surface-container-low/40 backdrop-blur-md rounded-lg p-5 border border-white/5">
-                    <div className="flex items-center gap-2 mb-4">
-                        <span className="material-symbols-outlined text-primary text-sm">analytics</span>
-                        <h3 className="text-xs font-bold font-headline tracking-widest uppercase text-primary">Reward Breakdown</h3>
-                    </div>
-                    <div className="grid grid-cols-4 md:grid-cols-8 gap-3">
-                        {Object.entries(state.rewardBreakdown).map(([key, value]) => (
-                            <div key={key} className="text-center">
-                                <div className="text-[9px] font-mono text-slate-500 uppercase mb-1">{key.replace(/_/g, ' ')}</div>
-                                <div className={`font-mono text-lg font-bold ${value > 0 ? 'text-primary' : 'text-slate-600'}`}>
-                                    {typeof value === 'number' ? value.toFixed(3) : value}
-                                </div>
-                            </div>
-                        ))}
-                    </div>
-                    {state.rewardHistory && state.rewardHistory.length > 1 && (
-                        <div className="mt-4 pt-4 border-t border-white/10">
-                            <div className="text-[9px] font-mono text-slate-500 uppercase mb-2">Reward History</div>
-                            <div className="flex gap-1 items-end h-12">
-                                {state.rewardHistory.slice(-16).map((r, i) => (
-                                    <div key={i} className="flex-1 bg-primary/30 rounded-t" 
-                                         style={{ height: `${Math.max(10, (r / 1) * 100)}%` }}>
-                                    </div>
-                                ))}
-                            </div>
-                        </div>
-                    )}
-                </section>
-            )}
-
-            {/* Bottom Row */}
-            <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-                {/* Incident Brief Mini */}
-                <section className="bg-surface-container-low/40 backdrop-blur-md rounded-lg p-5 border border-white/5 refractive-edge">
-                    <div className="flex items-center gap-2 mb-6">
-                        <span className="material-symbols-outlined text-outline text-sm">info</span>
-                        <h3 className="text-xs font-bold font-headline tracking-widest uppercase text-outline">Incident Brief</h3>
-                    </div>
-                    <div className="space-y-6">
-                        <div className="space-y-1">
-                            <label className="text-[9px] font-mono text-outline-variant uppercase">Scenario Title</label>
-                            <div className="h-6 w-full border-b border-outline-variant/20 text-sm text-on-surface/80">{sc.id || '—'}</div>
-                        </div>
-                        <div className="flex gap-4">
-                            <div className="flex-1 space-y-1">
-                                <label className="text-[9px] font-mono text-outline-variant uppercase">Difficulty</label>
-                                <div className="h-6 w-full border-b border-outline-variant/20 text-sm text-on-surface/80">{sc.difficulty || '—'}</div>
-                            </div>
-                            <div className="flex-1 space-y-1">
-                                <label className="text-[9px] font-mono text-outline-variant uppercase">Domain</label>
-                                <div className="h-6 w-full border-b border-outline-variant/20 text-sm text-on-surface/80">{sc.domain || 'N/A'}</div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-
-                {/* Scenario Injector */}
-                <div className="lg:col-span-1">
-                    <DynamicScenarioInjector scenario={sc} />
-                </div>
-
-                {/* Live Task Manager Graph */}
-                <SystemTelemetryWidget
-                    status={state.status || 'STANDBY'}
-                />
-            </div>
-
-            {/* Background glows */}
-            <div className="fixed top-0 right-0 w-[500px] h-[500px] bg-primary/5 rounded-full blur-[120px] pointer-events-none -z-10 translate-x-1/2 -translate-y-1/2"></div>
-            <div className="fixed bottom-0 left-0 w-[400px] h-[400px] bg-secondary/5 rounded-full blur-[100px] pointer-events-none -z-10 -translate-x-1/2 translate-y-1/2"></div>
-
-            {/* Episode End Overlay */}
-            <EpisodeEndOverlay
-                isOpen={state.status === 'COMPLETED' && !isOverlayDismissed}
-                onClose={() => setIsOverlayDismissed(true)}
-                metrics={{
-                    score: Number(state.cumulativeReward || 0).toFixed(2),
-                    runtime: '00:00:00',
-                    steps: state.step || 0,
-                    rootCause: 'VERIFIED',
-                    agentCount: Object.keys(state.agents || {}).length
-                }}
-                gameState={state}
-            />
-        </div>
-    );
-};
-
-export default DashboardView;
+import React, { useState, useEffect } from 'react';
+import { config } from '../config';
+import { useApp } from '../context/AppContext';
+import AgentTerminal from '../components/AgentTerminal';
+import DynamicScenarioInjector from '../components/DynamicScenarioInjector';
+import EpisodeEndOverlay from '../components/EpisodeEndOverlay';
+
+const LiveTimer = () => {
+    const { simulationSeconds } = useApp();
+
+    const format = (secs) => {
+        const m = Math.floor(secs / 60).toString().padStart(2, '0');
+        const s = (secs % 60).toString().padStart(2, '0');
+        return `${m}:${s}`;
+    };
+
+    return <span>{format(simulationSeconds)}</span>;
+};
+
+const SystemTelemetryWidget = ({ status }) => {
+    // We will keep an array of 50 data points for 2 lines (CPU and RAM)
+    const maxPoints = 50;
+    const [dataPoints, setDataPoints] = useState(Array(maxPoints).fill({ cpu: 0, ram: 0, gpu: 0, vram: 0 }));
+
+    useEffect(() => {
+        let isActive = true;
+        
+        const fetchTelemetry = async () => {
+            try {
+                const res = await fetch(`${config.API_BASE}/telemetry`);
+                if (!res.ok) return;
+                const data = await res.json();
+                
+                if (isActive) {
+                    setDataPoints(prev => {
+                        const next = [...prev.slice(1)];
+                        next.push({ 
+                            cpu: data.cpu || 0, 
+                            ram: data.ram || 0,
+                            gpu: data.gpu || 0,
+                            vram: data.vram || 0
+                        });
+                        return next;
+                    });
+                }
+            } catch (e) {
+                // Ignore errors gracefully
+            }
+        };
+
+        const interval = setInterval(fetchTelemetry, 1000);
+        
+        return () => {
+            isActive = false;
+            clearInterval(interval);
+        };
+    }, []);
+
+    const latest = dataPoints[dataPoints.length - 1] || { cpu: 0, ram: 0, gpu: 0, vram: 0 };
+
+    // SVG coordinates computation
+    const toPoints = (key) => dataPoints.map((dp, i) => `${(i / (maxPoints - 1)) * 100},${100 - dp[key]}`).join(' ');
+
+    return (
+        <section className="bg-surface-container-low/40 backdrop-blur-md rounded-lg p-5 border border-white/5 refractive-edge flex flex-col">
+            <div className="flex items-center justify-between mb-4 shrink-0">
+                <div className="flex items-center gap-2">
+                    <span className="material-symbols-outlined text-outline text-sm">memory</span>
+                    <h3 className="text-xs font-bold font-headline tracking-widest uppercase text-outline">System Telemetry</h3>
+                </div>
+                <div className="flex flex-wrap gap-x-3 gap-y-1 text-[9px] font-mono tracking-widest uppercase">
+                    <span className="flex items-center gap-1 text-[#3b82f6]"><span className="w-2 h-2 rounded-full bg-[#3b82f6]"></span> CPU {Number(latest.cpu).toFixed(0)}%</span>
+                    <span className="flex items-center gap-1 text-[#10b981]"><span className="w-2 h-2 rounded-full bg-[#10b981]"></span> RAM {Number(latest.ram).toFixed(0)}%</span>
+                    <span className="flex items-center gap-1 text-[#a855f7]"><span className="w-2 h-2 rounded-full bg-[#a855f7]"></span> GPU {Number(latest.gpu).toFixed(0)}%</span>
+                    <span className="flex items-center gap-1 text-[#f59e0b]"><span className="w-2 h-2 rounded-full bg-[#f59e0b]"></span> VRAM {Number(latest.vram).toFixed(0)}%</span>
+                </div>
+            </div>
+
+            <div className="flex-1 min-h-[100px] border-b border-l border-white/10 relative">
+                {/* Y-axis grid lines */}
+                <div className="absolute inset-0 flex flex-col justify-between pointer-events-none opacity-20">
+                    <div className="border-t border-dashed border-white/40 h-0"></div>
+                    <div className="border-t border-dashed border-white/40 h-0"></div>
+                    <div className="border-t border-dashed border-white/40 h-0"></div>
+                </div>
+
+                <svg viewBox="0 0 100 100" preserveAspectRatio="none" className="absolute inset-0 w-full h-full overflow-visible">
+                    <defs>
+                        <linearGradient id="gradCPU" x1="0" x2="0" y1="0" y2="1">
+                            <stop offset="0%" stopColor="#3b82f6" stopOpacity="0.15" />
+                            <stop offset="100%" stopColor="#3b82f6" stopOpacity="0" />
+                        </linearGradient>
+                        <linearGradient id="gradRAM" x1="0" x2="0" y1="0" y2="1">
+                            <stop offset="0%" stopColor="#10b981" stopOpacity="0.15" />
+                            <stop offset="100%" stopColor="#10b981" stopOpacity="0" />
+                        </linearGradient>
+                        <linearGradient id="gradGPU" x1="0" x2="0" y1="0" y2="1">
+                            <stop offset="0%" stopColor="#a855f7" stopOpacity="0.15" />
+                            <stop offset="100%" stopColor="#a855f7" stopOpacity="0" />
+                        </linearGradient>
+                        <linearGradient id="gradVRAM" x1="0" x2="0" y1="0" y2="1">
+                            <stop offset="0%" stopColor="#f59e0b" stopOpacity="0.1" />
+                            <stop offset="100%" stopColor="#f59e0b" stopOpacity="0" />
+                        </linearGradient>
+                    </defs>
+
+                    {/* Area fills */}
+                    <polygon points={`0,100 ${toPoints('cpu')} 100,100`} fill="url(#gradCPU)" />
+                    <polygon points={`0,100 ${toPoints('ram')} 100,100`} fill="url(#gradRAM)" />
+                    <polygon points={`0,100 ${toPoints('gpu')} 100,100`} fill="url(#gradGPU)" />
+                    <polygon points={`0,100 ${toPoints('vram')} 100,100`} fill="url(#gradVRAM)" />
+
+                    {/* Line strokes */}
+                    <polyline points={toPoints('cpu')} fill="none" stroke="#3b82f6" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+                    <polyline points={toPoints('ram')} fill="none" stroke="#10b981" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+                    <polyline points={toPoints('gpu')} fill="none" stroke="#a855f7" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+                    <polyline points={toPoints('vram')} fill="none" stroke="#f59e0b" strokeWidth="0.75" strokeDasharray="2,2" strokeLinecap="round" strokeLinejoin="round" />
+                </svg>
+            </div>
+        </section>
+    );
+};
+
+const DashboardView = () => {
+    const { sessionData, isConnected } = useApp();
+    // Since AppContext maps the useWebSocket return `gameState` or `data` to `sessionData`
+    // And I rewritten useWebSocket to return { events, gameState, isConnected }, AppContext 
+    // might still just say sessionData: data. Wait! AppContext maps `data` literally.
+    // useWebSocket exports { gameState }. If AppContext just takes data, it will be undefined!
+    // I need to read gameState directly from useApp(). Wait, I'll export gameState from AppContext later or just assume `sessionData` mapped to `data`.
+    // Actually in useWebSocket I returned { events, gameState, isConnected, sendCommand } instead of data!
+    // So AppContext should map `sessionData` to `gameState`. But wait, AppContext has `data`.
+    // Let me check my useWebSocket.js... I returned { events, gameState, isConnected, error, sendCommand }
+    // If I didn't change AppContext, then `const { data } = useWebSocket(...)` means `data` is undefined!
+    // Let's fix AppContext inside this file write temporarily? No I can't.
+    // I should destructure both, but `data` will be undefined.
+    // I will fix AppContext in a moment, but let's assume `sessionData` has the gameState object.
+
+    const state = sessionData || {
+        scenario: null,
+        active: false,
+        step: 0,
+        cumulativeReward: 0,
+        agents: {
+            agent_a: { status: 'STANDBY', messages: [] },
+            agent_b: { status: 'STANDBY', messages: [] }
+        }
+    };
+
+    const sc = state.scenario || {};
+
+    const [isOverlayDismissed, setIsOverlayDismissed] = useState(false);
+    const [configModels, setConfigModels] = useState({ agent_a: 'Loading...', agent_b: 'Loading...' });
+
+    useEffect(() => {
+        const fetchConfig = async () => {
+            try {
+                const res = await fetch(`${config.API_BASE}/config`);
+                const data = await res.json();
+                setConfigModels({
+                    agent_a: data.models.agent_a || 'Unconfigured',
+                    agent_b: data.models.agent_b || 'Unconfigured',
+                    agent_a_role: data.models.agent_a_role,
+                    agent_b_role: data.models.agent_b_role
+                });
+            } catch (e) {
+                console.error("Failed to fetch config models for dashboard", e);
+            }
+        };
+        fetchConfig();
+    }, []);
+
+    useEffect(() => {
+        if (state.status !== 'COMPLETED') {
+            setIsOverlayDismissed(false);
+        }
+    }, [state.status]);
+
+    return (
+        <div className="space-y-8 animate-in fade-in duration-500">
+            {/* Header */}
+            <div className="flex flex-col md:flex-row justify-between items-end gap-6 border-b border-outline-variant/10 pb-6">
+                <div>
+                    <h1 className="text-4xl font-headline font-bold tracking-tight text-on-surface uppercase">Operational_Dashboard</h1>
+                    <p className={`font-mono text-sm mt-2 opacity-80 ${isConnected ? 'text-primary' : 'text-error'}`}>
+                        {isConnected ? `CONNECTED_TO: ${config.WS_URL}` : 'DISCONNECTED: Backend server offline or starting...'}
+                    </p>
+                </div>
+                <div className="flex gap-6">
+                    <div className="text-right">
+                        <p className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Runtime</p>
+                        <p className="font-mono text-lg text-white">
+                            <LiveTimer />
+                        </p>
+                    </div>
+                    <div className="h-10 w-px bg-outline-variant/20"></div>
+                    <div className="text-right">
+                        <p className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Episode Step</p>
+                        <p className="font-mono text-lg text-white">{String(state.step).padStart(2, '0')}</p>
+                    </div>
+                    <div className="h-10 w-px bg-outline-variant/20"></div>
+                    <div className="text-right">
+                        <p className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Current Reward</p>
+                        <p className="font-mono text-lg text-tertiary">{Number(state.cumulativeReward).toFixed(2)}</p>
+                    </div>
+                </div>
+            </div>
+
+            {/* Twin Terminals */}
+            <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <AgentTerminal
+                    agentName={`Agent A: ${configModels.agent_a_role ? configModels.agent_a_role.replace(/_/g, ' ') : 'Investigator'}`}
+                    model={state.agent_a_model || configModels.agent_a}
+                    status={state.agents.agent_a.status}
+                    accentColor="cyan"
+                    icon="search"
+                    messages={state.agents.agent_a.messages}
+                />
+                <AgentTerminal
+                    agentName={`Agent B: ${configModels.agent_b_role ? configModels.agent_b_role.replace(/_/g, ' ') : 'Validator'}`}
+                    model={state.agent_b_model || configModels.agent_b}
+                    status={state.agents.agent_b.status}
+                    accentColor="purple"
+                    icon="verified_user"
+                    messages={state.agents.agent_b.messages}
+                />
+            </div>
+
+            {/* Bottom Row */}
+            <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+                {/* Incident Brief Mini */}
+                <section className="bg-surface-container-low/40 backdrop-blur-md rounded-lg p-5 border border-white/5 refractive-edge">
+                    <div className="flex items-center gap-2 mb-6">
+                        <span className="material-symbols-outlined text-outline text-sm">info</span>
+                        <h3 className="text-xs font-bold font-headline tracking-widest uppercase text-outline">Incident Brief</h3>
+                    </div>
+                    <div className="space-y-6">
+                        <div className="space-y-1">
+                            <label className="text-[9px] font-mono text-outline-variant uppercase">Scenario Title</label>
+                            <div className="h-6 w-full border-b border-outline-variant/20 text-sm text-on-surface/80">{sc.id || '—'}</div>
+                        </div>
+                        <div className="flex gap-4">
+                            <div className="flex-1 space-y-1">
+                                <label className="text-[9px] font-mono text-outline-variant uppercase">Difficulty</label>
+                                <div className="h-6 w-full border-b border-outline-variant/20 text-sm text-on-surface/80">{sc.difficulty || '—'}</div>
+                            </div>
+                            <div className="flex-1 space-y-1">
+                                <label className="text-[9px] font-mono text-outline-variant uppercase">Domain</label>
+                                <div className="h-6 w-full border-b border-outline-variant/20 text-sm text-on-surface/80">{sc.domain || 'N/A'}</div>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+
+                {/* Scenario Injector */}
+                <div className="lg:col-span-1">
+                    <DynamicScenarioInjector scenario={sc} />
+                </div>
+
+                {/* Live Task Manager Graph */}
+                <SystemTelemetryWidget
+                    status={state.status || 'STANDBY'}
+                />
+            </div>
+
+            {/* Background glows */}
+            <div className="fixed top-0 right-0 w-[500px] h-[500px] bg-primary/5 rounded-full blur-[120px] pointer-events-none -z-10 translate-x-1/2 -translate-y-1/2"></div>
+            <div className="fixed bottom-0 left-0 w-[400px] h-[400px] bg-secondary/5 rounded-full blur-[100px] pointer-events-none -z-10 -translate-x-1/2 translate-y-1/2"></div>
+
+            {/* Episode End Overlay */}
+            <EpisodeEndOverlay
+                isOpen={state.status === 'COMPLETED' && !isOverlayDismissed}
+                onClose={() => setIsOverlayDismissed(true)}
+                metrics={{
+                    score: Number(state.cumulativeReward || 0).toFixed(2),
+                    runtime: '00:00:00', // could calculate if we tracked start/end time
+                    steps: state.step || 0,
+                    rootCause: 'VERIFIED',
+                    agentA: { accuracy: 'High', latency: '42ms', iops: '9' },
+                    agentB: { accuracy: 'High', latency: '38ms', iops: '7' }
+                }}
+                gameState={state}
+            />
+        </div>
+    );
+};
+
+export default DashboardView;

frontend/src/views/SettingsView.jsx

@@ -31,7 +31,8 @@ const OllamaModelPicker = ({ value, onChange, accentColor }) => {
                 onChange(models[0].name);
             }
         }
-    }, [models, value, onChange]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [models, value]);
 
     const borderClass = accentColor === 'primary' ? 'border-primary/30 focus:border-primary' : 'border-secondary/30 focus:border-secondary';
     const textClass = accentColor === 'primary' ? 'text-primary' : 'text-secondary';
@@ -74,127 +75,44 @@ const OllamaModelPicker = ({ value, onChange, accentColor }) => {
     );
 };
 
-const HFModelPicker = ({ value, onChange, accentColor }) => {
-    const [models, setModels] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [expanded, setExpanded] = useState(false);
-
-    useEffect(() => {
-        const fetchModels = async () => {
-            try {
-                const res = await fetch(`${config.API_BASE}/models/hf`);
-                if (res.ok) {
-                    const data = await res.json();
-                    setModels(data.models || []);
-                } else {
-                    setModels([]);
-                }
-            } catch (e) {
-                setModels([]);
-            } finally {
-                setLoading(false);
-            }
-        };
-        fetchModels();
-    }, []);
-
-    const borderClass = accentColor === 'primary' ? 'border-primary/30 focus:border-primary' : 'border-secondary/30 focus:border-secondary';
-    const textClass = accentColor === 'primary' ? 'text-primary' : 'text-secondary';
-
-    const groupedModels = models.reduce((acc, model) => {
-        const org = model.split('/')[0];
-        if (!acc[org]) acc[org] = [];
-        acc[org].push(model);
-        return acc;
-    }, {});
-
-    return (
-        <div className="space-y-2">
-            <div className="flex justify-between items-center">
-                <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">HuggingFace Models</label>
-                <button
-                    onClick={() => setExpanded(!expanded)}
-                    className={`text-[9px] font-mono ${textClass} hover:opacity-70 transition-opacity`}
-                >
-                    {expanded ? '▲ Collapse' : '▼ Expand'}
-                </button>
-            </div>
-            {loading ? (
-                <div className="flex items-center gap-2 py-2">
-                    <span className="material-symbols-outlined text-sm animate-spin">sync</span>
-                    <span className="text-[10px] font-mono text-slate-500">Loading models...</span>
-                </div>
-            ) : expanded ? (
-                <div className="max-h-48 overflow-y-auto bg-surface-container-lowest rounded border border-white/5">
-                    {Object.entries(groupedModels).map(([org, orgModels]) => (
-                        <div key={org}>
-                            <div className="px-3 py-1 bg-surface-container-highest text-[9px] font-mono text-slate-400 uppercase sticky top-0">
-                                {org}
-                            </div>
-                            {orgModels.map(model => (
-                                <button
-                                    key={model}
-                                    onClick={() => onChange(model)}
-                                    className={`w-full text-left px-3 py-1.5 text-[10px] font-mono transition-all hover:bg-surface-container-high ${
-                                        value === model ? `${textClass} bg-primary/10` : 'text-on-surface'
-                                    }`}
-                                >
-                                    {model.split('/')[1]}
-                                </button>
-                            ))}
-                        </div>
-                    ))}
-                </div>
-            ) : (
-                <select
-                    value={value}
-                    onChange={e => onChange(e.target.value)}
-                    className={`w-full bg-surface-container-lowest border-b ${borderClass} py-2 font-mono text-xs text-on-surface cursor-pointer focus:outline-none transition-all`}
-                >
-                    {models.map(m => (
-                        <option key={m} value={m}>{m}</option>
-                    ))}
-                </select>
-            )}
-            <p className={`text-[9px] font-mono ${textClass} opacity-50`}>{models.length} models available</p>
-        </div>
-    );
-};
-
 const ROLES = ["INVESTIGATOR", "VALIDATOR", "FORENSIC_ANALYST", "NETWORK_ENGINEER", "SYSTEM_ADMIN", "SECURITY_ARCHITECT", "COMPLIANCE_OFFICER", "CUSTOM_ROLE"];
 
 const SettingsView = () => {
-    const [agents, setAgents] = useState([]);
+    const [agentA, setAgentA] = useState({ provider: 'ollama', model: '', hfModel: 'microsoft/Phi-3-mini-4k-instruct', openaiModel: 'gpt-4o', temp: 0.8, role: 'INVESTIGATOR', customRoleName: '', customPrompt: '' });
+    const [agentB, setAgentB] = useState({ provider: 'ollama', model: '', hfModel: 'Qwen/Qwen2.5-3B-Instruct', openaiModel: 'gpt-4o-mini', temp: 0.6, role: 'VALIDATOR', customRoleName: '', customPrompt: '' });
     const [openaiKey, setOpenaiKey] = useState('');
     const [maxSteps, setMaxSteps] = useState(12);
     const [complexity, setComplexity] = useState('LEVEL_02: ADVERSARIAL');
     const [saved, setSaved] = useState(false);
     const [executionMode, setExecutionMode] = useState('simulated');
     const [sshConfig, setSshConfig] = useState({ host: '', port: 22, user: '', password: '' });
-    const [sshTestStatus, setSshTestStatus] = useState(null);
+    const [sshTestStatus, setSshTestStatus] = useState(null); // null | 'testing' | 'ok' | 'fail'
 
     useEffect(() => {
         const fetchConfig = async () => {
             try {
                 const res = await fetch(`${config.API_BASE}/config`);
                 const data = await res.json();
-                if (data.models && data.models.agents) {
-                    setAgents(data.models.agents.map(a => ({
-                        id: a.id,
-                        provider: a.provider || 'hf',
-                        model: a.model,
-                        hfModel: (a.provider === 'hf' && a.model?.includes('/')) ? a.model : 'meta-llama/Llama-3.1-8B-Instruct',
-                        openaiModel: a.provider === 'openai' ? a.model : 'gpt-4o-mini',
-                        temp: a.temperature || 0.7,
-                        role: a.role?.startsWith('CUSTOM_') ? 'CUSTOM_ROLE' : a.role || 'INVESTIGATOR',
-                        customRoleName: a.role?.startsWith('CUSTOM_') ? a.role.replace('CUSTOM_', '').replace(/_/g, ' ') : '',
-                        customPrompt: a.system_prompt || ''
-                    })));
-                } else {
-                    setAgents([{
-                        id: 'agent_a', provider: 'hf', model: '', hfModel: 'meta-llama/Llama-3.1-8B-Instruct', openaiModel: 'gpt-4o', temp: 0.7, role: 'INVESTIGATOR', customRoleName: '', customPrompt: ''
-                    }]);
-                }
+                const roleA = data.models.agent_a_role || 'INVESTIGATOR';
+                const roleB = data.models.agent_b_role || 'VALIDATOR';
+                setAgentA({
+                    provider: data.models.agent_a_provider || 'ollama',
+                    model: data.models.agent_a,
+                    hfModel: 'microsoft/Phi-3-mini-4k-instruct',
+                    temp: data.models.agent_a_temp,
+                    role: roleA.startsWith('CUSTOM_') ? 'CUSTOM_ROLE' : roleA,
+                    customRoleName: roleA.startsWith('CUSTOM_') ? roleA.replace('CUSTOM_', '').replace(/_/g, ' ') : '',
+                    customPrompt: data.models.agent_a_system_prompt || ''
+                });
+                setAgentB({
+                    provider: data.models.agent_b_provider || 'ollama',
+                    model: data.models.agent_b,
+                    hfModel: 'Qwen/Qwen2.5-3B-Instruct',
+                    temp: data.models.agent_b_temp,
+                    role: roleB.startsWith('CUSTOM_') ? 'CUSTOM_ROLE' : roleB,
+                    customRoleName: roleB.startsWith('CUSTOM_') ? roleB.replace('CUSTOM_', '').replace(/_/g, ' ') : '',
+                    customPrompt: data.models.agent_b_system_prompt || ''
+                });
                 if (data.models.openai_api_key) setOpenaiKey(data.models.openai_api_key);
                 setMaxSteps(data.episode.max_steps);
                 if (data.execution) {
@@ -215,20 +133,21 @@ const SettingsView = () => {
 
     const handleSave = async () => {
         try {
-            const agentPayload = agents.map(a => ({
-                id: a.id,
-                model: a.provider === 'ollama' ? a.model : (a.provider === 'openai' ? a.openaiModel : a.hfModel),
-                provider: a.provider,
-                role: a.role === 'CUSTOM_ROLE' ? `CUSTOM_${a.customRoleName.replace(/ /g, '_').toUpperCase()}` : a.role,
-                system_prompt: a.customPrompt,
-                temperature: a.temp
-            }));
             await fetch(`${config.API_BASE}/config`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({
                     MAX_STEPS: maxSteps,
-                    AGENTS: agentPayload,
+                    AGENT_A_MODEL: agentA.provider === 'ollama' ? agentA.model : (agentA.provider === 'openai' ? agentA.openaiModel : agentA.hfModel),
+                    AGENT_B_MODEL: agentB.provider === 'ollama' ? agentB.model : (agentB.provider === 'openai' ? agentB.openaiModel : agentB.hfModel),
+                    AGENT_A_PROVIDER: agentA.provider,
+                    AGENT_B_PROVIDER: agentB.provider,
+                    AGENT_A_ROLE: agentA.role === 'CUSTOM_ROLE' ? `CUSTOM_${agentA.customRoleName.replace(/ /g, '_').toUpperCase()}` : agentA.role,
+                    AGENT_B_ROLE: agentB.role === 'CUSTOM_ROLE' ? `CUSTOM_${agentB.customRoleName.replace(/ /g, '_').toUpperCase()}` : agentB.role,
+                    AGENT_A_SYSTEM_PROMPT: agentA.customPrompt,
+                    AGENT_B_SYSTEM_PROMPT: agentB.customPrompt,
+                    AGENT_A_TEMPERATURE: agentA.temp,
+                    AGENT_B_TEMPERATURE: agentB.temp,
                     EXECUTION_MODE: executionMode,
                     SSH_HOST: sshConfig.host,
                     SSH_PORT: sshConfig.port,
@@ -244,22 +163,24 @@ const SettingsView = () => {
         }
     };
 
+    // Auto-sync active settings so navigation doesn't wipe them
     useEffect(() => {
-        if (agents.length === 0) return;
-        const agentPayload = agents.map(a => ({
-            id: a.id,
-            model: a.provider === 'ollama' ? a.model : (a.provider === 'openai' ? a.openaiModel : a.hfModel),
-            provider: a.provider,
-            role: a.role === 'CUSTOM_ROLE' ? `CUSTOM_${a.customRoleName.replace(/ /g, '_').toUpperCase()}` : a.role,
-            system_prompt: a.customPrompt,
-            temperature: a.temp
-        }));
+        if (!agentA.model && !agentB.model) return; // Wait for initial load or valid models
         fetch(`${config.API_BASE}/config`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({
                 MAX_STEPS: maxSteps,
-                AGENTS: agentPayload,
+                AGENT_A_MODEL: agentA.provider === 'ollama' ? agentA.model : (agentA.provider === 'openai' ? agentA.openaiModel : agentA.hfModel),
+                AGENT_B_MODEL: agentB.provider === 'ollama' ? agentB.model : (agentB.provider === 'openai' ? agentB.openaiModel : agentB.hfModel),
+                AGENT_A_PROVIDER: agentA.provider,
+                AGENT_B_PROVIDER: agentB.provider,
+                AGENT_A_ROLE: agentA.role === 'CUSTOM_ROLE' ? `CUSTOM_${agentA.customRoleName.replace(/ /g, '_').toUpperCase()}` : agentA.role,
+                AGENT_B_ROLE: agentB.role === 'CUSTOM_ROLE' ? `CUSTOM_${agentB.customRoleName.replace(/ /g, '_').toUpperCase()}` : agentB.role,
+                AGENT_A_SYSTEM_PROMPT: agentA.customPrompt,
+                AGENT_B_SYSTEM_PROMPT: agentB.customPrompt,
+                AGENT_A_TEMPERATURE: agentA.temp,
+                AGENT_B_TEMPERATURE: agentB.temp,
                 EXECUTION_MODE: executionMode,
                 SSH_HOST: sshConfig.host,
                 SSH_PORT: sshConfig.port,
@@ -268,56 +189,21 @@ const SettingsView = () => {
                 OPENAI_API_KEY: openaiKey
             })
         }).catch(e => { });
-    }, [agents, maxSteps, executionMode, sshConfig, openaiKey]);
-
-    const handleUpdateAgent = (index, updater) => {
-        setAgents(prev => {
-            const next = [...prev];
-            next[index] = typeof updater === 'function' ? updater(next[index]) : updater;
-            return next;
-        });
-    };
+    }, [agentA, agentB, maxSteps, executionMode, sshConfig, openaiKey]);
 
-    const addAgent = () => {
-        const newId = `agent_${Date.now()}`;
-        const roles = ['INVESTIGATOR', 'VALIDATOR', 'FORENSIC_ANALYST', 'NETWORK_ENGINEER', 'SYSTEM_ADMIN', 'SECURITY_ARCHITECT', 'COMPLIANCE_OFFICER'];
-        const role = roles[agents.length % roles.length];
-        setAgents(prev => [...prev, {
-            id: newId, provider: 'hf', model: '', hfModel: 'meta-llama/Llama-3.2-1B-Instruct', openaiModel: 'gpt-4o-mini', temp: Math.max(0.3, 0.7 - agents.length * 0.05), role, customRoleName: '', customPrompt: ''
-        }]);
-    };
-
-    const removeAgent = (index) => {
-        if (agents.length <= 1) return;
-        setAgents(prev => prev.filter((_, i) => i !== index));
-    };
-
-    const ProviderToggle = ({ agent, index }) => {
-        const getButtonClass = (p) => {
-            if (agent.provider === p) {
-                return index % 2 === 0 ? 'flex-1 py-1 px-3 rounded text-[10px] font-mono font-bold uppercase transition-all bg-primary text-black' : 'flex-1 py-1 px-3 rounded text-[10px] font-mono font-bold uppercase transition-all bg-secondary text-black';
-            }
-            return 'flex-1 py-1 px-3 rounded text-[10px] font-mono font-bold uppercase transition-all text-outline-variant hover:text-white';
-        };
-        const getProviderLabel = (p) => {
-            if (p === 'ollama') return 'Local Ollama';
-            if (p === 'hf') return 'Hugging Face';
-            return 'OpenAI';
-        };
-        return (
-            <div className="flex gap-2 p-1 bg-surface-container-highest rounded-lg border border-white/5">
-                {['ollama', 'hf', 'openai'].map(p => (
-                    <button
-                        key={p}
-                        onClick={() => handleUpdateAgent(index, a => ({ ...a, provider: p }))}
-                        className={getButtonClass(p)}
-                    >
-                        {getProviderLabel(p)}
-                    </button>
-                ))}
-            </div>
-        );
-    };
+    const ProviderToggle = ({ agent, agentId, onSetAgent }) => (
+        <div className="flex gap-2 p-1 bg-surface-container-highest rounded-lg border border-white/5">
+            {['ollama', 'hf', 'openai'].map(p => (
+                <button
+                    key={p}
+                    onClick={() => onSetAgent(a => ({ ...a, provider: p }))}
+                    className={`flex-1 py-1 px-3 rounded text-[10px] font-mono font-bold uppercase transition-all ${agent.provider === p ? (agentId === 'A' ? 'bg-primary text-black' : 'bg-secondary text-black') : 'text-outline-variant hover:text-white'}`}
+                >
+                    {p === 'ollama' ? 'Local Ollama' : (p === 'hf' ? 'Hugging Face' : 'OpenAI')}
+                </button>
+            ))}
+        </div>
+    );
 
     return (
         <div className="space-y-12 animate-in fade-in duration-500">
@@ -337,134 +223,227 @@ const SettingsView = () => {
             </section>
 
             <div className="grid grid-cols-1 md:grid-cols-12 gap-6 items-stretch">
-                {/* N-Agents Render */}
-                {agents.map((agent, index) => {
-                    const isPrimary = index % 2 === 0;
-                    const accentColor = isPrimary ? 'primary' : 'secondary';
-                    const titleColor = isPrimary ? 'text-primary' : 'text-secondary';
-                    const bgColor = isPrimary ? 'bg-primary/10' : 'bg-secondary/10';
-                    const borderColor = isPrimary ? 'border-primary/20' : 'border-secondary/20';
-
-                    return (
-                        <div key={agent.id} className="md:col-span-6 glass-panel rounded-xl p-8 relative overflow-hidden group refractive-edge h-full flex flex-col">
-                            <div className="flex items-center gap-4 mb-8">
-                                <div className={`w-10 h-10 rounded-lg ${bgColor} flex items-center justify-center border ${borderColor}`}>
-                                    <span className={`material-symbols-outlined ${titleColor}`}>smart_toy</span>
+                {/* Agent A Config */}
+                <div className="md:col-span-6 glass-panel rounded-xl p-8 relative overflow-hidden group refractive-edge h-full">
+                    <div className="flex items-center gap-4 mb-8">
+                        <div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center border border-primary/20">
+                            <span className="material-symbols-outlined text-primary">smart_toy</span>
+                        </div>
+                        <div className="flex-1">
+                            <div className="flex justify-between items-start">
+                                <div>
+                                    <h3 className="font-headline text-xl font-bold uppercase">Agent A <span className="text-primary text-sm ml-2 tracking-tighter">[PRIMARY]</span></h3>
+                                    <p className="font-mono text-[10px] text-slate-500 uppercase">Neural Processing Unit 01</p>
                                 </div>
-                                <div className="flex-1">
-                                    <div className="flex justify-between items-start">
-                                        <div>
-                                            <h3 className="font-headline text-xl font-bold uppercase">{agent.role.replace(/_/g, ' ')} <span className={`${titleColor} text-sm ml-2 tracking-tighter`}>[{agent.id.toUpperCase()}]</span></h3>
-                                            <p className="font-mono text-[10px] text-slate-500 uppercase">Node ID: {agent.id}</p>
-                                        </div>
-                                        <div className="flex gap-2 items-center">
-                                            <ProviderToggle agent={agent} index={index} />
-                                            {agents.length > 1 && (
-                                                <button onClick={() => removeAgent(index)} className="text-error hover:text-red-400 p-1 bg-surface-container-highest rounded border border-white/5" title="Remove Agent">
-                                                    <span className="material-symbols-outlined text-[14px]">delete</span>
-                                                </button>
-                                            )}
-                                        </div>
-                                    </div>
+                                <ProviderToggle agent={agentA} agentId="A" onSetAgent={setAgentA} />
+                            </div>
+                        </div>
+                    </div>
+                    <div className="space-y-8">
+                        {agentA.provider === 'ollama' ? (
+                            <OllamaModelPicker
+                                value={agentA.model}
+                                onChange={v => setAgentA(a => ({ ...a, model: v }))}
+                                accentColor="primary"
+                            />
+                        ) : agentA.provider === 'hf' ? (
+                            <div className="space-y-4">
+                                <div className="space-y-2">
+                                    <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">HF Model Repo ID</label>
+                                    <input
+                                        className="w-full bg-transparent border-0 border-b border-primary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-primary transition-all placeholder:text-slate-700"
+                                        placeholder="e.g. microsoft/Phi-3-mini-4k-instruct"
+                                        type="text"
+                                        value={agentA.hfModel}
+                                        onChange={e => setAgentA(a => ({ ...a, hfModel: e.target.value }))}
+                                    />
                                 </div>
                             </div>
-                            <div className="space-y-8 flex-1">
-                                {agent.provider === 'ollama' ? (
-                                    <OllamaModelPicker
-                                        value={agent.model}
-                                        onChange={v => handleUpdateAgent(index, a => ({ ...a, model: v }))}
-                                        accentColor={accentColor}
+                        ) : (
+                            <div className="space-y-4">
+                                <div className="space-y-2">
+                                    <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">OpenAI API Key</label>
+                                    <input
+                                        className="w-full bg-transparent border-0 border-b border-primary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-primary transition-all placeholder:text-slate-700"
+                                        placeholder="sk-..."
+                                        type="password"
+                                        value={openaiKey}
+                                        onChange={e => setOpenaiKey(e.target.value)}
                                     />
-                                ) : agent.provider === 'hf' ? (
-                                    <HFModelPicker
-                                        value={agent.hfModel}
-                                        onChange={v => handleUpdateAgent(index, a => ({ ...a, hfModel: v }))}
-                                        accentColor={accentColor}
+                                </div>
+                                <div className="space-y-2">
+                                    <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">OpenAI Model Name</label>
+                                    <input
+                                        className="w-full bg-transparent border-0 border-b border-primary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-primary transition-all placeholder:text-slate-700"
+                                        placeholder="gpt-4o"
+                                        type="text"
+                                        value={agentA.openaiModel}
+                                        onChange={e => setAgentA(a => ({ ...a, openaiModel: e.target.value }))}
                                     />
-                                ) : (
-                                    <div className="space-y-4">
-                                        <div className="space-y-2">
-                                            <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">OpenAI API Key</label>
-                                            <input
-                                                className={isPrimary ? 'w-full bg-transparent border-0 border-b border-primary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-primary transition-all placeholder:text-slate-700' : 'w-full bg-transparent border-0 border-b border-secondary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-secondary transition-all placeholder:text-slate-700'}
-                                                placeholder="sk-..."
-                                                type="password"
-                                                value={openaiKey}
-                                                onChange={e => setOpenaiKey(e.target.value)}
-                                            />
-                                        </div>
-                                        <div className="space-y-2">
-                                            <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">OpenAI Model Name</label>
-                                            <input
-                                                className={isPrimary ? 'w-full bg-transparent border-0 border-b border-primary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-primary transition-all placeholder:text-slate-700' : 'w-full bg-transparent border-0 border-b border-secondary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-secondary transition-all placeholder:text-slate-700'}
-                                                placeholder="gpt-4o"
-                                                type="text"
-                                                value={agent.openaiModel}
-                                                onChange={e => handleUpdateAgent(index, a => ({ ...a, openaiModel: e.target.value }))}
-                                            />
-                                        </div>
+                                </div>
+                            </div>
+                        )}
+                        <div className="space-y-4">
+                            <div className="flex justify-between items-center">
+                                <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">Neural Temperature</label>
+                                <span className="font-mono text-xs text-primary font-bold">{agentA.temp.toFixed(1)}</span>
+                            </div>
+                            <input
+                                className="w-full h-1.5 rounded-lg appearance-none cursor-pointer accent-primary bg-surface-container-highest"
+                                max="1" min="0" step="0.1" type="range"
+                                value={agentA.temp}
+                                onChange={e => setAgentA(a => ({ ...a, temp: parseFloat(e.target.value) }))}
+                            />
+                        </div>
+                        <div className="space-y-4 pt-4 border-t border-white/5">
+                            <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">Operational Role</label>
+                            <select
+                                className="w-full bg-surface-container-lowest border-b border-primary/30 py-2 font-mono text-sm text-on-surface focus:outline-none focus:border-primary transition-all cursor-pointer"
+                                value={agentA.role}
+                                onChange={e => setAgentA(a => ({ ...a, role: e.target.value }))}
+                            >
+                                {ROLES.map(r => <option key={r} value={r}>{r.replace(/_/g, ' ')}</option>)}
+                            </select>
+
+                            {agentA.role === 'CUSTOM_ROLE' && (
+                                <div className="space-y-4 pt-2 animate-in fade-in slide-in-from-top-2">
+                                    <div className="space-y-2">
+                                        <label className="font-mono text-[9px] tracking-widest text-primary uppercase">Custom Role Title</label>
+                                        <input
+                                            type="text"
+                                            placeholder="e.g. DATABASE NINJA"
+                                            value={agentA.customRoleName}
+                                            onChange={e => setAgentA(a => ({ ...a, customRoleName: e.target.value }))}
+                                            className="w-full bg-transparent border-0 border-b border-primary/30 py-2 font-mono text-sm text-on-surface focus:outline-none focus:border-primary transition-all placeholder:text-slate-700"
+                                        />
                                     </div>
-                                )}
-                                <div className="space-y-4">
-                                    <div className="flex justify-between items-center">
-                                        <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">Neural Temperature</label>
-                                        <span className={`font-mono text-xs ${titleColor} font-bold`}>{agent.temp.toFixed(1)}</span>
+                                    <div className="space-y-2">
+                                        <label className="font-mono text-[9px] tracking-widest text-primary uppercase flex justify-between">
+                                            <span>System Prompt Configuration</span>
+                                        </label>
+                                        <textarea
+                                            placeholder="You are an elite expert... Your objective is to..."
+                                            value={agentA.customPrompt}
+                                            onChange={e => setAgentA(a => ({ ...a, customPrompt: e.target.value }))}
+                                            className="w-full h-32 bg-surface-container-lowest text-primary font-mono text-[10px] p-3 rounded border border-white/5 focus:border-primary/50 focus:outline-none leading-relaxed"
+                                        />
                                     </div>
+                                </div>
+                            )}
+                        </div>
+                    </div>
+                </div>
+
+                {/* Agent B Config */}
+                <div className="md:col-span-6 glass-panel rounded-xl p-8 relative overflow-hidden group refractive-edge h-full">
+                    <div className="flex items-center gap-4 mb-8">
+                        <div className="w-10 h-10 rounded-lg bg-secondary/10 flex items-center justify-center border border-secondary/20">
+                            <span className="material-symbols-outlined text-secondary">memory</span>
+                        </div>
+                        <div className="flex-1">
+                            <div className="flex justify-between items-start">
+                                <div>
+                                    <h3 className="font-headline text-xl font-bold uppercase">Agent B <span className="text-secondary text-sm ml-2 tracking-tighter">[SECONDARY]</span></h3>
+                                    <p className="font-mono text-[10px] text-slate-500 uppercase">Logical Validation Unit 02</p>
+                                </div>
+                                <ProviderToggle agent={agentB} agentId="B" onSetAgent={setAgentB} />
+                            </div>
+                        </div>
+                    </div>
+                    <div className="space-y-8">
+                        {agentB.provider === 'ollama' ? (
+                            <OllamaModelPicker
+                                value={agentB.model}
+                                onChange={v => setAgentB(b => ({ ...b, model: v }))}
+                                accentColor="secondary"
+                            />
+                        ) : agentB.provider === 'hf' ? (
+                            <div className="space-y-4">
+                                <div className="space-y-2">
+                                    <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">HF Model Repo ID</label>
                                     <input
-                                        className="w-full h-1.5 rounded-lg appearance-none cursor-pointer bg-surface-container-highest"
-                                        max="1" min="0" step="0.1" type="range"
-                                        value={agent.temp}
-                                        onChange={e => handleUpdateAgent(index, a => ({ ...a, temp: parseFloat(e.target.value) }))}
+                                        className="w-full bg-transparent border-0 border-b border-secondary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-secondary transition-all placeholder:text-slate-700"
+                                        placeholder="e.g. Qwen/Qwen2.5-3B-Instruct"
+                                        type="text"
+                                        value={agentB.hfModel}
+                                        onChange={e => setAgentB(b => ({ ...b, hfModel: e.target.value }))}
                                     />
                                 </div>
-                                <div className="space-y-4 pt-4 border-t border-white/5">
-                                    <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">Operational Role</label>
-                                    <select
-                                        className={isPrimary ? 'w-full bg-surface-container-lowest border-b border-primary/30 py-2 font-mono text-sm text-on-surface focus:outline-none focus:border-primary transition-all cursor-pointer' : 'w-full bg-surface-container-lowest border-b border-secondary/30 py-2 font-mono text-sm text-on-surface focus:outline-none focus:border-secondary transition-all cursor-pointer'}
-                                        value={agent.role}
-                                        onChange={e => handleUpdateAgent(index, a => ({ ...a, role: e.target.value }))}
-                                    >
-                                        {ROLES.map(r => <option key={r} value={r}>{r.replace(/_/g, ' ')}</option>)}
-                                    </select>
-
-                                    {agent.role === 'CUSTOM_ROLE' && (
-                                        <div className="space-y-4 pt-2 animate-in fade-in slide-in-from-top-2">
-                                            <div className="space-y-2">
-                                                <label className={`font-mono text-[9px] tracking-widest ${titleColor} uppercase`}>Custom Role Title</label>
-                                                <input
-                                                    type="text"
-                                                    placeholder="e.g. DATABASE NINJA"
-                                                    value={agent.customRoleName}
-                                                    onChange={e => handleUpdateAgent(index, a => ({ ...a, customRoleName: e.target.value }))}
-                                                    className={isPrimary ? 'w-full bg-transparent border-0 border-b border-primary/30 py-2 font-mono text-sm text-on-surface focus:outline-none focus:border-primary transition-all placeholder:text-slate-700' : 'w-full bg-transparent border-0 border-b border-secondary/30 py-2 font-mono text-sm text-on-surface focus:outline-none focus:border-secondary transition-all placeholder:text-slate-700'}
-                                                />
-                                            </div>
-                                            <div className="space-y-2">
-                                                <label className={`font-mono text-[9px] tracking-widest ${titleColor} uppercase flex justify-between`}>
-                                                    <span>System Prompt Configuration</span>
-                                                </label>
-                                                <textarea
-                                                    placeholder="You are an elite expert... Your objective is to..."
-                                                    value={agent.customPrompt}
-                                                    onChange={e => handleUpdateAgent(index, a => ({ ...a, customPrompt: e.target.value }))}
-                                                    className={`w-full h-32 bg-surface-container-lowest ${titleColor} font-mono text-[10px] p-3 rounded border border-white/5 focus:outline-none leading-relaxed`}
-                                                />
-                                            </div>
-                                        </div>
-                                    )}
+                            </div>
+                        ) : (
+                            <div className="space-y-4">
+                                <div className="space-y-2">
+                                    <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">Global OpenAI API Key</label>
+                                    <input
+                                        className="w-full bg-transparent border-0 border-b border-secondary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-secondary transition-all placeholder:text-slate-700"
+                                        placeholder="sk-..."
+                                        type="password"
+                                        value={openaiKey}
+                                        onChange={e => setOpenaiKey(e.target.value)}
+                                    />
+                                </div>
+                                <div className="space-y-2">
+                                    <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">OpenAI Model Name</label>
+                                    <input
+                                        className="w-full bg-transparent border-0 border-b border-secondary/30 py-2 font-mono text-on-surface focus:outline-none focus:border-secondary transition-all placeholder:text-slate-700"
+                                        placeholder="gpt-4o-mini"
+                                        type="text"
+                                        value={agentB.openaiModel}
+                                        onChange={e => setAgentB(b => ({ ...b, openaiModel: e.target.value }))}
+                                    />
                                 </div>
                             </div>
+                        )}
+                        <div className="space-y-4">
+                            <div className="flex justify-between items-center">
+                                <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">Neural Temperature</label>
+                                <span className="font-mono text-xs text-secondary font-bold">{agentB.temp.toFixed(1)}</span>
+                            </div>
+                            <input
+                                className="w-full h-1.5 rounded-lg appearance-none cursor-pointer accent-secondary bg-surface-container-highest"
+                                max="1" min="0" step="0.1" type="range"
+                                value={agentB.temp}
+                                onChange={e => setAgentB(b => ({ ...b, temp: parseFloat(e.target.value) }))}
+                            />
+                        </div>
+                        <div className="space-y-4 pt-4 border-t border-white/5">
+                            <label className="font-mono text-[10px] tracking-widest text-slate-400 uppercase">Operational Role</label>
+                            <select
+                                className="w-full bg-surface-container-lowest border-b border-secondary/30 py-2 font-mono text-sm text-on-surface focus:outline-none focus:border-secondary transition-all cursor-pointer"
+                                value={agentB.role}
+                                onChange={e => setAgentB(b => ({ ...b, role: e.target.value }))}
+                            >
+                                {ROLES.map(r => <option key={r} value={r}>{r.replace(/_/g, ' ')}</option>)}
+                            </select>
+
+                            {agentB.role === 'CUSTOM_ROLE' && (
+                                <div className="space-y-4 pt-2 animate-in fade-in slide-in-from-top-2">
+                                    <div className="space-y-2">
+                                        <label className="font-mono text-[9px] tracking-widest text-secondary uppercase">Custom Role Title</label>
+                                        <input
+                                            type="text"
+                                            placeholder="e.g. LOGICAL SKEPTIC"
+                                            value={agentB.customRoleName}
+                                            onChange={e => setAgentB(b => ({ ...b, customRoleName: e.target.value }))}
+                                            className="w-full bg-transparent border-0 border-b border-secondary/30 py-2 font-mono text-sm text-on-surface focus:outline-none focus:border-secondary transition-all placeholder:text-slate-700"
+                                        />
+                                    </div>
+                                    <div className="space-y-2">
+                                        <label className="font-mono text-[9px] tracking-widest text-secondary uppercase flex justify-between">
+                                            <span>System Prompt Configuration</span>
+                                        </label>
+                                        <textarea
+                                            placeholder="You are an expert... Challenge your partner..."
+                                            value={agentB.customPrompt}
+                                            onChange={e => setAgentB(b => ({ ...b, customPrompt: e.target.value }))}
+                                            className="w-full h-32 bg-surface-container-lowest text-secondary font-mono text-[10px] p-3 rounded border border-white/5 focus:border-secondary/50 focus:outline-none leading-relaxed"
+                                        />
+                                    </div>
+                                </div>
+                            )}
                         </div>
-                    );
-                })}
-                {(
-                    <div className="md:col-span-12 flex justify-center mt-4">
-                        <button onClick={addAgent} className="flex items-center gap-2 px-8 py-3 rounded-xl border border-dashed border-outline-variant/30 text-outline-variant font-mono text-xs uppercase hover:bg-surface-container-highest hover:text-white transition-all">
-                            <span className="material-symbols-outlined text-[16px]">add</span>
-                            <span>Add Agent Node</span>
-                        </button>
                     </div>
-                )}
+                </div>
 
                 {/* Execution Environment */}
                 <div className="md:col-span-12 glass-panel rounded-xl p-8 refractive-edge">
@@ -484,7 +463,6 @@ const SettingsView = () => {
                                 key={m.id}
                                 id={`exec-mode-${m.id}`}
                                 onClick={() => setExecutionMode(m.id)}
-                                title={m.id === 'ssh' ? 'Connects to a live Linux server via SSH to execute raw commands (Destructive)' : 'Uses Sandbox constraints'}
                                 className={`flex-1 flex items-center justify-center gap-2 py-2 px-3 rounded text-[11px] font-mono font-bold uppercase transition-all ${executionMode === m.id ? 'bg-tertiary text-black' : 'text-outline-variant hover:text-white'
                                     }`}
                             >
@@ -606,10 +584,7 @@ const SettingsView = () => {
                 </div>
                 <div className="flex items-center gap-4">
                     <button
-                        onClick={() => { 
-                            setAgents([{ id: 'agent_a', provider: 'ollama', model: '', temp: 0.7, role: 'INVESTIGATOR' }]); 
-                            setMaxSteps(12); 
-                        }}
+                        onClick={() => { setAgentA(a => ({ ...a, model: '', provider: 'ollama' })); setAgentB(b => ({ ...b, model: '', provider: 'ollama' })); setMaxSteps(12); }}
                         className="px-8 py-3 bg-surface-container-high text-on-surface-variant font-headline font-bold text-sm tracking-widest rounded hover:bg-surface-container-highest hover:text-white transition-all uppercase"
                     >
                         Reset

openenv.yaml

@@ -1,59 +1,59 @@
-name: nexus-incident-investigation
-version: "1.0.0"
-tags: ["openenv", "multi-agent"]
-description: >
-  NEXUS — Multi-Agent Incident Investigation Environment.
-  Multiple AI agents (up to 10) collaborate to investigate real-world system incidents.
-  Agents can take different roles: Investigator, Validator, Forensic Analyst,
-  Network Engineer, System Admin, Security Architect, and Compliance Officer.
-  Together they identify root causes across software, business-process,
-  and cascade-system failure scenarios.
-
-tasks:
-  - name: software-incident
-    description: Single-service software bug causing user-facing errors
-    difficulty: easy
-    max_steps: 8
-    grader: scenarios/graders/easy_grader.py
-
-  - name: business-process-failure
-    description: Multi-team process breakdown with misleading red-herrings
-    difficulty: medium
-    max_steps: 8
-    grader: scenarios/graders/medium_grader.py
-
-  - name: cascade-system-failure
-    description: Multi-system cascade failure with misleading logs
-    difficulty: hard
-    max_steps: 8
-    grader: scenarios/graders/hard_grader.py
-
-action_space:
-  type: text
-  description: "Free-form natural language message with optional TOOL: calls"
-
-observation_space:
-  type: structured
-  fields:
-    scenario_description: string
-    scenario_context: string
-    partner_message: string
-    tool_results: list
-    clues_found: list
-    investigation_stage: string
-    round: integer
-    available_tools: list
-
-reward_range: [0.0, 1.0]
-reward_description: >
-  Dynamically computed from semantic similarity of hypothesis to root-cause,
-  tool quality, fix correctness, and investigation efficiency.
-
-inference_script: inference.py
-entry_point: backend/main.py
-docker_port: 7860
-
-baseline_scores:
-  software-incident: 0.88
-  business-process-failure: 0.72
-  cascade-system-failure: 0.48
+name: nexus-incident-investigation
+version: "1.0.0"
+tags: ["openenv"]
+description: >
+  NEXUS — Dual Agent Incident Investigation Environment.
+  Two AI agents collaborate to investigate real-world system incidents.
+  Agent A (Investigator) proposes hypotheses and calls tools.
+  Agent B (Validator) challenges claims and verifies fixes.
+  Together they identify root causes across software, business-process,
+  and cascade-system failure scenarios.
+
+tasks:
+  - name: software-incident
+    description: Single-service software bug causing user-facing errors
+    difficulty: easy
+    max_steps: 8
+    grader: scenarios/graders/easy_grader.py
+
+  - name: business-process-failure
+    description: Multi-team process breakdown with misleading red-herrings
+    difficulty: medium
+    max_steps: 8
+    grader: scenarios/graders/medium_grader.py
+
+  - name: cascade-system-failure
+    description: Multi-system cascade failure with misleading logs
+    difficulty: hard
+    max_steps: 8
+    grader: scenarios/graders/hard_grader.py
+
+action_space:
+  type: text
+  description: Free-form natural language message with optional TOOL: calls
+
+observation_space:
+  type: structured
+  fields:
+    scenario_description: string
+    scenario_context: string
+    partner_message: string
+    tool_results: list
+    clues_found: list
+    investigation_stage: string
+    round: integer
+    available_tools: list
+
+reward_range: [0.0, 1.0]
+reward_description: >
+  Dynamically computed from semantic similarity of hypothesis to root-cause,
+  tool quality, fix correctness, and investigation efficiency.
+
+inference_script: inference.py
+entry_point: backend/main.py
+docker_port: 7860
+
+baseline_scores:
+  software-incident: 0.45
+  business-process-failure: 0.35
+  cascade-system-failure: 0.25

pyproject.toml

@@ -1,27 +0,0 @@
-[build-system]
-requires = ["setuptools>=45", "wheel"]
-build-backend = "setuptools.build_meta"
-
-[project]
-name = "nexus-ai"
-version = "1.0.0"
-description = "NEXUS - Dual Agent Incident Investigation Environment"
-requires-python = ">=3.10"
-dependencies = [
-    "openenv-core>=0.2.0",
-    "fastapi>=0.100.0",
-    "uvicorn[standard]>=0.23.0",
-    "pydantic>=2.0.0",
-    "python-dotenv>=1.0.0",
-    "httpx>=0.24.0",
-    "openai>=1.0.0",
-    "psutil>=5.9.0",
-]
-
-[project.scripts]
-server = "server.app:main"
-
-[tool.setuptools]
-include-package-data = true
-packages = ["server"]
-package-dir = { "server" = "server" }

server/__init__.py

@@ -1 +0,0 @@
-# Server package

server/app.py

@@ -1,13 +0,0 @@
-import sys
-import os
-
-# Add backend to path
-sys.path.insert(0, os.path.join(os.path.dirname(__file__), '..', 'backend'))
-
-def main():
-    import uvicorn
-    from backend.main import app
-    uvicorn.run(app, host="0.0.0.0", port=7860)
-
-if __name__ == "__main__":
-    main()

setup.bat

@@ -1,66 +0,0 @@
-@echo off
-echo ==============================================================
-echo NEXUS Incident Investigation Environment Setup
-echo ==============================================================
-echo.
-
-REM Check Python
-python --version >nul 2>&1
-if %errorlevel% neq 0 (
-    echo [ERROR] Python is not installed or not in PATH!
-    pause
-    exit /b
-)
-
-REM Check npm
-npm --version >nul 2>&1
-if %errorlevel% neq 0 (
-    echo [ERROR] Node.js/npm is not installed or not in PATH!
-    pause
-    exit /b
-)
-
-echo [1/3] Setting up Backend Virtual Environment...
-python -m venv backend\venv
-call backend\venv\Scripts\activate.bat
-pip install -r backend\requirements.txt
-
-echo.
-echo [2/3] Setting up Frontend Dependencies...
-cd frontend
-call npm install
-cd ..
-
-echo.
-echo [3/4] Pulling Required LLM Models (Ollama)...
-echo --------------------------------------------------------------
-echo This will ensure you have the correct models for the simulation.
-echo 1. microsoft/Phi-3-mini-4k-instruct (Investigator)
-echo 2. Qwen/Qwen2.5-1.5B-Instruct       (Validator)
-echo 3. all-minilm                      (Reward Engine)
-echo.
-set /p PULL_MODELS="Do you want to pull these models now? (y/n): "
-if /i "%PULL_MODELS%"=="y" (
-    echo [Pulling Phi-3...]
-    ollama pull phi3:mini
-    echo [Pulling Qwen-1.5B...]
-    ollama pull qwen2.5:1.5b
-    echo [Pulling all-minilm...]
-    ollama pull all-minilm
-) else (
-    echo Skipping model pull. Ensure you pull them manually later.
-)
-
-echo.
-echo [4/4] Validating OpenEnv Compliance...
-call backend\venv\Scripts\python.exe openenv_validator.py
-
-echo.
-echo ==============================================================
-echo SETUP COMPLETE!
-echo.
-echo To run locally:
-echo 1. Start UI:    cd frontend ^& npm run dev
-echo 2. Start API:   cd backend ^& venv\Scripts\python main.py
-echo ==============================================================
-pause

setup.sh

@@ -1,42 +0,0 @@
-#!/bin/bash
-
-echo "=============================================================="
-echo "NEXUS Incident Investigation Environment Setup"
-echo "=============================================================="
-echo ""
-
-# Check Python
-if ! command -v python3 &> /dev/null; then
-    echo "[ERROR] python3 is not installed or not in PATH!"
-    exit 1
-fi
-
-# Check npm
-if ! command -v npm &> /dev/null; then
-    echo "[ERROR] npm is not installed or not in PATH!"
-    exit 1
-fi
-
-echo "[1/3] Setting up Backend Virtual Environment..."
-python3 -m venv backend/venv
-source backend/venv/bin/activate
-pip install -r backend/requirements.txt
-
-echo ""
-echo "[2/3] Setting up Frontend Dependencies..."
-cd frontend
-npm install
-cd ..
-
-echo ""
-echo "[3/3] Validating OpenEnv Compliance..."
-backend/venv/bin/python openenv_validator.py
-
-echo ""
-echo "=============================================================="
-echo "SETUP COMPLETE!"
-echo ""
-echo "To run locally without Docker:"
-echo "1. Start UI:    cd frontend && npm run dev"
-echo "2. Start API:   cd backend && venv/bin/uvicorn main:app --reload"
-echo "=============================================================="